/*
Theme Name: Fondacio Chile
Theme URI: http://www.fondacio.cl/
Description: Fondacio.cl
Version: 2.0
Author: Diego Kurte
Author URI: http://kurte.cl/
Tags: fondacio

*/
body {
	margin: 0;
	
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

a { text-decoration: none; outline: none; }

a img { border: 0; }

h1 { font-size: 170%; }
h2 { font-size: 150%; }
h3 { font-size: 140%; }
h4 { font-size: 130%; }
h5 { font-size: 120%; }

* { outline: none; }

#wrap {
	width: 1024px;
}
#menu { position: relative; height: 25px;  }
#menu ul { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; left: 43px; height: 25px; }
#menu ul ul { position: relative; left: 0; display: none; }
#menu ul li { float: left; margin: 0 10px 0 0; }
#menu ul li a { background: url(images/bkgmenu.jpg) repeat-x 0 0px; display: block; font-weight: bold; color: #fff; padding: 5px 0 7px; width: 170px; text-align: center;  }
#menu ul li a:hover { background-position: 0 -23px; color: #265066; }
#menu ul li li { float: none;  margin: 0; }

#leftmenu { width: 200px;}
#leftmenu { position: relative; margin: 10px;  }
#leftmenu ul { margin: 0; padding: 0; list-style: none; }
#leftmenu ul ul { display: none; }
#leftmenu ul li { margin: 0; }
#leftmenu ul li a { background: url(images/bkgmenu.jpg) repeat-x 0  -23px; display: block; font-weight: bold; color: #265066; padding: 5px 7px 7px; width: 190px; text-align: left;  }
#leftmenu ul li a:hover { background-position: 0 0px; color: #fff; }
#leftmenu ul li li { float: none; }
#leftmenu ul li li a { background: url(images/bulletmenu.gif) no-repeat; padding-left: 25px; color: #265066; font-weight: normal; width: auto; }
#leftmenu ul li li a:hover { background-color: #FFD37B; background-position: 0 0px; color: #265066; } 

#leftmenu .calendario { width: 200px; margin: 0 auto; }

#para .ver, #para .oir { font-weight: bold; padding: 3px 0; margin: 2px 0; width: 190px; }
#para a { display: block; height: 24px; padding: 3px 0px 3px 30px; background: url(images/icon_oir.png) no-repeat 3px 3px; color: #265066; }
#para .ver a { background-image: url(images/icon_ver.png); }
#para .ver a:hover { background-color: #FEE098; }

#content { width: 560px; margin-top: 10px; margin-right: 5px; }

#content .post h2,
#content .page h2 { margin: 0 0 5px; color: #FEC142; font-size: 18px; background: transparent url(images/bulletmenu.gif) no-repeat scroll 0 0; padding: 0 0 0 20px; border-bottom: 1px solid #e2e9f0; }
#content .post .date,
#content .page .date { font-weight: bold; text-transform: capitalize; }
#content .post .share,
#content .page .share { font-weight: bold; }
#content .post .share a,
#content .page .share a { color: #333; }
#content .post .share img,
#content .page .share img { margin: 2px; vertical-align: middle; border: 0; }
#content .entry { clear: right; }
#content .post, #content .page { font-size: 12px; }

#content .wordtube { margin: 0 auto; width: 315px; border-top: 1px solid #000; }

#agenda { background: url(images/head_agenda.jpg) no-repeat; padding-top: 35px; } 
#agenda .inner { background: #265066; padding: 1px 10px; width: 530px; }
#agenda .content { padding: 1px; }
#agenda .content a { color: #fff; display: block; padding: 1px 5px 1px 0; }
#agenda .content a:hover { background: #3c677d; }
#agenda .content a h2 { font-size: 12px; margin: 10px 0 5px; text-decoration: underline; }
#agenda .content span.fecha { font-weight: bold; display: block; text-align: right; }
#agenda .content img { width: 50px; margin: 5px 15px 5px 5px; }

#noticias { margin: 10px 0; }
#noticias .content { padding: 1px; width: 270px;  }
#noticias .content.even { border-right: 2px dashed #FF6600; margin-right: 5px; clear: both;}
#noticias .content a { color: #3c677d; display: block; padding: 1px 5px 1px 0; }
#noticias .content a:hover { background: #FEE098; }
#noticias .content a h2 { font-size: 11px; margin: 7px 0 5px; text-decoration: underline; }
#noticias .content span.fecha { font-weight: bold; display: block; text-align: right; }
#noticias .content img { width: 75px; margin: 10px 15px 5px 5px; }

#rightmenu { width: 150px; }

#rightmenu .sidepost { margin: 10px 0; }


#footer { background: url(images/pie_web.jpg) no-repeat;  height: 250px; }

/* HELPER */

	/* Clear Fix*/
	.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
	* html .clearfix { height: 1%; }

	/* Float */
	.fLeft { float: left; }
	.fRight { float: right; }
	.fNone { float: none; }
	.fClear { clear: both; }
	.fClearl { clear: left; }
	.fClearr { clear: right; }
	/* Width */
	.w10 { width: 10%; }
	.w25 { width: 25%; }
	.w33 { width: 33%; }
	.w45 { width: 45%; }
	.w49 { width: 49%; }
	.w50 { width: 50%; }
	.w60 { width: 60%; }
	.w75 { width: 75%; }
	.w100p { width: 100%; }
	
	/* Padding */
	.p10 { padding: 10px; }
	.pContent  { padding: 20px 15px 10px; }
	
	/* Border Radius */
	.bRA {  border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
	.bRA2 {  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	
/* BASE */ 
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */