/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* HELP CLASSES
-------------------------------------------------- */
.midSpc{
	width:1px;
	background:transparent;
	height:1px;
	margin-bottom:45px;
}
.space-xm{
	width:1px;
	background:transparent;
	height:1px;
	margin-bottom:25px;
}
.language{
	float:right;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height:390px;
  margin-bottom: 30px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 335px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  bottom: 0;
  left: 0;
  min-width: 100%;

}

/* Featurettes
------------------------- */


.featurette-divider {
  margin: 70px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 600;
  font-size:3em;
  margin-top:13%;
  line-height: 1.2em;
  letter-spacing: -1px;
}


#logo img{
	width:30%;
	}
	
	.btn-primary:hover, .btn-primary:focus {
  background: #17b3db;
  /* background-position: 0 -15px; */
}

img.proceso-img{
	width:100%;
}
/* ESTILO PERSONALIZADO
------------------------- */


.row {
  margin-right: -5px;
  margin-left: -5px;
}


p{
	text-align: justify;
}

body {
 padding-top: 0px; 
/* background:url("../img/textura_madera.jpg") repeat center;*/
 font-family: 'nexa_lightregular';
}


.jumbotron#logo {
background: #fff !important;
padding:30px 0 5px;
margin:0 !important;
}

.jumbotron .container {
text-align:center;
}

.navbar-inverse {
background:#fff;
border:none;
height:55px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
/*position:fixed;
width:100%;
left:0;
z-index:100;*/
}

/*#contenido_abajo{
	margin-top:150px;
	}*/

.thumbnail {
  background-color: transparent;
  border: 0;
  border-radius: 0px;
  
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	  
}




.anim_uno {
	  ms-animation:flipInX 1s linear;
				ms-animation-direction: alternate;
				ms-animation-fill-mode: forwards;
			
				-moz-animation:flipInX 1s linear;
				-moz-animation-direction: alternate;
				-moz-animation-fill-mode: forwards;
			
				-o-animation:flipInX 1s linear;
				-o-animation-direction: alternate;
			
				-webkit-animation:flipInX 1s linear;
				-webkit-animation-direction: alternate;
				-webkit-animation-fill-mode: forwards;
				
				animation:flipInX 1s  linear;
				animation-direction: alternate;
				animation-fill-mode: forwards;
}


.anim_dos {
	
	opacity:0;
	
	  			-ms-animation:flipInX 1s linear;
				-ms-animation-direction: alternate;
				-ms-animation-delay:1s;
			    -ms-animation-fill-mode: forwards;
			
				-moz-animation:flipInX 1s linear;
				-moz-animation-delay:1s;
				-moz-animation-direction: alternate;
				-moz-animation-fill-mode: forwards;
			
				-o-animation:flipInX 1s linear;
				-o-animation-direction: alternate;
			
				-webkit-animation:flipInX 1s linear;
				-webkit-animation-delay:1s;
				-webkit-animation-direction: alternate;
				-webkit-animation-fill-mode: forwards;
				
				animation:flipInX 1s  linear;
				animation-direction: alternate;
				animation-delay:1s;
				animation-fill-mode: forwards;
}

.anim_tres {
	
	opacity:0;
	
	  			-ms-animation:flipInX 1s linear;
				-ms-animation-direction: alternate;
				-ms-animation-delay:2s;
			    -ms-animation-fill-mode: forwards;
			
				-moz-animation:flipInX 1s linear;
				-moz-animation-delay:2s;
				-moz-animation-direction: alternate;
				-moz-animation-fill-mode: forwards;
			
				-o-animation:flipInX 1s linear;
				-o-animation-direction: alternate;
			
				-webkit-animation:flipInX 1s linear;
				-webkit-animation-delay:2s;
				-webkit-animation-direction: alternate;
				-webkit-animation-fill-mode: forwards;
				
				animation:flipInX 1s  linear;
				animation-direction: alternate;
				animation-delay:2s;
				animation-fill-mode: forwards;
}

.navbar{
	margin-bottom:0px;
}

.navbar .container{
	height:55px;
	line-height:55px;
	}
	
	.navbar-nav>li>a {
     padding:0px;
     line-height: 55px;
	 color:#000 !important;
	 text-shadow:none  !important;
	}
	
	.navbar-nav>li {
     width:20%;
	 text-align:center;
	 	 text-transform:uppercase;
		 
		 cursor:pointer;
	}
	
	.navbar-nav{
		width:100%;
		}
  
  
	  .dropdown-menu {
	  top: 70%;
	  padding:10px;
	  box-sizing:border-box;
	  min-width: 250px;
	}
	
	.sublistamenu{
		line-height:26px;
		}
		
	.sublistamenu a{
		line-height:26px !important;
		display:inline !important;
		padding:0 !important;
		text-transform:none;
		
		transition:all linear 0.5s;
		-webkit-transition:all linear 0.5s;
	    -ms-transition:all linear 0.5s;
		-moz-transition:all linear 0.5s;
		}
		
	.sublistamenu:before{
		content:"* ";
		padding-left:5px;
		padding-right:5px;
		 color: #17b3db;
		 line-height:26px !important;
		 
		  font-family: 'nexa_lightregular';
		}
	
		/* decoracion a nav */
	.navbar.navbar-inverse{
		border-top:solid 1px #b8b8b8 ;
		border-bottom:solid 1px #b8b8b8 ;
		margin:20px auto;
		border-right:none;
		border-left:none;
		border-radius:0px;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		-ms-border-radius:0px;
		-o-border-radius:0px;

		box-shadow:none;
	}

	.btn-default.dropdown-toggle{
		background:none;
		border:0;
		box-shadow:none;
			 text-transform:uppercase;
		}
		
	.open>.dropdown-toggle.btn-default {
    color: #4d82bf;
    background-color: #fff;
    font-family: 'nexa_boldregular';
	}
	
	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	  background-color: #fff;
	  background-image:none;
	   color: #4d82bf;
	}
	
	p.especial_volado{
		position:absolute;
		top:65%;
		left:25%;
		background:none;
		border:2px solid #6cac4b;
		}
		
	p.especial_volado a{
		  font-family: 'nexa_boldregular';
		  padding:15px 30px;
		  background:none;
		  text-shadow:none;
		  border:none;
		  color:#fff;
		  letter-spacing:1px;
		  font-size:16px;

		}
		

	p.btn_gral a{
		  font-family: 'nexa_boldregular';
		  padding:15px 30px;
		  background:none;
		  text-shadow:none;
		  border:none;
		  color:#fff;
		  letter-spacing:1px;
		  background:none;
		  border:2px solid #6cac4b;
		  
		  border-radius:0px;
		}
		
	p.btn_gral a:hover{
		background:none;
		color:#fff;
		border:2px solid #fff;
		}	
		
		
	p.especial_volado a:hover, p.especial_volado:hover{
		  background:none;
		   color:#fff;
		   border:2px solid #fff;
		   border-radius:0;
		}
		
	p.especial_volado:hover{
		   border:0;
		   border-radius:0;
		}
		
	#bloque p.lead_chico{
		width:90%;
		margin: 0px auto;
		text-align:justify;
	}
		
	.img_border img{
		border:2px solid #fff;
		/*background:#3C8711;*/
		
		transition:all linear 1s;
		-webkit-transition:all linear 1s;
		-ms-transition:all linear 1s;
		-moz-transition:all linear 1s;
		}
		

		img.img_mitad{
			width:80%;
			text-align: center;
			margin:15px auto;
			display:block;
		}
		
		.img_border img.verde:hover{
		opacity:0.5;
		background:#3C8711;
		}
		
	
	.icon, .anim_uno, .anim_dos, .anim_tres{
			transition:all linear 0.3s;
		-webkit-transition:all linear 0.3s;
		-ms-transition:all linear 0.3s;
		-moz-transition:all linear 0.3s;
		}
		
	.icon:hover, .anim_uno:hover, .anim_dos:hover, .anim_tres:hover{
		/*opacity:0.5 !important;*/
		}
		
		.tamano{
			min-height:150px;}
		
	.img_border{
		/*background:#3C8711;*/
		padding:0px;
		
		transition:all linear 1s;
		-webkit-transition:all linear 1s;
		-ms-transition:all linear 1s;
		-moz-transition:all linear 1s;
		}
		
		p.lead_mini, footer .lead_mini a{
			font-size:12px;
			line-height: 1.6em;
			color:#ffffff;
		}

		p.lead_chico{
			font-size:16px;
			}
			
		p.lead_grande{
			font-size:18px;
			}
			
		p.lead_chico span, p.lead_grande span{
			color:#212121;
			font-style:italic;
			  font-family: 'nexa_boldregular';
			}
			
			
		.featurette-heading {
		    font-family: 'nexa_boldregular';
			color:#CE8E09;
			border-bottom:0px solid #CE8E09;
			padding-bottom:10px;
			margin:20px 0 30px 0;

			font-size:2.1em;
			text-align: center;
		}
		
		.featurette-heading.subtitle {
		    font-family: 'nexa_boldregular';
			color:#CE8E09;
			
			border-bottom: none !important;
			padding-bottom:10px;
			margin:20px 0 10px 0;
			font-size:1.3em;
			letter-spacing:0.5px;
		}
		
		
		.featurette-heading.gris {
		    font-family: 'nexa_boldregular';
			color:rgba(0,0,0,0.7);
			border-bottom:0;
			padding-bottom:10px;
			margin:20px 0 30px 0;
			font-size:24px;
			letter-spacing:0.5px;
		}
		
		
		.btn-primary {
		  background: rgb(0,88,27); /* Old browsers */

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#17b3db+0,4d82bf+100 */
		background: #17b3db; /* Old browsers */
		background: -moz-linear-gradient(top,  #17b3db 0%, #4d82bf 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#17b3db), color-stop(100%,#4d82bf)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #17b3db 0%,#4d82bf 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #17b3db 0%,#4d82bf 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #17b3db 0%,#4d82bf 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #17b3db 0%,#4d82bf 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17b3db', endColorstr='#4d82bf',GradientType=0 ); /* IE6-9 */



border-color:#17b3db;
		}




    /* Fondos para el proceso de trazabilidad*/
	
	
	.proc_1{
		background: transparent; /*rgba(252,193,24,0.1);*/
		padding:10px 10px 0px 15px;
	    text-shadow: 1px 1px rgba(255,255,255,0.3);
		 border-bottom:1px solid #CE8E09 !important;
		}
		
	.proc_2{
		background:transparent;/* rgba(252,193,24,0.15);*/
		padding:10px 10px 0px 15px;
		text-shadow: 1px 1px rgba(255,255,255,0.3);
		border-bottom:1px solid #CE8E09 !important;
		}
		
		
	.proc_3{
		background:transparent;/* #7dd5ec;*/
		padding:10px 10px 0px 15px;
       text-shadow: 1px 1px rgba(255,255,255,0.3);
	   border-bottom:1px solid #CE8E09 !important;
		}
		
		
	.proc_4{
		background:transparent;/* rgba(252,193,24,0.25);*/
		padding:10px 10px 0px 15px;
		text-shadow: 1px 1px rgba(255,255,255,0.3);
		border-bottom:1px solid #CE8E09 !important;
		}
		
		
	.proc_5{
		background:transparent;/* rgba(252,193,24,0.3);*/
		padding:10px 10px 0px 15px;
		text-shadow: 1px 1px rgba(255,255,255,0.3);
		border-bottom:1px solid #CE8E09 !important;
		}
		
		
	.proc_6{
		background:transparent; /*rgba(252,193,24,0.35);*/
		padding:10px 10px 0px 15px;
	    text-shadow: 1px 1px rgba(255,255,255,0.4);
		border-bottom:1px solid #CE8E09 !important;
		}
		
		
	.proc_7{
		background:transparent; /*rgba(252,193,24,0.4);*/
		padding:10px 10px 0px 15px;
		text-shadow: 1px 1px rgba(255,255,255,0.4);
		border-bottom:1px solid #CE8E09 !important;
		}
		
	.proc_8{
		background:transparent; /*rgba(252,193,24,0.45);*/
		padding:10px 10px 0px 15px;
		text-shadow: 1px 1px rgba(255,255,255,0.5);
		border-bottom:1px solid #CE8E09 !important;
		}
		
		
	.proc_9{
		background:transparent;/* rgba(252,193,24,0.5);*/
		padding:10px 10px 0px 15px;
		text-shadow: 1px 1px rgba(255,255,255,0.6);
		border-bottom:1px solid #CE8E09 !important;
		}
		
		/* IAMGES IN EDULZADO-SALUD */
		.featurette img[src^="img/img_endulzandoS"]{
			width:90%;
			margin-top:25px;
		}
		
		
		/**************   IMÁGENES DE LAS RECETAS **********************/
		
		.btn_receta{
			width:31%;
			display:inline-block;
			float:left;
			margin: 0 1% 3% 1%;
			min-height:250px;
			height:250px;
			padding:0;
			}
			
			
			
			.opacidad_n{
				background: rgba(252,193,24,0.5) !important;
				padding:1.6px 15px;
				line-height:30px;
				padding:100px 10px;
				box-sizing:border-box;
				
				height:250px;
				/* width:292px;*/
				width:289px;
				
				transition:all linear 1s;
				-ms-transition:all linear 1s;
				-moz-transition:all linear 1s;
				-webkit-transition: all linear 1s;
				}
				
				
			.opacidad_n:hover{
				opacity:0;
				}
			
		.btn_receta.a, .btn_receta.b, .btn_receta.c, .btn_receta{
			background:url(../img/recetas/bunuelos.png) no-repeat center;
			background-size:cover;
			
			border:none;
			
			font-size:19px;
			color:#fff;
			text-shadow:1px 1px 1px rgba(0,0,0,0.7);
			}
			
			
		.btn_receta.b{
			background:url(../../img/recetas/muegano_piloncillo.png) no-repeat center;
			}
			
		.btn_receta.c{
			background:url(../../img/recetas/cocada.png) no-repeat center;
			}
			
			
		.btn_receta.piloncillo{
			background:url(../../img/recetas/tarta_piloncillo.jpg) no-repeat center;
			}
			
		.btn_receta.cochinito{
			background:url(../../img/recetas/cochinito_piloncillo.jpg) no-repeat center;
			}
			
		.btn_receta.cochinito{
			background:url(../../img/recetas/cochinito_piloncillo.jpg) no-repeat center;
			}
			
		.btn_receta.empanadas{
			background:url(../../img/recetas/empanadas_durazno.jpg) no-repeat center;
			}
			
		.btn_receta.col{
			background:url(../../img/recetas/ensalada_col.jpg) no-repeat center;
			}
			
		.btn_receta.calabaza{
			background:url(../../img/recetas/calabaza.jpg) no-repeat center;
			}
			
		.btn_receta.mueganos{
			background:url(../../img/recetas/mueganos_piloncillo.jpg) no-repeat center;
			}
			
		.btn_receta.gorditas{
			background:url(../../img/recetas/gorditas_piloncillo.jpg) no-repeat center;
			}
			
			
		.btn_receta.kiwi{
			background:url(../../img/recetas/mojito_kiwi.jpg) no-repeat center;
			}
			
	   .btn_receta.avena{
			background:url(../../img/recetas/colada_avena.jpg) no-repeat center;
			}
			
		 .btn_receta.panelazo{
			background:url(../../img/recetas/panelazo.jpg) no-repeat center;
			}
			
		 .btn_receta.mojito{
			background:url(../../img/recetas/mojito.jpg) no-repeat center;
			}
			
		.btn_receta.panelami{
			background:url(../../img/recetas/panelami.jpg) no-repeat center;
			}
			
		.btn_receta.costilla{
			background:url(../../img/recetas/costilla_cerdo.jpg) no-repeat center;
			}
			
		.btn_receta.lomo{
			background:url(../../img/recetas/lomo_adobado.jpg) no-repeat center;
			}
			
		.btn_receta.cerdo{
			background:url(../../img/recetas/cerdo_piloncillo.jpg) no-repeat center;
			}
			
		.btn_receta.brochetas{
			background:url(../../img/recetas/brochetas_pollo.jpg) no-repeat center;
			}
			
		.btn_receta.lomopiloncillo{
			background:url(../../img/recetas/lomo_piloncillo.jpg) no-repeat center;
			}
			
		.btn_receta.lomomanzana{
			background:url(../../img/recetas/lomo_manzana.jpg) no-repeat center;
			}
			
		.btn_receta.pasta{
			background:url(../../img/recetas/pasta_camaron.jpg) no-repeat center;
			}
			
		.btn_receta.albahaca{
			background:url(../../img/recetas/ensalada_albahaca.jpg) no-repeat center;
			}
		
		
		.margenes{
			margin:60px 0;
			
			/*max-height:500px;*/
			display:inline-block;
			vertical-align:middle;
			  padding: 10px 20px;
			}
			
		
		.margenes img{
			text-align:center;
			}
			
		
		.align_right{
			text-align:right;
			}
			
			
		.align_left{
			text-align:left;
			}
			
			
		.align_justify{
			text-align:justify;
			}
			
			
			.background_img{
				background:url(../img/salud/salud_3.png) bottom right no-repeat;
				}
		
			
		footer{
			  width: 90%;
			  box-sizing: border-box;
			  padding: 0px;
			  position: absolute;
			  margin: 0 5%;
			  border-radius: 0px 6px;
			}
			
			footer h2{
				color:#fff;
				font-family: 'nexa_boldregular';
				letter-spacing:1px;
				text-align:center;
				}

			footer ul li{
				list-style:none;
				line-height:50px;
				}
				
			footer ul li:before{
				color:rgba(0,0,0,0.2);
				content:"• ";
				font-size:22px;
				}
				
			footer ul li a{
				color:#fff;
				
				transition:all linear 0.5s;
				-moz-transition:all linear 0.5s;
				-webkit-transition:all linear 0.5s;
				-ms-transition: all linear 0.5s;
				
				cursor:pointer;
				
				}
				
			footer img.certificacion_footer{
				width:50px;
				height:50px; 
				margin:3px 5%;
				border-radius:100%;
				}
				
				
			footer ul li a:hover{
				color:rgba(255,255,255,0.5);
				text-decoration:none;
				}
				
				
		  footer .background_verde{
			  background:rgba(23,179,219,1) !important;
			  width:100%;
			  margin:20px 0 0 0;
			  padding:10px 0 0px 0px;
			  clear:both;
			  box-sizing:border-box;
			  
			  border-radius: 6px 6px 0 0;
			  
			  bottom:0;
			  }
			  
			  .sin_margen{
				  margin:0;
				  }
				  
		footer .lead_chico, footer .lead_chico a{
			color:#fff;
			text-align:right;
			line-height:30px;
			font-size:14px;
			}
				
				
				
				/********** MENU DOS *********/
				
			#menu_dos{
				position:fixed;
				z-index:10000000000;
				height:70px;
				
				top:0px;
				border-radius: 0px 0px 6px 6px;
				margin-top:0px;
				
				box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
				}
				
				
		#menu_dos.navbar .container, #menu_dos .navbar-nav>li>a {
			  height: 70px;
			  line-height: 70px;
			  font-size:12px;
			}
			
			
		#menu_dos .navbar-nav>li {
			  width: 16%;
			}
			
			
		#menu_dos .btn-default.dropdown-toggle{
			font-size:12px;
			}
			
		p.centrado, .centrado{
			margin:0 auto;
			text-align:center;
			}
		 
		#menu_dos .navbar-nav > li:not(:first-child) > a{
				line-height:1em;
				margin-top:28px;
			}
			
.sellos{
	width:100%;
	padding:20px;
	text-align: center;
	margin:0px;
}			
	.sellos img{
		margin:0px 4%;
	}
			
.margenes.left{
	margin-left: 8.33333333% !important; 
}

.featurette-divider.last{
		border-top:solid 1px transparent !important;
}

		  hr.solo_espacio {
		  margin-top: 40px;
		  margin-bottom: 40px;
		  border: 0;
		  border-top: 0;
		}

/******** PROCESO **********/
.row.featurette > div, .row.featurette p.centrado{
	position: relative;
}

.row.featurette p.centrado.a-right:before,
.row.featurette p.centrado.a-right-down:before,
.row.featurette p.centrado.a-left:before,
.row.featurette p.centrado.a-left-down:before{
	position:absolute;
	top:5%;
	width:120px;
	height:50px;
	z-index:20;
}

/*
.row.featurette p.centrado.a-right:before,
.row.featurette p.centrado.a-right-down:before{
	right:40px;
}
.row.featurette p.centrado.a-left:before,
.row.featurette p.centrado.a-left-down:before{
	left:40px;
}

.row.featurette p.centrado.a-right:before{
	content:url('../img/a-right.png');
}

.row.featurette p.centrado.a-right-down:before{
	content:url('../img/a-right-down.png');
}

.row.featurette p.centrado.a-left:before{
	content:url('../img/a-left.png');
}

.row.featurette p.centrado.a-left-down:before{
	content:url('../img/a-left-down.png');
}
*/

/******** FORMULARIO **********/

#formulario{
	width:100%;
	padding-top:10px;
}

#formulario label {
	display:block;
}

#formulario input, #formulario textarea{
	  width: 60%;
  border: 1px solid #dadada;
  height: 40px;
}

#formulario input[type=submit]{
	width:auto !important;
	padding:10px 20px;
	background:#17b3db;
	color:#fff;
	font-weight:bold;
}

.brd-b20{
	padding-bottom:20px;
	border-bottom:1px solid #eeeeee;
}
.margin-t30{
	margin-top:30px !important;
}

#calabaza-tag,#bunuelos-tag ,#gorditas-tag 
,#mueganos-tag ,#cocadas-tag ,#calabaza-tag 
,#cajeta-tag ,#nueces-tag ,#ate-tag 
,#galletas_c-tag ,#galletas_m-tag ,#empanadas-tag 
,#cochinitos-tag ,#guayabas-tag,
#historia-tag, #somos-tag, #calidad-tag, #trazabilidad-tag, #responsabilidad-tag,
#bloque-tag, #granulada-tag, #liquida-tag {
  height: 1px;
  width: 100%;
  display: block;
  content: "";
  position: relative;
  left: 0;
  visibility: hidden;
  top: -90px;
}

/******** ANIMACIONES CSS**********/

			@-webkit-keyframes flipInX {
		  0% {
			-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
			transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
			-webkit-transition-timing-function: ease-in;
			transition-timing-function: ease-in;
			opacity: 0;
		  }
		
		  40% {
			-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
			transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
			-webkit-transition-timing-function: ease-in;
			transition-timing-function: ease-in;
		  }
		
		  60% {
			-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
			transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
			opacity: 0.6;
		  }
		
		  80% {
			-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
			transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		  }
		
		  100% {
			-webkit-transform: perspective(400px);
			transform: perspective(400px);
			opacity: 1;
		  }
		}
		
		@keyframes flipInX {
		  0% {
			-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
			-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
			transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
			-webkit-transition-timing-function: ease-in;
			transition-timing-function: ease-in;
			opacity: 0;
		  }
		
		  40% {
			-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
			-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
			transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
			-webkit-transition-timing-function: ease-in;
			transition-timing-function: ease-in;
		  }
		
		  60% {
			-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
			-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
			transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
			opacity: 0.6;
		  }
		
		  80% {
			-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
			-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
			transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		  }
		
		  100% {
			-webkit-transform: perspective(400px);
			-ms-transform: perspective(400px);
			transform: perspective(400px);
			opacity: 1;
		  }
		}
		
		.flipInX {
		  -webkit-backface-visibility: visible !important;
		  -ms-backface-visibility: visible !important;
		  backface-visibility: visible !important;
		  -webkit-animation-name: flipInX;
		  animation-name: flipInX;
		}
		
		
		/*@media (max-width: 640px)*/
		@media screen and (max-width:768px) {
			
			body{
				width:100%;
				overflow-x: hidden;
				}
		.navbar-nav {
			z-index:1000000000000000 !important;	
			position:absolute !important;
		    opacity:1;
		    visibility:visible;
			}
		
		.navbar-inverse .navbar-toggle, .navbar-nav {
		  background: #17b3db;
		  border-color: #3acbf0;
		}
		
		.carousel-inner > .item > img {
		height: 190px;
		}
		
		.carousel .item {
		  height: 190px;
		}
		
		.carousel {
        height: 190px;
		z-index:-1;
		}

		.carousel-control{
			color:#5BC0DE;
		}

		/******** PROCESO **********/
		.row.featurette > div, .row.featurette p.centrado{
			position: relative;
		}

		.row.featurette p.centrado.a-right:before,
		.row.featurette p.centrado.a-right-down:before,
		.row.featurette p.centrado.a-left:before,
		.row.featurette p.centrado.a-left-down:before{
			display:none !important;
			visibility:hidden !important;
		}
		
		.img_border img, .img_border{
			z-index:-1;
			}
		
		.btn-default.dropdown-toggle, .navbar-inverse .navbar-nav>li>a {
			  color: #fff  !important;
			  text-shadow:none;
			}
			
		.navbar-inverse .navbar-nav>li {
 			 width: 100%;
			 text-align:left;
			 padding-left:10%;
		}
		
		.open>.dropdown-toggle.btn-default {
		  color: #008757 !important;
		}
		
		.featurette-heading {
		  font-size:1.8em;
		}
		
		.jumbotron#logo {
		  padding: 10px 0;
		}
		
		.navbar-inverse {
		  height: 50px;
		}
		
		.featurette-divider {
		  margin: 30px 0;
		}
		
		.icons_mision, .esconder{
			display:none;
			}
			
			#menu_dos .navbar-nav>li {
			  width: 100%;
			}

			
			
			#menu_dos.navbar .container, #menu_dos .navbar-nav>li>a{
				width:100%;
				display:block;
			}
			
			.btn_receta {
			  min-height: 100px;
			  height: 100px;
			  background-size:170%;
			}
			
			.opacidad_n{
			width: 100px;
			  height: 100px;
			  padding:10px;
			  font-size:12px;
			  line-height:20px;
				}
				
				.md-modal {
			  position: fixed;
			  top: 5%;
			  left: 5%;
			  width: 90%;
			  max-width: 90%;
			  min-width: 90%;
			  height: auto;
                }
				
			.margenes {
			  margin: 20px 0;
			}
			
			#formulario input, #formulario textarea {
			  width: 95%;
			}
			
				.img_mitad{
				width:90%;
				}
		}
		
		@media only screen and (max-device-width: 600px) {
			
			body{
				width:100%;
				overflow-x: hidden;
				}
		.navbar-nav, .navbar-header:before {
			z-index:10000000000000000000000000000 !important;	
			position:absolute !important;
			opacity:1 !important; 
			visibility:visible;
			}
			
		.dropdown {
            opacity:1 !important; 
			visibility:visible;
			z-index:10000000000000000000000000000 !important;	
			
}
			
		.navbar-collapse.collapse.in{
			z-index:1000000000000000 !important;	
			opacity:1 !important; 
			}
			
		.collapse.in {
  			 display: block;
 			 visibility: visible;
  			 z-index:1000000000000000 !important;	
			 opacity:1 !important; 
		}
		
		.navbar-inverse .navbar-toggle, .navbar-nav {
		  background: #17B3DB;
		  border-color: #3ACBF0;
		  opacity:1;
		}
		
		.carousel-inner > .item > img {
		height: 190px;
		}
		
		.carousel .item {
		height: 190px;
		}
		
		.carousel {
        height: 190px;
		z-index:-1;
		}

			

		.img_border img, .img_border, #salud_1, #historia, #contenido_abajo, .container, img{
		 z-index:-10;
		}
		
		.btn-default.dropdown-toggle, .navbar-inverse .navbar-nav>li>a {
		 color: #fff  !important;
		 text-shadow:none;
		 font-size: 14px;
		 z-index:1000000000000000 !important;	
		}
			
		.navbar-inverse .navbar-nav>li {
 			 width: 100%;
			 text-align:left;
			 padding-left:10%;
		}
		
		.open>.dropdown-toggle.btn-default {
		  color: #008757 !important;
		}
		
		.featurette-heading {
		  font-size:1.8em;
		}
		
		.jumbotron#logo {
		  padding: 10px 0;
		}
		
		.navbar-inverse {
		  height: 50px;
		}
		
		.featurette-divider {
		  margin: 30px 0;
		}
		
		.icons_mision, .esconder{
			display:none;
			}
			
			#menu_dos .navbar-nav>li {
			  width: 100%;
			}				
			
			#menu_dos.navbar .container, #menu_dos .navbar-nav>li>a{
				width:100%;
				display:block;
			}
			
			.btn_receta {
			  min-height: 100px;
			  height: 100px;
			  background-size:190% !important;
			}
			
			.opacidad_n{
			  width: 82px;
			  height: 100px;
			  padding:10px 0px;
			  font-size:10px;
			  line-height:20px;
				}
				
				
			.md-modal {
			  position: fixed;
			  top: 5%;
			  left: 5%;
			  width: 90%;
			  max-width: 90%;
			  min-width: 90%;
			  height: auto;
			}
			
			.margenes {
			  margin: 20px 0;
			}
			
			#formulario input, #formulario textarea {
			  width: 95%;
			}
			
			.img_mitad{
				width:90%;
				}
			
			.atras{
				z-index:-10;
				}
				
			#menu_dos{
				opacity:0 !important;
				display:none !important;
				visibility:hidden !important;
				}
				
			.icon{
				width:70%;
				}
		}

				/* TAMAÑO DE CONTAINER */
        .container { 
        	width: 960px; 
        }
        footer {
        	width:960px;
			right:0;
			left:0;
			margin:0px auto;
        }
        .navbar.navbar-inverse{
        	width:960px;
        }

			.carousel-control.right,
			.carousel-control.left{
				background-image: none !important;
				background:transparent !important;
			}
			
			.carousel-control{
				color: #080808;
			}	

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

	#contenido_abajo .navbar.navbar-inverse {
				display:none !important;
			}
}