/*
///////////////////////
/////////////////////// Estilos generales de la plantilla
///////////////////////
*/
html { font-size:62.5%;}
body { background-color:#EAEAEA; font-size:11px; font-family: Arial, Helvetica, sans-serif; color:#666666; margin:0;}
a:link { color:#0033CC; text-decoration:none;}
a:visited { color:#666666;}
a:hover { color:#333333;}
h1 { font:bold 24px Arial, Helvetica, sans-serif; color:#666666; text-align:left; margin:10px 20px;}
h2 { font:bold 18px Arial, Helvetica, sans-serif; color:#666666; text-align:center; margin:2px auto 0 auto;}
h3 { font:bold 18px Arial, Helvetica, sans-serif; color:#666666; text-align:center; margin:3px auto;}
hr { border:1px solid #CCCCCC; color:#EDEDED; height:3px;}

/* Estilos de los botones */
.botones, 
a.botones:link, 
a.botones:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; text-decoration: none; color:#999999;}
a.botones:hover {text-decoration: underline; color:#33CC00;}

/* Estilos para el buscador */
.buscador_form { margin:0;}
.buscador_form .buscador_btn { background:url(images/buscador_btn.png) left top no-repeat; border:0; width:16px; cursor:pointer;}
.buscador_form #palabra { font-size:9px; color:#999999; border:1px #999 solid;}

/* Estilos del pathway */
.pathway_pasos_activo, 
a.pathway_pasos_activo:link, 
a.pathway_pasos_activo:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#666666;}
a.pathway_pasos_activo:hover {text-decoration: underline; color:#33CC00;}

/* Estilos del menu inferior */
.menu_inferior { width:100%;}
.menu_inferior td a { font-weight:bold; font-size:12px; color:#666666; text-decoration:none;}
.menu_inferior td a:hover { color:#33CC00; text-decoration:underline;}

/* Estilos del texto REGISTRATE */
a.registrate, 
a.registrate:visited { font:bold 11px Arial, Helvetica, sans-serif; color:#666666; text-decoration:underline;}
a.registrate:hover { color:#33CC00; text-decoration:underline;}
a.registrate span { font-weight:normal;}

/* Estilos del texto de login */
a.liga_login, 
a.liga_login:visited  { font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#999999; text-decoration:none;}
a.liga_login:hover { color:#33CC00; text-decoration:underline;}

/* Estilos del texto de legal */
a.liga_legal, 
a.liga_legal:visited  { font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none;}
a.liga_legal:hover { color:#33CC00; text-decoration:underline;}

/*
///////////////////////
/////////////////////// Estilos de los textos generales de la plantilla
///////////////////////
*/

/* Estilo de titulo_promo_textos */
.titulo_promo_textos, 
a.titulo_promo_textos:link, 
a.titulo_promo_textos:visited { font-size:12px; font-weight:bold; color:#666666; text-decoration:none;}
a.titulo_promo_textos:hover { color:#333333; text-decoration:underline;}

/* Estilo de promo_textos */
.promo_textos, 
a.promo_textos:link, 
a.promo_textos:visited { font-size:11px; color:#666666; text-decoration:none;}
a.promo_textos:hover { color:#666666;}

/* Estilo de mas_info */
.mas_info, 
a.mas_info:link, 
a.mas_info:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#009900; text-decoration:none;}
a.mas_info:hover { color:#666666; text-decoration:underline;}

/* Estilo de temas_relacionados */
.temas_relacionados, 
a.temas_relacionados:link, 
a.temas_relacionados:visited { font-family:Verdana, Tahoma, Arial; font-size:10px; color:#0066CC; text-decoration:none;}
a.temas_relacionados:hover { color:#0099FF; text-decoration:underline;}

/* Estilo de warning */
.warning, 
a.warning:link, 
a.warning:visited { font-size:12px; font-weight: bold; color: #FF0000; text-decoration:none;}
a.warning:hover { color:#990000; text-decoration:underline;}

/* Estilo de warning_nota */
.warning_nota, 
a.warning_nota:link, 
a.warning_nota:visited { font-size:12px; font-weight: bold; color:#FF6600; text-decoration:none;}
a.warning_nota:hover { text-decoration:underline;}

/* Estilo de pie_de_pagina */
.pie_de_pagina, 
a.pie_de_pagina:link, 
a.pie_de_pagina:visited { font-size:10px; color:#003366; text-decoration:underline;}
a.pie_de_pagina:hover { text-decoration:underline;}

/* Estilo de titulos_blancos */
.titulos_blancos, 
a.titulos_blancos:link, 
a.titulos_blancos:visited { font-family:Verdana, Tahoma, Arial; font-weight:bold; font-size:10px; color:#FFFFFF; text-decoration:none;}
a.titulos_blancos:hover	{ color:#003366; text-decoration:underline;}

/* Estilo de menu_superior */
.menu_superior, 
a.menu_superior:link, 
a.menu_superior:visited { font-size:11px; font-weight:bold; color:#000000; text-decoration:none;}
a.menu_superior:hover { color:#555555;}

/* Estilo de menu_superior_over */
.menu_superior_over, 
a.menu_superior_over:link, 
a.menu_superior_over:visited { font-size:11px; font-weight:bold; color:#555555; text-decoration:none;}
a.menu_superior_over:hover { color:#000000;}

/* Estilos de las cajas */
.box1 { border:1px solid #999;}
.box2 { border:1px solid #999999; background-color:#FFFFFF;}

/* Estilo para la tabla de los elementos */
.elementos { margin:5px; padding:5px 5px 5px 0;}

/*
///////////////////////
/////////////////////// Estilos del PARRAFO
///////////////////////
*/
table.parrafo_tabla { padding:0 0 0 10px; margin:0; width:98%; margin:0;}
table.parrafo_tabla th.titulo_promo_textos { height:25px; padding-left:10px; font-size:1.6em; color:#666666;}
table.parrafo_tabla th.titulo_promo_textos span a.titulo_promo_textos { height:25px; padding-left:15px; font-size:1em; color:#666666;}

/* Estilo para la celda principal del parrafo */
table.parrafo_tabla td.parrafo_tabla { padding:0 10px 0 10px;}
table.parrafo_tabla td.parrafo_tabla, 
table.parrafo_tabla td.parrafo_tabla span { font-size:1.2em; text-align:left;}
table.parrafo_tabla td.parrafo_tabla a.promo_textos { font-size:1em; text-align:left;}
table.parrafo_tabla td.parrafo_tabla p { padding:0;}

/* Estilo para las imagenes dentro del parrafo */
table.parrafo_tabla td.parrafo_tabla img, 
table.parrafo_tabla td.parrafo_tabla a.promo_textos div.grafico_div, 
table.parrafo_tabla td.parrafo_tabla a.promo_textos img { padding:10px;}

table.parrafo_tabla td.parrafo_tabla ul { margin:0 0 0 20px; padding:0; list-style:disc;}

/*
///////////////////////
/////////////////////// Estilos del PROMO-TEXTO
///////////////////////
*/
table.promo_textos_tabla { font-size:1.1em; color:#666666; margin:0 5px; border:1px #ccc solid; width:95%; height:130px;}
table.promo_textos_tabla th { height:25px; background-color:#339900; color:#FFFFFF; padding:5px 25px; vertical-align:middle;}
table.promo_textos_tabla th a.titulo_promo_textos { color:#FFFFFF;}
table.promo_textos_tabla th a.titulo_promo_textos:hover { color:#CCCCCC;}
table.promo_textos_tabla th span {}

table.promo_textos_tabla td.promo_textos_tabla {padding:10px;text-align: left; vertical-align:middle;}
table.promo_textos_tabla td.promo_textos_tabla span { padding-bottom:15px;}
table.promo_textos_tabla td.promo_textos_tabla a.promo_textos { font-size:1em;}

/*
///////////////////////
/////////////////////// Estilos del GRAFICO
///////////////////////
*/
table.grafico_tabla { text-align:center;}
table.grafico_tabla td.grafico_tabla br { padding:0; margin:0;}
table.grafico_tabla td.grafico_tabla img, 
table.grafico_tabla td.grafico_tabla div.grafico_div { padding:0; margin:0;}
table.grafico_tabla table.mas_info { display:none;}

/* ELEMENTOS GENERICOS (parrafo y promo-texto) */

/* Estilo para la tabla mas info */
table.mas_info { padding:5px 5px; display:block;}
table.mas_info a.mas_info { padding-left:25px; color:#009900;}
table.mas_info a.mas_info:hover { color:#666666;}

/* Estilos para la tabla de botones dentro de un elemento */
table.elem_botones { padding:10px 5px 10px 0; display:block;}
table.elem_botones input { margin:0; font-size:10px; padding:2px;}

/* Estilo para la tabla temas_relacionados */
table.temas_relacionados {}
table.temas_relacionados .titulo_promo_textos { font-size:12px; color:#666666;}
table.temas_relacionados td, 
table.temas_relacionados a.temas_relacionados, 
table.temas_relacionados a.temas_relacionados:visited { font:bold 9px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color:#33CC00;}
table.temas_relacionados a.temas_relacionados:hover { text-decoration: underline; color:#666666;}

table.recomendaciones_tabla { padding-left:18px; text-align:justify; border-left:1px #EDEDED solid; margin:2px auto;}
table.recomendaciones_tabla th { height:18px; padding-left:20px; background:#EDEDED url(images/e03.gif) left no-repeat;}

/* Estilos para los modulos */
.titulo_princ_modulos { font-size:16px; font-weight:bold; color:#666666; text-decoration:none;}

/* Estilo del modulo de menu vertical */
.menu_vertical, 
a.menu_vertical:link, 
a.menu_vertical:visited { background:url(images/fondo_menuvertical.gif) 0px 0px no-repeat; font-weight:bold; font-size:11px; color:#003399; height:25px; padding-right:2px; text-align:right; text-decoration:none; vertical-align:bottom;}
a.menu_vertical:hover { background-position:0px -25px; color:#666666; text-decoration: underline;}

/* Estilo del modulo de clima */
.box_clima { padding:5px;}

/* Estilo del modulo del catalogo de productos */
.fila_principal_titulo { height:20px; padding-left:5px; font-size:16px;}
.fila_principal_titulo span.titulo_promo_textos, 
.fila_principal_titulo a.titulo_promo_textos { color:#666;}
.fila_principal { padding-left:3px;}
.box1_listado { background-color:#fff; border:1px #999 solid;}

/* Estilo del modulo de menu de usuarios */
#menu_usuarios {width: 12em; border-right: 1px solid #000; padding: 0 15px 0 0; margin-bottom: 0px; font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-size:10px; background-color: #90bade; color: #333;}
#menu_usuarios ul {list-style: none; margin: 0; padding: 0; border: none;}
#menu_usuarios li {border-bottom: 1px solid #90bade;margin: 0;}
#menu_usuarios li a {display: block;padding: 2px 2px 2px 2px;border-left: 5px solid #1958b7;border-right: 5px solid #508fc4;background-color: #2175bc;color: #fff;text-decoration: none;width: 100%;}
html>body #menu_usuarios li a { width: auto; }
#menu_usuarios li a:hover{border-left: 5px solid #1c64d1;border-right: 5px solid #5ba3e0;background-color: #2586d7;color: #fff;}

/* Estilo del modulo de ligas dinamicas (menu complementario) */
table.ligas_dinamicas { border:1px #ccc solid; margin:0; padding:0;}
table.ligas_dinamicas th { height:25px; background-color:#339900; color:#FFFFFF; padding:5px 25px; vertical-align:middle;}
table.ligas_dinamicas td { padding:0 5px;}

.ligas_dinamicas { text-align:left; font-size:11px; font-weight:bold; width:auto; padding:0px 10px; line-height:15px;}
.ligas_dinamicas a:link, 
.ligas_dinamicas a:visited { color:#006600; text-decoration:none;}
.ligas_dinamicas a:hover { color:#00CC00; text-decoration:underline;}

/* Estilo del modulo de Formulario */
#formulario { }

/* Estilo del modulo de Eventos */
.cal_fondo_top { background-color:#339900;}
.cal_fondo_dias { background-color:#EDEDED; text-transform:uppercase;}

/* Estilo del modulo de Noticias */
.celda_noticias { padding:8px;}
.tabla_noticias {}
.body_noticias { background-color:#fff;}
.body_noticias td.promo_textos { padding:10px;}
.body_noticias .titulo_promo_textos, 
.body_noticias a.titulo_promo_textos { color:#003366; font-size:11px;}
.body_noticias a.titulo_promo_textos:hover { color:#333333; text-decoration:underline; font-size:11px;}
.body_noticias .promo_textos, 
.body_noticias a.promo_textos { color:#003366;}
.body_noticias a.promo_textos { color:#003366;}

#listado_noticias { background-color:#ededed; border-bottom:1px #999 solid; border-top:1px #999 solid;}
#listado_noticias .tabla_noticias { margin:5px; padding:0px; text-align:left; width:100%;}
#listado_noticias .tabla_noticias td { padding:0 10px 0 5px;}
#listado_noticias a.titulo_promo_textos, 
#listado_noticias .titulo_promo_textos { font:bold 14px Arial, Helvetica, sans-serif; color:#666; text-decoration:none;}
#listado_noticias a.titulo_promo_textos:hover { text-decoration:underline; }
#listado_noticias a.promo_textos, 
#listado_noticias .promo_textos { font:12px Arial, Helvetica, sans-serif; color:#666; text-decoration:none;}
#listado_noticias a.promo_textos:hover { color:#333333; text-decoration:underline;}

/* Estilo para el modulo de galeria */
.box_galeria { border:1px #ccc solid;}
.galeria_texto { color:#000000; font:13px Arial, Helvetica, sans-serif;}
.galeria_texto_princ { color:#000000; font:18px Arial, Helvetica, sans-serif;}
#galeria ul { margin:5px; padding:10px; vertical-align:bottom;}
#galeria li { float:left; display:inline; list-style:none; padding:5px;}

/* Estilos del modulo Album Fotografico */
.galeria_album { margin:15px;}
.galeria_album .box1 { border:1px #fff solid;}
.galeria_album .box1 .galeria_tabla { margin-top:10px; margin-bottom:10px;}
.galeria_album .box1 .galeria_tabla td.galeria_desc a.promo_textos{ color:#fff;}

/* Estilo para el modulo de buscador */
#buscador {}
#buscador .box1 { border:0;}
#buscador .box1 th { text-align:left; padding-left:10px; height:25px; display:none;}
#buscador .box1 td { padding:5px 15px;}

/* Estilo de palabra */
.palabra, 
a.palabra:link, 
a.palabra:visited { background-color:#FFFF66; color:#666666;}
a.palabra:hover {}

/* Estilo para la caja de contacto */
#caja_contacto { background:#ffffff url(images/caja_contacto.jpg) no-repeat; width:187px; height:255px;}
#caja_contacto .tabla { height:100%;}
#caja_contacto .titulo { font: 16px Arial, Helvetica, sans-serif; font-weight:bold; color:#074793; text-align:center;}
#caja_contacto .campo_texto { width:87px; border:1px #333333 solid;}
#caja_contacto .textos { font: 11px Arial, Helvetica, sans-serif bold; color:#333333;}
#caja_contacto .area_texto { font: 11px Arial, Helvetica, sans-serif bold; color:#333333; width:155px; border:1px #333333 solid; height:60px;}

/*
///////////////////////
/////////////////////// Estilos del layout de la plantilla
///////////////////////
*/
.box_fuera { background-color:#fff; border-left:1px #999 solid; border-bottom:1px #999 solid; border-right:1px #999 solid;}
.celda_princ { background:#fff url(images/fondo_menu_izq.jpg) center top repeat-x;}
.celda_izq { border-right:1px #333 solid; vertical-align:top; text-align:center;}
.celda_der { vertical-align:top;}
.celda_login { padding:5px;}
.celda_botones { padding:2px 10px; text-align:right;}
.celda_logo img, 
.celda_logo div { padding:30px 10px;}
.celda_phplive { padding:20px 0;}
.celda_cabecera { text-align:right;}
.celda_menu { background:#fff url(images/fondo_menu.jpg) center top no-repeat; height:27px; width:777px; vertical-align:top; padding:0;}
.celda_neatsite { background:url(images/logo_NeatSite.gif) center top no-repeat; height:40px; margin:20px auto;}
.celda_pathway { padding:5px 20px; border-bottom:1px #ccc solid; border-top:1px #ccc solid; text-align:left;}
.celda_fecha { font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#666666; text-align:right; padding-right:20px;}
.celda_elementos { height:300px; vertical-align:top; text-align:left;}
.celda_txtregistro { text-align:right; padding:5px 10px;}
.celda_pie { background:#dedede url(images/fondo_footer.jpg) center top repeat-x; height:60px;}
.celda_piepagina { text-align:left; font-size:11px; padding:10px; width:50%; text-align:center;}
.celda_menuinferior { padding:10px 10px; text-align:right; width:50%; text-align:center;}
.celda_legal { text-align:center; font:bold 10px Verdana, Arial, Helvetica, sans-serif;}

/* Estilos para el catalogo hardcoded que era de Juntos por Siempre */
.cat_vermas { border-top:1px #ccc solid; height:40px; width:90%;}
a.ver_mas { color:#999; font:bold 10px Verdana, Arial, Helvetica, sans-serif; line-height:15px; text-decoration:none;}
a.ver_mas:hover { color:#666; text-decoration:underline;}
.paginacion_cat { border-bottom:1px #333 solid; height:34px; padding:0; margin:0;}
.paginacion_cat td { font:bold 14px Arial, Helvetica, sans-serif; color:#333;}
.paginacion_cat td a { color:#FFFFFF; text-decoration:none;}
.paginacion_cat td a:hover { color:#CCCCCC; text-decoration:underline;}
.cat_select { font:normal 12px Arial, Helvetica, sans-serif; color:#333; margin-left:10px;}
.paginacion_cat .paginacion { background:url(images/fondo_catalogo_pag.gif) right top no-repeat; width:50%;}
.cat_cabeza { background:#fff url(images/cat_cabeza.jpg) left top repeat-x; border:1px #333 solid; font:bold 14px Arial, Helvetica, sans-serif; height:47px;}
.cat_cabeza td { padding:5px 5px;}
.cat_cabeza td a.cat_liga { font:bold 18px Arial, Helvetica, sans-serif; text-decoration:none; color:#333;}
.cat_cabeza td a.cat_liga:hover { text-decoration:underline;}