body { margin: 0; padding: 0; background: #FFF; text-align: center; }
#todo { position: relative; width: 990px; margin: 0 auto; text-align: left; }

body, td { font: 11px "Trebuchet MS", Helvetica, Arial, sans-serif; color: #333; /*line-height: 1.2em;*/ }
td { vertical-align: top; }

h1, h2, h3, h4, h5, h6, p, ul { margin: 0 0 1em; }

a { color: #004A75; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
a.ira { padding: 0 0 0 16px; background: url(../images/flecha_negra.gif) 0 4px no-repeat; color: #000; }
a.mas { color: #000; }

.dch { text-align: right; }

/*
#len { width: 300px; height: 184px; text-align: right; }
#len a { margin-right: 6px; color: #CCC; text-decoration: none; }
#len a:hover { color: #FFF; }
#menA table a { display: block; padding: 6px 12px; font: bold 11px "Trebuchet MS", Helvetica, Arial, sans-serif; color: #FFF; }
#menA table a.on { background: url(../images/on.gif) repeat-x; }
#menA table a:hover { background: url(../images/over.gif) repeat-x; text-decoration: none; }
*/

h1 { margin: 0 0 1.5em; padding: 3px; font-size: 20px; color: #006FAF; font-family: "Trebuchet MS"; font-weight: bold; text-transform: uppercase; border-bottom: 2px solid #006FAF; }
h2 { margin: 0 0 1em; font-size: 18px; color: #74858E; }
h3 { margin: 3em 0 0.5em; font-size: 14px; color: #000; }
h3.primero { margin-top: 0em; }
p { margin: 0 0 1em; }
strong { color: #222; }
b { color: #222; }

ul { list-style: none; margin: 0 0 1em; padding: 0; }
ul ul { margin: 0; }
ul li { margin: 0; padding: 0 0 0 16px; background: url(../images/item.gif) 0 3px no-repeat; color: #555; }

/*
h10 { margin: 0 0 1.5em; padding: 0; font-size: 20px; color: #00558E; }
h20 { margin: 0 0 1em; padding: 0; font-size: 18px; color: #000; }
*/

td.tira { width: 30px; background: url(../images/barra_interior.gif) 14px 0 no-repeat; }

/*
.hito { color: #006faf; text-decoration: none; display: block; font-weight: bold; font-size: 11px; margin-top: 5px; }
.hito:hover { text-decoration: underline; }
.mas { color: #000; text-decoration: none; display: block; font: 10px Tahoma, Helvetica, Arial, sans-serif; margin-top: 15px; }
.mas:hover { text-decoration: underline; }
.noticia { color: #006faf; text-decoration: none; display: block;  font-size: 11px; margin-top: 5px; }
.noticia:hover { text-decoration: underline; }
.negro { color: #000; }
.gris { color: #4b4b4b; }
*/

input, textarea, button, select { margin: 0; padding: 0; border: 1px solid #CCC; background: #FFF; font: 11px "Trebuchet MS", Helvetica, Arial, sans-serif; color: #000; }
input.checkbox { width: auto; }
input, textarea, select { width: 200px; border-color: #000 #CCC #CCC #000; }
button { border-color: #CCC #000 #000 #CCC; }

#dch #bann3r_aleatorio { display: block; float: top; margin-top: 10px; }
#dch h2.titular { padding: 10px 0 0; margin: 0 0 10px 0; font: 12px "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif; color: #004A75; font-weight: bold; border-bottom: 1px solid #D7DDE4; text-transform: uppercase; }


#caja_azul {
	background:#edf5f9;
	margin: 7px 0 17px 0;
	padding: 0;
	height: 1%;
	min-height: 1%;
	padding: 15px;
	text-align: left;
	font-family: "Trebuchet MS";
	font-style: italic;
	font-size: 15px;
	color: #006faf;
	}
#caja_azul.izda {
	float: right;
	width: 225px;
	margin: 0 5px 0 5px;
	}
#caja_azul b { color: #006faf; }
#caja_azul strong { color: #006faf; }
span.titulo_grafica {
	text-transform: uppercase;
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #006faf; }
span.naranja {
	font-weight: bold;
	font-style: italic;
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #a8641a; }
span.naranja b { color: #a8641a; }
span.naranja strong { color: #a8641a; }

.toolTip { /* This is the hook that the jQuery script will use */
	/*padding-right: 20px;*/ /* This is need to make sure that the help icon is always visible */
	color: #3366FF;
	/*position: relative;*/ /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

.toolTipWrapper { /* The wrapper holds its insides together */
	margin-top: 9px; /*PARA Firefox y demás*/
	*margin-top: 27px; /*IE*/
	width: 225px;
	position: absolute; /* Absolute will make the tooltip float above other content in the page */
	/*left: -400px;*/
	display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
	color: #FFF;
	font-weight: bold;
	font-size: 9pt; /* A font size is needed to maintain consistancy */
	z-index: 100;
}

#ctr a .toolTipWrapper { text-decoration: none; }
#ctr a:hover .toolTipWrapper { text-decoration: none; }

.toolTipTop { /* Top section of the tooltip */
	width: 225px;
	height: 30px;
	background: transparent url(../images/bubbleTop.gif) no-repeat;
}

.toolTipMid { /* Middle section of the tooltip */
	padding: 0 15px;
	background: #006FAF url(../images/bubbleMid.gif) repeat-x top;
	text-decoration: none;
	font-style: normal;
}

.toolTipBtm { /* Bottom Section of the tooltip */
	height: 13px;
	background: transparent url(../images/bubbleBtm.gif) no-repeat;
}

div.clear { clear: both; }

.banner_lateral { margin-bottom: 10px; border: 1px solid #ffffff; }
.banner_lateral:hover  { border: 1px solid #809cb2; }

/*GALERIA DE IMAGENES*/
.galeria { display: block; margin: 0 0 0px 0; padding: 0 0 0 20px; }
.galeria a { float: left; margin: 0 10px 10px 0;
			filter: alpha(opacity=60); /*Explorer*/ opacity: .6; /*Firefox*/ -moz-opacity:0.60 /* Mozilla*/ }
.galeria a:hover { filter: alpha(opacity=100); /*Explorer*/ opacity: 1; /*Firefox*/ -moz-opacity:1 /* Mozilla*/ }