* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;

 background-image:url(img/bg.gif);
}

p {
margin-bottom:15px;
}

#wrapper { 
 margin: 15px auto;
 width: 770px;
 background-color:#ffffff;
 overflow: hidden;
 border:thin;
 border: 1px solid #ccc;
 padding:20px;
}

#lateral { 
 color: #333;
 width: 204px;
 height:100%;
 float:left;
  background-color:#ffffff;

 

}
#top {
 color: #FFF;
 width: 561px;
 float: left;
padding: 10px 0px 10px 0px;
margin-bottom:60px;
 background: #02477A;
 float:left;
 overflow: hidden;
}

#content { 
color:#666666;
 width: 506px;
 padding: 40px 35px 20px 20px;
 float:left;
 overflow: hidden;
}

#pie { 
 color:#fff;
 width: 745px;
 background-color: #02477A;
 float:left;
 padding:10px;

}

/*Classes*/

a {
color:#02477A;
text-decoration:none;
}


h1 {
color:#02477A;
font-size:150%
}

h2 {
font-size:120%;
}

.prog td {
padding: 12px 0px 12px 5px;
}
.idiomas {
margin-top:45px;
margin-bottom:45px;
}

.idiomas li
{
display: inline;
list-style-type: none;
margin-left:30px;
}

#top li
{
display: inline;
list-style-type: none;
padding: 10px 30px 10px 0px;
}

#top a {
color:#fff;
text-decoration:none;
}


#top a:hover{
color:#fff;
text-decoration:underline;
}

#pie a {
color:#fff;
text-decoration:none;
}

#pie a:hover{
color:#fff;
text-decoration:underline;
}

.franja{
width:100%;
padding:5px;
}

.hora{
width:80px;
float:left;
}

.actividad{
margin-left:80px;
}

video
{
margin-left:200px;
}

.naranja{
background-color:#FFFABB;
}

.activo{
text-decoration:underline;
}