conta@charset "utf-8";
/* CSS Document */

*{ margin: 0px; padding: 0px; box-sizing: border-box
}
body{background: #41669e}

.animacion01 {
  width: 100%;
  height: auto;
  position: relative;
  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  0%   { left:0px; }
  50%  { left:10px; }
  100% { left:0px; }
}

/* Standard syntax */
@keyframes example {
  0%   { left:0px; } 
  50%  { left:10px; } 
  100% { left:0px; }
}


.animacion02 {
  width: 100%;
  height: auto;
  position: relative;
  -webkit-animation-name: example2; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
  -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
  animation-name: example2;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example2 {
  0%   { top:0px; }
  50%  { top:10px; }
  100% { top:0px; }
}

/* Standard syntax */
@keyframes example2 {
  0%   { top:0px; } 
  50%  { top:10px; } 
  100% { top:0px; }
}




.hoja{ width: 400px; height: auto; position: absolute; margin-top: -50px; margin-left: -230px; 
	z-index: 15}

.titu02{ display: none}
.titu01{ display: block}

@media screen and (max-width:4500px) and (min-width:2501px){
.madera2{ position: absolute; width: 320px; margin-top: 80px}
	.logo05 {
    position: fixed;
    width: 150px;
    margin-left: 47% !important;
    z-index: 11;}
	
	
	
}

@media screen and (max-width:2500px) and (min-width:1600px){
.arbol2 {
    width: 285% !important;
    margin-left: -265% !important;
    height: auto;
    position: absolute;
    margin-top: -50px;
}
}


.tit { width: 100%; height:auto; margin-left: 90px; }

.tit img{ width: 665px; }

.foto05{ 	
width: 100%; 
height: auto; 

position: relative;

}
.arbol{ 	
width: 100%; 
height: auto; 

position: relative;

}
.arbol2{ 	
width: 240%; 
margin-left: -220%;
height: auto;  
position: absolute;
	margin-top: -50px;
}



.foto055 {
    width: 155%;
    margin-left: 99%;
    height: auto;
    position: absolute;
    margin-top: -5px;
}

.btnvermas { width: 100px; margin:auto; margin-top: 40px; margin-bottom: 180px;}
.btnvermas a{ 
	width: 100%;
	margin:auto;
	border: 3px solid #fff; 
	border-radius: 10px;
	text-align: center;
	float: left;
	text-decoration: none;
	color: #fff;
	padding: 10px;
	font-size: 18px;
	
}

.btnvermas a:hover{color: #3B2800; }

.titucont{ width: 90%; max-width: 1120px; margin: auto; margin-top: 50px; }
.titucont img{ width: 70%; }


.forcartum{ width: 100%; display: table; max-width: 1200px; margin: auto; margin-top: 20px; margin-bottom: 30px;  }

.logocart{ width: 50%; float: left;margin-top: -20px; }
.logocart img{ width: 53%; float: left;  }
.formu789{ width: 50%; float: right; padding-left: 1%; padding-right: 5%;}

.formu789 input{ width: 100%; padding: 15px;
	background: #e2d8ce;  border-radius: 9px;
	border: 1px solid #e2d8ce;  margin-bottom: 15px;
	font-family: Arial;
	outline: none;
	padding-left: 30px;
	padding-right: 30px;

}

.formu789 textarea{ width: 100%; height: 150px; padding: 15px;
	background: #e2d8ce;  border-radius: 9px;
	border: 1px solid #e2d8ce;  margin-bottom: 15px;
	font-family: Arial;
	outline: none;
	padding-left: 30px;
	padding-right: 30px;

}

.hombre{ width: 80%; height: auto; position: relative }
.hombre2{ width: 100%; height: auto;  position: absolute; margin-left: -90%; margin-top: -65px; }


.titugara { width:100%; margin-left: 40%; }
.titugara img{ width:580px; height:auto; margin-top: -20px }


.cont-garantia{ width: 90%; margin: auto; max-width: 983px; margin-bottom: 400px; }


.texxgara{ width: 30%; float: left;     font-family: 'HelveticaNeueLTStd-Cn';
    font-weight: normal; color: #898687; text-align: justify; padding: 30px;
	margin-top: -120px;


}
.texximg{ width: 70%; float: left}






.video88{ width: 90%; max-width: 400px; margin:auto; background:#93c93f ; color: #FFF;
	margin-top: 0px; min-height: 400px;padding: 40px;
 font-family: 'HelveticaNeueLTStd-Cn';	font-weight: normal; } 

.galeri88{ width: 90%; max-width: 400px; margin:auto; background:#93c93f ; color: #FFF;
	margin-top: 0px; min-height: 400px;padding: 40px;
 font-family: 'HelveticaNeueLTStd-Cn';	font-weight: normal; } 

.produc88{ width: 90%; max-width: 400px; margin:auto; background:#93c93f ; color: #FFF;
margin-top: 0px; min-height: 400px;padding: 40px;
 font-family: 'HelveticaNeueLTStd-Cn';	font-weight: normal; } 


.video785{ width: 840px; height: auto; margin-left: -240px;}

.titulo8vi{ 
    margin-left: -245px;
    margin-top: 20px;
    position: absolute;

}



.banervideo{width:840px;height:500px;max-width:100%;overflow:hidden;border:none;padding:0;margin:0 auto;display:block; margin-top: 100px}

.titulogaleria85{ width: 530px; margin-left: 120px; }
.titulogaleria85 img{ width: 100%; height: auto;}

.galeriagg895{ width: 1200px; display: table;min-height:500px;  margin-left: -438px;}

.cuad581{ width: 33.33%; float:left; padding: 25px;}


.cuadro1{ width: 100%;   background: #a3c74c; padding: 0px; padding-bottom: 0px }

.cuadro1 img{ width:100% !important; height: auto; opacity: 1; transition: 1s; margin-bottom:-6px;}
.cuadro1 img:hover{ width:100%; height: auto; opacity: 0; transition: 1s;}
.cuadro1 p { color: #fff; position: absolute; opacity: 1; padding: 10px; transition: 1s; text-decoration: none }

.cuadro1 span { color: #fff; font-size:12px  }


.cuadro2{ width: 100%;  background:  #6f675a; padding: 0px; padding-bottom: 0px  }
.cuadro2 img{ width:100%; height: auto; opacity: 1; transition: 1s; margin-bottom:-6px;
}
.cuadro2 img:hover{ width:100%; height: auto; opacity: 0; transition: 1s;}
.cuadro2 p { color: #fff; position: absolute; padding: 10px; transition: 1s; text-decoration: none }
.cuadro2 span { color: #fff; font-size:12px  }

.cuadro3{ width: 100%;   background: #a3c74c; padding:  0px; padding-bottom: 0px }
.cuadro3 img{ width:100%; height: auto; opacity: 1; transition: 1s; margin-bottom:-6px;}
.cuadro3 img:hover{ width:100%; height: auto; opacity: 0; transition: 1s;}
.cuadro3 p { color: #fff; position: absolute; padding: 10px; transition: 1s; text-decoration: none }
.cuadro3 span { color: #fff; font-size:12px  }


.siliprodu{width:1100px;height:600px;max-width:100%;overflow:hidden;border:none;padding:0;margin:0 auto;display:block;    margin-top: -69px;  background:url(../images/fondo85.png) no-repeat;
	background-size: 100%;
}

.slidproducto{ display: block;  width:1100px;height:auto; margin-left: -400px; }

.slidproducto2{ display: none;  width:100% ;height:auto; }

.tituclash{ 
width: 650px;
    height: auto;
    margin-left: -475px;
}
.tituclash img{ width: 100%; height: auto;}

.siliprodu2{width:100%;height:360px;max-width:100%;overflow:hidden;border:none;padding:0;margin:0 auto;display:block;    margin-top: -69px;  background:url(../images/fondo86.png) no-repeat;
	background-size: 100%;
}


@media screen and (max-width:850px){
	

	
	.siliprodu{ background:url(../images/fondo86.png) no-repeat;}
	
.slidproducto{ display: none;}
.slidproducto2{ display: block;  width:100% ;height:auto; margin-top: 80px; }

	
	.titu02{ display: block}
.titu01{ display: none}
	
	.siliprodu{  margin-top: 
		
		
		
		
		0px;

}
	
	.tituclash{ 
width: 100%;
    height: auto;
    margin-left: 0px;
		 padding: 10px;
}
	
	.slidproducto{width:110%;height:auto; margin-left: -5%; }
	
	.titulogaleria85{ width: 100%; margin-left: 0px;  padding:10px;  }
	
.cuadro1{ width: 100%;  background: #6f675a; padding: 0px; margin-top: 20px}
.cuadro2{ width: 100%;  background:  #6f675a; padding: 0px; margin-top: 20px }
.cuadro3{ width: 100%;  background: #6f675a; padding: 0px; margin-top: 20px}
	
	
	.galeriagg895{ width: 90%; display: table;min-height:500px;  margin-left: 0px ; margin: auto}

.cuad581{ width: 100%; float:left; padding: 0px;}
	
	
	.banervideo{width:100%;height:200px;}
	
	.titulo8vi{ margin-left: 0px; margin-top: 20px;  padding: 10px; 
	
	 position: static;
	}
	.titulo8vi img{ width: 100%; height: auto }
	
	.video785{ width: 100%; height: auto; margin-left: 0px;}
	
	.madera2{ display: none}
	
	.texxgara{ width: 100%;margin-top: -20px; }
	.texximg{ width: 100%; }
	
.titugara { width:100%; margin-left: 0px;  padding: 10px }
.titugara img{ width:100%; height:auto; margin-top: 0px }
	
	
.hombre{ width: 80%; height: auto; position: relative }
.hombre2{ width: 100%; height: auto;  position: relative; margin-left: 0px; margin-top: 0px; }
	
.titucont{ width: 90%; }
.titucont img{ width: 100%; }
	
	.logocart img{ width: 100%; float: left;  }
	
.logocart{ width: 100%; float: left; margin-top: 0px;padding-left: 10%; padding-right: 10%; }
.formu789{ width: 100%; float: right; padding-left: 10%; padding-right: 10%; margin-top: 20px}
	
	.arbol{ display: none }
	
.foto055{ 
	margin-top: 20px;

width: 100%; 
margin-left: 0px;
height: auto;  
position: relative;
}
	
}





.foto05 img{width: 100%;  }

.madera2{ position: absolute; width: 230px; margin-top: 80px}




.foter08{ width: 100%; max-width:1040px; margin: auto; height: auto; display: table;
	padding-bottom: 10px;


}
.foter09{ 
	width: 100%; max-width:1040px; margin: auto; height: auto; display: table;
 color:#fff;   font-family: 'HelveticaNeueLTStd-MdCn'; border-top: 1px #fff solid; padding-top: 15px;

}
.foter09 a{ color:#fff; padding-left: 20px; padding-right: 20px; text-decoration: none;}

.foter09 a:hover { color: #FFBE00; }

.foter18{ width: 22%; float:left;padding: 8px; font-family: 'HelveticaNeueLight'; color: #fff;  font-size: 13px;}
.foter18 h1{ font-size: 16px; border-bottom: 1px solid #fff; padding-bottom: 10px;  font-family: 'HelveticaNeueLTStd-Cn';font-weight: normal;}
.foter18 p{ padding-top: 10px; font-family: 'HelveticaNeueLTStd-Cn'; }


.foter19{ width: 31%; float:left;padding: 8px; font-family: 'HelveticaNeueLight'; color: #fff;  font-size: 13px;}
.foter19 h1{ font-size: 16px; border-bottom: 1px solid #fff; padding-bottom: 10px;  font-family: 'HelveticaNeueLTStd-Cn';    font-weight: normal;


}



.foter19 p{ padding-top: 10px; font-family: 'HelveticaNeueLTStd-Cn'; }
.foter19 img{ vertical-align: middle}

.finfo div { margin-top: 6px}


.foter20{ width: 22%; float:left;padding: 8px; font-family: 'HelveticaNeueLight'; color: #fff;  font-size: 13px;}
.foter20 h1{ font-size: 16px; border-bottom: 1px solid #fff; padding-bottom: 10px;  font-family: 'HelveticaNeueLTStd-Cn';font-weight: normal;}
.foter20 p{ padding-top: 10px; font-family: 'HelveticaNeueLTStd-Cn'; }


.foter21{ width: 25%; float:left;padding: 8px; font-family: 'HelveticaNeueLight'; color: #fff;  font-size: 13px;}
.foter21 h1{ font-size: 16px; border-bottom: 1px solid #fff; padding-bottom: 10px;  font-family: 'HelveticaNeueLTStd-Cn';font-weight: normal;}
.foter21 p{ padding-top: 10px; font-family: 'HelveticaNeueLTStd-Cn'; }






.fnosotros{ width:90%; margin: auto; display: table;}
.finfo{ width:90%; margin: auto; display: table;   font-family: 'HelveticaNeueLTStd-Cn';  font-weight: lighter !important }
.fsiguenos{ width:90%; margin: auto; display: table;}
.flogo78{ width:90%; margin: auto; display: table;}
.redes59{ width: 100%; margin-top: 10px;}
.redes59 img{ border-radius:50px; margin:3px;transition: 0.5s}

.redes59  a:hover img{ opacity: 0.5; transition: 0.5s}




#nosotros{ width:100%; display: table; min-height:300px; background: #fff; }

.nosotros{ width: 90%; max-width: 400px; margin:auto; background:#93c93f; color: #FFF;
	margin-top: 50px; min-height: 500px;
border-top-right-radius: 40px; border-top-left-radius: 40px; padding: 40px;
 font-family: 'HelveticaNeueLTStd-Cn';	font-weight: normal; 


} 


.garanti88{ width: 90%; max-width: 400px; margin:auto; background:#93c93f url(../image2/flecha.png) center; color: #FFF;
	margin-top: 0px; min-height: 400px;padding: 40px;
 font-family: 'HelveticaNeueLTStd-Cn';	font-weight: normal; 


} 

.nosotros b{   font-family: 'HelveticaNeueLTStd-MdCn'; font-weight: normal; }






#productos{ width:100%; display: table; min-height:300px; background: #fff; }
#galeria{ width:100%; display: table; min-height:300px; background: #fff; }

#video{ width:100%; display: table; min-height:300px; background: #fff; }
#garantia{ width:100%; display: table; min-height:300px; background: #fff; }
#contacto{ width:100%; display: table; min-height:300px; background: #fff; }


.face a{ width:100%; margin-bottom:7px; font-size:0px; float:left; height:32px; background:url(../image2/face.jpg) no-repeat;}
.face a:hover{background:url(../image2/face2.jpg);}

.in a{ width:100%;  margin-bottom:7px; font-size:0px; float:left; height:32px; background:url(../image2/in.jpg) no-repeat;}
.in a:hover{background:url(../image2/in2.jpg);}

.twi a{ width:100%;  margin-bottom:7px; font-size:0px; float:left; height:32px; background:url(../image2/twiter.jpg) no-repeat;}
.twi a:hover{background:url(../image2/twiter2.jpg);}



body{ }


.banner{
	width:100%;height:950px;max-width:100%;
	overflow:hidden;border:none;padding:0;
	margin:0 auto;display:block;
	
	}
	.try {
    position: absolute;
    width: 100%;
    z-index: 1;
    margin-top: -150px !important;
}

@media screen and (max-width:2500px) and (min-width:1851px){
	
	.madera2{ position: absolute; width: 320px; margin-top: 50px}
	.banner{
height:850px;

	
	}
}



@media screen and (max-width:1850px) and (min-width:1751px){
		.madera2{ position: absolute; width: 320px; margin-top: 50px}
	.banner{
height:750px;

	
	}
}

@media screen and (max-width:1750px) and (min-width:1550px){
		.madera2{ position: absolute; width: 320px; margin-top: 50px}
	.banner{
height:720px;

	
	}
}

@media screen and (max-width:1550px) and (min-width:1367px){
		.madera2{ position: absolute; width: 320px; margin-top: 50px}
.banner{
	width:100%;height:630px;max-width:100%;
	overflow:hidden;border:none;padding:0;
	margin:0 auto;display:block;
	
	}
}

	
	@media screen and (max-width:1366px){
		.banner{
	width:100%;height:540px;max-width:100%;
	overflow:hidden;border:none;padding:0;
	margin:0 auto;display:block;
	
	}
}









.slider{ width:100%; height:auto; padding-top:78px;}

.banner01{
width:100%;height:367.5px;max-width:100%;overflow:hidden;
border:none;padding:0;margin:0 auto;display:block;
}

.idiomas{
	position:fixed;
	 width:3%;
	 height:53px;
	 border-bottom-left-radius:5px;
	 border-top-left-radius:5px;
     background:#fff;
	 margin-left:97%;
	 z-index:10;
-webkit-box-shadow: -2px 1px 3px #999;
  -moz-box-shadow: -2px 1px 3px #999;
  margin-top:20px;
}

.banderaes{ width:70%; margin:auto; margin-top:1px;}
.banderaes img{ width:100%; height:auto}
.banderaen{ width:70%; margin:auto; margin-top:6px;}
.banderaen img{ width:100%; height:auto}

.superior{ width:100%; float:left; height:auto}
.superior h2{ padding-top:0px; padding-bottom:6px; margin:0px}
.superior h3{ padding-top:4px; padding-bottom:4px}
.superior p{ padding-top:2px; padding-bottom:6px}
.empaque{ float:left; width:50%;}
.peso{ float:left; width:50%;}
.detalle{ width:80%; margin:auto; margin-top:-15px}
.titu{ margin-top:15px; margin-bottom:6px; padding-top:7px; padding-bottom:7px;  }

.titu2{ font-weight:bold; height:35px; background:#F0F0F0;
 border-bottom:1px #C7C7C7 solid; padding-top:9px; 
 border-top:1px #C7C7C7 solid;
}

.txtt2{ font-weight:normal; height:35px; 
 border-bottom:1px #E9E9E9 solid; padding-top:9px; padding-bottom:3px;
 border-top:1px #E9E9E9 solid;
}








.menu-01{ width:100%;
 position: fixed; z-index:19; 


}

.cabecera{ width:100%; max-width:1200px; margin:auto; display:table; margin-top:15px;}

.logo{ width:100%; max-width:330px; height:auto; float:left; margin-top:10px; padding-bottom:10px}
.logo img{ width:100%;  height: auto}


.derecha{ width:100%; float:left}
.pie-pagina{ width:100%; background:#fff url(../image2/pie.jpg) center top repeat;

 min-height:250px; margin-top:0px;
 
 position:absolute; z-index:1;
	 
	border-top: 10px solid #93c93f; padding: 20px;
	 
}




 .menu-bajo{ width:100%; max-width:1100px; margin:auto; display:table}
 .menu-b{ width:100%;  margin:auto; display:table; background:rgba(255,255,255,0.40); padding-top:10px; padding-bottom:10px}
 .menu-c{ width:100%;  margin:auto; display:table; padding-top:10px; padding-bottom:10px;
color:#fff; text-align:center;  font-size:13px;}

.menu-bajo a{ font-size:13px; font-weight:bold; color:#585858; text-decoration:none;

margin-left:10px; margin-right:10px}
.menu-bajo a:hover{ color:#161616;}

.contenido{
	 max-width:1100px; margin:auto; width:100%;
	 background:#fff; display:table

 }
 
 
.top{ width:100%; height:auto; float:left; color:#fff;
 background:#fb2112; border:1px solid #ECECEC; padding:7px; padding-left:10px; font-size:12PX;}
 .top2{ 
 width:100%; 
 height:auto; 
 float:left;
  color:#6F6F6F;
 background:#fff;
  border:1px solid #ECECEC; 
 padding:7px;
  padding-left:10px; 
 font-size:12PX;
  margin-bottom:5px;}
  

  
   .top2 a img{  opacity:1; transition:0.2s}
   
   .top2 a:hover img{  opacity:0.7; transition:0.2s}
  

  
 .top2 input{ width:100%; height:auto; padding:5px; margin-bottom:2px;}
.top2 #acepto{ width:20px;}
 
 
 
 
 
 .conte01{ width:75%; float:left; padding:20px;
 text-align:justify}
 .modulo01{ width:25%; float:left; padding:10px;}
 
 .conte01 p{ color:#2B2B2B; font-size:15px}
  .conte01 h2{ color:#2B2B2B; border-bottom:1px solid #E70001; margin-bottom:10px}




.imgen-top{ width:100%; height:80px; background:url(../imagenes/sliimagen6.jpg) top; }
.imgen-top h2{ text-align:center; 
 font-size:30px; color:#fff; padding-top:20px}
.es{ width:100%; display:table; height:100px;}
.cont-txt{width:100%; max-width:1100px; margin:auto; min-height:300px;
background:rgba(255,255,255,0.80); border:rgba(245,245,245,1.00) 1px solid; border-radius:5px;


margin-top:20px;
-webkit-box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.12);
box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.12);
}
.cont-txt00{
	width:97%; display:table; 
min-height:300px; margin:auto; margin-top:10px;
 font-size:14px; color:#5E5E5E; text-align:justify}

.cont-txt00 h2{color:#63afdd; margin-top:20px}
.cont-txt00 h1{color:#63afdd; }
.linea{ width:100%; background:#63afdd; height:3px; margin-bottom:5px}
.imgnosotros{ float:right; margin-left:10px; width:250px; height: auto}

.marcas img{ width:auto; height:80px; margin-left:5px; margin-right:5px}

.pro{ width:50%; height:auto; display: table; margin-top:20px; margin-bottom:20px; float:left}
.p1{ width:50%; float:left; margin-bottom:10px;}
.m1{ width:90%; margin:auto; min-height:100px; border:1px #EBEBEB solid}
.m1 img{ width:97.5%; height:auto; margin-top:3px; margin-left:3px; opacity:0.8}
.m1 img:hover{opacity:1}
.txt1{ width:90%; margin:auto ; text-align:center}

.formulario{ width:100%; height:auto; display: table; margin-top:20px; margin-bottom:20px}
.pp1{ width:50%; float:left}
.pp1 input{
	font-size:13px;
	 width:80%; padding:8px; border:1px #DBDBDB solid; outline:none; margin-bottom:5px;}
	 
	 .pp1 #submit{color:#fff; background:#a3c74d}
	 .pp1 #submit:hover{color:#fff; background:#83a03d}
	 
	  #submit{ 
		  width:110px; color:#fff; 
		  font-size: 16px;
		  font-weight: bold;
		  background:#a3c74d;
		  margin-top:0px; 
		  border:0px;
		  padding:12px;
		  float: right

}
	  #submit:hover{color:#fff; background:#83a03d}
	 
	 
.pp1 textarea{
 font-size:13px;
	
	 width:80%; height:170px; padding:8px; border:1px #DBDBDB solid; outline:none; margin-bottom:5px;}
.pp1 a{ color:#8cb73d; text-decoration:none}

.conte02{ width:100%; height:auto; border-top:1px dashed #E9E9E9;
 margin-top:20px; 
font-size:13px; }

.uno{ width:100%; height:auto; margin-top:10px; margin-bottom:5px; display:table; border-bottom:1px dashed #E9E9E9; padding-bottom:10px;}
.uno img{ vertical-align:middle; float:left; margin-right:10px;}

.uno a{ text-decoration:none; color:#fb2112}
.uno a:hover{color:#C30C00}

.bars2{ width:100%; height:auto; padding-top:10px; margin-top:10px }
.bars2 img{ width:33%; height:auto}

.caja1{ width:100%; height:auto; display:table}

.cart1{width:100%; height:auto; display:table; margin-bottom:15PX}

.ca2{ width:48%;  min-height:155px; border:1px solid #868686; background:rgba(224,224,224,1.00); float:left; margin:1%;}

.ca{ width:48%; margin:auto; min-height:155px; border:1px solid #868686; background:rgba(224,224,224,1.00); display:table}

.foto{ width:28%; height:AUTO; float:left; margin:1%; }

.foto img{ width:100%; height:auto}
.fototexto{ width:66%; height:AUTO; float:left; margin:1%;}
.fototexto h2{ font-size:18px; margin-top:10px}
.fototexto p{ font-size:16px;}
.ca2  h2{ font-size:13px !important; }

.cart2{width:100%; height:auto; display:table}

.ocu{ display:none}
.foto3 img{ width:50%; height:auto; float:left; padding:5px;}

.afiliate p{font-size:15px; color:#000 !important}

.triangulo {
  width: 0px;
    height: 120px;
    border-left: 50px solid #d9534f;
    border-right: 50px solid #d9534f;
    border-bottom: 35px solid transparent;
}

.espacio{ width:290px;}
.es01{ width:40px;}



.piemas{width:100%; max-width:1270px; margin:auto; display:table; padding-top:30PX}

.pi1{ width:56%; float:left;   font-family: 'Sanchez-Regular'; color:#110b25; font-size:14px}
.pi2{ width:44%; float:left; font-family: 'Sanchez-Regular'; color:#fff;}

.art0{ width:100%; float:left; font-weight:bold;font-size:15px;}
.art1{ width:43%; float:left;}
.art1 img{ width:100%; height:auto}
.art2{ width:40%; float:left; margin-left:3%;}
.art3{ width:100%; float:left; font-weight:bold; font-size:15px; margin-top:26PX}

.tc1{width:100%; float:right; font-size:15px; text-align:right; font-weight:bold;}
.tc2{width:85.5%; float:right; font-weight:lighter; font-size:14px; text-align:right; 
margin-top:10px}
.tc3{width:100%; float:right; font-size:15px; text-align:right;margin-top:20px }
.tc3 img{ border-radius:100px; width:30px; height:30px; margin-left:5px; margin-right:5px;}

.tc4{width:100%; border-top:2px solid #FFFFFF; float:right; font-size:13.5px; text-align:right;margin-top:50px; padding-top:10px; }
.tc4 a{ color:#fff; text-decoration:none; padding:2px; }

.tc5{width:100%; float:right; font-size:15px; text-align:left; font-weight:bold;padding-top:40px; }

.tc5 img{ vertical-align:middle}

.conte-conocenos{ width:100%; min-height:700px; margin:auto;  }
#conocenos{ width:100%; display:table;
 background:url(../image2/nosotros.jpg)  bottom no-repeat;
 margin-bottom:20px ; background-size:1590px; margin-top:0px; padding-top:0px
 
 
  }

.conte-video{ width:100%; height:auto; max-width:1100px; margin:auto; }

.conte-video h1{     text-align: center;
    font-family: 'Sanchez-Regular';
    color: #ba207b;
    font-size: 60px;
    margin: 0px;
    margin-top: 125px;}

.conte-foto{ width:100%; min-height:600px;margin:auto; }

.conte-talleres{ position:relative;

width:100%; height:auto; max-width:1100px; margin:auto; }

.conte-activ{ width:100%; min-height:600px; max-width:1100px; margin:auto;  }

.conte-cont{ width:100%; display:table;  margin:auto; background:#fff url(../image2/contactosd.jpg) top no-repeat; }
#contactos{ margin:0px; padding:0px}

.conte-activ h1{
    text-align: center;
    font-family: 'Sanchez-Regular';
    color: #ba207b;
    font-size: 60px;
    margin: 0px;
    margin-top: 80px;
}



.titulos{
    font-size: 56px;
    font-family: 'Sanchez-Regular';
    color: #ba207b;
    text-align: center;
    font-weight: bold;
    padding-top: 70px;
    margin-bottom: 10px;
 }
 .dire{ width:100%; max-width:1000px; margin:auto}
 .dir{ width:50%; text-align:right; color:#9d2677;  font-size:14px;
  font-family: 'HelveticaNeueMedium'; float:left }
  
   .dir strong{   font-family: 'HelveticaNeueBold';font-size:15px;}
   

   

#redes{	
opacity:0;
position:fixed;
width:90px; 
height:190px; 
background:#a3c74d; 
margin-top:150px; 
margin-left:96%;
transition:0.5s;
z-index:21
}
  .tir2 a img{ opacity:1;}
   .tir2 a:hover img{ opacity:0.8;}

.fa{ width:39px; margin-left:7px; margin-top:10px; }
.fa img{ border-radius:500px; width:38px; height:38px; margin-bottom:2px  }

.fa a img{ opacity:1;}
.fa a:hover img{ opacity:0.8;}

 .formul{ width:50%; text-align:right; color:#9d2677;  font-size:14px;
  font-family: 'HelveticaNeueMedium'; float:left }

.for1{ width:61%;     height: 299px; background:url(../image2/forr.png) no-repeat;
 background-size:100%; margin-left:10%; margin-top:145px; float:left}
 
 .for2{ width:29%;float:left; margin-top:145px;}
 .flotante{ position:absolute; width:314px; z-index:1; margin-left:-70px; margin-top:-10px;}
 .flotante img { width:100%; height:auto}
.for001{ width:80%; margin:auto; text-align:left; margin-top:29px; margin-left:12%}

.for001 input{font-family: 'Sanchez-Regular'; color:#9c2576; font-size:15px;  width:100%; height:auto; border:2px solid #9c2576; border-radius:7px; padding:3px; margin-bottom:10px;  outline:none }
.for001 textarea{  width:100%;  color:#9c2576; font-size:15px; height:70px; border:2px solid #9c2576; border-radius:7px; padding:5px; margin-bottom:10px; font-family: 'Sanchez-Regular'; outline:none }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color:#fff; font-size: 16px; font-weight: bold
}
::-moz-placeholder { /* Firefox 19+ */
color:#fff; font-size: 16px; font-weight: bold
}
:-ms-input-placeholder { /* IE 10+ */
color:#fff; font-size: 16px; font-weight: bold
}
:-moz-placeholder { /* Firefox 18- */
color:#fff; font-size: 16px; font-weight: bold
}
.acti{ width:100%; max-width:1200px; margin:auto; height:auto; display:table}

.txt-actvidades{ width:50%; float:left}
.txt-gale{ width:50%; float:left}
.cont {
    width: 80%;
    height: auto;
    text-align: center;
    color: #777777;
    font-family: 'HelveticaNeueMedium';
    font-size: 14px;
    margin: auto;
}


@media screen and (max-width:810px){
	
		.active a {
    background: #fff !important;
    transition: 0.5s ;
    color: #95c93e;
}
	
.foter18, .foter19, .foter20, .foter21{ width: 100%;}

.txt-actvidades{ width:100%; }
.txt-gale{ width:100%; }
	
	#redes{ display:none	}
	
	.conte-cont{ width:90%; height:auto; display:table; margin-left:5%}
	 .formul{ width:100%; }
	.for1{ width:100%; margin-left:0%; margin-top:0px;}
	 .for2{ width:29%;float:left; margin-top:145px; display:none}
	
	 .dir{ width:90%;}
	
	#redes{	

margin-left:89%;

}
	
.pie-pagina{background:#fff url(../image2/pie2.jpg) center repeat; }


.pi1{ width:90%; margin-left:5%; float:left; }
.pi2{ width:90%;margin-left:5%; float:left; margin-top:60px;}
.tc2{width:100%;}

.art1{ width:100%; float:left;}
.art2{ width:100%; float:left; margin-left:3%;}
.art3{ display:none;}


}



@media screen and (max-width:1040px) and (min-width:900px){
	.banner{height:460px; padding-top:40px;}
}

/*aqui*/
@media screen and (max-width:824px){
	
.tit { width: 100%;  height:auto;  margin-left: 0px;}
.tit img{  width: 100%; }
	
}

@media screen and (max-width:824px) and (min-width:769px){
	

	
.logo05 {    margin-left: 42%; position: absolute;}
.banner{height:370px; padding-top:40px;}
	
}

@media screen and (max-width:768px) and (min-width:690px){
	
	
	
	
	
	.logo05 {  width: 95px !important;    margin-left: 43%; position: absolute;}
	.banner{height:340px; padding-top:40px;}
}

@media screen and (max-width:689px) and (min-width:569px){
	.logo05 { width: 95px !important; margin-left: 43% !important;position: absolute;}
	.banner{height:310px; padding-top:40px;}
	.hoja{ width: 200px; height: auto; position: absolute; margin-top: 680px; margin-left: -130px; 
	z-index: 15}
}

@media screen and (max-width:568px) and (min-width:450px){
		.logo05 {  width: 95px !important;     margin-left: 40% !important;position: absolute;}
	.banner{ height:270px; padding-top:40px;}
	.siliprodu{height:180px;}
	
	.hoja{ width: 200px; height: auto; position: absolute; margin-top: 680px; margin-left: -130px; 
	z-index: 15}
}

@media screen and (max-width:449px) and (min-width:381px){
	
.garanti88 {background: #93c93f url(../image2/flecha2.png) bottom; min-height: 300px;}
	
.texxgara {    width: 90%;    margin-top: -70px;    margin-left: 5%;}	
	
	
.video785 {    width: 160%;    height: auto;    margin-left: 0px;    MARGIN-LEFT: -30%;}
.banervideo {    width: 100%;    height: 240px;    margin-top: 0px;}
	
	
#galeria{margin-top:-70px}
	
	.nosotros { width: 70%;   margin-top: 20px; padding: 20px;	}
	.produc88,.galeri88,.video88,.garanti88 { width: 70%;   margin-top: 0px; padding: 20px;	}
	.garanti88 {   margin-top: -40px; 	}
	
.hoja{ width: 200px; height: auto; position: absolute; margin-top: 680px; margin-left: -130px; 
	z-index: 15}
	.imgico{ width: 90px !important; height: auto;}
	
	.logo05 { width: 95px !important; margin-left: 40% !important;position: absolute;}
	.banner{height:220px; padding-top:20px;}
	
	.btnvermas { margin-bottom: 80px;}
	.siliprodu{height:180px;}
	
	
}

@media screen and (max-width:380px) and (min-width:361px){
	
	
	
.garanti88 {background: #93c93f url(../image2/flecha2.png) bottom; min-height: 300px;}
	.texxgara {    width: 90%;    margin-top: -70px;    margin-left: 5%;}	
	
	#galeria{margin-top:-70px}
	.video785 {    width: 160%;    height: auto;    margin-left: 0px;    MARGIN-LEFT: -30%;}
.banervideo {    width: 100%;    height: 240px;    margin-top: 0px;}
	
	
	.nosotros { width: 70%;   margin-top: 20px; padding: 20px;	}
	.produc88,.galeri88,.video88,.garanti88 { width: 70%;   margin-top: 0px; padding: 20px;	}
	.garanti88 {   margin-top: -40px; 	}
	
	
.hoja{ width: 200px; height: auto; position: absolute; margin-top: 680px; margin-left: -130px; 
	z-index: 15}
	.imgico{ width: 90px !important; height: auto;}
	
	.logo05 { width: 95px !important; margin-left: 35% !important; position: absolute;}
	.banner{height:190px; padding-top:20px;}
	.btnvermas { margin-bottom: 80px;}
	.siliprodu{height:180px;}
}

@media screen and (max-width:360px) and (min-width:301px){
	
.garanti88 {background: #93c93f url(../image2/flecha2.png) bottom; min-height: 300px;}
	.texxgara {    width: 90%;    margin-top: -70px;    margin-left: 5%;}	
	
	#galeria{margin-top:-70px}

	.video785 {    width: 160%;    height: auto;    margin-left: 0px;    MARGIN-LEFT: -30%;}
.banervideo {    width: 100%;    height: 240px;    margin-top: 0px;}
	
.nosotros { width: 70%;   margin-top: 0px; padding: 20px;	}
	.produc88,.galeri88,.video88,.garanti88 { width: 70%;   margin-top: 0px; padding: 20px;	}
	.garanti88 {   margin-top: -40px; 	}
	
	
		.hoja{ width: 200px; height: auto; position: absolute; margin-top: 680px; margin-left: -130px; 
	z-index: 15}
	.imgico{ width: 90px !important; height: auto;}
	
	.logo05 { width: 95px !important;  margin-left: 35% !important;     position: absolute;}
	.banner{height:190px; padding-top:20px; margin-bottom:40px; }
	.btnvermas { margin-bottom: 80px;}
	.siliprodu{height:180px;}
}



@media screen and (max-width:950px){

	#topredes{ display:none !important }
	.espacio{ display:none}
.es01{ display:none}
	.toper{ display:none}
	.foto3 img{ width:100%; height:auto; float:left; padding:10px;}
	
	.foto2 img{ width:100%; height:auto;}
	
	.ocu{ display:block}
	.ca2{ width:100%;}
	.ca{ width:100%;}
	 .conte01{
	width: 100%;
	color: #151515;
}
 .modulo01{ width:100%; }
	
	.slider{ padding-top:50px;}
	
	.banner01{
width:100%;height:150px;
}
	
	.idiomas{
	
	 width:15%;
	 height:53px;
	
	 margin-left:85%;

  margin-top:60px;
}
	
	
	
	.txtt2{ line-height:9px; text-align:left}

.pro{ width:100%;}
	.pp1 input{	 width:100%;}
	 .pp1 textarea{	 width:100%;}
	 
	.pp1{ width:100%; float:left; margin-top:10px}
	.p1{ width:100%; float:left}
	.txt1{ width:90%; margin-bottom:20px}
	.imgnosotros{ float:none; margin-left:0px; width:100%; height: auto}
	.cont-txt{ width:95%; margin:auto; margin-top:10px}
	.menu-bajo a{margin-left:0px; margin-right:0px}
	 .menu-bajo{ width:80%}
.menu-01{ width:100%; }
.logo{ width:150px;  height:auto; float:none;  margin:auto;margin-top:5px;}
.izquierda{ width:90%; float:left}
.derecha{ width:100%; float:left; }
.pie-pagina{ background-size:500%}

.es{ width:100%; display:table; height:50px;}
	
}

@media screen and (max-width:320px){
	.logo05 {width: 95px !important;  margin-left: 35% !important;}
	.banner{height:170px;padding-top:40px;}
	.slider {
    width: 120% !important;
	
}
.conte-conocenos {
    width: 120% !important;
    min-height: 700px;
    margin: auto;
}

#videos {
    width: 120% !important;
}
#fotos2 {
    width: 128% !important;}
	#talleres {
    width: 120% !important;}
	.acti {
   width: 120% !important;}
   .conte-cont {
    }
	#contactos {
		 width: 120%!important;
    margin: 0px;
    padding: 0px;
}
.pie-pagina {
	 width: 128%!important;
    background-size: 500%;
}


}