@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;} 

body {
font:12px 'Oswald', Arial, sans-serif;
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #f7f7f7 2%, #fefefe 5%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(2%,#f7f7f7), color-stop(5%,#fefefe), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#f7f7f7 2%,#fefefe 5%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e2e2e2 0%,#f7f7f7 2%,#fefefe 5%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e2e2e2 0%,#f7f7f7 2%,#fefefe 5%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e2e2e2 0%,#f7f7f7 2%,#fefefe 5%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
	
header {
width: 960px;
min-height: 145px;
margin-top: 0px;
padding-bottom:10px;
margin: auto;
position: relative;
}


#logo {
height:87px;
width:214px;
float:left;}


h1 {
font-size:15px;
font-weight:400;
color:#3c5e8b;
}


h2 {
font-size:12px;
font-weight:400;
color:#3c5e8b;
}


p {
font-size: 12px;
color:#616161;
line-height: 22px;
}

p a{
color:#333;
}

p a:hover{
color:#3c5e8b;
}

nav {
height:20px;
text-align:right;
font-size:15px;
font-weight:lighter;
margin-top:15px;
margin-right:30px;
word-spacing:30px;
clear:both;
}
		
nav a {
color: #369;
text-decoration: none;
}

nav a:hover {
color: #3399CC;
}


#secciones{
width:960px;
height:230px;
margin:auto;
}

section {
width:100%;

}

#contenedor {
width:960px;
margin:auto;
margin-bottom:30px;
clear:both;
}

#contenedormateriales {
width:960px;
margin:auto;

height:590px;
padding-top:40px;
}

#contenedorfoto {
width:100%;
height:300px;
background-color:black;
text-align:center;
}

#interior1 {
width:300px;

float:left;
padding:15px;
}

#interior2 {
width:600px;

margin-left:330px;
padding:15px 0px 60px 0px;

}

#interiormat {
width:700px;
margin-left:330px;
padding-top:15px;
clear:right;
}


.texto {
font-size: 11px;
color: #FFF;
line-height:17px;
}


.wrapperhome {
overflow: hidden;
width:100%;
margin:auto;
text-align:center;
max-width:980px;
}

.wrapperhome img{
padding:10px;
}

#fondohome {
width:100%;
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 2%, #ffffff 49%, #6b6b6b 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(2%,#ffffff), color-stop(49%,#ffffff), color-stop(100%,#6b6b6b)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 2%,#ffffff 49%,#6b6b6b 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #ffffff 2%,#ffffff 49%,#6b6b6b 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #ffffff 2%,#ffffff 49%,#6b6b6b 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #ffffff 2%,#ffffff 49%,#6b6b6b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6b6b6b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#face {
	width:98%;
	position:relative;
	text-align:right;
	clear:both;
	margin-right:30px;
	
}


	
	/* ---------=======  FOOTER  =======--------------- ***/
footer{
text-align:center;
width:100%;
height:60px;
padding-top:20px;
margin:auto;
clear:both;
background-color:#333;
}
	
footer a {
color:#CCC;
}

footer a:hover {
color:#FFF;
}

.textofooter{
font-size: 11px;
color:#999999;
text-align: center;
}