html{
   background:  url('../imagenes/rallado.png');
   font-family: Tahoma, Arial, Verdana, Helvetica;
   padding: 0px;
}

body{
   margin: 0px;
   background:  url('../imagenes/fondo.gif') repeat-x;   
   padding: 0px;
   padding-bottom: 10px;
}


#contenedor{
   margin-top: 0px;
   margin-left: 15%;
   width: 70%;
   border: 1px solid #236BD7;
   border-top: 7px solid #236BD7;
   text-align: left;
   background: #FFF;
   padding: 10px;
   color: #000;
}


#contenedor h2{
   color: #90D112;
   text-align: left;
   padding-left: 0.4em;
}

h1{
   color: #FFF;
   margin-top: 0px;
   margin-left: 10px;
}


#contenedor p{
   text-align: left;
   font-size: 80%;
}

ul{
   font-size: 80%;
}

#menu{
   float: right;
   width: 30%;
   height: 100%;
   margin-left: 8px;
   padding-top: 20px;
   padding-left: 15px;
   background: #F8F8F8;
   text-align: left;
   font-size: 0.75em;
   font-family: Tahoma, Arial, Verdana, Helvetica;
}

#menu p{
   color: #000;
   padding-left: 15px;
}


#menu li{
   list-style: none;
   background:  url('../imagenes/punto.gif') no-repeat 0 4px;
   padding: 2px 0 2px 20px;
   color: #888;
   margin-left: -10px;
   font-size: 120%;
}

#menu li li{
   list-style: none;
   background:  url('../imagenes/sub.gif') no-repeat 0 4px;
   padding: 2px 0 2px 20px;
   margin-left: -25px;
   font-size: 120%;
}

#menu li a{
   text-decoration: none;
   color: #888;
   font-size: 120%;
}  

#menu li a:hover{
   background: #888;
   color: #FFF;
}


#final{
   border-top: 1px solid #B5CCBE;
   font-size: 0.6em;
   text-align: center;
}

#final a{
   text-decoration: none;
}

#contenedor #final p{
   text-align: center;
}

.lista{

   padding-bottom: 25px;
   border-bottom: 3px solid #90D112;
}

.lista cite{
   font-size: 1.4em;
   text-align: center;
}

cite{
   font-family: "Times New roman";
}

#citas{
   padding-top: 25px;
   text-align: center;
}

#citas p{
   text-align: center;
}

#resumen{
   padding: 0 1.7em 1.7em 1.7em;
}

#resumen p{
   text-align: justify; 
}

.sombra{
   width: 40%;
   background: #888;
   z-index: 5;
}

.sombra div{
   position: relative;
   left: -0.5em;
   top: -0.5em;
   border: 1px solid #236BD7;
   z-index: 10;
   background: #FFF;
   padding: 0.3em;
}

#reproductor {
   width: 660px;
   border: 1px solid black;
   padding: 20px 10px 0 10px;
   }

.imag {
   width: 50%;
   padding: 20px;
   border-bottom: 3px solid #90D112;
}

.imag a{
   text-decoration: none;
   color: #888;
}

.imag a:hover{
   background: #888;
   color: #FFF;
}


#video1 {
   margin-bottom: 20px;
   }

#botones {
   float: left;
   padding-left: 20px;
}


#info {
   float: right;
   width: 320px;
   height: 96px;
}


#capitulos {
   margin: 40px 0 30px 0;
   border: 1px solid black;
}

a{
   cursor: pointer;
}

#volver {
   padding: 2em;
   text-align: justify;
}

#estadisticas {
   display: none;
}

.aviso{
   width: 60%;
   border: 1px solid #236BD7;
   border-left: none;
   border-right: none;
   background: url('../imagenes/importante.png') no-repeat left center;
   padding-left: 60px;
   padding-top: 10px;
   padding-bottom: 10px;
}

.mail{
  width: 60%;
   border: 1px solid #236BD7;
   border-left: none;
   border-right: none;
   padding-left: 60px;
   padding-top: 10px;
   padding-bottom: 10px;
   background: url('../imagenes/mail.png') no-repeat left center;
}

.docs{
   margin-left: 35px;
}