body,html{ 
padding:0; 
margin:0; 
font:normal 11px "Open Sans", arial, sans-serif; 
font-weight:600!important;
-webkit-text-stroke-width:.05px; 
-webkit-text-stroke-color:grey; 
-webkit-font-smoothing:antialiased; 
overflow-x:hidden;
}




.top{height:45px; top:0; background-color:#353b47; color:white; font:500 11px "Open Sans", arial, sans-serif;  }
.top a{color:white;}
.top .content-top{height:45px; width:950px; top:0; margin:0 auto;}
.top .content-top .contact{height:45px; top:0; float:left;}
.top .content-top .contact img{float:left; margin-top:16px;}
.top .content-top .contact p{margin:16px 7px 0 5px; float:left;}
.top .content-top .social{height:45px; top:0; float:right;}
.top .content-top .social img{float:left; margin-top:20px;}
.top .content-top .social p{float:left; margin:16px 0 0 7px; text-align:left;}

#navwrap{ height:120px; border-bottom:3px solid #249f8d; margin:auto;}

#navwrap #navcontainer{ width:950px; height:100px; margin:auto;}
#navwrap #navcontainer #logo{float:left; margin:auto;}
#navwrap #navcontainer #logo img{margin-top:18px;}
#navwrap #navcontainer #idioma{margin:60px 0 0 10px; float:left; }
#navwrap #navcontainer #idioma a{margin:-1px 0 0 5px; float:left;}
#navwrap #navcontainer #idioma img{margin:-2px 0 0 7px; float:right;}

#navwrap #navcontainer #right {float:right; margin:auto; margin-top:50px}



#nav #top-nav{width:950px; margin:auto;overflow:hidden; z-index:10;}
#nav #top-nav #left{float:left; width:90px;}
#nav #top-nav #left img{margin-top:18px;}
#nav #top-nav #right{float:right; overflow:hidden;  margin-top:50px;}
#nav #top-nav #right img{margin:23px 0 0 5px; float:right;}




/* MENU */

ul#nav {   position:relative;  margin:0; padding:0;   border-bottom:none; margin-right:-7px; z-index:99; }


ul#nav li a, ul#nav li {float:left; text-align:center; }
ul#nav li {list-style:none; position:relative;  margin:0px 11px;}
ul#nav li a {height:25px; padding:7px 16px; text-decoration:none; color:black; background:white; border-top:3px solid white;}
ul#nav li a:hover { border-top:3px solid #249f8d; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out;opacity:1;}



a.menu{ background:#249f8d!important; color:white!important; padding-top:15px!important;}
a.menu:hover{ background:#353b47!important; margin:0px 0px!important!}
a.nohover{ border-top:0px!important; }


ul#nav li a.menu2{ background:#178d7b!important; color:white!important; padding-top:15px!important;}
ul#nav li a.menu2:hover{ background:#353b47!important; margin:0px 0px!important!}
ul#nav li ul {display:none; position:absolute; left:0; top:100%;  padding:0; margin:0; margin-left:-40px;}
ul#nav li:hover > ul {display:block;}
ul#nav li ul li, ul#nav li ul li a {float:none;}
ul#nav li ul li a {width:150px; display:block; margin:0px !important}
ul#nav li ul li ul {display:none;}
ul#nav li ul li:hover ul {left:100%; top:0;}


.nomargin{margin:0px!important; border-left:1px solid #94ead5!important; border-bottom:1px solid #94ead5!important; border-right:1px solid #94ead5!important;}
.nomargin-right{margin-right:0px!important;}
li.selected a{border-top:3px solid #249f8d!important; margin-top:0px!important;}
li.selected a:hover{border-top:3px solid #249f8d!important; }

li.selecteditem a{border-top:3px!important; margin-top:0px!important;}
li.selecteditem a:hover{border-top:3px!important; }

.nomargin{margin:0px!important; border-left:1px solid #94ead5!important; border-bottom:1px solid #94ead5!important; border-right:1px solid #94ead5!important;}
.nomargin-right{margin-right:0px!important;}
li.margin-left {margin-left:40px!important;}


ul#demo1{height:548px; width:auto; margin:auto; position:relative;}

.skdslider ul.slides{ margin:0 auto; padding:0; list-style-type:none;}
.skdslider ul.slides li {margin:0 auto; display: none;}
.skdslider ul.slides li > img{  position:absolute;     left:50%;     top:50%;     margin-left:-960px;    margin-top:-274px;  }

.skdslider ul.slide-navs {left: 50%; position: absolute; list-style-type: none; margin: 0; padding: 0; margin-top:-35px;}


.skdslider ul.slide-navs li {float: left; background: url("../image/slide-bg.png") no-repeat scroll 0 0 transparent; height:12px; width:12px; margin-right:4px; cursor:pointer;}
.skdslider ul.slide-navs li.current-slide {background: url("../image/slide-bg-active.png") no-repeat scroll 0 0 transparent;}

.description{width:990px; height:300px; margin:0px auto; position:relative;  -webkit-text-shadow: 1px 1px 1px #000;
    -moz-text-shadow: 1px 1px 1px #000;
    text-shadow: 1px 1px 1px #000;}
.skdslider .slide-desc {text-align:right; float:right; width:420px; height:135px; margin-top: 140px; padding: 0 15px 0 15px; color:white;}
.skdslider .slide-desc > h2 {width:420px; font-family: 'Raleway'; font-size: 35px; font-weight:500; margin-top: 10px; text-transform: uppercase; padding:15px 0; border-top: 3px solid white; border-bottom:1px solid white; margin-top:20px;}
.skdslider .slide-desc > p {line-height:20px; font-size: 14px; font-weight:600; margin-top: 15px; width:420px;}

.skdslider .slide-desc2 {text-align:left; float:left; width:420px; height:135px; margin-top: 140px; padding: 0 15px 0 15px; color:white;}
.skdslider .slide-desc2 > h2 {width:420px; font-family: 'Raleway'; font-size: 35px; font-weight:500; margin-top: 10px; text-transform: uppercase; padding:15px 0; border-top: 3px solid white; border-bottom:1px solid white; margin-top:20px;}
.skdslider .slide-desc2 > p {line-height:20px; font-size: 14px; font-weight:600; margin-top: 15px; width:420px;}


.skdslider a.prev{background:url("../image/left.png") no-repeat scroll 0 0 transparent; position:absolute!important; width:39px; height:39px; display:block; cursor:pointer; right:70px; margin-top:-60px;}
.skdslider a.next{background:url("../image/right.png") no-repeat scroll 0 0 transparent; position:absolute!important; width:39px; height:39px; display:block; cursor:pointer;  right:25px; margin-top:-60px;}

.skdslider a.play{background:url("../image/play.png") no-repeat scroll center center transparent; width:35px; height:35px; display:none; cursor:pointer; position:absolute; margin-top:-17px;} 
.skdslider a.pause{background:url("../image/pause.png") no-repeat scroll center center transparent; width:35px; height:35px; display:none; cursor:pointer; position:absolute; left:48%; margin-top:-17px;}


.vermas {float:right; width:90px; height:35px; margin-top:10px; text-align:right;}
.vermas img {float:right;  margin-right:5px;}
.vermas p{float:right; }
.vermas a {color:white; display:block; padding:12px 0 0 10px;}

.vermas2 {float:left; width:90px; height:35px; margin-top:10px; text-align:left;}
.vermas2 img {float:left;  margin-right:5px;}
.vermas2 p{float:left; }
.vermas2 a {color:white; display:block; padding:12px 10px 0 0;}

#frase{width:100%; height:180px; overflow:hidden; background: url('../img/back-frase.jpg');}
#frase p{width:950px; margin:auto;  color:white; font-size:25px; font-weight:300; text-align:right; line-height:30px;  margin-top:37px;}


.wrapper{width:950px; overflow:hidden; margin:auto; font-weight:500; color:#c3c3c3; font-size:12px; margin-bottom:20px;}
.wrapper .title{width:950px; background: white url('../img/line.png') no-repeat; margin:auto; margin-top:30px; overflow:hidden; padding-bottom:30px; }
.wrapper .title h2{display:block; width:275px; height:17px; background-color: white; margin:auto; text-align:center; margin-top:-2px;}


.wrapper ul {overflow:hidden; padding-bottom:15px; margin-bottom:20px;}
.wrapper ul li.caption{width:300px; float:left; height:280px; background-color:#f5f7fc; margin-right:25px;}
.wrapper ul li.caption h2{text-align:center; margin-top:12px; color:#333946; font-size:16px; font-weight:500;}
.wrapper ul li.caption p{width:260px; text-align:center; margin:auto; margin-top:20px; font-size:13px; line-height:16px; }
.wrapper ul li.caption .line{display:block; width:70px; height:1px; border-bottom:4px solid #2ea78c; margin:auto; margin-top:10px;}
.wrapper ul li.caption img.vermasbutton{display:block; width:83px; height:31px; margin:auto; margin-top:24px;}


.wrapper ul li.producto{width:300px; float:left; overflow:hidden; background-color:white; margin-right:25px; padding-bottom:15px; border-bottom:1px solid #e6e6e6; margin-bottom:25px;}
.wrapper ul li.producto h2{text-align:center; margin-top:12px; color:black; font-weight:600; font-size:16px;}
.wrapper ul li.producto p{width:260px; text-align:center; margin:auto; color:#989898; font-size:13px; line-height:16px;  }
.wrapper ul li.producto .line{display:block; width:70px; height:1px; border-bottom:4px solid #2ea78c; margin:auto; margin-top:10px;}
.wrapper ul li.producto img.vermasbutton{display:block; width:83px; height:31px; margin:auto; margin-top:24px;}

.wrapper ul.inf {overflow:hidden; padding-bottom:0px; margin-bottom:20px;}
.wrapper ul li.info{width:300px; height:395px; float:left; overflow:hidden; background-color:#e1e2e4; color:#484d58; margin-right:25px; padding-bottom:15px; border-bottom:1px solid #e6e6e6; }
.wrapper ul li.info h2{margin:12px 0 0 12px; color:black; font-weight:600; font-size:13px; float:left;}
.wrapper ul li.info h3{margin:12px 12px 0 0; color:black; font-weight:600; font-size:11px; float:right;}
.wrapper ul li.info img{margin:12px 0 0 12px; color:black; font-weight:600; font-size:12px;}
.wrapper ul li.info p{margin:12px 20px 0 20px; text-align:center; font-size:13px; line-height:18px;  }

.wrapper ul.cert {overflow:hidden; padding-bottom:0px; margin-bottom:0px;}
.wrapper ul li.certificaciones2{width:466px; float:left; overflow:hidden; background-color:white; margin-right:18px; padding-bottom:25px; border-bottom:1px solid #e6e6e6; margin-bottom:25px; }
.wrapper ul li.certificaciones2 p{ width:160px; margin-left: 140px; float:left;  margin-top:10px;}
.wrapper ul li.certificaciones2 img{float:left;}
.wrapper ul li.certificaciones2 .line{display:block; width:70px; height:1px; border-bottom:4px solid #2ea78c; margin:auto; margin-top:10px;}
.wrapper ul li.certificaciones2 img.vermasbutton{display:block; width:83px; height:31px; margin:auto; margin-top:24px;}


.wrapper .line2 {width:950px; height:10px; background: url('../img/line.jpg'); float:left;}

.wrapper .title2 {width:950px; margin:auto; color:#292723;}
.wrapper .title2  h2{min-width:150px; padding:20px 0; background: url('../img/border-title.jpg') no-repeat left bottom; margin-bottom:15px; }
.wrapper .section{width:950px; margin:auto; overflow:hidden; margin-bottom:15px;}
.wrapper .section img{float:left;}
.wrapper .section p{width:635px; float:right; font-size:15px; line-height:25px; margin-bottom:27px; color:#292723}


.wrapper .caracteristicas {overflow:hidden;}
.wrapper .left {width:450px; float:left; margin-top:0px; }

.wrapper .right {width:450px; float:right;}
.wrapper .right p{font-size:15px; line-height:25px; color:#292723; padding-bottom:20px; border-bottom:1px solid #e6e6e6;}
.wrapper .right h3{color:black; font-size:13px; font-weight:600; margin-top:20px;}

.wrapper .right table{ width:450px; background: #1e9786; border:0px!important; border-spacing:0px; margin-top:20px; color:white; }
.wrapper .right table td{ padding:10px 5px; border:0px; border-bottom:1px solid white; padding-left:10px; padding-right:10px;}



#topimg {height:170px; background: url('../img/laempresa.jpg')no-repeat center center; border-bottom:1px solid #e4e4e4;}
#topimg .title{width:950px; height:170px; margin:auto;}
#topimg .title h2{min-width:220px; float:left; font-size:30px; font-weight:800; margin-top:70px;}
#topimg .title a{width:200px; text-align:right; margin-top:80px; float:right;}

#topimgmap {height:170px; background: url('../img/laempresa2.jpg')no-repeat center center;  -moz-box-shadow:    inset 0 8px 20px -10px black ;   -webkit-box-shadow: inset 0 8px 20px -10px black ;    box-shadow:         inset 0 8px 20px -10px black ;}
#topimgmap .titlemap{width:680px; margin:auto; overflow:hidden;}
#topimgmap .titlemap h2{ float:left; text-align:center; font-size:30px; font-weight:300; padding-top:70px; color:white;}
#topimgmap .titlemap img{float:left; padding-top:70px;  margin-top:-10px; margin-right:10px;}
#topimgmap .linemap{width:150px; height:1px; margin:auto; border-top:4px solid #45ebd3; margin-top:15px;}

.productos{background: url('../img/productos.jpg')no-repeat center center!important; }
.productosback{background: url('../img/fondoproductos.jpg')no-repeat center center!important; }
.certificaciones{background: url('../img/certificaciones.jpg')no-repeat center center!important; }


.tituloform{width:950px; height: 100% ; padding-top:35px; margin-bottom: 35px;}
.tituloform P{ text-align:center; color:#333333; font-size:15px; margin: 0 20px 0 20px;}
.separador-sections {width: 950px; height:1px; background:url(../img/dot-grey.png) repeat-x; float:left; margin:0 0 15px 0;}

#message {
width: 370px;
margin: auto;
overflow:hidden;
padding-bottom:20px;
height:auto;

}
#message p{text-align:center; margin-top:10px;}
form {
width: 380px;
display: block;
margin-top: 0em;
margin-bottom:15px;

}

form.form1 {
width: 190px;
display: block;
margin-top: 0em;
margin-bottom:15px;

}

form img {float:left; margin-top:35px; margin-right:10px;}

input {width:340px; padding-left:3%; padding-right:3%; padding-top:12px; padding-bottom:12px; margin-top:20px; background:#fff; color:#808080; font-size:12px; display:block; font: normal 13px "Open Sans", arial, sans-serif; float:left;}
input:focus {color:#808080;}

select {float:left; width:300px; padding-left:3%; padding-right:3%; padding-top:12px; padding-bottom:12px; margin-top:20px; color:#808080;  }
select.garantia {width:220px;}
select.pregunta1 {width:363px; margin-top:-10px;}

label.label {float:left; width:45px; padding-right:3%; margin-top:12px; padding-bottom:12px; padding-top:20px; font: normal 13px "Open Sans", arial, sans-serif; color:black; margin-right:10px;}
label.label2 {float:left; min-width:125px; padding-right:3%; margin-top:12px; padding-bottom:12px; padding-top:20px; font: normal 13px "Open Sans", arial, sans-serif; color:black; margin-right:10px;}
label.label3 {float:left; min-width:125px; padding-right:3%; margin-top:-5px; padding-bottom:12px; padding-top:20px; font: normal 13px "Open Sans", arial, sans-serif; color:black; margin-right:10px;}
label.fecha {float:left; width:125px; padding-right:3%; margin-top:12px; padding-bottom:12px; padding-top:20px; font: normal 13px "Open Sans", arial, sans-serif; color:black; margin-right:10px;}
label.fechaservicio {float:left; width:160px; padding-right:3%; margin-top:12px; padding-bottom:12px; padding-top:20px; font: normal 13px "Open Sans", arial, sans-serif; color:black; margin-right:10px;}

label.fechacompra {float:left; width:115px; padding-right:3%; margin-top:12px; padding-bottom:12px; padding-top:20px; font: normal 13px "Open Sans", arial, sans-serif; color:black; margin-right:10px;}

input.usuario {width:170px; }
input.calendario {width:165px; }

input.calendario2 {width:133px;}
input.calendario3 {width:178px;}

input[type=radio] { width:100px; display:inline;  float:left;}  

textarea {width:337px; padding-left:3%; padding-right:3%; padding-top:12px; padding-bottom:12px; background:#fff; margin-top:20px; height:134px; resize:none; color:#808080; font-size:12px; font: normal 13px "Open Sans", arial, sans-serif;}
textarea:focus {color:#808080;}

input.send_message {width:120px; background:#353b47; color:#FFF; cursor:pointer; margin:0; font-size:13px; display:inline; margin-top:20px; margin-left:60px;}
input.send_message:hover {background:#262932;}

input.borrar {width:120px; background:#353b47; color:#FFF; cursor:pointer; margin:0; font-size:13px; display:inline; margin-top:20px; margin-left:5px}
input.borrar:hover {background:#262932;}



fieldset {position:relative; float:left; padding:0; border:0 none; width:100%;}
fieldset h1{font-size:24px; color:#000}


#footer {width:100%; background: #353b47; color:#898f9d;}
#footer a{color:#898f9d;}
#footer  #in{width:950px; height:101px; margin:auto;}
#footer  #in .topfooter{height:50px; border-bottom:1px solid #898f9d; }
#footer  #in .topfooter ul.botones { float:left;}
#footer  #in .topfooter ul.botones  li{ float:left; margin-top:15px; padding:5px 15px; border-right:1px solid #898f9d}
#footer  #in .topfooter ul.social{ float:right;}
#footer  #in .topfooter ul.social  li{ float:right; margin:15px 0 0 5px; }
#footer  #in .topfooter .right{height:50px; border-bottom:1px solid #4b4b4b}
#footer  #in .bottom{height:50px;}
#footer  #in .bottom p.copyright{float:left; margin-top:15px;}
#footer  #in .bottom p.design{float:right; margin-top:15px;}
#footer  #in .bottom p.design a{color:white;}

.black{color:#484d58!important; font-weight:600!important;}
.black2{color:#484d58!important; font-weight:700!important;}
.green{color:#259f8d!important; font-weight:700!important;}
.normargin-right{margin-right:0px!important;}
.nomargin-bottom{margin-bottom:0px!important; }
.padding-left{padding-left:0px!important;}
.white{color:white!important; font-weight:600!important;}
.left-align{font-weight:600!important; text-align:left!important;}
.right-align{float:right!important;}
.border2 h2{background: white url('../img/border-title2.jpg') no-repeat left bottom!important; width:950px!important;}
.medidas{font-size:13px!important; line-height:15px!important;}
.no-border{border-bottom:0px!important;}
.martop{margin-top:170px!important;}
.martop2{margin-top:15px!important;}
.margin-top{margin-top:20px!important;}
.vermasbutton2{margin-top:7px!important;}
.pdf{float:right; margin-top:-10px;}
.recaptcha_r7_c1, .recaptcha_r8_c1{display:none!important;}



#contenedor-accesoprivado {   width: 200px;   height: 150px;   position: absolute;   top: 50%;   left: 50%;  text-align:center;   font-size:13px;   margin-top: -75px;   /* height/2 = 500px / 2 */   margin-left: -100px;  /* width/2 = 500px / 2 */ }

#contenedor-accesoprivado .serviciotecnico{display:block; width:200px; padding-top:15px; height:30px; background-color:#353b47; margin-bottom:5px; color:white;}
#contenedor-accesoprivado .instalaciones{display:block; width:200px; padding-top:15px; height:30px;background-color:#353b47; margin-bottom:5px; color:white;}
#contenedor-accesoprivado .autoinstalacion{display:block; width:200px; padding-top:15px; height:30px;background-color:#353b47; color:white;}

#contenedor-usuario {   width: 190px;   height: 260px;   position: absolute;   top: 50%;   left: 50%;  text-align:center;   font-size:13px;   margin-top: -130px;   /* height/2 = 500px / 2 */   margin-left: -90px;  /* width/2 = 500px / 2 */ }


.zoom {
display:inline-block;
position: relative;
}

/* magnifying glass icon */
.zoom:after {
content:'';
display:block; 
width:33px; 
height:33px; 
position:absolute; 
top:0;
right:0;
background:url(icon.png);
}

.zoom img {
display: block;
}

.zoom img::selection { background-color: transparent; }

#ex2 img:hover { cursor: url(grab.cur), default; }
#ex2 img:active { cursor: url(grabbed.cur), default; }