@charset "utf-8";
/*font-family: 'Lato', sans-serif;
font-family: 'Ubuntu', sans-serif;*/
body{margin:0 auto; padding:0 auto;width:100%;}
.clr{clear:both}
.nopc{display:none}
a{text-decoration:none;}
/*MENU*/

#menu_contenedor{width:auto; height:100%;max-height:200px;height:100px; }
.menu{width:100%; background-color:#FFF; height:auto; z-index:2}
.top_menu{width:70%; font-family: 'Lato', sans-serif; font-size:0.9rem; float:right;list-style: none; text-align:right; margin:2%; color:#015EA1;-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear;-ms-transition: all 0.1s linear;transition: all 0.1s linear;}
.top_menu li {display:inline-block;}
.top_menu li a {transition:.1s all ease-in-out;font-size:1rem;display:inline-block;padding:10px 15px;text-decoration:none;color:#015EA1;}
.top_menu li a:hover{color:#F08708; -moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none; user-select: none; }
.top_menu li a.activo {color:#F08708;}
.top_menu ul{
 position: absolute;
 background-color:rgba(255,255,255,1);
 top: 15%;
 color: #fff;
 padding: 0px 0px 0px 0px;
 margin: 0;
 max-height:0px;
	overflow:hidden;
	-webkit-transition:max-height 0.1s linear;
	-moz-transition:max-height 0.1s linear;
	transition:max-height 0.1s linear;
	z-index:3;
	 list-style-type:none;
	float:none;
	text-align:left;
 }
 
.top_menu ul li{
 color: #fff;
 margin:0% 0%;
display:list-item;
}

 
.top_menu ul li a{
 color:#015EA1;
 font-weight:normal;
 display:list-item;
 -webkit-transition:max-height 1s linear;
	-moz-transition:max-height 1s linear;
	transition:max-height 1s linear;
}
  
  
  
.top_menu ul li a:hover{
color:#F08708;
cursor:pointer;
} 

.top_menu li:hover ul {
 overflow:visible;
 cursor:pointer;
 max-height:100%;
 padding:0%;
}


.top_menu li ul {
				display:none;
				position:absolute;
				min-width:140px;
				
			}
			
			.top_menu li:hover > ul {
				display:block;
				
				
			}
			
			.top_menu li ul li {
				position:relative;
				background-color:rgba(255,255,255,1);
				
			}
			
			.top_menu li ul li ul li a{
				font-size:0.9rem
				
			}
			
			.top_menu li ul li ul {
				right:-140px;
				top:0px;
				
			}



.logo {margin:0.5%; margin-left:5%; float:left;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear; -o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;}
.logo_nav img{float:left; padding:0%;position:fixed;}
.menu_fijo{position:fixed; top: 0; z-index:100; transition:opacity 0.2s linear; opacity:0}
.menu_fijo{opacity:1; border-bottom:thin solid #3c2455;}
.menu_fijo .logo{margin:-0.5%; margin-left:5%;-webkit-transform: scale(0.7,0.7);-moz-transform:  scale(0.7,0.7);-o-transform:  scale(0.7,0.7);-ms-transform:  scale(0.7,0.7));transform:  scale(0.7,0.7);padding:0}
.menu_fijo ul#top_menu ul{margin-top:3%;}
.menu_fijo ul#top_menu ul li ul li ul{
position:fixed;
 background-color:rgba(255,255,255,1);
 padding: 0px 0px 0px 0px;
height:auto;
	overflow:hidden;
top:5%;
	text-align:left;
 }



.social {width:100%;height:30px; border-bottom:thin solid #F08708; margin-top:0;}
.social ul{float:right; margin-right:1%; margin-top:0.5%;}
.social ul a{ float:left; font-family: 'Lato', sans-serif; font-size:1rem; color:#015EA1;transition:.1s all ease-in-out;}
.social ul a:hover{color:#F08708; -moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none; user-select: none;}
.social a img{transform:scale(0.8,0.8);}
/*FIN MENU*/

/*Slicknav*/
.slicknav_menu {display:none; top:0px; padding:0px;  z-index:3;}
.logo_nav img{float:left; padding-top:4px; padding-left:6px; z-index:5}
.logo_nav img{opacity:1;}
/*fin Slicknav*/
/*OWL*/

.owl-theme .owl-controls {
	margin-top: 0;
}
.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
   	display: inline-block;
 	text-indent: -9999999px;
 
}
.owl-theme .owl-controls .owl-buttons .owl-prev{
	background: transparent url(img/slidernavizq.png) no-repeat 0 0;
	left: 5%;
	top: 45%;
	margin-top: -60px;
	width: 40px;
 	height: 160px;

}
.owl-theme .owl-controls .owl-buttons .owl-next{
	background: transparent url(img/slidernav.png) no-repeat 0 0;
	right: 5%;
	top: 45%;
	margin-top: -60px;
	width: 40px;
 	height: 160px;
	z-index:1;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(file:///E|/eti/nueva%20web/AjaxLoader.gif) no-repeat center center

}

.onslider {
	position: absolute;
	width: 100%;
	top: 30px;
	left: 0;
}
.onslider2, .panel {
	position: absolute;
	width:70%;
	bottom:20%;
	left:12%;
	text-align:center;
	font-size:1.5rem;
	color:#FFF;
	font-family: 'Lato', sans-serif;
	text-align:left;
}
.onslider2 a{
	color:#FFF; font-size:1rem; padding:2%; background-color:#F08708}
	
.onslider2, .panel h1{
font-size:4rem;	
}
/*Fin OWL*/

/*CUERPO*/
section{height:100%; min-height:100px; padding: 0 auto; }
.entero{width:80%; margin-left:10%; max-width:1280px; text-align:center; padding-top:1%; padding-bottom:2%;}
.medio{width:50%; float:left; min-height:340px; font-size:1rem; }
.mitad{width:50%; float:left; min-height:340px; font-size:1rem; text-align:center; }
.medio img, .medio video{width:100%; min-height:340px;}
.mitad img{width:100%; min-height:340px;}
.boton, .boton2{margin-top:20%;}
.tres{width:30%; float:left; margin:1%;}
.cuatro{width:25%; float:left;}
.cuatro img{width:100%;}
.resaltado{font-family:'Ubuntu', sans-serif; font-weight:600; font-size:2.7rem; color:#ed7f00; line-height:2.7rem;}
.detalle{font-family: 'Lato', sans-serif; font-size:1.4rem; margin:5%; margin-top:20%;}
.detalle2{font-family: 'Lato', sans-serif; font-size:1.4rem; margin:10%; margin-top:10%; color:#015EA1}
.texto{font-family: 'Lato', sans-serif; font-size:1rem; margin-left:5%;  margin-right:5%; margin-bottom:5%;color:#015EA1;}
.texto a{margin-top:5%; font-size:1.2rem;color:#015EA1}
.texto a:hover{color:#F08708}
.titulo, .titulo a{font-family: 'Ubuntu', sans-serif; font-weight:600; font-size:2rem;text-align:center; background-color:#ed7f00; padding:0.5%; color:#3c2455;}
p{font-family: 'Lato', sans-serif; font-size:1.2rem;}
.boton{-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;}
.boton:hover {-webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);}
.panel {
	font-size:1.5rem;
	color:#FFF;
	font-family: 'Lato', sans-serif;
	text-align:left;
}

.fondo {
	margin-top:0px;
	background-origin:border-box;
	background-attachment: fixed !important;
	min-height:300px;
	width:100%;
	background-repeat:no-repeat; /* Indicamos que no se repetira */
	background-size:auto; /* Encajamos la imagen al 100% del ancho */
	background-attachment:local;/* Establecemos una posicion fija para la imagen */
	background-clip:border-box;
}
.lista a{font-size:1rem;}
.tambo{background:url(img/tambofondo.jpg);}
.tecnologia{background:url(img/tecnologiafondo.jpg) }
.tanques{background:url(img/tanquesfondo.jpg);}
.industria{background:url(img/quesosfondo.jpg);}
.leche{background:url(img/lechefondo.jpg);}
.pastablanda{background:url(img/pastablanda.jpg);}
.dura{background:url(img/dura.jpg);}
.hilada{background:url(img/pastahilada.jpg);}
.ricota{background:url(img/ricotafondo.jpg);}
.dulcedeleche{background:url(img/dulcedeleche.jpg);}
.helados{background:url(img/heladosfondo.jpg);}
.yogurt{background:url(img/yogurtfondo.jpg);}
.crema{background:url(img/cremafondo.jpg);}
.foot , .foot a{font-size:0.8rem; color:#e2e2e2; font-family: 'Lato', sans-serif; padding-top:1%; line-height:2rem; text-align:left;}
.foot ul{float:left; padding-right:0%; padding-top:0;}
.foot li{text-decoration:none; list-style:none;}
.foot ul li a{font-size:0.7rem; line-height:normal}
.foot a:hover{color:#F08708;}
.cont , .cont a{font-size:1.2rem; color:#e2e2e2; font-family: 'Lato', sans-serif; padding-top:1%; line-height:2rem; text-align:left;}
.cont a:hover{color:#ed7f00;}
hr{ border:thin solid #e2e2e2; margin-top:8%; margin-bottom:8%;}
.contacto{
	float:left;
	margin-left:1%;
	Margin-top:0px;
	font-family:'Ubuntu', sans-serif;;
	max-width:460px;
	text-align:left;}

.contacto h1{
	font-family:'Ubuntu', sans-serif;
	font-size:1.1em;
	color:#ccc;
	margin-left:0;
}
.contacto h2{
	font-family:'Ubuntu', sans-serif;
	font-size:0.6em;
	color:#ccc;
	margin:0;
	font-style:normal;}

	
#id_form label{width:100%; margin-top:10px;}
	#id_form input, select, textarea, label{width:100%;display:block;background-color:rgba(212,212,212,1);font-family: 'Lato', sans-serif; font-size:1.2rem; border:none; margin-top:2%; line-height:1.5rem; }
	
	/*ESTILO PARA CUANDO SE POSICIONA EL FOCO EN LAS CAJAS*/
	#nombre:focus, #email:focus, #telefono:focus, #consulta:focus{}
	
.contacto p{
	font-size:1rem;
	text-align:center;
	font-family:'Ubuntu', sans-serif;

}
#map-canvas {width:100%;height:350px; margin-top:0%; color:#333}
/*FIN CUERPO*/


/*DISPOSITIVOS*/
@media screen and (max-width:1024px) {
.js .slicknav_menu {display:block;}
.js #top_menu{display:none;}
.nopc{display:inline-block;}
.nomovil{display:none}
.container{padding-top:50px;}
.entero{width:98%; margin-left:1%; text-align:center;}
#menu_contenedor{height:0px; }
.menu_fijo{border:none}
.resaltado{padding-top:2%;}
.view {
   width: 100%;
   height: auto; 
   border:none;
   border-bottom:thin  
}
.cuatro{width:50%}
.medio{width:100%; text-align:center}
.mitad img{min-height:340px;}

.contenedor{padding-top:50px;}
.cont , .cont a{text-align:center;}
.tres img{width:80%;}
.onslider2, .panel {
	width:98%;
	bottom:10%;
	left:6%;
	font-size:0.8rem;
	text-align:left;
}
.onslider2, .panel h1 {
	
	font-size:2rem;
}
.medio img{width:100%; max-height:340px;}
.mitad img{width:100%; max-height:340px;}}
@media screen and (max-width:767px) {.owl-theme .owl-controls{display: none !important;}
#owl2{top:20px;}
#owl .item img{display: block;width: 100%;height: auto;}
#owl2 .item img{display: block;width: 100%;height: auto;}
.onslider{display:none !important;}
.onslider2, .panel {
	width:80%;
	bottom:10%;
	left:1%;
	font-size:0.8rem;
	text-align:left;
}
.onslider2, .panel h1 {
	
	font-size:2rem;
}
.fancy{height:100%; min-height:auto; padding:0; top:50px;}


}
@media screen and (max-width:480px) {
.resaltado{font-size:1.7rem; line-height:1.7rem;}
.titulo{font-size:1.3rem; padding:0.5%;}
p{font-family: 'Lato', sans-serif; font-size:1rem;}	
.boton{-webkit-transform: scale(0.8,0.8);
-moz-transform: scale(0.8,0.8);
   -o-transform: scale(0.8,0.8);
   -ms-transform: scale(0.8,0.8);
   transform: scale(0.8,0.8);}
.boton:hover {-webkit-transform: scale(1,1);
   -moz-transform: scale(1,1);
   -o-transform: scale(1,1);
   -ms-transform: scale(1,1);
   transform: scale(1,1);}
.cuatro{width:100%}
.entero{margin-left:0%;}
.medio, .mitad, .medio img, .mitad img, .medio video{min-height:300px;}
.nomov{display:none} 
}