body {
	color: #444; 
	/*background-color: #fff;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

p { /* Parámetros para los parrafos */
	margin: 0.5em 1em 0.5em 1em;
	font-size: 72%;
	line-height: 1.5em; /* Interlineado */
	/*text-indent: 1em; /* Margen inicial */
	/*text-align: justify;*/
	/*border: 1px solid red;*/
}

form {
	margin: 0em;
	padding: 0em;
	/*border: 1px solid red;*/
}

acronym {
	cursor: help;
}

/* Parametros para todos los vínculos que no estan dentro de una clase específica */

A:link {
	color: #66d;
}

A:visited {
	color: #666;
}

A:active {
	color: #00f;
}

A:hover {
	color: #00f;
	text-decoration: underline;
}

a:link img, a:visited img {
	border: none; /* Elimina borde de la imagenes que tengan vínculo */
}

.more, .up { /* Parámetros para los elementos de la clase "more"  (ver más titulares)*/
	display: block;
	margin: 0em 0.25em 0em 1em;
	padding: 0em 1em 0em 0em;
	background: url(images/more.gif) no-repeat;
	background-position: right 5px;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	/*border: 1px solid red;*/
}

.up { 
	margin: -1em 2em 1em 1em;
	background: url(images/up.gif) no-repeat;
	background-position: right 3px;
	font-size: 70%;
	float: right;
}

.tools {
	float: right;
	margin-right: 0.5em;
}

#inner {
	border-left: 1px solid #f90;
}
/*********************************************************************/

#center h1 {
	position: relative;
	border-bottom: 1px dotted #447;
	margin: 0em 1em 0.5em 0.5em;
	padding-top: 0.5em;
	font-size: 120%;
	color: #447;
	background: url(images/cubos.gif) no-repeat right bottom;
	font-family: Arial, Helvetica, sans-serif;
}

#left img , #right img{
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

#right {
	/*font-size: 70%;*/
	color: #000;
	letter-spacing: normal;
	/*line-height: 1.5em; /* Interlineado */
}

#right h1 {
	display: block;
	margin: 0.75em 0.5em 0.5em 0.75em;
	padding: 0em;
	/*font-size: 100%;*/
	font-size: 70%;
	font-weight: bold;
	color: #f60;
}

#right em {
	font-style:normal
}

#right p {
	line-height: 1.25em;
	margin: 0.5em 0.75em 0.5em 0.75em;
	/*padding-left: 1em;
	text-indent: -1em;*/
	/*font-size: 55%;*/
}

#right li:before { /* No se vizualiza en IE por lo tanto habra que escribir manualmente las vińetas*/
	/*content: "»";*/
}

#right li:first-letter { /* Parámetros de la emulación de vińeta */
	font-weight: bold;
	color: #999;
}

#right ul {
	font-size: 70%;
	line-height: 1.5;
	margin-top: 0em;
	margin-left: 1em;
	padding: 0em 1em 0em 1em; /* Aire de los lados */
}

#right ul li {
	list-style: none;
	text-indent: -1.22em; /* Margen para que se visualice como List Item */
	/*font-family: Verdana;*/
	margin: 0.5em 0em 0.5em 0em;
}

/* Parametros para los vínculos del lado derecho */

#right A:visited {
	color: #666;
}

#right A:hover {
	color: #00f;
}


/*********************************************/

.right .fieldset {
	margin: 1em 1.5em 1em 1.5em;
	border: 1px solid silver;
	
}

.right .fieldset h2 {
	position: static;
	margin: 0em 0em 0em 0em;
	padding:	0em 0.25em 0.25em 0.25em;
	border-bottom: 1px solid silver;
	font-size: 75%;
	background: #f90;
	color: #fff;
}

.right .fieldset .pdf {
	display: block;
	margin: 0.5em 0.5em 1em 0.5em;
	background: url(images/pdf.gif) no-repeat;
	padding-left: 20px;
	font-size: 70%;
}

.right ul {
	margin: 0em;
	padding: 0em 1em 0em 1.5em;
}

.right ul li {
	list-style: url(images/bullet_2.gif);
	margin: 0.5em;
	font-size: 70%;
}

/**************************************************************/





.hnav { /* Menú horizontal */
	color: #000;
	font-size: 70%;
	margin: 0em;
	border-width: 0;
}

.hnav .secondary {
	background: #fff url(images/logo_gobierno.gif) no-repeat;
	background-position: 15px -5px;
	text-align: right;
	padding: 0.5em 0em 0.5em 0em;
	
}

.hnav .secondary li a {
	padding-left: 1em;
	margin-right: 0.5em;
	background: url(images/bullet_1.gif) no-repeat left;
}

.hnav .secondary a:link, .hnav .secondary a:visited {
	text-decoration: none;
}

.hnav .secondary a:hover {
	text-decoration: underline;
}

.hnav .main {
	background: #225;
	background: #5A69B5;
	color: #fff;	
	padding: 0.5em 0em 0.5em 0em;
	/*text-align: center; /* Para centrar el menu horizontal*/
	/*font-weight: bold;*/
	/*font-size: 92%;*/
}

.hnav .main .date {
	padding-left: 0.15em;
	padding-right: 0.25em;
	width: 10em;
}

.hnav .main .letter a:link, .hnav .main .letter a:visited {
	color: #fff;
	background: #000;
	background: url(images/letter.gif) no-repeat right;
	padding-right: 3em;
}

.hnav .main li a:link, .hnav .main li a:visited {
	/*background: #447;*/
	background: #5A69B5;
	color: #fff;
	padding: 0.5em 2em 0.5em 2em;
	text-decoration: none;
}

.hnav .main li a:hover {
	color: #fff;
	/*background: #88d;*/
	background: #9C9ACE;
	text-decoration: underline;
}

/********************* CONACE en mi región **********************/

#conaceRegion {
	position: relative;
	background: #fff;
	margin: 1em 1px 1em 0em;
	border-top: 1px dotted silver;
	border-bottom: 1px dotted silver;
	padding: 0.5em 0em 0.5em 0em;
}

#conaceRegion .regionButton {
	margin: 0em 0em 0em 0em;
	font-size: 65%;
	padding: 0em 0.25em 0em 0.25em; /* Aire de los lados */
	/*height: 2em; /* Alto del botón */
	color: #fff;
	border: 1px solid #225;
	background: #88d;
	cursor: pointer; /* Cursor cambia a dedo al rollover*/
}

#conaceRegion .textfield2 {
	position: relative;
	font-size: 75%;
	/*margin: 0em 0em 0em 1.3em;*/
	border: 1px solid #225;
	padding: 0em;
	color: #666;
	/*vertical-align: bottom;*/
}

/********************************************************/

/********************* Articulos Portada **********************/

.art { /* Parámetros para los Articulos que ocupen 2 columnas */
	float: right; /* Parámetro necesario para conservar la diagramación */
	
	/*padding-bottom: 1em; /* Aire de parte inferior */
	/*margin-bottom: 1em; /* Margen inferior */
	border-bottom:1px dashed #9C9A63; /* Decoración */
}

.art img { /* Parámetros de las imagenes de la caja central */
	margin: 0em 1em 0em 1em; /* Aire de la imagenes */
}

.art h2 {
	font-size: 110%;
	margin: 0em 0.5em 0em 0.55em;
	font-family: Arial, Helvetica, sans-serif;
}

.artLeft h2, .artRight h2 {
	font-size: 90%;
	margin: 0em 0.75em 0em 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.25em; /* Interlineado */
}

.artLeft img, .artRight img {
	padding: 0.75em;
}

.artLeft { /* Parámetros para los Articulos que ocupen sólo una columna */
	width: 48.5%; /* Parámetro necesario para conservar la diagramación */
	float: left; /* Parámetro necesario para conservar la diagramación */
	padding-bottom: 1em; /* Aire de parte inferior */
	margin-bottom: 0em; /* Margen inferior */
}

.artRight { /* Parámetros para los Articulos que ocupen sólo una columna */
	width: 49.5%; /* Parámetro necesario para conservar la diagramación */
	float: right; /* Parámetro necesario para conservar la diagramación */
	border-left: 1px dashed #9C9A63;
	padding-left:0.25em;
	padding-bottom: 1em; /* Aire de parte inferior */
	margin-bottom: 0em; /* Margen inferior */
}

.artLeft ul, .artRight ul {
	margin: 0em;
	padding: 0em 0em 0em 1em;
	/*border: 1px solid blue;*/
}

.artLeft ul li, .artRight ul li {
	list-style: disc;
	font-size: 75%;
	margin: 0.5em 0.75em 0em 0.75em;
	padding: 0em;
	/*border: 1px solid red;*/
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.25em; /* Interlineado */
}

/*********************************************************************/

/********************* Más noticias *********************/

#masNoticias { /* Parámetros para las Areas de Trabajo */
	position: relative; /* Corrige problema de render en IE */
	margin: 0em 0em 0em 0em; /* Parámetro necesario para conservar la diagramación */
	padding: 1em 0em 1.5em 0em; /* Parámetro necesario para conservar la diagramación */
 	clear: both; /* Parámetro necesario para conservar la diagramación */
	border-top: 1px dashed #9C9A63;
	border-bottom: 1px dashed #9C9A63;
	font-size: 65%;
}

#masNoticias h2 {
	margin: 0em 0em -0.5em 0em; /* Parámetro necesario para conservar la diagramación */
	padding: 0em 0em 0em 0.6em; /* Aire del lado izquierdo*/
	font-size: 150%;
	/*color: #f60;*/
	background: none;
	border: none;
}

#masNoticias .more {
	margin: 1em 1.5em 0em 0em;
	padding-right: 1.25em;
	background: url(images/more.gif) no-repeat;
	background-position: right 2px;

}

#masNoticias .label {

	margin: 0.5em 0em 0em 0em; /* Parámetro necesario para conservar la diagramación */
	padding: 1em 0em 0em 1em; /* Parámetro necesario para conservar la diagramación */
	background: url(images/linea_punteada_naranja_big_trans.gif) repeat-x top; /* Linea punteada */
	color: #000;
	display: block; /* Parámetro necesario para la correcta posición de la imagen de fondo */
}

#masNoticias h2 + .label { /* Elimina la primera linea punteada (Parametro no soportado por Interner Explorer)*/
	background: none;
}

#masNoticias em { /* Parametros para "»" */
	margin-right: 1em;
	font-style: normal;
	font-weight: bold;
	color: #f60;
	text-decoration: none;
}

#masNoticias .link {
	margin: -1.25em 0em 0em 5em; /* Parámetro necesario para conservar la diagramación */
	padding: 0em 0em 0em 0em; /* Parámetro necesario para conservar la diagramación */
	font-size: 100%;
	/*border: 1px solid red;*/
	width: 35em; /* Parámetro necesario para conservar la diagramación */
	float: right; /* Parámetro necesario para conservar la diagramación */

}

/*********************************************************************/




.agendaRegional {
	/*display: block;*/
	margin: 0em;
	padding: 0em 0em 0em 2em;
	line-height: 2em;
	border-bottom: 1px dashed #9C9A63;
	list-style: none;
}

.agendaRegional em {
	font-style: normal;
}

/**************** Buscador de centros de tratamiento *****************/

#centros {
	margin: 1em;
	padding: 0em; /* Aire de la parte superior */
	border: 2px ridge #F8F8F8;
	font-size: 70%;
}

#centros h1 {
	position: static;
	border-bottom: 2px ridge #F8F8F8;
	margin: 0em 0em 1em 0em; /* Parámetro necesario para conservar la diagramación */
	padding: 0em 0em 0em 0.25em; /* Aire del lado izquierdo */
	font-size: 140%;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	background: #f90;
	color: #fff;
}

#centros label {
	width: 13em; /* Ancho para correcta diagramación */
	margin: 0em 0em 0em 0em; /* Parámetro necesario para conservar la diagramación */
	display: block; /* Parámetro necesario para conservar la diagramación */
	text-align: right; /* Parámetro necesario para conservar la diagramación */
	font-weight: bold;
	line-height: 2.5em;
}

#centros .textfield {
	position: absolute;
	font-size: 100%;
	margin: -2em 0em 0em 13.5em; /* Parámetro necesario para conservar la diagramación */
	padding: 0em; /* Parámetro necesario para conservar la diagramación */
}

#centros .sendBotton {
	margin: 0.5em 0em 0.5em 0em;
	padding: 0em;
}

.img {
	margin: 0em 1em 1em 0.5em;
	border: 1px solid black;
}

#center .fecha {
	position: relative;
	font-size: 75%;
	font-weight: bold;
	margin: -0.75em 0em 0.5em 1em;
	color: red;
	/*border: 1px solid red;*/
}

.pdf {
	/*display: block;*/
	margin: 0em 0.5em 0em 0.5em;
	background: url(images/pdf.gif) no-repeat;
	padding: 0.25em 0em 0.25em 20px;
	/*font-size: 70%;*/
}

.word {
	/*display: block;*/
	margin: 0em 0.5em 0em 0.5em;
	background: url(images/word.gif) no-repeat;
	padding: 0.25em 0em 0.25em 20px;
	/*font-size: 70%;*/
}
.jpg {
	/*display: block;*/
	margin: 0em 0.5em 0em 0.5em;
	background: url(images/jpg.gif) no-repeat;
	padding: 0.25em 0em 0.25em 20px;
	/*font-size: 70%;*/
}
.mp3 {
	/*display: block;*/
	margin: 0em 0.5em 0em 0.5em;
	background: url(images/mp3.gif) no-repeat;
	padding: 0.25em 0em 0.25em 20px;
	/*font-size: 70%;*/
}
.avi {
	/*display: block;*/
	margin: 0em 0.5em 0em 0.5em;
	background: url(images/pdf.gif) no-repeat;
	padding: 0.25em 0em 0.25em 20px;
	/*font-size: 70%;*/
}


.bajada {
	margin: 0.5em 0.9em 2.5em 0.9em;
	font-weight: bold;
	font-size: 78%;
	line-height: 1.25em;
	color: gray;
}

.imgRight {
	position: relative;
	display: block;
	/*float: right;*/
	text-align: center;
	margin: 1em 0em 0em 0em;
	padding: 0em;
	font-size: 55%;
	/*border: 1px solid gray;*/
}

.imgRight img {
	border: 1px solid black;
}

.imgRight .pie, .imgRight .autor {
	border: 1px solid #ff9900;
	display: block;
	text-align: left;
	margin: -0.6em 2em 0em 2em;
	padding: 0.5em 0em 0em 0em;
	color: gray;
}

.imgRight .autor {
	color: #999;
	/*background: white;
	border: 1px solid gray;*/
	/*width: 16em;*/
}

.bordenaranja {
	/*border: 1px solid #FF6600;*/
	color: #666666;
	border-bottom: 1px solid #ff9900;
	border-left: 1px solid #ff9900;
	border-right: 1px solid #ff9900;
	border-top: 1px solid #ff9900;
}

.bordenaranjaderecho{
	border-right:1px solid #ff9900;
	color: #666666;	
}

.naranja {
	margin-top: 0em;
	padding-top: 0em;
	color: #ff9900;
	/*border: 1px solid red;*/
}

/********************** Todo sobre las drogas **********************/

 big {
	display: block;
	margin: 0em 1em 0.5em 1em;
	font-size: 90%;
	font-weight: bold;
}

em {
	font-weight: bold;
}

h2 {
text-align:center;

 	position: relative;
	font-size: 120%;
	margin: 0em 0em 0em 0.55em;
	padding: 0em 0em 0em 0em;
	font-family: Arial, Helvetica, sans-serif;
}

.big {
	font-size: 150%;
	color: black;
	margin: 0em 0.4em 0em 0.4em;
	padding: 0em;
}

.epigrafe {
	margin: 1em 0.9em 0em 0.9em;
	padding: 0em 0em 0.25em 0em;
	color: #666;
	font-size: 75%;
	font-weight: bold;
	display: inline;
	clear: left;
}

 h3 {
	font-size: 80%;
	/*margin: 1.5em 16em 0em 1em;*/
	/*background: url(images/cubos.gif) no-repeat right bottom;
	border-bottom: 1px solid #C60;*/
	padding-top: 0.5em;
	/*padding-right: 5em;*/
	margin-left: 1em;
	/*text-transform: uppercase;*/
}

 h4 {
	color: #06c;
	font-size: 75%;
	margin: 1em 1em 0.5em 1em;
}

.cuadroRight { /* Para la columna derecha */
	border: 1px dashed silver;
	background-color: #F8F8F8;
	width: 9.5em;
	text-align: left;
	/*margin: 0em 0.5em 0em 0.5em;*/
	position: relative;

}

.cuadroLeft {
	font-size: 70%;
	border: 1px dashed silver;
	background: #F8F8F8;
	
	margin: 1em;
}

.cuadroLeft h2 {
	background: url(images/info.gif) no-repeat left top;
	background-position: 0px 5px;
	padding: 0.75em 0.5em 0.5em 2.5em;
	font-size: 130%;
}

.cuadroLeft ul {
	list-style: none;
	margin-left: 0em;
	padding-left: 4em;
}

.cuadroLeft ul li{
	margin: 1em 0em 1em 0em;
	line-height: 1.5em;
}

.cuadroLeft ul li em{
	font-style: normal;
}

.cuadroAmarillo {
	display: block;
	margin-left: 1em;
	margin-right: 1em;
	margin-top:1em;
	/*font-size: 70%;*/
	padding: 0.5em;
	font-style: normal;
	border: 1px solid #f90;
	background: #FFFAEE;
}

.cuadroAmarillo h2{
	margin: 0em 0.65em 0em 0.65em;
	padding: 0em;
	font-size: 90%;
}

 ol li {
	font-size: 80%;
	font-weight: bold;
	border: none;
	background: none;
	text-transform: none;
	margin-top: 1.5em;
}

 ol li p {
	font-weight: normal;
	font-size: 90%;
}

 ol li ul {
	font-size: 90%;
	margin-top: 1em;
}

 ol li ul li {
	font-weight: normal;
	font-size: 90%;
	list-style: url(images/bullet_2.gif);
	margin: 0.5em 0em 0.5em 0em;
}

.border {
	border: 1px solid gray;
}


.left {
	float: left;
	width: 70%;
}

.leftSeparator {
	float: left;
	width: 70%;
	/*border: 1px solid red;*/
	border-right: 1px dashed silver;
}

.leftSeparator .archivoDeNoticias h2, .left .archivoDeNoticias h2 {
	background: #eee;
	/*color: #f90;*/
	font-size: 100%;
	margin: 1em 1em 0em 1em;
	padding: 0em 0em 0em 0.5em;
	/*font-weight: normal;*/
}

.leftSeparator .archivoDeNoticias p, .left .archivoDeNoticias p {
	margin-left: 1.75em;
}

.leftSeparator .archivoDeNoticias ul, .left .archivoDeNoticias ul {
	font-size: 70%;
}

.leftSeparator .archivoDeNoticias ul li, .left.archivoDeNoticias ul li{
	margin: 0.5em 0em 0.5em 0em;
}

.leftSeparator .archivoDeNoticias .pdf, .left .archivoDeNoticias .pdf {
	list-style: none;
	display: block;
	margin: 1em 0.5em 0em 2em;
	background: url(images/pdf.gif) no-repeat;
	padding-left: 20px;
	font-size: 70%;
}

.leftSeparator .archivoDeNoticias .word, .left .archivoDeNoticias .word {
	list-style: none;
	display: block;
	margin: 1em 0.5em 0em 2em;
	background: url(images/word.gif) no-repeat;
	padding-left: 20px;
	font-size: 70%;
}

.right {
	float: right;
	width: 29.8%;
	/*border-left: 1px dotted #C60;*/
	/*border: 1px solid red;*/
}

	
.right h3 {
	background: url(images/info.gif) no-repeat left;
	background-position: 10px;
	padding: 0.6em 1em 0.6em 45px;
	min-height: 32px;
	margin: 0em 0em -0.85em 0em;
	border: none;
	text-transform: uppercase;
}

.right b {
	color: red;
}

/***************** Fichas de drogas - Todo sobre las drogas ***********/

.fichasDeDrogas {
	margin: 3.5em 1em 1em 1em;
	border: 1px solid #f90;
	padding: 0.5em 0.5em 0.5em 2em;
	background: url(images/fichas.gif) no-repeat center;
	font-size: 70%;
	line-height: 1.5em;
	height: 15em;
}

.fichasDeDrogas ul {
	/*display: inline;*/
	margin: 0em;
	/*border: 1px solid green;*/
	padding: 0em;
	float: left;
	/*width: 32.8%;*/
	width: 15em;
}

.fichasDeDrogas ul li {

	display: block;
	list-style: none;
	/*margin-left: -2em;*/
	margin: 0.5em 0em 0.5em 0em;
	/*border: 1px solid blue;*/
	padding: 0em 0em 0em 1em;
	background: url(images/bullet_2.gif) no-repeat;
}

/****************************************************************/

/********************** Ficha - Ficha de droga*********************/

.ficha {
	/*position: static;*/
	margin: 2em auto 1em auto;
	border: 1px solid #f90;
	padding: 0.5em 1em 0.5em 1em;
	background: #FFFAEE;
	width: 34em;
	font-size: 70%;
	line-height: 1.5em;
}

.ficha h2, .fichasDeDrogas h2, .veaTambien h2 {
	position: relative;
	margin: -2.0em 0em 0em 0em;
	border-bottom: none;
	background: url(images/tab_r1_c1.gif) no-repeat top left;
	padding: 0em 0em 0.25em 1em;

	float: right;
	/*height: 1.25em;*/
	font-size: 120%;
	color: white;
	/*border: 1px solid red;*/
}

.ficha h2 .closeRoundBorder, .fichasDeDrogas h2 .closeRoundBorder, .veaTambien h2 .closeRoundBorder{
	display: block;
	/*position: relative;*/
	margin: 0em 0em 0em 0em;
	background: url(images/tab_r1_c2.gif) no-repeat top right;
	padding: 0.1em 13px 0em 0em;
	/*float: right;*/
}



.ficha img {
	clear: right;
	background: White;
	border: 1px solid #f90;
	margin: 0.5em 0em 0.5em 0.5em;
}

.ficha ul {
	margin:0em;
	padding: 0em;
	font-size: 105%;
}

.ficha ul li {
	list-style: none;
	margin:0.5em 0em 0.5em 0em;
	padding: 0em;
	/*border: 1px solid red;*/
}

.ficha ul li ul {
	margin: 0em 0em 0em 1em;
}

.ficha ul li ul li{
	list-style: url(images/bullet_2.gif);
	margin: 0.5em 0em 0.5em 1em;
	line-height: 1.25em;
}
/****************************************************************/

/***************** Advertencia - Ficha de droga ********************/

.caution {
	margin: 1em auto 1em auto;
	border: 2px dotted red;
	padding: 0em;
	width: 35em;
	font-size: 70%;
	line-height: 1.5em;
	background: url(images/Caution.jpg) center no-repeat;
}

.caution h3 {
	background: url(images/Caution_small.gif) right no-repeat;
	margin: 0em 0.35em 0em 0em;
	border: none;
	padding: 1em 0.5em 0em 1.25em;
	font-size: 100%;
	color: red;
	/*border: 1px dotted silver;*/
}

.caution ul {
	border: 0em;
	padding: 0em 1.5em 0em 2em;
}

.caution ul li {
	
	margin: 0em 0em 0.5em 0em;
}

/******************************************************************/


.destacado {
	background: #ffc;
	margin: 0.5em 1em 1em 1em;
	border: 1px solid #f90;
}

.destacado img {
	padding: 0.5em 0.5em 0.5em 0.5em;
	/*border: none;*/
}

.programas {
	border: 1px solid silver;
	margin: 1em;
}

.programas h2 {
	background: url(images/im_obs_estu.gif) no-repeat;
	border: none;
	padding: 0.5em 0.5em 0.5em 4em;
	margin-top: 0.5em;
	color: red;
	font-size: 100%;
}

.programas big {
	margin-top: 1em;
}
/****************************************************************/


.temas {
	border: 1px solid gray;
	background: #eee;
	margin: 1em;
	/*margin-left: 0.5em;*/
	/*width: 30em;*/
	/*height: 13em;*/
	/*float: left;*/
}

.temas h2 {
	/*position: relative;*/
	border: none;
	color: #000;
	margin: 0.5em;
	background: url(images/Info.gif) no-repeat;
	background-position: 0 2px;
	padding: 0.5em 0em 0.5em 2em;
	font-size: 100%;
}

.temas .leftCol, .temas .rightCol {
	width: 49%;
	/*border: 1px solid red;*/
	
	float: left;
}

.temas .rightCol{
	float: right;
}

.temas .leftCol h3 a:link, .temas .rightCol h3 a:link, .temas .leftCol h3 a:visited, .temas .rightCol h3 a:visited {
	display: block;
	/*border: 1px solid red;*/
	border: none;
	background: none;
	margin: -2em 0em -1em 0em;
	padding: 0em;
	color: red;
	text-transform: uppercase;
	text-decoration: none;
}

.temas .leftCol h3 a:hover, .temas .rightCol h3 a:hover {
	text-decoration: underline;
}

.links h2 {
	background: url(images/links.gif) no-repeat;
	color: #447;
	border: none;
	padding: 0.5em 0.5em 0.5em 2em;
	margin: 0em 1em -1em 1.5em;
	font-size: 100%;
	/*border: 1px solid red;*/
}

.links ul li {
	font-size: 75%;
	margin: 0.5em 0em 0.5em 0em;
	list-style: disc;
}


/**************************************************************/

/***********************Archivo de noticias*************************/

.decoration {
	background: #F5F5F5;
	position: relative;
	border: 1px dashed gray;
	border-width: 1px 0px 1px 0px;
}

.archivo_noticias {
	margin: 0em 1em 0em 1em;
	clear: both;
}

.archivo_noticias h3 {
	position: relative;
	/*border: 1px solid red;*/
	margin: 1em 0em 0em 0em;
	padding: 0.35em 0em 0em 0.5em;
	font-size: 75%;
	width: 8em;
}

.archivo_noticias ul {
	/*border: 1px solid red;*/
	/*display: block;*/
	margin: 0.5em 0.5em 0em 0.5em;
	padding: 0em 0em 0em 0em;
	/*text-indent: -10em;*/
	font-size: 70%;
}

.archivo_noticias ul li {
	margin: 0em 0em 0.5em 7.25em;
	list-style: none;
	text-indent: -7.25em;
}

.archivo_noticias ul li em{
	/*display: block;*/
	/*position: relative;*/
	font-style: normal;
	color: red;
	font-weight: bold;
}

.archivo_noticias .more {
	font-size: 70%;
	margin: 0em 1em 1.5em 0em;
	background-position: right 2px;
}

/****************************************************************/

.veaTambien {
	margin: 3.5em 1em 1em 1em;
	border: 1px solid #f90;
	padding: 0.5em;
	font-size: 70%;
	line-height: 1.5em;
}

.veaTambien h2 {
	float: left;
	/*display: none;*/
}
/****************************************************************/


/************************** Noticias por tipo *******************/

.noticiasPorTipo {
	/*font-size: 70%;*/
}

.noticiasPorTipo h2{
	font-size: 90%;
	margin: 0em;
}

.noticiasPorTipo h2 .current{
	color: #FF6600;
}

.noticiasPorTipo em {
	color: red;
	font-style: normal;
}

.noticiasPorTipo ul{
	font-size: 70%;
	margin: 0em;
	padding: 0em;
}

.noticiasPorTipo li {
	border-bottom: 1px dashed gray;
	list-style: none;
	/*padding-left: 9em;*/
	margin-left: 0em;
	/*text-indent: -7.3em;*/
	margin: 0.5em;
	padding-bottom: 1em;
}

.noticiasPorTipo .noticias {
	border-bottom: 1px dashed gray;
	list-style: none;
	padding-left: 9em;
	margin-left: 0em;
	text-indent: -7.3em;
	margin: 0.5em;
	padding-bottom: 1em;
	line-height: 2em;
}

.noticiasPorTipo .masNoticias {
	font-size: 70%;
	text-align: right;
	margin: 1em;
}

.noticiasPorTipo a:link, .noticiasPorTipo a:visited {
	text-decoration: none;
}

.noticiasPorTipo a:hover {
	text-decoration: underline;
}

/***************** Footer *****************/

#footer {
	/*border-top: 1px solid #ff9900;*/
	text-align: center;
	font-size: 75%;
	padding: 1em 0em 0em 0em; /* Aire en parte superior */
	color: #225;
	line-height: 1.5em; /* Interlineado */
/*	background: #ff9900;*/
	/*bordercolor="#FF9900"*/
}

.footer {
	margin-top: 1em; /* Aire dejado en la parte superior */
	border-top: 1px dashed #9C9A63; /* Borde superior */
	padding: 1em 0em 1em 0em; /* Aire dejado en la parte superior e inferior */
	font-size: 80%;
	line-height: 1.25em; /* Interlineado */
}


/* Parametros para los vínculos del footer */

#footer A:link {
	color: #FF6600;
}

#footer A:visited {
	color: #666;
}

#footer A:hover {
	color: #00f;
}

#footer A:active {
	color: #ff6600;
}
#header { /* Header */
	background: #fff url(images/header.gif) no-repeat top right;
	/*height: 112px;*/
	border-bottom: 1px solid #f90;
	height: 7em;
	color: #666;
}

#header h1  {
	background: url(images/header1.gif) no-repeat left bottom;
	margin: 0em;
	padding: 0.75em 0em 0em 100px;
	height: 85px;
	font-size: 225%;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	/*border: 1px solid red;*/
}

#header h1 A:link, #header h1 A:visited {
	color: #f90;
	text-decoration: none;
}

#header h1 A:hover {
	color: #f90;
}

#header h2 {
	margin: -85px 0em 0em 0em;
	padding: 40px 0em 0em 105px;
	font-weight: normal;
	font-size: 90%;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

#header form {
	margin-top: 3px;
	text-align: right;
}

#header form .field_busca {
	border: 1px solid #447;
	font-size: 75%;
} 

#header .botton_busca {
	border: 1px solid #447;
	margin: 0em 0.5em 0em 0em;
	font-size: 75%;
	background: #88d;
	color: #fff;
	cursor: pointer;
}
.clear {
	clear: both;
}

#wrapper {
	margin: 0 auto;
	width: 48em; /* 697px */
	
	background: White;
	border: 1px solid #f90;
}

/*** Below is the Tan hack, needed because the decorative side borders (thin black) on 
.wrapper. It fixes the box model of IE5.x/win, making it display the same as other browsers. ***/

* html #wrapper {
	width: 47.8px; /* 700px */
	width: 48em; /* 697px */
}

#outer {
	border-left:5px solid #F8F8F8;  
	border-right:5px solid #F8F8F8; 
	background: url(images/orangeline.gif) 100% 0 repeat-y;
	font-size: 100%;
}

*html #outer {
	background:  url(images/orangeline.gif) 38em 0 repeat-y; /* 565px */
}

/*** These are the visible side col BG's. The image BG is needed to replace a side border
on div.inner, which can't be used because of problems in Mozilla. The image substitutes 
for the thin black divider between the right green col and the center col. If the black divider
is not wanted, the BG image may be removed. The Tan hack below feeds a IE a different 
BG location, due to a BG placement variation. 
***/

/*******************************************/

#inner {
	width: 39em; /* 548px */
	/*width: 548px;*/
					  /*** This width is for non-IE browsers. Mozilla makes this necessary. ***/
	/*border: 1px solid green;*/
}

/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows 
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/

* html #inner {
	width: 100%;
}

#float-wrap {/*** envolver cubrir ***/
	float: left;
	width: 38em; /* 567px */
	margin-left: -9em;       /*** Same length as left column width ***/
}

/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/

#header {
	/*margin: 0em;
	padding: 0em;*/
	/*width: 100%;*/
}

.hnav {
	border-bottom: solid 1px #fff;
	margin: 0;
	white-space: nowrap;
	text-align: center;
}

.hnav ul span.divider {
	display: none;
}

* html .hnav {/* Hide from IE5/Mac (& IE5.0/Win) */
	height: 0.01%;	/* holly hack to fix a render bug in IE6/Win */
}

* html .hnav {
	height: auto;	/* above IE6/Win holly hack breaks IE5/Win when page 
			   length get beyond the point that 1% height is taller 
			   than the text height. IE5/Win does not need this 
			   holly hack so we remove it here */
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector will remove that padding */
}

.hnav ul {
	list-style-type: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}

.hnav ul li {
	display: inline;
	white-space: nowrap;
	margin: 0;
}

* html .HNAV ul li a {
	/* \*/
		width: 1%;
	/* holly hack for IE5/Win inline padding. this hack fixes different 
	 * rendering bugs in 5.0 and 5.5. Width is used instead of height 
	 * because if the document is too long, these elements become very tall
	 * and disrupt the look of the document. too wide an element is better, 
	 * visually, than too tall. */
}

.hnav ul li a:hover {
	text-decoration: none;
} 

/************************************************************/

#center {
	float: right;
	width: 29em; /* 415em */
	/*margin-right: 1px;*/
	/*margin-left: -2px;*/
	
}

#left {
	float: left;
	width: 9em; /* 147px */
	margin-left: -1px;
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
}

#right {
	float: right; 
	width: 10em;
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
}

* html #right {
	margin: 0 -10em 0 0; /*** IE gets this margin. ***/
}

#left, #right, #center {
	/*border: 1px solid red;*/
}

/* Mozilla bug fixes */
html>body #inner, html>body #float-wrap {
	border-bottom: 1px solid transparent;
}
.clear {
	clear: both;
}

#wrapper {
	margin: 0 auto;
	width: 48em; /* 697px */
	
	background: White;
	border: none;
}

#centros {
	display: none;
}

#header form {
	display: none;
}

#header {
	border: none;
}

/*** Below is the Tan hack, needed because the decorative side borders (thin black) on 
.wrapper. It fixes the box model of IE5.x/win, making it display the same as other browsers. ***/

* html #wrapper {
	width: 47.8px; /* 700px */
	width: 48em; /* 697px */
}


/*** These are the visible side col BG's. The image BG is needed to replace a side border
on div.inner, which can't be used because of problems in Mozilla. The image substitutes 
for the thin black divider between the right green col and the center col. If the black divider
is not wanted, the BG image may be removed. The Tan hack below feeds a IE a different 
BG location, due to a BG placement variation. 
***/


#inner {
	width: 39em; /* 548px */
	/*width: 548px;*/
					  /*** This width is for non-IE browsers. Mozilla makes this necessary. ***/
	border: none;
}

/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows 
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/

* html #inner {
	width: 100%;
}

#float-wrap {
	float: left;
	width: 38em; /* 567px */
	margin-left: -9em;       /*** Same length as left column width ***/
}

/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/

#footer {
	border: none;
}

.hnav {
	display: none;
}
/************************************************************/

#center {
	float: right;
	width: 29em; /* 415em */
	/*margin-right: 1em;*/
	margin-left: -2em;
}

#left, #masNoticias{
	display: none;
	width: 9em;
}

#right {
	display: none;
	float: right; 
	width: 10em;
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
}

* html #right {
	margin: 0 -10em 0 0; /*** IE gets this margin. ***/
}

#left, #right, #center {
	/*border: 1px solid red;*/
}

/* Mozilla bug fixes */
html>body #inner, html>body #float-wrap {
	border-bottom: 1px solid transparent;
}
.clear {
	clear: both;
}

#wrapper {
	margin: 0 auto;
	width: 48em; /* 697px */
	
	background: White;
	border: 1px solid #f90;
}

/*** Below is the Tan hack, needed because the decorative side borders (thin black) on 
.wrapper. It fixes the box model of IE5.x/win, making it display the same as other browsers. ***/

* html #wrapper {
	width: 47.8px; /* 700px */
	width: 48em; /* 697px */
}

/*** These are the visible side col BG's. The image BG is needed to replace a side border
on div.inner, which can't be used because of problems in Mozilla. The image substitutes 
for the thin black divider between the right green col and the center col. If the black divider
is not wanted, the BG image may be removed. The Tan hack below feeds a IE a different 
BG location, due to a BG placement variation. 
***/

/*******************************************/

#inner {
	width: 39em; /* 548px */
	/*width: 548px;*/
					  /*** This width is for non-IE browsers. Mozilla makes this necessary. ***/
	/*border: 1px solid green;*/
}

/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows 
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/

* html #inner {
	width: 100%;
}

#float-wrap {
	float: left;
	width: 48em; /* 567px */
	margin-left: -9em;       /*** Same length as left column width ***/
	/*border: 1px solid green;*/
}

/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/

#header {
	/*margin: 0em;
	padding: 0em;*/
	/*width: 100%;*/
}

.hnav {
	border-bottom: solid 1px #fff;
	margin: 0;
	white-space: nowrap;
	text-align: center;
}

.hnav ul span.divider {
	display: none;
}

* html .hnav {/* Hide from IE5/Mac (& IE5.0/Win) */
	height: 0.01%;	/* holly hack to fix a render bug in IE6/Win */
}

* html .hnav {
	height: auto;	/* above IE6/Win holly hack breaks IE5/Win when page 
			   length get beyond the point that 1% height is taller 
			   than the text height. IE5/Win does not need this 
			   holly hack so we remove it here */
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector will remove that padding */
}

.hnav ul {
	list-style-type: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}

.hnav ul li {
	display: inline;
	white-space: nowrap;
	margin: 0;
}

* html .HNAV ul li a {
	/* \*/
		width: 1%;
	/* holly hack for IE5/Win inline padding. this hack fixes different 
	 * rendering bugs in 5.0 and 5.5. Width is used instead of height 
	 * because if the document is too long, these elements become very tall
	 * and disrupt the look of the document. too wide an element is better, 
	 * visually, than too tall. */
}

.hnav ul li a:hover {
	text-decoration: none;
} 

/************************************************************/

#center {
	float: right;
	width: 39em; /* 415em */
	/*margin-right: 1px;*/
	/*margin-left: -2px;*/
	
}

#left {
	float: left;
	width: 9em; /* 147px */
	margin-left: -1px;
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
}

/* Mozilla bug fixes */
html>body #inner, html>body #float-wrap {
	border-bottom: 1px solid transparent;
}/******* Layout ******/

.vnav ul, .vnav ul li, .vnav ul li a {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 0.01%;
}

* html .vnav ul {
	position: relative;	/* IE needs this to fix a rendering problem */
}


/****** Style *******/

.vnav {
	line-height: 1em;
}

.vnav ul {
	border-top: 1px solid #f90;
	font-size: 70%;
}

.vnav ul li {
	border-bottom: 1px solid #f90;
}

.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active {
	text-decoration: none;
	background-color: #EAEAEA;
	color: Navy;
	padding: 0.3em 0.35em 0.35em 0.35em;
}

.vnav ul li a:hover {
	background: #fff;
	text-decoration: underline;
}

/* MAIN LEVEL */

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: normal;
	color: #000F90;
	text-align: left;
	padding-top: 5px;
	padding-left: 5px;
	height: 20px !important;
	height: 25px;
	width: 95%;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration:underline;
	color:#000F90;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #ff6600;
	text-align: left;
}

a.sublevel:hover {
	color: #C43C03;
	text-decoration: none;
}
#active_menu {
	color:#000f90;
	font-weight:normal;
}
table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.moduletable th {
	background: url(../images/orangeline.gif) repeat-x;
	border: #ff9900;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

/* CONTENT  */

.blog {
	float: left;
	vertical-align:top;	
}

.contentpane {
    border: 1px solid #ff9900;
    background: #FFFFFF;
    width: 100%;
    padding: 0px;
}
	
.contentpaneopen {
	border: 1px solid #ff9900;
	width: 100%;
	padding: 0px;
	font: bold;
	margin-bottom: 1px;
	margin-left: 2px;
	margin-right: 2px;

}

.contentheading, .componentheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bolder;
	color: #000f90;
	text-align: left;
/*	background: silver;*/
	font: bolder;
}
.contentpagetitle {
	font-size: 80%; /*margin: 1.5em 16em 0em 1em;*/
	padding-top: 0.5em; /*padding-right: 5em;*/
	margin-left: 1em;
	text-transform: uppercase; /*font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;*/
	font: bolder;
}


content_outer {
	padding: 0px;
	margin-top: 2px;
	margin-left: 2px;
	border: 1px solid #ff9900; 
	float: left;
	width: 30px;
}

#content_inner{
  float: none !important;
  float: left;
  padding: 0;
  padding-top: 2px;
  margin: 1px;
}

table.content_table {
    width: 100%;
	padding: 0px;
	margin: 2px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}

a.contentpagetitle:link, a.contentpagetitle:visited {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: normal;
        color: #000f90;
        text-align:left;
        }

a.contentpagetitle:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: Navy;
	text-decoration: underline;
	font-weight: bold;
	
}


/**
 * Mambo Blog styling
 * ------------------
 * Not too sure where this is used yet. I tried the blog section
 * but it doesn't seem to use it. If you have info on this,
 * email me. I'll update this part.
 */
 
a.blogsection:link, a.blogsection:visited {
	color: #000f90; 
	text-decoration: none; 
	font-family: verdana, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	}

a.blogsection:hover {
	color: #000f90;	
	text-decoration: underline;
	font-size: 10px;
	}


.tabla {
	border: 1px dashed #FF6600;
	border-width: 1px 0px 1px 0px;
	font-size: 80%;
	color: #666666;
	text-align: justify;
	background: #F5F5F5;
	/*position: relative;*/
	width: 90%;
}

.button
{
	border: 1px solid #447;
	margin: 0em 0.5em 0em 0em;
	font-size: 100%;
	background: #88d;
	color: #fff;
	cursor: pointer;
}
.back_button
{
	border: 1px solid #447;
	margin: 0em 0.5em 0em 0.5em;
	font-size: 100%;
	background: #88d;
	color: #FFFFFF;	
	cursor: pointer;
}






/*********************************************************************/

/********************* Más noticias *********************/

#masNoticias { /* Parámetros para las Areas de Trabajo */
	position: relative; /* Corrige problema de render en IE */
	margin: 0em 0em 0em 0em; /* Parámetro necesario para conservar la diagramación */
	padding: 1em 0em 1.5em 0em; /* Parámetro necesario para conservar la diagramación */
 	clear: both; /* Parámetro necesario para conservar la diagramación */
	border-top: 1px dashed #9C9A63;
	border-bottom: 1px dashed #9C9A63;
	font-size: 65%;
}

#masNoticias h2 {
	margin: 0em 0em -0.5em 0em; /* Parámetro necesario para conservar la diagramación */
	padding: 0em 0em 0em 0.6em; /* Aire del lado izquierdo*/
	font-size: 150%;
	/*color: #f60;*/
	background: none;
	border: none;
}

#masNoticias .more {
	margin: 1em 1.5em 0em 0em;
	padding-right: 1.25em;
	background: url(images/more.gif) no-repeat;
	background-position: right 2px;

}

#masNoticias .label {

	margin: 0.5em 0em 0em 0em; /* Parámetro necesario para conservar la diagramación */
	padding: 1em 0em 0em 1em; /* Parámetro necesario para conservar la diagramación */
	background: url(images/linea_punteada_naranja_big_trans.gif) repeat-x top; /* Linea punteada */
	color: #000;
	display: block; /* Parámetro necesario para la correcta posición de la imagen de fondo */
}

#masNoticias h2 + .label { /* Elimina la primera linea punteada (Parametro no soportado por Interner Explorer)*/
	background: none;
}

#masNoticias em { /* Parametros para "»" */
	margin-right: 1em;
	font-style: normal;
	font-weight: bold;
	color: #f60;
	text-decoration: none;
}

#masNoticias .link {
	margin: -1.25em 0em 0em 5em; /* Parámetro necesario para conservar la diagramación */
	padding: 0em 0em 0em 0em; /* Parámetro necesario para conservar la diagramación */
	font-size: 100%;
	/*border: 1px solid red;*/
	width: 35em; /* Parámetro necesario para conservar la diagramación */
	float: right; /* Parámetro necesario para conservar la diagramación */

}

/*********************************************************************/

}