/* Hoja de estilo CSS disenada por Mario Carvajal, Astrolabio pool de diseņo, en agosto de 2007, mario@mariocarvajal.com, cualquier duda /*


					/* 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;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}
					/* Etiquetas de HTML */
html {
	background: #FBFBF9; 
	font: 12px/140% "Arial", Helvetica, sans-serif;
	color: #333;
}
body {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
a:link {
	color: #666600;
	text-decoration: none;
}
a:visited {
	color: #C00;
	text-decoration: none;
}
a:hover {
	color: #999900;
	text-decoration: underline;
}
a:active {
	color: #000;
	background: #FFFFF2;
}
p {
	margin-top: 10px;
}
blockquote {
	color: #FFF;
	background: #415266 url(../images/comillas.gif) no-repeat 15px 15px;
	padding: 15px 15px 15px 50px;
	width: 90%;
	margin: 20px auto;
}
ul li {
	list-style: disc;
	margin-left: 15px;
}
ol li {
	list-style: decimal;
	margin-left: 15px;
}
h1, h2, h3, h4, h5, h6, .contentheading, .message {
	color: #996600;
	line-height: normal;
	margin-top: 10px;
}
h1 {
	font-size: 28px;
}
h2, .contentheading, .message {
	font-size: 22px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 15px;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	border-bottom: 1px dotted #036;
	margin-top: 10px;
}
input {
	border: 1px solid #757142;
}
input[type="text"]:focus, input[type="password"]:focus {
	border: 2px solid #9C3;
}
#cuerpo table.cuadro {
	border: 1px solid #069;
	margin-top: 15px;
}
#cuerpo table.cuadro th {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	background: #415266;
	padding: 4px;	
}
#cuerpo table.cuadro td {
	background: #E7EBF1;
	padding: 3px;
	border-bottom: 1px dashed #069;
}
#cuerpo table.cuadro caption {
	display:none;
}
#cuerpo a img[alt="PDF"], #cuerpo a img[alt="E-Mail"], #cuerpo a img[alt="Imprimir"] {
	float: right;
	margin-right: 3px;
	margin-left: 3px;
}
					/* MAQUETACION */
#saltarContenido {
	display: none;
}
#contenedor {
	overflow: hidden;
	clear: both;
}
#izquierda {
	background: #EFEEE2 url(../images/fondo_curva_superior_derecha.gif) no-repeat 0px 0px;
	clear: both;
	float: left;
	width: 160px;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}
#central {
	clear: right;
	background: #FBFBF7;
	float: right;
	width: 800px;
	padding-bottom: 32768px;
    margin-bottom: -32768px;
}
#derecha {
	background: #EFEEE2;
	float: right;
	width: 160px;
	padding-bottom: 32768px;
    margin-bottom: -32768px;
}
div.moduletable-buscador {
	float: right;
	width: 310px;
	margin-top: -50px;
}
#izquierda h2, #derecha h2 {
	text-transform: uppercase;
	color: #8B2815;
	padding-top: 15px;
	padding-left: 5px;
	padding-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
}
div#cuerpo {
	width: 590px;
	margin-left: 25px;
	margin-top: 30px;
}

				/* Estilos generales y de Joomla personalizados */
span.author, span.createdate {
	display:block;
	font-size: 10px;
	color: #666;
}
div.mosimage {
	background: #FFF;
	padding: 4px;
	border: 1px solid #E0E6ED;
	margin: 6px;
}
.highlight {
	color: #990000;
	background: #FFFFEA;
}

				/* Logotipo Infocolombia */
h1 a {
	background: url(../images/logo_infocolombia.gif) no-repeat;
	height: 27px;
	width: 239px;
	font-size: 0pt;
	display: block;
	margin-top: 19px;
	margin-left: 12px;
	color: #F9FAF9;
	text-indent: -500px;
}

				/* Logotipo Fundacion Esperanza */
a.logoFundacion {
	background: url(../images/logo_fundacion_esperanza.gif) no-repeat;
	height: 101px;
	width: 74px;
	font-size: 0pt;
	display: block;
	float: left;
	color: #F9FAF8;
	line-height: normal;
	margin-top: 10px;
	margin-left: 34px;
	text-indent: -500px;
}

				/* Menu superior */
.moduletable-menuSuperior ul {
	margin-top: 33px;
	margin-left: 330px;
}
.moduletable-menuSuperior li {
	display: inline;
}
.moduletable-menuSuperior h2 {
	display: none;
}
.moduletable-menuSuperior a {
	text-transform: uppercase;
	color: #FFF;
	font-size: 14px;
}
.moduletable-menuSuperior a:hover {
	color: #FFC;
}
.moduletable-menuSuperior a:visited {
	color: #FDFDFD;
}
.menuInfomigrante {
	background: #F9FAFB url(../images/pestana_menu_superior_roja.gif) no-repeat;
	padding: 5px 24px 3px;
}
.menuInfocolombia {
	background: #F9FAFB url(../images/pestana_menu_superior_verde.gif) no-repeat;
	padding: 5px 24px 3px;
	color: #FFF;
}
.menuInfoecuador {
	background: #F9FAFB url(../images/pestana_menu_superior_azul.gif) no-repeat;
	padding: 5px 26px 3px;
}

				/* Menu por Temas */
div.moduletable-menuTemas {
	background: #415266 url(../images/fondo_encabezado.gif);
	float: right;
	width: 800px;
	padding-top: 50px;
}
div.moduletable-menuTemas h2 {
	display:none;
}
div.moduletable-menuTemas ul {
	float: right;
	padding: 5px 10px;
}
div.moduletable-menuTemas li {
	display:inline;
}
div.moduletable-menuTemas a {
	color: #FBFBFB;
	border-left: 1px solid #ADBBCF;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 15px;
}
div.moduletable-menuTemas a:visited {
	color: #FBFBFB;
}

				/* Menu Principal */
a.mainlevel-menuPrincipal {
	color: #069;
	display: block;
	background: #E2E8EF;
	padding: 4px 4px 4px 8px;
	font-size: 12px;
}
a.mainlevel-menuPrincipal:hover {
	color: #069;
	text-decoration: none;
	background: #EBEFF3;
}
ul#mainlevel-menuPrincipal li{
	margin-left: 0px;
	list-style: none;
	border-bottom: 1px solid #FFFFFF;
	display: block;
}
a#active_menu-menuPrincipal {
	font-weight: bold;
}

				/* Modulo formulario de ingreso */
.moduletable-formularioIngreso {
	background: #E2E0CB;
	width: 140px;
	margin-right: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
}
.moduletable-formularioIngreso h2 {
	display: none;
}
.moduletable-formularioIngreso form {
	width: 130px;
	margin: 20px auto 10px;
}
.moduletable-formularioIngreso label {
	font-size: 11px;
}
.moduletable-formularioIngreso input.button {
	display: block;	
}
.moduletable-formularioIngreso p {
	font-size: 11px;	
}

				/* Modulo nos apoyan */
div.moduletable-banner120x100 a {
	margin-left: 20px;
}

				/* Modulo publicaciones */

div.moduletable-bannerPublicaciones a {
	margin-left: 20px;
}

				/* Modulo imagenes aleatorias */
div.slideInfoZone h2 {
	display:block;
	color: #FFF;	
}

				/* Modulo atencion en linea */
.moduletable-atencion  {
	border-top: 1px solid #FFF;	
}
.moduletable-atencion h2 {
	display:none
}
.moduletable-atencion p {
	text-align: right;
	width: 110px;
	margin-left: 50px;
	margin-top: 0px;
	font-size: 11px;
}
.moduletable-atencion p strong {
	text-align: right;
	color: #990;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
}
div.moduletable-atencion {
	background: url(../images/operadora.jpg) no-repeat 0px 0px;
}
div.moduletable-atencion ul {
	font-size: 12px;
	font-style: normal;
	color: #8B2815;
	border-top: 1px solid #FFF;
	margin-top: 3px;
	border-bottom: 1px solid #FFF;
}
div.moduletable-atencion ul li {
	list-style: none;
	margin-left: 0px;
	padding-left: 36px;
}
div.moduletable-atencion ul li strong {
	font-size: 10px;
	color: #000000;
	display: block;
}
li.skype {
	background: url(../images/logo_skype.gif) no-repeat 6px;
}
li.messenger {
	background: url(../images/logo_msn.gif) no-repeat 6px;
}

				/* Modulo Buscador */
.moduletable-buscador h2 {
	display:none;
}
.moduletable-buscador form {
	padding-top: 20px;	
}
.inputbox-buscador {
	margin-right: 5px;
}

				/* Modulo financiacion */
.moduletable-financiacion h2 {
	display:none;
}
.moduletable-financiacion p {
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	text-align: center;
}
.moduletable-financiacion img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 6px;
}

				/* Modulo patrocinadores */
.moduletable-banner160x50 h2 {
	border-top: 1px solid #FFF;
	margin-top: 20px;
	padding-top: 10px;
	padding-left: 5px;
}
.moduletable-banner160x50 img {
	margin-top: 10px;
}

				/* Modulo RSS */
div.moduletable-rss p {
	float: left;
	width: 90px;
	margin-top: 0px;
	margin-left: 6px;
	font-size: 11px;
}

				/* Modulo menu final */
div.moduletable-menuFinal {
	background: #827D48;
	clear: both;
	height: 25px;
	position: relative;
	z-index: 9999;
}
div.moduletable-menuFinal h2 {
	display:none
}
div.moduletable-menuFinal ul {
	text-align: center;
	padding-top: 5px;
}
div.moduletable-menuFinal li {
	display: inline;	
}
a.mainlevel-menuFinal {
	font-size: 13px;
	text-transform: uppercase;
	color: #F9F9F9;
	text-decoration: none;
}
a.mainlevel-menuFinal:visited {
	color: #FFC;
}
a.mainlevel-menuFinal:hover {
	color: #FC0;
}

				/* Modulo creditos */
div.moduletable-creditos {
	background: #333;
	padding: 15px 30px 15px 50px;
	margin-bottom: 20px;
	position: relative;
	z-index: 9999;
}
div.moduletable-creditos p {
	color: #F9F9F9;
	margin: 0px;
	font-size: 11px;
}
div.moduletable-creditos h2 {
	display:none
}
div.moduletable-creditos a {
	color: #FC0;
}
div.moduletable-creditos a:hover {
	color: #FF0;
}
div.moduletable-creditos a:visited {
	color: #FC0;
}


/* PESTAŅAS HACIA OTROS PORTALES */

#otrosPortales {
	float: right;
	width: 50em;
	font-size: 1.1em;
	margin-right: 3em;
		margin-top: 1em;
}
#otrosPortales h2 {
	display: none;
}
#otrosPortales li {
	display: inline;
	margin-top: 0px;
}
#otrosPortales ul {
	float: right;
	margin: 0px;
}
#otrosPortales a {
	text-transform: uppercase;
	-moz-border-radius-topleft: 0.75em;
	-moz-border-radius-topright: 0.75em;
	text-align: center;
	display: block;
	float: left;
	height: 1.6em;
	width: 8.6em;
	margin-right: 5px;
	color: #000000;
	text-decoration: none;
	padding-top: 5px;
	background-color: #E1E1E1;

}
#otrosPortales a:hover {
	background-color: #EBEBEB;
}
#pestanaOn {
	text-transform: uppercase;
	-moz-border-radius-topleft: 0.75em;
	-moz-border-radius-topright: 0.75em;
	text-align: center;
	display: block;
	float: left;
	height: 1.6em;
	width: 8.6em;
	margin-right: 5px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 5px;
	background-color: #7B754A;
	margin-left: 0px;
}