/**
	*********************************************
	* Prototype of styles for horizontal CSS-menu
	* @data 30.06.2009
	*********************************************
	* (X)HTML-scheme:
	*  <div id="menu">
	*      <ul class="menu">
	*          <li><a href="#" class="parent"><span>level 1</span></a>
	*              <div><ul>
	*                  <li><a href="#" class="parent"><span>level 2</span></a>
	*                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
	*                  </li>
	*              </ul></div>
	*          </li>
	*          <li class="last"><a href="#"><span>level 1</span></a></li>
	*      </ul>
	*  </div>
	*********************************************
*/

/* menu::base */
div#menu {
	height:25px;
	background: #0095c3;
	
}

div#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
div#menu ul.menu {
	padding-left: 10px;
}

div#menu li {
	position: relative;
	z-index: 9;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

div#menu li:hover>ul {
	left: -2px;
}

div#menu li div {
	list-style: none;
	float: left;
	position: absolute;
	top: 20px;
	left: 0;
	width: 208px;
	z-index: 11;
	visibility: hidden;
	padding: 0 0 9px 7px;
	_padding: 0 0 9px 3px;
	
	margin: 0 0 0 -17px;
}
div#menu li:hover>div {
	visibility: visible;
}

div#menu li.current a {}

/* menu::level1 */
div#menu a {
	position: relative;
	z-index: 10;
	height: 26px;
	display: block;
	float: left;	
	padding: 0 10px 0 10px;
	/*line-height: 55px;*/
	text-decoration: none;
	text-align: center;
	text-decoration: none;
	color: #ffffff
}

div#menu ul li ul li a {
	text-align: left;
}

div#menu span {
	font: normal 13px Arial;
	margin-top: -5px!important;
	color: #ffffff;
	display: block;
	cursor: pointer;
	background-repeat: no-repeat;	
	height: 30px;
	/*width:75px;*/
}
div#menu ul a:hover span {
	color: #00414e;
}

div#menu li {  }
div#menu li.last span{
	
	padding: 18px 10px 16px 0;
}

/* menu::level2 */
div#menu ul ul li {
	/*padding: 4px 0;*/
	padding: 0px 0px 0px 0px;
	/*padding: 4px 0px 0px 4px;*/
	/*ight: 20px;*/
	z-index: 9;	
}

div#menu ul ul {
	z-index: 12;	
	padding: 0;
	background: #0095c3;
	margin-top:0px;
	margin-left:0px;
	margin-right:5px;
}
div#menu ul ul a {
	width: 145px;
	/*  padding: 0px 7px 3px 8px;*/
	height: auto;
	float: none;
	display: block;
	background:none;
	margin-bottom: 2px;
	z-index: -1;
}
div#menu ul ul a span {
	padding: 0 10px 0px 10px;
	line-height: 20px;
	color: #00313b;
	font-weight:normal;
	text-transform: none;
	background:none;
}
div#menu ul ul a:hover {
	
}
div#menu ul ul a:hover span {
	color: #fff;
}

div#menu ul ul li.last { background: none; }
div#menu ul ul li {
	width: 100%;
}

/* menu::level3 */
div#menu ul ul div {
	width: 155px;
	margin: 0px 0px 0px 138px !important;
	height: auto;
}
div#menu ul ul ul {
	
}

/* lava lamp */
div#menu li.back {
}
div#menu li.back .left {
}


div#menu ul ul a.parent {
	margin-right: -50px; 
	/*width: 500px!important;*/
}
div#menu ul ul a.parent span {
	padding-right: 26px;
}
div#menu ul ul a.parent:hover {
	color: #00414e;
	
}
div#menu ul ul a.parent:hover span {
}


div#menu ul ul a.parent{
	background-position: 175px 8px;
}

div#menu ul ul a.parent:hover{
	background-position: 175px 8px;
}


div#menu ul ul li a{
	padding: 4px 0px 4px 12px;
	height: 18px;
	z-index: 9;	
}

div#menu ul ul li a:hover{
	padding: 4px 0px 4px 12px;
	height: 18px;
	z-index: 9;	
}

#siteMenuBar > #menuContainer
{
	height: 25px;
	padding-top: 5px;
	top: 220px!important;
	z-index: 9999!important;
	/*padding-left: 10px;
	padding-right: 10px;*/
}

#siteMenuBar
{
	position: fixed;
	top: 0px;
	right: 0px;
	width: 550px;
	height: 30px;
	margin-top: 60px;
	margin-right: -440px;
	z-index: 2;
}

#siteMenuBar ul
{
	float: right;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
}

#siteMenuBar li
{
	display: inline-block;
	margin: 0;
	padding: 0px 5px 0px 5px;
	margin-right: 10px;
}

#siteMenuBar ul:first-child
{
	float: left;
	margin-left: 10px;
}

div#menu a:hover{
	color: #00414e!important;
}


.dropdown { /* rules for dropdown div */
	width: 224px!important;
	position: absolute;	
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */
	border: 0px solid red;
	
}

.dropdown div {
	width: 200px!important;
	position: absolute;		
	top: 0px;  
	border: 0px solid blue;
	text-align: left; /* needed because IE misapplies text centering to boxes */
	
}


/* The margins on the UL's replace the div paddings to create "sticky hovering"
	zones,  and the margins should "fill" the divs, making the IE BG fix unnecessary.
	Unfortunately the BG fix is still needed, altho this method does eliminate
possible box model problems */

.dropdown ul { 
	width: 160px; /* tweaked so that dropdowns appear to "line up" with top links */
	margin: 0px 0px 0px 0px; /* creates "sticky hovering" zones for dropdowns */
	border: 0px none #ffffff; 
	border-width: 0px 0px 0px 0px; 
	margin-left: 10px!important;
} /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */

.dropdown div ul {margin: 0px 0px 0px 0px;} /* creates "sticky hovering" zones for flyouts */
.dropdown div ul {margin: 30px 30px 30px 50px;} 
.nav div.mini-zone { /* special hover zone that covers the "danger corner" */
	padding: 0;
	width: 100px;
	height: 100px;  
	font-size: 1px;
	bottom: -15px;
	top: auto;	
}

.nav .dropdown li:hover div.mini-zone { /* hover rule for mini-zones */
	left: auto;
	right: 8px;
	top: auto;
}

.nav .four li:hover div.mini-zone { /* reversed hover rule for rightmost drop mini-zones */
	left: 8px;
}

.dropdown li:hover div { /* hover rule for flyouts */
	left: 180px; /* this value controls the amount of flyout "overlap" */
	top: 0px; /* this value controls the amount of flyout vertical offset */
}

.parent:hover div.dropdown {left: -31px;} 




.dropdown2{ /* rules for dropdown div */
	width: 300px!important;
	position: absolute;	
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */
	border: 0px solid red;
}

.blabla{
	top: 0px!important;
}

div#menu li.pru{
	margin-top: 16px;
}

div#menu li.prugris{
	margin-top: 16px;
}

li.prugris span {
color: #606060!important;

}

li.prugris div.dropdown ul li a{
color: #606060!important;

}

.enlaceGris
{
color: #606060!important;	
}

div#menu li.final{
	right: 5px;
	position:absolute;
	margin-top: 8px;
}

div#menu{
	height: 35px;
	margin-top: 6px;
}

.divLogin
{
	position: relative;
	top: -17px;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
}
		
.textoNoPermisos
{
	color: #606060!important;

}