/*-----------------------------------------------------------------------------
version:   1.0 - 
date:      17/09/2008
author:    [Oscar Javier Varila - diseñador senior - Axesnet]
email:     [ovarila@axesnet.com]
website:   [www.ecopetrol.com.co]
project:  Habitat 8.1 - Ecopetrol
-----------------------------------------------------------------------------*/


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

body { margin: 0; padding:0; font-family: Tahoma, Verdana, Arial, sans-serif; font-size:11px; 
color:#666666; background:url('../Images/fndSite.jpg') repeat-x; }
body.proceso { margin: 0; padding:0; font-family: Tahoma, Verdana, Arial, sans-serif; font-size:11px; 
color:#666666; background:none; }
*{ font-family: Tahoma, Verdana, Arial, sans-serif;}
img{ border:none; }
ul{ list-style:none; }
a { color:#0b4236; text-decoration:none; font-size:12px; }
a:hover { text-decoration:underline; color:#000; }
.clear{ clear:both;}


/* Header o cabezote
-----------------------------------------------------------------------------*/

#header{ width:950px; margin:0 auto; height:118px; }
#logo{ width:380px; float:left; margin:32px 0 0 15px; }
#herramientas{ width:510px; float:right; text-align:right; color:#535353; font-size:11px; padding:15px; }
#herramientas a{ font-size:11px; color:#5c8541; text-decoration:none; }
#herramientas a:hover{ color:#373737; }
#herramientas .english{ font-size:11px; color:#373737; text-decoration:none; }
#herramientas .english:hover{ color:#5c8541; }
.formBuscar{ border:0; background-image:url(../Images/fndInput.jpg); border-bottom:1px solid #c4c4c4;
border-top:1px solid #c4c4c4; border-left:1px solid #c4c4c4; margin:0px; padding:3px; font-size:11px; 
color:#979797; width:140px; margin-bottom:2px !important; margin-bottom:0px; }
.formBuscarE{ border:0; background-image:url(../Images/fndInput.jpg); border-bottom:1px solid #c4c4c4;
border-top:1px solid #c4c4c4; border-left:1px solid #c4c4c4; margin:0px; padding:3px; font-size:11px; 
color:#979797; width:140px; margin-bottom:0px; }
.formBuscar2{ border:0; background-image:url(../Images/fndInput.jpg); border-bottom:1px solid #c4c4c4;
border-top:1px solid #c4c4c4; border-left:1px solid #c4c4c4; margin:0px; padding:3px; font-size:11px; 
color:#979797; width:340px; margin-bottom:2px !important; margin-bottom:0px; }
.formBuscar3{ border:0; background-image:url(../Images/fndInput.jpg); border:1px solid #c4c4c4; 
margin:0px; padding:3px; font-size:11px; color:#979797; width:300px; }
.formBuscar4{ border:0; background-image:url(../Images/fndInput.jpg); border:1px solid #c4c4c4; 
margin:0px; padding:3px; font-size:11px; color:#979797; }
.imgAlign { vertical-align: bottom;}
.tableRight { float:right;}
#encabezado img, div, input { behavior:url(../general/iepngfix.htcz);}

/* Menu de navegacion principal
-----------------------------------------------------------------------------*/

#navegacionSup{ width:950px; margin:0 auto; padding:0; }
#menuInf{ width:950px; height:8px; font-size:5px; background:url('../Images/franjaVerdeMenu.jpg') no-repeat; }


/* Top Navigation
--------------------------------------------------------------------*/

#TopNav { padding:0; margin: 0px 15px; padding-top:2px; position: relative; width:920px; z-index:10; }
#TopNav:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#TopNav ul { list-style-type: none; margin:0; padding:0; width:920px; position:relative; }
#TopNav ul li { display:inline; float:left; position:relative; margin:0 7px 0 0; padding: 0px 10px; 
background: #e3e6d8; line-height:25px; }
#TopNav ul li a { color: #333333; text-decoration: none; font-size:12px; overflow: hidden; }
#TopNav ul li.selected a { color: #0b4236; }
#TopNav ul li.hover a { color: #0b4236; }
#TopNav ul li.hoverSub { color: #0b4236; background:url('../Images/fndMenuSelect.jpg') repeat-x; 
padding: 0px 10px; line-height:25px; }
#TopNav ul li.selected { color: #0b4236; background:url('../Images/fndMenuSelect.jpg') repeat-x; 
padding: 0px 10px; line-height:25px; }
#TopNav ul li.hover { color: #0b4236; background:url('../Images/fndMenuSelect.jpg') repeat-x; 
padding: 0px 10px; line-height:25px; }
#TopNav ul li.hover a{ color: #0b4236;  font-size:12px; }
#TopNav ul li.hoverSub a { color: #0b4236;  font-size:12px; }
#TopNav ul li.li1 a { width: 35px; }
#TopNav ul li.li2 a { width: 100px; }


/* Navigation -> Dropdown
--------------------------------------------------------------------*/

#TopNav ul li div.subnav { position: absolute; top:26px; left:0px; display: none; overflow: hidden; 
 width:181px !important; width:170px; }
#TopNav ul li.hoverSub div.subnav { display: block; }
#TopNav ul li div.subnav div.contentWrapper { position: relative; padding: 0 7px 0 4px; width:166px; }
#TopNav ul li div.subnav div.content { padding: 0px 8px; position: relative; }
#TopNav ul li div.subnav div.content ul { list-style-type: none; margin:0; padding:0; }
#TopNav ul li div.subnav div.content ul li { clear:both; display:block; width:128px; margin:0; 
color:#323232; background: url(../Images/bulletSubmenu.jpg) no-repeat 2px 6px; line-height:16px; 
font-size:12px; border-bottom:1px solid #d8d8d8; margin:4px 0; padding-bottom:4px; }
#TopNav ul li div.subnav div.content ul li a { font-size:12px; color:#616161; font-weight:normal; 
line-height:16px; }
#TopNav ul li div.subnav div.content ul li a:hover { font-size:12px; color:#5c8541; font-weight:normal; }
#TopNav ul.macFF li div.subnav { background: #fff; padding: 0; }
.submenuFin { width:181px; height:12px; font-size:4px; background:url(../Images/finSubMenu.png) no-repeat; }
.submenuFnd { background:url('../Images/fndSubMenu.png') repeat-y; padding:0; margin:0; width:181px; }
.submenuFnd:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/*otros
-----------------------------------------------------------------------------*/

.whiteSpace{ height:15px; font-size:15px; }
.whiteSpace1{ height:10px; font-size:10px; }
.whiteSpace2{ height:5px; font-size:5px; }
.line{ border-bottom:1px solid #e5e5e5; margin:10px 0; }
.texto { font-size: 11px; color: #666; }
.texto-bold { font-size: 11px; font-weight: bold; color: #000000;}
.label { font-size: 11px;}

/*Visual Containers
-----------------------------------------------------------------------------*/

#content{ margin:0 auto; width: 950px; background:url(../Images/sideGradMid.jpg) repeat-y #fff 0 0px; 
padding:0px 12px; }
#content:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container{ margin:0 15px 15px 15px; }
.resumen{ color:#666666; font-size:13px; }


/*herramientas web
-----------------------------------------------------------------------------*/

#herramientasWeb{ margin:0 15px 15px 15px; background:#f2f2f2; padding:6px 15px; }
#herramientasWeb #tool{ float:right; width:200px; text-align:right; }
#herramientasWeb #tool a{ padding-left:10px; }
#herramientasWeb #ruta{ float:left; width:650px; }
#herramientasWeb #tool a img {border:0;}

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

#lineFooter{ background:url('../Images/fndFooter.jpg') repeat-x; width:950px; margin:0 auto; padding:0px; 
font-size:2px; height:3px; }
#footer{ width:920px; margin:0 auto; padding:15px; color:#8b8b8b; font-size:10px; }
#footer a{ color:#5c8541; text-decoration:underline; font-size:10px; }
.visitante { font-weight:bold; font-size:12px;}
.imgCreditos { float: right;  width: 400px;  text-align: right; vertical-align:middle;}
.imgCreditos a img { border:0;vertical-align:middle;}


/*contenido - principales 1
-----------------------------------------------------------------------------*/

.principal{ width:286px; border-bottom:1px solid #97bf05; }
.principal2{ border-bottom:1px solid #97bf05; margin:0 0 10px 0; padding:8px; 
background:url('../Images/fndPrincipal2.jpg') repeat-x left bottom;}
.cajaPrincipal{ border-top:solid 1px #dfdfdf; border-bottom:solid 1px #97bf05; border-left:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf;
 padding:10px; background:url("../images/fndPrincipal3.jpg") repeat-x #efefef; z-index:1;  }
.titPrincipal, .titPrincipal h1{ font-size:16px; color:#0b4236; font-weight:bold;background:url('../Images/bulletPrincipal.jpg') no-repeat 0px 8px; padding-left:9px; }
.titPrincipal a{ font-size:16px; color:#0b4236; font-weight:bold; text-decoration:none;}
.titPrincipal a:hover{ text-decoration:underline;}
.titPrincipal a.tit{ font-size:16px; color:#0b4236; font-weight:bold; text-decoration:none; cursor:default;}
.titPrincipal a.tit:hover{ font-size:16px; color:#0b4236; font-weight:bold; text-decoration:none; cursor:default;}
.imgPrincipal{ border:1px solid #666666; margin:10px 0; }
.imgPrincipal2{ border:1px solid #666666; margin: 0 10px 0 0; }
.textPrincipal{ font-size:12px; color:#565656; line-height:18px; }
.textPrincipal a{ text-decoration:underline; color:#5c8541;}
.masPrincipal{ text-align:right; padding:3px 0 10px 0; }
.masPrincipal a{ font-size:12px; color:#0b4236; text-decoration:none; }
.masPrincipal a:hover{ font-size:12px; color:#0b4236; text-decoration:underline; }
.contPrincipal{ border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; 
background:url('../Images/fndPrincipal.jpg') repeat-x #efefef; padding:0 13px; }
.itemStyle1 { width:286px; vertical-align: top;}
.itemStyle2 {width:191px; vertical-align: top;}


/*contenido - destacado 1
-----------------------------------------------------------------------------*/

.titDestacado{ font-size:16px; color:#0b4236; border-bottom:1px solid #97bf05; 
padding-bottom:2px; margin-bottom:10px; }
.titDestacado a{ font-size:16px; color:#0b4236; }
.titDestacado a.tit{ font-size:16px; color:#0b4236; text-decoration:none; cursor:default; }
.titDestacado a.tit:hover{ font-size:16px; color:#0b4236; text-decoration:none; cursor:default; }
.imgDestacado{ border:1px solid #666666; margin-right:10px; }
.textDestacado{ font-size:12px; color:#666666; line-height:19px; }
.textDestacado a{ text-decoration:underline; color:#5c8541;}
.masDestacado{ text-align:right; padding:3px 0 10px 0; }
.masDestacado a{ font-size:11px; color:#0b4236; text-decoration:none; }
.masDestacado a:hover{ font-size:11px; color:#0b4236; text-decoration:underline; }
.tdDestacado { vertical-align:top; width:100%;}

/*contenido - titulares
-----------------------------------------------------------------------------*/

.itemTitular{ color:#666; font-size:11px; text-decoration:none; line-height:30px; }
.itemTitular a{ color:#666; font-size:11px; text-decoration:none; 
background:url('../Images/bulletPrincipal.jpg') no-repeat 0px 5px; padding-left:11px; }
.itemTitular a:hover{ font-size:11px; color:#0b4236; text-decoration:underline; }


/*contenido - columnas
-----------------------------------------------------------------------------*/

#colIzq3{ width:226px; margin-right:28px; float:left; }
#colCen3{ width:412px; float:left; z-index:1; }
#colDer3{ width:226px; margin-left:28px; float:right; }
#colIzq2{ width:226px; margin-right:28px; float:left; }
#colCen2{ width:666px; float:left; }


/*Zonas
-----------------------------------------------------------------------------*/

.titZona{ background:url('../Images/fndTituloZona.jpg') repeat-x #b7c504; font-size:15px; color:#0b4236; 
padding:4px 12px; }
.titHerramienta{ border-left:1px solid #ddd; border-right:1px solid #ddd; background:#ebebeb; font-size:12px; 
line-height:17px; color:#0b4236; padding:0 7px; }
.linkHerramienta{ border-left:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; 
border-top:1px solid #fbfbfb; background:url('../Images/fndLinkHerramienta.jpg') repeat-x #ffffff; 
font-size:12px; line-height:20px; color:#3e3e3e; padding:2px 12px 0 12px; }
.linkHerramienta a{ font-size:12px; color:#3e3e3e; text-decoration:none; }
.linkHerramienta a:hover{ font-size:12px; color:#3e3e3e; text-decoration:underline; }
.fuente{ border-left:1px solid #ddd; border-right:1px solid #ddd; background:#ffffff; font-size:10px; 
line-height:20px; color:#656565; padding:0px 6px 2px 6px; }
.indicadores{ border-left:1px solid #ddd; border-right:1px solid #ddd; background:#ffffff; font-size:12px; 
line-height:14px; color:#656565; padding:2px 6px 0px 6px; }
.contIndicador{ background-image:url(../Images/fndIndicadores.jpg); background-repeat: repeat-x; background-position:bottom; background-color: #ffffff; 
border-bottom:1px solid #dedede; padding:0 4px; }
.titIndicador{ color:#232323; font-size:11px; text-decoration:none; }
.fechaIndicador{ color:#676767; font-size:10px; }
.valorIndicador{ color:#0b4236; font-size:11px; }
.contZona{ border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; 
margin-bottom:15px; background:url('../Images/fndZona.jpg') repeat-x #fff; padding:6px; }
.fechaZon{ color:#0b4236; font-size:10px; }
.zonaConText { font-size: 11px; color:#6f6f6f; } 
.zonaConText a { font-size: 11px; color:#6f6f6f; text-decoration:none; }
.zonaConText a:hover { font-size: 11px; color:#566b7e; text-decoration:underline; }
.zonaConTitulo { font-size: 12px; color: #666666; }
.zonaConTitulo:hover { font-size: 12px; color: #666666; text-decoration:underline; }
.contCalend{ border-bottom:1px solid #b7c504; border-left:1px solid #b7c504; border-right:1px solid #b7c504; 
margin-bottom:15px; background:url('../Images/fndZona.jpg') repeat-x #fff; }
.mesesCalend{ background:#666666; font-size:11px; }
.mesesCalend a{ font-size:11px; color:#fff; }
.mesesCalend a:hover{ color:#fff; }
.mes{ color:#0b4236; font-size:13px; text-align:center; border-bottom:1px solid #97bf05; }
.tituloDia { font-size:11px; font-weight:bold; color:#004236; text-decoration:none; background:#f8f8ea; text-align:center; }
.linkZon{ color:#000000; font-size:10px; text-decoration:none; }
.linkZon:hover{ color:#000000; font-size:10px; text-decoration:underline; }
.subtitulos { font-size:13px; color:#333; }
.subtitulos2 { font-size:14px; color:#5c8541; }
.titulosMap { font-size:14px; color:#5c8541; font-weight:bold; border-bottom:1px solid #2786ca; margin-bottom:8px; width:95%; }
.subtitulos3 { color:#0b4236; font-weight:bold; font-size:11px; }
.itemZona{ border-bottom:1px solid #d4d4d4; margin:5px; padding:4px 0; }
.cajaMap{ border-bottom:#999; background:#f5f5f5; padding:5px; line-height:18px; }
.preguntaOpine { font-weight:bold;}
.imgBorder { border:0;}
.tdEncuestas {width:10;  vertical-align:top;}
.tdZonas {width:4;}
.lineaHr { border-bottom:1px solid #d1d1d1;}

/*busqueda
-----------------------------------------------------------------------------*/

.cajaBusqueda{ border:1px solid #999; background:#f4f4f4; padding:3px; font-size:11px; }
.cajaBusqueda label, label{ padding:0 2px; font-size:11px; }
.formasInput{ font-size: 11px; padding:3px; background:url('../Images/fndInput.jpg'); border: 1px solid #c4c4c4; color:#979797; 
width:140px; }
input.formas, textarea.formas{ font-size: 11px; padding:3px; background:url('../Images/fndInput.jpg'); border: 1px solid #c4c4c4; 
color:#979797; width:300px; }
.formas{ font-size: 11px; padding:3px; background:#f7f7f7; border: 1px solid #c4c4c4; color:#979797; }
.formaBtn{ background:url('../Images/fndBoton.jpg') repeat-x; font-size:11px; color:#fff; border:1px solid #e5e5e5; padding:4px; }
.titulos { font-size:24px; color: #0b4236; text-decoration:none; border-bottom:1px solid #97bf05; margin-bottom:8px; }
.textoGen .titulos { font-size:13px; color: #0b4236; text-decoration:none; border:none; line-height:18px; font-weight:bold; }
.titulos2{ font-size:14px; color:#5c8541; font-weight:bold; margin-bottom:8px; width:95%; }

/*ruta
-----------------------------------------------------------------------------*/

.usted{ font-size:11px; color:#1e1e1e; }
.linkRuta { font-size: 11px; color: #4b8b2a; }
.paginaAct{ font-size:11px; color:#585858; }


/*tablas
-----------------------------------------------------------------------------*/

.titTabla{ background:url('../Images/titTable.jpg') repeat-x #186553; font-size:13px; line-height:18px; 
color:#fff; font-weight:bold; }
.trTabla{ background:url('../Images/fndTr.jpg') repeat-x left bottom; margin-top:6px; padding:0 5px; }
.linkRuta { font-size: 11px; color: #4b8b2a; }
.link { font-size:11px; color:#585858; }
.bordertable{ border:1px solid #999; }
.trTablaC{ font-size: 11px; color: #666; background:#fff; }
.trTablaO{ font-size: 11px; color: #666; background:#f1f4f8; }


/*contenido interna
-----------------------------------------------------------------------------*/

.titCategoria { color:#839601; font-size:15px; }
.menuNivel3 { color:#6e6d6d; font-size:13px; line-height:18px; padding:4px 4px; }
.cajaMenuNivel3 { border:1px solid #e6e6e6; background:url('../Images/fndMenuNivel4.jpg') repeat-x #f6f6f6; margin-bottom:3px; }
.fndImagen { background:#e3e3e3; padding:11px 0 0 5px; }
.menuNivel3 a { color:#6e6d6d; font-size:13px; line-height:18px; }
.submenu4{ margin-bottom:3px; background:#F2F2F2; }
.menuNivel4 a { color:#666; font-size:11px; line-height:18px; }
.submenu5{ margin-bottom:3px; background:#ffffff; }
.menuNivel5 a { color:#666; font-size:11px; line-height:18px; }
.fecha { color:#2786ca; font-size:11px; }
.textoGen, .texto-general { font-size: 12px; color: #666666; line-height:18px; }
.textoGen ul, .texto-general ul{ list-style:disc;}
.textoGen a, .textoGen * a, .texto-general a, .texto-general * a{ text-decoration:underline; color:#5c8541;}
.autor{ font-size:11px; color:#5d5d5d; }
.imagenContenido{ border:1px solid #515151; padding:1px; }
.pieFoto{ font-size:10px; color:#999; }
.textoLabel{ font-size:10px; color:#696969; }

/*otros*/
.bulletNoticias { vertical-align:top; width:22;}


/*paginacion
-----------------------------------------------------------------------------*/

.links a{ font-size:11px; text-decoration:underline; }
.links span{ font-size:11px; text-decoration:none; font-weight:bold; }
.texto-noticias {font-size: 13px; color: #000000; text-decoration: none;}
.texto-cabezote-tabla {font-size: 11px; font-weight: bold; text-decoration: none;background: #BBCAD9; color: #2A455F;}
.botones {font-size: 10px; font-weight: bold; color: #5E80A3; text-decoration: none; background: #D9E1EA; border: 1px solid #2A455F;}
.empleo_titulos {font-size: 12px; color: #CC0000; font-weight: bold;}
.empleo_titulos_tablas { font-size: 12px; font-weight: bold; color: #FFFFFF; background: #003399;}
.categoria_principal_gris {font-size: 11px; color: #596887; text-decoration: none;}
.subcategorias_azul { font-size: 10px; color: #3e62aa; text-decoration: none;	}
.texto_gris_fazul {font-size: 11px; color: #808080; text-decoration: none; background: #DBE6F2;}
.link_gris { font-size: 11px; color: #CBD0DC; text-decoration: none;}
.formas_cal { font-size: 10px; color: #335CAD; background: url("../images/fondoBOX.gif"); border: 1px solid #b1cafc;}
.textoIndicador {font-size: 11px; color: #000000; text-decoration: none;}
.textoIndicador2 {font-size: 11px; color: #000000; text-decoration: none; font-weight:bold;}
.datosIndicador { font-size: 10px; color: #000000; text-decoration: none; font-weight:bold;}
.lineaTitulo{ font-size:11px; border-bottom:1px solid #d0d4d9; background:#f7f7f7;}
.franjaGris{background:#ebebeb;}
.franjaBlan{background:#ffffff;}
.espacio{ font-size:4px; height:4px;}
.titAccionista{color:#ffffff; font-size:18px; background:#749cca; height:36px; padding-left:10px;}
.franjaCaja{ background:url("../images/zonas2.gif") repeat-x #004236;}
.bulletMasInfo { font-size: 10px; color: #D55500; text-decoration: none; margin-right:5px;}
.titCatReco{ font-size:15px; font-weight:bold; color:#1157a5; padding-left:16px;}
.cajCatReco{ font-size:12px; color:#2e2e2e; border:solid 1px #afafaf; padding-left:20px; padding-top:10px; 
padding-bottom:8px; background-image:url(../images/fndCatReconocimiento.jpg); background-repeat:repeat-x;}
.cajCatReco a{ text-decoration:none; color:#2e2e2e; padding-right:10px;}
.cajCatReco a:hover{ text-decoration:underline; color:#0083d7; padding-right:10px;}
.imagen{ border:solid 1px #848484; margin-right:13px; }
.lineaDiv{ background-image:url(../images/imgLine.jpg); background-repeat:repeat-y; width:23px;}
.listados {font-size: 10px; color: #666666; text-decoration: none; background-color: #F5F5F5; border: 1px solid #999999;}
.calendario_mes {font-size: 11px; font-weight: bold; text-decoration: none; color: #595959; background: #d7d7d7; }
.calendario_dias {font-size: 11px; font-weight: bold; color: #595959; text-decoration: none;}
.calendario_numeros_blancos {font-size: 11px; color: #666666; background-color: #FFFFFF; }
.calendario_numero_gris {font-size: 11px; color: #666666; text-decoration: none; }
.calendario_hoy {font-size: 11px; color: #FFFFFF; background-color: #595959; }
.calendario_evento {font-size: 11px; color: #000000; text-decoration: none; background-color: #d7d7d7; }
.calendario_fondo {background-color: #F5F5F5; }
.link-calendario{ color:#fff; background:#0b4236;}
.tdBlanco {background-color:#ffffff}
.alignCenter { margin:0 auto;}