/* Para resetear los estilos de los navegadores */
						  						  
* {  
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
    font-size: 0.9em;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	line-height: normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}
p {
	font-size: 0.9em;
}
em {
	font-style: italic;
}

                          /* HTML: etiquetas del lenguaje HTML */
						  
html {
	background-image: url(../images/fondo_html.jpg);
	background-repeat: repeat;
	background-position: left top;
}
body {
	background-image: url(../images/fondo_body.gif);
	background-repeat: repeat-y;
	background-position: center top;
}


a:link {
	color: #0066CC;
}
a:visited {
	color: #990000;
}
a:visited:hover {
	color: #D50000;
}
a:hover {
	color: #558CFF;
}
a:active {
	color: #060;
}

                          /* Maquetación */
						  
/* Div #contenedor: contiene todo el contendio */	
		 					  
#contenedor {
	background-image: url(../images/fondo_modulo_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 60em;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	font-family: "Trebuchet MS", Arial, serif;
	color: #0D0D0D;
}
						  

/* Div #encabezadoSuperior: contiene los módulos del tagline, el menú superior y buscador */	
						  
#encabezadoSuperior {
	width: 100%;
	height: 1.9em;
	overflow: hidden;
}

     /* moduletable-tagline: frase que describe el sitio */	

.moduletable-tagline {
	float: left;
	font-style: italic;
	color: #FFF;
	margin-left: 0.5em;
	margin-top: 0.3em;
}

     /* moduletable-menuSuperior: contiene vinculos al inico - english - contáctenos */	
	 
.moduletable-menuSuperior {
	float: left;
}
.moduletable-menuSuperior ul {
	margin-left: 4em;
	margin-top: 0.3em;
} 
.moduletable-menuSuperior ul li {
	display: inline;
	padding-right: 1em;
	margin-right: 1em;
	background-image: url(../images/bala_menu_superior.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.moduletable-menuSuperior ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.75em;
}
.moduletable-menuSuperior ul li a:link, .moduletable-menuSuperior ul li a:visited {
    color: #D6FF97;
}
.moduletable-menuSuperior ul li a:hover {
    color: #B9FF4F;
}

     /* moduletable-buscador: contiene el buscador */
	 
.moduletable-buscador {
	float: right;
	margin-right: 0.5em;
	margin-top: 0.15em;
}
.moduletable-buscador #mod_search_searchword {
	width: 13.5em;
	height: 1.3em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/fondo_buscar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	padding-right: 1em;
	padding-left: 1.5em;
	padding-top: 0.1875em;
}
.moduletable-buscador .button-buscador {
	background-image: url(../images/fondo_boton_buscar.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #000;
	border-style: none;
	width: 5em;
	background-color: transparent;
	height: 1.8em;
	text-transform: uppercase;
	font-size: 0.7em;
	font-weight: bold;
	padding-top: 0.2em;
	margin-top: 0.15em;
	margin-left: 0.3em;
}

/* Div #encabezadoInferior: contiene h1 y el menu principal */	
						  
#encabezadoInferior {
	width: 100%;
	height: 5em;
	overflow: hidden;
	background-color: #1A130D;
}

     /* Título de la página: h1 */
	 
#encabezadoInferior #encabezadoLogo {
    float: left;
	overflow: hidden;
	width: 295px;
	height: 100%;
}	 	 
#encabezadoInferior h1 {
	height: 50px;
	width: 261px;
	position: relative;
	float: left;
	clear: left;
	margin-top: 1em;
	margin-left: 0.5em;
}
#encabezadoInferior h1 span {
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	font-size:0em;
	height:100%;
	position:absolute;
	width:100%;
}
#encabezadoInferior h1 a:link, #encabezadoInferior h1 a:visited, #encabezadoInferior h1 a:hover {
    color: #000;
}
 
     /* Menú Principal */
	 
#encabezadoInferior #encabezadoMenupricipal {
    float: left;
	height: 100%;
}
#encabezadoInferior #encabezadoMenupricipal .moduletable-menuPrincipal {
    clear: right;
    float: right;
    position:absolute;
    z-index:100;
}

/* Frompage Slideshow */

#navi-outer, .slide-inner a.readon {
    display: none;
}

/* módulo de la imagen decorativa que esta en las páginas internas después del menu principal */

.moduletable-decorativo {
    height: 4.25em;
	width: 100%;
	overflow: hidden;
}

/* div id: contenido */

#contenido {
	overflow: hidden;
	height: 100%;
	clear: both;
}

/* COLUMNAS 100% ALTAS */

#cuerpo, #lateralDerecho {
	margin-bottom: -32768px;
	padding-bottom: 32768px;
}

/* div id: contenido */

#cuerpo {
	width: 40em;
	height: 100%;
	background-color: #ECF2D0;
	float: left;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	background-image: url(../images/fondo_div_cuerpo.jpg);
	background-repeat: repeat-y;
	background-position: right top;    
}

     /* h1 class="componentheading" */

#cuerpo h1.componentheading {
	font-size: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
}

     /* contenidos del div class="blog" en la página de inicio */
	 
.blog .leading {
	height: 100%;
	width: 100%;
	overflow: hidden;
	display: block; 
	margin-bottom: 1.5em;
}	 

     /* Imágenes blog de la página de inicio */

.img_caption.right {
    float: right !important;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	padding: 0.5em;
	background-color: #FFF;
}
.img_caption.left {
    float: left !important;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	padding: 0.5em;
	background-color: #FFF;
}
.img_caption.right p, .img_caption.left p {
	display: none;
}

.imagenDerecha {
    float: right !important;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	padding: 0.5em;
	background-color: #FFF;
}
.imagenIzquierda {
    float: left !important;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	padding: 0.5em;
	background-color: #FFF;
}


.blog p.counter {
	text-align: center;
	height: 100%;
	width: 100%;
	padding-top: 0.5em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #360;
}
.blog ul.pagination {
    margin-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: center;
}
.blog ul.pagination li {
    display: inline;
	margin-right: 0.5em;
}

     /* ruta de migas */
	 
#breadcrumbs {
	font-size: 0.7em;
	color: #666;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}
#breadcrumbs span {
	font-weight: normal;
}

     /* h2 blog de la página de inicio */
	 
h2.contentheading, h1.componentheadingpage {
	font-size: 1.25em;
	margin-bottom: 0.3em;
}
h1.componentheadingpage {
	margin-bottom: 15px;
}
	 
     /* parrafo de la fecha de creación del artículo en el div class="blog" en la página de inicio */
	 
p.iteminfo {
	font-size: 0.7em;
	color: #666;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}

     /* parrafo principal y parrafo normal en el div class="blog" en la página de inicio  */
	 
.blog .leading p.parrafoPrincipal, .blog .leading p, .article_column p {
	line-height: 130%;
	margin-bottom: 0.5em;
}

     /* a class="readon" en el div class="blog" en la página de inicio */
	 
.blog .leading p a.readon {
	padding-left: 1.5em;
	background-image: url(../images/bala_circulo_azul.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* div id: lateralDerecho */

#lateralDerecho {
    width: 16em;
	height: 100%;
	background-color: #EAF0CA;
	float: right;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
}

/* div id: lateralDerecho  moduletable-fraseDestacada */

.moduletable-fraseDestacada {
	padding-left: 1.8em;
	padding-top: 0.5em;
	background-image: url(../images/comillas_izquierda.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 1em;
}
.moduletable-fraseDestacada p.fraseDestacada {
	padding-right: 1.8em;
	padding-bottom: 1.5em;
	background-image: url(../images/comillas_derecha.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 1em;
	line-height: 115%;	
	margin-top: 0em;
	text-align: left;
}
.moduletable-fraseDestacada p {
	font-size: 0.7em;
	line-height: 130%;
	text-align: right;
	padding-right: 2.5em;
	margin-top: 1em;
	text-align: right;
}
.moduletable-fraseDestacada p span {
	display: block;
}

/* moduletable-banner: estan los vínculos a diferentes aplicaciones */

.moduletable-banner {
    margin-bottom: 1em;
}

/* moduletable-medidorConsumo */

.moduletable-medidorConsumo {
    padding: 0.5em 0.4em;
	background-color: #F8FAED;
	margin-bottom: 1.5em;
}
.moduletable-medidorConsumo h3 {
	margin-bottom: 0.3em;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
}
.moduletable-medidorConsumo p {
	line-height: 115%;
	margin-top: 0.5em;
}

/* moduletable-rss */

.moduletable-rss {
	background-image: url(../images/rss.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 3em;
	height: 2.5em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
.moduletable-rss p a {
	display: block;
}

/* div id="pie" */

#pie {
    clear: both;
	
/* moduletable-logos: logos del vicepresidencia de la república, ONU Colombia, CAF */	
	
}
#pie .moduletable-logos {
    padding: 0.5em;
	background-color: #FFF;
	width: 100%;
	overflow: hidden;
}

#pie .moduletable-logos p {
    float: left;
	margin-right: 2em;
}

/* moduletable-menuPie */

#pie .moduletable-menuPie {
    margin-left: 1em;
	margin-top: 1em;
	margin-bottom: 2em;
}
#pie .moduletable-menuPie  ul li {
    display: inline;
	margin-right: 2em;
}

/* moduletable-copyright*/

.moduletable-copyright {
	margin-bottom: 2em;
    margin-left: 1em;
	margin-top: 1em;
}
.moduletable-copyright p {
    font-size: 0.7em;
}
.moduletable-copyright p.validadores span {
    display: block
}

/* =========== Páginas internas ============*/

     /* Imágenes blog de la página de inicio */

#page .img_caption.right {
    float: right !important;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	margin-top: 0.5em;
	padding: 0.5em;
	background-color: #FFF;
}
#page .img_caption.left {
    float: left !important;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding: 0.5em;
	background-color: #FFF;
}
#page .img_caption.right p, #page .img_caption.left p {
	text-align: center;
	font-size: 11px;
	margin-top: 0.4em;
	line-height: 120%;
	margin-bottom: 0em;
}

#page .imagenDerecha {
    float: right !important;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	margin-top: 0.5em;
	padding: 0.5em;
	background-color: #FFF;
}
#page .imagenIzquierda {
    float: left !important;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding: 0.5em;
	background-color: #FFF;
}
.imagenIzquierda p, .imagenDerecha p {
	text-align: center;
	font-size: 11px;
	margin-top: 0.4em;
	line-height: 120%;
	margin-bottom: 0em;	
}

     /* h2 page de la páginas internas */
	 	 
#page h2.contentheading {
	font-size: 2em;
	margin-bottom: 0.3em;
	margin-top: 1em;
}

     /* parrafo de la fecha de creación del artículo en el div id="page" en la páginas internas */
	 
#page p.articleinfo {
	font-size: 0.7em;
	color: #666;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}

     /* parrafo principal en el div id="page" en la páginas internas */
	 
#page .parrafoPrincipal {
	font-size: 1em;
	margin-bottom: 0.8em;
}

     /* parrafos en el div id="page" en la páginas internas */
	 
#page p {
	line-height: 135%;
	margin-bottom: 1em;     
}

     /* h3 en el div id="page" en la páginas internas */
	 
#page h3 {
	font-size: 1.5em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

     /* h4 en el div id="page" en la páginas internas */
	 
#page h4 {
	font-size: 1.2em;
	margin-top: 0.7em;
	margin-bottom: 0.7em;     
}

     /* ul en el div id="page" en la páginas internas */
	 
#page ul {
	margin: 0.5em;	    
}
#page ul li {
	padding-left: 1.5em;
	background-image: url(../images/bala_circulo_amarilla.gif);
	background-repeat: no-repeat;
	background-position: left 0.2em;
	margin-bottom: 0.5em;		    
}

     /* ol en el div id="page" en la páginas internas */
	 
#page ol {
	margin: 0.5em;	    
}
#page ol li {
	list-style-position: inside;
	list-style-type: decimal;
	margin-bottom: 0.5em;	    
}

     /* parrafo destacado en el div id="page" en la páginas internas */

#page .parrafoDestacado {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style: italic;
	color: #738424;
	background-image: url(../images/fondo_blockquote_arriba.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 8.5em;
	padding-top: 1.2em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	float: left;
	height: 100%;
	margin-top: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	overflow: hidden;
}

     /* cita <cite> en el div id="page" en la páginas internas */

#page cite {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: oblique;
	color: #960;
}

     /* enfasis <em> en el div id="page" en la páginas internas */

#page em {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	color: #960;
}

     /* table <table> en el div id="page" en la páginas internas */
	 
#page table {
	margin-bottom: 1em;
}
#page table tr td {
	border: 1px dotted #999;
}

     /* componenete weblinks en el div id="page" en la páginas internas */
	 
#cuerpo .weblinks .display {
	margin-bottom: 1em;
	margin-top: 1em;
}
#cuerpo .weblinks table.weblinks {
	width: 40em;
}
#cuerpo .weblinks table.weblinks tr.sectiontableentry1, #cuerpo .weblinks table.weblinks tr.sectiontableentry2 {
    padding: 0.5em;
	overflow: hidden;
	height: 2em;
	width: 100%;
}
#cuerpo .weblinks table.weblinks tr.sectiontableentry1 {
    background-color: #E1E1E1;
}

     /* menú lateral en la páginas internas */

.moduletable-menuLateral {
    background-color: #F1F7DB;
	margin-bottom: 1em;
}
.moduletable-menuLateral ul li {
	padding: 0.5em 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C7D76F;
}
.moduletable-menuLateral ul li:hover {
	background-color: #E9E3A0;
}
.moduletable-menuLateral ul li a {
	color: #690;
	text-decoration: none;
	background-image: url(../images/bala_menu_lateral.gif);
	background-repeat: no-repeat;
	background-position: left 0.2em;
	padding-left: 1.2em;
	height: 100%;
	width: 100%;	
}
.moduletable-menuLateral ul li a:link, .moduletable-menuLateral ul li a:visited, .moduletable-menuLateral ul li a:hover, .moduletable-menuLateral ul li a:visited:hover{
    color: #690;
}
.moduletable-menuLateral ul li ul li a {
	background-image: none;
	list-style-type: square;
}
.moduletable-menuLateral ul li ul li  {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}

     /* Div class="contenedor_galerias" */
	 
.contenedor_galerias {
    overflow: hidden;
	width: 100%;
	height: 100%;
	margin-bottom: 1em;
}
.contenedor_galerias .galeria {
	overflow: hidden;
	width: 11em;
	height: 100%;
	padding: 0.5em;
	background-color: #E9E9E9;
	border: 1px solid #CCC;
	float: left;
	text-align: center;
	margin-right: 1em;
}
.contenedor_galerias .galeria img {
    display: block;
	margin-bottom: 0.5em;
}
.contenedor_galerias .galeria a {
	clear: both;
}

     /* moduletale-encuestas */
	 
.moduletable-encuesta {
    padding: 0.5em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	border: 1px solid #690;
}
.moduletable-encuesta h3 {
	margin-bottom: 0.3em;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0.2em 0.5em;
	background-color: #819328;
	margin-bottom: 0.5em;
}
.moduletable-encuesta h4 {
	font-size: 0.8em;
	line-height: 115%;
	margin-bottom: 0.5em;	
}
.moduletable-encuesta form {
	font-size: 0.8em;	
}
.moduletable-encuesta form fieldset {
	margin-bottom: 0.5em;	
}

/* Conctácto */

.contact p {
    margin-bottom: 1em;
}
.contact #emailForm {
    font-size: 0.8em;
}
.contact #emailForm div {
    margin-bottom: 0.5em;
}
#contact_name {
	width: 30em;
	margin-left: 1.7em;
}
#contact_email {
	width: 30em;
	margin-left: 2.15em;
}
#contact_subject {
	width: 30em;
	margin-left: 1.6em;
}
.contact_email #contact_textmsg {
    float: left;
}
.contact_email #contact_text {
	width: 30em;
	height: 15em;
	margin-left: 0.4em;
}

.contactpage {
	font-size: 0.75em;
}
#emailForm div {
	margin-top: 7px;
}
code {
	visibility: visible;
}

/* BLOCKQUOTES */

blockquote {
	background-color: #EAF0CA;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 50px;
	border: 1px solid #CBD0AF;
	background-image: url(../images/comillas_blockquote_izquierda.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	margin-bottom: 8px;
	margin-top: 20px;
}