/* RETO PARA TENER UN PESO SALUDABLE */



* {margin:0; padding:0;}

body {
	
	margin:15px 0; padding:0;
	
	background:#FFFFFF;
	
	font-family: Arial, sans-serif; font-size:12px; color:#333333;
	
}

#wrapper {width:952px; margin:0 auto; padding:0; background: url(images/wrapper-gradient.jpg) bottom right no-repeat; clear:both;}

h1 {font-size:24px; font-weight:normal; color:#175aa2; font-family: "Helvetica Neue", Arial, sans-serif; padding:15px 15px 10px 15px;}
h2 {font-size:18px; font-weight:normal; color:#ed2728; font-family: "Helvetica Neue", Arial, sans-serif; padding:10px 15px 10px 15px;}
h4 {font-size:24px; font-weight:normal; color:#175aa2; font-family: "Helvetica Neue", Arial, sans-serif; padding:15px 15px 10px 15px;}

/* ---------- WEEKLY TOPICS ---------- */

h3 {font-size:24px; font-weight:normal; color:#175aa2; font-family: "Helvetica Neue", Arial, sans-serif; margin: 15px; padding:30px 15px 30px 100px;}
h3 span {font-size:18px; color:#175aa2;}
h3.w1 {background: url(images/cal1.gif) center left no-repeat; }
h3.w2 {background: url(images/cal2.gif) center left no-repeat; }
h3.w3 {background: url(images/cal3.gif) center left no-repeat; }
h3.w4 {background: url(images/cal4.gif) center left no-repeat; }
h3.w5 {background: url(images/cal5.gif) center left no-repeat; }
h3.w6 {background: url(images/cal6.gif) center left no-repeat; }
h3.w7 {background: url(images/cal7.gif) center left no-repeat; }
h3.w8 {background: url(images/cal8.gif) center left no-repeat; }
h3.w9 {background: url(images/cal9.gif) center left no-repeat; }
h3.w10 {background: url(images/cal10.gif) center left no-repeat; }
h3.w11 {background: url(images/cal11.gif) center left no-repeat; }
h3.w12 {background: url(images/cal12.gif) center left no-repeat; }


a:link, a:active, a:visited {color:#327a3a; text-decoration:underline;}
a:hover {color:#327a3a; text-decoration:none;}

a.print {color:#327a3a; text-decoration:underline; padding:2px 0 2px 20px; background: url(images/print.gif) center left no-repeat;}
a.print:hover {color:#327a3a; text-decoration:none; padding:2px 0 2px 20px; background: url(images/print.gif) center left no-repeat;}
a.download {color:#327a3a; text-decoration:underline; padding:2px 0 2px 25px; background: url(images/download.gif) center left no-repeat;}
a.download:hover {color:#327a3a; text-decoration:none; padding:2px 0 2px 25px; background: url(images/download.gif) center left no-repeat;}

/* ---------- HEADER & TAB NAV ---------- */

#header {
	
	width:952px; height:140px;
	
	margin:0; padding:0;
	
	background: url(images/header.jpg) bottom right no-repeat;
}

.header-link {width:952px; height:116px; margin:0; padding:0; border:0; display:block;}
.header-link span {display:none;}

#tab-nav {width:952px; height:24px; margin:0; padding:0; list-style:none;}
#tab-nav li {float:right; height:24px; margin:0; padding:0; list-style:none;}
#tab-nav li a {height:24px; padding:0; display:block; border:0;}
#tab-nav li a span {display:none;}

a.materiales {margin:0;width:137px; height:24px; background: url(images/tab-materiales.png) no-repeat; z-index:20;position:relative;}
a.materiales:hover {background-position:-137px 0; z-index:100;}
a.historias {margin:0;width:137px; height:24px; background: url(images/tab-historias.png) no-repeat; z-index:10;position:relative;}
a.historias:hover {background-position:-137px 0; z-index:100;}
a.recetas {margin:0 -15px 0 0;width:137px; height:24px; background: url(images/tab-recetas.png) no-repeat; z-index:5;position:relative;}
a.recetas:hover {background-position:-137px 0; z-index:100;}
a.bocadillos {margin:0 -15px 0 0;width:137px; height:24px; background: url(images/tab-bocadillos.png) no-repeat; z-index:0;position:relative;}
a.bocadillos:hover {background-position:-137px 0; z-index:100;}



/* ---------- CONTAINER ---------- */

#container {
	
	width:952px; clear:both;
	
	margin:15px 0 0 0; padding:0;
}



/* ---------- LEFT COLUMN ---------- */

#left-column {
	
	width:256px;
	
	float:left;
	
	margin:0; padding:0;
}


#left-nav {width:256px; margin:0 0 15px 0; padding:0;}
#left-nav li {width:256px; height:33px; list-style:none; margin:0; padding:0; color:#252877;}

a:link.mid, a:active.mid, a:visited.mid {

	width:236px; height:25px; display:block; 
	
	padding:8px 10px 0 10px; 
	
	color:#252877; font-size:12px; text-decoration:none;
	
	background: url(images/nav-background.gif) no-repeat;
}
	
a:hover.mid {color:#FFFFFF; text-decoration:none; background-position:-256px 0;}

a:link.top, a:active.top, a:visited.top {

	width:236px; height:25px; display:block; 
	
	padding:8px 10px 0 10px; 
	
	color:#252877; font-size:12px; text-decoration:none;
	
	background: url(images/nav-background-top.gif) no-repeat;
}
	
a:hover.top {color:#FFFFFF; text-decoration:none; background-position:-256px 0;}

a:link.bottom, a:active.bottom, a:visited.bottom {

	width:236px; height:25px; display:block; 
	
	padding:8px 10px 0 10px; 
	
	color:#252877; font-size:12px; text-decoration:none;
	
	background: url(images/nav-background-bottom.gif) no-repeat;
}
	
a:hover.bottom {color:#FFFFFF; text-decoration:none; background-position:-256px 0;}

#left-nav li a span {text-decoration:underline; font-weight:bold;}

.password-p {color:#4c4c4c; font-size:11px; padding:10px;}



/* ---------- CONTENT---------- */

#content {
	
	width:456px;
	
	float:left;
	
	margin:0; padding:0;
}

#content p {
	
	color:#333333;
	
	padding:10px 15px; line-height:18px;
}

#content ul {color:#333333;padding:15px 15px 15px 15px;}
#content ul li {color:#333333; list-style-position:inside; line-height:18px;}

#content ul.topics {float:left;color:#327a3a;padding:15px 0 15px 25px; width:200px; }
#content ul.topics li {padding-left:10px;color:#327a3a; list-style-position:outside; line-height:18px;margin:10px 15px;}

hr {
	
	width:426px; height:1px;
	
	background:#cbcdce; color:#cdcece;
	
	margin:5px auto; clear:both;
}

.recipe {padding:0; margin:15px; font-size:11px; color:#333333; border-top:1px solid #cbcdce; border-bottom:1px solid #cbcdce;}

.snacks {padding:0; margin:15px; font-size:11px; color:#333333; border-top:1px solid #cbcdce; border-bottom:1px solid #cbcdce;}
.snacks img {width:130px; height:90px; border:0; margin:0 10px 0 0;}
.snacks span {font-weight:bold;}
.snacks span a {color:#333333; text-decoration:none; font-weight:bold;}
.snacks span a:hover {color:#333333; text-decoration:underline; font-weight:bold;}

/* ---------- RIGHT COLUMN ---------- */

#right-column {
	
	width:240px;
	
	float:left;
	
	margin:0; padding:0;
}

#flash-vid {width:240px; height:180px; margin: 0 0 15px 0; padding:0;}

#bmi {width:240px; margin:0; padding:0 0 10px 0; background: url(images/bmi-box-bottom.gif) left bottom no-repeat;}
#bmi-mid {width:240px; margin:0; padding:0; background: url(images/bmi-box.gif) left top no-repeat;}
#bmi-top {width:240px; height:10px; margin:0; padding:0; background: url(images/bmi-box-top.gif) left top no-repeat; font-size:0;}
#bmi-bottom { /*width:240px; height:10px; margin:0; padding:0; background: url(images/bmi-box-bottom.gif) left top no-repeat; font-size:0;*/ display:none;}

#bmi p {font-size:11px; color:#333333; padding:0 15px; font-weight:bold;}

#bmi-table {font-size:11px; margin:0 auto;}

#weight, #height, #height2, #bmi-result {width:30px; height:15px;}
#weight-select, #height-select, #height2-select {width:40px; height:19px; font-size:10px;}

a.bmi-tip {font-size:9px; color:#367c2b; text-decoration:underline;}
a.bmi-tip:hover {font-size:9px; color:#367c2b; text-decoration:none;}

#calculate, #clear {
	
	width:90px; height:25px;
	
	background: url(images/bmi-button.gif) left top no-repeat;
	
	margin:0; padding:0; border:0;
	
	font-size:11px; color:#367c2b;
}	

/* ---------- FOOTER ---------- */

#footer {clear:both; width:952px; height:60px; margin:0 auto 0 auto; padding:0; background: #9acd66 url(images/footer.jpg) top left no-repeat; font-family:"Times New Roman", Times, serif; font-size:12px; }
#footer span {float:right;padding:18px 20px 0 0; font-family:"Times New Roman", Times, serif; font-size:12px; font-style:italic; font-weight:bold;}