/*------------------------------------*\
    $CONTENIDO
\*------------------------------------*/
/**
 * FUENTES...........Importamos fuentes de iconos 
 * BODY...............Establece los valores iniciales
 * HEADER...........Logo y navegacion del sitio
 * FOOTER...........Datos de contacto y redes sociales
 * BANNER...........Establece el comportamiento del banner
 * ANIMACIONES...........Definimos las animaciones
 
 .
 
 
 
/*------------------------------------*\
    $FUENTES
\*------------------------------------*/






@font-face {
  font-family: 'HelveticaNeue-Condensed';
  src: url('../fonts/HelveticaNeue-Condensed.eot?#iefix') format('embedded-opentype'),  
  	   url('../fonts/HelveticaNeue-Condensed.otf')  format('opentype'),
	   url('../fonts/HelveticaNeue-Condensed.woff') format('woff'),
	   url('../fonts/HelveticaNeue-Condensed.ttf')  format('truetype'),
	   url('../fonts/HelveticaNeue-Condensed.svg#HelveticaNeue-Condensed') format('svg');
  font-weight: normal;
  font-style: normal;
}





@font-face {
  font-family: 'UniversCondensed';
  src: url('../fonts/UniversCondensed.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/UniversCondensed.woff') format('woff'),
	   url('../fonts/UniversCondensed.ttf')  format('truetype'), 
	   url('../fonts/UniversCondensed.svg#UniversCondensed') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UniversLTStd-LightCn';
  src: url('../fonts/UniversLTStd-LightCn.eot?#iefix') format('embedded-opentype'),  
       url('../fonts/UniversLTStd-LightCn.otf')  format('opentype'),
	   url('../fonts/UniversLTStd-LightCn.woff') format('woff'), 
	   url('../fonts/UniversLTStd-LightCn.ttf')  format('truetype'), 
	   url('../fonts/UniversLTStd-LightCn.svg#UniversLTStd-LightCn') format('svg');
  font-weight: normal;
  font-style: normal;
}






.prueba-img{ padding-left:0%; padding-right:0%; z-index:2}
.prueba-diagonal{ position:relative; top:-250px; left:100px; background-color:#0C3;  transform: skew(-23deg, 0deg); -ms-transform: skew(-23deg, 0deg); -moz-transform: skew(-23deg, 0deg);
 -webkit-transform: skew(-23deg, 0deg); -o-transform: skew(-23deg, 0deg); z-index:3}
.prueba-diagonal-texto{ transform: skew(13deg, 0deg); -ms-transform: skew(13deg, 0deg); -moz-transform: skew(13deg, 0deg);
 -webkit-transform: skew(13deg, 0deg); -o-transform: skew(13deg, 0deg);}



/*------------------------------------*\
    $BODY
\*------------------------------------*/
body{font-family:"HelveticaNeue-Condensed"; font-size:10pt;  background-image:url(../images/main/background.jpg);
background-repeat:no-repeat;background-position:left bottom;background-size:100% auto; overflow-x:hidden;} 

.body{font-family:"HelveticaNeue-Condensed"; background-image:url(../images/main/background-body.jpg);
background-repeat:no-repeat;background-position:left bottom;background-size:100% auto; overflow-x:hidden;} 



/*------------------------------------*\
    $MODIFICADORES
\*------------------------------------*/
/*** imagenes ***/
.img--center{ margin-left:auto; margin-right:auto;}
.img--left{ margin-right:auto;}
.img--right{ margin-left:auto;}
/*** margin ***/
.margin-top-2{ margin-top:2%;}
.margin-top-3{ margin-top:3%;}
.margin-top-4{ margin-top:4%;}
.margin-top-5{ margin-top:5%;}
.margin-top-6{ margin-top:6%;}
.margin-top-7{ margin-top:7%;}
.margin-top-8{ margin-top:8%;}
.margin-top-9{ margin-top:9%;}
.margin-top-10{ margin-top:10%;}
.margin-top-11{ margin-top:11%;}
.margin-top-12{ margin-top:12%;}
.margin-top-13{ margin-top:13%;}
.margin-top-14{ margin-top:14%;}
.margin-top-15{ margin-top:15%;}
.margin-top-16{ margin-top:16%;}
.margin-top-17{ margin-top:17%;}
.margin-top-18{ margin-top:18%;}
.margin-top-19{ margin-top:19%;}
.margin-top-20{ margin-top:20%;}

.margin-bottom-2{ margin-bottom:2%;}
.margin-bottom-3{ margin-bottom:3%;}
.margin-bottom-4{ margin-bottom:4%;}
.margin-bottom-5{ margin-bottom:5%;}
.margin-bottom-6{ margin-bottom:6%;}
.margin-bottom-7{ margin-bottom:7%;}
.margin-bottom-8{ margin-bottom:8%;}
.margin-bottom-9{ margin-bottom:9%;}
.margin-bottom-10{ margin-bottom:10%;}
.margin-bottom-11{ margin-bottom:11%;}
.margin-bottom-12{ margin-bottom:12%;}
.margin-bottom-13{ margin-bottom:13%;}
.margin-bottom-14{ margin-bottom:14%;}
.margin-bottom-15{ margin-bottom:15%;}
.margin-bottom-16{ margin-bottom:16%;}
.margin-bottom-17{ margin-bottom:17%;}
.margin-bottom-18{ margin-bottom:18%;}
.margin-bottom-19{ margin-bottom:19%;}
.margin-bottom-20{ margin-bottom:20%;}

.margin-left-1{ margin-left:1%;}
.margin-left-2{ margin-left:2%;}
.margin-left-3{ margin-left:3%;}
.margin-left-4{ margin-left:4%;}
.margin-left-5{ margin-left:5%;}
.margin-left-6{ margin-left:6%;}
.margin-left-7{ margin-left:7%;}
.margin-left-8{ margin-left:8%;}
.margin-left-9{ margin-left:9%;}
.margin-left-10{ margin-left:10%;}


.margin-right-1{ margin-right:1%;}
.margin-right-2{ margin-right:2%;}
.margin-right-3{ margin-right:3%;}
.margin-right-4{ margin-right:4%;}
.margin-right-5{ margin-right:5%;}
.margin-right-6{ margin-right:6%;}
.margin-right-7{ margin-right:7%;}
.margin-right-8{ margin-right:8%;}
.margin-right-9{ margin-right:9%;}
.margin-right-10{ margin-right:10%;}
.margin-right-11{ margin-right:11%;}
.margin-right-12{ margin-right:12%;}
.margin-right-13{ margin-right:13%;}
.margin-right-14{ margin-right:14%;}
.margin-right-15{ margin-right:15%;}

/*** padding ***/
.padding-top-2{ padding-top:2%;}
.padding-top-3{ padding-top:3%;}
.padding-top-4{ padding-top:4%;}
.padding-top-5{ padding-top:5%;}
.padding-top-6{ padding-top:6%;}
.padding-top-7{ padding-top:7%;}
.padding-top-8{ padding-top:8%;}
.padding-top-9{ padding-top:9%;}
.padding-top-10{ padding-top:10%;}
.padding-top-11{ padding-top:11%;}
.padding-top-12{ padding-top:12%;}
.padding-top-13{ padding-top:13%;}
.padding-top-14{ padding-top:14%;}
.padding-top-15{ padding-top:15%;}
.padding-top-16{ padding-top:16%;}
.padding-top-17{ padding-top:17%;}
.padding-top-18{ padding-top:18%;}
.padding-top-19{ padding-top:19%;}
.padding-top-20{ padding-top:20%;}
.padding-top-20{ padding-top:20%;}
.padding-top-21{ padding-top:21%;}
.padding-top-22{ padding-top:22%;}
.padding-top-23{ padding-top:23%;}
.padding-top-24{ padding-top:24%;}
.padding-top-25{ padding-top:25%;}

.padding-bottom-2{ padding-bottom:1.5%;}
.padding-bottom-3{ padding-bottom:3%;}
.padding-bottom-4{ padding-bottom:4%;}
.padding-bottom-5{ padding-bottom:5%;}
.padding-bottom-6{ padding-bottom:6%;}
.padding-bottom-7{ padding-bottom:7%;}
.padding-bottom-8{ padding-bottom:8%;}
.padding-bottom-9{ padding-bottom:9%;}
.padding-bottom-10{ padding-bottom:10%;}
.padding-bottom-11{ padding-bottom:11%;}
.padding-bottom-12{ padding-bottom:12%;}
.padding-bottom-13{ padding-bottom:13%;}
.padding-bottom-14{ padding-bottom:14%;}
.padding-bottom-15{ padding-bottom:15%;}


.padding-left-0{padding-left:0%;}
.padding-right-0{padding-right:0%;}




/*------------------------------------*\
    $SECTIONS
\*------------------------------------*/
.section{ padding-top: 70px; text-align: center; height: 100%;
  background-position: center center;
  background-repeat:no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }




/*------------------------------------*\
    $TIPOGRAFIA
\*------------------------------------*/
.titulos{ font-family:'HelveticaNeue-Condensed'; font-size:5.0rem;}
.titulos--color-a{ color:#FFF;}
.titulos--color-b{ color:#4D4D4D;}




/*------------------------------------*\
    $NOTICIAS SETION
\*------------------------------------*/
.nosotros-section{}
.nosotros-section-container{height:450px; background:url(../images/nosotros/que-hacemos.png) no-repeat right, url(../images/nosotros/background2.jpg) no-repeat top left;}
.nosotros-section-container-a{/*height:450px;*/ background:url(../images/nosotros/background1-2.jpg) no-repeat left, url(../images/nosotros/background1-1.jpg) no-repeat top right;}
.nosotros-section--row{margin-bottom:8%; padding-top:0%;}
.nosotros-section--row-b{margin-bottom:8%; padding-top:0%;}
.nosotros-section-h2{font-family: 'UniversLTStd-LightCn'; font-size:4rem; color:#FFF; text-align:right;  font-style: italic; line-height:90%;   padding-right: 5%;}
.nosotros-section-h2--2{font-family: 'UniversLTStd-LightCn'; font-size:4rem; color:#FFF; text-align:left;font-style: italic; line-height:90%;padding-left:5%; }
.nosotros-section--div-h2{background-color:#F36503; height:136px; margin-top:-3.5%}
.nosotros-section-p{font-family: 'UniversLTStd-LightCn'; font-size:1.7rem; color:#373435; text-align:right; white-space:pre-line; padding-right: 5%;padding-left: 6%;}
.nosotros-section-p--2{font-family: 'UniversLTStd-LightCn'; font-size:1.7rem; color:#373435; text-align:left; white-space:pre-line;padding-left:5%;  padding-right: 16%;}
.nosotros-section-img{ padding-left:0%; padding-right:0%; z-index:2; position:relative;}
.nosotros-section-img-2{padding-left:0%; padding-right:0%; z-index:2; position:relative;}
.nosotros-section-img-3{  padding-right:0%; z-index:3; position:relative; left:-30%;}
.barr{ height:291px; margin-top:6%; overflow-y:hidden}
.barr span{font-size:3rem; font-weight:bold;}
.barr .span-especial{ padding-top:5%;}
.barr .span-especial--first{ position:relative; top:3px; margin-bottom:2%;} 


.nosotros-section-div{padding-top:2%;}
.img-background1-responsive{display:none;}
.img-background2-responsive{display:none;}


/*------------------------------------*\
    $PRODUCTOS SETION
\*------------------------------------*/
.productos-section{}

/*   Productos industrial  */
/*.productos-section-item--border{border-right-style:groove; border-right-width:2px; border-right-color:#3F3E40;/* padding-left:2%;*//*}*/
.productos-section-item--border:after{content:"";background-color:#3F3E40; height:100%; width:2px; top:0; right:0; position:absolute;}
.productos-section-item-industrial{left:100px;/*transform: skew(-13deg, 0deg); -ms-transform: skew(-13deg, 0deg); -moz-transform: skew(-13deg, 0deg); -webkit-transform: skew(-13deg, 0deg); -o-transform: skew(-13deg, 0deg);*/}
.productos-section-item-industrial-texto{margin-top:0%; left:100px;  /* padding-top: 5%;transform: skew(13deg, 0deg); -ms-transform: skew(13deg, 0deg);-moz-transform: skew(13deg, 0deg); -webkit-transform: skew(13deg, 0deg); -o-transform: skew(13deg, 0deg);*/height: 90px; font-size: 2.8rem; font-weight: bold;  padding-left: 4%;padding-right:4%;  text-transform: uppercase;}
.productos-section-item--img{width:430px; height:320px;}
.productos-section-item-panel-heading{ color:#58585A; }
.productos-section-item-a{font-family: 'UniversLTStd-LightCn'; font-size:2rem; color:#FFF; text-align:left;}
.productos-section-item-p{font-family: 'UniversLTStd-LightCn'; font-size:1.7rem; color:#373435; text-align:left;}




 /*** acordeon ***/
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body{border:none; }

.servicios__acordeon-panel{ border:none; background-color:transparent;}
.servicios__acordeon-panel > .servicios__acordeon-heading{ margin-top:4%; background-color:#808080; border:none; border-radius: 0px 0px 0px 0px; cursor:pointer;}
.servicios__acordeon-panel:hover > .servicios__acordeon-heading:hover{ margin-top:4%; background-color:#F36503; border:none; border-radius: 0px 0px 0px 0px; }
/*.servicios__acordeon-panel--active > .servicios__acordeon-heading, .servicios__acordeon-panel > .servicios__acordeon-heading:hover{background:url(../images/productos/industrial/background-1.jpg);}*/
.servicios__acordeon-heading--h{ font-family: 'UniversLTStd-LightCn'; font-size:2.7rem; color:#FFFFFF;text-align:left;}
.servicios__acordeon-heading--h a{ text-decoration:none;}
.servicios__acordeon-body{ padding-top:6%;}
.servicios__acordeon-body--lista{ font-family: 'UniversLTStd-LightCn'; font-size:2.5rem; color:#373435; text-align:left; line-height:110%;}
.servicios__acordeon-body--lista li{ margin-bottom:3%;}





/*  collapse
---------------------------------- */
.panel-group .panel {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: none;
}
.panel-default > .panel-heading {
	padding: 0;
	outline: none;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	width: 100%;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border: 1px solid #f0f0f0;
	border-top: none;
	background-color: #fafafa;
	 font-family: 'TwCenMT-Regular';
	  font-size:1.6rem;
}
.panel-heading a {
	font-weight: 400;
	padding: 12px 35px 12px 15px;
	display: inline-block;
	width: 100%;
	background-color: #F67B26;
	color: #ffffff;
	position: relative;
	text-decoration: none;
}
.panel-dark .panel-heading a,
.panel-dark .panel-heading a:hover {
	background-color: #333333;
}
.panel-transparent .panel-default > .panel-heading,
.panel-transparent .panel-default > .panel-heading + .panel-collapse > .panel-body {
	background-color: transparent;
	color: inherit;
}
.panel-transparent .panel-heading a {
	border: 1px solid #f1f1f1;
}
.panel-transparent .panel-heading a.collapsed {
	color: inherit;
	background-color: transparent;
}
.panel-heading a.collapsed {
	color: #ffffff;
	background-color: #808080;
}
.panel-heading a:after {
	font-family: "FontAwesome";
	content: "\f147";
	position: absolute;
	right: 15px;
	font-size: 14px;
	font-weight: 300;
	top: 50%;
	line-height: 1;
	margin-top: -7px;
}
.panel-heading a.collapsed:after {
	content: "\f196";
}
.panel-heading a:hover,
.panel-transparent .panel-heading a:hover {
	text-decoration: none;
	background-color: #F67B26;
	color: #ffffff;
}
.panel-title a i {
	padding-right: 10px;
	font-size: 20px;
}




.sync1i .item{
    background: transparent;
    padding: 10px 0px;
    margin: 5px;
    color: #A8A8AD ;
	font-size:2rem;
	font-family: 'UniversLTStd-LightCn';
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
	cursor:pointer;
}
.#sync2i .item{
    background: #FFF;
    padding: 10px 0px;
    margin: 5px;
    color: #373435;
    height:110px;
	font-family: 'UniversLTStd-LightCn';
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}
#sync2i .item h1{
  font-size: 20px;
  cursor:pointer;
}
#sync2i .synced .item{
 background: #fff;
 height:90px;
 color: #F16736;
 font-family: 'HelveticaNeue-Condensed';
font-weight:bold;
cursor:pointer;

}
 
/*------------------------------------*\
    $NOTICIAS SETION
\*------------------------------------*/
.noticias-section{}
.noticias-section-h2{font-family: 'UniversLTStd-LightCn'; font-size:4.5rem; color:#848688; text-align:right; font-style:italic;}
.noticias-section-p{font-family: 'UniversLTStd-LightCn'; font-size:2rem; color:#373435; text-align:right; white-space:pre-line; line-height:25px; padding-left:9%;}
.noticias-section-p span{font-size:3rem;}
.noticias-section-h2-1{font-family: 'UniversLTStd-LightCn'; font-size:3rem; color:#3F3E40; text-align:left;font-style:italic;}
.noticias-section--col-lg-10{background:url(../images/noticias/barra.jpg) no-repeat; background-position:center center; height:63px; padding-left:0%; padding-right:0%; padding-top:6%;}
.noticias-section--h2-panel{font-family: 'UniversLTStd-LightCn'; font-size:3.7rem;padding-right: 3%; color:#4B4B4D; text-align:right; font-style:italic;line-height: 100%;}
.noticias-section--h2-span-panel{font-family: 'UniversLTStd-LightCn'; font-size:4.7rem; color:#4B4B4D; text-align:right; font-style:italic;}
.c-font-17-1{font-family: 'UniversLTStd-LightCn'; font-size:2rem; color:#373435; text-align:right;  line-height: 130%;}
.noticias-section-panel-a{font-family: 'UniversLTStd-LightCn'; font-size:2rem; color:#FFF; text-align:right; margin-left:70%;}
.noticias-section-panel--div-a{background:url(../images/noticias/fondo-ver.png) no-repeat right;}
.img-noticias{width:333px; height:75px;}
.noticias-section--img-noticias{height:400px; width:420px;}
/*.noticias-section--item{width:800px !important;}*/
.noticias-section--item--1{/*margin-right:-68%;*/}
.noticias-section--item--2{/*margin-left:-30px;*/}
.noticias-section--item--3{/*margin-left:-90%;*/}
.noticias-section--item-diagonal{ width:230px;transform: skew(-23deg, 0deg); -ms-transform: skew(-23deg, 0deg); -moz-transform: skew(-23deg, 0deg);
 -webkit-transform: skew(-23deg, 0deg); -o-transform: skew(-23deg, 0deg); z-index:3} 
.noticias-section--item-diagonal-img{transform: skew(-1deg, 0deg); -ms-transform: skew(-1deg, 0deg); -moz-transform: skew(-1deg, 0deg);
 -webkit-transform: skew(-1deg, 0deg); -o-transform: skew(-1deg, 0deg); z-index:3}





#sync1 .item{
    background-color:transparent;
    padding: 80px 0px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}
#sync2 .item{
   /* background: #C9C9C9;*/
    padding: 5px 0px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

#sync2 .synced .item{
  /*background: #E43C4A;*/
}

.sync2{
padding-top:3%;
}


#sync2-margim{margin-left:10%;}



/*------------------------------------*\
    $CATEGORIAS SETION
\*------------------------------------*/
.categorias-section{}
.categorias-section-h2{font-style:italic; font-weight:bold; font-size:2.6rem;}
.categorias-section-h2-span{font-style:italic; font-weight:bold; font-size:2.6rem;}
.categorias-section--p{font-family:'HelveticaNeue-Condensed'; font-style:italic; font-weight:bold; font-size:2rem; color:#58585A;  margin-top:9px; text-align:left; margin-left:17%;}
.categorias-section--p--margin{ text-align:center; margin-left:0%;}

.categorias-section--col-embotellado{ background-color:#F36503; margin-right:15px; height:72px; width:250px;
  left:100px;  transform: skew(-23deg, 0deg); -ms-transform: skew(-23deg, 0deg); -moz-transform: skew(-23deg, 0deg);
 -webkit-transform: skew(-23deg, 0deg); -o-transform: skew(-23deg, 0deg); 
}

.categorias-section--col-embotellado-texto{ background-color:#F36503; margin-top: 4%; cursor:pointer;
  left:100px;  transform: skew(23deg, 0deg); -ms-transform: skew(23deg, 0deg); -moz-transform: skew(23deg, 0deg);
 -webkit-transform: skew(23deg, 0deg); -o-transform: skew(23deg, 0deg); 
}

.categorias-section--col-oil{background-color:#D63900;  margin-right:15px; height:72px; width:250px;
  left:100px; ;  transform: skew(-23deg, 0deg); -ms-transform: skew(-23deg, 0deg); -moz-transform: skew(-23deg, 0deg);
 -webkit-transform: skew(-23deg, 0deg); -o-transform: skew(-23deg, 0deg);
}

.categorias-section--col-oil-texto{background-color:#D63900; margin-top: 4%; cursor:pointer;
  left:100px; ;  transform: skew(23deg, 0deg); -ms-transform: skew(23deg, 0deg); -moz-transform: skew(23deg, 0deg);
 -webkit-transform: skew(23deg, 0deg); -o-transform: skew(23deg, 0deg);
}

.categorias-section--col-industrial{background-color:#90291B; height:72px; margin-right:15px; width:250px;
  left:100px;   transform: skew(-23deg, 0deg); -ms-transform: skew(-23deg, 0deg); -moz-transform: skew(-23deg, 0deg);
 -webkit-transform: skew(-23deg, 0deg); -o-transform: skew(-23deg, 0deg); 
}

.categorias-section--col-industrial-texto{background-color:#90291B; padding-top:1%; cursor:pointer;
  left:100px;   transform: skew(23deg, 0deg); -ms-transform: skew(23deg, 0deg); -moz-transform: skew(23deg, 0deg);
 -webkit-transform: skew(23deg, 0deg); -o-transform: skew(23deg, 0deg); 
}


/*fancybox;*/
.categorias-section--fancybox-div{border-bottom:3px solid #FFF; text-align:center;width: 95%;}
.categorias-section--fancybox-div-2{padding-top:6%;}
.categorias-section--fancybox-div-3{padding-top:6%;}
.categorias-section--fancybox-div-4{/*padding-top:6%;*/}
.categorias-section--fancybox-h2{font-family:'HelveticaNeue-Condensed'; font-size:4rem;color:#FFF; font-style:italic;}
.categorias-section--fancybox-h2--span{font-family:'HelveticaNeue-Condensed'; font-size:6rem;color:#FFF;font-weight:bold; padding-left:12%;}
.categorias-section--p{font-family:'HelveticaNeue-Condensed';}

.categorias-section--col-embotellado-fancybox2{background-color:#F36503; margin-right:10px; height:80px;  width:210px;
  left:40px;   transform: skew(-23deg, 0deg); -ms-transform: skew(-23deg, 0deg); -moz-transform: skew(-23deg, 0deg);
 -webkit-transform: skew(-23deg, 0deg); -o-transform: skew(-23deg, 0deg);cursor:pointer; 
}

.categorias-section--col-embotellado-texto-fancybox2{background-color:#F36503; padding-top:7px; padding-left:19%; color:#FFF; font-size:2.5rem; font-style:italic;
  left:70px;   transform: skew(23deg, 0deg); -ms-transform: skew(23deg, 0deg); -moz-transform: skew(23deg, 0deg);
 -webkit-transform: skew(23deg, 0deg); -o-transform: skew(23deg, 0deg); 
}

.categorias-section--col-alimentos-fancybox2{background-color:#D63900;  margin-right:10px; height:80px; width:210px;
  left:50px; ;  transform: skew(-23deg, 0deg); -ms-transform: skew(-23deg, 0deg); -moz-transform: skew(-23deg, 0deg);
 -webkit-transform: skew(-23deg, 0deg); -o-transform: skew(-23deg, 0deg);  cursor:pointer;
}

.categorias-section--col-alimentos-texto-fancybox2{background-color:#D63900;/* margin-top: 1%;*/ color:#FFF; padding-top:5%; padding-left:28%; font-size:2.5rem; font-style:italic;
  left:70px; ;  transform: skew(23deg, 0deg); -ms-transform: skew(23deg, 0deg); -moz-transform: skew(23deg, 0deg);
 -webkit-transform: skew(23deg, 0deg); -o-transform: skew(23deg, 0deg);
}

.categorias-section--col-microcerveceria-fancybox2{background-color:#90291C;  margin-right:10px; height:80px; width:255px; padding-top:1%;
  left:60px; ;  transform: skew(-23deg, 0deg); -ms-transform: skew(-23deg, 0deg); -moz-transform: skew(-23deg, 0deg);
 -webkit-transform: skew(-23deg, 0deg); -o-transform: skew(-23deg, 0deg);cursor:pointer;
}

.categorias-section--col-microcerveceria-texto-fancybox2{background-color:#90291C; margin-top: 1%; color:#FFF; padding-top:8%; padding-left:12%; font-size:2.5rem; font-style:italic;
  left:70px; ;  transform: skew(23deg, 0deg); -ms-transform: skew(23deg, 0deg); -moz-transform: skew(23deg, 0deg);
 -webkit-transform: skew(23deg, 0deg); -o-transform: skew(23deg, 0deg);
}


.categorias-section--col-oil-fancybox{background-color:#D63900;  margin-right:15px; height:80px; width:290px; cursor:pointer;
  left:100px; ;  transform: skew(-23deg, 0deg); -ms-transform: skew(-23deg, 0deg); -moz-transform: skew(-23deg, 0deg);
 -webkit-transform: skew(-23deg, 0deg); -o-transform: skew(-23deg, 0deg);
}

.categorias-section--col-oil-texto-fancybox{background-color:transparent; margin-top: 1%; color:#FFF; padding-top:7%; text-align:center; font-size:3.5rem; font-style:italic; position:relative; width:250px;  left:-4px;  transform: skew(23deg, 0deg); -ms-transform: skew(23deg, 0deg); -moz-transform: skew(23deg, 0deg);
 -webkit-transform: skew(23deg, 0deg); -o-transform: skew(23deg, 0deg);
}


.categorias-section--col-mineria-fancybox{background-color:#F36503; height:80px; margin-right:15px; width:280px; cursor: pointer;
  left:100px;   transform: skew(-23deg, 0deg); -ms-transform: skew(-23deg, 0deg); -moz-transform: skew(-23deg, 0deg);
 -webkit-transform: skew(-23deg, 0deg); -o-transform: skew(-23deg, 0deg); 
}

.categorias-section--col-cementos-fancybox{background-color:#F36503;/* height:90px; margin-right:15px;*/ width:410px; cursor: pointer;height:80px;
  left:40px;   transform: skew(-23deg, 0deg); -ms-transform: skew(-23deg, 0deg); -moz-transform: skew(-23deg, 0deg);
 -webkit-transform: skew(-23deg, 0deg); -o-transform: skew(-23deg, 0deg); 
}


.categorias-section--col-ferroviario-fancybox{background-color:#D63900;/* height:90px; margin-right:15px;*/ width:390px; cursor: pointer;height:80px;
  left:60px;   transform: skew(-23deg, 0deg); -ms-transform: skew(-23deg, 0deg); -moz-transform: skew(-23deg, 0deg);
 -webkit-transform: skew(-23deg, 0deg); -o-transform: skew(-23deg, 0deg); 
}

.categorias-section--col-mineria-texto-fancybox{background-color:#F36503; padding-top:2px; text-align:center; color:#FFF; font-size:3.5rem; font-style:italic; 
  left:100px;   transform: skew(23deg, 0deg); -ms-transform: skew(23deg, 0deg); -moz-transform: skew(23deg, 0deg);
 -webkit-transform: skew(23deg, 0deg); -o-transform: skew(23deg, 0deg); 
}


.categorias-section--col-cementos-texto-fancybox{background-color:#F36503; padding-top:2px; text-align:center; color:#FFF; font-size:3.4rem; font-style:italic; 
  left:-3px;position:relative;   transform: skew(20deg, 0deg); -ms-transform: skew(20deg, 0deg); -moz-transform: skew(20deg, 0deg);
 -webkit-transform: skew(20deg, 0deg); -o-transform: skew(20deg, 0deg); 
}


.categorias-section--col-ferroviario-texto-fancybox{background-color:#D63900; padding-top:2px; text-align:center; color:#FFF; font-size:3.5rem; font-style:italic; 
 left:-3px;position:relative; transform: skew(20deg, 0deg); -ms-transform: skew(20deg, 0deg); -moz-transform: skew(20deg, 0deg);
 -webkit-transform: skew(20deg, 0deg); -o-transform: skew(20deg, 0deg); 
}

.noticias-titulo{position:relative;   top: 35px;}

/*------------------------------------*\
    $REPRESENTACIONES SETION
\*------------------------------------*/
.representaciones-section{}
.representaciones-h2{ }
.representaciones-h2-img{text-align:right; width:350px;}
.representaciones-h2-certificaciones{ font-family: 'UniversLTStd-LightCn'; font-weight:bold; font-size:2.3rem; color:#fff; }
.representaciones-section--col-lg-2{background:url(../images/representaciones/franja.png) no-repeat; background-position:center center; height:63px; margin-left:6%; padding-right:0%; }
.img--certificaciones{display:block;margin:auto;position: relative; top: 20px;}
.img--certificaciones-responsive {display:none;}
.prueba{}



/*------------------------------------*\
    $GALERIA SECTION
\*------------------------------------*/ 


/*** carousel galeria ***/
.c-galeria-bloque{}
.c-galeria-bloque-owl{}
.c-galeria-bloque-owl__item{ cursor:pointer; margin-right:5%;}


/*** owl styles carousel galeria ***/
.owl-carousel-arrows{ position:relative; top:83px;} 
.owl-carousel-arrows .prev, .owl-carousel-arrows .next{background-repeat:no-repeat; background-color:transparent;  padding-bottom:35%; border:none;}
.owl-carousel-arrows .prev{background-image:url(../images/galeria/arrow_left.png);}
.owl-carousel-arrows .next{background-image:url(../images/galeria/arrow_right.png);}


/*** carousel clientes ***/

.c-marcas-bloque{}
.c-marcas-bloque-owl{}
.c-marcas-bloque-owl__item{ cursor:pointer; margin-right:5%;}





/*** titulos ***/
.titulo-tomador{ color:#333333; margin-top:4%; margin-bottom:4%;}





/*------------------------------------*\
    $HEADER
\*------------------------------------*/

.c-info-header__social{ display: inline-block; width:30px; height:30px; margin: 1px 5px 1px 5px; }
.c-info-header__social-a--facebook{ background-image:url(../images/main/facebook-header.png); background-position: 0px 0px; background-repeat:no-repeat; }
.c-info-header__social-a--bandera{ background-image:url(../images/main/bandera.jpg); background-position: 0px 0px; background-repeat:no-repeat;}
.c-info-header__social-a--youtube{background-image:url(../images/main/youtube-header.png); background-position: 0px 0px; background-repeat:no-repeat;}
.c-info-header__social-a--linked{background-image:url(../images/main/linked.png); background-position: 0px 0px; background-repeat:no-repeat;}




/*** header ***/
.header-main{}
.header-info{height:70px;padding-top:20px;}
.header-main--p{ font-family:'HelveticaNeue-Condensed'; font-style:italic; font-weight:bold; font-size:1.6rem;display:inline-block;}
.header-main--p--a{font-family:'HelveticaNeue-Condensed'; font-weight:bold; font-size:1.6rem; display:inline-block;}
.barra:after{content:'/'; color:#A9ABAE; display:inline; text-align: right;line-height:0px; margin-top:0px; position:relative;top:5px; padding-left:5px; font-size:2.5rem;}

.header-main--top1{position:relative; top:-8px;}
.header-main--top2{position:relative; top:-8px; padding-right:2%;}



/*** logo header ***/
.c-logo-header{font-family:'HelveticaNeue-Condensed'; padding-top:4%; padding-bottom:4%;}
/*** logo ***/
.logo-tanuzi{ position:relative; top:-70px; width:50%;  left:-4%; }
.img-logo-header{visibility:hidden;}
.logo-tanuzi-img{}

/*** logo brand **/
.logo-brand{ padding-top:0%; position:relative; top:-70px; left: -20%;}


/*** navegacion ***/
.container-navegacion-horizontal{background-color:#939598; padding-top:1%; background-image:url(../images/main/background.png); background-position:left;
 background-repeat:no-repeat;/* margin-bottom:0%;*/}
.navegacion-horizontal{ width:61.5%; text-align:center;/* margin-top:-1.3%;**/ -webkit-margin-before:0%; }


/*** li general ***/ 
.navegacion-horizontal__li{ width:16.6%; font-family:'HelveticaNeue-Condensed';font-size:2rem;font-style:italic; font-weight:bold;  /***background-color:#FFF;***/}


/*** li general hover - li general active ***/ 
/*.navegacion-horizontal__li:hover,.navegacion-horizontal__li:focus,.navegacion-horizontal__li--active{ background-color:#B1D968; font-weight:bold;} */ 


/*** li individuales ***/ 
.navegacion-horizontal__inicio{width:10%; background-color:transparent;}
.navegacion-horizontal__compania{background-color:transparent; width:14%;}
.navegacion-horizontal__productos{ background-color:transparent; width:15%;}
.navegacion-horizontal__puntos-de-venta{width:20.5%; background-color:transparent;width:15%;}
.navegacion-horizontal__noticias{ background-color:transparent;width:13%; }
.navegacion-horizontal__contacto{width:17%; background-color:transparent;}

/*** li individuales hover - li individuales active ***/ 
.navegacion-horizontal__inicio:hover,.navegacion-horizontal__inicio:focus,.navegacion-horizontal__inicio--active{ background-color:transparent; border-bottom:2px solid #BCBDC0;}

.navegacion-horizontal__compania:hover,.navegacion-horizontal__compania:focus,.navegacion-horizontal__compania--active{ background-color:transparent;  border-bottom:2px solid #BCBDC0;}

.navegacion-horizontal__productos:hover,.navegacion-horizontal__productos:focus,.navegacion-horizontal__productos--active{background-color:transparent; border-bottom:2px solid #BCBDC0;}
.navegacion-horizontal__puntos-de-venta:hover,.navegacion-horizontal__puntos-de-venta:focus,.navegacion-horizontal__puntos-de-venta--active{ background-color:transparent;  border-bottom:2px solid #BCBDC0;}
.navegacion-horizontal__noticias:hover,.navegacion-horizontal__noticias:focus,.navegacion-horizontal__noticias--active{background-color:transparent;  border-bottom:2px solid #BCBDC0;} 
.navegacion-horizontal__contacto:hover,.navegacion-horizontal__contacto:focus,.navegacion-horizontal__contacto--active{background-color:transparent; border-bottom:2px solid #BCBDC0;}


/*** li individuales open ***/
.navegacion-horizontal__productos.open { background-color:transparent; color:#FFF;}



/*** li a general ***/ 
.navegacion-horizontal > .navegacion-horizontal__li > a{ padding-top:5px; padding-bottom:7px;     background-color: transparent;}
.navegacion-horizontal > .navegacion-horizontal__li > a p{ margin-bottom:0%;}
.navegacion-horizontal__li-a--normal { color:#FFF ;background-color: transparent;}
.navegacion-horizontal__li-a--active {color:#FFF;background-color: transparent;}




/*** li a general hover - li a general active  ***/
.navegacion-horizontal__li-a--normal:hover,.navegacion-horizontal__li-a--normal:active,.navegacion-horizontal__li-a--normal:focus,
.navegacion-horizontal__li-a--active:hover,.navegacion-horizontal__li-a--active:active,.navegacion-horizontal__li-a--active:focus{color:#FFF; font-weight:bold;background-color:transparent;}


/*** li a general hover reset  ***/
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__li > a:hover{background-color:transparent;}


/*** li a indivuales focus reset  ***/
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__inicio > a:focus {background-color:transparent; border-bottom:2px solid #BCBDC0;}
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__compania > a:focus {background-color:transparent; border-bottom:2px solid #BCBDC0;}
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__productos > a:focus {background-color:transparent; border-bottom:2px solid #BCBDC0;}
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__puntos-de-venta > a:focus {background-color:transparent; border-bottom:2px solid #BCBDC0;}
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__noticias > a:focus {background-color:transparent; border-bottom:2px solid #BCBDC0;}
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__contacto > a:focus {background-color:transparent; border-bottom:2px solid #BCBDC0;}


/*** li a individuales open ***/
.nav .open > .navegacion-horizontal__productos-a, .nav .open > .navegacion-horizontal__productos-a:focus, .nav .open > .navegacion-horizontal__productos-a:hover { border-bottom:2px solid #BCBDC0; color:#FFF;    background-color: transparent;}
 



/*** info header 
.c-info-header{font-family:'HelveticaNeue-Condensed'; padding-top:0%; padding-bottom:0%; background-color:#005427; height:39px;}
.c-info-header__p{ color:#ffffff; font-size:1.5rem; line-height:150%;}
.c-info-header__p span{ font-weight:bold;}
.c-info-header__p--inline{display: inline-block; margin-right:3%;}
.c-info-header__p--top1{position:relative; top:10px;}
.c-info-header__p--top2{position:relative; top:-14px;}
.c-info-header__social-a{ display: inline-block; width: 37px; height:39px; margin: 0px 0px 0px 0px;}
.c-info-header__social-a--facebook{ background-image:url(../images/main/facebook-header.png); background-position: 0px 0px; background-repeat:no-repeat;}
.c-info-header__social-a--twitter{ background-image:url(../images/main/twitter-header.png); background-position: 0px 0px; background-repeat:no-repeat;}
.c-info-header__social-a--instagram{ background-image:url(../images/main/instagram-header.png); background-position: 0px 0px; background-repeat:no-repeat;}

***/


/*** navegacion 

.container-navegacion-horizontal{background-color:#929497; margin-bottom:1%;  text-align:center;}
.navegacion-horizontal{ text-align:center;  margin-bottom:1%; margin-top:-4%;  background-color:transparent;  margin-left:35%; width:70.5%; padding-top:0%; /*padding-bottom:0.5%;*//* }***/


/*** li general *
.navegacion-horizontal__li{ width:14.5% !important; font-family:'HelveticaNeue-Condensed';font-size:1.8rem; font-style:italic; font-weight:bold;/***background-color:#FFF;***/ /**}***/ 


/*** li general hover - li general active *
.navegacion-horizontal__li:hover,.navegacion-horizontal__li:focus,.navegacion-horizontal__li--active{ background-color:#B1D968; font-weight:bold;} 


/*** li individuales *
.navegacion-horizontal__inicio{ background-color:transparent;}
.navegacion-horizontal__nosotros{ background-color:transparent;}
.navegacion-horizontal__productos{ background-color:transparent;}
.navegacion-horizontal__noticias{ background-color:transparent; }
.navegacion-horizontal__contacto{ background-color:transparent; text-align:center !important; }


/*** li individuales hover - li individuales active **
.navegacion-horizontal__inicio:hover,.navegacion-horizontal__inicio:focus,.navegacion-horizontal__inicio--active{ background-color:#929497; font-weight:bold;}
.navegacion-horizontal__compania:hover,.navegacion-horizontal__compania:focus,.navegacion-horizontal__compania--active{ background-color:#929497; font-weight:bold;}
.navegacion-horizontal__productos:hover,.navegacion-horizontal__productos:focus,.navegacion-horizontal__productos--active{background-color:#929497; font-weight:bold;}
.navegacion-horizontal__puntos-de-venta:hover,.navegacion-horizontal__puntos-de-venta:focus,.navegacion-horizontal__puntos-de-venta--active{ background-color:#929497; font-weight:bold;}
.navegacion-horizontal__noticias:hover,.navegacion-horizontal__noticias:focus,.navegacion-horizontal__noticias--active{background-color:#929497; font-weight:bold;}
.navegacion-horizontal__contacto:hover,.navegacion-horizontal__contacto:focus,.navegacion-horizontal__contacto--active{background-color:#929497; font-weight:bold;}
.navegacion-horizontal__li-contacto:hover,..navegacion-horizontal__li-contacto:focus,..navegacion-horizontal__li-contacto--active{background-color:#929497; font-weight:bold; }

/*** li individuales open **
.navegacion-horizontal__productos.open { background-color:transparent; color:#FFF;}


/*** li a general 
/***.navegacion-horizontal > .navegacion-horizontal__li > a{ padding-top:29px; padding-bottom:19px;}*
.navegacion-horizontal__li-a--normal { color:#fff !important;height:50px;  cursor:pointer;}
.navegacion-horizontal__li-a--active {color:#FFF !important; height:50px;  border-bottom:4px solid #BBBDBF; width:80px; text-align:center;}
.navegacion-horizontal__li-contacto{color:#fff;}



/*** li a general hover - li a general active  **
.navegacion-horizontal__li-a--normal:hover,.navegacion-horizontal__li-a--normal:active,.navegacion-horizontal__li-a--normal:focus,
.navegacion-horizontal__li-a--active:hover,.navegacion-horizontal__li-a--active:active,.navegacion-horizontal__li-a--active:focus{color:#FFF; font-weight:bold; background-color:#929497; border-bottom:4px solid #BBBDBF;}


/*** li a general hover reset *
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__li > a:hover{background-color:#929497; border-bottom:4px solid #BBBDBF;}


/*** li a indivuales focus reset  *
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__inicio > a:focus {background-color:#929497; border-bottom:4px solid #BBBDBF;}
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__compania > a:focus {background-color:#929497; border-bottom:4px solid #BBBDBF;}
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__productos > a:focus {background-color:#929497; border-bottom:4px solid #BBBDBF;}
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__puntos-de-venta > a:focus {background-color:#929497; border-bottom:4px solid #BBBDBF;}
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__noticias > a:focus {background-color:#929497; border-bottom:4px solid #BBBDBF;}
.container-navegacion-horizontal .navegacion-horizontal > .navegacion-horizontal__contacto > a:focus {background-color:#929497; border-bottom:4px solid #BBBDBF;}


/*** li a individuales open **
.nav .open > .navegacion-horizontal__productos-a, .nav .open > .navegacion-horizontal__productos-a:focus, .nav .open > .navegacion-horizontal__productos-a:hover {background-color:#929497; border-bottom:4px solid #BBBDBF; color:#FFF;}
 
/***mega-menu  ***/
.c-mega-menu{ background-color:rgba(96, 96, 98, 0.8); text-align:center;}
.c-mega-menu:hover{font-weight:100;}
.c-mega-menu a{ color:#A9ABAE;  }
.c-mega-menu ul li, .c-mega-menu ul li a{font-family:'HelveticaNeue-Condensed'!important; font-size:1.6rem; color:#A9ABAE; font-weight:bold !important; }
.c-mega-menu ul li span{ padding-left:7%;}
.c-mega-menu ul li a:before{/*content:'.';*/ color:#A9ABAE; display:block; font-size: 30px; text-align: left; padding: 0;line-height:0px; margin-top:0px; margin-right:2%; position:relative;
top:-2px;}
.c-mega-menu ul li a:hover, .c-mega-menu ul li .active-li{ color:#FFF; font-weight:bold; background-color:transparent !important;}
.c-mega-menu__show-grid { clear: both;/* padding-top: 3%; padding-bottom:3%;*/}
.c-mega-menu__bloque-a{ /*padding-left:3%; padding-right:3%;*/}
.c-mega-menu__titulos{font-family:'titulo'; font-size:2.2rem; color:#808080; line-height:110%; margin-bottom:2%; }

.c-mega-menu__border{border-bottom:1px solid #A9ABAE;} 

.Phone{ font-family: 'UniversLTStd-LightCn'; font-size:1.8rem; color:#000;}
.ubi{ font-family: 'UniversLTStd-LightCn'; font-size:1.8rem; color:#000;}
.dir{ font-family: 'UniversLTStd-LightCn';font-size:1.8rem; color:#000;}
 


/*------------------------------------*\
    $BANNER
\*------------------------------------*/
.contenedor_banner{padding-left:0%; padding-right:0%; }
.banner_main{ position:relative; z-index:1;}







/*------------------------------------*\
    $MAIN
\*------------------------------------*/
.main-container{ padding-top:2%; padding-bottom:2%; background-image:url(../images/main/background-main.png);background-repeat:no-repeat;background-size:100% auto;}	




/*------------------------------------*\
    $FOOTER
\*------------------------------------*/
.footer{}
.footer-main{/*padding-top:40px;*/ padding-bottom:2%;}
.footer-main--col-5{text-align:left; padding-left: 10%;}
.footer-main--col-5-diagonal-texto{ /*transform: skew(-13deg, 0deg); -ms-transform: skew(-13deg, 0deg); -moz-transform: skew(-13deg, 0deg);
 -webkit-transform: skew(-13deg, 0deg); -o-transform: skew(-13deg, 0deg);*/}
.footer-main--p{color:#FFF;font-size:2.3rem; font-family:'UniversLTStd-LightCn'; line-height: 120%;}
.footer-main--p--2{/*padding-top:1%*/ }
.footer-main--p-span-1{color:#FFF; font-family:'UniversCondensed'; font-size:1.7rem;}
.footer-main--p-span-2{color:#FFF; font-family:'UniversLTStd-LightCn';font-size: 1.4rem;}
.footer-main--col-5-p{color:#FFF; font-family:'UniversLTStd-LightCn'; font-size:2.2rem; line-height:120%;padding-top:0%;position: relative; top: -18px; left:18%;}
.footer-main--col-5-p-span{color:#FFF; font-family:'UniversLTStd-LightCn';font-size:2.5rem;}
.footer-main-facebook{margin-right:3%;}
.footer-main--col-7{/* padding-left: 12%; */ position: relative; top: 10px;}
.footer-main--col-7-responsive{display:none;}
.ctitulo{ border-right: #FFF 2px solid; padding:3.7% 0% 3.7% 0%;}
.ctitulo__titulo{ font-family:'titulo'; font-size:2.2rem;}
.ccontenido{padding:3.7% 0% 3.7% 0%; text-align:left;}
.ccontenido_contenido{font-size:1.9rem;}
.ccontenido_contenido--border{ margin-right:2%; border-right: #FFF 1px solid;}
.ccontenido_contenido--padding{padding:0% 4% 0% 4%;}
/*** redes sociales ***/
.credes-sociales{ text-align:right;}
.credes-sociales_a{ position:relative; top:-16px; display: inline-block; width: 32px; height:42px; margin: 0px 8px 0px 0px;}
.credes-sociales_a--facebook{ background-image:url(../images/main/facebook-footer.png); background-position: 0px 0px; background-repeat:no-repeat;}
.credes-sociales_a--twitter{ background-image:url(../images/main/twitter-footer.png); background-position: 0px 0px; background-repeat:no-repeat;}
.credes-sociales_a--youtube{ background-image:url(../images/main/youtube-footer.png); background-position: 0px 0px; background-repeat:no-repeat;}





/*------------------------------------*\
    $INICIO
\*------------------------------------*/
/*** row 1 ***/







/*------------------------------------*\
    $FANCYBOX
\*------------------------------------*/
/**** FANCYBOX styles ****/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{padding: 0 0 4%;margin: 0;border: 0;outline: none;vertical-align: top;width: 821px !important; height: 462px !important;}
.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}
.fancybox-skin {position: relative;background-color:transparent;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; padding-bottom:5%;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('fancybox_sprite.png');}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url('fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url('blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {right: 10px;background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
/* Overlay helper */
.fancybox-lock {overflow: hidden !important;width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url('fancybox_overlay.png');}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
/* Title helper */
.fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;
white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}
.fancybox-type-iframe .fancybox-inner {overflow:hidden !important ;height:800px !important;}/***************************** IFRAME CORRECCION *******************/



.fancybox2{width:auto; height:auto; padding-bottom:5% !important;}




/*------------------------------------*\
    $ANIMACIONES
\*------------------------------------*/
.nekoAnim-invisible{opacity:0;}
.nekoAnim-visible{opacity:1;}
.nekoAnim-animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}@-webkit-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@-o-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
.nekoAnim-fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px);}
100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px);}
100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px);}
100%{opacity:1;transform:translateY(0);}
}
.nekoAnim-fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp;}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px);}
100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px);}
100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px);}
100%{opacity:1;transform:translateY(0);}
}
.nekoAnim-fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px);}
100%{opacity:1;-moz-transform:translateX(0);}
}
@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px);}
100%{opacity:1;-o-transform:translateX(0);}
}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px);}
100%{opacity:1;transform:translateX(0);}
}
.nekoAnim-fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px);}
100%{opacity:1;-moz-transform:translateX(0);}
}
@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px);}
100%{opacity:1;-o-transform:translateX(0);}
}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px);}
100%{opacity:1;transform:translateX(0);}
}
.nekoAnim-fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight;}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px);}
100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px);}
100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px);}
100%{opacity:1;transform:translateY(0);}
}
.nekoAnim-fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);}
100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px);}
100%{opacity:1;-moz-transform:translateY(0);}
}
@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px);}
100%{opacity:1;-o-transform:translateY(0);}
}
@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px);}
100%{opacity:1;transform:translateY(0);}
}
.nekoAnim-fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px);}
100%{opacity:1;-moz-transform:translateX(0);}
}
@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px);}
100%{opacity:1;-o-transform:translateX(0);}
}
@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px);}
100%{opacity:1;transform:translateX(0);}
}
.nekoAnim-fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);}
100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px);}
100%{opacity:1;-moz-transform:translateX(0);}
}
@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px);}
100%{opacity:1;-o-transform:translateX(0);}
}
@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px);}
100%{opacity:1;transform:translateX(0);}
}
.nekoAnim-fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}
@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);}
100%{-webkit-transform:translateY(0);opacity:1;}
}
@-moz-keyframes slideInDown{0%{opacity:0;-moz-transform:translateY(-2000px);}
100%{-moz-transform:translateY(0);opacity:1;}
}
@-o-keyframes slideInDown{0%{opacity:0;-o-transform:translateY(-2000px);}
100%{-o-transform:translateY(0);opacity:1;}
}
@keyframes slideInDown{0%{opacity:0;transform:translateY(-2000px);}
100%{transform:translateY(0);opacity:1;}
}
.nekoAnim-slideInDown{-webkit-animation-name:slideInDown;-moz-animation-name:slideInDown;-o-animation-name:slideInDown;animation-name:slideInDown;}
@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);}
100%{-webkit-transform:translateX(0);opacity:1;}
}
@-moz-keyframes slideInLeft{0%{opacity:0;-moz-transform:translateX(-2000px);}
100%{-moz-transform:translateX(0);opacity:1;}
}
@-o-keyframes slideInLeft{0%{opacity:0;-o-transform:translateX(-2000px);}
100%{-o-transform:translateX(0);opacity:1;}
}
@keyframes slideInLeft{0%{opacity:0;transform:translateX(-2000px);}
100%{transform:translateX(0);opacity:1;}
}
.nekoAnim-slideInLeft{-webkit-animation-name:slideInLeft;-moz-animation-name:slideInLeft;-o-animation-name:slideInLeft;animation-name:slideInLeft;}
@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);}
100%{-webkit-transform:translateX(0);opacity:1;}
}
@-moz-keyframes slideInRight{0%{opacity:0;-moz-transform:translateX(2000px);}
100%{-moz-transform:translateX(0);opacity:1;}
}
@-o-keyframes slideInRight{0%{opacity:0;-o-transform:translateX(2000px);}
100%{-o-transform:translateX(0);opacity:1;}
}
@keyframes slideInRight{0%{opacity:0;transform:translateX(2000px);}
100%{transform:translateX(0);opacity:1;}
}
.nekoAnim-slideInRight{-webkit-animation-name:slideInRight;-moz-animation-name:slideInRight;-o-animation-name:slideInRight;animation-name:slideInRight;}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);}
50%{opacity:1;-webkit-transform:scale(1.05);}
70%{-webkit-transform:scale(.9);}
100%{-webkit-transform:scale(1);opacity:1;}
}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3);}
50%{opacity:1;-moz-transform:scale(1.05);}
70%{-moz-transform:scale(.9);}
100%{-moz-transform:scale(1);opacity:1;}
}
@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3);}
50%{opacity:1;-o-transform:scale(1.05);}
70%{-o-transform:scale(.9);}
100%{-o-transform:scale(1);opacity:1;}
}
@keyframes bounceIn{0%{opacity:0;transform:scale(.3);}
50%{opacity:1;transform:scale(1.05);}
70%{transform:scale(.9);}
100%{transform:scale(1);opacity:1;}
}
.nekoAnim-bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn;}
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);}
60%{opacity:1;-webkit-transform:translateY(-30px);}
80%{-webkit-transform:translateY(10px);}
100%{-webkit-transform:translateY(0);opacity:1;}
}
@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px);}
60%{opacity:1;-moz-transform:translateY(-30px);}
80%{-moz-transform:translateY(10px);}
100%{-moz-transform:translateY(0);opacity:1;}
}
@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px);}
60%{opacity:1;-o-transform:translateY(-30px);}
80%{-o-transform:translateY(10px);}
100%{-o-transform:translateY(0);opacity:1;}
}
@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px);}
60%{opacity:1;transform:translateY(-30px);}
80%{transform:translateY(10px);}
100%{transform:translateY(0);opacity:1;}
}
.nekoAnim-bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp;}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);}
60%{opacity:1;-webkit-transform:translateY(30px);}
80%{-webkit-transform:translateY(-10px);}
100%{-webkit-transform:translateY(0);opacity:1;}
}
@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px);}
60%{opacity:1;-moz-transform:translateY(30px);}
80%{-moz-transform:translateY(-10px);}
100%{-moz-transform:translateY(0);opacity:1;}
}
@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px);}
60%{opacity:1;-o-transform:translateY(30px);}
80%{-o-transform:translateY(-10px);}
100%{-o-transform:translateY(0);opacity:1;}
}
@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px);}
60%{opacity:1;transform:translateY(30px);}
80%{transform:translateY(-10px);}
100%{transform:translateY(0);opacity:1;}
}
.nekoAnim-bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown;}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);}
60%{opacity:1;-webkit-transform:translateX(30px);}
80%{-webkit-transform:translateX(-10px);}
100%{-webkit-transform:translateX(0);opacity:1;}
}
@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px);}
60%{opacity:1;-moz-transform:translateX(30px);}
80%{-moz-transform:translateX(-10px);}
100%{-moz-transform:translateX(0);opacity:1;}
}
@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px);}
60%{opacity:1;-o-transform:translateX(30px);}
80%{-o-transform:translateX(-10px);}
100%{-o-transform:translateX(0);opacity:1;}
}
@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px);}
60%{opacity:1;transform:translateX(30px);}
80%{transform:translateX(-10px);}
100%{transform:translateX(0);opacity:1;}
}
.nekoAnim-bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft;}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);}
60%{opacity:1;-webkit-transform:translateX(-30px);}
80%{-webkit-transform:translateX(10px);}
100%{-webkit-transform:translateX(0);opacity:1;}
}
@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px);}
60%{opacity:1;-moz-transform:translateX(-30px);}
80%{-moz-transform:translateX(10px);}
100%{-moz-transform:translateX(0);opacity:1;}
}
@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px);}
60%{opacity:1;-o-transform:translateX(-30px);}
80%{-o-transform:translateX(10px);}
100%{-o-transform:translateX(0);opacity:1;}
}
@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px);}
60%{opacity:1;transform:translateX(-30px);}
80%{transform:translateX(10px);}
100%{transform:translateX(0);opacity:1;}
}
.nekoAnim-bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight;}

/*------------------------------------*\
    $MODAL INICIO
\*------------------------------------*/
.modal-content{padding-bottom: 20%;background-color: transparent !important;padding-top: 8%;margin-top: 6%;}
.close{font-size: 66px;opacity: 1;}
.modal-header{border-bottom: 1px solid transparent;margin-top: 9%;}


/*------------------------------------*\
    $FORMULARIO VALIDATE
\*------------------------------------*/

.help-block{
color:#F00;	
}

.alert-success{
display:none;	
}

.video-container {
position: relative;
padding-bottom: 56.25%; /* Para que el contenedor tenga relación de aspecto 16/9 */
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*------------------------------------*\
    $RESPONSIVE
\*------------------------------------*/

@media screen and (min-width:320px) and (max-width:479px){

/*** Navbar-toggle ***/
.navbar-toggle {background-color: #ffffff;background-image: none;border: 1px solid transparent;border-radius: 0px;float: right;margin-bottom: 8px;margin-right: 15px;margin-top: 8px;padding: 9px 10px;position: relative;}	
.navbar-toggle .icon-bar {background-color:#F36503;}

.img-logo-header{visibility: hidden;display: none;}
.logo-tanuzi-img{display:block; }
.logo-brand{top: -4px;left: -6%;width: 72%;}
.header-info { height: 106px; padding-top: 20px;}
.header-main--p{font-size: 1.4rem;}


.container-navegacion-horizontal{background-image:none;margin-bottom: 0%;}
.navegacion-horizontal{width: 99%;}

/*** li individuales ***/ 
.navegacion-horizontal__inicio{width:100%;}
.navegacion-horizontal__compania{ width:100%;}
.navegacion-horizontal__productos{ width:100%;}
.navegacion-horizontal__noticias{ width:100%; }
.navegacion-horizontal__contacto{width:100%;}


/*------------------------------------*\
    $MODAL INICIO
\*------------------------------------*/
.categorias-section--col-embotellado-fancybox2{height: 50px;width: 258px; left: 10px;}
.categorias-section--col-alimentos-fancybox2{height: 47px;width: 258px;left: 10px;}
.categorias-section--col-microcerveceria-fancybox2{height: 59px;width: 258px;margin-top: 2%;left: 10px;}
.categorias-section--col-microcerveceria-texto-fancybox2{padding-top: 5%;padding-top: 5%;}

.categorias-section-h2{padding-top: 4%;}
.categorias-section--col-industrial-texto{padding-top: 6%;height: 57px;margin-top: 4%;}
.categorias-section--fancybox-h2{font-size: 3rem;}
.categorias-section--fancybox-h2--span{font-size: 4rem;}

/********* *******/
.categorias-section--col-mineria-fancybox{height: 59px;width: 258px;left: 10px;}
.categorias-section--col-oil-fancybox{height: 60px; width: 258px;margin-top: 4%;left: 10px;}
.categorias-section--col-oil-texto-fancybox{padding-top: 4%;}


/*******FOOTER******/
.footer-main{padding-bottom: 1%;background-color: #4B4B4D;}
.footer-main--p{font-size: 1.8rem;text-align: center;border-top: 2px solid #fff;padding-top: 3%;}
.footer-main--p-span-2{font-size: 1.4rem;}
.footer-main--col-5-p{top: -4px;font-size: 1.8rem;text-align: center;left: 0;}
.footer-main--col-7{display:none;}
.footer-redes-col{margin-bottom:5%;}
.footer-main--col-7-responsive{display:block;}
.img--certificaciones-responsive {display:block; margin:auto;margin-top: 6%;}
.img--certificaciones{display:none;}
.footer-main-facebook {    margin-right: 11%;}

.footer2-col-info{ padding-top:8%;}
.footer2-col-redes{ padding-top:2%;}
.footer2-col-responsive{ padding-top:2%;}

/******NOTICIAS******/
.noticias-section--img-noticias { height: auto; width: auto; display: block;  margin: auto;padding-top: 6%;}
.noticias-section--col-lg-10{background-image:none; height:0px;padding-top: 0;}
.noticias-section-panel-a{margin-left: 44%;}
.noticias-section--h2-panel{padding-right: 10%;}
.img-noticias { width: 238px; height: 54px;}

#sync1 .item{padding:30px 0 0;}
.sync2 { padding-top: 0;}
.mCustomScrollbar{height: 332px !important;}

.categorias-section--col-embotellado{left: 20px;}
.categorias-section--col-oil{left: 20px;}
.categorias-section--col-industrial{left: 20px;height: 58px;}


/*------------------------------------*\
    $NOSOTROS 
\*------------------------------------*/
.nosotros-section-p{padding-left: 17%;padding-top: 9%;}
.nosotros-section-p--2 { padding-right: 0; padding-top: 0;   padding-left: 0;margin-bottom: 6%;}
.nosotros-section-container-a{background-image:none;height: auto;}
.nosotros-section-container{background-image:none;height: auto;}
.img-background1-responsive{display:block;position: relative;left: 0;top: 0;}
.img-background2-responsive{display:block;position: relative;right: 0;top: 0px;}
.nosotros-section-div{background-color:#F36503; padding-bottom:2%;}
.nosotros-section-div-2{background-color:#F36503; padding-bottom:4%;padding-top:4%;}
.nosotros-section-div-paddding{padding-left:0;}
.nosotros-section-p {padding-left: 0; padding-top: 0; padding-right: 0;}
.nosotros-section--row {  margin-bottom: 2%;}
.nosotros-section--row-b{margin-bottom: 15%;}

}

@media screen and (min-width:480px) and (max-width:599px){

/*** Navbar-toggle ***/
.navbar-toggle {background-color: #ffffff;background-image: none;border: 1px solid transparent;border-radius:0px;float: right;margin-bottom: 8px;margin-right: 15px;margin-top: 8px;padding: 9px 10px;position: relative;}	
.navbar-toggle .icon-bar {background-color:#F36503;}

.img-logo-header{visibility: hidden;display: none;}
.logo-tanuzi-img{display:block; }
.logo-brand{top: -5px;left: -4%;width: 50%;}
.header-info { height: 106px; padding-top: 20px;}

.container-navegacion-horizontal{background-image:none;margin-bottom: 0%;}
.navegacion-horizontal{width: 99%;}

/*** li individuales ***/ 
.navegacion-horizontal__inicio{width:100%;}
.navegacion-horizontal__compania{ width:100%;}
.navegacion-horizontal__productos{ width:100%;}
.navegacion-horizontal__noticias{ width:100%; }
.navegacion-horizontal__contacto{width:100%;}


/*------------------------------------*\
    $MODAL INICIO
\*------------------------------------*/
.categorias-section--col-embotellado-fancybox2{height: 50px;width: 278px}
.categorias-section--col-alimentos-fancybox2{height: 47px;width: 278px;}
.categorias-section--col-microcerveceria-fancybox2{height: 59px;width: 278px;margin-top: 2%;}
.categorias-section--col-microcerveceria-texto-fancybox2{padding-top: 5%;padding-top: 5%;}


/********* *******/
.categorias-section-h2{padding-top: 4%;}
.categorias-section--col-industrial-texto{padding-top: 6%;height: 57px;margin-top: 4%;}
.categorias-section--fancybox-h2{font-size: 3rem;}
.categorias-section--fancybox-h2--span{font-size: 4rem;}

/********* *******/
.categorias-section--col-mineria-fancybox{height: 59px;width: 278px; left:10px;}
.categorias-section--col-oil-fancybox{height: 60px; width: 278px;margin-top: 4%;left:10px;}
.categorias-section--col-oil-texto-fancybox{padding-top: 4%;}



/*******FOOTER******/
.footer-main{padding-bottom: 1%;background-color: #4B4B4D;}
.footer-main--p{font-size: 1.8rem;text-align: center;border-top: 2px solid #fff;padding-top: 3%;}
.footer-main--p-span-2{font-size: 1.4rem;}
.footer-redes-col{margin-bottom:3%;}
.footer-main--col-5-p{top: -4px;font-size: 1.8rem;text-align: center;left: 0;}
.footer-main--col-7{display:none;}
.footer-main--col-7-responsive{display:block;}
.img--certificaciones-responsive {display:block; margin:auto;margin-top: 6%;}
.img--certificaciones{display:none;}
.footer-main-facebook {    margin-right: 11%;}



.footer2-col-info{ padding-top:8%;}
.footer2-col-redes{ padding-top:2%;}
.footer2-col-responsive{ padding-top:2%;}

/*******NOTICIAS********/
.noticias-section--img-noticias { height: auto; width: auto; display: block;  margin: auto;padding-top: 6%;}
.noticias-section--col-lg-10{background-image:none; height:0px;padding-top: 0;}

#sync1 .item{padding:30px 0;}
.mCustomScrollbar{height: 332px !important;}

	

/*------------------------------------*\
    $NOSOTROS 
\*------------------------------------*/
.nosotros-section-p{padding-left: 17%;padding-top: 9%;}
.nosotros-section-p--2 { padding-right: 0; padding-top: 0;   padding-left: 0;margin-bottom: 6%;}
.nosotros-section-container-a{background-image:none;height: auto;}
.nosotros-section-container{background-image:none;height: auto;}
.img-background1-responsive{display:block;position: relative;left: 0;top: 0;}
.img-background2-responsive{display:block;position: relative;right: 0;top: 0px;}
.nosotros-section-div{background-color:#F36503; padding-bottom:2%;}
.nosotros-section-div-2{background-color:#F36503; padding-bottom:4%;padding-top:4%;}
.nosotros-section-div-paddding{padding-left:0;}
.nosotros-section-p {padding-left: 0; padding-top: 0; padding-right: 0;}
.nosotros-section--row {  margin-bottom: 2%;}
.nosotros-section--row-b{margin-bottom: 15%;}



}

@media screen and (min-width:600px) and (max-width:767px){

/*** Navbar-toggle ***/
.navbar-toggle {background-color: #ffffff;background-image: none;border: 1px solid transparent;border-radius: 0px;float: right;margin-bottom: 8px;margin-right: 15px;margin-top: 8px;padding: 9px 10px;position: relative;}	
.navbar-toggle .icon-bar {background-color:#F36503;}

.img-logo-header{visibility: hidden;display: none;}
.logo-tanuzi-img{display:block; }
.logo-brand{top: -11px;left: -4%;width: 50%;}


.container-navegacion-horizontal{background-image:none;margin-bottom: 0%;}
.navegacion-horizontal{width: 99%;}

/*** li individuales ***/ 
.navegacion-horizontal__inicio{width:100%;}
.navegacion-horizontal__compania{ width:100%;}
.navegacion-horizontal__productos{ width:100%;}
.navegacion-horizontal__noticias{ width:100%; }
.navegacion-horizontal__contacto{width:100%;}

/*******FOOTER******/
.footer-main{padding-bottom: 1%;background-color: #4B4B4D;}
.footer-main--p{font-size: 1.8rem;text-align: center;border-top: 2px solid #fff;padding-top: 3%;}
.footer-main--p-span-2{font-size: 1.4rem;}
.footer-redes-col{margin-bottom:5%;}
.footer-main--col-5-p{top: -4px;font-size: 1.8rem;text-align: center;left: 0;}
.footer-main--col-7{display:none;}
.footer-main--col-7-responsive{display:block;}
.img--certificaciones-responsive {display:block; margin:auto;margin-top: 6%;}
.img--certificaciones{display:none;}
.footer-main-facebook {    margin-right: 11%;}

.footer2-col-info{ padding-top:5%;}
.footer2-col-redes{ padding-top:2%;}
.footer2-col-responsive{ padding-top:2%;}


/********* *******/
.categorias-section-h2{padding-top: 4%;}
.categorias-section--col-industrial-texto{padding-top: 6%;height: 57px;margin-top: 4%;}


/********* *******/
.categorias-section--col-mineria-fancybox{height: 59px;width: 329px;}
.categorias-section--col-oil-fancybox{height: 60px; width: 344px;margin-top: 4%;}
.categorias-section--col-oil-texto-fancybox{padding-top: 4%;}

/*****NOTICIAS******/
.noticias-section--img-noticias { height: auto; width: auto; display: block;  margin: auto; padding-top:6%;}
.noticias-section--col-lg-10{background-image:none; height:0px;padding-top: 0;}


#sync1 .item{padding:30px 0;}
.mCustomScrollbar{height: 332px !important;}


/*------------------------------------*\
    $MODAL INICIO
\*------------------------------------*/
.categorias-section--col-embotellado-fancybox2{height: 50px;width: 278px}
.categorias-section--col-alimentos-fancybox2{height: 47px;width: 278px;}
.categorias-section--col-microcerveceria-fancybox2{height: 59px;width: 278px;margin-top: 2%;}
.categorias-section--col-microcerveceria-texto-fancybox2{padding-top: 5%;padding-top: 5%;}


/*------------------------------------*\
    $NOSOTROS 
\*------------------------------------*/
.nosotros-section-p{padding-left: 17%;padding-top: 9%;}
.nosotros-section-p--2 { padding-right: 0; padding-top: 0;   padding-left: 0;margin-bottom: 6%;}
.nosotros-section-container-a{background-image:none;height: auto;}
.nosotros-section-container{background-image:none;height: auto;}
.img-background1-responsive{display:block;position: relative;left: 0;top: 0;}
.img-background2-responsive{display:block;position: relative;right: 0;top: 0px;}
.nosotros-section-div{background-color:#F36503; padding-bottom:2%;}
.nosotros-section-div-2{background-color:#F36503; padding-bottom:4%;padding-top:4%;}
.nosotros-section-div-paddding{padding-left:0;}
.nosotros-section-p {padding-left: 0; padding-top: 0; padding-right: 0;}
.nosotros-section--row {  margin-bottom: 2%;}
.nosotros-section--row-b{margin-bottom: 15%;}


}

@media screen and (min-width:768px) and (max-width:799px){

.header-info {  height: 110px; text-align: right;}
.img-logo-header{visibility:visible;}
.logo-tanuzi-img{display:none !important; }

.container-navegacion-horizontal{background-image:none;}
.navegacion-horizontal{width: 100%;}
.navbar{margin-bottom: 0;}
/*** li individuales ***/ 
.navegacion-horizontal__inicio{width:20%;}
.navegacion-horizontal__compania{ width:20%;}
.navegacion-horizontal__productos{ width:20%;}
.navegacion-horizontal__noticias{ width:20%; }
.navegacion-horizontal__contacto{width:20%;}


/*------------------------------------*\
    $INICIO
\*------------------------------------*/	
.img--certificaciones{top: 17px; width: 47%;}

.noticias-section-h2{font-size: 4rem;}

.categorias-section--col-embotellado{width: 228px;margin-right: 8px;left: 0;}
.categorias-section--col-oil{width: 189px;margin-right: 8px;left: 0;}
.categorias-section--col-industrial{width: 202px;margin-right: 8px;left: 0;}

.noticias-section--h2-panel{font-size: 3rem;padding-right: 4%;}
.c-font-17-1{font-size: 1.8rem;}
#sync2-margim{margin-left:0%;}
#sync2 .item{padding: 0px 0px;margin: 0;}



/*------------------------------------*\
    $MODAL INICIO
\*------------------------------------*/
.modal-content{padding-bottom: 39%;}
.categorias-section--col-microcerveceria-fancybox2{margin-top: 3%;margin-top: 3%;}

/******* *******/
.categorias-section--col-oil-fancybox{margin-top: 2%;}

/*******FOOTER******/
.footer-main{padding-bottom: 1%;background-color: #4B4B4D;}
.footer-main--p{font-size: 1.8rem;text-align: center;border-top: 2px solid #fff;padding-top: 3%;}
.footer-main--p-span-2{font-size: 1.4rem;}
.footer-main--col-5-p{top: -4px;font-size: 1.8rem;}
.footer-main--col-7{display:none;}
.footer-main--col-7-responsive{display:block;}
.img--certificaciones-responsive {display:block; margin:auto;margin-top: 6%;}
.img--certificaciones{display:none;}


.footer2-col-info{ padding-top:2%;}
.footer2-col-redes{ padding-top:2%;}
.footer2-col-responsive{ padding-top:2%;}


/*------------------------------------*\
    $NOSOTROS 
\*------------------------------------*/
.nosotros-section-p{padding-left: 17%;padding-top: 9%;}
.nosotros-section-p--2 { padding-right: 0; padding-top: 0;   padding-left: 0;}
.nosotros-section-container-a{background-image:none;}
.nosotros-section-container{background-image:none;}
.img-background1-responsive{display:block;position: absolute;left: 0;top: 0;}
.img-background2-responsive{display:block;position: absolute;right: 0;top: -109px;}
.nosotros-section-div{background-color:#F36503; padding-bottom:2%;}
.nosotros-section-div-2{background-color:#F36503; padding-bottom:4%;padding-top:4%;}
.nosotros-section-div-paddding{padding-left:0;}
.nosotros-section-p {padding-left: 0; padding-top: 0; padding-right: 0;}
.nosotros-section--row {  margin-bottom: 2%;}
.nosotros-section--row-b{margin-bottom: 15%;}



}

@media screen and (min-width:800px) and (max-width:1023px){
.header-info {  height: 110px; text-align: right;}

.img-logo-header{visibility:visible;}
.logo-tanuzi-img{display:none !important; }

.container-navegacion-horizontal{background-image:none;}
.navegacion-horizontal{width: 100%;}
.navbar{margin-bottom: 0;}
/*** li individuales ***/ 
.navegacion-horizontal__inicio{width:20%;}
.navegacion-horizontal__compania{ width:20%;}
.navegacion-horizontal__productos{ width:20%;}
.navegacion-horizontal__noticias{ width:20%; }
.navegacion-horizontal__contacto{width:20%;}


/*------------------------------------*\
    $INICIO
\*------------------------------------*/	
.img--certificaciones{top: 17px; width: 47%;}

.noticias-section-h2{font-size: 4rem;}

.categorias-section--col-embotellado{width: 228px;margin-right: 8px;left: 0;}
.categorias-section--col-oil{width: 189px;margin-right: 8px;left: 0;}
.categorias-section--col-industrial{width: 202px;margin-right: 8px;left: 0;}

.noticias-section--h2-panel{font-size: 3rem;padding-right: 4%;}
.c-font-17-1{font-size: 1.8rem;}
#sync2-margim{margin-left:0%;}
#sync2 .item{padding: 0px 0px;margin: 0;}

.img-noticias {
    width: 238px;
    height: 54px;
}

/*------------------------------------*\
    $MODAL INICIO
\*------------------------------------*/
.modal-content{padding-bottom: 39%;}
.categorias-section--col-microcerveceria-fancybox2{margin-top: 3%;margin-top: 3%;}

/******* *******/
.categorias-section--col-oil-fancybox{margin-top: 2%;}

/*******FOOTER******/

.footer-main{padding-bottom: 1%;background-color: #4B4B4D;}
.footer-main--p{font-size: 1.8rem;text-align: center;border-top: 2px solid #fff;padding-top: 3%;}
.footer-main--p-span-2{font-size: 1.4rem;}
.footer-main--col-5-p{top: -4px;font-size: 1.8rem;}
.footer-main--col-7{display:none;}
.footer-main--col-7-responsive{display:block;}
.img--certificaciones-responsive {display:block; margin:auto;margin-top: 6%;}
.img--certificaciones{display:none;}

.footer2-col-info{ padding-top:2%;}
.footer2-col-redes{ padding-top:2%;}
.footer2-col-responsive{ padding-top:2%;}


/*------------------------------------*\
    $NOSOTROS 
\*------------------------------------*/
.nosotros-section-p{padding-left: 17%;padding-top: 9%;}
.nosotros-section-p--2 { padding-right: 0; padding-top: 0;   padding-left: 0;}
.nosotros-section-container-a{background-image:none;}
.nosotros-section-container{background-image:none;}
.img-background1-responsive{display:block;position: absolute;left: 0;top: 0;}
.img-background2-responsive{display:block;position: absolute;right: 0;top: -109px;}
.nosotros-section-div{background-color:#F36503; padding-bottom:2%;}
.nosotros-section-div-2{background-color:#F36503; padding-bottom:4%;padding-top:4%;}
.nosotros-section-div-paddding{padding-left:0;}
.nosotros-section-p {padding-left: 0; padding-top: 0; padding-right: 0;}
.nosotros-section--row {  margin-bottom: 2%;}
.nosotros-section--row-b{margin-bottom: 15%;}


}

@media screen and (min-width:1024px) and (max-width:1279px){
	


.img-logo-header{visibility:visible;}
.logo-tanuzi-img{display:none !important; }

.container-navegacion-horizontal{background-image:none;}
.navegacion-horizontal{width: 100%;}

/*** li individuales ***/ 
.navegacion-horizontal__inicio{width:20%;}
.navegacion-horizontal__compania{ width:20%;}
.navegacion-horizontal__productos{ width:20%;}
.navegacion-horizontal__noticias{ width:20%; }
.navegacion-horizontal__contacto{width:20%;}


/*------------------------------------*\
    $INICIO
\*------------------------------------*/	
.img--certificaciones{top: 17px; width: 47%;}

/******************/
.categorias-section--col-embotellado{left: 0;}
.categorias-section--col-oil{left: 0;}
.categorias-section--col-industrial{left: 0;}

.noticias-section-h2{font-size: 4rem;}
#sync2-margim{margin-left:0%;}
#sync2 .item{padding: 0px 0px;margin: 0;}

.img-noticias {
    width: 288px;
    height: 65px;
}

/*******FOOTER******/
.footer-main{padding-bottom: 1%;}
.footer-main--p{font-size: 1.7rem;}
.footer-main--p-span-2{font-size: 1.2rem;}
.footer-main--col-5-p{top: -4px;font-size: 1.8rem;}



/*------------------------------------*\
    $NOSOTROS 
\*------------------------------------*/
.nosotros-section-p{padding-left: 17%;padding-top: 9%;}
.nosotros-section-p--2{padding-right: 35%; padding-top: 5%;}

}

@media screen and (min-width:1280px) and (max-width:1359px){


/*------------------------------------*\
    $INICIO
\*------------------------------------*/	
.img--certificaciones{top: 38px;}
.footer-main--col-5-p{top: 0px;}

}

