@charset "utf-8";
/* CSS Document */

	/*GENERAL*/
*{ margin:0; padding:0;}

a{ text-decoration: none; color: #FFF;}
a:hover{ text-decoration: underline;}
a img{ border: none;}

body{
	background-color: #a2df73;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	}
div#page{
	width: 780px;
	margin: 0 auto;
	}
div#networks{
	width: 100%;
	height: 26px;
	background: #444 url(images/bg_networks.jpg) repeat-x top left;
	margin-bottom: 15px;
	}
div#menutop_izq{
	background: url(images/bg_menutop_left.png) no-repeat top left;
	width: 8px;
	height: 24px;
	float: left;
	}
ul#menu_top {
	background: url(images/bg_menutop.png) repeat-x top left;
	width: 752px;
	height: 24px;
	list-style: none;
	color: #fff;
	float: left;
	}ul#menu_top li{
		background: url(images/bg_menutop_div.png) no-repeat top right;
		height: 19px;
		float: left;
		padding: 1px 10px 0 10px;
		}ul#menu_top li a{
			text-decoration: none;
			color: #FFF;
			font-weight: bold;
			display: inline;
			}ul#menu_top li a:hover{ text-decoration: underline;}
		ul#menu_top li.menu_top_active{
			font-weight: bold;
			text-decoration: underline;
			}	
div#menutop_der{
	background: url(images/bg_menutop_right.png) no-repeat top left;
	width: 8px;
	height: 24px;
	float: left;
	}
	
form#formulario p{
	padding: 0;
	text-align: right;
	padding-right: 18px;
	}

div#columna_top{
	float: left;
	width: 268px;
	margin: 2px 6px;
	margin-right: 0;
	}div#sombra_logo{
		background: url(images/bg_columna_izq.png) repeat-y top left;
		}div#logo_top{
			background: url(images/bg_logo_top.png) no-repeat bottom left;
			width: 268px;
			height: 33px;
			}
		div#logo{
			background-color: #dbdcdb;
			width: 258px;
			height: 170px;
			margin:0 auto;
			border-left:1px solid #c6c6c6;
			border-right:1px solid #c6c6c6;
			}h1{
				display: block;
				width: 204px;
				height: 166px;
				margin: 0 auto;
				}h1 a{
					background: url(images/logo_casa_catalina.jpg) no-repeat top left;
					display: block;
					width: 204px;
					height: 166px;
					}h1 a span{
						display: none;
						}
		ul#menu_lateral{
			background: url(images/bg_columna_izq.png) repeat-y top left;
			list-style: none;
			width: 268px;
			height: 180px;
			padding-left: 4px;
			margin: 0 auto;
			}ul#menu_lateral li{
				background-color: #fffac5;
				width: 258px;
				height: 29px;
				*margin-bottom: -5px; /* estupides para explorer */
				border: 1px solid #c6c6c6;
				border-bottom: none;
				}ul#menu_lateral li#contact_li{
					border-bottom: 1px solid #c6c6c6;
				}
			ul#menu_lateral li a{
					display: block;
					width: 258px;
					height: 29px;
					}
				a#about{background: url(images/menu.png) no-repeat -8px 0;}
					a#about:hover{ background-position: -8px -29px;}
					div#quienesomos{
						background: url(images/menu.png) no-repeat 0 -58px;
						display: none;
						width: 274px;
						height: 40px;
						position: absolute;
						top: 0px;
						left: 50%;
						margin-top: 225px;
						margin-left: -387px;
						}
				a#projects{background: url(images/menu.png) no-repeat -282px 0;}
					a#projects:hover{ background-position: -282px -29px;}
					div#proyectos{
						background: url(images/menu.png) no-repeat -274px -58px;
						display: none;
						width: 274px;
						height: 40px;
						position: absolute;
						top: 0px;
						left: 50%;
						margin-top: 255px;
						margin-left: -387px;
						}
				a#donations{background: url(images/menu.png) no-repeat -556px 0;}
					a#donations:hover{background-position: -556px -29px;}
					div#donaciones{
						background: url(images/menu.png) no-repeat -548px -58px;
						display: none;
						width: 274px;
						height: 40px;
						position: absolute;
						top: 0px;
						left: 50%;
						margin-top: 285px;
						margin-left: -387px;
						}
				a#news{background: url(images/menu.png) no-repeat -830px 0;}
					a#news:hover{background-position: -830px -29px;}
					div#noticias{
						background: url(images/menu.png) no-repeat -822px -58px;
						display: none;
						width: 274px;
						height: 40px;
						position: absolute;
						top: 0px;
						left: 50%;
						margin-top: 315px;
						margin-left: -387px;
						}
				a#articles{background: url(images/menu.png) no-repeat -1104px 0;}
					a#articles:hover{background-position: -1104px -29px;}
					div#articulos{
						background: url(images/menu.png) no-repeat -1096px -58px;
						display: none;
						width: 274px;
						height: 40px;
						position: absolute;
						top: 0px;
						left: 50%;
						margin-top: 345px;
						margin-left: -387px;
						}
				a#contact{background: url(images/menu.png) no-repeat -1378px 0;}
					a#contact:hover{background-position: -1378px -29px;}
					div#contactenos{
						background: url(images/menu.png) no-repeat -1370px -58px;
						display: none;
						width: 274px;
						height: 40px;
						position: absolute;
						top: 0px;
						left: 50%;
						margin-top: 375px;
						margin-left: -387px;
						}
					ul#menu_lateral li a span{
						display: none;
						}
	div#logo_bottom{
		background: url(images/bg_logo_bottom.png) no-repeat bottom left;
		width: 268px;
		height: 34px;
		margin-bottom: 2px;
		}

div#columna_bottom{
	background: url(images/bg_columna_bottom.png) repeat-y top left;
	width: 268px;
	}div#columna_bottom_up{
		background: url(images/bg_columnabottom_top.png) no-repeat top left;
		width: 268px;
		height: 8px;
		}
	div#columna_bottom_down{
		background: url(images/bg_columnabottom_down.png) no-repeat top left;
		width: 268px;
		height: 38px;
		margin-top: -4px;
		}
	div#columna_bottom h3{
		display: block;
		width: 268px;
		height: 48px;
		margin-left: -4px;
		clear: both;
		}div#columna_bottom h3 span{display: none;}
	div#bg_columnabottom{
		background: #f7ed82;
		width: 260px;
		margin-left: 4px;
		}
	h3#simulador{background: url(images/h3_simulador.png) no-repeat top left;}
		div#columna_bottom fieldset{
			border-bottom-color: #c6c6c6;
			border: none;
			margin: 0 10px;
			padding: 5px;
			}
		div#columna_bottom h4{
			margin: 5px;
			}
		div#columna_bottom label{
			display: block;
			width: 200px;
			height: 17px;
			float: left;
			margin: 5px 4px 10px 20px;
			}
		div#columna_bottom input{
			display: block;
			width: 100px;
			height: 17px;
			clear:both;
			margin-left: 20px;
			}div#columna_bottom select{ width: 100px; clear:both; margin-left: 20px;}
		div#columna_bottom p{
			clear: both;
			padding: 3px 10px;
			}
		div#btn_simular{
			width: 88px;
			height: 33px;
			background: url(images/btn_simular.png) no-repeat top left;
			cursor: pointer;
			margin: 10px 0px 0px 85px;
			}div#btn_simular:hover{ background-position: bottom left;}
		a#btn_ayudar{
			display: block;
			width: 229px;
			height: 48px;
			background: url(images/btn_ayudar.png) no-repeat top left;
			cursor: pointer;
			margin: 5px auto;
			}a#btn_ayudar:hover{ background-position: bottom left;}
	h3#organizaciones{background: url(images/h3_organizaciones.png) no-repeat top left;}
	div#solidarias{ text-align: center; padding: 20px;}
	h3#imagenes{background: url(images/h3_imagenes.png) no-repeat top left;}
	h3#encuentranos{background: url(images/h3_encuentranos.png) no-repeat top left;}
		ul#links{
			 list-style: none;
			 margin-left: 8px;
			 }ul#links li{float: left; padding-bottom:5px; padding-top:10px;}
			 ul#links li a{ padding-left:15px;}
	h3#google{background: url(images/h3_google.png) no-repeat top left;}
	div#publicidad h4{ text-align: left; padding-left: 5px;}
	div#publicidad h4 a{
		color: #444;
		line-height:12px;
		}
	div#publicidad p{
		color: #444;
		line-height:15px;
		margin-bottom:8px;
		}

div#contenedor{
	float: left;
	}
div#header{
	background: url(images/bg_header.png) no-repeat top left;
	width: 500px;
	height: 244px;
	margin: 2px;
	margin-top: 3px;
	}
	div#header img{ margin: 24px 0 0 14px;}
	div#tools{
		float: right;
		margin-right: 11px;
		}
	form#searchform{
			display: block;
			width: 208px;
			height: 38px;
			margin-top: -6px;
			background: url(images/bg_searchform.png) no-repeat top left;
			}form#searchform label{
				display: none;
				}
			form#searchform input{
				margin: 9px 0 0 10px;
				float: left;
				}form#searchform input#searchsubmit{
					display: block;
					width: 19px;
					height: 18px;
					background: url(images/btn_lupa.png) no-repeat top left;
					border: none;
					cursor: pointer;
					margin-left: 10px;
					}
div#content{
	width: 500px;
	margin-top: 2px;
	margin-bottom: 1px;
	}div#content h2{
		width: 487px;
		height: 44px;
		padding-top: 16px;
		padding-left: 13px;
		}
	div.seccion h3{
		background: url(images/bg_h3_cc.png) repeat-x top left;
		width: 462px;
		height: 28px;
		padding-top: 10px;
		padding-left: 19px;
		margin-left:4px;
		}
	div.seccion h3#logo{
		background: url(images/bg_h3_cc_2.png) repeat-x top left;
		width: 462px;
		height: 74px;
		padding-top: 0px;
		padding-left: 19px;
		margin-left: 4px;
		margin-top:10px;
		}
		div.seccion h3#logo a:link, div.seccion h3#logo a:visited{
			display:block;
			height:50px;
			padding:25px 0px 0px 73px;
			background: no-repeat top left;
			}
			h3#logo a#trascender{
				background-image: url(images/logo_h3_trascender.png);
			}
			h3#logo a#copec{
				background-image: url(images/logo_h3_copec.png);
			}
			h3#logo a#canal{
				background-image: url(images/logo_h3_canal.png);
			}
			h3#logo a#bancoestado{
				background-image: url(images/logo_h3_bancoestado.png);
			}
			h3#logo a#durandin{
				background-image: url(images/logo_h3_duranbin.png);
			}
			div.seccion h3#logo a.varios{
				background-image: url(images/logo_h3_varios.png);
			}
	h2.pagetitle, div.post h2, div#respond h3, h3#comments, div.post h3{
		background: url(images/bg_h2_otros.png) no-repeat top left;
		line-height: 26px;
		height: 60px;
		}
	h2#noticias{ background: url(images/bg_h2_noticias.png) no-repeat top left;}
		h2#noticias span{ display: none;}
	h2#articulos{ background: url(images/bg_h2_articulos.png) no-repeat top left;}
		h2#articulos span{ display: none;}
	h2#conocer{ background: url(images/bg_h2_conocer.png) no-repeat top left;}
		h2#conocer span{ display: none;}
		h2 a.rss{
			display: block;
			font-size: 14px;
			color: #666;
			text-decoration: none;
			width: 80px;
			float: left;
			margin-top: 6px;
			margin-left: 366px; 
			}h2 a.rss:hover{ text-decoration: underline;}
			h2 a.rss img{
				width: 28px;
				height: 29px;
				}
	div.seccion, div.entry, form#commentform, ol.commentlist, div.post small, p.postmetadata{
		background: url(images/bg_seccion.png) repeat-y top left;
		width: 489px;
		margin-left: 2px;
		display: block;
		}
	
	p.postmetadata{
		width: 440px;
		}
	
	p.postmetadata a{
		 color: #666;
		 }
	
	div.post small{
		padding-left: 23px;}
	
	form#commentform p {
		padding:7px 20px;
	}
	div.seccion{
		background: url(images/bg_seccion.png) repeat-y top left;
		width: 489px;
		margin-left: 2px;
		}div.post h3{
			width: 500px;
			height: 45px;
			background: #a2df73 url(images/bg_h2_otros.png) no-repeat top left;
			line-height: 26px;
			float: left;
			padding-right: 35px;
			padding-top: 15px;
			}h3.comentario_title{
				float: none;
				padding: 0;
				margin-left: 25px
				}
		div.seccion a, div.post h3 a{
			text-decoration: none;
			padding-left: 23px;
			font-size:17px;
			line-height:28px;
			color: #666;
			}
		div.post small.fecha{
			display: block;
			float: left;
			background:url(images/icono_calendario.png) no-repeat top left;
			width: 50px;
			height: 55px;
			margin-bottom: 5px;
			}div.post small span.month{
				display: block;
				width: 50px;
				text-align: center;
				font-weight: bold;
				font-size: 12px;
				line-height: 31px;
				color: #fff;
				}
			div.post small span.day{
				display: block;
				width: 50px;
				text-align: center;
				font-weight: bold;
				font-size: 24px;
				margin-top: -9px;
				color: #666;
				}
		div.seccion p, div.post div p{
			padding: 10px 24px 10px 24px;
			text-align: justify;
			}div.post p.postmetadata{
				padding: 3px 24px;
				}div.post p.postmetadata a{text-decoration: none;}div.post p.postmetadata a:hover{text-decoration: underline;}
		span.separador{
			display: block;
			background: url(images/bg_hr.png) no-repeat top left;
			width: 489px;
			height: 12px;
			border: none;
			}
		
		div.seccion table{
			border: 1px double #f3b06a;
			margin: 0 auto;
			padding: 5px;
			font-weight: bold;
			}
		
		div.seccion table td, div.seccion table th{
			border-bottom: 1px solid #f3b06a;
			border-left: 1px solid #f3b06a;
			margin: 3px;
			padding: 10px;
			}
			
		div.seccion ul{
			width: 412px;
			margin: 0 auto;
			}
			
		div.post h3
	
		#comment{
			width: 435px;
			}
		ol.commentlist{
			padding: 15px 0 0 40px;
			}ol.commentlist a{ color: #666;}
			a.post-edit-link{
				margin-left: 25px;
				}
	div#fin_page{
		width: 489px;
		height: 10px;
		background: url(images/bg_fin_page.png) no-repeat top left;
		margin-left: 2px;
		margin-bottom: 2px;
		}
	div.fin_seccion{
		width: 474px;
		height: 29px;
		background: url(images/bg_fin_seccion.png) no-repeat top left;
		margin-left: 2px;
		margin-bottom: 2px;
		padding-top: 5px;
		padding-left: 14px;
		}div.fin_seccion a.mas_news{
			background: url(images/icono_archivo.png) no-repeat center left;
			padding-left: 18px;
			text-decoration: none;
			color: #666;
			}div.fin_seccion a.mas_news:hover{ text-decoration: underline;}
div#footer{
	clear: both;
	width: 768px;
	height: 108px;
	margin: 0 auto;
	}div#footer_left{
		float: left;
		background: url(images/bg_footer_left.png) no-repeat top left;
		width: 8px;
		height: 84px;
		}
	div#footer_center{
		float: left;
		background: url(images/bg_footer.png) repeat-x top left;
		width: 752px;
		height: 84px;
		}p#contact_info{
			display: block;
			float: left;
			width: 320px;
			height: 60px;
			font-size: 11px;
			color: #111;
			line-height: 15px;
			margin: 9px 0 6px 5px;
			}
		p#logo_xhtml{
			display: block;
			float: left;
			width: 96px;
			height: 39px;
			background: url(images/bg_logo_xhtml.png) no-repeat top left;
			padding: 4px;
			margin-top: 22px;
			margin-left: 40px;
			}
		p#logo_css{
			display: block;
			float: left;
			width: 96px;
			height: 39px;
			background: url(images/bg_logo_css.png) no-repeat top left;
			padding: 4px;
			margin-top: 22px;
			margin-left: 40px;
			}
		ul#menu_bottom{
			clear: both;
			background: url(images/bg_menubottom.png) repeat-x top left;
			width: 752px;
			height: 25px;
			font-size: 12px;
			list-style: none;
			}ul#menu_bottom li{
				background: url(images/bg_menubottom_div.png) no-repeat center right;
				float: left;
				padding: 4px 26px 0 28px;
				height: 21px;
				}ul#menu_bottom li#menubottom_der{
					background: none;
					}
				ul#menu_bottom li a{
					text-decoration: none;
					color: #fff;
					font-weight:bold;
					}ul#menu_bottom li a:hover{ text-decoration: underline;}
	div#footer_right{ float: left; background: url(images/bg_footer_right.png) no-repeat top left; width: 8px; height: 84px;}

div.seccion form {
	color:#555555;
	margin:0 auto;
	padding:20px;
	text-align:right;
	width:300px;
	}
div.seccion form input, div.seccion form textarea {
	color:#555555;
	margin:5px;
	padding:2px;
	clear:both;
	}
div#g_map {
	padding:0 30px;
	}