@charset "utf-8";
/*------------------------------- reset ---------------------------------*/
h1,h2,h3,h4,h5,h6,pre,code,table,td,th,dd,dt,dl,li{font-size:100%}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,legend{margin:0;padding:0}
a img,:link img,:visited img{border:none}
ul,li{list-style-type:none}
a{}
.strong{font-weight:bold}
.marron-claro{color:#784e25}
.none{text-decoration:underline}
.under:hover{text-decoration:underline}
.b3{color:#333}
.bold{font-weight:bold}
/* -------------------------------------------- cuerpo ----------------------------------------------------------------- */
body{font:12px Arial, Helvetica, sans-serif;margin:0px;padding:0px;text-align:center;color:#000;background:url(img/bg/body.jpg) no-repeat top center #000}
/* ------------------------------------------------------- contenedor ------------------------------------------ */
#container{margin:0 auto;padding:0;width:937px;text-align:left;position:relative}
/*------------------------------- right ---------------------------------*/
#head{float:left;width:937px;height:154px;position:absolute;clear:both;top:0;left:0;background:url(img/bg/head.jpg) no-repeat}
#head .logo{display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:937px;height:154px;float:left;position:absolute;clear:both;top:0;left:0}
/*------------------------------- float fix ---------------------------------*/
#content:after, ul:after, li:after,  p:after{content: ".";display:block;height:0;clear:both;visibility:hidden}
#content, ul, li, p{display: block}
/* Hides from IE-mac \*/
* html #content, * html ul, * html li, * html p{height:1%}
#content, ul, li, p{display:block}
/* End hide from IE-mac */
/* end float fix */
/*------------------------------- right ---------------------------------*/
#right{float:left;width:707px;margin-top:154px;display:inline}
/*------------------------------- content ---------------------------------*/
#content{float:left;width:670px}
/* ---------------------------------------------- posts ------------------------------------------------------------------ */
.post{float:left;width:670px;text-align:justify;background:url(img/bg/post.jpg)}
.post .top{float:left;width:670px;height:70px;overflow:hidden;background:url(img/bg/titulo-main.jpg)}
.post .categoria{text-transform:uppercase;padding:30px 0 0 75px;display:block}
.post .titulo{font-size:24px;padding-left:75px}
.post .date{float:right;padding:30px 30px 0 0}
.post .cuerpo{float:left;display:inline;margin:0 0 0 17px;background-color:#fff;width:632px;padding:20px 0 10px 0}
.post .cuerpo2{float:left;display:inline;padding-left:58px;width:560px}
.post .cuerpo2 a{font-weight:bold;color:#784e25}
#content .bottom{float:left;width:670px;height:44px;overflow:hidden;background:url(img/bg/post-bottom.gif)}
.post .foto{float:left;margin:0 20px 0 0}
/* ---------------------------------------------- pie ------------------------------------------------------------------ */
#pie{float:left;width:670px;height:265px;background:url(img/bg/pie.gif);overflow:hidden}
#pie p{padding:160px 0 0 20px}
/* ---------------------------------------------- menu ------------------------------------------------------------------ */
#menu{float:left;width:230px;background:url(img/bg/menu.jpg) repeat-y;margin-top:154px;display:inline}
#menu h3{text-transform:uppercase;background-color:#000;color:#f6ebd2;float:left;display:block;margin:30px 0 0 10px;padding:2px 15px}
#menu ul{clear:left;margin:0 0 0 25px;padding-top:15px}
#menu-categorias a{text-transform:uppercase}
#menu-pie{float:left;width:230px;height:132px;background:url(img/bg/menu-pie.gif) no-repeat}
/* ---------------------------------------------- paginacion ------------------------------------------------------------------ */
#pag{float:left;width:470px;margin:0px;padding:0 0 20px 0}
/* ---------------------------------------------- textos ------------------------------------------------------------------ */
.none{text-decoration:none}
.f{color:#fff}
.verde{color:#390}
.rosa{color:#f9f}
.b6{color:#666}
.b9{color:#999}
.b0{color:#000}
.viol{color:#7f3777}
.orange-c{color:#f60}
.subtitleHTML{color: #369; font-weight: bold;}
/* ---------------------------------------------- imagenes ------------------------------------------------------------------ */
.f-l{margin:0 20px 10px 0}
.f-r{margin:0 0 10px 20px}
.f-c{margin:0 0 10px 0}