html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; vertical-align: baseline}

body {line-height: 1}
:focus {outline: 0}
ol, ul { list-style: none}
table { border-collapse: collapse; border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after { content: ""}
blockquote, q { quotes: "" ""}
input {margin: 0; padding: 0; }
textarea {margin: 0; padding: 0; font-family: "Century Gothic", Tahoma, Verdana; font-size:11px; /*color:#012C50;*/font-weight:normal;	margin:0px;	padding:0px; line-height:1.3em;}
hr { margin: 0; padding: 0; border: 0; color: #000; background-color: #000;height: 1px}
.enviar{
  height: 23px; width:40px; background-color: #fff;;
  border:1px solid #81b6c8;font-size: 12px;
  margin-top:10px;
  *margin-top:5px;
  padding:10px; padding-top:0px;  
  *padding:0px;
  color:black; cursor:hand; cursor:pointer;
  *margin-left:20px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.enviar{
  margin-left:0px;
}}
body:nth-of-type(1)	.enviar{
  padding:0px;
}

.enviar:hover{
  background-color: #bae0ee; border: 1px solid #24718d; 
}




/*------------------------------------------------------- RESET -----***/

a{cursor:hand;}

body {
	background-color:#FFFFFF;
	text-align:center;
	margin:0px;
	padding:0px;
	font-family: "Century Gothic", Tahoma, Verdana;
	font-size:12px;
	/*color:#012C50;*/
}
img{
	border:none;
	padding:0;
	margin:0;
}
br {
	line-height:20px;
	font-size: 9px;
}
p {
	font-family: "Century Gothic", Tahoma, Verdana;
	font-size:11px;
	/*color:#012C50;*/
	font-weight:normal;
	margin:0px;
	padding:0px;
	line-height:1.3em;
}
ul{	line-height:1.3em;}
h1,h2,h3,h4,h5 {
	font-family: "Century Gothic", Tahoma, Verdana;
	margin:0px;
	padding:0;	
}
h1 {
	font-family: "Century Gothic", Tahoma, Verdana;
	font-size:16px;
	color:#5790a6;
	font-weight: bold;
	margin:0px;
	padding:0px;
	line-height:1em;}

h2 {
	font-family: "Century Gothic", Tahoma, Verdana;
	font-size:16px;
	color:#5790a6;
	font-weight:bold;
	margin:0px;
	padding:0px;
	line-height:1.3em;
	text-align:center;}
h3 {
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	
}
h4 {
	font-size:14px;
	font-weight:normal;
	line-height:19px;
	color:#9ba0a6;	
}
h5 {
	font-size:11px;
	font-weight:normal;
	line-height:19px;
	/*color:#9ba0a6;*/
}
.negrita {
	font-weight:bold;
}
	
a.titulo_negro:link, a.titulo_negro:visited{
	font-family: "Century Gothic", Tahoma, Verdana;
	font-size:15px;
	color:#000;
	font-weight: bold;
	margin:0px;
	padding:0px;
	line-height:1.3em;
	text-align:center;}
a.titulo_negro:hover,a.titulo_negro:active{
	color:#888;}
.azul{
color:#5790a6;}
.gris{
color: #999999;}

.comentfrescos{
	font-family: "Century Gothic", Tahoma, Verdana;
	font-size:15px;
	color:#82b5ca;
	font-weight: bold;
	margin-left:20px;
	margin-top:-3px;
	margin-bottom:-35px;
	line-height:4.9em;
	float:left;}
.preg_nutri{
color:#336666;
font-size:13px;
font-weight:bold;
}
.p_nutri{
	font-size:12px;
	line-height:1.4em;
  }

/*-------------------------------------------------------------------***/
/*------------------------------------------------------- MENU -----***/
#logo {position: relative; left:0px; top: 0px; width:171px; height: 150px; background-image:url(../img/logo_principal.jpg); background-repeat:no-repeat; float:left;}
#elem_menu{position: relative; top: -130px; width:80%; height:30px; float:right;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#elem_menu{  float:right; }
	}

ul li.menu {
		text-align:left;
         display: inline;  
         padding: 2px 3.5px; 
         margin:2px;
 }  
 ul li.menu:hover {  
         cursor: pointer;
 }  
 ul.menu {    
         border-bottom-width: 1px;  
         border-bottom-style: solid;
 }


/*------------------------------------------------------- LINKS -----***/
a:link {color: #5790a6; text-decoration:none}
a:visited {color:  #5790a6;  text-decoration:none}
a:hover {color:#82b5c8; text-decoration:none}
a:active {color:#82b5c8; text-decoration:none}	
a:focus {outline: 0; text-decoration:none}	

a.menu:link {color: #5790a6; text-decoration:none; font-size:16px; font-weight:bold;}
a.menu:visited {color: #5790a6; text-decoration:none; font-size:16px; font-weight:bold;}
a.menu:hover {color: #82b5ca; text-decoration:none; font-size:16px; font-weight:bold;}
a.menu:active {color: #82b5ca; text-decoration:none; font-size:16px; font-weight:bold;}	
a.menu:focus {outline: #82b5ca; text-decoration:none; font-size:16px; font-weight:bold;}

a.pie:link {color: #5790a6; text-decoration:none}
a.pie:visited {color: #5790a6; text-decoration:none}
a.pie:hover {color: #82b5ca; text-decoration:none}
a.pie:active {color: #82b5ca; text-decoration:none}	
a.pie:focus {outline: #82b5ca; text-decoration:none}		

a.contenido:link {color: #294370; text-decoration:none}
a.contenido:visited {color: #294370; text-decoration:none}
a.contenido:hover {color: #586c90; text-decoration:none}
a.contenido:active {color: #586c90; text-decoration:none}	
a.contenido:focus {outline: #586c90; text-decoration:none}


.flashmargen{
	margin-left:20px;
	*margin-left:40px;}
	
.texto_nutricion{
	font-family: "Century Gothic", Tahoma, Verdana;
	font-size:13px;
	color:#5790a6;
	font-weight:bold;
	margin:0px;
	padding:0px;
	line-height:1.6em;
	*line-height:1.4em;
	text-align:center;}

/*-------------------------------------------------------------------***/


/*------------------------------------------------------- DIVS ----***/

#general {
	position: absolute;
	width:99%;
	*left:0px;
	top:0px;
	bottom:10px;
	*bottom:0px;
	#position: absolute;
	#overflow-x: inherit;
	#overflow: hidden;
	text-align:center;
	*margin-bottom:0px;
	padding-bottom:-10px
	*padding-bottom:0px;
	*height:630px;
	
}
div#contador {

	position:relative;
	width:780px;
	height:10px;
	text-align: right;
	left: 50%;
    margin-left: -390px;
	*left:0px;
	*margin:0px;
	overflow:hidden;
	z-index:1px;
	top:-10px;
	
}
div#top {

	position:relative;
	width:780px;
	height:149px;
	text-align: right;
	left: 50%;
    margin-left: -390px;
	*left:0px;
	*margin:0px;
	overflow:hidden;
	z-index:1px;
}
div#cabecera {
	position:relative;
	width:780px;
	height:150px;
	text-align: right;
	left:0px;
	margin:0px;
	z-index:5px;
}

div#submenucontent {

	position:relative;
	width:610px;
	height:30px;
	text-align: right;
	left: 50%;
    margin-left: -220px;
	*padding-left: -320px;
	*left:85px;
	*margin:0px;
	top:-30px;
	bottom:30px;
	z-index:10;
}	
div#submenu{
	position:relative;
	text-align:left;
	height:30px;
	width:400px;
	z-index:1;
	background-color:#F90;
	}

div#content {
	position:relative;
	text-align:center;
	height:430px;
	min-height:430px;
	*height:430px;
	min-width:780px;
	_width:780px;
	width:780px;
	padding:0px;
    left: 50%;
    margin-left: -390px;
	*left:0px;
	*margin-left:0px;
	overflow:hidden;
	top:-30px;
}
div#contentlargo {
	position:relative;
	text-align:center;
	min-width:780px;
	_width:780px;
	width:780px;
	padding:0px;
    left: 50%;
    margin-left: -390px;
	*left:0px;
	*margin-left:0px;
	overflow:hidden;
	top:-30px;
}

div#content1 {
	position:relative;
	min-width:360px;
	_width:360px;
	width:360px;
	min-height:400px;
	height:400px;
	padding:15px;
	text-align:center;
	*margin-left:-400px;
	*margin-bottom:-30px;
}
div#content2 {
	position:relative;
	left:390px;
	width:360px;
	height:230px;
	margin-top:-430px;
	background-image:url(../img/pizarra.jpg);
	background-repeat:no-repeat;
	background-position: top;
	*margin-left:-400px;
	}

div#content3 {
	position:relative;
	min-width:365px;
		left:390px;
	_width:365px;
	width:365px;
	min-height:180px;
	_height:180px;
	height:180px;
	padding:15px;
	*margin-bottom:-30px;
	*margin-left:-530px;
}
div#content4 {
	position:relative;
	left:390px;
	min-width:360px;
	*width:400px;
	width:360px;
	min-height:170px;
	_height:170px;
	height:170px;
	padding:15px;
	margin-top:10px;	
	clear:right;
	text-align:left;
	*margin-left:-400px;
	*margin-bottom:-30px;
	*margin-bottom:-30px;
	*height:220px;
	*width:400px;
	*margin-top:37px;
	}

/*-------------------------------------------------------------------***/
/*------------------------------------------------------- CONTENIDO INDEX ----***/
div#contentindex {
	position:relative;
	text-align:center;
	height:430px;
	min-height:430px;
	*height:425px;
	min-width:780px;
	_width:780px;
	width:780px;
	padding:0px;
    left: 50%;
    margin-left: -390px;
	*left:0px;
	*margin-left:0px;
	overflow:hidden;
}


div#contindex {
	position:relative;
	width:390px;
	height:420px;
	text-align:left;
	float: left;
	margin-bottom:5px;
}
div#contindexinter{
	width:380px;
	height:210px;
	margin-top:5px;
	margin-bottom:5px;
	*margin-top:0px;
	*margin-bottom:0px;
	}
/*-------------------------------------------------------------------***/
/*------------------------------------------------------- PÁGINAS INTERIORES ----***/

div#contenido {
	position:relative;
	width:780px;
	height:430px;
	*height:100px;
	text-align:center;
	*margin-left:0px;
	*margin-bottom:-30px;
}
div#contenidolargo {
	position:relative;
	width:780px;
	text-align:center;
	*margin-left:0px;
	*margin-bottom:-30px;
	height:80%;
	*height:550px;
}


div#etiqueta_grande {
	position:relative;
	text-align:center;
	height:439px;
	min-height:439px;
	_height:439px;
	min-width:900px;
	_width:900px;
	width:900px;
	padding:0px;
    left: 50%;
    margin-left: -450px;
	*left:0px;
	*margin-left:0px;
	overflow:hidden;
	top:-30px;
	margin-bottom:-10px;
}

div#etiqueta_masgrande {
	position:relative;
	text-align:center;
	height:439px;
	min-height:439px;
	_height:439px;
	min-width:1000px;
	_width:1000px;
	width:1000px;
	padding:0px;
    left: 50%;
    margin-left: -500px;
	*left:0px;
	*margin-left:0px;
	overflow:hidden;
	top:-43px;
	margin-bottom:-10px;
}
div#nosotros {
	position:relative;
	text-align:center;
	height:470px;
	min-height:470px;
	_height:470px;
	min-width:1015px;
	_width:1015px;
	width:1015px;
	padding:0px;
    left: 50%;
    margin-left: -500px;
	*left:0px;
	*margin-left:0px;
	overflow:hidden;
	top:-43px;
	_top:-30px;
	margin-bottom:-40px;
}

div#columna1 {
	position:relative;
	width:185px;
	*width:175px;
	height:400px;
	text-align:left;
	float:left;
	margin-left:5px;
	margin-right:5px;
}
div#columna2 {
	position:relative;
	width:185px;
	*width:185px;
	height:200px;
	text-align:left;
	float:left;
	margin-left:5px;
	margin-right:5px;
	*margin-left:0px;
	*margin-right:0px;
}

div#columna70 {
	position:relative;
	width:560px;
	height:430px;
	text-align:left;
	float:left;
	margin-left:5px;
	margin-right:5px;
}
div#columna30 {
	position:relative;
	width:200px;
	height:430px;
	text-align:left;
	float:right;
	margin-left:5px;
	margin-right:5px;
}
div#columna40 {
	position:relative;
	width:250px;
	*width:230px;
	height:430px;
	text-align:left;
	float:left;
	margin-left:5px;
	margin-right:5px;
}
div#columna60 {
	position:relative;
	width:470px;
	*width:520px;
	padding-left:20px;
	*padding-left:0px;
	height:430px;
	text-align:right;
	float:left;
}
div#columna40_inferior {
	position:relative;
	width:260px;
	*width:260px;
	height:230px;
	text-align:left;
	float:left;
	margin-left:5px;
	margin-right:5px;
}
div#columna60_inferior {
	position:relative;
	width:230px;
	*width:250px;
	padding:10px;
	height:165px;
	_height:185px;
	text-align:left;
	float:left;
	overflow:scroll;
	overflow-x: hidden;
	margin:75 0 0 210;
	*margin:75 0 0 205;
	font-weight:bold;
	font-size:12px;
}
div#columna40_inferior_antes{
	position:relative;
	width:250px;
	*width:230px;
	height:230px;
	text-align:left;
	float:left;
	margin-left:5px;
	margin-right:5px;
}
div#columna60_inferior_antes{
	position:relative;
	width:470px;
	*width:520px;
	padding-left:20px;
	*padding-left:0px;
	height:230px;
	text-align:right;
	float:left;
}
div#columnacorta_superior {
	position:relative;
	width:730px;
	*width:780px;
	padding-left:20px;
	*padding-left:0px;
	height:180px;
	text-align:center;
	float:left;
}
div#columna60_izq {
	position:relative;
	width:530px;
	*width:530px;
	padding-left:20px;
	*padding-left:0px;
	padding-right:20px;
	*padding-right:0px;
	height:400px;
	text-align:left;
	float:left;
}
div#columna40_dch{
	position:relative;
	width:200px;
	*width:200px;
	padding-top:25px;
	*padding-top:0px;
	height:400px;
	text-align:left;
	float:right;
	margin-left:5px;
	margin-right:5px;
}
div#columna50 {
	position:relative;
	width:390px;
	height:430px;
	text-align:left;
	float:right;
}
div#columna45 {
	position:relative;
	width:350px;
	height:430px;
	text-align:left;
	float:right;
	margin-right:30px;
}
div#columna25 {
	position:relative;
	width:195px;
	height:430px;
	text-align:left;
	float:right;
}
div#columna35 {
	position:relative;
	width:195px;
	*width:215px;
	height:430px;
	text-align:left;
	float:right;
	padding-left:15px;
	*padding-left:20px;
	background: url(../img/enmitienda_marco.jpg) right center no-repeat;
}

div#columna_nutric_dch {
	position:relative;
	width:510px;
	*width:490px;
	height:390px;
	text-align:left;
	float:right;
	margin-left:5px;
	margin-right:5px;
	margin-top:-345px;
	*margin-top:-355px;
	
}
div#columna_nutric_izq {
	position:relative;
	width:230px;
	*width:230px;
	padding-left:20px;
	*padding-left:0px;
	*margin-left:-500px;
	top:35px;
	height:350px;
	text-align:left;
	display:block;+
}
div#imgnutricionista{
	width:230px;
	height:100px;
	float:left;
    margin-right:10px;
	clear:right;
	}
div#columna_nutric_izq_sup {
	position:absolute;
	width:230px;
	*width:280px;
	height:200px;
/*	padding-left:20px;
	*padding-left:0px;
	*margin-left:-500px;
	text-align:center;
	padding-top:30px;
*/	padding-left:20px;
	padding-right:100px;
	*padding-left:30px;
	*padding-right:30px;
	*top:-60px;
	top:0px;
	left:0px;
	margin-left:-270px;
	background: url(../img/bocadillo.jpg) bottom left no-repeat; 
	*background: url(../img/bocadillo.png) bottom left no-repeat;
    display:none;
}
div#columna_nutric_izq_bocadillo {
	position:relative;
	width:230px;
	*width:230px;
	top:200px;
	padding-left:20px;
	*padding-left:0px;
	*margin-left:-500px;
	height:200px;
	text-align:left;
	display:block;
}
div#columna_nutric_dch_bocadillo {
	position:relative;
	width:510px;
	*width:490px;
	height:390px;
	text-align:left;
	float:right;
	margin-left:5px;
	margin-right:5px;
	margin-top:-200px;
}
div#imgnutricionista_bocadillo{
	width:230px;
	height:100px;
	float:left;
    margin-right:10px;
	clear:right;
	}
div#nfamilia {
	position:relative;
	width:360px;
	*width:358px;
	height:175px;
	*height:180px;
	text-align:left;
}
div#imgnfamilia{
	width:200px;
	height:165px;
	float:left;
	}
div#titnfamilia{
	width:150px;
	*width:155px;
	text-align:left;
	padding-left:10px;
	float:left;
	}

div#descnfamilia{
	width:150px;	
	*width:155px;
	text-align:left;
	padding-left:10px;
	float:left;
	}

div#colum1 {
	position:relative;
	width:240px;
	*width:235px;
	height:400px;
	text-align:left;
	float:left;
	margin-left:15px;
	margin-right:5px;
}

div#col1 {
	position:relative;
	width:290px;
	height:430px;
	text-align:left;
	float:right;
}

div#col2{
	position:relative;
	width:200px;
	height:430px;
	*height:430px;
	text-align:left;
	float:right;
	left:0px;
	vertical-align:top;
	}
div#col3{
	position:relative;
	width:200px;
	height:430px;
	text-align:left;
	float:left;
	padding-top:-430px;
	left:-290px;
	
	}
div#prod{
	width:100%;
	height:190px;
	float:right;
	margin-top:5px;
	margin-bottom:5px;
	}
div#prod_corto{
	width:100%;
	height:100px;
	float:right;
	padding-bottom:5px;
	}
div#imgprod{
	width:110px;
	height:115px;
	float:left;
	}
div#imgprod_estrecha{
	width:100px;
	height:205px;
	float:left;
	}
div#imgprod_smooth{
	width:80px;
	height:205px;
	float:left;
	}
div#nombreprod{
	width:120px;
	*width:120px;
	float:right;
	text-align:left;
	margin-bottom:5px;
	}
div#nombreprodint{
	width:285px;
	*width:290px;
	float:left;
	text-align:left;
	padding-top:30px;
	padding-bottom:10px;
	}
div#nombreprodint2{
	width:150px;
	*width:290px;
	float:left;
	text-align:left;
	padding-top:30px;
	padding-bottom:10px;
	}
div#descprod{
	width:120px;
	float:right;
	text-align:left;
	height:90px;
	}
div#descsmooth{
	width:135px;
	float:right;
	text-align:left;
	height:90px;
	padding-right:15px;}

div#fondobotones{
	width:130px;
	float:left;
	text-align:center;
	height:90px;
	background-position:center;
	}
	
div#etiqueta{
	position:relative;
	width:290px;
	text-align:left;
	height:135px;
	text-align:center;
	top:93px;
	*top:85px;
	}
div#veretiqueta{
	width:290px;
	float:right;
	text-align:center;
	}
div#etiqueta_estrecho{
	position:relative;
	width:185px;
	*width:175px;
	text-align:left;
	height:135px;
	float:right;
	text-align:center;
	}
div#veretiqueta_estrecho{
	width:185px;
	*width:170px;
	float:ightr;
	text-align:center;
	}
div#smoothie{
	position:relative;
	width:580;
	text-align:right;
	height:450px;
	float:left;
	}
div#etiquetasmoothie{
	position:relative;
	width:300px;
	height:300px;
	top:255px;
	text-align:center;
	float:left;
	}	
div#caja_scroll{width:388px; height:100px; overflow-x:hidden; overflow-y:scroll; padding-bottom:5px; padding-top:5px; border:#5790A6 1px solid }

div#preguntas_nutricional{width:500px; margin-right:10px; height:370px; overflow-x:hidden; overflow-y:scroll; padding:5px; border:#5790A6 1px solid; *height:355px;  }

/*-------------------------------------------------------------------***/
/*------------------------------------------------------- TEXTO PIE ----***/
#floater {display:inline!important; background-color:#f7f9fa; border:2px solid #c1ccd9; font-size:85%; width:250px; margin-left:-137px; margin-top:20px; position:absolute; z-index:0;}
a.nota { vertical-align:top; font-size:75%; padding:0 8px 0 5px; text-decoration:none;}
.iconnotapie {margin:-7px auto 0; display:block; width:9px;} #floater_inside {padding:10px;}
/*-------------------------------------------------------------------***/
/*------------------------------------------------------- TEXTO PIE ----***/

div#pie {
	position:relative;
	width:780px;
	height:12px;
	*height:10px;
	text-align: center;
	left: 50%;
    margin-left: -390px;
	*left:0px;
	*margin-left:0px;
	bottom:10px;
	*bottom:15px;
	float: none;
}

div#pieizq {
	vertical-align:bottom;
	width:260px;
	text-align: left;
	float:left;
	margin-top:10px;
	*height:15px;
}
div#piecentro {
	vertical-align:bottom;
	width:260px;
	text-align: center;
	float:left;
	margin-top:10px;
	*height:15px;
}
div#piedcha {
	vertical-align:bottom;
	width:260px;
	text-align: right;
	float:left;
	margin-top:0px;
}
.pie {
	font-family: "Century Gothic", Tahoma, Verdana;
	font-size:10px;
	font-weight:normal;
	margin:0px;
	line-height:1.3em;
	text-align:center;
}
.img_pie {
}
/*-------------------------------------------------------------------***/
/*------------------------------------------------------- TEXTO ENCONSTRUCCIÓN ----***/

div#enconstruccion {
	position:relative;
	width:200px;
	height:120px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	text-align: right;
	vertical-align:bottom;
}