* {
margin:0;
padding:0;
outline:none;
}

html, body {
width:100%;
height:100%;
font:12px tahoma;

}

body {
background:#ABC3DF url(../images/f_nuvols.jpg) center top no-repeat;
}

/* estructura general */

#cabecerahome {
width:900px;
height:315px;
margin:0 auto;
position:relative;
background:#fff url(../images/f_cabecerahome.jpg) left top no-repeat;
}

 #cabecerahome #logo {
 margin-left:25px;
 border:none;
 }
 
 #cabecerahome #paralosquebuscan {
 position:absolute;
 left:200px;
 top:160px;
 width:500px;
 height:150px;
 }
 
 #cabecerahome #paralosquebuscan ul {
 list-style:none;
 font:15px "trebuchet ms";
 color:#543501;
 }
 
  #cabecerahome #paralosquebuscan ul li{
 padding-left:20px;
 background:url(../images/v_losquebuscan.png) left 9px no-repeat;
 padding-bottom:4px;
 }

#cabecera {
width:900px;
height:238px;
margin:0 auto;
position:relative;
}

	#cabecera.dbm {
	background:url(../images/f_dbm.jpg) left top no-repeat;
	}
	
	#cabecera.pnl {
	background:url(../images/f_pnl.jpg) left top no-repeat;
	}
	
	#cabecera.equipo {
	background:url(../images/f_equipo.jpg) left top no-repeat;
	}
	
	#cabecera.calendario {
	background:url(../images/f_calendario.jpg) left top no-repeat;
	}
	
	#cabecera.atencionindividual {
	background:url(../images/f_atencionindividual.jpg) left top no-repeat;
	}
	
	#cabecera.recursos {
	background:url(../images/f_recursos.jpg) left top no-repeat;
	}	
	
	#cabecera.contacto {
	background:url(../images/f_contacto.jpg) left top no-repeat;
	}
	#cabecera.organizaciones {
	background:url(../images/f_organizaciones.jpg) left top no-repeat;
	}

	#cabecera #menu, #cabecerahome #menu {
	position:absolute;
	top:10px;
	right:20px;
	width:700px;
	text-align:right;
	letter-spacing:1px;
	line-height:30px;
	}
	
	#cabecera #menu a, #cabecerahome #menu a {
	color:#000;
	text-decoration:none;
	padding:2px;
	}
	
	#cabecera #menu a:hover, #cabecerahome #menu a:hover  {
	color:#666;
	border-top:1px dotted gainsboro;
	}
	
	#cabecera #menu a.actual {
	font-weight:bold;
	background:#ddd;
	}
	
	#cabecera #menu img {
	cursor: pointer;
	}

#pie {
width:900px;
height:100px;
margin:0 auto;
text-align:center;
background:#FCFCF9;
font:12px tahoma;
color:#000;
border-top:1px dotted gainsboro;
line-height:22px;
}

	#pie div {
	margin-top:15px;
	}
	
	#pie a {
	font:bold 10px tahoma;
	color:#666;
	padding:0 2px;
	text-decoration:none;
	letter-spacing:1px;
	}
	
	#pie a:hover {
	color:#333;
	background:#fff;
	}
	
	#pie span {
	display:none;
	}

#mediohome {
width:900px;
height:330px;
margin:0 auto;
position:relative;
background:#FBFCF9 url(../images/f_mediohome.jpg) left top no-repeat;
}

	#mediohome #bienvenida {
	position:absolute;
	left:2px;
	top:63px;
	width:277px;
	height:135px;
	overflow:none;
	line-height:17px;
	}
	
	#mediohome #noticias {
	position:absolute;
	left:316px;
	top:63px;
	line-height:18px;
	width:275px;
	height:40px;
	overflow:none;
	}
	
	#mediohome #clientes {
	position:absolute;
	left:624px;
	line-height:18px;
	top:63px;
	width:255px;
	height:215px;
	overflow:none;
	line-height:17px;
	}
	#mediohome #clientes p {
	margin-bottom:10px;
	}
	
	
#breves {
padding-top:7px;
font-size:90%;
line-height:17px;
}
	#breves li {
	list-style:none;
	padding-left:17px;
	background:url(../images/v_ultimasnoticias.png) left 4px no-repeat;
	padding-bottom:8px;
	}

	#breves span {
	font:bold 10px tahoma;
	color:#738D39
	}
	
	#breves a {
	color:#000;
	text-decoration:underline;
	}
	
	#breves a:hover {
	color:#3D4E16
	}
	
#medio {
width:900px;
margin:0 auto;
background:#fff url(../images/f_separador.png) 267px top no-repeat;
overflow:hidden; /*ie*/
}

#menu {
width:300px;
float:left;
display:inline;
}

#info {
width:600px;
float:left;
display:inline;
}

h1 {
font:14px "lucida sans unicode", tahoma;
color:#738E39;
padding-bottom:10px;
letter-spacing:1px;
}

h3{
font:11px "lucida sans unicode", tahoma;
color:#738E39;
padding-bottom:10px;
display:inline;
}

h4{
font:14px "lucida sans unicode", tahoma;
color:#AD6B6D;
padding-bottom:10px;
letter-spacing:1px;
display:inline
}

#info h2 {
font:bold 12px tahoma;
color:#AD6B6D;
margin:25px 0 5px 0;
letter-spacing:1px;
}

#menu ul.listamenu {
list-style:none;
}

#menu ul.listamenu li {
margin:7px 0;
}

#menu ul.listamenu li.marcada {
border-left:3px solid transparent;
font:14px "lucida sans unicode", tahoma;
border-left:3px solid #D2DBB7;
padding-left:5px;
color:#003333;
}

#menu ul.listamenu a {
display:block;
border-left:3px solid transparent;
font:14px "lucida sans unicode", tahoma;
color:#738E39;
text-decoration:none;
padding:2px;
padding-left:5px;
}

#menu ul.listamenu a:hover {
border-left:3px solid #D2DBB7;
color:#000;
}



#menu p {
margin:10px 0;
font:10px "lucida sans unicode", tahoma;
color:#666;
}



#info p {
margin:15px 0;
font:11px "lucida sans unicode", tahoma;
color:#333;
line-height:19px;
}

#info ul {
list-style:none;
font:11px "lucida sans unicode", tahoma;
margin:5px 0 5px 30px;
line-height:17px;
color:#888;
}

#info ul li {
padding-bottom:5px;
background:url(../images/v_info.png) left 1px no-repeat;
padding-left:20px;
}

#info ul li strong, #info ul li b {
color:#333;
background-color:#EDEFED;
padding:2px;
}

#menu ul.listanoticias {
list-style:none;
}

#menu ul.listanoticias li {
margin:7px 0;
}

#menu ul.listanoticias li.marcada {
border-left:3px solid transparent;
font:11px "lucida sans unicode", tahoma;
border-left:3px solid #D2DBB7;
padding-left:5px;
color:#003333;
}

#menu ul.listanoticias li.marcada a {
color:#333;
}

#menu ul.listanoticias a {
display:block;
border-left:3px solid transparent;
font:11px "lucida sans unicode", tahoma;
color:#738E39;
text-decoration:none;
padding:2px;
padding-left:5px;
}

#menu ul.listanoticias a:hover {
border-left:3px solid #D2DBB7;
color:#000;
}

#info #listadescargas {
margin:0;
}

#info #listadescargas li{
background:#E0E0E0 url(../images/v_descarga.png) right center no-repeat;;
margin-bottom:2px;
}

#info #listadescargas li a {
font:12px "lucida sans unicode", tahoma;
display:block;
text-decoration:none;
color:#555;
}

#info #listadescargas li a:hover {
color:#010;
}

#info a {
color:#2c8b82;
padding:2px;
}

#info a:hover {
color:#2c8b82;
background:#f1f4f8;
text-decoration:none;
}

hr {
color:#fff;
border: none 0; 
border-bottom: 1px dashed #333;
height: 2px;
margin: 0 0 10px 0;
text-align: left;
}

blockquote {
margin:auto 40px;
font-style:italic;
}

.unicoyespecial {
font:bold 12px "lucida sans unicode";
padding:1px;
background:#D9E7E8;
}

#idioma {
	position:absolute;
	width:111px;
	height:31px;
	z-index:1;
	left: 192px;
	top: 60px;
}
#cabecerahome #idioma a {
	color: #E49A15;
	text-decoration: none;
	letter-spacing: 1px;
	padding: 2px;
	font: 16px "lucida sans unicode", "trebuchet ms";
}
#cabecerahome #idioma a:hover {
	color: #E49A15;
	text-decoration: none;
	letter-spacing: 1px;
	padding: 2px;
	font: 16px "lucida sans unicode", "trebuchet ms";
	background: #FDF4E1;
}