/*------------------------------------------------------------------------
# SECCION DE NUTRICIONET - TEMA SALUD
# ------------------------------------------------------------------------
# Gobierno del Estado de Nuevo León 2003 - 2009
# Página:  http://www.nl.gob.mx/?P=nutricionet
# 
# Colores utilizados
# 
# Fondo oscuro, h2, h3, h4, h6, intro			#555500
# Bordes de la inroducción e indices subtemas	#BBBB88
# Fondo normal									#DDDDBB
# Fondo claro									#EEEEDD
# Fondo encabezados, h5, HR						#999944
# Fondo cafe oscuro								#440208
# Color encabezados (letra)						#FFFFFF
# Color titulos									#777722
# Color ligas									#333333
# 
-------------------------------------------------------------------------*/

/* Headings
-------------------------------------------------------------- 
h2, h2 a {color:#555500;}
h3, h3 a {color:#555500;}
h4, h4 a {color:#555500;}
h5, h5 a {color:#999944;}
h6, h6 a {color:#555500;}*/

h1#subtema-titulo {padding: 10px 0 0 0 !important; height: 140px; color: #078; font-size: 3.83em; font-weight: normal; font-family: Georgia, serif; margin: 0 0 15px 0; line-height: 30px; background: url(/pics/css/design/temas/salud/nutricionet/images/lg_nutricionet.png) no-repeat top right;} 
h1#subtema-titulo #subtema-subtitulo {font-size: 20px; font-weight: normal; color: #000;}

/* COLUMNAS FALSAS */
#nl-container {background: transparent url(/pics/css/design/temas/salud/nutricionet/images/back_col_left.gif) repeat-y top left; padding: 0; margin: 0;}
#bg-right {background: transparent url(/pics/css/design/temas/salud/nutricionet/images/back_col_right.gif) repeat-y top right;}
/* MENU */
h2#box-tema {color: #fff; margin-bottom: 10px; margin-top: 0px; padding: 30px 0 0 10px; background: url(/pics/css/design/temas/salud/nutricionet/images/bg_tema.gif) no-repeat top; height: 84px; font-size: 24px; font-weight: normal; font-family: Georgia, serif;}
h2#box-tema a {color: #fff; text-decoration: none;}
h2#box-tema a:hover {color: #fff; text-decoration: underline;}
ul#flevel {margin:0; padding:0 0 0 1px; list-style-type: none;}
ul#flevel li {padding: 12px 0 12px 0px; margin: 0; border-bottom: 1px dotted #666;}
ul#flevel li.active { padding: 4px 0 0 0; background: #fff url(/pics/css/design/temas/salud/nutricionet/images/opt_active.gif) no-repeat top left; font-weight: bold;}
ul#flevel li a {text-decoration: none; color: #000; border: 0; padding-left: 10px;}
ul#flevel li a:hover {text-decoration: underline;}
ul#flevel ul.slevel {background-color: #F2F2F2; margin: 12px 0 0 0; list-style-type: none; padding: 0;}
ul#flevel ul.slevel li {padding: 8px 0 8px 0; font-weight: normal; margin: 0; border-top: 1px dotted #666; border-bottom: 0;}
ul#flevel ul.slevel li a {text-decoration: none; color: #000; border: 0; margin-left:10px;}
ul#flevel ul.slevel li a:hover {text-decoration: underline; border: 0;}

/* INTRODUCCION */
#subtema-introduccion {padding:0 0 4px 0; border-bottom: 1px dotted #CCCCCC; background: #FFFFFF url(/pics/css/design/temas/salud/nutricionet/images/back_intro_nutricionet.jpg) no-repeat bottom left; height:145px;}
#subtema-introduccion img {float: left;}
#subtema-introduccion h2.intro-titulo {margin-left: 170px; padding-top:15px; font-size: 18px; font-weight: normal; font-family: "Trebuchet MS", sans-serif; color: #000;}
#subtema-introduccion p {margin-bottom: 0px; margin-left: 30px; margin-top:40px; margin-right: 20px; font-family: Verdana, sans-serif; font-size:13px; font-style: italic; line-height: 20px;}
#introduccion {margin-left: 200px; background: url(/pics/css/design/temas/salud/nutricionet/images/img_corchete_cen.png);}

/* CONTENIDO */

#subtema-content {width: 780px; margin-left: 10px; text-align: left;}
#subtema-content p {margin: 20px 0; line-height: 150%;}
#subtema-content .bloque {padding-right: 20px;}
#subtema-content .bloque h2			{color: #078; font-size:1.67em; margin: 10px 0 15px 0; font-family: Georgia, serif;}
.principal {width: 580px !important; margin-left: 10px !important;} /* Estilo especifico para la portada de nutricionet */

#subtema-content h2			{color: #078; font-size: 26px; font-family: "Trebuchet MS", sans-serif;}
#subtema-content h3			{color: #078; font-size: 2.50em; font-family: Georgia, serif; font-weight: normal;}
#subtema-content h3 a		{color: #078; text-decoration: none;}
#subtema-content h3 a:hover {color: #078; text-decoration: underline;}

#subtema-content h4			{color: #078; font-size: 20px; font-family: "Trebuchet MS", sans-serif; font-weight: bold;}
#subtema-content h4	a		{color: #078; text-decoration: none;}
#subtema-content h4	a:hover	{color: #078; text-decoration: underline;}

h6			{color: #078;}

#subtema-content .bloque h5 {margin: 30px 0 15px 0; color: #5F5C5C; font-size: 14px; font-family: "Trebuchet MS", sans-serif;}
#subtema-content .bloque ul.bloglist {list-style-type: none; margin: 0; padding: 0;}
#subtema-content .bloque ul.bloglist li {padding: 0; margin: 0;}

/*#subtema-content hr {color: #9C9A9A; background-color: #9C9A9A; height: 1px; border: 0; margin: 30px 20px 30px 0; padding: 0;}*/
#subtema-content .bloque abbr {border: 0;}

#subtema-content img {border:0px;}
#subtema-content img .right {margin:0.5em; float:right;}

#menu_dietas {height: 160px; background: transparent url(/pics/css/design/temas/salud/nutricionet/images/backmenurecursos_m.gif) no-repeat bottom left;}
#menu_dietas h2 {color: #60141B; font-size: 1em; margin: 10px 0 15px 0; border-bottom: 6px solid #078; font-family: "Trebuchet MS", sans-serif;}
ul#menu-dietas {list-style-type: none; margin-top: 10px;}
ul#menu-dietas li {float: left; width: 25%; text-align: center;}
ul#menu-dietas li a {text-decoration: underline;}

#menu_dietas_portada {height:165px; background: transparent url(/pics/css/design/temas/salud/nutricionet/images/backmenurecursos_s.gif) no-repeat bottom left}

#consulta-experto { padding-right:10px; padding-bottom:10px;}

.hr-col-right {margin: 10px;}
.hr {margin: 25px 0 5px 0;}
/*hr { border:none; width:96%; height:1px; color:#CCCCCC; background-color:#CCCCCC; padding: 0; margin: 1em 0; } no funciona bien*/
.video_bloque {padding-top:0.5em; padding-bottom:0.5em;}

#subtema-content a {text-decoration: underline; color: #900;}
#subtema-content a:hover {text-decoration: underline; color: #c00;}


/* MODULE BOX */
.no-border {text-decoration: none;}
.subtema-mas {text-align: right; margin-right: 20px;}
.module-box {margin: 10px 0;}
/*.module-box div.inside {background: transparent url(/pics/css/design/temas/salud/nutricionet/images/bg_module_box_middle.gif) repeat-y center;}*/
.module-box h3, .module-box ul, .module-box p, .module-box span {margin-left: 10px; margin-right: 10px;}
.module-box a {text-decoration: underline; color: #900;}
.module-box a:hover {text-decoration: underline; color: #c00;}
.module-box h3 {color: #078; font-size:1.25em;  font-weight: bold; font-family: "Arial Narrow", sans-serif;}
.inside p {font-size:1em !important; text-align:center;}

ul.subtema-listado {list-style-type: none; margin-top: 5px;}
ul.subtema-listado li {padding-left: 15px; margin: 0; padding: 5px 0 5px 15px;}
#bloque-jovenes ul.subtema-listado li a {text-decoration: underline; color: #333;}
#bloque-jovenes ul.subtema-listado li a:hover {text-decoration: underline; color: #078;}
.module-box ul.subtema-listado li a {text-decoration: none; color: #333;}
.module-box ul.subtema-listado li a:hover {text-decoration: underline; color: #333;}
.module-box ul.subtema-listado li {font-size:0.92em;}
#subtema-content ul.subtema-listado li {background:transparent url('/pics/common/bullets_temas/bullet_nutricionet.gif') no-repeat 0% 25%;}
.module-box ul.subtema-listado li {background:transparent url('/pics/common/bullets_temas/bullet_nutricionet_light.gif') no-repeat 0% 25%;}
#bloque-jovenes ul.subtema-listado li {background:transparent url('/pics/common/bullets_temas/bullet_nutricionet.gif') no-repeat 0% 25%;}

/* TRASTORNOS */

#opciones_trastornos {height: 50px; background: transparent url(/pics/css/design/temas/salud/nutricionet/images/back_trastornos.gif) no-repeat bottom left;}
#opciones_trastornos ul {list-style-type:none;}
#opciones_trastornos ul li {float:left;width:33%; text-align:center; margin-top:15px;}
#opciones_trastornos ul li a {text-decoration:underline; color:#078;}
h2.opciones-trastornos {color: #60141B; font-size: 1em !important; margin: 10px 0 0 0; border-bottom: 6px solid #078; font-family: "Trebuchet MS", sans-serif;}

#trastornos {padding 0.5em;}
#trastornos h2 {color:#078; font-size:1.8em; font-family: "Trebuchet MS", sans-serif; padding-top:0.8em; padding-bottom:0.5em; padding-left:20px;}
#trastornos .tabla { border-collapse:collapse; border:#ccc solid 1px; }
#trastornos .tabla td { padding:0.5em;}
#trastornos ul li {list-style-type:square; margin-left: 15px; padding: 3px 0px 3px 15px;}

#fuente {font-size:0.9em; font-family:Georgia, serif; padding-left:20px;}

/* DIETAS */
.dietas .tabla { border-collapse:collapse; border:#ccc solid 1px; }
.dietas .tabla td { padding:0.5em;}
.piedefoto {color: #078; font-size: 12px; font-family: Tahoma, sans-serif; text-transform:uppercase;}

/* VIDEOS */
#video-youtube {float:left; width:55%; padding:1.5em; background:#E9F8F8; margin-left:10px;}
#video-cita {float:right; width:35%; padding-left:1em;}
#video-cita h2 {color: #078; font-size: 18px; font-family: "Trebuchet MS", sans-serif; margin-top:1em;}

/*CENTROS DE AYUDA*/
#centros-ayuda h3, #centros-ayuda p, #centros-ayuda ul {margin-left: 10px !important;}

#bloque-jovenes {text-align: center;} 
#bloque-jovenes h3 {color: #078; font-size:1.50em; font-family: Georgia, serif; font-weight: normal;}
.module-bottom {width: 550px; border: 2px solid #9FDFDF; text-align: left; margin: 15px auto; padding: 13px 0;}
.module-bottom div {margin: 0 10px;}


/*FAQ*/
.faq a {text-decoration: underline; color: #333;}
.faq a:hover {text-decoration: underline; color: #078;}