@charset "UTF-8";
html, body
{
width: 100%;
height: 100%;
min-width: 1280px;
min-height: 748px;
margin: 0px;
padding: 0px;

background: -webkit-linear-gradient(#ffffff, #7A7673); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#ffffff, #7A7673); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ffffff, #7A7673); /* For Firefox 3.6 to 15 */
background: -linear-gradient(#ffffff, #7A7673); /* Standard syntax */
}

header
{
position: relative;
width: 140px;
height: 80px;
margin-top: 20px;
float: left;
}

nav
{
width: 100%;
height: 70px;
min-width: 1085px;
min-height: 70px;
font-family: PontanoSans-Regular;
font-size: 12pt;
text-align: center;
z-index: 10;
}

.envolture
{
width: 1280px;
height: 80px;
min-width: 1280px;
min-height: 80px;
margin-left: auto;
margin-right: auto;
}

div#position_nav
{
display: block;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
float: right;
}

nav ul
{
margin: 0px;
padding: 0px;
list-style: none;
z-index: 10;
}

nav a
{
display: block;
width: 180px;
padding: 4px;
}

nav li
{
float: left;
width: 188px;
}

nav li ul
{
display: none;
}

nav li:hover ul
{
display: block;
width: 188px;
position: absolute;
}

.enlaces_principales
{
font-weight: regular;
}

a.principal_nav
{
background-color: #000000;
color: white;
text-decoration: none;
transition: background-color 1s;
-webkit-transition: background-color 1s; /* Safari */
}

a.principal_nav:visited
{
background-color: #000000;
color: white;
transition: background-color 1s;
-webkit-transition: background-color 1s; /* Safari */
}

a.principal_nav:hover
{
background-color: #ffffff;
color: #000000;
}

a.principal_nav:active
{
background-color: #000000;
}

a.index_nav
{
color: white;
text-decoration: none;
transition: background-color 1s;
-webkit-transition: background-color 1s; /* Safari */
}

a.index_nav:visited
{
color: white;
transition: background-color 1s;
-webkit-transition: background-color 1s; /* Safari */
}

a.index_nav:hover
{
color: #000000;
}

.index_div
{
position: relative;
width: 1280px;
height: 282px;
min-width: 1280px;
min-height: 270px;
margin-left: auto;
margin-right: auto;
background-image: url("images/indexdiv.png");
margin-top: 50px;
}

.title_div
{
position: relative;
width: 1280px;
height: 70px;
min-width: 1280px;
min-height: 70px;
margin-left: auto;
margin-right: auto;
background-color: #75706c;
margin-top: 50px;
}

content
{
position: relative;
width: 1280px;
height: 500px;
min-width: 1240px;
min-height: 450px;
margin-left: auto;
margin-right: auto;
background-color: #75706c;
margin-top: 30px;
}

.position_text_1
{
position: absolute;
width: 855px;
height: 300px;
margin-left: 25px;
float: left;
padding: 0px;
}

.position_text_2
{
position: absolute;
width: 855px;
height: 473px;
margin-left: 25px;
float: left;
padding: 0px;
}

.position_text_3
{
position: absolute;
width: 315px;
height: 473px;
margin-left: 25px;
float: left;
padding: 0px;
}

.position_text_4
{
position: absolute;
width: 315px;
height: 473px;
margin-left: 365px;
float: left;
padding: 0px;
}

.position_text_5
{
position: absolute;
width: 315px;
height: 473px;
margin-left: 705px;
float: left;
padding: 0px;
}

.position_text_single
{
position: absolute;
width: 1230px;
height: 473px;
margin-left: 25px;
float: left;
padding: 0px;
}

h1
{
position: relative;
margin-left: 25px;
top: 8px;
font-family: Roboto-Bold;
font-size: 28pt;
color: #ffffff;
}

h2
{
margin-top: 17px;
font-family: Roboto-Bold;
font-size: 20pt;
color: #ffffff;
}

h3
{
position: relative;
margin-left: 25px;
top: 82px;
font-family: Roboto-Bold;
font-size: 40pt;
color: #ffffff;
}

h4
{
position: relative;
margin-left: 25px;
top: 82px;
font-family: Roboto-Regular;
font-size: 22pt;
color: #ffffff;
}

p
{
font-family: Roboto-Regular;
font-size: 14pt;
color: #ffffff;
}

.position_boxes
{
position: absolute;
Width: 855px;
height: 120px;
min-width: 855px;
min-height: 120px;
margin-left: 25px;
margin-top: 365px;
float: left;
padding: 0px;
}

.box1
{
width: 100px;
height: 100px;
background-color: #ffffff;
margin-top: 10px;
padding: 0px;
box-shadow: 3px 2px 5px #8b7051;
float: left;
}

.box
{
width: 100px;
height: 100px;
background-color: #ffffff;
margin-left: 25.7px;
margin-top: 10px;
padding: 0px;
box-shadow: 3px 2px 5px #8b7051;
float: left;
}

img.thumbnail
{
position:relative;
width: 90px;
height: 90px;
margin-top: 5px;
margin-left: 5px;
}

header, nav, content, section, article, footer, aside
{
display: block;
}

@font-face
{
font-family: 'PontanoSans-Regular';
src: url('fonts/PontanoSans-Regular.ttf');
}
	
@font-face
{
font-family: 'Roboto-Regular';
src: url('fonts/Roboto-Regular.ttf');
}

@font-face
{
font-family: 'Roboto-Bold';
src: url('fonts/Roboto-Bold.ttf');
}

#single_photo
{
position: relative;
width: 350px;
height: 450px;
margin: 25px;
float: right;
}
	
.fadein
{
position: relative;
width: 350px;
height: 450px;
margin: 25px;
float: right;
}

.fadein img
{
position: absolute;
left: 0;
top: 0;
}