body{ background-color:#ffffcc;
margin: 0px;
padding:0px;
font-family: sans-serif;
}

h1.logo{
background:url(logo.gif) no-repeat transparent 50% 50%;
width:180px;
height:180px;
}

h1 span{
display:none;
}
#izq{
background:#003366 url(puzzle.gif) no-repeat bottom;
width: 200px;
padding: 10px 10px 80px 10px;

} 
p.menu{ background-color:#778899;
color: #ffffff;
padding: 5px;
font-size: 12px;
margin: 7px 0 0 0;
}

p.menuactivo{
background-color: #ffa500;
color: #00008B;
padding: 5px;
font-size: 12px;
margin: 7px 0 0 0;}


li{
list-style-type:disc;
color: #ffffff;
}


.menu2{
font-size:12px;
}
.menu2activo{
color:#ffa500;
font-size:12px;
}
a{text-decoration: none;
color: #ffffff;
}
a:hover{
text-decoration:underline;}

a:visited{
color: #cccccc;
}

#central{
position: absolute;
left:240px;
top: 10px;
width: 520px;
padding:0;

}

#central p.a{
margin:0 0 20px 0;
color:#ffffcc;
font-size: 18px;
font-weight:bold;
padding: 5px;
width:100%;
text-align:center;
background-color: #003366;

}

#central p.b{
margin:20px 0 10px 0;
text-align: left;
width: 300px;
background-color: #778899;
color: #ffffcc;
padding:5px;
font-size:12px;
}
#central p.c{
margin:0;
text-align: left;
color: #000;
font-size: 12px;
padding:5px;
}
#central a:link{text-decoration: underline;color:#0000ff; display:block; margin: 10px 0 0 0;}
#central a:visited{text-decoration: underline;color:#666666; display:block; margin: 10px 0 0 0;}

#central p.autor{
font-style: italic;
font-size:12px;
margin:5px;
color: #8B0000;

}

#central p.d{
position:relative;
left:360px;
width:160px;
padding: 2px; 
background: #add8e6 url(img/flecha.gif) no-repeat;
background-position:left;}


#central p.d a:link,#central p.d a:visited{
margin:0 0 0 20px;

color: #00008b;
font-size:12px;
}


#central p.e{
width:260px;
padding: 2px; 
background: #add8e6 url(img/flecha.gif) no-repeat;
background-position:left;
margin-bottom:30px;
}


#central p.e a:link,#central p.e a:visited{
margin:0 0 0 20px;

color: #00008b;
font-size:12px;
}

#central a.respuesta:link,#central  a.respuesta:visited{
text-decoration:none;
color: #8b0000;
padding: 2px;
font-size: 10px;
text-align:center;
width: 100px;
background: #f5deb3 url(img/flecha.gif) no-repeat;
background-position:left;

}
#central a.respuesta:hover{
text-decoration:underline;
}

#col1, #col2{

padding:20px;
position:absolute;
top: 250px;
background-color:lightblue;
}
#col1{
left:50px;
width:400px;
}
#col2{
border-left:1px solid white;
left:250px;width:200px;
}
#col1 a:link, #col1 a:visited, #col2 a:link, #col2 a:visited{
color:black;
padding:2px;
font-size:12px;
text-decoration:none;
margin:2px;
width: 150px;

border-top:1px solid white;

}
p.flecha{
width: 150px;
position:relative;
height:35px;
left:360px;
background:url(right.gif) no-repeat 100% 50%;

}

p.flecha2{
width: 150px;
height:35px;
background:url(left.gif) no-repeat 0% 50%;
padding-left:50px;
}
div.l{
width:100%;
margin-top:10px;
border-top:1px solid black;
padding:5px;
}
p.flecha a{
color:black;
}


span.goal{
width: 150px;
background-color: #778899;
font-size: 12px; color: #ffffcc; text-align: center; padding: 2px;}
span.text{font-size: 12px;}

div.imagenes{
margin-top:20px;
margin-bottom:20px;
background-color:white;
width:100%;
text-align:center;}

span.img{vertical-align:middle;padding:10px;
}
table.r{background:white; font-size: 12px;}


div.tab{text-align: center;
margin-bottom: 0px;
padding: 0px;

}
#central{left:220px; width:540px;}
div.tab a:link, div.tab a:visited{display:inline !important;}

div.text{font-size:12px;margin-bottom:10px;}
span.goal{ width: 70px;float:left; padding:2px; margin-right:10px;}

#central a.boton:link,#central  a.boton:visited{
margin-right:20px;
text-decoration:none;
color: #8b0000;
padding: 2px 2px 2px 30px;
font-size: 10px;
text-align:left;
width: 200px;
background: lightblue url(img/flecha.gif) no-repeat;
background-position:left;

}
#central a.boton:hover{
text-decoration:underline;
}
#central span.izq{width:260px; height:28px;background: url(img/left.gif) no-repeat; padding:2px; padding-left:28px;}
#central span.der{text-align:right;width:260px; height:28px;background: url(img/right.gif) no-repeat right; padding:2px; padding-right:28px;}
#central #arriba a:link,#central #arriba a:visited{display:inline; color:darkred;}
#central #arriba a:hover{background-color:lightblue;)