@charset "utf-8";
@media all {
/* Simplified box model hack para posicionar correctamente las imagenes de esquina. */
* html img { \margin-left:-.2em; ma\rgin-left:0; }
/* BODY AND FONTS: =body
----------------------------------------------- */
	body { background: #fff; margin:0; padding: 0; text-align: center;  } 
	body, input, textarea, select { color: #343434; font: 12px/18px Arial, Helvetica, sans-serif; }

/* LINKS AND IMAGES: =links
----------------------------------------------- */
	a img { border: none; }
	a:link, a:visited { color:#1a8e46; }
	a:hover { color: #ec0f69; }
	
/* TYPOGRAPHY: =typography-
----------------------------------------------- */	
	h1, h2, h3, h4, h5, h6 { color: #1A8E46; font: 15px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0;  }
	h2 { border-bottom: 1px solid #ccc; font-size: 18px; margin: 0; padding: 5px 0 5px 10px; }	
	h3 { font-size: 12px; margin: 0; padding: 10px 0 0 10px; font-weight: bold;}	
	h4 { font-size: 10px; margin: 0; padding: 5px 0 0 10px; font-weight: bold;}	

	p { color: #000; margin: 0; padding: 0; }
	ul, ol {margin: 0 0 0 30px; padding: 0; border: none;}
	li {list-style-type: circle; margin: 0; padding: 0}
	a[rel="external"], a.external { background-image: url("../img/external-off.gif"); background-position: 100% 60%; background-repeat: no-repeat; margin-right: 1px; padding-right: 11px; }
	a[rel="external"]:hover { background-image: url("../img/external-on.gif"); }
/* GENERAL LAYOUT
----------------------------------------------- */
body.fullwidth #pageheader .container { padding-left: 0; width: 900px; }
#wrapper { float: left; width: 100%; background: #fff; }
.container { width: 900px; text-align: left; margin: 0 auto; }
#content { float: left; clear: both; width: 100%; padding: 0 0 26px 0; }

/* Contenido
----------------------------------------------- */
#contenido { padding: 0; float: left; width: 100%; background: url("../img/bg_contenido.gif") 50% 0 repeat-x;}

#destacado { padding: 0; margin: 0; float: left; width: 199px; height: 300px; border-right: 1px solid #fff; background-color: #4da16e; }
#destacado P { padding: 5px 10px; font: 14px/18px Georgia, "Times New Roman", Times, serif; color: #fff; }
.nota { font: 11px/13px Georgia, "Times New Roman", Times, serif; color: #fff; }
#flash_home {float: left; height: 300px; width: 450px; padding: 0; margin: 0; }

#blanco{ padding: 0; margin: 0; float: left; width: 250px;  }
#texto1 { padding: 0 0 20px 0; margin: 0; float: left; width: 450px; border-right: 1px solid #fff; background-color: #eeeeea; }
#texto1 p { color: #000; font: 12px/15px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 5px 10px 5px 10px; }
#texto1 li { color: #000; font: 12px/15px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 3px; }
#texto1 .mini { color: #000; font: 11px/13px Georgia, "Times New Roman", Times, serif;}

#texto2 { padding: 0 0 20px 0; margin: 0; float: left; width: 450px; border-right: 1px solid #fff; background-color: #eeeeea; }
#texto2 p { color: #000; font: 12px/15px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 5px 10px 5px 10px; }
#texto2 li { color: #000; font: 12px/15px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 3px; }
#texto2 .mini { color: #000; font: 11px/13px Georgia, "Times New Roman", Times, serif;}
#texto2 div.cuadro { border: 1px solid #1A8E46; display: block; margin: 5px 10px 5px 10px; color: #000; font: 11px/13px Georgia, "Times New Roman", Times, serif; padding: 5px;}

#texto2 .formes { color: #000; font: 12px/15px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 5px 10px 5px 10px; }
#texto2 .verde { color: #1A8E46; font: 12px/15px Georgia, "Times New Roman", Times, serif;}

#item { padding: 0 0 10px 0; margin: 0 auto 10px; width: 430px; border-bottom: 1px solid #1A8E46;}
#item h4 { color: #1A8E46; font: bold 16px/18px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 5px 10px 5px 10px;  border-bottom: 1px solid #e4e4e4;}
#texto2 div.leermas { color: #000; font: 10px/10px Georgia, "Times New Roman", Times, serif; text-align: right;}
#item p { color: #000; font: 12px/15px Georgia, "Times New Roman", Times, serif; margin: 0; padding: 10px 10px 10px 10px; }
#item p A { color: #1a8e46; font-weight: bold;}
#item p A:hover { color: #ec0f69; }

#img_destacado { padding: 0; margin: 0; float: left; width: 199px; height: 300px; background-color: #4da16e; }

#noticias { padding: 0; margin: 0; float: right; width: 199px; }
#noticias .titulo { text-transform: capitalize; font: 12px/14px Arial, Helvetica, sans-serif;  margin: 0; padding: 10px 10px 0 10px; height: 15px;}
#noticias h4 { color: #000; font: bold 13px/15px Arial, Helvetica, sans-serif; margin: 0; padding: 5px 10px 0 10px; }
#noticias P { color: #000; font: 11px/14px Arial, Helvetica, sans-serif; margin: 0; padding: 0 10px 10px 10px; border-bottom: 1px solid #ccc;}
#noticias P A { display: block;  color: #1a8e46; font-weight: bold; text-align: right;}
#noticias P A:hover { color: #ec0f69; }


/* Contenido FORM
----------------------------------------------- */
.dgtextbox {BACKGROUND: #FBFBFB; BORDER: #D2D2D2 1px solid; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #5B5B5B; PADDING: 0 3px 0 3px; margin: 0 10px 0 10px; }
.input {BACKGROUND: #FBFBFB; cursor:hand; BORDER: #D2D2D2 1px solid; FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #5B5B5B; TEXT-ALIGN: center; PADDING: 0 5px 0 5px; margin: 0 10px 0 10px; }
.input2 {BACKGROUND: #E7E7E7; cursor:hand; BORDER: #D2D2D2 1px solid; FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #5B5B5B; TEXT-ALIGN: center; PADDING: 0 5px 0 5px; margin: 0 10px 0 10px; }

/* Contenido MENU P
----------------------------------------------- */
#menu {float: left; width: 249px; height: 300px; margin: 0; padding: 0; border-right: 1px solid #fff;}
#menu_p { clear: both; width: 249px; float: left;}
#menu_p ul { display: inline; list-style: none; float: left; margin: 0; padding: 0; }
#menu_p ul li { display: inline; list-style: none; float: left; margin: 0; padding: 0; }
#menu_p ul li a { overflow: hidden; display: block; text-indent: -999px; }	
#menu_p ul li a:hover { background-position: 0 -40px; }
#menu_p ul li ul { display: inline; list-style: none; float: left; margin: 0; padding: 0; }
#menu_p ul li ul li a { overflow: hidden; display: block; text-indent: -999px; }	
#menu_p ul li ul li a:hover { background-position: 0 -25px; }

#b_home A {background: url("../img/b_home.gif") no-repeat; width: 249px; height: 20px; BACKGROUND-POSITION: 0 0}
#b_home_a A {background: url("../img/b_home.gif") no-repeat; width: 249px; height: 20px; BACKGROUND-POSITION: 0 -80px}
#b_equipo_profesional A {background: url("../img/b_equipo_profesional.gif") no-repeat; width: 249px; height: 20px; BACKGROUND-POSITION: 0 0}
#b_equipo_profesional_a A {background: url("../img/b_equipo_profesional.gif") no-repeat; width: 249px; height: 20px; BACKGROUND-POSITION: 0 -80px}
#b_tratamiento_sobrepeso A {background: url("../img/b_tratamiento_sobrepeso.gif") no-repeat; width: 249px; height: 40px; BACKGROUND-POSITION: 0 0}
#b_tratamiento_sobrepeso_a A {background: url("../img/b_tratamiento_sobrepeso.gif") no-repeat; width: 249px; height: 40px; BACKGROUND-POSITION: 0 -80px}


#b_psicologia_psicopedagogia A {background: url("../img/b_psicologia_psicopedagogia.png") no-repeat; width: 249px; height: 20px; BACKGROUND-POSITION: 0 0}
#b_psicologia_psicopedagogia_a A {background: url("../img/b_psicologia_psicopedagogia.png") no-repeat; width: 249px; height: 20px; BACKGROUND-POSITION: 0 -80px}


#b_propuestas A {background: url("../img/b_propuestas.gif") no-repeat; width: 249px; height: 40px; BACKGROUND-POSITION: 0 0}
#b_propuestas_a A {background: url("../img/b_propuestas.gif") no-repeat; width: 249px; height: 40px; BACKGROUND-POSITION: 0 -80px}

#b_docencia_investigacion A {background: url("../img/b_docencia_investigacion.png") no-repeat; width: 249px; height: 20px; BACKGROUND-POSITION: 0 0}
#b_docencia_investigacion_a A {background: url("../img/b_docencia_investigacion.png") no-repeat; width: 249px; height: 20px; BACKGROUND-POSITION: 0 -80px}

#b_publicaciones A {background: url("../img/b_publicaciones.gif") no-repeat; width: 249px; height: 20px; BACKGROUND-POSITION: 0 0}
#b_publicaciones_a A {background: url("../img/b_publicaciones.gif") no-repeat; width: 249px; height: 20px; BACKGROUND-POSITION: 0 -80px}
#b_novedades A {background: url("../img/b_novedades.gif") no-repeat; width: 249px; height: 20px; BACKGROUND-POSITION: 0 0}
#b_novedades_a A {background: url("../img/b_novedades.gif") no-repeat; width: 249px; height: 20px; BACKGROUND-POSITION: 0 -80px}

#b_linea {border: none; }

/* HEADER: =header
----------------------------------------------- */
#header { border-bottom: 5px solid #fff; padding: 0; float: left; width: 100%; background-color: #1a8e46; height: 89px;}
#header img { float: left; }

#courtesynav { color: #fff; font-size: 11px; float: right; line-height: 18px; height: 18px; padding: 0;  margin-top: 60px; }
#courtesynav p { float: left; margin: 0; padding: 0; color: #fff;}
#courtesynav a { float: left; margin: 0; color: #ec0f69; overflow: hidden; height: 18px; text-indent: -999px;}
#courtesynav a:hover { color: #fff; }
#courtesynav a#contacto { background: url("../img/icono_contacto.gif") no-repeat 0 0; height: 18px; width: 26px;}
#courtesynav a#contacto:hover { background: url("../img/icono_contacto.gif") no-repeat 0 -18px; }
#courtesynav a#sitemap { background: url("../img/icono_sitemap.gif") no-repeat 0 0; height: 18px; width: 26px;}
#courtesynav a#sitemap:hover { background: url("../img/icono_sitemap.gif") no-repeat 0 -18px; }

#courtesynav a#judith {color: #fff; overflow: visibile; text-indent: 0; text-decoration: none;}
#courtesynav a#judith:hover  {text-decoration: underline;}

/* FOOTER: =footer
----------------------------------------------- */
#footer {border-top: 1px solid #000; background: url("../img/pie_colors.gif") 50% 0 repeat-x; float: left; width: 100%; clear: both; padding: 16px 0 18px 0; }
#footer p.copyright {float: left; width: 750px; }
#footer p.nav { text-align: right; float: right; width: 150px; }
}
