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

body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(fondoAgua.jpg) center no-repeat fixed;
}
a:link { color:#336699}
a:visited {color:#336699}
a:hover {color:#605920}
a:active {color:#336699}
#gral{
	text-align:center;
}
#cabecera{
	width:770px;
	margin:auto;
}
#cabA {
	width:200px;
	height:123px;
	float:left;
}
#cabB {
	width:570px;
	height:123px;
	float:left;
	margin-bottom:5px;
	background:url(cabecera_inicio.jpg) no-repeat top left;	
}
#cabBi {
	width:570px;
	height:123px;
	float:left;
	margin-bottom:5px;
	background:url(cabecera_inicio_ing.jpg) no-repeat top left;	
}
#cabC {
	width:570px;
	height:130px;
	float:left;
	margin-bottom:5px;
	background:url(cabecera_interna.jpg) no-repeat top left;	
}
#cabB h1, #cabBi h1{
	display:none
}
#cabC h1{
	display:none
}
/*--------------------------- TOOLS --------------*/
#tools{
	border:#000000 solid 0px;
	position:relative;
	top:65px;
	left:420px;
	text-align:left;
	font-size:11px;
}
#tools a{
	color:#999966;
	text-decoration:none;
	margin-left:8px;
	margin-right:8px;
}
#tools a:hover{
	color:#336699
}
.campo{
	height:20px;
	border:solid 1px #999966;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#336699;
	margin-top:2px;
	margin-left:10px;
}
.boton {
	height:20px;
	border:solid 1px #999966;
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999966;
	background:#f5f5e5;
	margin-top:2px;
}
/*--------------------------- TOOLS --------------*/
/*--------------------------- MENU --------------*/
#menu{
	border:#000000 solid 0px;
	position:relative;
	top:58px;
	left:120px;
	text-align:left;
}
#menu ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#menu li{
	display:inline
}
#menu li a{
	color:#999966;
	text-decoration:none;
	margin-left:25px;
	margin-right:25px;
	font-size:14px;
	font-weight:bold;
	
}
#menu li a:hover{
	color:#336699
}
/*--------------------------- MENU --------------*/
#rutacont{
	float:left;
	width:465px;
}
#ruta{
	width:465px;
	padding-left:10px;
	margin-right:10px;
	margin:auto;
	color: #003366;
	font-size:12px;
	text-align:left;
	margin-bottom:10px;
	border:#000000 solid 0px;
}
#ruta span {
	font-weight:bold;
}
#ruta a{
	text-decoration:none;
}
#ruta a:hover{
	text-decoration:underline;
}
/*  ---------- CANALES HOME --------- */
/* ----------- PUB -------------------*/
#medios {
	width:460px;
	margin:auto;
	color:#336699;
	margin-top:20px;
	text-align: right;
	background:url(img_medios.jpg) no-repeat right;
}
#medios h3{
	font-size:12px;
	font-weight:normal;
	margin-right:100px;
}
#legal {
	width:460px;
	margin:auto;
	color:#336699;
	margin-top:5px;
}
#legal h3{
	font-size:10px;
	font-weight:bold;
}
#medios h3 span{
	font-weight:bold;
}
#med {
	width:460px;
	height:90px;
	margin:auto;
	border: #CCCCCC solid 0px;
	vertical-align:middle;
	text-align:right;
	cursor:pointer;
	text-decoration:none;
}
#pub, #com {
	width:460px;
	height:90px;
	margin:auto;
	border: #CCCCCC solid 0px;
	vertical-align:middle;
	text-align:left;
	cursor:pointer;
	text-decoration:none;
}
#pub, #med, #com  {
	margin-top:0px;
	margin-bottom:0px;
}
#pub {
	background:url(img_pg.png) no-repeat left;
}
#med {
	background:url(img_im.png) no-repeat right;
}
#com {
	background:url(img_icm.png) no-repeat left;
}
#med h3{
	font-size:14px;
	margin-right:200px;
	margin-top:0px;
	font-weight:normal;
	line-height:20px
}
#pub h3, #com h3{
	font-size:14px;
	margin-left:200px;
	margin-top:0px;
	font-weight:normal;
	line-height:20px
}
#pub a, #com a, #med a{
	color:#666666;
	text-decoration:none;
}
#pub h3 a, #com h3 a, #med h3 a{
	color:#666666;
	text-decoration:none;
}
#pub a:hover, #com a:hover, #med a:hover{
	text-decoration:underline;
}

/*---------------   C O N T E N I D O S  -----------  */
#contenedor{
	width:800px;
	margin:auto;
}
#contenido{
	width:465px;
	margin-left:10px;
	margin-right:10px;
}
#contenido h2{
	font-size:16px;
	font-weight:bold;
	text-align:left;
	margin-top:10px;
	color:#666633;
}
#contenido p{
	text-align:justify;
	font-size:14px;
}
#contenido td, #contenido li{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
#contenido a{
	color:#336699;
}
#contenido a:hover{
	color:#605920;
}
#contenido td h4{
	font-size:14px;
	font-weight:bold;
}

/*---------------   C O N T E N I D O S  -----------  */
#sitios{
 	width:465px;
	font-size:14px;
	text-align:right;
	padding-right:30px;
 }
#sitios a{
 	text-decoration:none;
	color:#666666;
 }
#sitios a:hover{
 	text-decoration:underline;
	color: #333333;
 }
 
/* ----------  L O G O S ----------- */

.divlogos {
	height:200px;
	border:#000000 solid 0px;
}
.logos {
	margin:7px 5px 7px 5px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
.logos a {
	text-align:center;
	font-size:15px;
	text-decoration:none;
	color: #333333;
}
.logos a:hover {
	text-decoration:underline;
	color: #666666;
}
/* ----------  MENUS CANALES ------------ *
#m_med{
	background:url(menu_Medicos.jpg) no-repeat;
}
#m_pub{
	background:url(menu_Publico.jpg) no-repeat;
}
#m_com{
	background:url(menu_Comunidad.jpg) no-repeat;
}
#m_med,
#m_pub,
#m_com{
	border:#FFFFFF solid 1px;
	width:465px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-align:left;
}
#m_med a,
#m_pub a,
#m_com a {
	text-decoration:none;
}
#m_med ul,
#m_pub ul,
#m_com ul {
	margin:80px 0px 0px 190px;
	padding:0px;
	list-style:none;
}
#m_med li,
#m_pub li,
#m_com li {
	margin-top:20px;
	list-style-image:url(menus_bullet.gif);
	color:#336699;
} */
/*- - - - - - - -  CONTENEDOR - - - - - - - - - -*/
/* - - - - - - - MAPA LATERAL - - -   */
#mapa{
	float:left;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	border-right:#999999 dotted 1px;
	text-align:left;
	padding:0px;
}
#izq-menu{
	background:#666666;
	color:#FFFFFF;
}
#izq-menu h2{
	font-size:14px;
	margin:0px;
	padding:0px;
}
#izq-pg ul,
#izq-im ul,
#izq-cm ul {
	padding:0px 0px 0px 10px;
	margin:0px;
	text-align:left;
	list-style:none;
}
#izq-pg h2,
#izq-im h2,
#izq-cm h2 {
	font-size:14px;
	margin:0px;
}
#mapa h4 {
	font-size:12px;
	margin:0px;
	padding:0px;
}
#izq-pg li,
#izq-im li,
#izq-cm li {
	font-size:12px;
	padding: 2px 0px 2px 0px;
	line-height:13px;	
}
/* ---- MAPA lateral -----------*/
/* ---- TEMAS DERECHO ----------*/
#temas{
	float:left;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	border-left:#999999 dotted 1px;
	text-align:left;
	padding:0px;
}
#temas a{
	color:#000033;
}
#temas ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#temas li{
	padding-left:10px;
	display:block;
	font-size:12px;
}
#temas li:hover{
	display:block;
	background:#FFFF00
}
#temas h2{
	background:#666666;
	color:#FFFFFF;
	font-size:14px;
	margin:0px;
	padding:0px 0px 0px 10px;
	display:block;
}
.tema1 {
	text-decoration:none;
	color:#000033;
	background: #FCFFD7;
}
.tema1:hover{
	text-decoration:underline;
	color: #0000FF;
	background:#FFFF00;
}
.tema2 {
	text-decoration:none;
	color:#000033;
	background: #F4FDFF;
}
.tema2:hover{
	text-decoration:none;
	color: #0000FF;
	background:#FFFF00;
}
#
/* ---- TEMAS DERECHO ----------*/
/* -- PG -- */
#izq-pg{
	/*background: #ddffdd*/
	background: #edffed
}
#izq-pg h4 a {
	text-decoration:none;
	font-weight:bold;
	color: #003300;
}
#izq-pg h4 a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#00CC00;
}
#izq-pg li a {
	color:#003300;
	text-decoration:none;
	list-style-image: url(bullet-pg.gif);
}
#izq-pg li a:hover {
	color:#00CC00;
	text-decoration:underline;
	list-style-image: url(bullet-pg2.gif);
}

/* -- I M -- */
#izq-im{
	/*background: #ddecff*/
	background: #edf6ff
}
#izq-im h4 a {
	text-decoration:none;
	font-weight:bold;
	color: #003366;
}
#izq-im h4 a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#0099FF;
}
#izq-im li a {
	color:#003366;
	text-decoration:none;
	list-style-image: url(bullet-im.gif);
}
#izq-im li a:hover {
	color:#0099FF;
	text-decoration:underline;
	list-style-image: url(bullet-im2.gif);
}
/* -- CM -- */
#izq-cm{
	/*background: #f6d5ff*/
	background: #fbe7ff
}
#izq-cm h4 a {
	text-decoration:none;
	font-weight:bold;
	color:#4a1d56;
}
#izq-cm h4 a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#9900CC;
}
#izq-cm li a {
	color:#4a1d56;
	text-decoration:none;
	list-style-image: url(bullet-cm.gif);
}
#izq-cm li a:hover {
	color:#9900CC;
	text-decoration:underline;
	list-style-image: url(bullet-cm2.gif);
}

/* - - -- -  INDICES --- - - - */
.logotit {
	float:left;
	margin-right:20px;
}
#indices ul {
	margin:0px 0px 0px 18px;
	padding:0px;
	text-align:left;	
}
#indices li{
	padding: 4px 0px 4px 0px;
	list-style-image: url(menus_bullet.gif);
}
#i-sre-pg h2,
#i-ms-pg h2,
#i-salud-pg h2,
#i-cdc-pg h2,
#i-unam-pg h2,
#i-ms-pg h2,
#i-oms-pg h2,
#i-salud-im h2,
#i-cdc-im h2,
#i-oms-im h2
{
	margin:40px 0px 40px 0px;
}


/*------------- ING ---------- */

/* ----------- PUB -------------------*/
#med-i {
	width:460px;
	height:90px;
	margin:auto;
	border: #CCCCCC solid 0px;
	vertical-align:middle;
	text-align:right;
	cursor:pointer;
	text-decoration:none;
}
#pub-i, #com-i {
	width:460px;
	height:90px;
	margin:auto;
	border: #CCCCCC solid 0px;
	vertical-align:middle;
	text-align:left;
	cursor:pointer;
	text-decoration:none;
}
#pub-i, #med-i, #com-i  {
	margin-top:0px;
	margin-bottom:0px;
}
#pub-i {
	background:url(img_pg-i.png) no-repeat left;
}
#med-i {
	background:url(img_im-i.png) no-repeat right;
}
#com-i {
	background:url(img_icm-i.png) no-repeat left;
}
#med-i h3{
	font-size:14px;
	margin-right:200px;
	margin-top:0px;
	font-weight:normal;
	line-height:20px
}
#pub-i h3, #com-i h3{
	font-size:14px;
	margin-left:200px;
	margin-top:0px;
	font-weight:normal;
	line-height:20px
}
#pub-i a, #com-i a, #med-i a{
	color:#666666;
	text-decoration:none;
}
#pub-i h3 a, #com-i h3 a, #med-i h3 a{
	color:#666666;
	text-decoration:none;
}
#pub-i a:hover, #com-i a:hover, #med-i a:hover{
	text-decoration:underline;
}