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

version:   1.0
date:      06/04/2009
author:    [Oscar Javier Varila - diseñador senior - Sidcol]
email:     [ovarila@sidcol.com]
website:   [www.cerrosdebogota.org]
project:  Fundación cerros de Bogotá - home

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


/*globales
-------------------------------------------------------------------------------------------*/
body{
background:#02aff0; font-size:13px; color:#666; font-family:"trebuchet MS", Arial, sans-serif;
margin:0; padding:0;
}
.clear{
clear:both;
}
.whiteSpace{
height:20px; font-size:20px;
}
* { 
padding: 0;
margin: 0;
}
a:hover {
text-decoration: underline;
}
a img{
border:0px;
}

/* maquetacion
-------------------------------------------------------------------------------------------*/
#contenedor{
background:url(../images/fndContenido.jpg) repeat-y; width:960px; margin:0 auto; padding:0 3px;
}
#contenedor2{
background:url(../images/finContenido.jpg) no-repeat; width:960px; margin:0 auto; padding:0 3px; 
text-align:right; color:#FFFFFF; font-size:11px; line-height:30px;
}


/* estilos del header
-------------------------------------------------------------------------------------------*/
#header{
height:113px; width:926px; padding:10px 20px 22px 14px;
}
.menuSuperior { float:left; width:700px; }
.idioma{ float:right; text-align:right; margin:0; padding:0;}
.menuSuperior a, ul#mainlevelsuperior li a{
font-size:11px; color:#87c121; text-decoration:none; padding:0 9px;
}
.menuSuperior a:hover, ul#mainlevelsuperior li a:hover{
font-size:11px; color:#87c121; text-decoration:underline; padding:0 9px;
}
.menuSuperior{
font-size:9px;
}
.menuSuperior .moduletable{
float:left;
}
ul#mainlevelsuperior{ margin:0px; padding:0px;}
ul#mainlevelsuperior li{ margin:0px; padding:0px; list-style-image:none; list-style-type:none; display:inline; border-right:1px solid #999; }
.logo{
padding-top:16px; text-align:right;
}
#myContent{ clear:both;}

/* navegacion 
-------------------------------------------------------------------------------------------*/
#navegacion{
line-height:30px; font-size:13px; color:#FFF; background:url(../images/fndMenu.jpg) repeat-x #87c220;
}
#navegacion a{
font-size:13px; color:#FFF; text-decoration:none; padding:0 12px; 
}
#menu{
padding:0 10px; width:718px; float:left;
}
#buscador{
width:220px; float:left;
}

/*registro
--------------------------------------------------------------------------------------------*/
.inputbox, .validate-email {
border:1px solid #a9aba0; height:17px; padding:2px; background:url(../images/fndInput.jpg) no-repeat #fff; 
font-size:12px; color:#666;
}
.button validate, button.validate{
background:url(../images/fndButton.jpg) repeat-x; border:none; height:21px; color:#fff; font-family:"trebuchet MS", Arial, sans-serif; 
font-size:11px; font-weight:bold;
}
select.inputbox {
border:1px solid #a9aba0; height:auto; padding:2px; background:none; font-size:12px; color:#666; background:#fff;
}

/*login
--------------------------------------------------------------------------------------------*/
.moduletablelogin{padding:0 20px 20px 20px; border-bottom:1px solid #02aff0;
background:url(../images/fndIngreso.jpg) repeat-x #f7f7f7; height:46px;}
fieldset.input{border:none; float:left;}
#form-login-username, #form-login-password{float:left; padding-right:10px;}
#form-login-remember{display:none;}
#form-login-username .inputbox, #form-login-password .inputbox{
border:1px solid #a9aba0; height:17px; padding:2px; background:url(../images/fndInput.jpg) no-repeat #fff; 
font-size:12px; color:#666;
}
.moduletablelogin .button{
background:url(../images/fndButton.jpg) repeat-x; border:none; height:21px; color:#fff; font-family:"trebuchet MS", Arial, sans-serif; 
font-size:11px; font-weight:bold;
}
#form-login-username br, #form-login-username label,#form-login-password br, #form-login-password label{
display:none;
}
.moduletablelogin ul { margin:0; padding:0;list-style-image:none;
list-style-type:none;}
.moduletablelogin li { margin:0 10px; padding:0;list-style-image:none;
list-style-type:none; display:inline;}
.moduletablelogin li a{font-size:11px; color:#87c121; text-decoration:none;}
.moduletablelogin li a:hover{
font-size:11px; color:#87c121; text-decoration:underline;
}
.moduletablelogin h3{
color:#7e7e42; font-size:16px; font-weight:normal; margin-bottom:5px;
}
.moduletablelogin div{float:left;}

/*search
--------------------------------------------------------------------------------------------*/
.search .inputbox{
border:1px solid #a9aba0; height:17px; padding:2px; background:url(../images/fndInput.jpg) no-repeat #fff; 
font-size:12px; color:#666; width:180px;
}
.search .button{
line-height:30px; height:16px;
}


/* contenido
--------------------------------------------------------------------------------------------*/
#contenido{
width:640px; float:left; padding:0 16px 0 30px;
}
#derecha{
width:230px; padding:0 10px 0 14px; float:left;
}
#leftContent{
width:305px; border-right:1px solid #e8e8e8; float:left; padding-right:15px;
}
#rightContent{
width:305px; float:right;
}
#leftBanner{
width:305px; float:left; 
}
#rightBanner{
width:305px; float:right;
}


/*footer
---------------------------------------------------------------------------------------------*/
#footer{
background:#f2f7db; color:#02aff0; font-size:11px; padding:0 30px; line-height:26px;
}
.creditos{
color:#02aff0; font-size:11px; float:left; width:530px;
}
.contacto{
color:#02aff0; font-size:11px; float:right; width:200px; text-align:right;
}
.contacto a{
color:#02aff0; font-size:11px;
}
.sidcol{
color:#FFFFFF; font-size:11px; text-decoration:none; padding-right:30px;
}


/* Elementos
--------------------------------------------------------- */
h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 1.6em;
}

h3 {
font-size: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #333;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited{
text-decoration: none;
}


/*Modulos encuestas
--------------------------------------------------------- */
.moduletableencuesta{
background:#f7faea; margin-bottom:10px;
}
.moduletableencuesta *{
font-size:11px; color:#656565; font-weight:normal;
}
.moduletableencuesta .titulo{
padding:8px;
}
.moduletableencuesta h3{
background:url(../images/fndTituloOpine.jpg) no-repeat; color:#fff; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; 
width:190px; padding: 0 10px 0 30px; height:35px; line-height:26px;
}
.moduletableencuesta .button{
background:url(../images/fndButton.jpg) repeat-x; border:none; height:21px; color:#fff; font-family:"trebuchet MS", Arial, sans-serif; 
font-size:11px; font-weight:bold;
}


/*Modulos  derecha
--------------------------------------------------------- */
.moduletablezona{
border:1px solid #02a5e2; font-size:10px; color:#656565;
}
.moduletablezona *{
font-size:11px; color:#656565;
}
.moduletablezona .imagen, .imagen{
margin:0 10px 0 0;
}
.imagen2{
border:1px solid #dfdfc8; padding:5px;
margin:0 10px 0 0;
}
.moduletablezona h3{
background:url(../images/fndTituloZona.jpg) no-repeat; color:#fff; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; 
width:200px; padding: 0 5px 0 23px; height:34px; line-height:25px; font-weight:normal;
}

.moduletableEvent{
font-size:12px; color:#666666;
}
.moduletableEvent h3{
background:url(../images/fndTituloZonaEven.jpg) no-repeat; color:#fff; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; 
width:197px; padding: 0 5px 0 28px; height:35px; line-height:25px; font-weight:normal;
}
.fecha{
color:#02aff0; font-size:11px;
}

.lineAzul{
background:url(../images/lineAzul.jpg) repeat-x; line-height:15px; height:15px;
}
.lineGris{
border-bottom:1px solid #d2d2d2; line-height:10px; height:10px;
}

/* Modulos
--------------------------------------------------------- */

#izquierda .moduletable_menu{
text-align:right;
margin-bottom:15px;
}
#derecha .moduletable_menu, #derecha .moduletable{
text-align:left;
margin-bottom:15px;
}

#izquierda .moduletable_menu li{
margin:3px 0 0;
padding:0;
list-style-image:none;
list-style-type:none;
}

#izquierda .moduletable_menu li:before{
content: "\00BB \0020";
}

.moduletable_menu h3, .moduletable h3, .moduletable_text h3{
margin:5px 0 0;
padding:0;
text-transform:uppercase;
}

/* Contenido
--------------------------------------------------------- */
table.contentpaneopen{
border-bottom:1px solid #02aff0;
}
.subtitulo{
color:#482019;
font-size:13px;font-weight:bold;
}
.subtituloCont{
color:#340c06; font-family:Georgia, "Times New Roman", Times, serif; 
font-size:15px;
}

.tituloCont{
color:#7e7e42; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;
border-bottom:1px solid #02aff0;
}
.contentheading {
color:#7e7e42; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px;
}

.contentheading:hover {
color:#7e7e42; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px;
}

.componentheading{
font-size:13px;
margin:0;
color:#7e7e42;
font-weight:bold; display:none;
}
.buttonheading{
margin:0; padding:0;
}

.contentpaneopen{
line-height:1.4em;
font-size:13px; color:#666666;
text-align:left;
padding: 0; margin:0;
}

.contentpaneopen a{
font-size:13px; color:#02aff0; text-decoration:underline;
}

.readon{
font-size:0.8em;
text-align:left;
}

.contenttoc, .pagenavcounter{
margin-bottom:10px;
}

.article_separator{
display:none;
background:#474747;
height:1px;
margin:10px 60px 10px 10px;
}

small , .createdate, .modifydate{
font-size:0.9em;
line-height:1.5em;
color:#02aff0;
padding-bottom:10px;
}

.banneritem_text, .bannerfooter_text{
padding:5px;
}

/* Menu superior
--------------------------------------------------------- */

#navegacion #mainlevel-nav{
list-style:none; 
position:relative;
padding:0px; 
float:left;
padding-left:100px;
}

#navegacion #mainlevel-nav li {
float:left;
height:20px; 
}

#navegacion #mainlevel-nav li a {
float:left; 
text-decoration:none;
margin:0px;
padding-right:10px;
}

#navegacion #mainlevel-nav li a:hover {
text-decoration:underline;
}

#navegacion #mainlevel-nav li a:before{
content: "\00BB \0020";
}


.txtPequeno{ font-size:11px;}
.contentpaneopen{display:none;}
.linkArticulo{font-size:12px; color:#02aff0; padding-left: 10px; background:url(../images/bulletLink.jpg) no-repeat left 6px;}
.linkArticulo:hover{font-size:12px; color:#c4e129;}
a.linkNoticia{ font-size:12px; color:#666666;}