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: none;
}

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 */
#submenu table:first-child{
    background: #EFEFEF;

}

a.mainlevel:link, a.mainlevel:visited {
/*	display: block;
	background: url(../images/menu_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 14px;
	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;*/

    border-bottom: 1px dotted #CED1D9;
    padding: .8em;
    font-size: 12px;
    line-height: 1.2em;
    text-decoration: none;
    color: #0066cc;
    background: #EFEFEF;
    font-weight: normal;
}

a.mainlevel:hover {
    text-decoration:none;
    color:#0099ff;
}

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: 14px;
	text-transform: uppercase;*/
    color: #333333;
    font-family: 'gobCLBold',Verdana,Helvetica,Sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: none;
    background: none;
}

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

/* CONTENT  */

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

.contentpane {
    border: 5px solid #BFBFBF;
    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: 'gobCLBold',Verdana,Helvetica,Sans-serif;
	color: #000f90;
	text-align: left;
        background: #EFEFEF;
}
.contentpagetitle {
	padding: 0.5em; /*padding-right: 5em;*/
}


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: 'gobCLBold',Verdana,Helvetica,Sans-serif;
        font-size: 16px;
        font-weight: normal;
        color: #333;
        text-align:left;
        }



/**
 * 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
{
    background: #CECECE;
    border-radius: 20px 20px 20px 20px;
    color: #333333;
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin-left: 15px;
    padding: 4px;
    text-align: center;
    width: 100px;
    border: none;
}
.back_button
{
display: none;
}

/*********************************************************************/
/********************* 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 */
}

#newsletterSubscription table td{
    padding: 5px 5px 5px 0;
}
.contentpaneopen .contentheading,.contentpaneopen .componentheading {
    background: none;
    color: #333;
    font-family: 'gobCLBold',Verdana,Helvetica,Sans-serif;
    text-align: left;
    font-size: 20px;
}
/*********************************************************************/
}