img{
border:none;
}

.imgright{
float:right;
}

.imgright2{
float:right;
padding:0 0 20px 20px;
}

.clearboth{ 
clear:both;
}



/*-----------------------------*/


body,html{
margin:0;
padding:0;
height:100%;

font:13px/18px "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
color:#725E49;
line-height:26px;
text-align:justify;

background:url(../img/design/background.gif) center;
}

#page{
height:100%;
width:880px;
background:#FFFDFB;
margin:auto;
}

#header{
height:296px;
parring:0 0 5px 0;
}

#botones{
height:50px;
background:url(../img/design/bg-botones.jpg);
border:solid 2px;
border-bottom:none;
border-color:#58462E;
border-top-color:#9A8162;
}

#content{
width:870px;
float:left;
background:#FFFDFB url(../img/design/bg-content.gif) right repeat-y;
padding:0 5px 5px 5px;
border-bottom:solid 10px;
border-top:solid 30px;
border-color:#FFFFFF;
}

#contenido{
width:665px;
padding:0 0 100px 0;
float:right;
}

#contenido .post{
padding:0 20px 0 30px;
}

#left{
width:200px;
float:left;
padding:0 0 400px 0;
background:#FBF7EA url(../img/design/bg-left.jpg) bottom repeat-x;
}

#left .post{
width:200px;
float:left;
padding:10px 0 10px 0;
margin:auto;
text-align:center;
}

#footer{
width:880px;
float:left;
padding:0 0 10px 0;
background:#FFF6E5 url(../img/design/bg-footer.jpg) top repeat-x;

text-align:center;
font:12px Arial, Helvetica, sans-serif;
color:#A58A4E;
}


#footer a{
color:#665631;
}






/*-----------------------------*/


#contenido h1{
background:url(../img/design/h1.jpg) left top no-repeat;
padding:7px 0 0 28px;
margin:0 0 20px 5px;
height:35px;

font:20px "Times New Roman", Times, serif;
letter-spacing:-0.1px;
font-weight:bold;
color:#FFFFFF;
}

#contenido h1 b{
font:17px "Times New Roman", Times, serif;
font-weight:bold;
color:#FFFFFF;
}

#contenido .post h2{
font:18px "Times New Roman", Times, serif;
font-weight:bold;
color:#995528;

margin:10px 10px 15px 0;
padding:10px 0 10px 0;
background:url(../img/design/h2.gif) bottom repeat-x;
}

#contenido .post h2 b{
font:16px "Times New Roman", Times, serif;
color:#995528;
font-weight:bold;
}


#contenido h3{
font:20px "Times New Roman", Times, serif;
font-weight:bold;
color:#715F51;

margin:10px 5px 15px 10px;
padding:9px 0 9px 21px;
background:url(../img/design/h3.jpg) left bottom no-repeat;
}

#left h1{
width:180px;
float:left;
margin:10px 10px 10px 10px;
padding:0 0 7px 0;

background:url(../img/design/h2-left.gif) bottom repeat-x;
text-align:center;

font:15px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#718C3D;
}





/*-----------------------------*/



.post a{
color:#79AA2F;
font-weight:bold;
text-decoration:none;
padding:8px;
}

.linko, .linko a{
font:14px/18px "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
font-weight:bold;
color:#79AA2F;
text-decoration:none;
padding:0;
margin:0;
}

.linko a:hover{
color:#79AA2F;
text-decoration:underline;
}

#botones ul{
list-style:none;
float:left;
margin:0;
padding:0;
}

#botones ul li{
float:left;
display:block;
text-indent:-9999;
margin:0;
padding:0;
}

#botones ul li a{
float:left;
padding:17px 63px 17px 63px;
background:url(../img/btn/div1.gif) center right no-repeat;
}

#botones ul li a:hover{
border-top:solid 2px;
border-top-color:#9A8162;
padding-top:15px;

background:url(../img/design/bg-botones2.jpg) right;
}



#footer ul{
width:760px;

list-style:none;
float:left;
margin:0;
padding:5px 0 5px 180px;
background:url(../img/design/bg-footer-top.jpg) center top no-repeat;
}

#footer ul li{
float:left;
display:block;
text-indent:-9999;
margin:0;
padding:0;
}

#footer ul li a{
display:block;
font:12px Arial, Helvetica, sans-serif;
color:#685B3E;
text-decoration:none;
float:left;
padding:8px 25px 5px 25px;
}

#footer ul li a:hover{
text-decoration:underline;
}




#left ul{
width:190px;
list-style:none;
margin:0 0 60px 0;
padding:0 0 0 10px;
float:left;
}

#left ul li{
display:block;
margin:0;
padding:0;
float:left;
}

#left ul li a{
width:160px;
float:left;
margin:0;
padding:8px 0 8px 25px;

font:12px Arial, Helvetica, sans-serif;
color:#685B3E;
text-decoration:none;
background:url(../img/design/bullet-left.gif) left top no-repeat;
background-position:15px 14px;
}

#left ul li.titulo a{
width:160px;
float:left;
margin:10px 0 0 0;
padding:13px 0 3px 5px;

font:14px/18px "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
font-weight:bold;
color:#685B3E;
text-decoration:none;


background:none;
}


#left ul li a:hover{
text-decoration:underline;
}






.post ul{
list-style:none;
margin:0;
padding:0;
}

.post ul li{
float:left;
}

.post ul li a{
display:block;
width:100px;
float:left;
margin:5px;
padding:23px 25px 15px 25px;


font:14px/18px "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
font-weight:bold;
color:#708B3C;
text-align:center;
text-decoration:none;

border:solid 3px;
border-color:#FFFFFF;
background:#FFFFF8;
}

.post ul li a:hover{
border:solid 3px;
border-color:#F1ECD9;

color:#89A751;
background:#FBF7EA;
}
html>body .post ul li a {padding-right:42px;}  /* esto se lee en todos los navegadores excepto ie */





/*================================*/


/* fila 1 (2 columnas) */
.s-fila1{
width:500px;
margin:auto;
padding:3px 0 3px 0;
overflow:auto;
}

.s-col1-1{
width:25%;
float:left;
}

.s-col1-2{
width:75%;
float:left;
}


input, textarea{
width:240px;
}