/* basado en este tutorial: http://www.desarrolloweb.com/articulos/2112.php */

#contenedor{
   text-align: left; 
   background-color: #FFEDD9; 
/*   width: 770px;  lo quito para que abarque toda la pantalla */  
   margin: auto; 
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
} 
#cabecera{ 
  background-color:#FFFFFF; 
/*  width:100%; */
  text-align:center;
/*   color: #333300; */
/*   font-size:12pt; */
/*   font-weight: bold;  */
   padding: 1 0 10 0px; 
   border-bottom:1px solid #000000; 
} 

#cabecera h1{ 
  font-size:20px;
  margin:7px;  /* para que el titulo no se peque a la parte superior. si no pongo esto el nargen es mas grande por defecto en h1 */
  color:#FF9900;
}

#cuerpo{ 
   margin: 0 0 0 0px; 
} 

#lateral{ 
   width: 185px; 
   font-size:10px;
   background-color: #FFFFCC; 
   float:right; 
   padding: 2 5 5 5px; 
} 

#lateral ul{

   margin : 0 0 0 0px; 
   padding: 0 0 0 0px; 
   list-style: none; 
} 

#lateral li{ 
   background-color: #ffffcc; 
   margin: 2 2 2 2px; 
   padding: 2 2 2 2px; 
   font-weight: bold; 
} 

#lateral a{ 
   color: #3333cc; 
   text-decoration: none; 
} 

#lateral h5{ 
  font-size:14px;
  margin:1px;  /* para que el titulo no se peque a la parte superior. si no pongo esto el nargen es mas grande por defecto en h1 */
  color:#FF9900;
  text-align:center;
} 

#principal{ 
   background-color: #FFFFFF; 
   padding: 5 5 5 5px; 
   margin-right: 186px; 
   text-align:justify;
}
   
#principal h2{ /* Formato del subtítulo */
 font-size:16px;
/* margin:5px; */ 
 color:#FF9900;   
} 

#flecha{ 
   background-color: #FFFFCC; 
   padding: 3 10 3 10px; 
   text-align:right; 
   color:#FF9900;
   font-weight: bold;
   } 
#pie_interno_izq{ 
   padding: 1 1 1 1px; 
   float:left;
/*   width:30%; */
   margin-left: 10px;    
   margin:5px;
   text-align:left;
/*   background-color: #FFFFCC; */
  } 
#pie_interno_izq h3{ 
  font-size:12px;
  margin:0px;
  color:#FF9900;
  }   

#pie_interno_der{ 
   padding: 1 1 1 1px; 
   float:right;
/*   width:40%; */
   margin-right: 186px; 
   margin:5px;
   width: 300px; 
   text-align:left;
/*   background-color: #AFFFCC; */
   }
#pie_interno_der h3{ 
  font-size:12px;
  margin:0px;
  color:#FF9900;
  }     
  
#pie_interno_enlaces{ 
  clear:both;
  text-align:center;
  padding-bottom:5px;
  padding-top:30px;
  font-weight: bold;
  width: 100%;
/*  background-color: #AFFFCC; */
  }
#recomendar{ 
  clear:both;
  text-align:center;
  padding-bottom:20px;
  padding-top:20px;
  width: 100%;
/*  background-color: #AFFFCC; */
  }
#pie_interno_enlace_pag_principal{ 
  text-align:center;
  padding-bottom:5px;
  padding-top:5px;   
  border-top:1px solid #000000; 
  }
#pie{ 
   background-color: #FFEDD9; 
   padding: 1 1 1 1px; 
   text-align:right; 
}