BODY { 
font:75% Georgia,Verdana,Tahoma,Arial,sans-serif;
    margin: 3 0 5 0px; 
    text-align: center; 
    background-color: #000000;  
} 

#conectar, #conectar a{
    color:white;
    position : absolute; 
    border: 0px solid white;
    text-align: left; 
    margin-left:120px;
    margin-top: 60px;
}
#foro {
    
    position : absolute; 
    
    margin-left:140px;
    margin-top: 190px;
}
#contenedor{ 
    border: 0px solid white;
    text-align: left; 
    width: 100%; 
    margin: auto; 
    background-color: black;  
} 

#cabecera A:link, A:visited 
{ 
   text-decoration: none ;
    
}
#cabecera A:hover { 
text-decoration: underline ;
    

} 

#cabecera{ 
    border-bottom: 0px solid white;
    color: white; 
    font-size:1.4em; 
    font-weight: bold; 
    padding: 0 0 0 0px; 
} 
#cuerpo{ 
    margin: 0 0 0 0px; 
} 
#lateral{
    position :relative;
    border: 0px solid black;
    width: 200px; 
    background-color: black; 
    float:left; 
    text-align: left; 
    height: auto;
    margin: 0 0 0 0px; 

} 
.h4{ 
    border: 0px solid white;
    color: white; 
    font-size:1.0em; 
    font-weight: bold; 
    padding: 0 0 0 0px; 
}
#lateral ul{ 
    margin : 0 0 0 0px; 
    padding: 0 0 0 0px; 
    list-style: none; 
    font: 1.3em Helvetica, sans-serif; 


} 
#lateral li{ 
    background-color: black; 
    margin: 2 2 2 2px; 
    padding: 2 2 2 2px; 
    font-weight: bold; 
} 
#lateral a{ 
color: white; 
text-decoration: none; 
text-decoration: none;
display: block;
padding: 5px 6px;
width: 160px;

} 

#lateral a:hover {
	background: #842dce;
}



#otrolado A:link, A:visited { text-decoration: none }
#otrolado A:hover { text-decoration: none} 

#otrolado{
    position:relative;
    border: 0px solid black;
    width: 200px;
    height: auto;
    float: right; 
    background-color: black;
    text-decoration: none;  
    margin: 0 0 0 0px; 

} 
#otrolado h2{
    font: 1.3em Helvetica, sans-serif; 
    color: white; 
    font-weight: bold; 
}

#otrolado h3{
    font: 1.4em Verdana, Geneva, Arial, Helvetica, sans-serif; 
    color: white; 
    font-weight: bold; 
    text-decoration: none;
    background-color: #ffffcc; 
}

#principal{
background-image:url(images/portada.jpg);
background-repeat:no-repeat;
background-position:top;
    font: 11pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
    border: 0px solid black;
    background-color: #c0c0c0;  
    margin-left: 200px; 

    width: 590px;
    height:auto; 


} 
#pie {
    font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
    background-color: #cccccc; 
    padding: 3 10 1 10px; 
    text-align:right; 
    clear: both; 
} 

#enlaces{
background-image:url(images/fondo1.jpg);
background-repeat:no-repeat;
background-position:center;
}
#gira {
}
#contacta {
background-image:url(images/fondo1.jpg);
background-repeat:no-repeat;
background-position:center;
}
#libro{
background-image:url(images/fondo1.jpg);
background-repeat:no-repeat;
background-position:center;
}
#juegos
{
background-image:url(images/fondo1.jpg);
background-repeat:no-repeat;
background-position:center;

}
#login { 
font: 7pt Arial, Helvetica, sans-serif; 
background-image:url(images/fondo1.jpg);
background-repeat:no-repeat;
background-position:center;

}
#registro{ 
font: 7pt Arial, Helvetica, sans-serif; 
background-image:url(images/fondo1.jpg);
background-repeat:no-repeat;
background-position:center;

}


#cabecera ul {
        PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 8px; LIST-STYLE-TYPE: none
}
#cabecera li {
        PADDING-RIGHT: 0px; PADDING-LEFT: 9px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#cabecera a {
        PADDING-RIGHT: 2px; 
        display: block; 
        PADDING-LEFT: 5px; 
        PADDING-BOTTOM: 4px; 
        COLOR: #fff; 
        PADDING-TOP: 5px; 
        TEXT-DECORATION: none;
	float:left;
}

#cabecera a:link.active, #cabecera a:visited.active, #cabecera a:hover {
        color: red;
        background: url(rounded.gif) no-repeat bottom center;
}