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

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

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

body {
	background-color: #d2f989;
	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: #10595d url(images/bg_networks.jpg) repeat-x top left;
	}
	div#networks ul{
		width: 760px;
		height: 26px;
		margin: 0 auto;
		list-style: none;
		}
		div#networks ul li{
			height: 16px;
			padding: 0 5px;
			margin-top: 5px;
			border-right: 1px solid #FFF;
			float: left;
			}
		div#networks ul li.last{ border: none;}
			div#networks ul li a{
				line-height: 18px;
				color: #FFF;
				font-weight: bold;
				}
div#columna_top{
	width: 287px;
	position: absolute;
	top: 26px;
	left: 50%;
	margin-left: -390px;
	background: url(images/bg_sidebar.png) repeat-y top right;
	}
	div#logo_top{
		width: 283px;
		height: 189px;
		background-color: #d2f989;
		}
		div#logo_top a{ display: block; width: 283px; height: 189px;}
		div#logo_top a img{ border: none;}

ul#menu_lateral{
	width: 269px;
	margin-left: 14px;
	padding-top: 3px;
	list-style: none;
	background: url(images/bg_menulateral.png) repeat-x top left;
	}
	ul#menu_lateral li{
		width: 269px;
		height: 35px;
		padding-bottom: 3px;
		background: url(images/bg_menulateral.png) repeat-x bottom left;
		}
		ul#menu_lateral li a{
			display: block;
			width: 259px;
			height: 27px;
			padding-top: 8px;
			padding-left: 10px;
			background: url(images/bg_menubutton.png) no-repeat top left;
			color: #d3fa88;
			font-weight: bold;
			font-size: 15px;
			}ul#menu_lateral li a:hover{ background: url(images/bg_menulateral_hover.png) no-repeat top left;}

/* Estilos generales títulos H3 barra lateral. Publicidad con ID para no deformar widget de Twitter */
div#simulador h3, div#solidarias h3, div#imagenes h3, div#encuentranos h3, #titulo_publicidad {
	width: 259px;
	height: 30px;
	background: url(images/bg_h3_sidebar.png) no-repeat bottom left;
	margin-left: 14px;
	padding-top: 5px;
	padding-left: 10px;
	}

div#simulador{
	width: 269px;
	color: #444;
	font-size: 12px;
	}
	div#simulador h4{ padding-bottom: 2px; padding-left:24px;}
	div#simulador form{
		width: 200px;
		margin: 0 auto;
		}
	div#simulador form label{
		width: 200px;
		float:left;
		}
	div#simulador form input, div#simulador form select{
		clear:both;
		}
	div#simulador p{
		text-align: center;
		padding: 7px 10px;
		}
	div#btn_simular{
		width: 100px;
		height: 30px;
		background: url(images/btn_simular.png) no-repeat bottom left;
		margin: 10px 0px 0px 50px;
		cursor: pointer;
		}div#btn_simular:hover{background-position: top left;}
		div#btn_simular span{
			color: #FFF;
			letter-spacing:1px;
			line-height:29px;
			padding-left:28px;
			}
		
	div#simulador a#btn_ayudar{
		display: block;
		background: url(images/btn_donaciones.png) no-repeat top left;
		margin-left:30px;
		width: 239px;
		height: 44px;
		text-align: center;
		line-height:43px;
		color: #FFF;
		}

div#solidarias{
	width: 250px;
	}
	div#solidarias img{
		margin:18px 0 5px 53px;
		}
	div#solidarias p{
		text-align: center;
		color: #444;
		margin-left: 40px;
		}

div#imagenes object{
	margin-left: 18px;
	margin-top: 10px;
	}
div#encuentranos ul{
	list-style: none;
	height: 64px;
	margin: 15px 0;
	}
	div#encuentranos ul li{
		float: left;
		}
	div#encuentranos ul li a{ padding-left: 26px;}


div#publicidad h3 { margin-bottom: 10px;}
	/* div#publicidad h4 a{
		color: #444;
		line-height:12px;
		padding-left: 25px;
		}
	*/
	div#publicidad p{
		color: #444;
		line-height:15px;
		margin-bottom: 8px;
		padding-left: 25px;
		}

div#fin_sidebar{
	width: 287px;
	height: 50px;
	background: #d2f989 url(images/bg_finsidebar.png) no-repeat bottom left;
	}	
div#page{
	width: 778px;
	margin: 0 auto;
	}
div#header{
	width: 481px;
	height: 223px;
	border: 4px solid #84b877;
	border-top: none;
	margin-left: 274px;
	margin-bottom: 10px;
	}
div#content{
	width:483px;
	margin-left: 280px;
	min-height: 1405px;
	}

h2#noticias{
	width: 449px;
	height: 54px;
	padding-left: 35px;
	padding-top: 10px;
	background: #d2f989 url(images/bg_title_noticia.png) no-repeat top right;
	}

div.navigation{
	width: 478px;
	padding-left: 5px;
	}div.navigation a{ color: #666;}
	
div.navigation div.alignright{ text-align: right;}

div.seccion, div.post, div#respond, h3#comments, ol.commentlist{
	width: 477px;
	background: url(images/bg_content.png) repeat-y top right;
	margin-left: 6px;
	}

ol.commentlist{
	padding: 15px 0 15px 40px;
	width:437px;
	}ol.commentlist a{ color: #666;}
	a.post-edit-link{
		margin-left: 25px;
		}

h3#comments{
	width: 477px;
	}

h3#comments span{
	background: url(images/bg_h3_sidebar.png) no-repeat bottom left;
	display: block;
	margin-left: 14px;
	padding-bottom: 5px;
	padding-left: 10px;
	}

div.entry{
	margin-left: 35px;
	padding-bottom: 10px;
	text-align: justify;
	width: 416px;
	}

div.entry p{
	line-height: 20px;
	padding-bottom: 7px;
	}

div.entry h4 {
	font-size: 13pt; text-transform: uppercase;
	margin-top: 20px;
	}

div.entry h5 {font-size: 100%; margin-top: 15px}
div.entry h6 {font-size: 90%; text-decoration: underline; margin: 10px 15px}

div.entry ol, div.entry ul {	
	padding: 5px 25px;
	}

div.entry li {	
	padding: 3px 10px;
	}

div#respond h3{
	margin-bottom:10px;
	margin-left: 14px;
	padding-bottom: 5px;
	padding-left: 10px;
	background: url(images/bg_h3_sidebar.png) no-repeat bottom left;
	}

form#commentform p {
		padding: 7px 24px;
	}

div.fin_single{
	height: 65px;
	margin-left: 6px;
	width: 477px;
	background: url(images/bg_fin_conocer.png) no-repeat left bottom;
	}

p.postmetadata{
	height: 78px;
	margin-left: 0;
	padding-left: 35px;
	padding-right: 25px;
	width: 417px;
	background: #d2f989 url(images/bg_fin_conocer.png) no-repeat left bottom;
	}

p.postmetadata a{ color: #666;}

div.post h2, div.post h3, h2.barra_titulo{
	width: 454px;
	height: 54px;
	background: #d2f989 url(images/bg_title_noticia.png) no-repeat top left;
	padding-top: 10px;
	padding-left: 23px;
	font-size: 17px;
	line-height: 23px;
	}

h2.barra_titulo{ margin-left: 6px;}

div.post h3 a{ color: #666;}

div.post small{ padding-left: 35px;}
	
div.seccion h2{
	margin-bottom: 5px;
	margin-left: 30px;
	}
div.seccion a{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #666;
	}

div.seccion h3{
	margin-bottom: 5px;
	margin-left: 14px;
	padding-bottom: 5px;
	padding-left: 15px;
	background: url(images/bg_h3_sidebar.png) no-repeat left bottom;
	}

div.seccion ul{
	margin-left: 45px;
	width: 415px;
	}

div.seccion table{
	border: 1px double #84b877;
	margin: 0 auto;
	padding: 5px;
	font-weight: bold;
	width: 430px;
	}

div.seccion table td, div.seccion table th{
	border-bottom: 1px solid #84b877;
	border-left: 1px solid #84b877;
	margin: 3px;
	padding: 10px;
	}

div.seccion p{
	padding: 0 20px 10px 30px;
	text-align: justify;
	}

/* h2.barra_titulo */ a.rss{
	padding-left: 160px;
	color: #666;
	}

div.fin_seccion{
	padding-left: 35px;
	background: url(images/bg_content.png) repeat-y top right;
	}
	
div.fin_seccion_home{
	padding-left: 35px;
	margin-top: -10px;
	background: url(images/bg_content.png) repeat-y top right;
	}

div.fin_seccion a{ color: #666;}

h2#articulos{
	width: 466px;
	height: 44px;
	padding-left: 35px;
	padding-top: 20px;
	background: #d2f989 url(images/bg_title_articulo.png) no-repeat top right;
	}

div.centers{
	width: 501px;
	margin: 0;
	padding-bottom: 10px;
	background: url(images/bg_seccion_centers.png) repeat-y top right;
	}
	
div.centers h2{
	margin-left: 35px;
	}
	
div.centers p{
	margin-left: 35px;
	margin-right: 40px;
	}

div.fin_center{
	width: 501px;
	height: 70px;
	background: url(images/bg_fin_articulos.png) no-repeat top right;
	}

div#seccion_conocer{
	width: 501px;
	background: #d2f989 url(images/bg_conocer.png) no-repeat 6px bottom;
	}

h2#conocer{
	margin-left: 20px;
	background: url(images/bg_h3_sidebar.png) no-repeat left bottom;
	padding-bottom:10px;
	padding-left:15px;
	}

div.content_conocer{
	min-height: 280px;
	}
	
form#formulario p{
	text-align: right;
	padding-right: 100px;
	}

div#g_map{
	width: 425px;
	margin: 0 auto;
	}

div#footer{
	clear: both;
	width: 750px;
	height: 80px;
	margin: 0 auto;
	background-color: #10595d;
	margin-bottom: 10px;
	} p#contact_info{
			display: block;
			float: left;
			width: 320px;
			height: 60px;
			font-size: 11px;
			color: #FFF;
			line-height: 15px;
			margin: 9px 0 6px 10px;
			}
		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;
			}
