body, html{font-size: 62.5%;}
body {font-size: 101%;}
html>body {font-size: 100%;}
*:first-child+html body {font-size: 101%;}
html {background: url(../img/texture.png) repeat}
body {margin:0;font-family:Arial;font-weight:normal;color:#000;background:url(../img/texture.png) repeat #fff;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;height: inherit;}
.contenedor{width:1216px;margin-left:auto;margin-right:auto;text-align:center;float:none;border: 0px dotted red}
p.chromeframe {font:normal 1.8em/23px Verdana;width:990px;margin:10px auto;text-align:center;float:none;}
p.chromeframe a {color:#940d12;}
p.chromeframe a:hover {text-decoration: underline;}
#a_menu {display: none}
header {}
header .contenedor {position: relative; margin-top: 32px; background: #fff; overflow: hidden; z-index: 99;}
header .left {float: left;}
header .left h1 {text-indent: -999px; overflow: hidden; width: 263px; height: 94px; background: url(../img/instalacionesfigueroa.png) center top no-repeat; margin: 2px}
header .left h1 a {display: block; height: 94px}
header .right {float: right;}
header .right .contacto {margin-top: 17px; text-align: right; }
header .right .contacto a {font: normal 14px 'oswaldbold'; color: #01a0c7; margin-right: 15px; vertical-align: middle;}
header .right .contacto a.energia {padding-left: 22px; background: url(../img/ico-venta-energia.png) left center no-repeat}
header .right .contacto a.telefono {padding-left: 15px; background: url(../img/ico-telefono.png) left center no-repeat}
header .right .contacto a.facebook,
header .right .contacto a.twitter {display: inline-block; width: 19px; height: 19px; background: url(../img/facebook.png) center top no-repeat; overflow: hidden; text-indent: -999px;}
header .right .contacto a.facebook {margin-right: 6px}
header .right .contacto a.twitter {background-image: url(../img/twitter.png)}
header .right .menu {margin-top: 15px;}
header .right .menu li {display: inline-block;}
header .right .menu li {}
header .right .menu li a {font: bold 14px arial; color: #b1b1b1; text-transform: uppercase; padding: 7px 12px; display: block; margin-right: 3px}
header .right .menu li a:hover {color: #01a0c7;}
header .right .menu li a.on {padding: 7px 10px; border: 1px solid #b9aa89; color: #000}
section#wrapper-index {}
section#wrapper-index .swiper-container {position: absolute; top: 0; width: 100%; left: 0; height: 746px;}
section#wrapper-index .swiper-container .swiper-wrapper {position: relative;}
section#wrapper-index .swiper-container .swiper-slide {z-index: 80; height: 746px; position: relative; width: 100%}
section#wrapper-index .swiper-container .swiper-slide .imagen {background-position: center bottom; background-repeat: no-repeat; background-size: cover; width: 100%; height: 592px; z-index: 78; position: relative;}
section#wrapper-index .swiper-container .swiper-slide .texto {position: absolute; left: 50%; margin-left: -484px; width: 612px; bottom: 0; z-index: 79}
section#wrapper-index .swiper-container .swiper-slide .texto h2 {font: normal 60px 'oswaldbold'; color: #b9aa89; text-align: right;}
section#wrapper-index .swiper-container .swiper-slide .texto p.mas {font: normal 19px georgia; color: #82796d; text-align: right;}
section#wrapper-index .swiper-container .mano-home {position: absolute; bottom: 0; right: 0; z-index: 80}
section#wrapper-index .swiper-container a.arrow {position: absolute; bottom: 45px; z-index: 99; width: 33px; height: 81px; background: url(../img/next.png) center center no-repeat rgba(256,256,256,0.3); overflow: hidden;text-indent: -999px}
section#wrapper-index .swiper-container a.arrow.left {left: 32px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
section#wrapper-index .swiper-container a.arrow.right {right: 32px; }
section#wrapper-index .swiper-container a.arrow:hover {background: url(../img/next-over.png) center center no-repeat #6fc6d9;}
section#wrapper-index .destacados {margin-top: 716px; margin-bottom: 99px}
section#wrapper-index .destacados li {display: inline-block; text-align: center; width: 280px; margin-right: 29px}
section#wrapper-index .destacados li:last-child {margin-right: 0}
section#wrapper-index .destacados li img {display: block; margin: 0 auto 14px;}
section#wrapper-index .destacados li h2 {font: normal 24px 'oswaldregular'; color: #01a0c7; text-align: center; text-transform: uppercase;}
section#wrapper-index .destacados li h2 span {font-size: 14px; display: block; text-align: center;}
section#wrapper-index .quienes-somos {background: #e7e7e7;}
section#wrapper-index .quienes-somos div {padding: 26px 21px}
section#wrapper-index .quienes-somos p {width: 572px; font: normal 16px georgia; color: #000; display: inline-block; text-align: justify;}
section#wrapper-index .quienes-somos p:first-child {margin-right: 26px}
section#wrapper-quienessomos {margin-bottom: 120px}
section#wrapper-quienessomos .imagen {background-position: center bottom; background-repeat: no-repeat; background-size: cover; width: 1186px; height: 549px; margin: -102px auto 50px;}
section#wrapper-quienessomos .contenedor {width: 800px}
section#wrapper-quienessomos h2 {font: normal 50px 'oswaldbold'; color: #b9aa89; text-align: left;}
section#wrapper-quienessomos h3 {font: normal 22px georgia; color: #000; text-align: left; margin-bottom: 36px}
section#wrapper-quienessomos p.texto {font: normal 16px georgia; color: #000; text-align: justify; margin-bottom: 16px}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
margin-bottom: 20px;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section#wrapper-servicios {margin-bottom: 120px}
section#wrapper-servicios .contenedor {width: 1184px; margin-top: 34px}
section#wrapper-servicios ul {}
section#wrapper-servicios ul li {margin-bottom: 32px; position: relative;}
section#wrapper-servicios ul li a {display: block; overflow: hidden; background: rgb(51,153,204);}
section#wrapper-servicios ul li.blue a {background: rgb(118,187,55)}
section#wrapper-servicios ul li a:hover {background:rgba(51,153,204,.8)}
section#wrapper-servicios ul li.blue a:hover {background: rgba(118,187,55,.8)}
section#wrapper-servicios ul li a:hover img {opacity: 0.8}
section#wrapper-servicios ul li .texto {float: left; width: 592px}
section#wrapper-servicios ul li .texto h2 {font: normal 50px 'oswaldbold'; color: #fff; text-align: left; position: absolute; bottom: 30px; left: 30px }
section#wrapper-servicios ul li .texto p {font: normal 19px georgia; color: #fff; text-align: left; position: absolute; bottom: 109px; left: 30px; padding-bottom: 18px; background: url(../img/separador-servicios.png) bottom left no-repeat}
section#wrapper-servicios ul li .texto h3 {font: normal 24px georgia; color: #165e0e; text-align: left; position: absolute; bottom: 177px; left: 30px }
section#wrapper-servicios ul li .imagen {background-size: cover; background-position: right top; background-repeat: no-repeat;float: right; width: 592px; height: 280px}
section#wrapper-servicios ul li img {float: right;}
section#wrapper-serviciosdetalle {margin-bottom: 120px}
section#wrapper-serviciosdetalle .imagen {background-position: center bottom; background-repeat: no-repeat; background-size: cover; width: 1186px; height: 280px; margin: 24px auto 50px;}
section#wrapper-serviciosdetalle .contenedor {width: 800px; position: relative;}
section#wrapper-serviciosdetalle._404 .contenedor {margin-top: 34px}
section#wrapper-serviciosdetalle .contenedor a.volver {font: normal 18px 'oswaldbold', arial; color: #b1b1b1; position: absolute; right: 0; top:35px;}
section#wrapper-serviciosdetalle .contenedor a.volver:hover {color: #3b3b3b;}
section#wrapper-serviciosdetalle h2 {font: normal 50px 'oswaldbold'; color: #0099cc; text-align: left;}
section#wrapper-serviciosdetalle._404 h2 {font-size: 46px; line-height: 42px}
section#wrapper-serviciosdetalle h2.green {color: #81c33e}
section#wrapper-serviciosdetalle h3 {font: normal 22px georgia; color: #000; text-align: left; margin-bottom: 36px}
section#wrapper-serviciosdetalle h4 {font: normal 24px 'oswaldregular'; color: #0099cc; text-align: left; margin-bottom: 30px; clear: both;}
section#wrapper-serviciosdetalle._404 h4 {margin-bottom: 0}
section#wrapper-serviciosdetalle h4.green {color: #81c33e; font-family: 'oswaldlight'}
section#wrapper-serviciosdetalle p.destacado {font: normal 36px georgia; color: #4b7c39; text-align: center; margin-bottom: 30px}
section#wrapper-serviciosdetalle p.texto {font: normal 16px georgia; color: #000; text-align: justify; margin-bottom: 26px}
section#wrapper-serviciosdetalle p.texto strong {font-weight: bold; font-style: italic;}
section#wrapper-serviciosdetalle p.texto a {font-weight: bold; font-style: italic; color: #01a0c7}
section#wrapper-serviciosdetalle p.texto a:hover {text-decoration: underline;}
section#wrapper-serviciosdetalle p.centro {text-align: center; margin-bottom: 26px}
section#wrapper-serviciosdetalle p.centro img.en-linea {margin: 15px 39px}
section#wrapper-serviciosdetalle ul {margin:0 0 86px 27px; width: 355px; float: left;}
section#wrapper-serviciosdetalle ul li {margin:0 0 8px 0; padding-left: 11px; background: url(../img/dot-lista.png) left 8px no-repeat; font: normal 16px 'oswaldregular'; color: #000; text-align: left; margin-bottom: 16px; display: inline-block; width: 196px}
section#wrapper-serviciosdetalle ul li.total {width: 100%}
section#wrapper-serviciosdetalle img.imagen_derecha {float: right; width: 400px}
section#wrapper-serviciosdetalle img.domotica_imagen_derecha {float: right; margin-top:73px}
section#wrapper-serviciosdetalle .detalle_domotica {width: 420px; float: left}
section#wrapper-contacto {margin-bottom: 120px}
section#wrapper-contacto .contenedor {width: 800px}
section#wrapper-contacto iframe {width: 1186px; height: 280px; margin: 24px 0 50px -193px;}
section#wrapper-contacto h2 {font: normal 50px 'oswaldbold'; color: #b9aa89; text-align: left;}
section#wrapper-contacto h3 {font: normal 22px georgia; color: #000; text-align: left; margin-bottom: 36px}
section#wrapper-contacto h3 a {color: #000}
section#wrapper-contacto h3 a:hover {text-decoration: underline;}
section#wrapper-contacto p.texto {font: normal 16px georgia; color: #000; text-align: justify; margin-bottom: 16px}
#formulario {padding: 33px; background: #e5e5e5; margin-top: 60px}
#formulario h2 {font: normal 22px/24px georgia !important; color: #01a0c7 !important; margin-bottom: 16px !important; border: none !important; text-align: left !important; padding: 0 !important}
#formulario ul {overflow: hidden;}
#formulario ul li {float: left; margin-bottom: 11px}
#formulario ul li label {width: 105px; display: inline-block; font: normal 14px 'oswaldregular', arial; color: #000;}
#formulario ul li input[type=text],
#formulario ul li input[type=email],
#formulario ul li input[type=tel],
#formulario ul li input[type=number],
#formulario ul li select,
#formulario ul li textarea {font: normal 12px arial; color: #3b3b3b; width: 217px; border: none; outline: none; height: 33px; padding: 0 10px;background: white; -webkit-border-radius: 2px; border-radius: }
#formulario ul li input#txt_nombre {margin-right: 42px}
#formulario ul li input#txt_email {width: 605px}
#formulario ul li input#txt_telefono {width: 605px}
#formulario ul li textarea {width: 605px; padding:10px; height: 70px; margin-bottom: 10px}
#formulario ul li.legales {width: 528px}
#formulario ul li.legales p {font: normal 13px/1em "Times New Roman", Times, serif; color: #000; margin-bottom: 8px}
#formulario ul li.legales p span {font: normal 35px/1em 'muliregular', arial; color: #020303; float: left; margin-top: -3px; height: 16px}
#formulario ul li.legales div {}
#formulario ul li.legales div label {width: inherit; font: normal 13px/1em "Times New Roman", Times, serif; color: #000; }
#formulario ul li.legales a {font: normal 13px/1em "Times New Roman", Times, serif; color: #000; text-decoration: underline;}
#formulario ul li input[type=submit] {font: normal 14px 'oswaldregular', arial; color: #fff; background: #01a0c7; -webkit-border-radius: 2px; border-radius: 2px; padding: 9px 20px; border: none}
#formulario ul li input[type=submit]:hover {background: #3b3b3b;}
#formulario ul li.botones {float: right;}
section#wrapper-legal {margin-bottom: 120px}
section#wrapper-legal .imagen {width: 1280px; height: 0; margin: 24px auto 50px; border-top: 3px solid #01a0c7}
section#wrapper-legal .contenedor {width: 800px}
section#wrapper-legal h2 {font: normal 24px 'oswaldregular'; color: #01a0c7; text-align: left;}
section#wrapper-legal h2.titulo {font: normal 50px 'oswaldbold'; color: #b9aa89; text-align: left;}
section#wrapper-legal h3 {font: normal 16px georgia; color: #000; text-align: left; margin-bottom: 28px; width: 592px;}
section#wrapper-legal p.datos-contacto {font: normal 22px georgia; color: #000; margin-bottom: 54px}
section#wrapper-legal p.texto {font: normal 16px georgia; color: #000; text-align: justify; margin-bottom: 16px}
section#wrapper-legal p.texto strong {font-weight: bold; font-style: italic;}
section#wrapper-legal p.texto a {font-weight: bold; font-style: italic; color: #01a0c7}
section#wrapper-legal p.texto a:hover {text-decoration: underline;}
section#wrapper-legal ul {margin:0 0 16px 36px;}
section#wrapper-legal ul li {margin:0 0 8px 36px; padding-left: 11px; background: url(../img/dot-lista.png) left 8px no-repeat; font: normal 16px georgia; color: #000; text-align: justify; margin-bottom: 16px}
/*
section#wrapper-404 {padding: 44px 0 230px; position: relative; }
section#wrapper-404 h1 {font: normal 28px 'frijoleregular', arial; color: #cf2719; margin-left: 160px; float: left;}
section#wrapper-404 h1 span {font: normal 239px/230px 'open_sans_condensedbold', arial; color: #cf2719; display: block; margin-left: -115px; position: relative; z-index: 80}
section#wrapper-404 .img-404 {position: absolute; left: 44px; top: 61px; position: 79}
section#wrapper-404 p {margin: 65px 0 0 452px; width:330px; font: normal 18px 'open_sansregular', arial; color: #141415; white-space: pre-wrap;}
section#wrapper-404 p a {color: #ba271a;}
section#wrapper-404 a:hover {text-decoration: underline;}
*/
footer {margin-top: 46px; clear: both; float: none}
footer .partners {width: 1008px; margin-bottom: 60px}
footer .partners img {margin-right: 104px}
footer .partners img:last-child {margin-right: 0}
footer .bottom {background: #cccccc; padding-top: 28px; overflow: hidden;}
footer .bottom .left {float: left;}
footer .bottom .left .copy {font: bold 14px arial; color: #868686; margin-bottom: 12px}
footer .bottom .left .vinculos {font: normal 14px arial; color: #000}
footer .bottom .left .vinculos a {color: #000; margin-right: 12px }
footer .bottom .left .vinculos a:hover {text-decoration: underline;}
footer .bottom .right {float: right; margin-bottom: 30px}
@media screen and ( min-width: 996px) and (max-width: 1231px) {
.contenedor {width: 99% !important; margin-right: auto; margin-left: auto}
header .contenedor {margin: 32px auto 0; width: 97%}
section#wrapper-legal .imagen {width: 100%}
section#wrapper-index .destacados li {width: 24.5%; margin-right: 0}
section#wrapper-index .quienes-somos p {width: 48%; vertical-align: top;}
section#wrapper-servicios ul li .texto h2 {font-size: 40px}
section#wrapper-servicios ul li .texto h3 {width: 340px; bottom: 183px}
section#wrapper-servicios ul li .texto p {width: 340px; bottom: 98px}
section#wrapper-servicios ul li .texto p br {display: none}
section#wrapper-serviciosdetalle .imagen {width: 100%}
section#wrapper-serviciosdetalle .contenedor {width: 800px !important}
section#wrapper-quienessomos .imagen {width: 100%}
section#wrapper-quienessomos .contenedor {width: 800px !important}
section#wrapper-contacto iframe {width: 100%; margin-left: 0}
section#wrapper-contacto h2 {width: 800px; margin-right: auto; margin-left: auto}
section#wrapper-contacto h3 {width: 800px; margin-right: auto; margin-left: auto}
section#wrapper-contacto p.texto {width: 800px; margin-right: auto; margin-left: auto}
#formulario {width: 800px; margin-right: auto; margin-left: auto}
section#wrapper-legal .contenedor {width: 800px !important;}
footer .partners {width: 100%;}
footer .partners img {margin-right: 93px}
}
@media screen and ( max-width: 995px) and (min-width: 800px){
.contenedor {width: 96% !important; margin-right: auto; margin-left: auto}
header .contenedor {margin: 32px auto 0; width: 97%}
section#wrapper-legal .imagen {width: 100%}
section#wrapper-index .swiper-container {height: 520px}
section#wrapper-index .swiper-container .swiper-slide .texto h2 {font-size: 40px}
section#wrapper-index .swiper-container .swiper-slide .texto p.mas {font-size: 16px}
section#wrapper-index .swiper-container .swiper-slide .imagen {height: 400px}
section#wrapper-index .swiper-container .mano-home {width: 300px}
section#wrapper-index .destacados {margin-top: 461px}
section#wrapper-index .destacados li {margin-right: 0; margin-left: 0; width: 330px; margin-bottom: 20px}
section#wrapper-index .quienes-somos p {width: 47%; vertical-align: top;}
section#wrapper-index .quienes-somos p:first-child {margin-right: 39px}
section#wrapper-servicios ul li .imagen {width: 50%}
section#wrapper-servicios ul li .texto h2 {font-size: 40px}
section#wrapper-servicios ul li .texto h3 {width: 340px; bottom: 183px}
section#wrapper-servicios ul li .texto p {width: 340px; bottom: 98px}
section#wrapper-servicios ul li .texto p br {display: none}
section#wrapper-serviciosdetalle .imagen {width: 100%}
section#wrapper-serviciosdetalle .contenedor {width: 80% !important;}
section#wrapper-serviciosdetalle ul {width: 210px;}
section#wrapper-serviciosdetalle img.img_derecha {float: right; width: 350px}
section#wrapper-serviciosdetalle img.domotica_img_derecha {width: 207px}
section#wrapper-serviciosdetalle .contenedor a.volver {top: -20px}
section#wrapper-serviciosdetalle p.centro img.en-linea {margin: 15px 18px}
section#wrapper-quienessomos .imagen {width: 100%; height: 350px}
section#wrapper-quienessomos .contenedor {width: 80% !important}
section#wrapper-contacto .contenedor {width: 100%;}
section#wrapper-contacto iframe {width: 100%; margin-left: 0}
section#wrapper-contacto h2 {width: 80%; margin-right: auto; margin-left: auto}
section#wrapper-contacto h3 {width: 80%; margin-right: auto; margin-left: auto}
section#wrapper-contacto p.texto {width: 80%; margin-right: auto; margin-left: auto}
#formulario {width: 687px; margin-right: auto; margin-left: auto}
#formulario ul li input[type=text], #formulario ul li input[type=email], #formulario ul li input[type=tel], #formulario ul li input[type=number], #formulario ul li select, #formulario ul li textarea {width: 203px}
#formulario ul li input#txt_nombre {margin-right: 22px}
#formulario ul li input#txt_email {width: 556px}
#formulario ul li textarea {width: 556px}
section#wrapper-legal .contenedor {width: 80% !important;}
footer .partners {width: 100%;}
footer .partners img {margin-right: 20px}
}
@media screen and ( max-width: 799px) and (min-width: 640px){
.contenedor {width: 96% !important; margin-right: auto; margin-left: auto}
header .contenedor {margin: 10px auto 0; width: 97%}
header .left {float: none;}
header .left h1 {margin-right: auto; margin-left: auto}
header .right {float: none;}
header .right .contacto {margin-top: 0}
header .right .contacto a.energia {position: absolute; top: 40px; left: 10px}
header .right .contacto a.telefono {position: absolute; top: 10px; left: 10px}
header .right .contacto a.facebook {position: absolute; top: 10px; right: 10px}
header .right .contacto a.twitter {position: absolute; top: 10px; right: 30px}
header .right .menu {text-align: center; padding-bottom: 10px}
section#wrapper-index .swiper-container {height: 520px}
section#wrapper-index .swiper-container .swiper-slide .texto {margin-left: 0;width: 100%;left: 0px; bottom: 10px}
section#wrapper-index .swiper-container .swiper-slide .texto h2 {font-size: 40px; text-align: center;}
section#wrapper-index .swiper-container .swiper-slide .texto p.mas {font-size: 16px; text-align: center;}
section#wrapper-index .swiper-container .swiper-slide .imagen {height: 400px}
section#wrapper-index .swiper-container .mano-home {display: none}
section#wrapper-index .swiper-container a.arrow {bottom: 29px}
section#wrapper-index .destacados {margin-top: 400px; margin-bottom: 30px}
section#wrapper-index .destacados li {margin-right: 0; margin-left: 0; width: 250px; margin-bottom: 20px}
section#wrapper-index .quienes-somos p {width: 47%; vertical-align: top;}
section#wrapper-index .quienes-somos p:first-child {margin-right: 30px}
section#wrapper-servicios ul li .imagen {width: 45%}
section#wrapper-servicios ul li .texto h2 {font-size: 40px}
section#wrapper-servicios ul li .texto h3 {width: 287px;bottom: 206px;}
section#wrapper-servicios ul li .texto p {width: 287px; bottom: 98px}
section#wrapper-servicios ul li .texto p br {display: none}
section#wrapper-serviciosdetalle .imagen {width: 100%}
section#wrapper-serviciosdetalle .contenedor {width: 80% !important;}
section#wrapper-serviciosdetalle .contenedor h3 br {display: none}
section#wrapper-serviciosdetalle .contenedor a.volver {top: -20px}
section#wrapper-serviciosdetalle img.img_derecha {float: left; width: 350px; margin: 20px 0}
section#wrapper-quienessomos .imagen {width: 100%; height: 300px}
section#wrapper-quienessomos .contenedor {width: 80% !important}
section#wrapper-quienessomos h2 {font-size: 40px}
section#wrapper-quienessomos h3 {font-size: 18px}
section#wrapper-legal .imagen {width: 100%}
section#wrapper-legal .contenedor {width: 80% !important;}
section#wrapper-legal h3 {width: 100%}
section#wrapper-contacto .contenedor {width: 100%;}
section#wrapper-contacto iframe {width: 100%; margin-left: 0}
section#wrapper-contacto h2 {width: 80%; margin-right: auto; margin-left: auto}
section#wrapper-contacto h3 {width: 80%; margin-right: auto; margin-left: auto}
section#wrapper-contacto p.texto {width: 80%; margin-right: auto; margin-left: auto}
#formulario {width: 533px; margin-right: auto; margin-left: auto}
#formulario ul li input[type=text], #formulario ul li input[type=email], #formulario ul li input[type=tel], #formulario ul li input[type=number], #formulario ul li select, #formulario ul li textarea {width: 404px}
#formulario ul li input#txt_nombre {margin-right: 0}
#formulario ul li input#txt_email {width: 404px}
#formulario ul li textarea {width: 404px}
#formulario ul li.legales {width: 50%}
footer .partners {width: 100%;}
footer .partners img {margin-right: 5px; height: 57px}
footer .bottom .right {margin-top: -27px}
}
@media screen and ( max-width: 639px) and (min-width: 374px){
.contenedor {width: 98% !important; margin-right: auto; margin-left: auto}
#a_menu {display: block; background: #01a0c7; height: 30px; position: fixed; top: 15px; right: 0; z-index: 999; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
#a_menu:hover {}
#a_menu.visible {right: 200px}
#a_menu img {width: 30px}
header .contenedor {margin: 10px auto 0; width: 97%; background: transparent; overflow: visible;}
header .left {float: none;}
header .left h1 {margin-right: auto; margin-left: auto; margin-top: 0; position: relative; top: 39px}
header .right {float: none;}
header .right .contacto {margin-top: 0}
header .right .contacto a.energia {display: none}
header .right .contacto a.telefono {position: absolute; top: 10px; left: 10px}
header .right .contacto a.facebook {position: absolute; top: 10px; right: 40px; width: 23px; height: 23px; background-size: cover}
header .right .contacto a.twitter {position: absolute; top: 10px; right: 70px; width: 23px; height: 23px; background-size: cover}
header .right .menu {position: fixed; top: 0; right: -200px; width: 200px; background: url(../img/sombra-menu.png) left repeat-y #01a0c7; margin-left: 0 !important; padding-top: 40px; margin-top: 0; height: 100%}
header .right .menu.visible {right: 0px; z-index: 98}
header .right .menu li {float: none; display: block; margin: 10px 18px; vertical-align: top; text-align: center}
header .right .menu li a {text-align: center; color: #fff}
header .right .menu li a:hover {color: #000}
header .right .menu li a.on {border-color: #000 }
section#wrapper-index .swiper-container {height: 520px}
section#wrapper-index .swiper-container .swiper-slide .texto {margin-left: 0;width: 100%;left: 0px; bottom: 10px}
section#wrapper-index .swiper-container .swiper-slide .texto h2 {font-size: 32px; text-align: center; width: 300px; margin-right: auto; margin-left: auto}
section#wrapper-index .swiper-container .swiper-slide .texto p.mas {display: none}
section#wrapper-index .swiper-container .swiper-slide .imagen {height: 400px}
section#wrapper-index .swiper-container .mano-home {display: none}
section#wrapper-index .swiper-container a.arrow {bottom: 29px}
section#wrapper-index .destacados {margin-top: 440px; margin-bottom: 30px}
section#wrapper-index .destacados li {margin-right: 0; margin-left: 0; width: 250px; margin-bottom: 20px}
section#wrapper-index .quienes-somos p {width: 100%; vertical-align: top;}
section#wrapper-index .quienes-somos p:first-child {margin-bottom: 20px; margin-right: 0}
section#wrapper-servicios ul li .texto {width: 100%; background-color: rgba(0,0,0,.4); height: 280px; position: absolute;}
section#wrapper-servicios ul li:hover .texto {background:rgba(0,0,0,.6)}
section#wrapper-servicios ul li .texto h2 {font-size: 40px}
section#wrapper-servicios ul li .texto h3 {width: 315px;bottom: 206px;}
section#wrapper-servicios ul li .texto p {width: 315px; bottom: 98px}
section#wrapper-servicios ul li .texto p br {display: none}
section#wrapper-serviciosdetalle .imagen {width: 100%}
section#wrapper-serviciosdetalle .contenedor {width: 80% !important;}
section#wrapper-serviciosdetalle._404 .contenedor {margin-top: 80px}
section#wrapper-serviciosdetalle .contenedor h3 br {display: none}
section#wrapper-serviciosdetalle .contenedor a.volver {top: -20px}
section#wrapper-serviciosdetalle .contenedor img {display: none}
section#wrapper-serviciosdetalle .contenedor p.texto {margin-left: 0!important; width: 100% !important}
section#wrapper-serviciosdetalle .contenedor ul {width: 100%}
section#wrapper-serviciosdetalle .contenedor ul li {width: 60%}
section#wrapper-serviciosdetalle .detalle_domotica {width: 90%; margin-right: auto; margin-left: 0}
section#wrapper-quienessomos .imagen {width: 100%; height: 300px}
section#wrapper-quienessomos .contenedor {width: 80% !important}
section#wrapper-quienessomos h2 {font-size: 35px}
section#wrapper-quienessomos h3 {font-size: 18px}
section#wrapper-contacto .contenedor {width: 100%;}
section#wrapper-contacto iframe {display: none}
section#wrapper-contacto h2 {width: 80%; margin-right: auto; margin-left: auto; font-size: 30px; margin-top: 40px; text-align: center;}
section#wrapper-contacto h3 {width: 80%; margin-right: auto; margin-left: auto; font-size: 18px; text-align: center;}
section#wrapper-contacto p.texto {width: 80%; margin-right: auto; margin-left: auto; text-align: center;}
#formulario {width: 80%; margin-right: auto; margin-left: auto}
#formulario h2 {margin-top: 0 !important}
#formulario ul li input[type=text], #formulario ul li input[type=email], #formulario ul li input[type=tel], #formulario ul li input[type=number], #formulario ul li select, #formulario ul li textarea {width: 404px}
#formulario ul li input#txt_nombre {margin-right: 0}
#formulario ul li input#txt_email {width: 404px}
#formulario ul li textarea {width: 404px}
#formulario ul li.legales {width: 70%}
#formulario ul li.legales input[type=checkbox] {vertical-align: top;}
#formulario ul li.legales div label {width: 180px}
section#wrapper-legal .imagen {width: 100%}
section#wrapper-legal .contenedor {width: 80% !important;}
section#wrapper-legal h2.titulo {font-size: 35px}
section#wrapper-legal h3 {width: 100%}
section#wrapper-legal p.datos-contacto {font-size: 16px}
footer .partners {display: none}
footer .bottom .left {float: none; margin-bottom: 20px; width: 300px; margin-left: auto; margin-right: auto}
footer .bottom .left p {text-align: center;}
footer .bottom .right {float: none}
}
/*
@media screen and ( max-width: 615px) {
header img.a-domicilio {display: none}
}
*/
@media screen and ( max-width: 373px) {
.contenedor {width: 98% !important; margin-right: auto; margin-left: auto}
#a_menu {display: block; background: #01a0c7; height: 30px; position: fixed; top: 15px; right: 0; z-index: 999; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
#a_menu:hover {}
#a_menu.visible {right: 200px}
#a_menu img {width: 30px}
header .contenedor {margin: 10px auto 0; width: 97%; background: transparent; overflow: visible;}
header .left {float: none;}
header .left h1 {margin-right: auto; margin-left: auto; margin-top: 0; position: relative; top: 39px}
header .right {float: none;}
header .right .contacto {margin-top: 0}
header .right .contacto a.energia {display: none}
header .right .contacto a.telefono {position: absolute; top: 10px; left: 10px}
header .right .contacto a.facebook {position: absolute; top: 10px; right: 40px; width: 23px; height: 23px; background-size: cover}
header .right .contacto a.twitter {position: absolute; top: 10px; right: 70px; width: 23px; height: 23px; background-size: cover}
header .right .menu {position: fixed; top: 0; right: -200px; width: 200px; background: url(../img/sombra-menu.png) left repeat-y #01a0c7; margin-left: 0 !important; padding-top: 40px; margin-top: 0; height: 100%}
header .right .menu.visible {right: 0px; z-index: 98}
header .right .menu li {float: none; display: block; margin: 10px 18px; vertical-align: top; text-align: center}
header .right .menu li a {text-align: center; color: #fff}
header .right .menu li a:hover {color: #000}
header .right .menu li a.on {border-color: #000 }
section#wrapper-index .swiper-container {height: 520px}
section#wrapper-index .swiper-container .swiper-slide .texto {margin-left: 0;width: 100%;left: 0px; bottom: 10px}
section#wrapper-index .swiper-container .swiper-slide .texto h2 {font-size: 32px; text-align: center; width: 300px; margin-right: auto; margin-left: auto}
section#wrapper-index .swiper-container .swiper-slide .texto p.mas {display: none}
section#wrapper-index .swiper-container .swiper-slide .imagen {height: 400px}
section#wrapper-index .swiper-container .mano-home {display: none}
section#wrapper-index .swiper-container a.arrow {bottom: 29px}
section#wrapper-index .destacados {margin-top: 440px; margin-bottom: 30px}
section#wrapper-index .destacados li {margin-right: 0; margin-left: 0; width: 250px; margin-bottom: 20px}
section#wrapper-index .quienes-somos p {width: 100%; vertical-align: top;}
section#wrapper-index .quienes-somos p:first-child {margin-bottom: 20px; margin-right: 0}
section#wrapper-servicios ul li .texto {width: 100%; background-color: rgba(0,0,0,.4); height: 280px; position: absolute;}
section#wrapper-servicios ul li:hover .texto {background:rgba(0,0,0,.6)}
section#wrapper-servicios ul li .texto h2 {font-size: 30px}
section#wrapper-servicios ul li .texto h3 {width: 253px;bottom: 206px;}
section#wrapper-servicios ul li .texto p {width: 253px; bottom: 98px}
section#wrapper-servicios ul li .texto p br {display: none}
section#wrapper-serviciosdetalle h2 {font-size: 35px}
section#wrapper-serviciosdetalle h3 {font-size: 18px}
section#wrapper-serviciosdetalle .imagen {width: 100%}
section#wrapper-serviciosdetalle .contenedor {width: 80% !important;}
section#wrapper-serviciosdetalle._404 .contenedor {margin-top: 80px}
section#wrapper-serviciosdetalle .contenedor h3 br {display: none}
section#wrapper-serviciosdetalle .contenedor a.volver {top: -20px}
section#wrapper-serviciosdetalle .contenedor img {display: none}
section#wrapper-serviciosdetalle .contenedor p.texto {margin-left: 0!important; width: 100% !important}
section#wrapper-serviciosdetalle .contenedor ul {width: 100%}
section#wrapper-serviciosdetalle .contenedor ul li {width: 60%}
section#wrapper-serviciosdetalle .detalle_domotica {width: 100%; float: none}
section#wrapper-quienessomos .imagen {width: 100%; height: 300px}
section#wrapper-quienessomos .contenedor {width: 80% !important}
section#wrapper-quienessomos h2 {font-size: 25px}
section#wrapper-quienessomos h3 {font-size: 16px}
section#wrapper-quienessomos p.texto {font-size: 14px}
section#wrapper-contacto .contenedor {width: 100%;}
section#wrapper-contacto iframe {display: none}
section#wrapper-contacto h2 {width: 80%; margin-right: auto; margin-left: auto; font-size: 30px; margin-top: 40px; text-align: center;}
section#wrapper-contacto h3 {width: 80%; margin-right: auto; margin-left: auto; font-size: 18px; text-align: center;}
section#wrapper-contacto p.texto {width: 80%; margin-right: auto; margin-left: auto; text-align: center;}
#formulario {width: 80%; margin-right: auto; margin-left: auto}
#formulario h2 {margin-top: 0 !important}
#formulario ul li input[type=text], #formulario ul li input[type=email], #formulario ul li input[type=tel], #formulario ul li input[type=number], #formulario ul li select, #formulario ul li textarea {width: 404px}
#formulario ul li input#txt_nombre {margin-right: 0}
#formulario ul li input#txt_email {width: 404px}
#formulario ul li textarea {width: 404px}
#formulario ul li.legales {width: 70%}
#formulario ul li.legales input[type=checkbox] {vertical-align: top;}
#formulario ul li.legales div label {width: 157px}
section#wrapper-legal .imagen {width: 100%}
section#wrapper-legal .contenedor {width: 80% !important;}
section#wrapper-legal h2.titulo {font-size: 35px}
section#wrapper-legal h3 {width: 100%}
section#wrapper-legal p.datos-contacto {font-size: 16px}
footer .partners {display: none}
footer .bottom .left {float: none; margin-bottom: 20px; width: 300px; margin-left: auto; margin-right: auto}
footer .bottom .left p {text-align: center;}
footer .bottom .right {float: none}
/*
.contenedor{width:95%; margin-right: auto; margin-left: auto;}
#a_menu {display: block; background: #b42216; height: 40px; position: fixed; top: 105px; right: 0; z-index: 99; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
#a_menu:hover {}
#a_menu.visible {right: 200px}
header {margin-top: 0; background: url(../img/bg-cabecera.png) center top no-repeat #b42216; height: 100px; position: relative; z-index: 80 }
header article.left {top: 2px;}
header article.left img {width: 116px}
header article.direcciones {margin-left: 140px;}
header article.direcciones p {font-size: 16px; display: block}
header article.direcciones p span {display: block}
header ul.menu {position: fixed; top: 0; right: -200px; width: 200px; background: #b42216; margin-left: 0 !important; padding-top: 40px; margin-top: 0; height: 100%}
header ul.menu.visible {right: 0px; z-index: 98}
header ul.menu li {float: none; display: block; margin: 10px 18px; vertical-align: top; text-align: center}
header ul.menu li a {text-align: center;}
header img.a-domicilio {display: none}
section#wrapper-index {padding-top: 339px}
section#wrapper-index .slider {height: 440px}
section#wrapper-index .slider ul#slideshow{height: 440px !important;}
section#wrapper-index .slider ul#slideshow > li {height: 440px !important;}
section#wrapper-index .slider ul#slideshow > li .contenedor {height: 440px;}
section#wrapper-index .slider ul#slideshow > li p.nombre {left: 10px; font-size: 44px; bottom: 60px}
section#wrapper-index .slider ul#slideshow > li p.precio {font-size: 36px; line-height: 36px; bottom: 20px; left: 10px}
section#wrapper-index .slider ul#slideshow > li p.precio span {font-size: 12px; vertical-align: top; top: 2px; position: relative; margin-right: 3px}
section#wrapper-index .slider img.sombra {width: 1000px;}
section#wrapper-index .destacados li {display: block; margin: 0 auto 17px !important; width: 285px}
section#wrapper-index .destacados li a {width: 285px}
section#wrapper-index .destacados li h1 {font-size: 32px}
section#wrapper-index .destacados li h1 span {font-size: 54px;}
section#wrapper-index .destacados li p {font-size: 14px;}
section#wrapper-quienessomos .content {z-index: 79;}
section#wrapper-quienessomos .content .contenedor {width: 80% !important}
section#wrapper-quienessomos .content .contenedor .wrapper-ckeditor {width: 100%; text-align: center;}
section#wrapper-quienessomos .content .contenedor .wrapper-ckeditor img {max-width: 100% !important; clear: both !important; float: none !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: 20px !important; height: auto !important}
section#wrapper-carta h1 {font-size: 20px;}
section#wrapper-carta .columnas {text-align: center;}
section#wrapper-carta .columnas > li {width: 285px; margin-right: 0}
section#wrapper-carta .columnas > li img {width: 285px; height: auto}
section#wrapper-plato .content {z-index: 79;}
section#wrapper-plato .content .intro {width: 90%; font-size: 16px}
section#wrapper-plato .content ul.lista {width: 90%; }
section#wrapper-menu h1 {font-size: 20px}
section#wrapper-menu .columnas {text-align: center;}
section#wrapper-menu .columnas > li {width: 95%; margin-bottom: 20px}
section#wrapper-menu .columnas > li:first-child {margin-right: 0}
section#wrapper-menu .columnas > li p.cabecera {width: 100%; height: 180px;}
section#wrapper-menu .columnas > li ul.corte li.titulo {font-size: 16px; text-align: center;}
section#wrapper-locales {padding: 44px 0 50px; }
section#wrapper-locales h1 {font-size: 20px}
section#wrapper-locales .wrapper-iframe {background: #e4e4e4; -webkit-border-radius: 9px; border-radius: 9px; padding: 20px; margin: 0 auto}
section#wrapper-locales iframe {width: 100%}
section#wrapper-locales .datos-local {width: 200px; margin: -15px auto 49px}
section#wrapper-locales .datos-local .nombre {width: 200px; height: 38px; padding-top: 18px; font-size: 16px; line-height: 16px}
section#wrapper-locales .datos-local .direccion {font-size: 14px}
section#wrapper-legal {padding: 44px 0 50px; }
section#wrapper-legal h1 {font-size: 22px}
section#wrapper-legal .contenedor {width: 95%;}
section#wrapper-legal .contenedor p {font: normal 16px/21px 'open_sansregular', arial;margin-bottom: 20px}
section#wrapper-legal .contenedor h2 {font: normal 16px/16px 'open_sansregular', arial;}
section#wrapper-404 {padding: 44px 0 130px; position: relative; }
section#wrapper-404 h1 {font: normal 24px 'frijoleregular', arial; color: #cf2719; margin-left: 160px; float: none;}
section#wrapper-404 h1 span {font: normal 139px/230px 'open_sans_condensedbold', arial; color: #cf2719; display: block; margin-left: -115px; position: relative; z-index: 79}
section#wrapper-404 .img-404 {position: absolute; left: 44px; top: 61px; width: 200px; }
section#wrapper-404 p {margin: 65px auto 0; width:330px; font: normal 18px 'open_sansregular', arial; color: #141415; white-space: pre-wrap;}
section#wrapper-contacto {padding-top: 44px; width: 95%}
section#wrapper-contacto h1 {font: normal 22px 'frijoleregular', arial;}
section#wrapper-contacto p.intro {font: normal 14px 'open_sansregular', arial; text-align: center;}
section#wrapper-contacto #frm_registro {padding: 8px;}
section#wrapper-contacto .campos li {margin-bottom: 20px; padding: 0 10px}
section#wrapper-contacto .campos li input[type=text],
section#wrapper-contacto .campos li input[type=email],
section#wrapper-contacto .campos li input[type=tel],
section#wrapper-contacto .campos li input[type=number],
section#wrapper-contacto .campos li select,
section#wrapper-contacto .campos li textarea {font: normal 14px 'open_sansregular', arial; color: #636466; width: 90%; border: none; outline: none; height: 36px; padding: 0 10px;background: white; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #999 }
section#wrapper-contacto .campos li input#txt_nombre {}
section#wrapper-contacto .campos li input#txt_email {}
section#wrapper-contacto .campos li input#txt_telefono {}
section#wrapper-contacto .campos li textarea {width: 90%; padding:10px; height: 70px; margin-bottom: 10px}
section#wrapper-contacto .campos li.legales {border-top: 1px solid #e4e4e4; padding-top: 16px}
section#wrapper-contacto .campos li.legales p {font: normal 14px 'open_sansregular', arial; color: #636466; margin-bottom: 8px}
section#wrapper-contacto .campos li.legales p span {color: #ba271a;}
section#wrapper-contacto .campos li.legales div {}
section#wrapper-contacto .campos li.legales div input {vertical-align: top; position: relative; top: 5px; margin-right: 10px}
section#wrapper-contacto .campos li.legales div label {width: 88%}
footer div.mapas {display: none}
footer article.logo {display: none}
footer article.menu-pie {margin-left: 15px}
footer article.menu-pie p.vinculos {padding-top: 0px; text-align: center;}
footer article.menu-pie p.vinculos a {font-size: 16px; margin-right: 18px}
footer article.menu-pie p.vinculos.legal a {margin-bottom: 10px; display: inline-block;}
*/
}
/* COOKIES */
#aceptacioncookies {display:none;position:fixed;left:0px;right:0px;bottom:0px;padding:20px 0 28px;width:100%;text-align:center;z-index:99999;background-color: rgba(2, 3, 3, 0.8)}
#aceptacioncookies .contenedor {position: relative;}
#aceptacioncookies p {text-align: left; font: normal 13px/15px arial; color:#fff; margin-right: 125px; /*max-width: 795px;*/ }
#aceptacioncookies p.titulo {font: normal 15px/30px 'oswaldbold', arial; color: #01a0c7}
#aceptacioncookies a { color:#b9aa89;}
#aceptacioncookies a:hover {text-decoration: underline;}
#aceptacioncookies a.ponercookie {
position: absolute; right: 42px; top: 24px;
display: block; font: normal 14px 'oswaldregular', arial; color: #fff; padding: 9px 9px; text-align: center;
background-color: #01a0c7; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#aceptacioncookies a.ponercookie:hover {background-color: #b9aa89; color: #3b3b3b;}
/* GENERAL */
.hidden {display:none}
.toggle-nav {-webkit-transition: all .25s cubic-bezier(.7, 0, .175, 1) 0;-moz-transition: all .25s cubic-bezier(.7, 0, .175, 1) 0;-o-transition: all .25s cubic-bezier(.7, 0, .175, 1) 0;-ms-transition: all .25s cubic-bezier(.7, 0, .175, 1) 0;transition: all .25s cubic-bezier(.7, 0, .175, 1) 0;}
.hover-nav {-webkit-transition: all .15s cubic-bezier(.7, 0, .175, 1) 0;-moz-transition: all .15s cubic-bezier(.7, 0, .175, 1) 0;-o-transition: all .15s cubic-bezier(.7, 0, .175, 1) 0;-ms-transition: all .15s cubic-bezier(.7, 0, .175, 1) 0;transition: all .15s cubic-bezier(.7, 0, .175, 1) 0;}