#navcontainer
{
background: #DDFFFF;
margin: 0 auto;
padding: 1em 0 0 0;
font-family: georgia, serif;
text-transform: lowercase;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 80%;
font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: left;
width: 15%;
margin: 0;
padding: 0;
}

ul#navlist li a
{
	display: block;
	width: 100%;
	padding: 0.5em;
	color: #777;
	text-decoration: none;
	background: #f7f2ea;
	border: 1px solid #468DE7;
}

#navcontainer>ul#navlist li a {
	width: 100%;
	background-color: #A9CBF3;
}

ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
	color: #800000;
	background: transparent;
	border-color: #FFFFFF;
}
.navegacion{
width:750px;
height:50px;
background-color:#ffffff;
}
.barra {
padding:0 0 0 32px;
 margin:0;
  list-style:none;
   height:25px;
    background:#fff url(back.jpg);
	 position:relative;
	  border:1px solid #000;
	   border-width:0 1px 1px 1px;
	    border-bottom-color:#444;
		}
.barra li {
float:left;
}
.barra li a {
display:block;
 float:left;
  height:25px;
   line-height:23px;
    background:url(0.jpg);
	 color:#fff;
	  text-decoration:none;
	   font-size:11px;
	    font-family:arial, verdana, sans-serif;
		 font-weight:bold; text-align:center;
		  padding:0 0 0 12px;
		   cursor:pointer;
		   }
.barra li a b {
float:left;
 display:block;
  padding:0 12px 0 0;
   background:url(0.jpg) right top;
   }
.barra li.current a {color:#fff; background:url(2.jpg);}
.barra li.current a b {background:url(2.jpg) right top;}
.barra li a:hover {color:#000; background:url(1.jpg);}
.barra li a:hover b {background:url(1.jpg) right top;}