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

html, body { margin:0; padding:0;
	height: 100%;
}
#contenedor {
	min-height: 100%;
	height: auto !important;
	width: 100%;
	margin: 0 auto -180px;
}
#footer{
	height: 180px;
	background-color:#333333;
	margin-top:50px;
	display:block;
	color: #FFFFFF;
	font-family: 'Muli', sans-serif;
	
}

#derechos {
	width: 280px;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
	color: #FFFFFF;
	font-size: 11px;
	text-align: center
}
#menu_footer {
	width: 250px;
	float: left;
	margin-left: 40px;
	margin-top: 30px;
	
}

.titulo_menu_footer {
	font-size: 16px;
	height: 10px;
	line-height: 10px;
}

#item_menu {
	height: 30px;
	line-height: 30px;
	border-bottom: 1px dotted #999;
	font-size: 11px;
	color: #FFFFFF
}



#logo {
	width: 100%;
	display: block;
	background-color: #FFFFFF;
	background-image:url(images/logo_endosobesity.jpg);
	background-repeat:no-repeat;
	background-position: center;
	height:154px;
	border:0px;
}

nav {
    display: block;
}
/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
	
}

/* Basic Styles */

nav {
	height: 40px;
	width: 100%;
	background: #333333;
	font-size: 12pt;
	font-family: Calibri, Verdana;
	position: relative;
	border-bottom: 3px solid #099;
	
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 1000px;
	height: 40px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: #fff;
	display: inline-block;
	width: 190px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	text-shadow: 1px 1px 0px #283744;
}
nav li a {
	border-right: 1px solid #576979;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color: #8c99a4;
}
nav a#pull {
	display: none;
}

.frase1{
	width:90%;
	color:#399;
	font-size:39px;
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	padding-top:30px;
	padding-bottom:30px;
	margin-top: 20px;
	margin-right: 5%;
	margin-bottom: 30px;
	margin-left: 5%;
}
/* Estilos para index parte superio después del slider */
#centro{width:90%;
         margin-right: 5%;
		 margin-left:5%;
		 display:block;
		}
		 
#imagen_centro{ display:block;
                float:left;
				border:1px solid #CCC;
			  margin-bottom:25px;
			  }
				
#imagen_centro img {
     max-width:100%;
     height:auto;
}				

#proveedores{ width:500px;
              float:right;
			  background-color:#008c98;
			  padding-bottom:20px;
			  padding-top:15px;
			  margin-bottom:30px;
		
}


.why{ display:block;
      font-family:Arial, Helvetica, sans-serif;
	  font-size:21px;
	  font-weight:bold;
	  color:#FFF; 
	  margin-left:5%;
	  margin-right:5%;
	  text-align:center}
	  
.res{ display:block;
      font-family:'Josefin Sans', sans-serif;
	  font-size:18px;
	  line-height:23px;
	  color:#FFF; 
	  margin-left:5%;
	  margin-right:5%;
	  text-align:center}
	  
.sp{ height:20px;
     clear:both}	
	 
/* Estilos para index parte inferior donde salen los productos*/	
#inferior{width:90%;
         margin-right: 5%;
		 margin-left:5%;
		 display:block;
		 clear:both;
		 }
		 
#titulo{ background-image:url(images/flechas.jpg);
         background-position:left; background-repeat:no-repeat;
         border-bottom:2px dotted #CCC;
         padding-left:30px;
       font-family:'Josefin Sans', sans-serif;
		 font-size:24px; 
		 font-weight:bold;
		 color:#008c98;}
		 
#prod_1{-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
margin-top:40px;
padding:3%;
height:310px}	

#img_prod{ 
           float:left;
		   display:block;
		   margin-bottom:30px}
		   
#img_prod img {
     max-width:100%;
     height:auto;
}	   
		   
#texto_descrip{ width:320px;
                margin-left:10px;
				
				padding-top:20px;
				float:right;
				font-family:'Josefin Sans', sans-serif;
				font-size:17px;
				color:#666666;
				display:block;}
				
.titulo2{font-family: Arial, Helvetica, sans-serif;
		 font-size:21px; 
		 font-weight:bold;
		 color:#008c98;}	
		 		   
		   
.link{font-family:Arial;font-size:11px; color:#008c98; font-weight: bold }
.link a{ text-decoration:none; color:#008c98; }
.link a:hover{ text-decoration:none; color:#F60; }	

/*estilos para contacto*/
#central{
	display:block;
	margin-top:30px;
	width:90%;
	margin-left:5%;
	margin-right:5%
}

#contacto{ width:800px; margin-left:auto; margin-right:auto}
#texto{ width:82%; color:#666666; font-family:Trebuchet MS, Arial; text-align:left; font-size:16px; margin-bottom:40px; display:block}
#contact_form {padding:25px;}
#cont{color:#666666; font-family:Trebuchet MS, Arial; text-align:left; font-size:15px;}
#ff label {cursor:pointer;margin:4px 0;display:block; font-size:14px; color:#666666}

input {	display:block;width:90%;background-color:#f4f4f4; color:#000;padding:10px;	margin-bottom:13px; border:0}

textarea {display:block;width:90%;height:100px; background-color:#f4f4f4; color:#000;padding:10px;	margin-bottom:13px; border:0}

.sendButton {cursor:pointer;background-color: #008c98;color:#ffffff;width:100px; float:right; margin-right:70px}
.sendButton:hover {	opacity: 0.7;}


/* estilos para seccion marcas */
#marcas_caja {
	text-align: center;
	margin-top: 30px
}
#marcas_caja .bloque {
	display: inline-block;	/* Es esencial para que se muestren los bloques en línea */
	
	margin: 20px;
	
}

#marcas_caja .bloque img {
     max-width:100%;
     height:auto;
}


/* Estilos para detalle productos */
#fotos_prod{ margin-top:30px;
           float:left;
		   display:block;
		   text-align:center;
		   }
#fotos_prod img{ max-width:100%;
                 height:auto;
           
		   }
		   
#info_prod{ display:block;
            width:60%;
			float:right;
	       font-family:'Josefin Sans', sans-serif;
		   font-size:17px;
		   color:#666666;
		   padding-left:20px;
		   padding-right:20px;
		   margin-top:30px;}
		   
.tit{color:#008c98}	

iframe.ytb-embed {
max-width: 96% !important;
display: block;
margin: 10px auto;
}

/* estilos para seccion Todos los productos */
#marcas_caja2 {
	text-align: left;
	margin-top: 30px
}
#marcas_caja2 .bloque2 {
	display: inline-block;	/* Es esencial para que se muestren los bloques en línea */
	margin: 20px;
	-moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
	height:427px;
	
}

#marcas_caja2 .bloque2 img {
     max-width:100%;
     height:auto;
}

.link2{font-family:'Josefin Sans', sans-serif;font-size:16px; color:#008c98; font-weight: bold }
.link2 a{ text-decoration:none; color:#008c98; }
.link2 a:hover{ text-decoration:none; color:#F60; }

.bot-cot{ text-align:center; margin-bottom:40px}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 1000px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
	
	
	
			  
	#proveedores{ width:50%;}		  
	
	#footer {
	width: 100%;
}
#derechos {
	width: 25%
}
#menu_footer {
	width: 25%
}		  

#texto_descrip{ width:32%;
                
				}

 #contacto{ width:80%;}
 
 
}

@media screen and (max-width: 928px) {
	
	
#texto_descrip{ width:90%;
                
				}
				
#texto_descrip{ 
                margin-left: auto;
				margin-right:auto;
				float:none;
				
				
				}				
		 
#prod_1{
padding:3%;
height:500px}					
	
	
	}

@media only screen and (max-width : 740px) {
	
	.frase1{
	
	font-size:29px;
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:20px;
}
	
			  
	#proveedores{ width:100%;}
	
	
	#info_prod{ 
            width:98%;
		   padding-left:1%;
		   padding-right:1%;
		   margin-top:10px;
		   font-size:15px;
		  }

	
	}


/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #283744;
		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	
	
	.why{ 
	  font-size:18px;
	  }
	  
.res{ 
	  font-size:15px;
	  }	
	

		#footer{ height:400px}
	
	#menu_footer {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%
}
#derechos {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%
}	 
			 
	#logo {
	width: 100%;
	display: block;
	background-color: #FFFFFF;
	background-image:url(images/logo_endosobesity_2.jpg);
	background-repeat:no-repeat;
	background-position: center;
	height:154px;
	border:0px;
}	 

.frase1{
	
	font-size:21px;
	
}
		 
		 
		 }

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
	
.sp{ height:10px;
     clear:both}
	 
		 
#titulo{ 
		 font-size:18px; 
		}	 
	 
	 
#contacto{ width:100%;}	 
#texto{ font-size:14px;}

#marcas_caja2 .bloque2 {
	
	height:310px;
	
}
}