/*
Theme Name: Casa del Cerro Theme
Theme URI: http://www.casadelcerro.cl/
Description: Tema exclusivo para la <a href="http://www.casadelcerro.cl/">Corporaci&oacute;n Casa del Cerro</a>.
Version: 1.0
Author: Ripezo&trade;
Author URI: http://www.ripezo.com/
Tags: Green, Corporation, Casa del Cerro
*/

*{ margin: 0; padding: 0;}

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

body{
	background-color: #6d6d6d;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	}

div#networks{
	width: 100%;
	height: 26px;
	background: #444 url(images/bg_networks.jpg) repeat-x top left;
	margin-bottom: 15px;
	}
	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: 290px;
	position: absolute;
	top: 41px;
	left: 50%;
	margin-left: -389px;
	}
	div#logo_top{
		width: 272px;
		height: 163px;
		background: url(images/textura_verde.png) no-repeat top left;
		padding-top: 13px;
		border-bottom: 1px solid #80b94e;
		margin-left:9px;
		}
		div#logo_top a{ margin-left: 13px;}
		div#logo_top a img{ border: none;}

ul#menu_lateral{
	width: 272px;
	border-top: 3px solid #5e9c29;
	border-bottom: 3px solid #5e9c29;
	margin-left:9px;
	list-style: none;
	}
	ul#menu_lateral li{
		padding: 7px 30px;
		background-color: #444;
		border-top: 1px solid #5c7d3f;
		border-bottom: 1px solid #679a3c;
		}
		ul#menu_lateral li a{
			font-size: 15px;
			}
div#logo_bottom{
	width: 272px;
	height: 30px;
	background: url(images/textura_verde.png) no-repeat bottom left;
	border-top: 1px solid #80b94e;
	margin-left:9px;
	}
div#simulador{
	width: 250px;
	height: 290px;
	background: url(images/bg_simulador.png) no-repeat top left;
	margin-top: -20px;
	padding: 20px;
	color: #444;
	font-size: 12px;
	}
	div#simulador h3{
		text-transform: uppercase;
		font-size: 13px;
		font-weight: normal;
		margin-bottom: 25px;
		padding-left: 20px;
		color: #FFF;
		}
	div#simulador h4{ padding-bottom: 2px;}
	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: 28px;
		background: url(images/btn_simular.jpg) no-repeat bottom left;
		margin: 10px 0px 0px 50px;
		cursor: pointer;
		}div#btn_simular:hover{background-position: top left;}
	div#simulador a#btn_ayudar{
		display: block;
		background: url(images/btn_ayudar.png) no-repeat top left;
		margin: 0 auto;
		width: 231px;
		height: 43px;
		}
div#solidarias{
	width: 250px;
	height: 240px;
	background: url(images/bg_boxes.png) no-repeat top left;
	margin-top: -30px;
	padding: 13px 20px 20px;
	}
	div#solidarias img{
		margin: 0 30px;
		margin-bottom: 5px;
		}
	div#solidarias p{
		text-align: center;
		color: #444;
		margin: 0 30px;
		}
div#imagenes{
	width: 255px;
	height: 290px;
	background: url(images/bg_box.png) no-repeat top left;
	margin-top: -80px;
	padding: 13px 15px 20px;
	}

div#encuentranos{
	width: 250px;
	height: 240px;
	background: url(images/bg_boxes.png) no-repeat top left;
	margin-top: -30px;
	padding: 13px 20px 20px;
	}
div#encuentranos ul{
	list-style: none;
	}
	div#encuentranos ul li{
		float: left;
		}
	div#encuentranos ul li a{ padding-left:15px;}
div#publicidad{
	width: 250px;
	height: 250px;
	background: url(images/bg_boxes.png) no-repeat top left;
	margin-top: -140px;
	padding: 13px 20px 20px;
	}
	
	div#publicidad h4 a{
		color: #444;
		line-height:12px;
		}
	div#publicidad p{
		color: #444;
		line-height:15px;
		margin-bottom:8px;
		}

/* Títulos sidebar */
div#solidarias h3, div#imagenes h3, div#encuentranos h3, div#publicidad h3 {
		text-transform: uppercase;
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 25px;
		padding: 3px 20px;
		color: #FFF;
		}



div#page{
	width: 778px;
	margin: 0 auto;
	}
div#header{
	width: 481px;
	height: 223px;
	border: 5px solid #83af5e;
	margin-left: 274px;
	margin-bottom: 14px;
	}
div#content{
	margin-left: 294px;
	min-height: 1380px;
	}	
h2.barra_titulo, div.post h2, div#respond h3, h3#comments, div.post h3{
	background: url(images/barra_titulos.png) no-repeat top left;
	display: block;
	width: 441px;
	height:33px;
	padding: 13px 20px 0 20px;
	font-size: 16px;
	}
h2.barra_titulo a.rss{
	background: url(images/rss_logo.png) no-repeat center right;
	font-size: 14px;
	margin-left: 200px;
	padding: 5px 31px 10px 0;
	height: 31px;
	}

div.seccion, div.entry, form#commentform, ol.commentlist, p.postmetadata, div.post small{
	clear: both;
	width: 463px;
	background: url(images/sombra_seccion.png) repeat-y top left;
	color: #333;
	padding: 0 9px;
	display: block;
	}

p.postmetadata{ padding: 10px 20px; width:450px;}
div.post small { padding: 2px 20px; width:450px;}
div#g_map{ padding: 0 18px;}
p.postmetadata a{ color: #333; font-weight: bold;}
div.seccion a, div.entry a, form#commentform a, ol.commentlist a{ color: #333;}
	ol.commentlist{ padding: 15px 0 0 40px;}
	div.seccion h2{ padding-top: 10px;}
	div.seccion a{
		color: #333;
		font-size: 16px;
		padding-left: 11px;
		}
		div.seccion a.descargapdf{
			background: url(images/download_pdf.jpg) no-repeat top left;
			display:block;
			width:411px;
			height:41px;
			margin-top: 10px;
			padding:20px 0px 0px 70px;
			}
	div.entry p, div.seccion p, div.seccion img{
		padding: 5px 12px 5px 12px;
		text-align: justify;
		}
	div.entry p a:link, div.entry p a:visited{
		color:#396818;
		}
	div.entry h4 {
		font-size: 12pt;
		padding: 20px 5px 0 0;
		}

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

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

	div.seccion h3{
		background: url(images/bg_h3.png) repeat-x bottom left;
		height: 30px;
		padding-top: 8px;
		padding-left: 12px;
		}
	
	div.seccion h3#cc_title{
		background: url(images/bg_h3_fundaciones.png) repeat-x top left;
		height: 74px;
		font-size: 16px;
		padding-left: 5px;
		}div.seccion h3#cc_title span{ float: left; margin-top: 18px;}
		div.seccion h3#cc_title span.logo{
			display: block;
			background: url(images/logo_cc.png) no-repeat top left;
			width: 74px;
			height: 63px;
			margin-top: -8px;
			}
		
	div.seccion h3#cdc_title{
		background: url(images/bg_h3_fundaciones.png) repeat-x top left;
		height: 74px;
		font-size: 16px;
		padding-left: 5px;
		}div.seccion h3#cdc_title span{ float: left; margin-top: 18px;}
		div.seccion h3#cdc_title span.logo{
			display: block;
			background: url(images/logo_capc.png) no-repeat top left;
			width: 74px;
			height: 63px;
			margin-top: -8px;
			}
	div.seccion h3.first{ height: 29px;}

	div.seccion ul{
		padding: 10px 26px;
		}
	div.seccion ul li{
			padding: 5px 0;
			}

	form#commentform p{
		padding: 7px 0;
		}
div.fin_seccion{
	width: 441px;
	height: 26px;
	background: url(images/fin_seccion.png) repeat-y bottom left;
	margin-bottom: 2px;
	color: #333;
	padding: 0 20px 10px 20px;
	}div.fin_seccion a{ color: #333;}
	
div.navigation{
	padding-right: 12px;
	}

div.post{
	padding-right: 12px;
	}


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


div.seccion table caption, div.seccion table{
	border: 1px double #80B94E;
	margin: 10px;
	padding: 5px;
	font-weight: bold;
	}
	
div.seccion table.directivos{ margin: 5px auto;}

div.seccion form{
	margin: 0 auto;
	padding: 20px;
	width: 300px;
	text-align: right;
	color: #555;
	}

div.seccion form input, div.seccion form textarea{
	margin: 5px;
	padding: 2px;
	color: #555;
	}

div.seccion form label.msg{
	padding: 0 30px;
	}

div#footer{
	clear: both;
	width: 760px;
	height: 80px;
	margin: 0 auto;
	background-color: #444;
	}
	div#footer_center{
		float: left;
		background: url(images/bg_footer.png) repeat-x top left;
		width: 752px;
		height: 108px;
		}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;
			}
		ul#menu_bottom{
			clear: both;
			background: url(images/bg_menubottom.png) repeat-x top left;
			width: 760px;
			height: 25px;
			font-size: 12px;
			list-style: none;
			border-top: 1px solid #87a56c;
			padding-top: 4px;
			}ul#menu_bottom li{
				background: url(images/bg_menubottom_div.png) no-repeat center right;
				float: left;
				padding: 0 26px;
				height: 15px;
				border-right: 1px solid #87a56c;
				}ul#menu_bottom li#menubottom_der{
					border: none;
					}
				ul#menu_bottom li a{
					text-decoration: none;
					color: #fff;
					font-weight:bold;
					}ul#menu_bottom li a:hover{ text-decoration: underline;}

h2.pagetitle{ text-align: center;}

form#formulario p{
	padding: 0;
	text-align: right;
	padding-right: 18px;
	}
	
/* Clases Gen�ricas */
	
.left{ float: left;}
.center{ margin: 0 auto;}
.right{ float: right;}