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

#all{ 
   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;
} 
#header{ 
  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; 
} 

#header 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;
}

#body{ 
   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;
} 

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

#main h4{ /* Formato de Por ejemplo y otros */
 font-size:12px;
/* margin:5px; */ 
 color:#FF9900;   
}

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

#foot_in_right{ 
   padding: 1 1 1 1px; 
   float:right;
/*   width:40%; */
   margin-right: 186px; 
   margin:5px;
   width: 250px; 
   text-align:left;
/*   background-color: #AFFFCC;*/
   }
#foot_in_right h3{ 
  font-size:12px;
  margin:0px;
  color:#FF9900;
  }     
  
##foot_in_links{ 
  clear:both;
  text-align:center;
  padding-bottom:5px;
  padding-top:30px;
  font-weight: bold;
  width: 100%;
/*  background-color: #AFFFCC; */
  }
#recomend{ 
  clear:both;
  text-align:center;
  padding-bottom:20px;
  padding-top:20px;
  width: 100%;
/*  background-color: #AFFFCC; */
  }
#foot_in_link_main_page{ 
  text-align:center;
  padding-bottom:5px;
  padding-top:10px;   
/*  padding: 1 0 10 0px;  */
   border-top:1px solid #000000; 
  }
#foot{ 
   background-color: #FFEDD9; 
   padding: 1 1 1 1px; 
   text-align:right; 
}