@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);
@charset "utf-8";
/* CSS Document */
.btn-wsp {
    position: fixed;
    width: 60px;
    height: 60px;
    line-height: 63px;
    right: 25px;
    top: 25px;
    background: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 35px;
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
    z-index: 100;
    transition: all 300ms ease;
}

.btn-wsp:hover {
    background: #20ba5a;
    transform: scale(1.1);
}

.icono-whatsapp {
    width: 35px;
    height: 35px;
    margin: 12.5px;
   /* filter: brightness(0) invert(1);  Para asegurar que el icono sea blanco */
}
body, html{display:block; width:100%; height:100%; margin:0; padding:0; }
img{border:0;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:25px; color:#656565; background-color:#eaeceb;}
h2, h3, h4, h5{
	font-family: 'Lato', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	color:#656565;
}
a{ text-decoration:none;}
h1{padding:0; margin:0;}
h1 span{display:none;}
h1 a, h1 a img{display:block; width:98%;  margin:0 1%;  }
h1 a{padding:10px 0 0 0 ;}
.box_960{display:block; width:100%; max-width:960px; margin:0 auto;}

/*INICIO BOX TOP*/
.box_top{display:block; width:100%;  background:url(../images/bg_slider.jpg) no-repeat; }
.box_top img{display:block; float:left; width:70%; margin:0 15%;}
/*FIN BOX TOP*/

/*INICIO HEADER*/
header{display:block;   }
/*FIN HEADER*/

/*INICIO MENU*/
nav{display:block; height:100px;  margin:0; padding: 0; }
.sf-menu{display:block; width:100%;   list-style:none; margin: 0; padding:0;   }
.sf-menu > li a{display:block; 
	float:left;
	width:16.666%;
	font-size:14px;
	text-align:center; 
	text-transform:uppercase;
	font-weight:700; 
	padding:35px 0 ;
	color:#656565; 
	}
/*.sf-menu li p{ float:left; width:100%}
/*.sf-menu li:nth-child(odd){ line-height:50px;}*/
.sf-menu > li a:hover,.sf-menu li a.current { background-color:rgba(120,190,200,0.3);}



/*.sub ul{display:block;  }*/

.sf-menu li ul{display: none; position:absolute; width:16.66%;  left:16.66%; top:170px; z-index:10000;
 		
}
.sf-menu li:hover > ul{display:block;  list-style:none; margin: 0; padding:0; }
.sf-menu li > ul li{display:block; float:left; width:100%; }
.sf-menu li ul li a{display:block; width:100%; float:left;
	text-align:center; 
	font-weight:700;
	line-height:50px;
	padding:0;  
	color:#656565;background-color:#c9dee1;}
.sf-menu li ul li a:hover{color:#FFF; background-color:rgba(120,190,200,1) }
/*FIN MENU*/

/*INICIO IDIOMA*/
.box_idioma{display:block; width:100%; }
.idioma{display:block; width:100%; height:65px; padding:5px 0;  }
/*.idioma p{display:block; 
	float:right; text-align:center; line-height:50px; margin:5px 0 5px 20px;}*/
.idioma a, .idioma p{display:block; 
	float:right;   
	text-align:center;
	line-height:65px;
	text-transform:uppercase;
	color:#656565;
	}
.idioma p{ padding:0 10px 0 20px; margin:0;}
.idioma a{font-weight:700; }
.idioma a:hover{color:#78bec8; }
/*FIN IDIOMA*/
/*INICIO SLIDER*/
.user_01{display:block;  }
.box-info-slider{display:block; float:left; width:100%; height:550px; }
.info-slider{display:block; width:98%; margin:60px 1%; }
.inner-info h2{display:block; float:left;  font-size:50px; line-height:52px;  font-weight:900; margin:0; }
.inner-info a{display:block; 
	float:left; 
	width:50px; 
	height:50px; 
	-webkit-border-radius: 50px; 
	-moz-border-radius: 50px; 
	-o-border-radius: 50px; 
	border-radius: 50px; 
	margin-left:5%;
	background-color:#78bec8;
	}
.inner-info a:hover{ background-color:#1cb4df;}	
.info-slider p{display:block; width:100%; float:left; line-height:20px;  font-weight:400; margin:0; padding:10px 0; }
.img-01{ background:url(../images/img_00_01.png) no-repeat;}
.img-02{ background:url(../images/img_00_02.png) no-repeat;}
.img-03{ background:url(../images/img_00_03.png) no-repeat;}
.img-04{ background:url(../images/img_00_04.png) no-repeat;}
.img-05{ background:url(../images/img_00_05.png) no-repeat;}
/*FIN SLIDER*/

/*INICIO USER_02*/
.user_02{display:block; height:auto;  margin:0; padding:0;}
.inner_user_02{display:block; float:left; width:100%; list-style:none; padding:0; }
.inner_user_02 li{display:block;  margin-bottom:10px; }
.box_me{display:block; width:100%; background:url(../images/img_00_06.jpg) no-repeat;}
.me{display:block; float:right; width:50%; height:300px; background-color:rgba(2,51,66,0.9); }
.me h3{ color:#1cb4df; line-height:50px;  }
.me p{color:#FFFFFF; text-align:justify; }
.me p,.me h3{display:block; width:94%; margin:10px 3% 0 3%; }
.st, .dw{display:block; width:100%;}
/*.st a img, .dw a img{ width:100%; padding:0; margin:0;}*/
/*FIN USER_02*/

/*INICIO MAIN*/
.main{display:block; padding:20px 0; margin:0;   }
.box_main{border-top:solid 5px #656565; border-bottom:solid 5px #656565; margin-bottom:15px; padding:20px 0; }
.img_tit, .box_main h4{display:block; float:left;}
.box_main h4 {  font-size:50px; line-height:70px; font-weight:900;  padding:10px 0 10px 20px; margin:0;}
.border{display:block; float:left; width:100%; height:4px; background:url(../images/border_001.png);}
.inner_main{display:block; width:100%;  padding:20px 0; margin:0;}
 .open {display:block; float:left; width:50%; margin:0; padding:0;}
.img,h5{display:block; float:left; }
/*.img, img{  padding:0;}*/
/*.img img{display:block; width:auto; float:right;}*/
.open h5, .info h5{ font-size:18px; line-height:25px;}
.txt p{ text-align:justify;}
.info p strong{display:block; width:100%; color:#23a8ce; }
.box_calidad{ padding:20px 0;}
.calidad{ list-style:none; padding:20px 0;}
.calidad li{display:block; float:left; width:40%; margin:0 5%;}
.calidad li img{display:block; width:100%;}
.info_calidad{display:block; float:left; width:50%;}
.info_calidad p{display:block; text-align:justify; margin-top:10px; }
.info_calidad p span{display:block; width:100%; text-align:center; color:#23a8ce; text-transform:uppercase; font-weight:900}
/*FIN MAIN*/

/*INICIO CONTACTO*/
.mapas{ padding:20px 0;}
.map{display:block; width:98%; margin:0 1%;}
.map iframe{display:block; width:100%; height:200px;}
.dire, .correo,.phone{display:block; float:left; width:100%; margin:10px 0;}
.dire p{display:block; float:left; width:85%; padding-left:35px; background:url(../images/icon_019.png) no-repeat;}
.correo p{display:block; float:left; width:85%; padding-left:35px; background:url(../images/icon_020.png) no-repeat;}
.correo p a{display:block; color:#656565;}
.correo p a:hover{ color:#23a8ce;}
.phone p{display:block; width:93%; padding-left:35px; margin:0; background:url(../images/icon_021.png) no-repeat;}
.phone p a{color:#656565;}
.phone p a:hover{ color:#23a8ce;}
.phone span{display:block; padding-top:20px;}

/*FIN CONTACTO*/

/*INICIO FORM*/
.formu h2{ padding:20px 0;}
.contact-form{ display:block; width:100%; }
fieldset{padding:0; border:none;}
.row-element textarea, .row-element input, .row-element select{display:block; width:100%; margin:0; }
.row-element p, .row-element input, .row-element_01 p{ line-height:30px; margin:0;}
.row-element input, .row-element textarea, .row-element select { border:none;}
.row-element textarea{ height:90px;}
.row-element_01{display:block; float:left; width:98%; text-align:right; margin:0 1%;}
.row-element_01 input{display:block; float:left; width:5%; margin-top:9px;}
.row-element_01 p{display:block; float:left;}
.row-element_01 a{color:#23a8ce;}
.btn-enviar{ padding:20px 0; margin-top:20px;}
.btn-form{display:block;
	width:100%;
	max-width:120px;
    font-size:14px;
    line-height:40px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
	border:none;
    margin:0 auto;
    color:#FFF;
    background-color:#23a8ce;}
.btn-form:hover{ background-color:#656565;}
.mc_input, .datos, textarea{display:block; color:#656565;}
.row-element select{ height:30px;}
/*FIN FORM*/

/*INICO FOOTER*/
footer{ padding:20px 0;}
.face, .twitter{display:block; float:left; width:46%; height:50px; margin:0 2%; padding:20px 0;}
.face a img, .twitter a img{display:block; width:50px; height:50px; padding:0;}
.face a img{float:left; margin:0; }
.twitter a img{ float:right; margin:0;}
/*.face a:hover{background:url(../images/icon_043.png) no-repeat; }
.twitter a:hover{background:url(../images/icon_045.png) no-repeat; }*/
.box_footer img{display:block; float:left; width:20%; margin:0 15%; padding-bottom:20px;}
.box_footer p{display:block; width:100%; text-align:center; line-height:50px; padding-top:20px;}
.box_footer a{ color:#23a8ce;}
.box_footer a:hover{color:#656565;}
/*FIN FOOTER*/

/*INICIO SOPORTE TÉCNICO*/
.list_pop{ padding:0 0 20px 0; list-style:none;}
.list_pop{ display:block; float:left; width:100%;  margin:0; }
.list_pop li{display:block; float:left; width:100%;  }
/*.list_pop li a{display:block; width:100%; }*/
.list_pop li a p{display:block; float:left; line-height:50px;  color:#656565; padding-left:20px;  background:url(../images/vineta.png) no-repeat; margin:0;    }
.open img{
	display: block;
	float: left;
	margin: 0;
}
.list_pop li p span{display:block; float:left; font-weight:700;}
.open p span{display:block; float:left; font-weight:700;}
.list_pop li p strong{color:#23a8ce;}
.list_pop li a img{display:block;  float:left; }
.border_01{display:block; float:left; width:100%; height:12px; background:url(../images/border_002.png);}
.sub-tittle{display:block; height:50px; padding-top:20px;}
.sub-tittle img{display:block; float:left;}
.sub-tittle h2{display:block; float:left; font-size:20px; line-height:50px; font-weight:900; margin:0; padding-left:5px; }
.sub_vineta{ padding-left:30px;  background:url(../images/vineta.png) no-repeat;}
.ul_01{display:block; width:100%;margin:0; padding:0; list-style:none;}
.ul_01 li{display:block; padding-left:15px;  background:url(../images/vineta_01.png) no-repeat;}
.ul_01 span{ font-weight:700;}
.ul_01 a{ color:#23a8ce;}
.ul_01 a:hover{color:#656565;}
.eqp{ padding:10px 0;}
.cotizar, .txt_1 p span{ color:#23a8ce;font-weight:700; text-transform:uppercase; }
.txt_1 p{ text-align:justify;}
.tec{display:block; width:100%; padding:0 0 50px 0; ¿}
/*FIN SOPORTE TÉCNICO*/

/*INICIO DISEÑO*/
.dg{display:block; padding:20px 0;}
.dg1{display:block; padding:0;}
.dg p{ text-align:justify;}
.dg_01{display:block; width:100%; height:30px; margin:0; /*padding:10px 0;*/}
.dg1 img, .dg_01 img{display:block; float:left;padding-right:10px;}
.dg h3, .dg1 h3{display:block; float:left; line-height:30px; font-size:16px; margin:0;}
/*FIN DISEÑO*/

.info{display:block; padding:20px 0; }
.info h5{ padding:20px 0;}
.info strong{ text-align:center; padding:10px 0;}
.info ul{display:block; width:90%; margin:0 5%;}
.cot{display:block; width:100%; padding-bottom:20px;}
.cot a{display:block; text-align:center; padding-bottom:20px; color:#23a8ce; font-weight:700; text-transform:uppercase;}
.cot a:hover{color:#656565;}

/*INICIO FLYER*/
.flyer{display:block; width:100%; padding:20px 0;}

/*INICIO ROBOT*/
.robot{display:block; width:100%; padding:20px 0; }

/*INICIO TERMINOS Y CONDICIONES Y AVISO DE PRIVACIDAD*/
.doc{display:block; width:98%; margin:0 1%;}
.doc h2, .doc a{color:#23a8ce;}
.doc a:hover{color:#656565;}
.doc p, .doc ul li, .doc ol li{ text-align:justify;}
/*FIN TERMINOS Y CONDICIONES Y AVISO DE PRIVACIDAD*/
.masc2 img{display:block; float:left; width:100%;}
h6{ display:block; float:left; width:100%; text-align:center; font-size:20px; line-height:50px; font-weight:400; text-transform:uppercase;}