body{
margin:0px;
padding:0px;
background-image:url(images/hader-fondo.jpg);
background-repeat:no-repeat;
background-position:top center;
font-family:Arial, Helvetica, sans-serif;
}
img{
border:0px;
}
/**************** Encabezado ***************/
.hoja{
position:absolute;
left:50%;
width:980px;
margin-left:-490px;
}
.header-content{
height:200px;
}
.logo{
width:260px;
height:210px;
margin-top:25px;
margin-left:45px;
}
.buscar-imput{
position:absolute;
right:100px;
top:50px;
z-index:1;
}
.buscar{
position:absolute;
right:100px;
top:50px;
}
.search-imput{
width:135px;
height:13px;
font-size:10px;
background-color:#BEBFBF;
border:0px;
margin-top:3px;
margin-right:4px;
}
.img-rss{
position:absolute;
right:130px;
top:135px;
}
.menu-solapa{
position:absolute;
height:20px;
font-size:12px;
text-transform:uppercase;
padding-top:10px;
z-index:10;
top:190px;
}
.menu-solapa li{
float:left;
list-style-type:none;
color:#FFFFFF;
padding-right:15px;
padding-left:15px;
padding-top:5px;
padding-bottom:5px;
background-image: url(images/marcador-menu.png);
}
.menu-solapa li:hover{
background-image: url(images/marcador-menu2.png);
}
.menu-solapa a{
text-decoration:none;
color:#FFFFFF;
}
.header-page{
position:absolute;
width:960px;
height:310px;
background-image:url(images/fondo-header-page.png);
background-repeat:no-repeat;
z-index:1;
color:#FFFFFF;
font-size:14px;
}
.header-page h1{
font-size:20px;
}
.col-main-left{
float:left;
width:360px;
height:280px;
margin-left:20px;
margin-top:30px;
padding-left:10px;
padding-right:10px;
}
.col-main-right{
float:right;
width:490px;
height:270px;
background-color:#FFFFFF;
margin-right:20px;
margin-top:15px;
padding:5px;
}
.clear{
clear:both;
}
/****************************** STYLE INDEX *******************************/
.contenido-index{
position:absolute; left:0px;
width:980px;
top:560px;
}
.post-col-left{
float:left;
width:650px;
}
.post-col-left a{
text-decoration:none;
}
.post-col-left a:hover{
color:#4a382e;
text-decoration: underline;
}
.bloque-post-fondo{
width:653px;
height:283px;
margin-left:10px;
margin-bottom:20px;
background-image:url(images/fondo-bloque-post.png);
}
.bloque-post{
width:641px;
height:270px;
background-color:#D76425;
}
.bloque-post-image{
float:left;
margin-left:15px;
margin-top:15px;
width:285px;
height:210px;
}
.bloque-post-texto{
float:right;
width:300px;
margin-top:15px;
margin-right:15px;
color:#FFFFFF;
font-size:14px;
}
.bloque-post-categoria ul{
margin-left:-40px;
margin-top:0px;
}
.bloque-post-categoria li{
list-style-type:none;
float:left;
font-size:12px;
margin-left:0px;

}
.bloque-post-categoria a{
color:#FFFFFF;
text-decoration:none;
}
.bloque-thetitle h1{
font-size:18px;
color:#FFFFFF;
margin-bottom:0px;
margin-top:0px;
}
.bloque-date{
font-style:italic;
margin-bottom:0px;
}
.bloque-contenido p{
margin-top:0px;
}
.separador{
margin-left:15px;
margin-right:15px;
border: #FFFFFF 1px solid;
}
.bloque-tags{
font-size:12px;
color:#FFFFFF;
margin-left:15px;
margin-right:15px;
padding-bottom:10px;
}
.bloque-tags a{
color:#FFFFFF;
text-decoration:none;
}
.bloque-tags a:hover{
color:#ffcc33;
text-decoration: underline;
}
.bloque-ampliar{
font-size:12px;
}
.bloque-ampliar a{
color:#FFFFFF;
text-decoration:none;
}
.bloque-ampliar a:hover{
color:#ffcc33;
text-decoration: underline;
}
/*********************************** SIDEBAR *******************************/
.sidebar-col-right{
float:right;
width:280px;
margin-right:25px;
}
.bloque-sidebar{
width:280px;
background-color:#f5eeea;
padding-bottom:20px;
margin-bottom:10px;
font-size:16px;
}
.bloque-sidebar li{
list-style-type:none;
}

.bloque-sidebar a{
color:#000000;
text-decoration:none;
}
.bloque-sidebar a:hover{
color:#ffcc33;
text-decoration: underline;
}
.widget-titulo{
width:270px;
height:42px;
color:#6c4022;
font-size:24px;
background-image:url(images/titulo-sidebar.png);
padding-top:10px;
padding-left:10px;
}
/************************************ FOOTER ***********************************/
.footer-content{
width:980px;
height:250px;
background-color:#4a382e;
color:#FFFFFF;
font-size:12px;
}
.footer-content a{
color:#FFFFFF;
text-decoration:none;
}
.footer-content a:hover{
color:#ffcc33;
text-decoration:underline;
}
.bloque-footer{
float:left;
margin-top:20px;
margin-left:30px;
margin-right:30px;
}
.bloque-footer ul{
margin-left:-40px;
}
.bloque-footer li{
list-style-type:none;
}
.footer-titulo{
font-size:20px;
}
/******************* paginador *************************/
.paginador{
width:653px;
margin-top:-20px;
color:#4a382e;
font-size:14px;
font-style:italic;
height:50px;
font-weight:bold;
}
.paginador a{
color:#4a382e;
text-decoration:none;
}
.pag-left{
float:left;
width:200px;
text-align:left;
margin-left:20px;
}
.pag-right{
float:right;
width:200px;
margin-right:20px;
text-align:right;
}
/************************** omentarios *************************/
.comentarios-content{
background-color:#D4CEB9;
width:650px;
padding-bottom:5px;
}
.comentarios_title{
font-family:Arial;
font-weight:bolder;
font-size:24px;
margin-left:20px;
margin-right:20px;
padding-top:12px;
color:#6c4022;
border-bottom-style:solid;
border-bottom-color:#6c4022;
border-bottom-width:1px;
}
.comentarios-interna{
margin-left:20px;
margin-right:20px;
width:440px;
}
.textarea{
font-family:Arial,Helvetica,sans-serif;
width:420px;
}
.post_coment{
float:left;
margin-top:10px;
margin-bottom:20px;
margin-left:15px;
}
.coment-text{
font-size:14px;
padding-left:10px;
color:#6c4022;
text-decoration:none;
}
.coment-text ol{
padding-left:5px;
}
.coment-text a{
text-decoration:none;
color:#6c4022;
font-size:12px;
}