/*-----------------------------------------------------------------------------

version:   1.0
date:      11/07
author:    [Monica Castellanos]
email:     [mcastellanos@axesnet.com]
website:   [www.siac.gov.co]

-----------------------------------------------------------------------------*/


/* Estilos globales 
-----------------------------------------------------------------------------*/
html, body { background:url(../images/backGen.jpg) repeat-x; margin:0px; padding:0px; height:100%; font-family: "Trebuchet MS", verdana, arial; font-size:11px; onload="MM_preloadImages('../images/botEcosistemaOver.png','../images/botGestionProx.png','../images/botEcosistema_on.png','../images/botAgua_on.png','../images/botClima_on.png','/images/botBiodiversidad_on.png','../images/botImpacto_on.png','../images/botGestion_on.png')"}
#containerGen { width:1004px; margin:0px auto 0px auto; min-height:100%;}
img{border:none;}
.espacio { height:3px; font-size:5px;}
#espacioNormal{ height:3px; font-size:5px;}
.colIzq { background:url(../images/backGenIzq.jpg) no-repeat; width:10px;}
.colDer { background:url(../images/backGenDer.jpg) no-repeat; width:10px;}

/* Fin Estilos globales 
-----------------------------------------------------------------------------*/

/* Estilos header
-----------------------------------------------------------------------------*/
#header { background:url(../images/back_botones.jpg); margin:0px auto 0px auto; width:984px; height:136px;}
#logoSiac {padding:22px 14px 31px 35px;}
.cajaUpper {width:983px; float:right;}
.cajaBotones {width:725px; margin-right:29px; margin-left:29px;}
#header .cajaUpper .cajaBotones td {padding:54px 5px 0px 5px;}


/* Fin Estilos header
-----------------------------------------------------------------------------*/

/* Estilos herramientas
-----------------------------------------------------------------------------*/
.herramientas {background:url(../images/herramBack.gif) repeat-x; width:744px; font-size:11px;}
.cajaInput2 {font-size:11px; color:#333; border:1px #609c02 solid; padding:0px; font-size:11px;}
#herramientas ul {list-style-tipe:none;text-align:left; margin:0px; padding:0px; font-size:11px;}
#herramientas ul li{list-style:none; color:#FFF; display:inline; margin-right:1px; font-size:11px;}
#herramientas ul li img{margin-right:0.5px; font-size:11px;}
#herramientas ul li a{color:#FFF; text-decoration:none; display:inline; font-size:11px;}
#herramientas ul li a:hover {color:#486d01; text-decoration:none; display:inline; font-size:11px;}


/* Fin Estilos herramientas
-----------------------------------------------------------------------------*/

/* Estilos login
-----------------------------------------------------------------------------*/
#containerGen #Form1 #espacioSup { height:7px; font-size:7px;}
#login { width:210px; margin-right:8px; background:url(../images/usuarioBack.gif) repeat-y;}
.backMenu #fondoAzul { background:url(../images/back_azul.gif) repeat-x;}
.textoLogin { font-size:11px; color:#fff; text-align:right; margin:2px 2px 1px 0px;}
.cajaInput1 { font-size:11px; color:#333; border:1px #609c02 solid; width:125px; margin:2px 2px 1px 0px;}
#botIngreso { text-align:right; padding-right:7px;}
.linkClave{ color:#014c78; font-size:10px; text-decoration:none;}
.linkClave:hover { color:#fff; font-size:10px; text-decoration:underline;}
#divRecordar { margin:0px auto 0px auto;}

/* Fin Estilos login
-----------------------------------------------------------------------------*/

/* Estilos mainnav
-----------------------------------------------------------------------------*/
#mainnav { width:210px; float:left; }
#mainnav #imageMain { background:url(../images/icoFlechaVerde.png)}
.backMenu { background:url(../images/mainBack.gif) repeat-y;}
.categoria1 { padding:6px 1px 6px 8px;}
.categoria2 { padding:6px 3px 6px 0px; background:#f5ffe5; width:204px;}
.categoria3 { padding:6px 1px 6px 0px;}
.categoria4 { padding:6px 1px 6px 0px; background:#fafff2;}
.texto_categoria2{ text-decoration:none; font-size:12px; color:#014c78;}
.texto_categoria2:hover{ text-decoration:underline; font-size:12px; color:#609c02;}
.texto_categoria4 a, .texto_categoria4{ font-size:11px; color:#68a801; text-decoration:none; font-weight:normal;}
.texto_categoria4:hover{text-decoration:underline; font-size:11px; color:#014c78; font-weight:normal;}
.texto_categoria4b, .texto_categoria4b a {font-size:11px; color:#666; text-decoration:none; font-weight:normal;}
.texto_categoria4b:hover{text-decoration:underline; font-size:11px; color:#014c78; font-weight:normal;}
.texto_categoria4c, .texto_categoria4c a {font-size:11px; color:#999; text-decoration:none; font-weight:normal;}
.texto_categoria4c:hover{text-decoration:underline; font-size:11px; color:#014c78; font-weight:normal;}
.menu_resaltado{ font-size:12px; color:#004d91; text-decoration:none; font-weight:bold;}
.menu_resaltado2{ font-size:12px; color:#00a650; text-decoration:none; font-weight:bold;}
#backContenido #espacioMenu { height:100%; background:url(../images/mainBack.gif) repeat-y;}

/* Fin Estilos menu
-----------------------------------------------------------------------------*/


/* Estilos letras
-----------------------------------------------------------------------------*/
#contentletras {width:718px; margin:0px auto 0px auto;}
#contentletras2 { margin:0px 12px 0px 0px;}
#contentFav {margin:0px 50px 0px 0px;}
#contentletras #letras, #contentletras2 #letras, #contentletras3 #letras  {border-bottom:1px solid #e5e5e5; padding:3px; height:19px; width:100%;}
#contentletras #letras #imageLet, #contentletras2 #letras #imageLet { padding:0px 0px 2px 10px;}


/* Fin Estilos letras
-----------------------------------------------------------------------------*/


/* Estilos footer
-----------------------------------------------------------------------------*/

.texto_creditos{ font-size:10px; color:black; font-family: Tahoma, verdana, arial; text-align:left;}
.creditoLink { color:#55c0fe; text-decoration:underline; font-size:10px}
.creditoLink:hover { color:#6db801; text-decoration:underline; font-size:10px;}

/* Fin Estilos footer
-----------------------------------------------------------------------------*/

/* Estilos calendario
-----------------------------------------------------------------------------*/
.tablaCalen { border-left:1px #87c90f solid; border-right:1px #87c90f solid; background:url(../images/backCalendar.gif) repeat-y;}
.calendario_mes {font:11px; text-decoration: none; color: #014c78; background-color: #c4e9fe;}
.calendario_dias {font-size: 11px; font-weight: bold; color: #82c900;}
.calendario_numeros_blancos {font-size: 11px; color: #014c78;}
.calendario_numero_gris {font-size: 11px; color: #c9c9c9;}
.calendario_hoy {font-size: 11px; color: #014c78; background-color: #a6ddfc;}
.calendario_evento {font-size: 11px; color: #014c78; text-decoration: none; background-color: #87e106;}
.calendario_fondo {background-color:#FFFFFF;}

/* Fin Estilos calendario
-----------------------------------------------------------------------------*/
.plainbackground{
   background : White url("bg.gif") repeat-y;
   padding: 0 0 0 40px;
}

/* Estilos contenido
-----------------------------------------------------------------------------*/
.texto{ font-size:11px; color:#818181;}
#backContenido{ background:url(../images/back_contenido.jpg) repeat-x; margin:0px auto 0px auto; width:984px;}
#backContenido .tablaCont { background:#FFF; width:744px;}
.contenido{ background-color:#FFFFFF; text-align:left; font-family: Tahoma, verdana, arial; }
.texto_fecha2{ font-size:10px; color:#6db801;}
.texto_titulos{ font-size:14px; color:black; font-weight:bold;}
.texto_titulos:hover{ font-size:14px; color:#014c78; font-weight:bold;}
.texto_titulos_categorias2{ color:#0d547e; font-size:24px; font-weight:normal;}
.textos_titulos_paginas{ color:#609200; font-size:18px; font-weight:normal;}
.textos_intertitulos{ color:#609200; font-size:14px; font-weight:bold;}
#cajaFormulario { border-bottom:#ececec 1px solid;}
.cajaInput{font-size:11px; color:#333; border:1px #97d71c solid; padding:0px; width:196px;}
.combo{font-size:11px; color:#333; border:1px #159dec solid; }
.botones_gris{ font-size: 10px; color: #d2e8af; background: #609c02; height:20px; border:#d2e8af solid 1px; text-decoration: none; padding:auto 3px auto 3px;}
.linkClave2 {color:#014c78; font-size:10px; text-decoration:none;}
.linkClave2:hover {color:#609200; font-size:10px; text-decoration:underline;}
.estiloZona { background:#fff; border-left:#badcef solid 1px; border-right:#badcef solid 1px; padding:4px 0px 2px 0px;}
.texto_categoria5{ color:#fff; font-size:11px; font-weight:normal;}
#tablaNot{ padding:6px 0px 10px 0px; border-bottom:1px #e5e5e5 dashed;}
#masNoticias { padding:4px 0px 4px 0px; border-bottom:1px #e5e5e5 dashed; border-top:1px #e5e5e5 dashed; text-align:right;}
.LinkNoticias {font-size:10px; color:#014c78; text-decoration:none}
#masNoticias .LinkNoticias:hover, .LinkNoticias:hover {font-size:10px; color:#6db801; text-decoration:underline;}
.ruta a, .ruta{color:#55c0fe; font-size:10px; text-decoration:none; font-weight:normal;}
.ruta a:hover{ color:#00a650; font-size:10px; text-decoration:underline; font-weight:normal;}
.rutaSel{ color:#00a650; font-size:10px; font-weight:normal;}
.titulos_lista{font-size:24px; color:#014c78; font-weight:normal; padding-left:11px;}
.titulos_listaCont {font-size:24px; color:#014c78; font-weight:normal; padding-left:11px;}
#lineaNomPag { border-bottom:#d8d8d8 1px solid;}
#lineaNomPag2 {	border-bottom:#ebebeb 1px solid;}
.texto_categoria6{ font-size:10px; color:#0d547e; text-decoration:none; font-weight:normal;}
#padding10 { padding-left:10px;}
.texto_ruta{ font-size:10px; color:#9f9f9f; text-decoration:none;}
.texto_ruta2{ font-size:10px; color:#9f9f9f; text-decoration:none;}
.vinculo, .vinculo a{ font-size:11px; color:#0d547e; text-decoration:none; font-weight:normal;}
.vinculo:hover, .vinculo:hover a{ font-size:11px; color:#0d547e; text-decoration:underline; font-weight:normal;}
.textoLabel{ font-size:11px; color:#0054a6; margin:3px;}
.trBlanco{ font-size:11px; color:#0054a6; background-color:#FFFFFF;}
.trGris{ font-size:11px; color:#0054a6; background-color:#fdfdfd;}
.trTitulo{ font-size:11px; color:#0054a6; background-color:#fdfdfd;}
.tit_tabla{font-size:12px; color:#0054a6; background-color:#def2ff; }





.link_lista{ color:#004d91; font-size:12px;}
.tituloIndicador{ color:#004d91; font-size:12px; background-image:url(../images/imgFndSupIndicador.jpg); font-weight:bold; background-repeat:repeat-x; height:29px;}
.indicadores{ background-color:#f6f6f6; text-align:left;}
.textoLabel2{ font-size:11px; color:#0054a6; margin:3px; text-align: justify;}
.cajaArea2{ font-size:11px; color:#0054a6; border:1px solid #ccc; background-repeat:no-repeat; background-color:#ebebeb;}
.tituloIngreso{ color:#004d91; font-size:12px; font-weight:bold; padding-left:8px; height:32px;}
.indicador{ font-size:11px; color:#626262; font-weight:bold;}
.valor{ font-size:11px; color:#00a650; font-weight:bold;}
.porcentaje{ font-size:11px; color:#f26522; font-weight:bold;}
.fuente{ color:#004d91; font-size:11px;}
.linkBold{ color:#00a650; font-size:12px; font-weight:bold; text-decoration:none;}
.linkBold:hover{ color:#024e92; font-size:12px; font-weight:bold; text-decoration:none;}


.texto_cuerpo{   font-size:13px; color:black;   font-family:Tahoma; text-align:justify; letter-spacing:0.4px  }
/*.texto_cuerpo{ font-size:11px; color:#898989; text-decoration: none;}*/
.comboCalificar{ color:#ffffff; font-size:11px; border: 1px solid #01478c; background-color:#67a6e3; margin:0px; padding:0px; }
.listados {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; text-decoration: none; background-color: #F5F5F5; border: 1px solid #999999;}
/* Fin Estilos contenido
-----------------------------------------------------------------------------*/