/***** CSS DE ESTRUCTURA Y CONTENIDO GENERAL para los Menus *****/

ul { 	padding: 0;	margin: 0; 	list-style: none; }
  
#preloadedImages {
   width: 0px;
   height: 0px;
   display: inline;
   background-image: url(http://www.webboda.es/images/icono_home_hover.jpg);
  	background-image: url(http://www.webboda.es/images/icono_admin_hover.jpg);
	background-image: url(http://www.webboda.es/images/icono_webboda_hover.jpg);
	background-image: url(http://www.webboda.es/images/icono_ayuda_hover.jpg);
	background-image: url(http://www.webboda.es/images/icono_blog_hover.jpg);
}  
  
/* Root = Horizontal, Secondary = Vertical */
ul#menu_principal {  list-style: none;  margin: 0 0 0 195px;}

ul#menu_principal li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 33px;
  padding:0 5px 0 0px;
}
ul#menu_principal ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 36px;
  left: 0;
}

ul#menu_principal ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#menu_principal ul li {
  width: 170px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#menu_principal a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #FFF;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}
ul#menu_principal a.main {  padding: 11px 10px 11px 22px;}
ul#menu_principal a.webboda {  padding: 11px 10px 11px 27px;}
ul#menu_principal ul a {  padding: 9px 15px 9px 17px;  border-top: 1px solid #999;}

/* Root Menu Hover Persistence */
ul#menu_principal a:hover,
ul#menu_principal li:hover a,
ul#menu_principal li.iehover a {  background: #575757;  color: #FFF;}

ul#menu_principal a.home {
  background-image: url(http://www.webboda.es/images/icono_home.jpg); background-repeat: no-repeat;
  background-position: 5px 11px;
}
	ul#menu_principal a.home:hover,
	ul#menu_principal li:hover a.home,
	ul#menu_principal li.iehover a.home {
  		background-image: url(http://www.webboda.es/images/icono_home_hover.jpg); background-repeat: no-repeat;
  		background-position: 5px 11px;
	}
ul#menu_principal a.admin {
  background-image: url(http://www.webboda.es/images/icono_admin.jpg); background-repeat: no-repeat;
  background-position: 5px 12px;
}
	ul#menu_principal a.admin:hover,
	ul#menu_principal li:hover a.admin,
	ul#menu_principal li.iehover a.admin {
  		background-image: url(http://www.webboda.es/images/icono_admin_hover.jpg); background-repeat: no-repeat;
  		background-position: 5px 12px;
	}
ul#menu_principal a.webboda {
  background-image: url(http://www.webboda.es/images/icono_webboda.jpg); background-repeat: no-repeat;
  background-position: 5px 11px;
}
	ul#menu_principal a.webboda:hover,
	ul#menu_principal li:hover a.webboda,
	ul#menu_principal li.iehover a.webboda {
  		background-image: url(http://www.webboda.es/images/icono_webboda_hover.jpg); background-repeat: no-repeat;
  		background-position: 5px 11px;
	}
ul#menu_principal a.ayuda {
  background-image: url(http://www.webboda.es/images/icono_ayuda.jpg); background-repeat: no-repeat;
  background-position: 7px 11px;
}
	ul#menu_principal a.ayuda:hover,
	ul#menu_principal li:hover a.ayuda,
	ul#menu_principal li.iehover a.ayuda {
  		background-image: url(http://www.webboda.es/images/icono_ayuda_hover.jpg); background-repeat: no-repeat;
  		background-position: 7px 11px;
	}
ul#menu_principal a.blog {
  background-image: url(http://www.webboda.es/images/icono_blog.jpg); background-repeat: no-repeat;
  background-position: 5px 11px;
}
	ul#menu_principal a.blog:hover,
	ul#menu_principal li:hover a.blog,
	ul#menu_principal li.iehover a.blog {
  		background-image: url(http://www.webboda.es/images/icono_blog_hover.jpg); background-repeat: no-repeat;
  		background-position: 5px 11px;
	}
	
/* 2nd Menu */
ul#menu_principal li:hover li a,
ul#menu_principal li.iehover li a {  float: none;  background: #575757;  color: #FFF;}

/* 2nd Menu Hover Persistence */
ul#menu_principal li:hover li a:hover,
ul#menu_principal li:hover li:hover a,
ul#menu_principal li.iehover li a:hover,
ul#menu_principal li.iehover li.iehover a {  background: #828282;  color: #FFF;}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu_principal li:hover ul,
ul#menu_principal li.iehover ul {  display: block;}


ul.menu_acceso {	float: right; display: inline;	margin: 11px 20px 0 0;}
	ul.menu_acceso li {
		float: left; display: inline;
		margin-left: 20px;
		font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #FFF; 
	}
		ul.menu_acceso li.usuario {
			background-image: url(http://www.webboda.es/images/icono_usuario.jpg); background-repeat: no-repeat;
  			background-position: 0px 1px;
			padding-left: 15px;
		}
		ul.menu_acceso li a{	text-decoration: none;	color: #FFF;}
		ul.menu_acceso li a.usuario{	text-decoration: underline;	color: #FFF;}
 		ul.menu_acceso li a:hover{	text-decoration: none;	color: #FFF;}
		ul.menu_acceso li a.logout{	color: #B9B9B9;}

ul.menu_pie {	float: left; display: inline;	margin: 35px 0 0 0;	width: 450px;}
	ul.menu_pie li {
		float: left; display: inline;
		margin-right: 10px;
		font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
		color: #A08A74;
		padding-right: 10px; 
	}
	ul.menu_pie li.barra {	border-right: 2px solid #A08A74;}
		ul.menu_pie li a{	text-decoration: none;	color: #A08A74; }