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

@font-face{
   font-family: "aislalux";
   src: url("tipografias/aislalux.eot");
   src: url("tipografias/aislalux.eot") format("embedded-opentype"), 
   		url("tipografias/aislalux.woff") format("woff"),
        url("tipografias/aislalux.ttf") format("truetype"),
        url("tipografias/aislalux.svg#aislaluxregular") format("svg");
}	
body, nav, header, main, mark, aside, section, footer, article, hgroup, div, p, span, ul, li, ol, button, input, iframe, span, strong, b, a, em, i, cite, img, h1, h2, h3, h4, h5, h6, form, html{margin:0; padding:0; text-decoration:none; font-family: "aislalux"; letter-spacing:1px;}

a{text-decoration:none; margin:0; border:none; outline:none;}
a img{text-decoration: none; border:none; margin:0; outline:none;}
li{list-style:none; text-decoration:none; margin:0;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}

.slicknav_menu{display:none;}

#header{ width:1024px; height:auto; position:relative; top:0; left:0; margin:0 auto; display:block;}

#slider { width: 1024px; height: 384px; overflow: hidden; position: relative; top:0; left:0; margin:0 auto;}
#slider .galeriaindex1{ width: 1024px; height: 384px; position: absolute; top: 0; left: 0; display: none; background:url(images/cortinas-de-cristal-en-madrid-1024px-1.jpg) no-repeat;}
#slider .galeriaindex1 span.textogaleriaindex{ width:200px; height:auto; font-size:32px; line-height:40px; text-align:right; color:#fff; display:block;margin:180px 0 0 680px; border-bottom:#3ea3c3 8px solid; padding-bottom:10px; font-family:Helvetica, sans-serif;}
#slider .galeriaindex2{ width: 1024px; height: 384px; position: absolute; top: 0; left: 0; display: none; background:url(images/cortinas-de-cristal-en-madrid-1024px-2.jpg) no-repeat;}
#slider .galeriaindex2 span.textogaleriaindex{ width:260px; height:auto; font-size:32px; line-height:40px; text-align:right; color:#fff; display:block;margin:180px 0 0 620px; border-bottom:#3ea3c3 8px solid; padding-bottom:10px; font-family:Helvetica, sans-serif;}
#slider .galeriaindex3{ width: 1024px; height: 384px; position: absolute; top: 0; left: 0; display: none; background:url(images/cortinas-de-cristal-en-madrid-1024px-0.jpg) no-repeat;}
#slider .galeriaindex3 span.textogaleriaindex{ width:300px; height:auto; font-size:32px; line-height:40px; text-align:right; color:#fff; display:block;margin:180px 0 0 580px; border-bottom:#3ea3c3 8px solid; padding-bottom:10px; font-family:Helvetica, sans-serif;}

#bandamenu{ width:1024px; height:95px; background: url(images/fondo-header-1024px.png) no-repeat; position:absolute; top:10px; left:0; display:block; margin:0 auto; display:none;}
#logoindex{ width:230px; height::90px; margin:0; float:left;}
#logoindex #logo{ width:200px; height:auto; margin:18px 0 0 10px;}
#logoindex #logoindexenlace img#logo:hover{-moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}

#nav{height:90px; width:400px; float:left; margin:0 0 0 0px;}
#nav #menu{height:36px; width:410px; margin:59px 0 0 0; display:block;}
#nav #menu li{ width:auto; height:15px; float:left; display:block; }
#nav #menu li a{ width:auto; height:15px; margin:auto 12px; color:#999; font-family: "aislalux"; letter-spacing:1px; font-size:14px; padding:0px 0 3px 0; display:block; text-align:center; font-weight:normal; }
#nav #menu li a.active{  color:#00a2bb;  font-weight:bold; border-bottom: 3px solid #00a2bb; }
#nav #menu li a.hover:hover{  color:#00a2bb;  }
.li1{ border-right:1px solid #004668;}

#telefonosindex{ width:300px; height:90px; float:left; margin:0 }
#iconotel{width:57px; height:auto; margin:19px 0 0 0; float:left;}
#telefonos{width:100px; height:60px; margin:20px 0 0 8px; float:left;}
#telefonos a.telefonoheader{ width:auto; height:20px; font-size:14px; line-height:20px; color:#00a2bb; font-family:Helvetica, sans-serif; letter-spacing:normal;}
#telefonos a#telefonoheader1:hover,  #telefonos a#telefonoheader2:hover, #telefonos a#telefonoheader3:hover { color:#999;  }


#redesycorreo{width:110px; height:60px; margin:20px 0 0 0px; float:left;}
.redsocial{ width:30px; height:auto; margin:0 3px 0 0;}
.redsocial img{ width:30px; height:auto; margin:0 0 0 0;}
.redsocial img:hover{ -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}
#correo{ width:100px; height:20px; margin:5px 0 0 0;}
.correoenlace{ font-size:13px; line-height:20px; margin:0px 0 0 0; color:#00a2bb; font-family:Helvetica, sans-serif; letter-spacing:normal;}
.correoenlace:hover{ color:#999;}

#main{width:1024px; height:auto;}

/******** FRASE INDEX ****/
#cerramientos{width:1024px; height:auto; margin:50px auto 30px auto; display:block;}
#cerramientosh2{width:1024px; height:auto; margin:0 0 0 0; font-size:14px; line-height:21px; color:#00a2bb; text-align:center;}
#cerramientosp{width:1024px; height:auto; margin:0 0 0 0; font-size:14px; line-height:21px; color:#999; text-align:center;}

/******** DESTACADOS INDEX ****/	
#destacadosindex{ width:1024px; height:100px; margin:0 auto; display:block; margin:40px auto 10px auto;  }
.destacadobottom1, .destacadobottom2, .destacadobottom3, .destacadobottom4, .destacadobottom5, .destacadobottom6{ width:160px; height:100px; float:left;  margin:0 0 0 10px; position:relative; inline-block; overflow: hidden;  }
.destacadobottom1 .destacadobottomimg, .destacadobottom2 .destacadobottomimg, .destacadobottom3 .destacadobottomimg, .destacadobottom4 .destacadobottomimg, .destacadobottom5 .destacadobottomimg, .destacadobottom6 .destacadobottomimg{width:160px; height:auto; display:block; transition: width 2s, height 2s, transform 2s; -moz-transition: width 2s, height 2s, -moz-transform 2s; -webkit-transition: width 2s, height 2s, -webkit-transform 2s; -o-transition: width 2s, height 2s,-o-transform 2s; }
.destacadobottom1:hover .destacadobottomimg, .destacadobottom2:hover .destacadobottomimg, .destacadobottom3:hover .destacadobottomimg, .destacadobottom4:hover .destacadobottomimg, .destacadobottom5:hover .destacadobottomimg, .destacadobottom6:hover .destacadobottomimg {width:160px; height:auto; display:block; transform : scale(1.1); -moz-transform : scale(1.1);  -webkit-transform : scale(1.1); -o-transform : scale(1.1);  }
.destacadotop1, .destacadotop2, .destacadotop3, .destacadotop4, .destacadotop5, .destacadotop6{width:160px; height:103px; position:absolute ; top:0px; left:0; background: transparent; display:block; color:#fff; display:block; font-weight:normal;}
.destacadotopp{width:160px; height:auto; margin:60px 0 0 0; font-size:12px; text-align:center; line-height:16px; letter-spacing:1px; background:#00a2bb; padding:2px 0 0 0; opacity:0.9; }
.destacadotop1:hover, .destacadotop2:hover, .destacadotop3:hover, .destacadotop4:hover, .destacadotop5:hover, .destacadotop6:hover {background:transparent; color:white; font-weight:normal;}
.destacadotop1:hover, .destacadotop2:hover, .destacadotop3:hover, .destacadotop4:hover, .destacadotop5:hover, .destacadotop6:hover {  color:white; font-weight:normal;}
.destacadotop1:hover .destacadotopp, .destacadotop2:hover .destacadotopp, .destacadotop3:hover .destacadotopp, .destacadotop4:hover .destacadotopp, .destacadotop5:hover .destacadotopp, .destacadotop6:hover .destacadotopp{ background: url(images/negro65.png) repeat; color:#fff; font-weight:normal;}
/******** DESCRIPCION INDEX ****/

#descripcion{width:1024px; height:auto; margin:0 auto; padding:50px 0 60px 0;}
#descripcion p{width:90%; height:auto; margin:0 auto; font-size:14px; line-height:21px; color:#999; text-align:center;}

/** CONTACTO ***************************************************************************************/
#ayudarte{width:900px; height:auto; margin:20px auto 0 auto; display:block;}
#ayudarte h1{width:900px; height:40px; margin:0 auto; display:block; color:#00a2bb; font-size:24px; line-height:28px; text-align:center;}
#ayudarte p, #zonas p{width:900px; height:auto; margin:0 auto; display:block; color:#666; font-size:14px; line-height:20px; text-align:center; padding-bottom:40px;}
#zonas{width:900px; height:auto; margin:20px auto 20px auto; display:block; padding-bottom:100px;}

#contactotop{width:900px; height:700px; margin:0 auto; display:block;}

#formulario {float: left; height: 300px; margin-left:0px; width: 450px; background: #00a2bb; position:relative;}
#envio_form {height: 300px; width: 400px; display:block; margin:20px auto 0 auto; }
.contactodiv { height: auto; margin:0 0 5px 0; width: 400px;}
.contactodiv label {color: #fff; font-size: 14px; padding-left: 0px; text-align: left; width: 400px; letter-spacing:0.5px; display:block; height:14px;}
.contactodiv input { background-color:#9FCADE; border:none; color: #444; height: 16px; padding: 0 10px; width: 380px;}
.contactodiv input:focus { background-color:#004668; color: white; height: 16px; outline: 0 none; padding-left: 10px; width: 380px; border:none;}
.contactodiv textarea:focus {background-color: #004668; color: white; height: 25px; outline: 0 none; padding-left: 10px; padding-top: 10px; width: 380px;}
.contactodiv textarea { background-color:#9FCADE; color:#444;  height:25px; padding:10px; width: 380px; border:none;}
.titulo1 {margin-top: 0;}
#enviocontacto {height: 20px; margin-left:0px; margin-top: 10px; width: 400px; display:block;}
#resetcontacto {background-color: #9FCADE; border:none; color: #004668; float: right; font-size: 14px;  width: 180px; height: 20px; padding-top:2px;cursor:pointer;}
#enviarcontacto { background-color: #fff; border:none; color: #004668; float: left; font-size: 14px;  width: 180px;cursor:pointer; height: 20px; padding-top:2px;}
#enviarcontacto:hover { background-color: #004668; color: white;}
#resetcontacto:hover {background-color: #004668; color: #fff;}
#checkbox{ width:400px; height:10px; position:absolute; top:275px; left:28px;}
#checkbox p{ font-size:14px; color:#fff; letter-spacing:normal;}
#checkbox p a{ font-size:14px; color:#fff; font-weight:normal; letter-spacing: normal;}
#checkbox p a:hover{ font-size:14px; letter-spacing:0.5px;  color:#000; text-decoration:underline;}
#condiciones{ visibility:hidden; font-size:14px; line-height:16px; text-align:justify; width:860px; height:285px; top:-10px; left:0px; position: absolute; background-color:#004668; color:#FFF; padding:15px 20px 10px 20px; cursor: default; }
#condiciones p{ font-size:12px; padding:5px;}
#condiciones p strong{ font-size:12px; color:#FFF; font-weight:normal;}
#condiciones p a{ font-size:14px; color: #FFF; padding:5px 0;}
#condiciones p a:hover{ font-size:14px; text-decoration:underline; color: #FFF;}

#contactotexto{float: left; height: 300px; margin-left:0px; width: 450px; background: url(images/cortinas-de-cristal-contacto.jpg) no-repeat center;  margin:0px 0 0 0px;}
#logocontacto { width:240px; height:auto; margin:30px auto 0 auto; display:block;}
#telefonos2{width:250px; height:auto; margin:60px 0 0 20px; }
#telefonofooterimg2{width:80px; height:80px; float:left; margin:40px 0 0 120px;}
#telefonospie2{width:120px; height:auto; float:left; margin:45px 0 0 20px;}
.telefonopie2{width:120px; height:25px; color:#004668; font-size:18px; line-height:25px; font-weight:bold; font-family:Helvetica, sans-serif ;letter-spacing:normal;}
.telefonopie2:hover{color:#00a2bb;}
#correofooter2{width:200px; height:auto; margin:20px 0 0 100px; float:left; }
.correopie2{ width:auto; color:#00a2bb; font-size:20px; line-height:25px; text-align:right; margin:0 0 0 58px; font-family:Helvetica, sans-serif ;letter-spacing:normal;}
.correopie2:hover{ color:#004668;}

#mapacontacto{width: 900px; height:300px; display:block; margin:0 auto;}
#slidermapa { width: 450px; height: 300px; overflow: hidden; position: relative; top:0px; left:0px; float:left; background:url(images/mapa-cortinas-de-cristal-madrid.png);}
#slidermapa img{ position: absolute; top: 0; left: 0; display: none;}
#slidermaparesponsive { display:none;}


#textomapa{width: 450px; height: 300px; float:left; background:#00a2bb;}
#textomapa{width: 300px; height: 160px; float:left; color:#fff; font-size:19px; text-align:left; line-height:30px; padding:70px 75px; opacity:0.7;}

/******** FOOTER ****/	

#footer{ width:1024px; height:340px; display:block; margin:0 auto; background: url(images/fondo-footer-1024px.jpg);}
#sitemap{ width:320px; height:260px; float:left; margin:35px 0 0 30px;}
#menufooter{width:300px; height:190px;}
#menufooter li{width:250px; height:19px;}
#menufooter li a{width:250px; height:18px; font-weight:normal; font-size:14px; line-height:16px; color:#004668; display:block;}
#menufooter li a:hover{color:#00a2bb;}
#redesfooter{width:250px; height:40px; margin:45px 0 0 0;}
#redesfooter a{width:30px; height:30px; margin:0 5px 0 0; }
#redesfooter a.redsocialfooter img{width:30px; height:30px;}
#redesfooter a.redsocialfooter img:hover{ -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}
#avisolegalfooter{width:250px; height:20px; font-weight:normal; font-size:14px; line-height:18px; color:#004668; font-family:Helvetica, sans-serif ;letter-spacing:normal;}
#avisolegalfooter a{font-weight:normal; font-size:14px; line-height:18px; color:#004668;}
#avisolegalfooter a:hover{color:#00a2bb;}

#tellamamos{width:300px; height:260px; float:left; margin:35px 0 0 20px;}
#formfooter p#rellene{ width: 300px; height:auto; color:#004668; font-size:15px; line-height:16px; margin:0px 0 0px 0; font-weight:normal; letter-spacing:0.5px;}
#formfooter #envio{ width: 300px; height:auto; margin:15px 0 0 0; }
#formfooter #envio label{ width: 300px; height:15px; color:#004668; font-size:11px; line-height:18px; font-family:Helvetica, sans-serif ;letter-spacing:normal;}
#formfooter #envio input{ width: 274px; height:14px; color:#00a2bb; font-size:13px; line-height:15px; border:none; background: url(images/blanco50.png) repeat; padding:2px 5px; font-family:Helvetica, sans-serif ;letter-spacing:normal;}
#formfooter #envio textarea{ width: 275px; height:50px; color:#00a2bb; font-size:13px; line-height:15px; border:none; background: url(images/blanco50.png) repeat; padding:5px; font-family:Helvetica, sans-serif;}
#formfooter #envio #enviar_presu{ width: 284px; height:20px; background:#fff;; color:#004668; font-size:12px; line-height:14px; border:none; margin:15px 0 0 0; padding-top:3px;}
#formfooter #envio #enviar_presu:hover{background:#00a2bb;; color:#fff;}
#acepta{color:#004668; font-size:10px; line-height:16px; margin:0px 0 0px 0; font-weight:normal; margin:10px 0 0 0; font-family:Helvetica, sans-serif ;letter-spacing:normal;}

#contactofooter{width:300px; height:260px; float:left; margin:30px 0 0 50px;}
#contactofooterimg{width:250px; height:auto; margin:0 0 0 30px; display:block;}
#telefonosfooter{width:300px; height:auto; margin:60px 0 0 10px; }
#telefonofooterimg{width:80px; height:80px; float:left; margin:0 0 0 45px;}
#telefonospie{width:125px; height:auto; float:left; margin:5px 0 0 20px;}
.telefonopie1{width:125px; height:25px; color:#004668; font-size:18px; line-height:25px; font-weight:bold; font-family:Helvetica, sans-serif ;letter-spacing:normal;}
.telefonopie1:hover{color:#fff;}
#correofooter{width:250px; height:auto; margin:20px 0 0 50px; float:left; }
.correopie{ width:auto; color:#fff; font-size:20px; line-height:25px; text-align:right; margin:0 0 0 58px; font-family:Helvetica, sans-serif ;letter-spacing:normal;}
.correopie:hover{ color:#004668;}
.arteboz{ width:auto; color:#004668; font-size:14px; line-height:25px; padding:35px 0 0 95px; display:block;}
.arteboz:hover{ color:#fff;}




/********MENU TOP *****/
#headertop{ width:100%; height:auto; position:fixed; top:0px; left:0; background:white; opacity:0.9; }
#bandamenutop{ width:1024px; height:80px; display:block; margin:0 auto;}
#logoindextop{ width:280px; height:80px; margin:0; float:left;}
#logoindextop #logoindexenlacetop #logotop{ width:220px; height:auto; margin:12px 0 0 10px;}
#logoindextop #logoindexenlacetop #logotop:hover{-moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}

#navtop{height:90px; width:460px; float:left; margin:0 0 0 0px;}
#navtop #menutop{height:36px; width:410px; margin:55px 0 0 0; display:block;}
#navtop #menutop li{ width:auto; height:15px; float:left; display:block; }
#navtop #menutop li a{ width:auto; height:15px; margin:auto 15px; color:#999; font-size:14px; padding:0px 0 21px 0; display:block; text-align:center; font-weight:normal; }
#navtop #menutop li a.active{  color:#3ea3c3;  }
#navtop #menutop li a.hover:hover{  color:#3ea3c3; }
.li1{ border-right:1px solid #004668;}

#telefonosindextop{ width:280px; height:80px; float:left; }
#iconoteltop{width:53px; height:auto; margin:19px 0 0 0; float:left;}
#telefonostop{width:95px; height:60px; margin:20px 0 0 8px; float:left; font-family:Helvetica, sans-serif ;letter-spacing:normal;}
#telefonostop a.telefonoheadertop{ width:auto; height:17px; font-size:14px; line-height:17px; color:#00a2bb; font-family:Helvetica, sans-serif ;letter-spacing:normal;}
#telefonostop a#telefonoheader1top:hover, #telefonostop a#telefonoheader2top:hover, #telefonostop a#telefonoheader3top:hover { color:#999;  }


#redesycorreotop{width:110px; height:60px; margin:20px 0 0 0px; float:left;}
.redsocialtop{ width:30px; height:auto; margin:0 3px 0 0;}
.redsocialtop img{ width:30px; height:auto; margin:0 0 0 0;}
.redsocialtop img:hover{ -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}
#correotop{ width:100px; height:20px; margin:2px 0 0 0;}
.correoenlacetop{ font-size:13px; line-height:20px; margin:0px 0 0 0; color:#00a2bb; font-family:Helvetica, sans-serif ;letter-spacing:normal;}
.correoenlacetop:hover{ color:#999;}

/*SERVICIOS ********************************************************/

#headerservicios{ width:1024px; height:190px; position:relative; top:0; left:0; margin:0 auto; display:block;}
#bandamenuservicios{ width:1024px; height:95px; background: url(images/fondo-header-1024px-servicios.png) no-repeat; position:absolute; top:10px; left:0; display:block; margin:0 auto; display:none;}

#submenu{height:90px; width:1024px; float:left; margin:0 0 0 0px;}
#submenu #menuservicios{height:36px; width:920px; margin:159px auto 0 auto; display:block;}
#submenu #menuservicios li{ width:auto; height:15px; float:left; display:block; }
#submenu #menuservicios li a{ width:auto; height:15px; margin:auto 16px; color:#999; font-family: "aislalux"; letter-spacing:1px; font-size:13px; padding:0px 0 21px 0; display:block; text-align:center; font-weight:normal; }
#submenu #menuservicios li a.activeservicios{  color:#3ea3c3; font-weight:bold;}
#submenu #menuservicios li a.hoverservicios:hover{  color:#3ea3c3;}

#submenuservicios{display:none;}

/* SLIDER SERVICIOS ***/

#contentslider{ width:1024px; height:320px; margin:0 auto; display:block;}
.sss { height: 0; margin: 0; padding: 0; position: relative; display: block; overflow: hidden;}
.ssslide { width: 1024px; height:320px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; display: none; overflow: hidden; }
.ssslide img { width: 1024px; height: auto; margin: 0; padding: 0; position: relative; display: block;}
.sssnext, .sssprev { width: 50px; height: 100%; margin: 0; position: absolute; top: 0; background: url('images/arr.png') no-repeat; opacity:0.1;}
.sssprev { left: 2%; background-position: 0 50%; }
.sssnext { right: 2%; background-position: -46px 50%;}
.sssprev:hover, .sssnext:hover { cursor: pointer; opacity:1;}

/*TEXTO SERVICIOS */
#acristalamientos{width:920px; height:auto; margin:40px auto 40px auto; display:block;}
#acristalamientos h1{width:920px; height:30px; margin:0 auto; display:block; color:#00a2bb; font-size:16px; line-height:25px; border-bottom:1px solid #BEE8FF; text-align:center; font-weight:normal; }
#bloqueacristalamientos{width:920px; height:260px; margin:0 auto; display:block;}
.cristal1{ width:305px; height:auto; float:left; border-left:1px solid #999; border-right:1px solid #999; margin:35px 0;}
.cristal{ width:305px; height:auto; float:left; border-right:1px solid #999; margin:35px 0;}
.cristal1 p, .cristal p{ width:260px; height:auto; padding:0 22px 0 25px; color:#666; font-size:14px; line-height:18px;}
.cristal1 p strong, .cristal p strong{ width:260px; height:auto; color:#00a2bb; font-size:15px; line-height:30px; display:block; font-weight:normal;}

#presupuesto{width:920px; height:auto; margin:20px auto 0 auto; display:block;}
#presupuesto #solicita{ width:307px; height:auto; padding:8px 0 7px 0; background:#00a2bb; color: white; font-size:15px; line-height:14px; font-weight:normal; letter-spacing:1px; margin:0 0 0 305px; display: inline-block; text-align:center;}
#presupuesto #solicita:hover{ background:#666;}

/*SOBRE AISLALUX */
#headerempresa{ width:1024px; height:140px; position:relative; top:0; left:0; margin:0 auto; display:block;}
#imgaislalux{width: 1024px; height: 170px;position: relative; top:0; left:0; margin:0 auto;}
#imgaislalux img#imgempresa{width: 1024px; height: auto;}
#imgaislalux img#imgempresamovil{display:none;}

/*AVISO LEGAL */
#propietario{width:100%; height:auto; padding:0; color:#666; font-size:14px; line-height:18px; text-align:center;}
#cookies h1{width:100%; height:30px; margin:20px auto; display:block; color:#00a2bb; font-size:16px; line-height:25px; border-bottom:1px solid #BEE8FF; text-align:center; font-weight:normal; }
#cookies p{width:100%; height:auto; margin:20px auto; display:block; color:#666; font-size:14px; line-height:18px; font-weight:normal; }
#cookies p a{color:#666; font-size:14px; line-height:18px; font-weight:normal; }
#cookies p a:hover{color:#00a2bb; font-size:14px; line-height:18px; font-weight:normal; }
#cookies h2{width:100%; height:auto; margin:10px auto; display:block; color:#00a2bb; font-size:15px; line-height:18px; font-weight:normal;}
#cookies h3{width:100%; height:auto; margin:10px auto; display:block; color:#00a2bb; font-size:14px; line-height:18px; font-weight:normal;}
#cookies ul{width:100%; height:auto; }
#cookies ul li{width:100%; height:auto; color:#666; font-size:14px; line-height:18px; font-weight:normal; }

/********CSS PARA MÓVILES ****************************************************************************/	
@media screen and (max-width: 40em) {
#main{ width:100%; height:auto;}

/*Quitamos el menu normal de la página***/
#menu{display:none;}	
.js .slicknav_menu {display:block;}
.slicknav_menu{display:block; width:100%;  position:fixed; z-index:100; top:0}
body{width:100%; border:none; text-decoration:none; margin:0;  font-size:12px;}
.slicknav_btn { position: relative; display: inline; vertical-align: middle; float: right; padding: 0.438em 0.625em 0em 0.625em; line-height: 1.125em; cursor: pointer;  }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left;  }
.slicknav_menu .slicknav_icon { width:1.6em; height:1.8em; float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0; }
.slicknav_menu .slicknav_icon-bar { display: block;  width: 2em; height: 0.25em;  }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.3em; }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }
.slicknav_menu {width:100%; font-size:0.9em; }
/* Button */
.slicknav_btn {width:7.5em; margin: 0.7em 1.9em 0.19em 0.6em; text-decoration:none; background-color:transparent; padding:0.5em 0.7em 0.5em 0.8em;}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {color: #fff; font-weight: bold; width:auto; font-size:15px !important; font-family: "aislalux";}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar { background-color: #fff;}
.slicknav_menu { background:#00a2bb; padding:0;}
.slicknav_nav {color:#004668; margin:0; padding:0; font-size:2em;}
.slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; margin-bottom:1em;}
.slicknav_nav ul {padding:0; margin:0 0 0 2em;}
.slicknav_nav .slicknav_row {padding:0.4em 0.9em; margin:1em 0.5em;}
.slicknav_nav a{padding:0.6em 1em; margin:0.2em 0.5em; text-decoration:none; color:#fff; border-bottom:0.1em solid #fff; background:none; font-size:.6em !important;letter-spacing:0.5px;}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding:0; margin:0;}
.slicknav_nav .slicknav_row:hover {-webkit-border-radius: 0.6em; -moz-border-radius: 0.6em; border-radius: 0.6em; background:#ccc; color:#fff;}
.slicknav_nav a:hover{color:#fff; background:none; font-weight:normal;}
.slicknav_nav .slicknav_txtnode {margin-left:1.5em;}

.msgcookie{display:block;position:absolute; z-index:200;top:0px; left:0; height:auto; width:100%;background:#fff;color:#666;font-size:0.85em; line-height:1em; font-family:sans-serif; letter-spacing:0.3px; font-style:normal; padding-bottom:0em; border-bottom:1px solid #999;}.msgcookie p{width:95%;margin:0 0 0 0.5em;padding:0.45em 0 0 0.45em;opacity:0.8;}.msgcookie p a:link,.msgcookie p a:active,.msgcookie p a:visited,.msgcookie p a:hover{color:#666;text-decoration:underline;}.msgcookie a.close{font-size:1em;float:right;color:#000;display:block;width:6em;height:4.8em;opacity:0.8;margin:0 0 0 1em;}a.close:hover{opacity:1;background:transparent; color:red !important;}

<!-- HEADER -->
body{ width:100%;}
#header{ width:100%; height:580px; position:relative; top:0; left:0; margin:0 auto; display:block;}

#slider { width: 100%; height: 330px; overflow: hidden; position: relative; top:240px; left:0; margin:0 auto;}
#slider .galeriaindex1{ width:100%; height: 300px; position: absolute; top: 0; left: 0; display: none; background:url(images/responsive-1.jpg) no-repeat center;}
#slider .galeriaindex1 span.textogaleriaindex{ width:160px; height:auto; font-size:26px; line-height:36px; text-align:right; color:#fff; display:block;margin:130px 20px 0 0px; border-bottom:#3ea3c3 8px solid; padding-bottom:10px; float:right;}
#slider .galeriaindex2{ width: 100%; height: 300px; position: absolute; top: 0; left: 0; display: none; background:url(images/responsive-2.jpg) no-repeat center;}
#slider .galeriaindex2 span.textogaleriaindex{ width:195px; height:auto; font-size:26px; line-height:36px; text-align:right; color:#fff; display:block;margin:130px 20px 0 0px; border-bottom:#3ea3c3 8px solid; padding-bottom:10px; float:right;}
#slider .galeriaindex3{ width: 100%; height: 300px; position: absolute; top: 0; left: 0; display: none; background:url(images/responsive-0.jpg) no-repeat center;}
#slider .galeriaindex3 span.textogaleriaindex{ width:260px; height:auto; font-size:26px; line-height:36px; text-align:right; color:#fff; display:block;margin:130px 20px 0 0px; border-bottom:#3ea3c3 8px solid; padding-bottom:10px; float:right;}

#bandamenu{ width:100%; height:195px; background: white; position:absolute; top:0px; left:0; display:block; margin:40px auto 0 auto; }
#logoindex{ width:230px; height:90px; margin:0 auto; float:none; display:block; }
#logoindex #logo{ width:200px; height:auto; margin:22px 0 0 10px;}
#logoindex #logoindexenlace img#logo:hover{-moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}

#nav{display:none;}

#telefonosindex{ width:300px; height:90px; float:none; display:block; margin:0 auto; }
#iconotel{width:57px; height:auto; margin:19px 0 0 0; float:left;}
#telefonos{width:95px; height:60px; margin:20px 0 0 8px; float:left;}
#telefonos a.telefonoheader{ width:auto; height:20px; font-size:14px; line-height:20px; color:#00a2bb;}
#telefonos a#telefonoheader1:hover,  #telefonos a#telefonoheader2:hover, #telefonos a#telefonoheader3:hover { color:#999;  }


#redesycorreo{width:110px; height:60px; margin:20px 0 0 20px; float:left;}
.redsocial{ width:30px; height:auto; margin:0 3px 0 0;}
.redsocial img{ width:30px; height:auto; margin:0 0 0 0;}
.redsocial img:hover{ -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}
#correo{ width:100px; height:20px; margin:5px 0 0 0;}
.correoenlace{ font-size:13px; line-height:20px; margin:0px 0 0 0; color:#00a2bb;}
.correoenlace:hover{ color:#999;}

/******** FRASE INDEX ****/
#cerramientos{width:100%; height:auto; margin:0px auto 30px auto; display:block;}
#cerramientosh2{width:100%; height:auto; margin:0 0 0 0; font-size:16px; line-height:30px; color:#00a2bb; text-align:center;}
#cerramientosp{width:92%; height:auto; margin:0 auto; font-size:16px; line-height:20px; color:#666; text-align:center;}

/******** DESTACADOS INDEX ****/	
#destacadosindex{ width:100%; height:auto; margin:0 auto; display:block; margin:40px auto 10px auto;  }


.destacadobottom1:hover .destacadobottomimg, .destacadobottom2:hover .destacadobottomimg, .destacadobottom3:hover .destacadobottomimg, .destacadobottom4:hover .destacadobottomimg, .destacadobottom5:hover .destacadobottomimg, .destacadobottom6:hover .destacadobottomimg {width:300px; height:auto; display:block; transform : scale(1.1); -moz-transform : scale(1.1);  -webkit-transform : scale(1.1); -o-transform : scale(1.1);  }


.destacadobottom1, .destacadobottom2, .destacadobottom3, .destacadobottom4, .destacadobottom5, .destacadobottom6{ width:300px; height:auto; float:none;  margin:20px auto 0 auto; position:relative;}
.destacadobottom1 .destacadobottomimg, .destacadobottom2 .destacadobottomimg, .destacadobottom3 .destacadobottomimg, .destacadobottom4 .destacadobottomimg, .destacadobottom5 .destacadobottomimg, .destacadobottom6 .destacadobottomimg{width:100%; height:auto; display:block; }
.destacadotop1, .destacadotop2, .destacadotop3, .destacadotop4, .destacadotop5, .destacadotop6{width:100%; height:100%; position:absolute ; top:0px; left:0;background: transparent; display:block; color:#fff; display:block; font-weight:normal;}
.destacadotopp{width:100%; height:auto; margin:42% 0 0 0; font-size:18px; text-align:center; line-height:22px; background: #00a2bb; padding:5px 0; font-weight:bold; }

/******** DESCRIPCION INDEX ****/
#descripcion{width:100%; height:auto; margin:0 auto; padding:40px 0 40px 0;}
#descripcion p{width:90%; height:auto; margin:0 auto; font-size:16px; line-height:22px; color:#666; text-align:center;}


/******** FOOTER ****/	

#footer{ width:100%; height:1040px; display:block; margin:0 auto; background: url(images/footer-responsive.jpg) repeat;}
#sitemap{ width:260px; height:260px; float:none; margin:5px auto 0 auto; display:block; padding-top:30px;}
#menufooter{width:260px; height:190px;}
#menufooter li{width:260px; height:19px;}
#menufooter li a{width:260px; height:18px; font-weight:normal; font-size:14px; line-height:16px; color:#004668; display:block;}
#menufooter li a:hover{color:#00a2bb;}
#redesfooter{width:260px; height:40px; margin:37px 0 0 0;}
#redesfooter a{width:30px; height:30px; margin:0 5px 0 0; }
#redesfooter a.redsocialfooter img{width:30px; height:30px;}
#redesfooter a.redsocialfooter img:hover{ -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}
#avisolegalfooter{width:260px; height:20px; font-weight:normal; font-size:14px; line-height:18px; color:#004668;}
#avisolegalfooter a{font-weight:normal; font-size:14px; line-height:18px; color:#004668;}
#avisolegalfooter a:hover{color:#00a2bb;}

#tellamamos{width:260px; height:280px; float:none; margin:85px auto;}
#formfooter p#rellene{ width: 260px; height:auto; color:#004668; font-size:14px; line-height:16px; margin:0px 0 0px 0; font-weight:normal;}
#formfooter #envio{ width: 260px; height:auto; margin:15px 0 0 0; }
#formfooter #envio label{ width: 260px; height:15px; color:#004668; font-size:11px; line-height:18px;}
#formfooter #envio input{ width: 244px; height:14px; color:#00a2bb; font-size:13px; line-height:15px; border:none; background: url(images/blanco50.png) repeat; padding:2px 5px; font-family:Helvetica, sans-serif;}
#formfooter #envio textarea{ width: 245px; height:50px; color:#00a2bb; font-size:13px; line-height:15px; border:none; background: url(images/blanco50.png) repeat; padding:5px; font-family:Helvetica, sans-serif;}
#formfooter #envio #enviar_presu{ width: 254px; height:20px; background:#fff;; color:#004668; font-size:12px; line-height:14px; border:none; margin:15px 0 0 0; padding-top:3px;}
#formfooter #envio #enviar_presu:hover{background:#00a2bb;; color:#fff;}
#acepta{color:#004668; font-size:10px; line-height:16px; margin:0px 0 0px 0; font-weight:normal; margin:10px 0 0 0;}

#contactofooter{width:250px; height:260px; float:none; margin:40px auto 0 auto; display:block;}
#contactofooterimg{width:250px; height:auto; margin:20px 0 0 0px; display:block;}
#telefonosfooter{width:250px; height:auto; margin:40px auto 0 auto; }
#telefonofooterimg{width:80px; height:80px; float:left; margin:0 0 0 10px;}
#telefonospie{width:120px; height:auto; float:left; margin:5px 0 0 40px;}
.telefonopie1{width:120px; height:25px; color:#004668; font-size:18px; line-height:25px; font-weight:bold;}
.telefonopie1:hover{color:#fff;}
#correofooter{width:auto; height:auto; margin:20px 0 0 0px; float:none; }
.correopie{ width:auto; color:#004668; font-size:20px; line-height:25px; text-align:left; margin:150px 0 0 10px; display:block;}
.correopie:hover{ color:#fff;}
.arteboz{ width:auto; color:#004668; font-size:14px; line-height:25px; padding:8px 0 0 5px; display:block;}
.arteboz:hover{ color:#fff;}

/********MENU TOP *****/
#headertop{ display:none; }
#bandamenutop{ display:none;}

/*SERVICIOS ********************************************************/

#headerservicios{ width:100%; height:240px; position:relative; top:0; left:0; margin:0 auto; display:block;}
#bandamenuservicios{ width:100%; height:205px; background: transparent; position:absolute; top:30px; left:0; display:block; margin:0 auto; display:none; padding-top:30px;}

#submenu{height:90px; width:100%; float:left; margin:0 0 0 0px; display:none:}
#submenu #menuservicios{height:auto; width:300px; margin:250px auto 0 auto; display:none;}
#submenu #menuservicios li{ width:140px; height:30px; float:left; display:block; margin:0 0 0 10px; }
#submenu #menuservicios li a{ width:auto; height:15px; margin:auto 0px; color:#999; font-family: "aislalux"; letter-spacing:0.2px; font-size:12px; padding:0px 0 21px 0; display:block; text-align:left; font-weight:normal; }
#submenu #menuservicios li a.activeservicios{  color:#3ea3c3; font-weight:bold;}
#submenu #menuservicios li a.hoverservicios:hover{  color:#3ea3c3;}
#submenuservicios{display:block;}

/* SLIDER SERVICIOS ***/
#contentslider{ width:100%; height:auto; margin:10px auto 0 auto; display:block;}
.sss { height: 0; margin: 0; padding: 0; position: relative; display: block; overflow: hidden;}
.ssslide { width: 100%; height:auto; margin: 0; padding: 0; position: absolute; top: 0; left: 0; display: none; overflow: hidden; }
.ssslide img { width: 100%; height: auto; margin: 0; padding: 0; position: relative; display: block;}
.sssnext, .sssprev { width: 50px; height: 100%; margin: 0; position: absolute; top: 0; background: transparent; opacity:0.1;}
.sssprev { left: 2%; background-position: 0 50%; }
.sssnext { right: 2%; background-position: -46px 50%;}
.sssprev:hover, .sssnext:hover { cursor: pointer; opacity:1;}

/*TEXTO SERVICIOS */
#acristalamientos{width:100%; height:auto; margin:40px auto 40px auto; display:block;}
#acristalamientos h1{width:90%; height:30px; margin:0 auto; display:block; color:#00a2bb; font-size:16px; line-height:25px; border-bottom:1px solid #BEE8FF; text-align:center; font-weight:normal; }
#bloqueacristalamientos{width:90%; height:auto; margin:0 auto; display:block;  }
.cristal1{ width:95%; height:auto; float:none; border-left:1px solid #999; border-right:1px solid #999; margin:35px auto; display:block;}
.cristal{ width:95%; height:auto; float:none; border-left:1px solid #999; border-right:1px solid #999; margin:35px auto; display:block;}
.cristal1 p, .cristal p{ width:90%; height:auto; padding:0 5% 0 5%; color:#666; font-size:14px; line-height:18px;}
.cristal1 p strong, .cristal p strong{ width:100%; height:auto; color:#00a2bb; font-size:15px; line-height:30px; display:block; font-weight:normal;}

#presupuesto{width:100%; height:auto; margin:20px auto 0 auto; display:block;}
#presupuesto #solicita{ width:307px; height:auto; padding:8px 0 7px 0; background:#00a2bb; color: white; font-size:15px; line-height:14px; font-weight:normal; letter-spacing:1px; margin:0 auto; display:block; text-align:center;}
#presupuesto #solicita:hover{ background:#666;}

/*SOBRE AISLALUX */
#headerempresa{ width:100%; height:240px; position: relative; top:0; left:0; margin:0 auto; display:block;}
#imgaislalux{width: 100%; height: auto; position: inherit; top:0; left:0; margin:0 auto;}
#imgaislalux img#imgempresa{display:none}
#imgaislalux img#imgempresamovil{display:block; width: 100%; height: auto; margin:0 auto;}

/*AVISO LEGAL */
#propietario{width:90%; height:auto; padding:0; color:#666; font-size:14px; line-height:18px; text-align:center; margin:0 auto; display:block;}
#cookies h1{width:90%; height:30px; margin:20px auto; display:block; color:#00a2bb; font-size:16px; line-height:25px; border-bottom:1px solid #BEE8FF; text-align:center; font-weight:normal; }
#cookies p{width:90%; height:auto; margin:20px auto; display:block; color:#666; font-size:14px; line-height:18px; font-weight:normal; }
#cookies p a{color:#666; font-size:14px; line-height:18px; font-weight:normal; }
#cookies p a:hover{color:#00a2bb; font-size:14px; line-height:18px; font-weight:normal; }
#cookies h2{width:90%; height:auto; margin:10px auto; display:block; color:#00a2bb; font-size:15px; line-height:18px; font-weight:normal;}
#cookies h3{width:90%; height:auto; margin:10px auto; display:block; color:#00a2bb; font-size:14px; line-height:18px; font-weight:normal;}
#cookies ul{width:90%; height:auto; margin:0 0 0 8%; }
#cookies ul li{width:90%; height:auto; color:#666; font-size:14px; line-height:18px; font-weight:normal; }

/** CONTACTO ***************************************************************************************/
#ayudarte{width:90%; height:auto; margin:50px auto 0 auto; display:block;}
#ayudarte h1{width:90%; height:auto; margin:20px auto 10px auto; display:block; color:#00a2bb; font-size:24px; line-height:28px; text-align:center;}
#ayudarte p, #zonas p{width:90%; height:auto; margin:0 auto; display:block; color:#666; font-size:15px; line-height:20px; text-align:center; padding-bottom:40px;}
#zonas{width:90%; height:auto; margin:20px auto 20px auto; display:block;}

#contactotop{width:90%; height:1380px; margin:0 auto; display:block;}

#formulario {float: left; height: 350px; margin-left:0px; width: 100%; background: #00a2bb; position:relative;}
#envio_form {height: 300px; width: 80%; display:block; margin:20px auto 0 auto; }
.contactodiv { height: auto; margin:0 0 5px 0; width: 100%;}
.contactodiv label {color: #fff; font-size: 14px; padding-left: 0px; text-align: left; width: 100%; letter-spacing:0.5px; display:block; height:14px;}
.contactodiv input { background-color:#9FCADE; border:none; color: #444; height: 16px; padding: 0 10px; width: 90%;}
.contactodiv input:focus { background-color:#004668; color: white; height: 16px; outline: 0 none; padding-left: 10px; width: 90%; border:none;}
.contactodiv textarea:focus {background-color: #004668; color: white; height: 25px; outline: 0 none; padding-left: 10px; padding-top: 10px; width: 90%;}
.contactodiv textarea { background-color:#9FCADE; color:#444;  height:25px; padding:10px; width: 90%; border:none;}
.titulo1 {margin-top: 0;}
#enviocontacto {height: 20px; margin-left:0px; margin-top: 10px; width: 95%; display:block;}
#resetcontacto {background-color: #9FCADE; border:none; color: #004668; float: right; font-size: 14px;  width: 40%; height: 20px; padding-top:2px;cursor:pointer;}
#enviarcontacto { background-color: #fff; border:none; color: #004668; float: left; font-size: 14px;  width: 40%;cursor:pointer; height: 20px; padding-top:2px;}
#enviarcontacto:hover { background-color: #004668; color: white;}
#resetcontacto:hover {background-color: #004668; color: #fff;}
#checkbox{ width:90%; height:10px; position:absolute; top:275px; left:10%;}
#checkbox p{ font-size:14px; color:#fff; letter-spacing:normal; line-height:18px;}
#checkbox p a{ font-size:14px; color:#fff; font-weight:normal; letter-spacing: normal;}
#checkbox p a:hover{ font-size:14px; letter-spacing:0.5px;  color:#000; text-decoration:underline;}
#condiciones{ visibility:hidden; font-size:14px; line-height:16px; text-align:justify; width:87%; height:335px; top:-10px; left:0px; position: absolute; background-color:#004668; color:#FFF; padding:15px 20px 10px 20px; cursor: default; overflow-x:scroll;}
#condiciones p{ font-size:12px; padding:5px; }
#condiciones p strong{ font-size:12px; color:#FFF; font-weight:normal;}
#condiciones p a{ font-size:14px; color: #FFF; padding:5px 0;}
#condiciones p a:hover{ font-size:14px; text-decoration:underline; color: #FFF;}

#contactotexto{float: left; height: 320px; margin-left:0px; width: 100%; background: url(images/cortinas-de-cristal-contacto.jpg) no-repeat center;  margin:0px 0 0 0px;}
#logocontacto { width:240px; height:auto; margin:30px auto 0 auto; display:block;}
#telefonos2{width:100%; height:auto; margin:0 auto; display:block; float:none; }
#telefonofooterimg2{width:80px; height:auto; float:left; margin:40px 0 0 24%;}
#telefonospie2{width:40%; height:auto; float:left; margin:45px 0 0 5%;}
.telefonopie2{width:auto; height:25px; color:#004668; font-size:18px; line-height:25px; font-weight:bold; font-family:Helvetica, sans-serif ;letter-spacing:normal;}
#correofooter2{width:100%; height:auto; margin:160px 0 0 0; float:none;  }
.correopie2{ color:#00a2bb; font-size:28px; line-height:25px; text-align:center; margin:0 auto; font-family:Helvetica, sans-serif ;letter-spacing:0.5px; display:block;}

#mapacontacto{width: 100%; height:350px; display:block; margin:0 auto 0 auto; padding-top:40px;}
#slidermaparesponsive { width: 100%; height: 350px; overflow: hidden; position: relative; top:50px; left:0px; float:none; background:url(images/mapa-cortinas-de-cristal-madrid-responsive.jpg); display:block;}
#slidermaparesponsive img{ position: absolute; top: 0; left: 0; display: none;}
#slidermapa {display:none; }
#textomapa{width: 100%; height: 230px; float:left; background:#00a2bb;}
#textomapa{width: 80%; height: 220px; float:none; color:#fff; font-size:19px; text-align:none; line-height:30px; padding:10% 10% 0 10%; margin-top:50px;}

}


@media screen and (min-width:1026px) {
#main{width:100%; height:auto;}
.destacadotopp{width:160px; height:auto; margin:60px 0 0 0; font-size:12px; text-align:center; line-height:16px; letter-spacing:1px; background:#00a2bb; padding:2px 0 0 0; opacity:0.9; color:white; }
.destacadotop1, .destacadotop2, .destacadotop3, .destacadotop4, .destacadotop5, .destacadotop6{ background: transparent; display:block; color:#3ca2c2; display:block; font-weight:normal;}
}

@media screen and (min-width:1279px) {
#main{width:100%; height:auto;}
#header{ width:1280px; height:auto; position:relative; top:0; left:0; margin:0 auto; display:block; }

	#slider { width: 1280px; height: 426px; overflow: hidden; position: relative; top:0; left:0; margin:0 auto;}
#slider .galeriaindex1{ width: 1280px; height: 426px; position: absolute; top: 0; left: 0; display: none; background:url(images/cortinas-de-cristal-en-madrid-1280px-1.jpg) no-repeat; }
#slider .galeriaindex1 span.textogaleriaindex{ width:200px; height:auto; font-size:33px; line-height:43px; text-align:right; color:#fff; display:block;margin:210px 0 0 885px; border-bottom:#3ea3c3 8px solid; padding-bottom:10px}
#slider .galeriaindex2{ width: 1280px; height: 426px; position: absolute; top: 0; left: 0; display: none; background:url(images/cortinas-de-cristal-en-madrid-1280px-2.jpg) no-repeat;}
#slider .galeriaindex2 span.textogaleriaindex{ width:260px; height:auto; font-size:33px; line-height:43px; text-align:right; color:#fff; display:block;margin:210px 0 0 825px; border-bottom:#3ea3c3 8px solid; padding-bottom:10px}
#slider .galeriaindex3{ width: 1280px; height: 426px; position: absolute; top: 0; left: 0; display: none; background:url(images/cortinas-de-cristal-en-madrid-1280px-0.jpg) no-repeat;}
#slider .galeriaindex3 span.textogaleriaindex{ width:300px; height:auto; font-size:33px; line-height:43px; text-align:right; color:#fff; display:block;margin:210px 0 0 785px; border-bottom:#3ea3c3 8px solid; padding-bottom:10px}

#bandamenu{ width:1280px; height:110px; background: url(images/fondo-header-1280px.png) no-repeat; position:absolute; top:10px; left:0; display:block; margin:0 auto;}
#logoindex{ width:300px; height::110px; margin:0; float:left;}
#logoindex #logo{ width:250px; height:auto; margin:22px 0 0 10px;}

#nav{height:110px; width:470px; float:left; margin:0 0 0 0px;}
#nav #menu{height:36px; width:450px; margin:74px 0 0 0; display:block;}
#nav #menu li{ width:auto; height:15px; float:left; display:block; }
#nav #menu li a{ width:auto; height:15px; margin:auto 14px; color:#999; font-family: "aislalux"; font-size:15px; letter-spacing:1.2px;  display:block; text-align:center; font-weight:normal; }
#navtop #menu li a.active{  color:#00a2bb; }
#navtop #menu li a.hover:hover{  color:#00a2bb; }
.li1{ border-right:1px solid #004668;}

#telefonosindex{ width:330px; height:90px; float:left; margin:0; }
#iconotel{width:70px; height:auto; margin:19px 0 0 0; float:left;}
#telefonos{width:125px; height:75px; margin:19px 0 0 10px; float:left;}
#telefonos a.telefonoheader{ width:auto; height:23px; font-size:16px; line-height:25px; color:#00a2bb;}

#redesycorreo{width:125px; height:60px; margin:22px 0 0 0px; float:left;}
.redsocial{ width:35px; height:auto; margin:0 3px 0 0;}
.redsocial img{ width:35px; height:auto; margin:0 0 0 0;}
#correo{ width:100px; height:20px; margin:10px 0 0 0;}
.correoenlace{ font-size:15px; line-height:19px; margin:0px 0 0 0; color:#00a2bb;}

#cerramientos{width:1280px; height:auto; margin:50px auto 50px auto; display:block;}
#cerramientosh2{width:1280px; height:auto; margin:0 0 0 0; font-size:15px; line-height:22px; color:#00a2bb; text-align:center;}
#cerramientosp{width:1280px; height:auto; margin:0 0 0 0; font-size:15px; line-height:22px; color:#666; text-align:center;}

/******** DESTACADOS INDEX ****/	
#destacadosindex{ width:1280px; height:126px; margin:0 auto; display:block; margin:40px auto 10px auto;  }
.destacadobottom1, .destacadobottom2, .destacadobottom3, .destacadobottom4, .destacadobottom5, .destacadobottom6{ width:201px; height:126px; float:left;  margin:0 0 0 12px; position:relative; inline-block; overflow: hidden;  }
.destacadobottom1 .destacadobottomimg, .destacadobottom2 .destacadobottomimg, .destacadobottom3 .destacadobottomimg, .destacadobottom4 .destacadobottomimg, .destacadobottom5 .destacadobottomimg, .destacadobottom6 .destacadobottomimg{width:201px; height:auto; display:block; transition: width 2s, height 2s, transform 2s; -moz-transition: width 2s, height 2s, -moz-transform 2s; -webkit-transition: width 2s, height 2s, -webkit-transform 2s; -o-transition: width 2s, height 2s,-o-transform 2s; }
.destacadobottom1:hover .destacadobottomimg, .destacadobottom2:hover .destacadobottomimg, .destacadobottom3:hover .destacadobottomimg, .destacadobottom4:hover .destacadobottomimg, .destacadobottom5:hover .destacadobottomimg, .destacadobottom6:hover .destacadobottomimg {width:201px; height:auto; display:block; transform : scale(1.1); -moz-transform : scale(1.1);  -webkit-transform : scale(1.1); -o-transform : scale(1.1);  }
.destacadotop1, .destacadotop2, .destacadotop3, .destacadotop4, .destacadotop5, .destacadotop6{width:201px; height:126px; position:absolute ; top:0px; left:0; background: transparent; display:block; color:#3ca2c2; display:block; font-weight:normal;}
.destacadotopp{width:201px; height:auto; margin:85px 0 0 0; font-size:14px; text-align:center; line-height:16px; }
.destacadotop1:hover, .destacadotop2:hover, .destacadotop3:hover, .destacadotop4:hover, .destacadotop5:hover, .destacadotop6:hover {background:transparent; color:white; font-weight:normal;}

/******** TEXTO INDEX ****/	
#descripcion{width:1280px; height:auto; margin:0 auto; padding:60px 0 70px 0;}
#descripcion p{width:95%; height:auto; margin:0 auto; font-size:15px; line-height:22px; color:#666; text-align:center;}

/******** FOOTER ****/	
#footer{ width:1280px; height:340px; display:block; margin:0 auto; background: url(images/fondo-footer-1280px.jpg);}
#sitemap{ width:380px; height:260px; float:left; margin:35px 0 0 50px;}
#menufooter{width:300px; height:190px;}
#menufooter li{width:250px; height:19px;}
#menufooter li a{width:250px; height:18px; font-weight:normal; font-size:15px; line-height:17px; color:#004668; display:block;}
#menufooter li a:hover{color:#00a2bb;}
#redesfooter{width:250px; height:40px; margin:30px 0 0 0;}
#redesfooter a{width:35px; height:35px; margin:0 5px 0 0; }
#redesfooter a.redsocialfooter img{width:35px; height:35px;}
#redesfooter a.redsocialfooter img:hover{ -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}
#avisolegalfooter{width:250px; height:20px; font-weight:normal; font-size:14px; line-height:18px; color:#004668; margin:7px 0 0 0;}
#avisolegalfooter a{font-weight:normal; font-size:14px; line-height:18px; color:#004668;}
#avisolegalfooter a:hover{color:#00a2bb;}

#tellamamos{width:370px; height:260px; float:left; margin:35px 0 0 35px;}
#formfooter p#rellene{ width: 370px; height:auto; color:#004668; font-size:17px; line-height:16px; margin:0px 0 0px 0; font-weight:normal;}
#formfooter #envio{ width: 370px; height:auto; margin:15px 0 0 0; }
#formfooter #envio label{ width: 370px; height:15px; color:#004668; font-size:11px; line-height:18px;}
#formfooter #envio input{ width: 344px; height:14px; color:#00a2bb; font-size:13px; line-height:15px; border:none; background: url(images/blanco50.png) repeat; padding:2px 5px; font-family:Helvetica, sans-serif;}
#formfooter #envio textarea{ width: 345px; height:50px; color:#00a2bb; font-size:13px; line-height:15px; border:none; background: url(images/blanco50.png) repeat; padding:5px; font-family:Helvetica, sans-serif;}
#formfooter #envio #enviar_presu{ width: 354px; height:20px; background:#fff;; color:#004668; font-size:12px; line-height:14px; border:none; margin:15px 0 0 0; padding-top:3px;}
#formfooter #envio #enviar_presu:hover{background:#00a2bb;; color:#fff;}
#acepta{color:#004668; font-size:10px; line-height:16px; margin:0px 0 0px 0; font-weight:normal; margin:10px 0 0 0;}

#contactofooter{width:350px; height:260px; float:left; margin:30px 0 0 80px;}
#contactofooterimg{width:300px; height:auto; margin:0 0 0 30px; display:block;}
#telefonosfooter{width:300px; height:auto; margin:50px 0 0 70px; }
#telefonofooterimg{width:80px; height:80px; float:left; margin:0 0 0 45px;}
#telefonospie{width:125px; height:auto; float:left; margin:5px 0 0 20px;}
.telefonopie1{width:125px; height:25px; color:#004668; font-size:18px; line-height:25px; font-weight:bold;}
#correofooter{width:250px; height:auto; margin:20px 0 0 100px; float:left; }
.correopie{ width:auto; color:#fff; font-size:20px; line-height:25px; text-align:right; margin:0 0 0 58px;}
.arteboz{ width:auto; color:#004668; font-size:14px; line-height:25px; padding:28px 0 0 95px; display:block;}

/********MENU TOP *****/
#bandamenutop{ width:1280px; height:80px; display:block; margin:0 auto;}
#logoindextop{ width:300px; height:80px; margin:0 0 0 40px; float:left;}
#logoindextop #logoindexenlacetop #logotop{ width:230px; height:auto; margin:10px 0 0 10px;}
#logoindextop #logoindexenlacetop img#logotop:hover{-moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}

#navtop{height:90px; width:600px; float:left; margin:0 0 0 0px;}
#navtop #menutop{height:36px; width:500px; margin:54px 0 0 0; display:block;}
#navtop #menutop li{ width:auto; height:15px; float:left; display:block; }
#navtop #menutop li a{ width:auto; height:15px; margin:auto 20px; color:#999; font-family: "aislalux"; font-size:14px; letter-spacing: 1.2px; padding:0px 0 21px 0; display:block; text-align:center; font-weight:normal; }

#telefonosindextop{ width:280px; height:80px; float:left; }
#iconoteltop{width:53px; height:auto; margin:19px 0 0 0; float:left;}
#telefonostop{width:95px; height:60px; margin:20px 0 0 8px; float:left;}
#telefonostop a.telefonoheadertop{ width:auto; height:17px; font-size:14px; line-height:17px; color:#00a2bb;}
#telefonostop a#telefonoheader1top:hover,  #telefonos a#telefonoheader2top:hover, #telefonos a#telefonoheader3top:hover { color:#999;  }

#redesycorreotop{width:110px; height:60px; margin:20px 0 0 0px; float:left;}
.redsocialtop{ width:30px; height:auto; margin:0 3px 0 0;}
.redsocialtop img{ width:30px; height:auto; margin:0 0 0 0;}
.redsocialtop img:hover{ -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}
#correotop{ width:100px; height:20px; margin:2px 0 0 0;}
.correoenlacetop{ font-size:13px; line-height:20px; margin:0px 0 0 0; color:#00a2bb;}
.correoenlacetop:hover{ color:#999;}

/*SERVICIOS ********************************************************/
#headerservicios{ width:1280px; height:200px; position:relative; top:0; left:0; margin:0 auto; display:block;}
#bandamenuservicios{ width:1280px; height:110px; background: url(images/fondo-header-1280px-servicios.png) no-repeat; position:absolute; top:10px; left:0; display:block; margin:0 auto; display:none;}
#submenu{height:90px; width:1280px; float:left; margin:0 0 0 0px;}
#submenu #menuservicios{height:36px; width:1050px; margin:169px auto 0 auto; display:block;}
#submenu #menuservicios li{ width:auto; height:15px; float:left; display:block; }
#submenu #menuservicios li a{ width:auto; height:15px; margin:auto 19px; color:#999; font-family: "aislalux"; letter-spacing:1px; font-size:15px; padding:0px 0 21px 0; display:block; text-align:center; font-weight:normal; }

/* SLIDER SERVICIOS ***/
#contentslider{ width:1280px; height:400px; margin:0 auto; display:block;}
.sss { height: 0; margin: 0; padding: 0; position: relative; display: block; overflow: hidden;}
.ssslide { width: 1280px; height:400px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; display: none; overflow: hidden; }
.ssslide img { width: 1280px; height: auto; margin: 0; padding: 0; position: relative; display: block;}
.sssnext, .sssprev { width: 50px; height: 100%; margin: 0; position: absolute; top: 0; background: url('images/arr.png') no-repeat; opacity:0.1;}
.sssprev { left: 2%; background-position: 0 50%; }
.sssnext { right: 2%; background-position: -46px 50%;}
.sssprev:hover, .sssnext:hover { cursor: pointer; opacity:1;}

/*TEXTO SERVICIOS */
#acristalamientos{width:1050px; height:auto; margin:40px auto 40px auto; display:block;}
#acristalamientos h1{width:1050px; height:30px; margin:0 auto; display:block; color:#00a2bb; font-size:18px; line-height:27px; border-bottom:1px solid #BEE8FF; text-align:center; font-weight:normal; }
#bloqueacristalamientos{width:1050px; height:240px; margin:0 auto; display:block;}
.cristal1{ width:348px; height:auto; float:left; border-left:1px solid #999; border-right:1px solid #999; margin:40px 0;}
.cristal{ width:348px; height:auto; float:left; border-right:1px solid #999; margin:40px 0;}
.cristal1 p, .cristal p{ width:290px; height:auto; padding:0 22px 0 25px; color:#666; font-size:15px; line-height:20px;}
.cristal1 p strong, .cristal p strong{ width:290px; height:auto; color:#00a2bb; font-size:16px; line-height:30px; display:block; font-weight:normal;}

#presupuesto{width:1050px; height:auto; margin:20px auto 0 auto; display:block;}
#presupuesto #solicita{ width:347px; height:auto; padding:8px 0 7px 0; background:#00a2bb; color: white; font-size:15px; line-height:14px; font-weight:normal; letter-spacing:1px; margin:0 0 0 348px; display: inline-block; text-align:center;}
/*SOBRE AISLALUX */
#headerempresa{ width:1280px; height:150px; position:relative; top:0; left:0; margin:0 auto; display:block;}
#imgaislalux{width: 1280px; height: 190px;position: relative; top:0; left:0; margin:0 auto;}
#imgaislalux img#imgempresa{width: 1280px; height: auto;}
/*AVISO LEGAL */
#propietario{width:100%; height:auto; padding:0; color:#666; font-size:15px; line-height:20px; text-align:center; margin:70px 0 0 0;}
#cookies h1{width:100%; height:30px; margin:30px auto; display:block; color:#00a2bb; font-size:17px; line-height:26px; border-bottom:1px solid #BEE8FF; text-align:center; font-weight:normal; }
#cookies p{width:100%; height:auto; margin:30px auto; display:block; color:#666; font-size:15px; line-height:19px; font-weight:normal; }
#cookies p a{color:#666; font-size:14px; line-height:18px; font-weight:normal; }
#cookies p a:hover{color:#00a2bb; font-size:14px; line-height:18px; font-weight:normal; }
#cookies h2{width:100%; height:auto; margin:10px auto; display:block; color:#00a2bb; font-size:16px; line-height:19px; font-weight:normal;}
#cookies h3{width:100%; height:auto; margin:10px auto; display:block; color:#00a2bb; font-size:15px; line-height:19px; font-weight:normal;}
#cookies ul{width:100%; height:auto; }
#cookies ul li{width:100%; height:auto; color:#666; font-size:15px; line-height:19px; font-weight:normal; }

/** CONTACTO ***************************************************************************************/
#ayudarte{width:900px; height:auto; margin:20px auto 0 auto; display:block;}
#ayudarte h1{width:900px; height:40px; margin:0 auto; display:block; color:#00a2bb; font-size:24px; line-height:28px; text-align:center;}
#ayudarte p{width:900px; height:auto; margin:0 auto; display:block; color:#666; font-size:15px; line-height:22px; text-align:center; padding-bottom:40px;}
#zonas{width:1100px; height:auto; margin:20px auto 20px auto; display:block;}
#zonas p{width:1100px; height:auto; margin:0 auto; display:block; color:#666; font-size:15px; line-height:22px; text-align:center; padding-bottom:40px;}

#contactotop{width:1100px; height:720px; margin:0 auto; display:block;}

#formulario {float: left; height: 330px; margin-left:0px; width: 550px; background: #00a2bb; position:relative;}
#envio_form {height: 320px; width: 450px; display:block; margin:30px auto 0 auto; }
.contactodiv { height: auto; margin:0 0 5px 0; width: 450px;}
.contactodiv label {color: #fff; font-size: 14px; padding-left: 0px; text-align: left; width: 450px; letter-spacing:0.5px; display:block; height:14px;}
.contactodiv input { background-color:#9FCADE; border:none; color: #444; height: 16px; padding: 0 10px; width: 430px;}
.contactodiv input:focus { background-color:#004668; color: white; height: 16px; outline: 0 none; padding-left: 10px; width: 430px; border:none;}
.contactodiv textarea:focus {background-color: #004668; color: white; height: 25px; outline: 0 none; padding-left: 10px; padding-top: 10px; width: 430px;}
.contactodiv textarea { background-color:#9FCADE; color:#444;  height:25px; padding:10px; width: 430px; border:none;}
.titulo1 {margin-top: 0;}
#enviocontacto {height: 20px; margin-left:0px; margin-top: 10px; width: 450px; display:block;}
#resetcontacto {background-color: #9FCADE; border:none; color: #004668; float: right; font-size: 14px;  width: 210px; height: 20px; padding-top:2px;cursor:pointer;}
#enviarcontacto { background-color: #fff; border:none; color: #004668; float: left; font-size: 14px;  width: 210px;cursor:pointer; height: 20px; padding-top:2px;}
#checkbox{ width:500px; height:10px; position:absolute; top:290px; left:50px;}
#checkbox p{ font-size:15px; color:#fff; letter-spacing:normal;}
#checkbox p a{ font-size:15px; color:#fff; font-weight:normal; letter-spacing: normal;}
#condiciones{ visibility:hidden; font-size:15px; line-height:16px; text-align:justify; width:1040px; height:305px; top:-10px; left:0px; position: absolute; background-color:#004668; color:#FFF; padding:25px 30px 10px 30px; cursor: default; }
#condiciones p{ font-size:13px; padding:5px; line-height:18px;}
#condiciones p strong{ font-size:13px; color:#FFF; font-weight:normal;}
#condiciones p a{ font-size:13px; color: #FFF; padding:5px 0;}

#contactotexto{float: left; height: 330px; margin-left:0px; width: 550px; background: url(images/cortinas-de-cristal-contacto.jpg) no-repeat center;  margin:0px 0 0 0px;}
#logocontacto { width:280px; height:auto; margin:30px auto 0 auto; display:block;}
#telefonos2{width:300px; height:auto; margin:60px 0 0 20px; }
#telefonofooterimg2{width:80px; height:80px; float:left; margin:40px 0 0 200px;}
#telefonospie2{width:120px; height:auto; float:left; margin:40px 0 0 20px;}
.telefonopie2{width:120px; height:25px; color:#004668; font-size:19px; line-height:28px; letter-spacing:0.5px; font-weight:bold; font-family:Helvetica, sans-serif ;letter-spacing:normal;}
#correofooter2{width:200px; height:auto; margin:18px 0 0 153px; float:left; }
.correopie2{ width:auto; color:#00a2bb; font-size:24px; line-height:30px; letter-spacing:0.5px; text-align:right; margin:0 0 0 58px; font-family:Helvetica, sans-serif ;letter-spacing:normal;}

#mapacontacto{width: 1100px; height:330px; display:block; margin:0 auto;}
#slidermapa { width: 550px; height: 330px; overflow: hidden; position: relative; top:0px; left:0px; float:left; background:url(images/mapa-cortinas-de-cristal-madrid.png);}
#slidermapa img{ position: absolute; top: 0; left: 0; display: none;}

#textomapa{width: 550px; height: 330px; float:left; background:#00a2bb;}
#textomapa{width: 400px; height: 180px; float:left; color:#fff; font-size:20px; text-align:left; line-height:40px; padding:75px 75px;}
}

@media screen and (min-width:1365px) {
#header{ width:1366px; height:auto; position:relative; top:0; left:0; margin:0 auto; display:block; }

#slider { width: 1366px; height: 455px; overflow: hidden; position: relative; top:0; left:0; margin:0 auto;}
#slider .galeriaindex1{ width: 1366px; height: 455px; position: absolute; top: 0; left: 0; display: none; background:url(images/cortinas-de-cristal-en-madrid-1366px-1.jpg) no-repeat; }
#slider .galeriaindex1 span.textogaleriaindex{ width:200px; height:auto; font-size:35px; line-height:44px; text-align:right; color:#fff; display:block;margin:220px 0 0 980px; border-bottom:#3ea3c3 8px solid; padding-bottom:10px}
#slider .galeriaindex2{ width: 1366px; height: 455px; position: absolute; top: 0; left: 0; display: none; background:url(images/cortinas-de-cristal-en-madrid-1366px-2.jpg) no-repeat;}
#slider .galeriaindex2 span.textogaleriaindex{ width:260px; height:auto; font-size:35px; line-height:44px; text-align:right; color:#fff; display:block;margin:220px 0 0 920px; border-bottom:#3ea3c3 8px solid; padding-bottom:10px}
#slider .galeriaindex3{ width: 1366px; height: 455px; position: absolute; top: 0; left: 0; display: none; background:url(images/cortinas-de-cristal-en-madrid-1366px-0.jpg) no-repeat;}
#slider .galeriaindex3 span.textogaleriaindex{ width:320px; height:auto; font-size:35px; line-height:44px; text-align:right; color:#fff; display:block;margin:220px 0 0 860px; border-bottom:#3ea3c3 8px solid; padding-bottom:10px}

#bandamenu{ width:1366px; height:115px; background: url(images/fondo-header-1366px.png) no-repeat; position:absolute; top:10px; left:0; display:block; margin:0 auto;}
#logoindex{ width:310px; height::115px; margin:0; float:left;}
#logoindex #logo{ width:270px; height:auto; margin:20px 0 0 10px;}

#nav{height:115px; width:540px; float:left; margin:0 0 0 0px;}
#nav #menu{height:36px; width:500px; margin:77px 0 0 0; display:block;}
#nav #menu li{ width:auto; height:15px; float:left; display:block; }
#nav #menu li a{ width:auto; height:15px; margin:auto 18px; color:#999; font-family: "aislalux"; font-size:16px; letter-spacing:1px;  display:block; text-align:center; font-weight:normal; }
#nav #menu li a.active{  color:#00a2bb;  }
#nav #menu li a.hover:hover{  color:#00a2bb; }
.li1{ border-right:1px solid #004668;}

#telefonosindex{ width:340px; height:90px; float:left; margin:0; }
#iconotel{width:70px; height:auto; margin:19px 0 0 0; float:left;}
#telefonos{width:125px; height:75px; margin:19px 0 0 10px; float:left;}
#telefonos a.telefonoheader{ width:auto; height:23px; font-size:16px; line-height:25px; color:#00a2bb;}

#redesycorreo{width:135px; height:60px; margin:22px 0 0 0px; float:left;}
.redsocial{ width:37px; height:auto; margin:0 4px 0 0;}
.redsocial img{ width:37px; height:auto; margin:0 0 0 0;}
#correo{ width:100px; height:20px; margin:10px 0 0 0;}
.correoenlace{ font-size:16px; line-height:19px; margin:0px 0 0 0; color:#00a2bb; font-weight:normal}

#cerramientos{width:1366px; height:auto; margin:40px auto 30px auto; display:block;}
#cerramientosh2{width:1366px; height:auto; margin:0 0 0 0; font-size:16px; line-height:24px; color:#00a2bb; text-align:center;}
#cerramientosp{width:1366px; height:auto; margin:0 0 0 0; font-size:16px; line-height:24px;  text-align:center;}

/******** DESTACADOS INDEX ****/	
#destacadosindex{ width:1366px; height:133px; margin:0 auto; display:block; margin:45px auto 10px auto;  }
.destacadobottom1, .destacadobottom2, .destacadobottom3, .destacadobottom4, .destacadobottom5, .destacadobottom6{ width:213px; height:133px; float:left;  margin:0 0 0 12px; position:relative; inline-block; overflow: hidden;  }
.destacadobottom1 .destacadobottomimg, .destacadobottom2 .destacadobottomimg, .destacadobottom3 .destacadobottomimg, .destacadobottom4 .destacadobottomimg, .destacadobottom5 .destacadobottomimg, .destacadobottom6 .destacadobottomimg{width:213px; height:auto; display:block; transition: width 2s, height 2s, transform 2s; -moz-transition: width 2s, height 2s, -moz-transform 2s; -webkit-transition: width 2s, height 2s, -webkit-transform 2s; -o-transition: width 2s, height 2s,-o-transform 2s; }
.destacadobottom1:hover .destacadobottomimg, .destacadobottom2:hover .destacadobottomimg, .destacadobottom3:hover .destacadobottomimg, .destacadobottom4:hover .destacadobottomimg, .destacadobottom5:hover .destacadobottomimg, .destacadobottom6:hover .destacadobottomimg {width:213px; height:auto; display:block; transform : scale(1.1); -moz-transform : scale(1.1);  -webkit-transform : scale(1.1); -o-transform : scale(1.1);  }
.destacadotop1, .destacadotop2, .destacadotop3, .destacadotop4, .destacadotop5, .destacadotop6{width:213px; height:134px; position:absolute ; top:0px; left:0; background: transparent; display:block; color:#3ca2c2; display:block; font-weight:normal;}
.destacadotopp{width:213px; height:auto; margin:85px 0 0 0; font-size:15px; text-align:center; line-height:17px; padding:4px 0;  }

/******** TEXTO INDEX ****/	
#descripcion{width:1366px; height:auto; margin:0 auto; padding:50px 0 50px 0;}
#descripcion p{width:95%; height:auto; margin:0 auto; font-size:16px; line-height:24px;  text-align:center;}

/******** FOOTER ****/	
#footer{ width:1366px; height:360px; display:block; margin:0 auto; background: url(images/fondo-footer-1366px.jpg);}
#sitemap{ width:380px; height:260px; float:left; margin:35px 0 0 60px;}
#menufooter{width:300px; height:190px;}
#menufooter li{width:250px; height:20px;}
#menufooter li a{width:250px; height:18px; font-weight:normal; font-size:15px; line-height:17px; color:#004668; display:block;}
#menufooter li a:hover{color:#00a2bb;}
#redesfooter{width:250px; height:40px; margin:40px 0 0 0;}
#redesfooter a{width:35px; height:35px; margin:0 5px 0 0; }
#redesfooter a.redsocialfooter img{width:35px; height:35px;}
#redesfooter a.redsocialfooter img:hover{ -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}
#avisolegalfooter{width:250px; height:20px; font-weight:normal; font-size:14px; line-height:18px; color:#004668; margin:7px 0 0 0;}
#avisolegalfooter a{font-weight:normal; font-size:14px; line-height:18px; color:#004668;}
#avisolegalfooter a:hover{color:#00a2bb;}

#tellamamos{width:420px; height:260px; float:left; margin:35px 0 0 35px;}
#formfooter p#rellene{ width: 420px; height:auto; color:#004668; font-size:18px; line-height:16px; margin:0px 0 0px 0; font-weight:normal;}
#formfooter #envio{ width: 420px; height:auto; margin:15px 0 0 0; }
#formfooter #envio label{ width: 420px; height:18px; color:#004668; font-size:13px; line-height:20px; display:block; margin:5px 0 0 0;}
#formfooter #envio input{ width: 394px; height:14px; color:#00a2bb; font-size:13px; line-height:15px; border:none; background: url(images/blanco50.png) repeat; padding:2px 5px; font-family:Helvetica, sans-serif;}
#formfooter #envio textarea{ width: 395px; height:50px; color:#00a2bb; font-size:13px; line-height:15px; border:none; background: url(images/blanco50.png) repeat; padding:5px; font-family:Helvetica, sans-serif;}
#formfooter #envio #enviar_presu{ width: 404px; height:20px; background:#fff;; color:#004668; font-size:12px; line-height:14px; border:none; margin:15px 0 0 0; padding-top:3px;}
#formfooter #envio #enviar_presu:hover{background:#00a2bb;; color:#fff;}
#acepta{color:#004668; font-size:13px; line-height:16px; margin:0px 0 0px 0; font-weight:normal; margin:10px 0 0 0;}

#contactofooter{width:350px; height:260px; float:left; margin:30px 0 0 80px;}
#contactofooterimg{width:300px; height:auto; margin:0 0 0 30px; display:block;}
#telefonosfooter{width:300px; height:auto; margin:60px 0 0 70px; }
#telefonofooterimg{width:80px; height:80px; float:left; margin:0 0 0 45px;}
#telefonospie{width:125px; height:auto; float:left; margin:5px 0 0 20px;}
.telefonopie1{width:125px; height:25px; color:#004668; font-size:18px; line-height:25px; font-weight:bold;}
#correofooter{width:250px; height:auto; margin:20px 0 0 100px; float:left; }
.correopie{ width:auto; color:#fff; font-size:20px; line-height:25px; text-align:right; margin:0 0 0 58px;}
.arteboz{ width:auto; color:#004668; font-size:14px; line-height:25px; padding:28px 0 0 95px; display:block;}

/********MENU TOP *****/
#bandamenutop{ width:1366px; height:80px; display:block; margin:0 auto;}
#logoindextop{ width:340px; height:80px; margin:0 0 0 40px; float:left;}
#logoindextop #logoindexenlacetop #logotop{ width:240px; height:auto; margin:8px 0 0 10px;}

#navtop{height:90px; width:650px; float:left; margin:0 0 0 0px;}
#navtop #menutop{height:36px; width:500px; margin:54px 0 0 0; display:block;}
#navtop #menutop li{ width:auto; height:15px; float:left; display:block; }
#navtop #menutop li a{ width:auto; height:15px; margin:auto 20px; color:#999; font-family: "aislalux"; font-size:14px; letter-spacing: 0.4px; padding:0px 0 21px 0; display:block; text-align:center; font-weight:bold; }

#telefonosindextop{ width:280px; height:80px; float:left; }

/*SERVICIOS ********************************************************/
#headerservicios{ width:1366px; height:210px; position:relative; top:0; left:0; margin:0 auto; display:block;}
#bandamenuservicios{ width:1366px; height:115px; background: url(images/fondo-header-1366px-servicios.png) no-repeat; position:absolute; top:10px; left:0; display:block; margin:0 auto; display:none;}
#submenu{height:90px; width:1366px; float:left; margin:0 0 0 0px;}
#submenu #menuservicios{height:36px; width:1120px; margin:179px auto 0 auto; display:block;}
#submenu #menuservicios li{ width:auto; height:15px; float:left; display:block; }
#submenu #menuservicios li a{ width:auto; height:15px; margin:auto 26px; color:#999; font-family: "aislalux"; letter-spacing:1px; font-size:15px;  display:block; text-align:center; font-weight:normal; }

/* SLIDER SERVICIOS ***/
#contentslider{ width:1366px; height:427px; margin:0 auto; display:block;}
.sss { height: 0; margin: 0; padding: 0; position: relative; display: block; overflow: hidden;}
.ssslide { width: 1366px; height:427px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; display: none; overflow: hidden; }
.ssslide img { width: 1366px; height: auto; margin: 0; padding: 0; position: relative; display: block;}
.sssnext, .sssprev { width: 50px; height: 100%; margin: 0; position: absolute; top: 0; background: url('images/arr.png') no-repeat; opacity:0.1;}
.sssprev { left: 2%; background-position: 0 50%; }
.sssnext { right: 2%; background-position: -46px 50%;}
.sssprev:hover, .sssnext:hover { cursor: pointer; opacity:1;}

/*TEXTO SERVICIOS */
#acristalamientos{width:1120px; height:auto; margin:40px auto 40px auto; display:block;}
#acristalamientos h1{width:1120px; height:30px; margin:0 auto; display:block; color:#00a2bb; font-size:20px; line-height:30px; border-bottom:1px solid #BEE8FF; text-align:center; font-weight:normal; }
#bloqueacristalamientos{width:1120px; height:280px; margin:0 auto; display:block;}
.cristal1{ width:370px; height:auto; float:left; border-left:1px solid #999; border-right:1px solid #999; margin:40px 0;}
.cristal{ width:370px; height:auto; float:left; border-right:1px solid #999; margin:40px 0;}
.cristal1 p, .cristal p{ width:320px; height:auto; padding:0 22px 0 25px; color:#666; font-size:16px; line-height:22px;}
.cristal1 p strong, .cristal p strong{ width:320px; height:auto; color:#00a2bb; font-size:17px; line-height:40px; display:block; font-weight:normal;}

#presupuesto{width:1120px; height:auto; margin:20px auto 0 auto; display:block;}
#presupuesto #solicita{ width:372px; height:auto; padding:8px 0 7px 0; background:#00a2bb; color: white; font-size:15px; line-height:14px; font-weight:normal; letter-spacing:1px; margin:0 0 0 370px; display: inline-block; text-align:center;}

/*SOBRE AISLALUX */
#headerempresa{ width:1366px; height:150px; position:relative; top:0; left:0; margin:0 auto; display:block;}
#imgaislalux{width: 1366px; height: 210px;position: relative; top:0; left:0; margin:0 auto;}
#imgaislalux img#imgempresa{width: 1366px; height: auto;}

/*AVISO LEGAL */
#propietario{width:100%; height:auto; padding:0; color:#666; font-size:15px; line-height:20px; text-align:center; margin:70px 0 0 0;}
#cookies h1{width:100%; height:30px; margin:30px auto; display:block; color:#00a2bb; font-size:17px; line-height:26px; border-bottom:1px solid #BEE8FF; text-align:center; font-weight:normal; }
#cookies p{width:100%; height:auto; margin:30px auto; display:block; color:#666; font-size:15px; line-height:19px; font-weight:normal; }
#cookies p a{color:#666; font-size:14px; line-height:18px; font-weight:normal; }
#cookies p a:hover{color:#00a2bb; font-size:14px; line-height:18px; font-weight:normal; }
#cookies h2{width:100%; height:auto; margin:10px auto; display:block; color:#00a2bb; font-size:16px; line-height:19px; font-weight:normal;}
#cookies h3{width:100%; height:auto; margin:10px auto; display:block; color:#00a2bb; font-size:15px; line-height:19px; font-weight:normal;}
#cookies ul{width:100%; height:auto; }
#cookies ul li{width:100%; height:auto; color:#666; font-size:15px; line-height:19px; font-weight:normal; }

/** CONTACTO ***************************************************************************************/
#ayudarte{width:950px; height:auto; margin:20px auto 0 auto; display:block;}
#ayudarte h1{width:950px; height:40px; margin:0 auto; display:block; color:#00a2bb; font-size:26px; line-height:30px; text-align:center;}
#ayudarte p{width:950px; height:auto; margin:0 auto; display:block; color:#666; font-size:16px; line-height:24px; text-align:center; padding-bottom:40px;}
#zonas{width:1200px; height:auto; margin:20px auto 20px auto; display:block;}
#zonas p{width:1200px; height:auto; margin:0 auto; display:block; color:#666; font-size:16px; line-height:24px; text-align:center; padding-bottom:40px;}

#contactotop{width:1200px; height:750px; margin:0 auto; display:block;}

#formulario {float: left; height: 340px; margin-left:0px; width: 600px; background: #00a2bb; position:relative;}
#envio_form {height: 320px; width: 500px; display:block; margin:30px auto 0 auto; }
.contactodiv { height: auto; margin:0 0 5px 0; width: 500px;}
.contactodiv label {color: #fff; font-size: 14px; padding-left: 0px; text-align: left; width: 500px; letter-spacing:0.5px; display:block; height:14px;}
.contactodiv input { background-color:#9FCADE; border:none; color: #444; height: 16px; padding: 0 10px; width: 480px;}
.contactodiv input:focus { background-color:#004668; color: white; height: 16px; outline: 0 none; padding-left: 10px; width: 480px; border:none;}
.contactodiv textarea:focus {background-color: #004668; color: white; height: 25px; outline: 0 none; padding-left: 10px; padding-top: 10px; width: 480px;}
.contactodiv textarea { background-color:#9FCADE; color:#444;  height:25px; padding:10px; width: 480px; border:none;}
.titulo1 {margin-top: 0;}
#enviocontacto {height: 20px; margin-left:0px; margin-top: 10px; width: 500px; display:block;}
#resetcontacto {background-color: #9FCADE; border:none; color: #004668; float: right; font-size: 14px;  width: 220px; height: 20px; padding-top:2px;cursor:pointer;}
#enviarcontacto { background-color: #fff; border:none; color: #004668; float: left; font-size: 14px;  width: 220px;cursor:pointer; height: 20px; padding-top:2px;}
#checkbox{ width:500px; height:10px; position:absolute; top:290px; left:50px;}
#checkbox p{ font-size:15px; color:#fff; letter-spacing:normal;}
#checkbox p a{ font-size:15px; color:#fff; font-weight:normal; letter-spacing: normal;}
#condiciones{ visibility:hidden; font-size:15px; line-height:16px; text-align:justify; width:1140px; height:305px; top:-10px; left:0px; position: absolute; background-color:#004668; color:#FFF; padding:35px 30px 10px 30px; cursor: default; }
#condiciones p{ font-size:13px; padding:5px; line-height:18px;}
#condiciones p strong{ font-size:13px; color:#FFF; font-weight:normal;}
#condiciones p a{ font-size:15px; color: #FFF; padding:5px 0;}

#contactotexto{float: left; height: 340px; margin-left:0px; width: 600px; background: url(images/cortinas-de-cristal-contacto.jpg) no-repeat center;  margin:0px 0 0 0px;}
#logocontacto { width:280px; height:auto; margin:30px auto 0 auto; display:block;}
#telefonos2{width:300px; height:auto; margin:60px 0 0 20px; }
#telefonofooterimg2{width:80px; height:80px; float:left; margin:45px 0 0 220px;}
#telefonospie2{width:120px; height:auto; float:left; margin:40px 0 0 20px;}
.telefonopie2{width:120px; height:25px; color:#004668; font-size:20px; line-height:30px; letter-spacing:0.8px; font-weight:bold; font-family:Helvetica, sans-serif ;letter-spacing:normal;}
#correofooter2{width:200px; height:auto; margin:18px 0 0 178px; float:left; }
.correopie2{ width:auto; color:#00a2bb; font-size:24px; line-height:30px; letter-spacing:0.5px; text-align:right; margin:0 0 0 58px; font-family:Helvetica, sans-serif ;letter-spacing:normal;}

#mapacontacto{width: 1200px; height:340px; display:block; margin:0 auto;}
#slidermapa { width: 600px; height: 340px; overflow: hidden; position: relative; top:0px; left:0px; float:left; background:url(images/mapa-cortinas-de-cristal-madrid.png);}
#slidermapa img{ position: absolute; top: 0; left: 0; display: none;}

#textomapa{width: 600px; height: 340px; float:left; background:#00a2bb;}
#textomapa{width: 400px; height: 140px; float:left; color:#fff; font-size:20px; text-align:left; line-height:40px; padding:90px 100px 110px 100px;}

}

@media screen and (min-width:1439px) {
	#main{width:100%; height:auto; padding-bottom:50px;}
	#header{ width:1440px; height:auto; position:relative; top:0; left:0; margin:0 auto; display:block; }

	#slider { width: 1440px; height: 480px; overflow: hidden; position: relative; top:0; left:0; margin:0 auto;}
#slider .galeriaindex1{ width: 1440px; height: 455px; position: absolute; top: 0; left: 0; display: none; background:url(images/cortinas-de-cristal-en-madrid-1440px-1.jpg) no-repeat; }
#slider .galeriaindex1 span.textogaleriaindex{ width:200px; height:auto; font-size:36px; line-height:46px; text-align:right; color:#fff; display:block;margin:220px 0 0 1020px; border-bottom:#3ea3c3 8px solid; padding-bottom:10px}
#slider .galeriaindex2{ width: 1440px; height: 455px; position: absolute; top: 0; left: 0; display: none; background:url(images/cortinas-de-cristal-en-madrid-1440px-2.jpg) no-repeat;}
#slider .galeriaindex2 span.textogaleriaindex{ width:260px; height:auto; font-size:36px; line-height:46px; text-align:right; color:#fff; display:block;margin:220px 0 0 960px; border-bottom:#3ea3c3 8px solid; padding-bottom:10px}
#slider .galeriaindex3{ width: 1440px; height: 455px; position: absolute; top: 0; left: 0; display: none; background:url(images/cortinas-de-cristal-en-madrid-1440px-0.jpg) no-repeat;}
#slider .galeriaindex3 span.textogaleriaindex{ width:320px; height:auto; font-size:36px; line-height:46px; text-align:right; color:#fff; display:block;margin:220px 0 0 900px; border-bottom:#3ea3c3 8px solid; padding-bottom:10px}

#bandamenu{ width:1440px; height:115px; background: url(images/fondo-header-1440px.png) no-repeat; position:absolute; top:10px; left:0; display:block; margin:0 auto;}
#logoindex{ width:330px; height::120px; margin:0 0 0 10px; float:left;}
#logoindex #logo{ width:285px; height:auto; margin:18px 0 0 20px;}

#nav{height:120px; width:570px; float:left; margin:0 0 0 0px;}
#nav #menu{height:36px; width:570px; margin:79px 0 0 0; display:block;}
#nav #menu li{ width:auto; height:15px; float:left; display:block; }
#nav #menu li a{ width:auto; height:15px; margin:auto 20px; color:#999; font-family: "aislalux"; font-size:15px; letter-spacing:1.2px;  display:block; text-align:center; font-weight:normal; }
#nav #menu li a.active{  color:#00a2bb;  }
#nav #menu li a.hover:hover{  color:#00a2bb; }
.li1{ border-right:1px solid #004668;}

#telefonosindex{ width:350px; height:90px; float:left; margin:5px 0 0 0; }
#iconotel{width:70px; height:auto; margin:19px 0 0 0; float:left;}
#telefonos{width:125px; height:75px; margin:19px 0 0 10px; float:left;}
#telefonos a.telefonoheader{ width:auto; height:23px; font-size:16px; line-height:25px; color:#00a2bb;}

#redesycorreo{width:135px; height:60px; margin:22px 0 0 0px; float:left;}
.redsocial{ width:37px; height:auto; margin:0 4px 0 0;}
.redsocial img{ width:37px; height:auto; margin:0 0 0 0;}
#correo{ width:100px; height:20px; margin:10px 0 0 0;}
.correoenlace{ font-size:16px; line-height:19px; margin:0px 0 0 0; color:#00a2bb; font-weight:normal}

#cerramientos{width:1440px; height:auto; margin:20px auto 30px auto; display:block;}
#cerramientosh2{width:1440px; height:auto; margin:0 0 0 0; font-size:16px; line-height:24px; color:#00a2bb; text-align:center;}
#cerramientosp{width:1440px; height:auto; margin:0 0 0 0; font-size:16px; line-height:24px; text-align:center;}

#descripcion{width:1440px; height:auto; margin:0 auto; padding:60px 0 70px 0;}
#descripcion p{width:85%; height:auto; margin:0 auto; font-size:15px; line-height:24px;  text-align:center;}

/******** FOOTER ****/	

#footer{ width:1440px; height:360px; display:block; margin:0 auto; background: url(images/fondo-footer.jpg);}

#sitemap{ width:380px; height:260px; float:left; margin:35px 0 0 60px;}
#menufooter{width:300px; height:190px;}
#menufooter li{width:250px; height:20px;}
#menufooter li a{width:250px; height:18px; font-weight:normal; font-size:16px; line-height:17px; color:#004668; display:block;}
#menufooter li a:hover{color:#00a2bb;}
#redesfooter{width:250px; height:40px; margin:45px 0 0 0;}
#redesfooter a{width:35px; height:35px; margin:0 5px 0 0; }
#redesfooter a.redsocialfooter img{width:35px; height:35px;}
#redesfooter a.redsocialfooter img:hover{ -moz-transform: scale(1.03); -webkit-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}
#avisolegalfooter{width:250px; height:20px; font-weight:normal; font-size:14px; line-height:18px; color:#004668; margin:7px 0 0 0;}
#avisolegalfooter a{font-weight:normal; font-size:14px; line-height:18px; color:#004668;}
#avisolegalfooter a:hover{color:#00a2bb;}

#tellamamos{width:440px; height:260px; float:left; margin:35px 0 0 60px;}
#formfooter p#rellene{ width: 440px; height:auto; color:#004668; font-size:16px; line-height:16px; margin:0px 0 0px 0; font-weight:normal; text-align:center;}
#formfooter #envio{ width: 440px; height:auto; margin:15px 0 0 0; }
#formfooter #envio label{ width: 440px; height:18px; color:#004668; font-size:12px; line-height:20px; display:block; margin:5px 0 0 0;}
#formfooter #envio input{ width: 434px; height:14px; color:#00a2bb; font-size:12px; line-height:15px; border:none; background: url(images/blanco50.png) repeat; padding:2px 5px; font-family:Helvetica, sans-serif;}
#formfooter #envio textarea{ width: 435px; height:50px; color:#00a2bb; font-size:13px; line-height:15px; border:none; background: url(images/blanco50.png) repeat; padding:5px; font-family:Helvetica, sans-serif;}
#formfooter #envio #enviar_presu{ width: 444px; height:20px; background:#fff;; color:#004668; font-size:12px; line-height:14px; border:none; margin:15px 0 0 0; padding-top:3px;}
#formfooter #envio #enviar_presu:hover{background:#00a2bb;; color:#fff;}
#acepta{color:#004668; font-size:12px; line-height:16px; font-weight:normal; margin:10px 0 0 0; text-align:center;}

#contactofooter{width:350px; height:260px; float:left; margin:30px 0 0 110px;}
#contactofooterimg{width:300px; height:auto; margin:0 0 0 30px; display:block;}
#telefonosfooter{width:300px; height:auto; margin:60px 0 0 70px; }
#telefonofooterimg{width:80px; height:80px; float:left; margin:0 0 0 45px;}
#telefonospie{width:125px; height:auto; float:left; margin:5px 0 0 20px;}
.telefonopie1{width:125px; height:25px; color:#004668; font-size:18px; line-height:25px; font-weight:bold;}
#correofooter{width:250px; height:auto; margin:20px 0 0 100px; float:left; }
.correopie{ width:auto; color:#fff; font-size:20px; line-height:25px; text-align:right; margin:0 0 0 58px;}
.arteboz{ width:auto; color:#004668; font-size:14px; line-height:25px; padding:28px 0 0 95px; display:block;}

/********MENU TOP *****/
#bandamenutop{ width:1440px; height:80px; display:block; margin:0 auto;}
#logoindextop{ width:350px; height:80px; margin:0 0 0 40px; float:left;}
#logoindextop #logoindexenlacetop #logotop{ width:240px; height:auto; margin:8px 0 0 10px;}

#navtop{height:90px; width:670px; float:left; margin:0 0 0 0px;}
#navtop #menutop{height:36px; width:550px; margin:54px 0 0 0; display:block;}
#navtop #menutop li{ width:auto; height:15px; float:left; display:block; }
#navtop #menutop li a{ width:auto; height:15px; margin:auto 20px; color:#999; font-family: "aislalux"; font-size:15px; letter-spacing: 1.2px; padding:0px 0 21px 0; display:block; text-align:center; font-weight:normal; }

#telefonosindextop{ width:280px; height:80px; float:left; }

/*SERVICIOS ********************************************************/

#headerservicios{ width:1440px; height:215px; position:relative; top:0; left:0; margin:0 auto; display:block;}
#bandamenuservicios{ width:100%; height:115px; background: url(images/fondo-header-1440px-servicios.png) no-repeat; position:absolute; top:10px; left:0; display:block; margin:0 auto; display:none;}

#submenu{height:90px; width:1440px; float:left; margin:0 0 0 0px;}
#submenu #menuservicios{height:36px; width:1200px; margin:184px auto 0 auto; display:block;}
#submenu #menuservicios li{ width:auto; height:15px; float:left; display:block; }
#submenu #menuservicios li a{ width:auto; height:15px; margin:auto 32px; color:#999; font-family: "aislalux"; letter-spacing:1px; font-size:15px;  display:block; text-align:center; font-weight:normal; }


/* SLIDER SERVICIOS ***/
#contentslider{ width:1440px; height:450px; margin:0 auto; display:block;}
.sss { height: 0; margin: 0; padding: 0; position: relative; display: block; overflow: hidden;}
.ssslide { width: 1440px; height:450px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; display: none; overflow: hidden; }
.ssslide img { width: 1440px; height: 600px; margin: 0; padding: 0; position: relative; display: block;}
.sssnext, .sssprev { width: 50px; height: 100%; margin: 0; position: absolute; top: 0; background: url('images/arr.png') no-repeat; opacity:0.1;}
.sssprev { left: 2%; background-position: 0 50%; }
.sssnext { right: 2%; background-position: -46px 50%;}
.sssprev:hover, .sssnext:hover { cursor: pointer; opacity:1;}

/*TEXTO SERVICIOS */
#acristalamientos{width:1200px; height:auto; margin:40px auto 50px auto; display:block;}
#acristalamientos h1{width:1200px; height:30px; margin:0 auto; display:block; color:#00a2bb; font-size:20px; line-height:30px; border-bottom:1px solid #BEE8FF; text-align:center; font-weight:normal; }
#bloqueacristalamientos{width:1200px; height:280px; margin:0 auto; display:block;}
.cristal1{ width:397px; height:auto; float:left; border-left:1px solid #999; border-right:1px solid #999; margin:40px 0;}
.cristal{ width:398px; height:auto; float:left; border-right:1px solid #999; margin:40px 0;}
.cristal1 p, .cristal p{ width:340px; height:auto; padding:0 22px 0 28px; color:#666; font-size:16px; line-height:22px;}
.cristal1 p strong, .cristal p strong{ width:320px; height:auto; color:#00a2bb; font-size:17px; line-height:40px; display:block; font-weight:normal;}

#presupuesto{width:1200px; height:40px; margin:20px auto 0 auto; display:block;}
#presupuesto #solicita{ width:401px; height:auto; padding:8px 0 7px 0; background:#00a2bb; color: white; font-size:15px; line-height:14px; font-weight:normal; letter-spacing:1px; margin:0 0 0 398px; display: inline-block; text-align:center;}

/*SOBRE AISLALUX */
#headerempresa{ width:1440px; height:150px; position:relative; top:0; left:0; margin:0 auto; display:block;}
#imgaislalux{width: 1440px; height: 230px;position: relative; top:0; left:0; margin:0 auto;}
#imgaislalux img#imgempresa{width: 1440px; height: auto;}

/*AVISO LEGAL */
#propietario{width:100%; height:auto; padding:0; color:#666; font-size:15px; line-height:20px; text-align:center; margin:70px 0 0 0;}
#cookies h1{width:100%; height:30px; margin:30px auto; display:block; color:#00a2bb; font-size:18px; line-height:26px; border-bottom:1px solid #BEE8FF; text-align:center; font-weight:normal; }
#cookies p{width:100%; height:auto; margin:30px auto; display:block; color:#666; font-size:15px; line-height:19px; font-weight:normal; }
#cookies p a{color:#666; font-size:14px; line-height:18px; font-weight:normal; }
#cookies p a:hover{color:#00a2bb; font-size:14px; line-height:18px; font-weight:normal; }
#cookies h2{width:100%; height:auto; margin:10px auto; display:block; color:#00a2bb; font-size:16px; line-height:19px; font-weight:normal;}
#cookies h3{width:100%; height:auto; margin:10px auto; display:block; color:#00a2bb; font-size:15px; line-height:19px; font-weight:normal;}
#cookies ul{width:100%; height:auto; }
#cookies ul li{width:100%; height:auto; color:#666; font-size:15px; line-height:19px; font-weight:normal; }

/** CONTACTO ***************************************************************************************/
#ayudarte{width:1100px; height:auto; margin:30px auto 0 auto; display:block;}
#ayudarte h1{width:1100px; height:40px; margin:0 auto; display:block; color:#00a2bb; font-size:26px; line-height:30px; text-align:center;}
#ayudarte p{width:1100px; height:auto; margin:0 auto; display:block; color:#666; font-size:17px; line-height:26px; text-align:center; padding-bottom:50px;}
#zonas{width:1300px; height:auto; margin:20px auto 20px auto; display:block;}
#zonas p{width:1300px; height:auto; margin:0 auto; display:block; color:#666; font-size:17px; line-height:26px; text-align:center; padding-bottom:40px;}

#contactotop{width:1300px; height:780px; margin:0 auto; display:block;}

#formulario {float: left; height: 360px; margin-left:0px; width: 650px; background: #00a2bb; position:relative;}
#envio_form {height: 320px; width: 500px; display:block; margin:30px auto 0 auto; }
.contactodiv { height: auto; margin:0 0 5px 0; width: 500px;}
.contactodiv label {color: #fff; font-size: 14px; padding-left: 0px; text-align: left; width: 500px; letter-spacing:0.5px; display:block; height:14px;}
.contactodiv input { background-color:#9FCADE; border:none; color: #444; height: 16px; padding: 0 10px; width: 480px;}
.contactodiv input:focus { background-color:#004668; color: white; height: 16px; outline: 0 none; padding-left: 10px; width: 480px; border:none;}
.contactodiv textarea:focus {background-color: #004668; color: white; height: 25px; outline: 0 none; padding-left: 10px; padding-top: 10px; width: 480px;}
.contactodiv textarea { background-color:#9FCADE; color:#444;  height:25px; padding:10px; width: 480px; border:none;}
.titulo1 {margin-top: 0;}
#enviocontacto {height: 20px; margin-left:0px; margin-top: 15px; width: 500px; display:block;}
#resetcontacto {background-color: #9FCADE; border:none; color: #004668; float: right; font-size: 14px;  width: 220px; height: 20px; padding-top:2px;cursor:pointer;}
#enviarcontacto { background-color: #fff; border:none; color: #004668; float: left; font-size: 14px;  width: 220px;cursor:pointer; height: 20px; padding-top:2px;}
#checkbox{ width:500px; height:10px; position:absolute; top:300px; left:75px;}
#checkbox p{ font-size:16px; color:#fff; letter-spacing:normal; line-height:20px;}
#checkbox p a{ font-size:16px; color:#fff; font-weight:normal; letter-spacing: normal;}
#condiciones{ visibility:hidden; font-size:15px; line-height:16px; text-align:justify; width:1260px; height:345px; top:-10px; left:0px; position: absolute; background-color:#004668; color:#FFF; padding:15px 20px 10px 20px; cursor: default; }
#condiciones p{ font-size:14px; padding:10px 30px; line-height:20px;}
#condiciones p strong{ font-size:14px; color:#FFF; font-weight:normal;}
#condiciones p a{ font-size:14px; color: #FFF; padding:5px 0;}

#contactotexto{float: left; height: 360px; margin-left:0px; width: 650px; background: url(images/cortinas-de-cristal-contacto.jpg) no-repeat center;  margin:0px 0 0 0px;}
#logocontacto { width:300px; height:auto; margin:30px auto 0 auto; display:block;}
#telefonos2{width:300px; height:auto; margin:60px 0 0 20px; }
#telefonofooterimg2{width:90px; height:90px; float:left; margin:45px 0 0 237px;}
#telefonospie2{width:140px; height:auto; float:left; margin:40px 0 0 20px;}
.telefonopie2{width:140px; height:25px; color:#004668; font-size:22px; line-height:34px; letter-spacing:1px; font-weight:bold; font-family:Helvetica, sans-serif ;letter-spacing:normal;}
#correofooter2{width:200px; height:auto; margin:18px 0 0 198px; float:left; }
.correopie2{ width:auto; color:#00a2bb; font-size:26px; line-height:32px; letter-spacing:0.8px; text-align:right; margin:0 0 0 60px; font-family:Helvetica, sans-serif ;letter-spacing:normal;}

#mapacontacto{width: 1300px; height:360px; display:block; margin:0 auto;}
#slidermapa { width: 650px; height: 360px; overflow: hidden; position: relative; top:0px; left:0px; float:left; background:url(images/mapa-cortinas-de-cristal-madrid.png);}
#slidermapa img{ position: absolute; top: 0; left: 0; display: none;}

#textomapa{width: 650px; height: 360px; float:left; background:#00a2bb;}
#textomapa{width: 410px; height: 160px; float:left; color:#fff; font-size:21px; text-align:left; line-height:42px; padding:90px 120px 110px 120px;}
}