BODY {
   font: bold 12px Arial, Tahoma, sans-serif;
   color: black;
   margin: 3px 0px;
   text-align: center;
   background: #996600 url('images/BodyBG.gif') top left repeat-x;
}
h1,h2,h3 {font: bold 18px Calibri, Arial, Tahoma, sans-serif; color:#fff200;}
h2 {margin: 1px;}
p  {margin: 7px;}

a:link, a:visited, a:active {text-decoration:underline; }
a:hover {text-decoration: underline;}

img{vertical-align: middle;border: 0px;}

#contenedor{
   text-align: left;
   width: 900px;
   margin: auto;
   background: #461304;
   color:white;
}

#wrapper-menu {
	background: saddlebrown url('images/menu-background.png') top left repeat-x;
	float: left;
	width: 100%;
}

#menu {
	width: 95%;
	margin: 0 auto;
	font-size: 95%;
	white-space: nowrap;
	padding-right: 2px;	/* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */
}

* html #menu { padding-right: 0; } /* See above comment. This re-adjusts IE to the above padding */

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	border-left: 1px solid chocolate;
/*	border-right: 1px solid #95bf0f;*/
	width: 100%;

}

#menu li {
	display: inline;
}

#menu a:link, #menu a:visited {
	padding: 0.2em 0.7em;
	background: transparent;
	color: #FFF;
	text-decoration: none;
	float: left;
	border-right: 1px solid chocolate;
}

#menu ul li a:hover
{
	background: saddlebrown url('images/menu-hover.png') repeat-x;
	color: #fff98a;
}

  #cabecera{
     background: SaddleBrown url('images/cabecera5.jpg') center left no-repeat;
     height: 200px;
  }
  /* using an image to replace text in an h1. This trick courtesy Douglas Bowman, 
  http://www.stopdesign.com/articles/css/replace-text/ */

  #cabecera h1 {margin : 0px;}

  #cabecera h1 span {display:none;}

  #cuerpo{
    margin: 10px 0px;
  }

#lateral{
/*
   width: 144px;
   float:left;
   background: saddlebrown;
   color: yellow;
   font-size: 95%;
padding: 2px 3px;
*/
}


#derecha{
  margin: 0px;
} 

#principal{
  font: 15px calibri, Arial, Tahoma, sans-serif;
  width:auto;
  background-color: transparent;
  padding: 15px;
  float: left;
  }

  #principal span {display:block; text-align:center;}

  #principal a:link, #principal a:visited {background: transparent; color: #fff200;}
  #principal a:hover {background: saddlebrown url('images/menu-background.png') repeat-x; }

  #principal ul li{ color: #fff200;}
  #principal ul li ul li{ font-size: 13px; color: white;}

  #principal table { width: 100%; border: 0px; border-collapse: separate; font-size: 12px; text-align: left;}
  #principal table th{ border: 0px; font-size: 13px; color:#fff200;}
  #principal table td{ border: 1px chocolate solid; font-size: 12px; background: saddlebrown url('images/menu-hover.png') repeat-x;}

  #principal table.pgn { width: 60%; text-align: center; margin: auto;}

  /*
#otrolado{
	width: 120px;
	float: right;
}
*/

  #pie{
    background: saddlebrown url('images/menu-background.png') repeat-x;
    border: 1px chocolate solid;
    font-weight: normal;
    color: white;
    padding: 0px 5px;
    text-align:right;  
    clear: both;
  }
 
#lateral label 
{
/*width: 4em;*/
float: left;
display: block
}