html, body {

	text-align: center;
	margin: 0px 0px;
	background-color:#eeeeee;

}
/* DIV Generales para las páginas internas */
#dbody {
	width:980px;
	margin: 0px auto;
	background-color:#ffffff;
	text-align: center;
}
#fbody {
	width:1000px;
	margin: 0px auto;
	text-align: center;
	background-image:url(x_images/fondoa.jpg);
}

/* CSS del Contenedor Principal */
#container {
	width: 960px;
	margin: 0px auto;
	text-align: left;
	clear: both;
	z-index: 0;
	position:relative;
}

#container_header {
	width: 960px;
	z-index: 80;
	float:left;
}

#container_header_foto {
	width: 958px;
	height: 100px;
	text-align: left;
	background-image:url(fondo.jpg);
	margin-top: 0px;
	clear: both;
	z-index: 0;
	position: relative;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
	border-top-color: #333333;
	border-top-style: solid;
	border-top-width: 1px;

}
#container_header_foto_home {
clear:both;
}
#container_indicadores {
	float: left;
	width: 133px;
	height:151px;
}
#container_indicadores_logo {
	float: left;
	width: 133px;
	border-bottom-color: #dddddd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height:51px;
	background-image:url(x_images/h_logo.jpg);
}
#container_indicadores_clima {
	float: left;
	width: 123px;
	padding-right:10px;
	border-bottom-color: #dddddd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height:24px;
	background-image:url(x_images/h_clima.jpg);
	background-repeat:no-repeat;
	text-align:right;
	margin-bottom:4px;
}
#container_indicadores_picoyplaca {
	float: left;
	width: 133px;
	border-bottom-color: #dddddd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height:48px;
	padding-top:30px;
	background-image:url(x_images/h_pico.jpg);
	background-repeat:no-repeat;
}

#container_header_herramientas {
	width: 960px;
	text-align: left;
	background-color:#ffffff;
	clear: both;
	float: left;
	padding-bottom: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 0px;
	border-bottom-color: #dddddd;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #dddddd;
	border-top-style: solid;
	border-top-width: 1px;
}

/* CSS de la Barra superior */
#top {
	width: 100%;
	height: 25px;
	margin: 0px 0px;
	text-align: left;
	position:relative;
	z-index: 1;
}

#top_barra {
	width: 960px;
	height: 25px;
	margin: 0px auto;
	clear: both;
	position:relative;
	background-color:#000000;
	z-index: 1;
}

#top_barra_escudo {
	width: 25px;
	height: 25px;
	background-image:url(x_images/miniescudo.jpg);
	float:left;		
}
#top_barra_escudoh { /* Escudo del Home */
	width: 123px;
	height: 22px;
	float:left;
	text-align:right;
	padding-top:3px;
	padding-right:10px;
	background-color:#FFFFFF;
	background-image:url(x_images/h_reloj.gif);
	background-repeat:no-repeat;	
}

#top_barra_logo_admin {
	width: 100px;
	height: 25px;
	background-image:url(x_images/bogpositivatop.jpg);
	float:right;
}

#top_barra_herramientas {
	width: 500px;
	height: 25px;
	text-align: right;
	background-image:url(x_images/logoportal.jpg);
	background-repeat:no-repeat;
	float:left;
	position:relative;
	z-index: 0;

}
#top_barra_herramientash { /* Herramientas del Home */
	width: 392px;
	height: 25px;
	text-align: right;
	float:left;
	position:relative;
	z-index: 0;

}
#top_barra_herramientas1 {
	width: 200px;
	height: 25px;
	margin: 0px 0px;
	text-align: left;
	float:left;
	vertical-align:top;
	position:relative;
	z-index: 1;
}

/* CSS de la Divisón de piso amarilla */
#bottom {
	width: 100%;
	height: 280px;
	margin: 0px 0px;
	background-image:url(x_images/fondo_amarillo.jpg);
	clear: both;
}
#bottom_center {
	width: 960px;
	margin: 0px auto 10px;
	clear:both;
}
#bottom_center_2 {
	width: 960px;
	margin: 10px auto;
	padding-top:5px;
	clear:both;
	text-align: right;
	border-top-color:#ffffff;
	border-top-style:dotted;
	border-top-width:1px;	
}
#bottom_logo_admin {
	padding-top: 20px;
	width: 160px;
	padding-right:15px;
}
#bottom_w3c {
	margin-top: 20px;
	float: right;
	width: 140px;
	border-left-color:#ffffff;
	border-left-style:dotted;
	border-left-width:1px;
}
#bottom_links {
	margin-top: 20px;
	margin-bottom: 10px;
	float: right;
	width: 225px;
	border-left-color:#ffffff;
	border-left-style:dotted;
	border-left-width:1px;
	padding-left:10px;
	padding-right:10px;
}
#bottom_escudo {
	margin-top: 20px;
	float: right;
	width: 100px;
	border-left-color:#ffffff;
	border-left-style:dotted;
	border-left-width:1px;
}
#bottom_final_creditos {
	width: 550px;
	float:left;
	margin-top:-60px;
}
#bottom_final {
	clear:both;
}

/* Objeto PIE - Links de los elementos listados de las secciones internas */
ul#bottom_item{
	font-size: 0.6em;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: normal;
	list-style-image:url(x_images/puntico.gif);
	margin: 0 0 0 0;
	list-style-position: outside;	
}
ul#bottom_item li {
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffcc00;
	padding:0px;
	width:170px;
	float:left;
}
ul#bottom_item li a { 
	color: #777; 
	text-decoration: none; 
	display: block;
	padding:0px;
	padding-left:3px;
	padding-bottom:5px;
	padding-top:5px;
}

ul#bottom_item li a:hover {
	color: #333;
	background-color: #ffcc00;
}


/* Objeto PIE - Links de los elementos de créditos */
ul#pie_item{
	display: block;
	font-size: 0.6em;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: normal;
	list-style-type: none;
	margin-left:0px;
	margin-top:0px;
}
ul#pie_item li {
	padding: 0px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
ul#pie_item li a { 
	color: #777; 
	text-decoration: none; 
	display: block;
	padding-right: 10px;
	padding-left: 10px;
}
ul#pie_item li a:hover {
	color: #333;
}



ul#top_item{
	display: block;
	font-size: 0.6em;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: normal;
	list-style-type: none;
	margin-top:7px;
	float:right;
}
ul#top_item li {
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
ul#top_item li a { 
	color: #cccccc; 
	text-decoration: none; 
	display: block;
	padding-right: 10px;
	padding-left: 10px;
}

ul#top_item li a:hover {
	color: #eeeeee;
}

/* CSS del Menú de secciones internas */
#sidebar {
	width: 170px;
	padding-left: 15px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
ul#sidebar_item{
	font-size: 0.70em;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-stretch: ultra-expanded;
	font-weight: bold;
}

ul#sidebar_item li {
	display: block;
	width: 160px;
	padding: 0px;
	float: right;
	background-image:url(x_images/fondo_menu.jpg);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dddddd;
	list-style-image:url(x_images/puntico.gif);
}

ul#sidebar_item li a { 
	color: #777; 
	text-decoration: none; 
	display: block;
	padding: 4px;
	padding-left: 15px;
}

ul#sidebar_item li a:hover {
	color: #333;
	background-color: #dddddd;
}
#sidebar_top {
	width: 83px;
	height: 19px;
	padding: 2px;
	float: left;
	background-image:url(x_images/contenido.gif);
	margin-left: -10px;
}

/* CSS de la parte principal del texto */
#main {
	float:right;
	width:760px;
}

#main_top {
	margin:0px;
	width:500px;
	text-align: left;
	margin-top:0px;
	float:left;
}
#main_txt {
	margin:0px;
	width:400px;
	text-align: right;
	margin-top:0px;
	float:right;
	height:20px;
}
#main_texto {
	clear:left;
	margin-top:20px;
	width:550px;
	text-align:left;
}

/* Lista de herramientas */
ul#main_top_item{
	display: block;
	font-size: 0.6em;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: normal;
	list-style-type: none;
	margin-left:-40px;
	margin-top:15px;
	list-style-position: outside;
}
ul#main_top_item li {
	padding: 0px;
	float: left;
	background-image:url(x_images/div_flecha.gif);
	background-repeat:no-repeat;
}
ul#main_top_item li a { 
	color: #777; 
	text-decoration: none; 
	display: block;
	padding: 4px;
	padding-left: 15px;
	padding-right: 10px;
}
ul#main_top_item li a.last{ 
	color: #777; 
	text-decoration: none; 
	display: block;
	padding: 4px;
	padding-left: 15px;
	padding-right: 10px;
}
ul#main_top_item li a.last1{ 
	color: #777; 
	text-decoration: none; 
	font-weight: bold;
	display: block;
	padding: 4px;
	padding-left: 15px;
	padding-right: 10px;
	background-image:url(x_images/div_end.gif);
	background-repeat:no-repeat;
}
ul#main_top_item li a.first{ 
	color: #777; 
	text-decoration: none;
	font-weight:bold;
	display: block;
	padding: 4px;
	padding-left: 12px;
	padding-right: 7px;
	background-image:url(x_images/div_start.gif);
	background-repeat:no-repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}

ul#main_top_item li a:hover {
	color: #00CC00;
	text-decoration:underline;
}



/* Menu de Migas de Pan */
ul#main_top_item2{
	display: block;
	font-size: 0.6em;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: normal;
	list-style-type: none;
	margin-left:-50px;
	margin-top:0px;
	list-style-position: outside;
}
ul#main_top_item2 li {
	padding: 0px;
	float: left;
	background-image:url(x_images/div_flecha.gif);
	background-repeat:no-repeat;
}
ul#main_top_item2 li a { 
	color: #777; 
	text-decoration: none; 
	display: block;
	padding: 4px;
	padding-left: 15px;
	padding-right: 10px;
}
ul#main_top_item2 li a.last{ 
	color: #777; 
	text-decoration: none; 
	display: block;
	padding: 4px;
	padding-left: 15px;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dddddd;
}
ul#main_top_item2 li a.last1{ 
	color: #777; 
	text-decoration: none; 
	font-weight: bold;
	display: block;
	padding: 4px;
	padding-left: 15px;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dddddd;
	background-image:url(x_images/div_end.gif);
	background-repeat:no-repeat;
}
ul#main_top_item2 li a.first{ 
	color: #777; 
	text-decoration: none; 
	display: block;
	padding: 4px;
	padding-left: 15px;
	padding-right: 10px;
	background-image:url(x_images/div_start.gif);
	background-repeat:no-repeat;
}

ul#main_top_item2 li a:hover {
	color: #333;
	background-image:url(x_images/div_end.gif);
	background-repeat:no-repeat;
}

#main_links {
	float: right;
	width: 180px;
	height: auto;
	clear:left;
	margin-left: 16px;
	margin-bottom: 30px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dddddd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}
#main_links_top {
	background-color:#333333;
	width: 87px;
	height: 23px;
	background-image:url(x_images/links.gif);
}
#main_links_item {
	width: 150px;
	padding: 12px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #cccccc;
}
#main_tools {
	height: 25px;
	width: 560px;
	margin-bottom: 20px;
}           

/* FORM */
/* CSS para formas */

.form_gts {
 width:270px;
 padding-top: 10px;
 padding-left:0px;
 display:block;
}
.form_agenda {
float:right;
width:300px;
text-align:right;
}

/* TEXT and FONTS */
/* Fuentes */
.txt_fecha {
	display:block;
	color:#666666;
	font-size:10px;
	font-family: verdana;
	padding-bottom:5px;
	padding-top:4px;
}
.txt_pie_items {
	color:#666666;
	font-size:9px;
	font-family: verdana;
	line-height: 140%;
}
.txt_pie_items_bold {
	color:#777777;
	font-size:9px;
	font-family: verdana;
	line-height: 140%;
}
.txt_pie_items_div {
	color:#ff6666;
	font-size:9px;
	font-family: verdana;
	line-height: 140%;
}
.links_header {
	font-size: 0.7em;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: bold;	
}
.links_body {
	font-size: 0.9em;
	font-family: "Times", Verdana, sans-serif;
	font-weight: normal;
	color: #999999;
}
.links_body:link {
	font-size: 0.9em;
	font-family: "Times", Verdana, sans-serif;
	font-weight: normal;
	color: #333333;
}
.nota_titular {
	font-size:30px;
	font-family: arial;
}
.nota_fecha {
	font-size:11px;
	font-family: arial;
	color:#999999;
	text-transform: uppercase;
}
.nota_body {
	font-size:13px;
	font-family: georgia;
	line-height: 170%;
}
.nota_link{
	font-size:13px;
	font-family: georgia;
}
.nota_link:hover {
	font-size:13px;
	font-family: georgia;
	color: #00CC00;
}