@charset "utf-8";
/* Generales */
*{padding:0;margin:0;border:0} a{text-decoration:none;outline:none} img{outline:none}  li{list-style:none}
body{font-family: Arial, Helvetica, sans-serif; background-color: #f0f0f0}
.container{width:960px;margin:0 auto;position:relative}
.clear{clear:both;}

/* Header*/
header{z-index:10000000000000000; /*background:url(../images/bg-header.png) top center no-repeat; */height:132px; position: relative;}
header .container{position:relative; }
header .container .logo{float:left;margin:5px 0 0 0; width:502px; }
header .container .logo2{float:right; margin:5px 0 0 10px; width:300px;}

header .menu{ /*background:url(../images/bg-menu.png) top repeat-x; */background-color: #797979; text-align:center; height:46px; font-family:'Futura-Condensed-Normal'; 
	text-transform:uppercase;}
header .menu ul{ margin:0 81px 0 81px;	list-style:none;	display:inline; }	
header .menu ul li{ display: inline; position:relative;  }
header .menu ul li a{ text-decoration:none;	color:#FFFFFF; padding:14px 12px 14px 12px; line-height:48px;  font-family:'Futura-Condensed-Normal' }
header .menu ul li a:hover{ line-height:48px; padding:14px 12px 14px 12px; 	text-decoration:none; /*color:#fb1b01; 
	background:url(../images/bg-menu-hover.png) top repeat-x; */background-color: #656364; font-family:'Futura-Condensed-Normal'  }
header .menu ul li ul{ 	position:absolute; left:-80px; top:30px; display:none; list-style:none; width:180px; background:#3d3d3d; z-index:10000000;
	-moz-border-radius:0px;	-webkit-border-radius: 0px;	border-radius:0px;	behavior:url(border.htc);  }
header .menu ul li:hover ul { display:block; z-index:1;  text-align:left; padding:0; }
header .menu ul li ul li{ color:#ffffff; font-family:'Futura-Condensed-Normal'; z-index:1;  list-style:none; font-size:14px; text-align:left; }
header .menu ul li ul li a {
    color: #ffffff;
    font-family: 'Futura-Condensed-Normal';
    height: 25px;
    line-height: 25px;
    padding: 10px;
    margin: 0px;
    text-align: left;
    width: 100%;
    display: inline-flex;
    box-sizing: border-box;
}
.logo img{
	width: 70%;
	margin-top: 10px
}
header .menu ul li ul li a:hover{ color:#fff; font-family:'Futura-Condensed-Normal'; background:none; height:25px; line-height:25px; padding:8px; margin:0px; background-color: #4C4B4B}

/* CONTENIDO */
#seccion{position:relative; margin:17px 81px 0 81px; padding:0px 0px 0 0; z-index: 1;}
#seccion .container {position:relative; margin:17px 0 0 0;}
/* Inicio */
#seccion #banner { z-index:1; height:263px;	width: 797px;	margin-right: auto;	margin-left: auto;	background-repeat: no-repeat;	
	background-position: center center; }
#seccion .inicio .left{width:258px; float:left; padding:13px 0 0 81px;position:relative;}
#seccion .inicio .right{width:525px; float:left; position:relative; margin:14px 0px 0px 15px;}

#seccion .tels{ text-align:right;  background:url(../images/bg-tels.jpg) top no-repeat; width:181px; height:400px; padding:20px 0 0 0px;
	margin:0px 0px 7px 0px;}
/*faby*/
#seccion .tels .icon-whatssap img{ width: 25px; height: 25px;}
.lonuevo img{ border-radius: 8px; margin-bottom: 5px; margin-top: 10px;}
/*fin faby*/
#seccion .tels div{ padding:15px 10px 0px 0px; font-weight:700;}
#seccion .tels .txt01{ color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#seccion .tels .txt02{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#seccion .tels .txt03{ color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
#seccion .banner1{margin:0 0 10px 0;}

#seccion .breadscrums{ background:url(../images/breadscrums.png) no-repeat; width:796px; height:36px; font-size:11px; font-weight:bold; 
	line-height: 38px;	font-family:"Arial Narrow",Arial, Helvetica, sans-serif; text-align:left; }
#seccion .breadscrums .text01{ float:left; color:#383838; margin-left:24px;}
#seccion .breadscrums .text02{ float:left; color:#d31207; margin-left:23px;}
#seccion .breadscrums .text02 div{ float:left; } 
#seccion .breadscrums .text02 a, #seccion .breadscrums .text02 a:hover{ color:#d31207; } 
#seccion .breadscrums .text02 .separador{ background:url(../images/separador.jpg) center no-repeat; height:36px; width:30px;line-height:38px; }


/* Empresa*/
#seccion .empresa{margin:34px 81px 0 81px; }
#seccion .conte-empresa{ float:left; position:relative; background:#000000; width:357px; height:265px; padding:37px 16px 37px 12px;} 
#seccion .conte-empresa .tit{ color:#fc1213; font-size: 20px; text-align:left; padding-bottom: 45px;}
#seccion .conte-empresa .text{ color:#FFFFFF; font-size: 10.1pt; text-align:justify; }
#seccion .conte-empresa .text p{padding:0 0 17px 0; margin:0 0 0 0;}
#seccion .banner-empresa{float:left; position:relative; background:#fff; width:390px; height:331px; margin-left:20px; }
#seccion .banner-empresa .image{width:200px;}
#seccion .banner-empresa .image img{width:100%;}

#seccion .empresa .content{ margin:7px 0 35px 0; }
#seccion .mapa{ float: left; width:544px; height:453px; margin:0px 22px 0 0;}
#seccion .left_banner{ float: left; width:225px; text-align:justify; font-weight:600; }
#seccion .left_banner .banner1{ float: left; width:201px; height:197px; padding:12px; background:#bdbdbd;  } 
#seccion .left_banner .banner1 .tit{ font-size:23px; color:#000000; padding:0 0 25px 0; }
#seccion .left_banner .banner1 .text{ font-size:12px; color:#000000; }
#seccion .left_banner .banner1 .text p{padding:0 0 20px 0; margin:0 0 0 0;}
#seccion .left_banner .banner2{ float: left; width:201px; height:197px; padding:12px; background:#f31900; font-size:12px; color:#000000; 
	font-family:Arial, Helvetica, sans-serif; }
#seccion .left_banner .banner2 p{padding:0 0 15px 0; margin:0 0 0 0;}

/* Productos
#seccion .productos{ margin:35px 100px 35px 170px; min-height: 100px; text-align:left;}
#seccion .productos .product h1{ font-size:11pt; color:#000000; font-weight: 500; }
#seccion .productos .product .image{width: 100%;}
#seccion .productos .product .image img{width: 100%;}
#seccion .productos .product .img{ float:left; width:235px; min-height:200px; margin-right:10px; margin-bottom: 15px; }
#seccion .productos .product .descrip{ float:left; width:445px; height:180px; font-size:10pt; font-weight: 500; padding-top:38px; }
#seccion .productos .product .descrip p{ padding-bottom:30px; }
#seccion .productos .product .descrip a{ text-decoration:underline; color:#000000; font-size:10pt;  }
#seccion .productos .product .descrip a:hover{ text-decoration:underline; color:#000000; font-size:10pt; }
*/
#seccion .conte_productos{ margin:35px 81px 35px 81px; color:#000000; font-family:"Arial Narrow",Arial, Helvetica, sans-serif; font-size:10pt; 
	text-align:left; min-height:300px; }
#seccion .conte_productos h1{ color:#000000; font-size:15pt; }
#seccion .conte_productos img{ padding:10px 10px 20px 10px; }
#seccion .conte_productos p{ padding-bottom:15px; }

/* Folletos */
#seccion .folletos{ margin:35px 81px 35px 81px; min-height: 100px; }
#seccion .folletos div{ float:left; width:240px; height:300px; margin-bottom:15px; text-align:center;}
#seccion .folletos div img{ padding-bottom:18px; border:0;}
#seccion .folletos div a{ text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:600; }
#seccion .folletos div a:hover{ text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:600; }

/* Eventos */
#seccion .eventos{ margin:35px 81px 35px 81px;  min-height: 350px; text-align:left; }
#seccion .eventos .element{ padding:0px 0px 20px 0px; font-size:10pt; color:#000000; } 
#seccion .eventos .element img{ padding:0 10px 10px 0px;  }
#seccion .eventos .element h1{ padding-bottom:15px; font-family:"Arial Narrow",Arial, Helvetica, sans-serif; font-size:22px; font-weight: 500; }
#seccion .eventos .element div{ margin:0px 0px 10px 0px; }


/* Centro Servicio */
#seccion .centro{ margin:35px 81px 35px 81px;  min-height: 300px; text-align: left; }
#seccion .centro p{ font-size:11pt; font-weight:500; }

/* Asistencia */
#seccion .asistencia{margin:34px 81px 20px 81px; }
#seccion .asistencia .left{float:left; position:relative; width:570px;  padding:0px 0 0 0px; text-align:left; }
#seccion .left h1{ font-family: Arial, Helvetica, sans-serif; color:#000; font-size:22px; padding-bottom:34px;}
#seccion .asistencia .left p{font-family:"Arial Narrow",Arial, Helvetica, sans-serif; color:#000; font-size:16px; padding-bottom:28px;}
#seccion .asistencia .left p span{font-family:"Arial Narrow",Arial, Helvetica, sans-serif; color:#fc0b02; font-size:16px; padding-bottom:28px;}
#seccion .asistencia .right{float:left; position:relative; width:224px; }
#seccion .asistencia .right .banner{float:left; position:relative; width:224px; height:266px; background:#e8e8e8; border:solid 1px #929292; 
	margin-bottom:18px; }


/* Contacto*/
#seccion .contacto{ margin:34px 81px 40px 81px;  min-height: 600px; }
#seccion .contacto .left{float:left; position:relative; width:560px;  padding:0px 0 0 0px; text-align:left; }
#seccion .contacto .left p{ font-family:"Arial Narrow",Arial, Helvetica, sans-serif; font-size:12px; font-weight:600; padding-bottom:15px;}
#seccion .contacto .left .tit{ font-size:12px;  padding: 35px 0 25px 0; }
#seccion .contacto .left .tit hr{ width:408px; height:1px; line-heigh:12px;}
#seccion .contacto .right{float:left; position:relative; width:226px;  padding:0px 0 0 0px; text-align:left; }
#seccion .contacto .tels{ text-align:right;  background:url(../images/bg-tels.png) top no-repeat; width:226px; height:157px; 
	padding:20px 0 0 0px; margin:0px 0px 7px 0px;}
#seccion .contacto .tels div{ padding-top:10px; }
#seccion .contacto .tels div .txt03{ margin-top:5px; }

#seccion .contacto .tels-asistencia{ text-align:left;  background:#e8e8e8; border:solid 1px #929292; width:211px; height:251px;	
	padding:5px 0 0 15px; margin:0px 0px 12px 0px;}
#seccion .contacto .tels-asistencia h1{ font-size:17px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif;  }
#seccion .contacto .tels-asistencia div{ padding-top:10px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:13px; font-weight:500; }
#seccion .contacto .tels-asistencia p{ padding-top:15px; font-family: "Arial Narrow",Arial, Helvetica, sans-serif; font-size:14px;  font-weight:500; }
#seccion .contacto .tels-asistencia p .tel{ padding-top:20px; font-family: "Arial Narrow",Arial, Helvetica, sans-serif; font-size:14px;  font-weight:500; }
#seccion .contacto #form{background:none; width:100%; }
#seccion .contacto #form .tit{text-align:left; color:#000; font-weight:600; font-size:12px; font-family:Arial, Helvetica, sans-serif;  }
#seccion .contacto #form .tit hr{ height:1px; width:408px;}
#seccion .contacto #form .element div{float:left; width:77px; line-height:28px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; font-weight:bold; }
#seccion .contacto #form .element input, #seccion .contacto #form .element textarea{float:left; width:268px; height:22px; padding:2px 5px; border:1px solid #f91306; 
	background:#ffffff; color:#333;	font-family:Arial, Helvetica, sans-serif; font-weight:300; font-size:12px; 
	-moz-border-radius:5px;	-webkit-border-radius: 5px;	border-radius:5px;	behavior:url(border.htc); }
#seccion .contacto #form .element textarea{ height:153px;}
#seccion .contacto #form .element_envio{overflow: hidden; margin:0px;}
#seccion .contacto #form .element_envio div{float:left; width:77px; }
#seccion .contacto #form .element_envio .send{padding:10px; border:0; cursor:pointer; margin: 10px 0px 0 0; background:#f91306; color:#fff; font-size:11px; 
	font-family: Arial, sans-serif; font-weight:600 ;
	-moz-border-radius:5px;	-webkit-border-radius: 5px;	border-radius:5px;	behavior:url(border.htc); }

/* Gracias */
#seccion .contacto h2{ text-align:center; font-size:14px;}


/* form */
.form{z-index:1;width:258px; *height:201px; background: #E2E2E2; border:1px solid #B2B2B2; *background: url(../images/bg-form.png) top no-repeat; padding: 10px 0 10px 5px; }
.form .tit{text-align:center; color:#f91306; font-weight:400; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding-bottom:5px; }
.form .element{overflow:hidden; }
.form .element div{width:200px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; font-weight:bold; }
.form .element input, #form .element textarea{width:198px; height:23px; padding:2px 5px; border:1px solid #f91306; margin:0 0 10px 0px; 
	background:#ffffff; color:#333;	font-family:Arial, Helvetica, sans-serif; font-weight:300; font-size:12px; 
	-moz-border-radius:5px;	-webkit-border-radius: 5px;	border-radius:5px;	behavior:url(border.htc); }
.form .element_envio{overflow:hidden; margin:0px 0px 0px 5px; }
.form .element_envio div{width:200px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; font-weight:bold; }
.form .send{padding:10px; border:0; cursor:pointer; margin: 0px 0px 0 0; background:#f91306; color:#fff; font-size:11px; 
	font-family: Arial, sans-serif;font-weight:600 ;}
.form .cancel{padding:10px; border:0; cursor:pointer; margin:0px 0px 0px 25px; color:#000; font-size:12px; 
	font-family: Arial, sans-serif; font-weight:600;}
.link-privacidad{ margin-left: 0px; }
/* POLITICAS */
#seccion .politicas{ margin:35px 81px 35px 81px;  min-height: 300px; text-align: left; }
#seccion .politicas h1{ color:#000000; font-size:16pt; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-weight:600; padding-bottom: 35px;}
#seccion .politicas h3{ color:#f91306; font-size:14pt; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-weight:600; padding-bottom: 15px;} 
#seccion .politicas p{ text-align:justify; color:#000000; font-weight:500; font-size:11pt; padding-bottom:25px;}	
	
/* bordes redondeados*/
.border{ -moz-border-radius:10px;	-webkit-border-radius:10px;	border-radius:10px;	behavior:url(border.htc); }

/* Footer */
footer{ width:100%; height:394px; /*background:url(../images/bg-footer.jpg) repeat-x;*/ position:relative; background-color: #e7e7e7}
footer .container{position:relative; text-align:left;  width:960px;}
footer .container .menu1{float:left; width:322px; margin:0 0px 0 95px; padding:28px 0 0 0px; color:#ffffff; font-size:12.5px; font-family:Arial, Helvetica, sans-serif; }
footer .container .menu1 ul{ list-style:none; }	
footer .container .menu1 ul li{ position:relative; color:#d61306; padding:0 0 15px 0; text-transform:uppercase; font-weight:bold;  }
footer .container .menu1 ul li a{ text-decoration:none;	color:#747474; text-transform:none; font-weight:400; }
footer .container .menu1 ul li a:hover{ text-decoration:none; color:#fb1b01; text-transform:none; font-weight:400; }

footer .container .menu2{float:left; width:235px; margin:0px 0px 0px 18px; padding-top:28px; color:#ffffff; font-size:12.5px; font-family:Arial, Helvetica, sans-serif; }
footer .container .menu2 ul{list-style:none; }	
footer .container .menu2 ul li{ position:relative; color:#d61306; padding:0 0 15px 0; text-transform:uppercase; font-weight:bold; }
footer .container .menu2 ul li a{ text-decoration:none;	color:#747474; text-transform:none; font-weight:400;  }
footer .container .menu2 ul li a:hover{ text-decoration:none; color:#fb1b01; text-transform:none; font-weight:400;  }

footer .container .menu3{float:left; width:226px; margin:0px 0px 0px 26px; padding-top:28px; color:#ffffff; font-size:12.5px; font-family:Arial, Helvetica, sans-serif; }
footer .container .menu3 ul{ list-style:none; }	
footer .container .menu3 ul li{ position:relative; color:#d61306; padding:0 0 14px 0; text-transform:uppercase; font-weight:bold; }
footer .container .menu3 ul li a{ text-decoration:none;	color:#747474; text-transform:none; font-weight:400;  }
footer .container .menu3 ul li a img{ text-decoration:none; border: 0; }
footer .container .menu3 ul li a span.link{ line-height: 35px; margin-left:7px; }
footer .container .menu3 ul li a span.underline{ text-decoration:underline; }
footer .container .menu3 ul li a:hover{ text-decoration:none; color:#fb1b01; text-transform:none; font-weight:400;  }
footer .container .menu3 ul li a:hover span.underline{ text-decoration:underline; }

footer .container .pie{text-align:center; font-family:'Signika',Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; 
	margin:15px 0 0 0; font-weight:400; }
footer .container .pie .line{height:1px; width:870px; background: #ffffff; margin:0 0 10px 0; }
footer .container .pie .politicas{float:right; width:200px; margin-bottom:5px; color:#D31207; }
footer .container .pie .politicas a, footer .container .pie .politicas a:hover{ color:#D31207; text-decoration:none;}

/* Los estilos del buen Alvar */
.banner-buenfin{margin: 0 auto;width: 460px;}