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


 @font-face {
   font-family: 'CenturyGothic';
  src: url("../fon/GOTHIC.eot");
  src: url("../fon/GOTHIC.eot-#iefix") format("embedded-opentype"), 
  url("../fon/GOTHIC.woff") format("woff"), url("../fon/GOTHIC.ttf") format("truetype"), url("../fon/GOTHIC.svg#parisblack") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../fon/Montserrat-Regular.eot');
  src: url('../fon/Montserrat-Regular.woff2') format('woff2'),
       url('../fon//Montserrat-Regular.woff') format('woff'),
       url('../fon/Montserrat-Regular.ttf') format('truetype'),
       url('../fon/Montserrat-Regular.svg#Montserrat-Regular') format('svg'),
       url('../fon/Montserrat-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

.galery{ width:100%; height:auto; display:table; padding:0px}
.g1{ 

  width:25%;
  min-height:220px; 
  float:left; 
  padding:0px 20px 0px 20px;
  margin-bottom:0px;
  text-align:center
  
  }
  .g1 img{ width:100%; height:auto }
  
  
  .g1 a img{ opacity:1; transition:1s}
  .g1 a:hover img{ opacity:0.5; transition:1s}
  
  
  .g1 a{ text-decoration:none; font-weight:bold; color:red}
  
  .g1 a:hover{ color:rgba(118,0,1,1.00)}

@font-face {
  font-family: 'Roboto-Light';
  src: url('../fon/Roboto-Light.eot');
  src: url('../fon/Roboto-Light.woff2') format('woff2'),
       url('../fon/Roboto-Light.woff') format('woff'),
       url('../fon/Roboto-Light.ttf') format('truetype'),
       url('../fon/Roboto-Light.svg#Roboto-Light') format('svg'),
       url('../fon/Roboto-Light.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}



#campo_tlf{ font-size:29px; margin-top:0px; font-weight:bold}
#campo_tlf img{ width:40px !important; height:auto !important; vertical-align:middle; margin-right:10px}

.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);}

.emcabezado{ width:100%; max-width:1200px; margin:auto;  min-height:80px; background:rgba(0,0,0,0.19); display:table;}
.logo{ width:40%; float:left}

.direccion{ width:60%; float:left; color:#fff; }

.dire{ width:90%; float:right; margin-top:20px; font-size:13px}

.logo img{ width:100%; height:auto}


body{font-family: 'Montserrat-Regular'; }

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

.banner01{
width:100%;height:370px;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;
}


body{ margin:0px; background: url(../imagenes/fondo.jpg) fixed;}
.banner{width:100%;height:590px;max-width:100%;overflow:hidden;border:none;padding:0;margin:0 auto;display:block;}

.menu-01{
	border-top:3px solid #555555;
	border-bottom:3px solid #1D1D1D; 
	 width:100%;  margin:auto; 
background: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(74,74,74,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(74,74,74,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(74,74,74,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(74,74,74,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(74,74,74,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(74,74,74,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4a4a4a', GradientType=0 );
 border-radius:5px; display:table;}


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

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

.izquierda{ width:35%; float:left}
.derecha{ width:100%; float:left}
.pie-pagina{ background:#1f1f1f;
  background-size:100%; margin-top:10px;
 border-top:0px solid #151515}
 .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{ 
font-family: 'Montserrat-Regular';
 width:100%;  margin:auto; display:table; padding-top:10px; padding-bottom:10px;
color:#fff; text-align:center;     font-size:16px;}

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

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

.videos{
	 max-width:1200px; margin:auto; width:100%;
	 background:#fff; display:table; margin-TOP:10px;

 }
 
 .v1{ width:33.33%; float:left; padding:10px}
 .v2{ width:33.33%; float:left; padding:10px}
 .v3{ width:33.33%; float:left; padding:10px}

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

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

 padding:0px;
  padding-left:0px; 
  
  
  
 font-size:12PX;
  margin-bottom:5px;}
  
  .top2 textarea{ width:100%; height:70px }
  
   .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;}
 
 
 .conte010{ width:100%; float:left; padding:40px; padding-top:30px;
 font-family: 'Roboto-Light'; text-align:justify}
 
  .conte010 p{ color:#535353; font-size:16px}
  .conte010 h2{ color:#E50001; border-bottom:1px solid #E50001; margin-bottom:10px;font-family: 'Montserrat-Regular';}
  
 
 
 .conte01{ width:80%; float:left; padding:40px; padding-top:30px;
 font-family: 'Roboto-Light'; text-align:justify}
 
 .conte04{ width:80%; float:left; padding:40px; padding-top:30px;
 font-family: 'Roboto-Light'; text-align:justify}
 
  
 .conte05{ width:80%; float:left; padding:40px; padding-top:30px;
 font-family: 'Roboto-Light'; text-align:justify}
 
  .conte01 img{ width:350px; height:auto; float:left; margin-right:20px}
   .conte04 img{ width:350px; height:auto; float:right; margin-left:20px}
   
    .conte05 img{ width:100px; height:auto; float:right; margin-left:20px}
 
 
 
 .modulo01{ width:20%; float:left; padding:30px; padding-right:0px}
 
 .conte01 p{ color:#535353; font-size:16px}
  .conte01 h2{ color:#E50001; border-bottom:1px solid #E50001; margin-bottom:10px;font-family: 'Montserrat-Regular';}
  
  

  .conte04 h2{ color:#E50001; border-bottom:1px solid #E50001; margin-bottom:10px;font-family: 'Montserrat-Regular';}
  
    .conte05 h2{ color:#E50001; border-bottom:1px solid #E50001; margin-bottom:10px;font-family: 'Montserrat-Regular';}




.imgen-top{ width:100%; height:80px; background:url(../imagenes/sliimagen6.jpg) top; }
.imgen-top h2{ text-align:center;font-family: 'Montserrat-Regular'; 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:100%; display:table; 
min-height:300px; margin:auto; margin-top:10px;font-family: 'Montserrat-Regular'; 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:0px; margin-bottom:20px; font-size:16px;}
.pp1{ width:50%; float:left; padding:10px}
.pp1 input{font-family: 'Montserrat-Regular'; font-size:13px;
	 width:100%; padding:8px; border:1px #DBDBDB solid; outline:none; margin-bottom:5px;}
	 
	 .pp1 #submit{color:#fff; background:#DD0001}
	 .pp1 #submit:hover{color:#fff; background:#B80000}
	 
	  #submit{color:#fff; background:#DD0001; margin-top:10px; border:0px; padding:10px;}
	  #submit:hover{color:#fff; background:#B80000}
	 
	 
.pp1 textarea{font-family: 'Montserrat-Regular'; font-size:13px;
	
	 width:100%; height:170px; padding:8px; border:1px #DBDBDB solid; outline:none; margin-bottom:5px;}
.pp1 a{
	color: #dc0003;
	text-decoration: none
}

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

.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:30%; 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}

.servi{ width:100%; background:#0E0E0E; padding:20px; margin-top:30px;}

.servi h3{ color:#515151; border-bottom: solid 1px #515151; margin-bottom:10px; line-height:40px}
.servi p{ color:#AAAAAA; font-size:14px}
.servi ul{ color:#AAAAAA; font-size:14px; list-style:square; margin-left:20px}
.ve{ color:#FCEB05; text-decoration:none}


.comt{ width:100%; max-width:1250px; height:auto; margin:auto; display:table }

.comyu{ width:25%; height:auto; padding:20px; float:left; background:rgba(0,0,0,0.02)}

.comyu input{ width:100%; padding:4px; margin-bottom:10px; border: 1px solid #FFFFFF;font-family: 'Montserrat-Regular';}
.comyu textarea{ width:100%; height:70px; padding:4px; margin-bottom:0px; border: 1px solid #FFFFFF;
font-family: 'Montserrat-Regular';
}
#campo_mail a{ color:#FF0004; text-decoration:none;  font-family: 'Roboto-Light'; font-size:17px}

.top2 ul{ list-style:none}

.top2 ul li a{ 
background: rgba(220,0,4,1);
background: -moz-linear-gradient(top, rgba(220,0,4,1) 0%, rgba(179,0,3,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,0,4,1)), color-stop(100%, rgba(179,0,3,1)));
background: -webkit-linear-gradient(top, rgba(220,0,4,1) 0%, rgba(179,0,3,1) 100%);
background: -o-linear-gradient(top, rgba(220,0,4,1) 0%, rgba(179,0,3,1) 100%);
background: -ms-linear-gradient(top, rgba(220,0,4,1) 0%, rgba(179,0,3,1) 100%);
background: linear-gradient(to bottom, rgba(220,0,4,1) 0%, rgba(179,0,3,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc0004', endColorstr='#b30003', GradientType=0 );


 color:#fff; float:left; width:100%; margin-bottom:2px; padding:13px; border-radius:8px; text-align:center; text-decoration:none; font-size:14px;}
 
 .top2 ul li a:hover{background: rgba(220,0,4,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(220,0,4,1) 0%, rgba(179,0,3,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(220,0,4,1)), color-stop(100%, rgba(179,0,3,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(220,0,4,1) 0%, rgba(179,0,3,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(220,0,4,1) 0%, rgba(179,0,3,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(220,0,4,1) 0%, rgba(179,0,3,1) 100%);
background: radial-gradient(ellipse at center, rgba(220,0,4,1) 0%, rgba(179,0,3,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc0004', endColorstr='#b30003', GradientType=1 ); 

 color:#FCEB05;

}
 
 

.logo001{ display:none}
.logo71{display:block}

.foto05{ float:right}

@media screen and (max-width:950px){
	
	.g1{   width:100%;}
	
.v1{ width:100%; float:left; padding:10px; background:#000; margin-bottom:5px;}
.v2{ width:100%; float:left; padding:10px; background:#000; margin-bottom:5px;}
.v3{ width:100%; float:left; padding:10px; background:#000; margin-bottom:5px;}
	
	
	
		 .conte05 img{ width:100%; height:auto; float:left; margin-right:0px; margin-bottom:10px}
	 .conte03 img{ width:100%; height:auto; float:left; margin-right:0px; margin-bottom:10px}
	  .conte01 img{ width:100%; height:auto; float:left; margin-right:0px; margin-bottom:10px}
	.foto05{ width:100%; height:auto; float:none}
	
	.bars2 img{ width:100%; height:auto; margin-bottom:5px;}
	.logo71{display:none}
	.logo001{ display:block}
	
	.foto01{ display:none}
	
	.comyu{ width:100%; }
	
	.direccion{width:100%;}
	.dire{ width:80%; float:none; margin:auto; margin-bottom:20px}
	
	 .modulo01{ width:25%; float:left; padding:30px; padding-right:0px}
	
	
	.ca2{ width:100%;}
	.ca{ width:100%;}
	 .conte01{ width:100%; }
 .modulo01{ width:100%; padding:10px;padding-right:10px }
	
	.slider{ padding-top:0px;}
	
	.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%; ; min-height:50px; background:#1D1D1D}
.logo{ width:80%;  height:auto; float:none;  margin:auto;margin-top:5px;}
.izquierda{ width:90%; float:left}

.pie-pagina{ background-size:500%}

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