body {
font-family: Helvetica, Arial, sans-serif;
background-image: url('fondo.jpg');
background-repeat: repeat;
margin: 0em;
top:0em;
}

#cabecero {
background-image: url('cabecero.jpg');
background-repeat: repeat-x;
margin-left: auto;
margin-right: auto;
height: 150px;
top:0em;
margin:0em;
padding: 0em;
text-align:center;
}

h1 {
margin-top: 0px;
text-align:center;
padding-top: 60px;
font-size: 30px;
}

#logos {
float: right;
text-align: center; }

#barranav {
margin-left: auto;
margin-right: auto;
width: 800px;
height: 32px;
border-bottom: 3px solid red;}

#barranav ul {
margin: 0em;
padding: 0em;
position:relative;
top: 7px;
text-align: center;
list-style-type: none;
}



#barranav ul li {
display: inline;}



#barranav ul li a:link, #barranav ul li a:visited  { color: red; font-size: 16px; font-weight: bold; text-decoration: none; margin-right: 2px; padding: 5px 10px;}

#barranav ul li a.home:link, #barranav ul li a.home:visited  { 
width:33px;
height:30px
text-indent:-9999px;
background:url(icono_casita.png) top left no-repeat;
padding: 6px 20px;
}



#barranav ul li a:hover, #barranav ul li a#actual {
color: white;
}

#barranav ul li a.home:hover, #barranav ul li a.home#actual {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}

ul {}

li {}

#contenido {
position: relative;
width: 800px;
margin-left: auto;
margin-right: auto;
text-align:center;
padding-bottom:0px;
margin-bottom:0px;
text-align:left;
}

#texto {
padding-bottom: 20px;
width: 450px; }

#texto p   { font-size: 18px; line-height: 24px; margin-top: 0; margin-right: 20px; margin-left: 0px; padding-top: 20px }

.ladillo {
font-size: 1.2em;
font-weight: bold;
line-height: 0.6em;
}




#lateral {
width: 220px;
position: absolute;
top: 0em;
left: 550px;
 }

#lateral p {
margin-left: 0px;
margin-right: 0px;
margin-top: 0em;
padding-top: 20px;
font-size: 13px;
line-height: 1.6em;}

#lateral ul {
margin: 25px;
padding: 0px; }

#lateral ul li {
list-style-type: none;
padding-left: 0px; 
margin-left: 0px;
margin-bottom: 7px;}

#lateral ul li#actual {
list-style-type: disc;
text-decoration: none;
font-weight: bold; }

#lateral ul li a:link, #lateral ul li a:visited, #lateral ul li#actual a:hover {
font-size: 1em;
display: list-item;
 }

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

.gameover {
color: gray; }

blockquote {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
padding-left: 20px; }

a {}

a:link {}

a:visited {
color: blue; }

a:hover {}

a:active {}

.oculto {
display: none;
}