@charset "UTF-8";
/* CSS Document */
/* Diseñado por Web Arte Digital*/
/* www.webartedigital.com.mx*/

@font-face{
	font-family:"Century Gothic";
	src:url(../fonts/Century%20Gothic.ttf);
	 
}  

a {text-decoration:none;color:#2a3369;} 

/*header*/
.basep{
	margin: auto auto;
	width:970px;
	height:195px;
}
	
.header{
	margin: 0 0;
	width:970px;
	height: 195px;

	
}

.logo{
	position:absolute;
	margin-top:15px;
	margin-left:0px;
	width:160px;
	heidht:144px;
}

.subtitulogo{
	position: absolute;
	margin-top: 158px;
	margin-left: 14px;
	font-family: "Century Gothic", Geneva, Verdana, sans-serif;
	font-size: 8px;
	color: #FFF;
	font-weight: bold;
	text-align:center;
    width: 140px;
	line-height:12px;	
}
	
.titulo{
	position: absolute;
	margin-top: 35px;
	margin-left: 120px;
	font-family: "Century Gothic", Geneva, Verdana, sans-serif;
	font-size: 26px;
	color: #FFF;
	font-weight: bold;
}

.subtitulo{
	position: absolute;
	margin-top: 68px;
	margin-left: 225px;
	font-family: "Century Gothic", Geneva, Verdana, sans-serif;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;	
}

.tels{
	position: absolute;
	margin-top: 8px;
	margin-left: 725px;
	font-family: "Century Gothic", Geneva, Verdana, sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	text-align:right;
	
	
}

.correop{
	position: absolute;
	margin-top: 30px;
	margin-left: 740px;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	text-align:right;
	
	
}

.icotel{
	position: absolute;
	margin-top: 7px;
	margin-left:705px;
	width:20px;
	height:20px;
}

.icocor{
	position: absolute;
	margin-top: 29px;
	margin-left:715px;
	width:20px;
	height:20px;
}

#anuncio{
	position:absolute;
	margin-top:53px;
	margin-left:590px;
}

/*menu*/
.btn1{
	height: 25px;
	width:90px;
    text-decoration:none; 
	position:absolute; 
	margin-top:160px; 
	margin-left:420px;
	font-family: 'Raleway', sans-serif;
	font-size:20px; color: #fff;
	text-align:center;
}


a.btn1:hover{
	color:#C00; text-decoration:none;
	z-index:2;
}	

.btn2{
	height: 25px;
	width: 125px;
	text-decoration:none;
	position:absolute; 
	margin-top:160px; 
	margin-left:500px;
	font-family: 'Raleway', sans-serif;
	font-size:20px; color: #fff;
	text-align:center;	
}

a.btn2:hover{
	color:#C00; text-decoration:none;
	z-index:2;
}	

	
	
.btn3{
	height: 25px;
	width: 115px;
	text-decoration:none;
	position:absolute; 
	margin-top:160px; 
	margin-left:620px;
	font-family: 'Raleway', sans-serif; 
	font-size:20px; color: #fff;
	text-align:center;	
}	

a.btn3:hover{
	color:#C00; text-decoration:none;
	z-index:2;
}	

.btn4{
	height: 25px;
	width: 115px;
	text-decoration:none;
	position:absolute; 
	margin-top:160px; 
	margin-left:730px; 
	font-family: 'Raleway', sans-serif; 
	font-size:20px; color: #fff;
	text-align:center;
}	


a.btn4:hover{
	color:#C00; text-decoration:none;
	z-index:2;
}	

.share-buttons{
	position: absolute;
	margin-top: 150px;
	margin-left:850px;
}



.share-buttons2{
	position: absolute;
	margin-top: 150px;
	margin-left: 893px;
}

.share-buttons3{
	position: absolute;
	margin-top: 150px;
	margin-left: 933px;
}




/*body*/

#slider1_container{
	position: relative; margin: 0 auto;
        top: 0; left: 0px; width: 1300px; height: 350px; overflow: hidden;
}
.tituslogan{
	position: absolute;
	margin-top: 20px;
	margin-left: 60px;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	font-size: 30px;
	color:#C00;
	font-weight: bold;
	text-align: center;
}	

#cuerpo_contenedor{
	margin:auto auto auto auto;
	width:970px;
	height:690px;
}

.saco1{
	position:absolute;
	margin-top:110px;
	margin-left:110px;
	width:130px;
	heidht:154px;
	transition: 1.5s ease;
 	-moz-transition: 1.5s ease; 
 	-webkit-transition: 1.5s ease; 
 	-o-transition: 1.5s ease; 
}


.saco1:hover{
	transform : scale(1.2);
	-moz-transform : scale(1.2);
	-webkit-transform : scale(1.2);
	-o-transform : scale(1.2);
	-ms-transform : scale(1.2); 
}



.tituproduc1{
	position: absolute;
	margin-top: 270px;
	margin-left: 80px;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #2A3369;
	text-align:center;	
}	


.saco2{
	position:absolute;
	margin-top:110px;
	margin-left:330px;
	width:130px;
	heidht:154px;
	transition: 1.5s ease;
 	-moz-transition: 1.5s ease; 
 	-webkit-transition: 1.5s ease; 
 	-o-transition: 1.5s ease; 
}


.saco2:hover{
	transform : scale(1.2);
	-moz-transform : scale(1.2);
	-webkit-transform : scale(1.2);
	-o-transform : scale(1.2);
	-ms-transform : scale(1.2); 
}


.tituproduc2{
	position: absolute;
	margin-top: 270px;
	margin-left: 300px;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #2A3369;
	text-align:center;	
}	


.saco3{
	position:absolute;
	margin-top:110px;
	margin-left:525px;
	width:130px;
	heidht:154px;
	transition: 1.5s ease;
 	-moz-transition: 1.5s ease; 
 	-webkit-transition: 1.5s ease; 
 	-o-transition: 1.5s ease;
}

.saco3:hover{
	transform : scale(1.2);
	-moz-transform : scale(1.2);
	-webkit-transform : scale(1.2);
	-o-transform : scale(1.2);
	-ms-transform : scale(1.2); 
}


.tituproduc3{
	position: absolute;
	margin-top: 270px;
	margin-left: 515px;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #2A3369;
	text-align:center;	
}	



.saco4{
	position:absolute;
	margin-top:110px;
	margin-left:725px;
	width:130px;
	heidht:154px;
	transition: 1.5s ease;
 	-moz-transition: 1.5s ease; 
 	-webkit-transition: 1.5s ease; 
 	-o-transition: 1.5s ease;
}


.saco4:hover{
	transform : scale(1.2);
	-moz-transform : scale(1.2);
	-webkit-transform : scale(1.2);
	-o-transform : scale(1.2);
	-ms-transform : scale(1.2); 
}


.tituproduc4{
	position: absolute;
	margin-top:270px;
	margin-left: 715px;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #2A3369;
	text-align:center;	
}	


.saco5{
	position:absolute;
	margin-top:330px;
	margin-left:110px;
	width:130px;
	heidht:154px;
	transition: 1.5s ease;
 	-moz-transition: 1.5s ease; 
 	-webkit-transition: 1.5s ease; 
 	-o-transition: 1.5s ease;
}


.saco5:hover{
	transform : scale(1.2);
	-moz-transform : scale(1.2);
	-webkit-transform : scale(1.2);
	-o-transform : scale(1.2);
	-ms-transform : scale(1.2); 
}


.tituproduc5{
	position: absolute;
	margin-top: 490px;
	margin-left: 90px;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #2A3369;
	text-align:center;	
}	



.tirol{
	position:absolute;
	margin-top:330px;
	margin-left:330px;
	width:130px;
	heidht:154px;
	transition: 1.5s ease;
 	-moz-transition: 1.5s ease; 
 	-webkit-transition: 1.5s ease; 
 	-o-transition: 1.5s ease;
}


.tirol:hover{
	transform : scale(1.2);
	-moz-transform : scale(1.2);
	-webkit-transform : scale(1.2);
	-o-transform : scale(1.2);
	-ms-transform : scale(1.2); 
}


.tituproduc6{
	position: absolute;
	margin-top: 490px;
	margin-left: 330px;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #2A3369;
	text-align:center;	
}	



.resin{
	position:absolute;
	margin-top:330px;
	margin-left:525px;
	width:130px;
	heidht:154px;
	transition: 1.5s ease;
 	-moz-transition: 1.5s ease; 
 	-webkit-transition: 1.5s ease; 
 	-o-transition: 1.5s ease;
}


.resin:hover{
	transform : scale(1.2);
	-moz-transform : scale(1.2);
	-webkit-transform : scale(1.2);
	-o-transform : scale(1.2);
	-ms-transform : scale(1.2); 
}


.tituproduc7{
	position: absolute;
	margin-top: 490px;
	margin-left: 540px;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: #2A3369;
	text-align:center;	
}	



.creto{
	position:absolute;
	margin-top:330px;
	margin-left:725px;
	width:130px;
	heidht:154px;
	transition: 1.5s ease;
 	-moz-transition: 1.5s ease; 
 	-webkit-transition: 1.5s ease; 
 	-o-transition: 1.5s ease;
}


.creto:hover{
	transform : scale(1.2);
	-moz-transform : scale(1.2);
	-webkit-transform : scale(1.2);
	-o-transform : scale(1.2);
	-ms-transform : scale(1.2); 
}



.tituproduc8{
	position: absolute;
	margin-top: 490px;
	margin-left: 730px;
	font-family: 'Raleway', sans-serif;	font-size: 18px;
	color: #2A3369;
	text-align:center;	
}

#lineaizq{
	position:absolute;
	margin-top: 550px;
	width: 250px;
	height:5px;
	background-color: #2a3369;
}
	
#lineader{
	position:absolute;
	margin-top: 550px;
	margin-left: 720px;
	width: 250px;
	height:5px;
	background-color: #2a3369;
}


.tituclientes{
	position: absolute;
	margin-top: 540px;
	margin-left: 300px;
	font-family: 'Raleway', sans-serif;
	font-size: 22px;
	color: #666666;
	font-weight: bold;	
}	




.cliente1{
	position:absolute;
	margin-top:580px;
	margin-left:50px;
	width:150px;
	heidht:164px;
	
}

.cliente2{
	position:absolute;
	margin-top:580px;
	margin-left:250px;
	width:150px;
	heidht:144px;
	
}

.cliente3{
	position:absolute;
	margin-top:580px;
	margin-left:400px;
	width:150px;
	heidht:144px;
	
}

.cliente4{
	position:absolute;
	margin-top:580px;
	margin-left:600px;
	width:150px;
	heidht:164px;
	
}

.cliente5{
	position:absolute;
	margin-top:580px;
	margin-left:800px;
	width:150px;
	heidht:154px;
	
}

.footer{
	margin:auto auto auto auto;
	width:970px;
	height:100px;
	border-top: 3px #2a3369 solid;
}

.footer1{
	position:absolute;
	margin-top:35px;
	margin-left:10px;
	width:420px;
	text-align:left;
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	color:##2a3369;
}
	
	
.footer2{
	position:absolute;
	margin-top:55px;
	margin-left:10px;
	width:420px;
	text-align:left;
	font-family: 'Raleway', sans-serif;
	font-size:10px;
	color:##2a3369;
}	


.footer3{
	position:absolute;
	margin-top:10px;
	margin-left:395px;
	width:565px;
	text-align:right;
	font-family: 'Raleway', sans-serif;
	font-size:15px;
	color:##2a3369;
	line-height:19px;
}