html,body,{
margin:0px;
height:100%;
}
body{
background-color: #5f4821;
}

#fondo{
position:absolute;
top:0;
left:0;
height:100%;
width: 100%;
text-align:center;
margin: 0 auto;
}

#cabecera{
background-image:url(../img/header_01.jpg);
background-repeat:no-repeat;
background-color: #5f4821;
background-position:center;
height:150px;
width:100%;
text-align:center;
}
#cuerpo{
position:relative;
margin: 0 auto;
text-align:center;
background-color:#5f4821;
height:400px;;
width:100%;
}

#centro{
margin: 0 auto;
width:800px;
height:400px;
background-color:#5f4821;
background-image:url(../img/header_03.jpg);
background-repeat:no-repeat;
text-align:center;
}
#pizda{
float:left;
width:138px;
padding:5px;
height:390px;
}
#pdcha{
float:left;
width:138px;
padding:5px;
height:390px;
}
#pcentro{
text-align:center;
color:#d3ae6b;
float:left;
width:480px;;
height:375px;
padding:10px;
overflow: auto;
}
.gridmenu{
margin:10px;
width:65px;
height:65px;
float:left;
color:#000000;
}
.etq1{
color:#000000;
font-weight:bold;
}
.howto{
color:#d3ae6b;
text-align:justify;
}
.howto a:active, a:link, a:visited{
text-decoration:underline;
color:#d3ae6b;
}
.howto a:hover{
color:#CC9966;
}

.news{
color:#d3ae6b;
text-align:justify;
font-size:13px;
}
.news a:active, a:link, a:visited{
text-decoration:underline;
color:#d3ae6b;
}
.news a:hover{
color:#CC9966;
}
#menu{
text-align:center;
background-image:url(../img/header_02.jpg);
background-position:center;
background-repeat:no-repeat;
top:150px;
height:75px;
width:100%;
}
#pie{
margin: 0 auto;
width:798px;
background-color:#5f4821;

}
.pie a:active, a:link, a:visited{
text-decoration:underline;
color:#d3ae6b;
}
.pie a:hover{
color:#CC9966;
}
.pie{
color:#d3ae6b;}