@charset "utf-8";
/* =CALL LIBRARY */
	@import url("reset-min.css"); /* ------- Reset all CSS Styles */
	
	
	
	/* =TOP NAVIGATION */


	
		#menu {
	color: #FFFFFF;
	background:#2f286f;
	height: 53px;
	width: 100%;
	margin: 0px auto;

	}
	
#menu li {float:right; margin-right:2px;}

#menu li a {
	display:block;
	float:left;
	height:43px;
	line-height:15px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:13px;
	
	padding:10px 30px 0 10px;
}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#7cc341;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:#7cc341;}
#menu li:hover > a.sub {color:#fff; background-color:#7cc341;}

#menu li.current a {color:#fff; background:#840;}

#menu li a.sub {}
#menu li.current a.sub {color:#fff; }

#menu :hover ul {left:0; top:53px; width:176px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul,
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:125px; top:-1px; background:#7cc341; white-space:nowrap; width:128px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #666;}
#menu :hover ul li a {width:176px; padding:0; text-indent:10px; background:#333; color:#ccc; height:30px; line-height:30px;}
#menu :hover ul li a.fly {background:#333 url(../images/right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#7cc341; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#7cc341; color:#fff;}

#menu :hover ul li.currentsub a {background:#840; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#840 url(../images/right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#7cc341; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#7cc341; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#7cc341; color:#fff;}


/* =TOP NAVIGATION INTERIOR*/

	#menuint {
	color: #FFFFFF;
	background: url(../images/fons_menu.gif) left bottom no-repeat;
	height: 53px;
	width: 100%;
	margin: 0px auto;

	}
	
#menuint li {float:right; margin-right:4px;}

#menuint li a {
	display:block;
	float:left;
	height:43px;
	line-height:15px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:13px;
	padding:10px 30px 0px 10px;
}




#menuint table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menuint li a:hover {z-index:200; position:relative;color:#fff; background-color:#7cc341;}
#menuint li:hover {position:relative; z-index:200;}

#menuint li:hover > a {color:#fff; background:#7cc341;}
#menuint li:hover > a.sub {color:#fff; background-color:#7cc341;}

#menuint li.current a {color:#fff; background:#840;}

#menuint li a.sub {}
#menuint li.current a.sub {color:#fff; }

#menuint :hover ul {left:0; top:53px; width:176px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menuint ul,
#menuint :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menuint :hover ul :hover ul
{left:125px; top:-1px; background:#7cc341; white-space:nowrap; width:128px; z-index:200; height:auto;}

#menuint :hover ul li {margin:0; border-top:1px solid #666;}
#menuint :hover ul li a {width:176px; padding:0; text-indent:10px; background:#333; color:#ccc; height:30px; line-height:30px;}
#menuint :hover ul li a.fly {background:#333 url(../images/right-arrow.gif) no-repeat right center;}

#menuint :hover ul :hover {background-color:#7cc341; color:#fff;}
#menuint :hover ul :hover a.fly {background-color:#7cc341; color:#fff;}

#menuint :hover ul li.currentsub a {background:#840; color:#fff;}
#menuint :hover ul li.currentsub a.fly {background:#840 url(../images/right-arrow.gif) no-repeat right center; color:#fff;}

#menuint :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#7cc341; color:#ccc;}
#menuint :hover ul :hover ul :hover {background-color:#7cc341; color:#fff;}

#menuint :hover ul :hover ul li.currentfly a,
#menuint :hover ul :hover ul li.currentfly a:hover {background:#7cc341; color:#fff;}


/* =AREA PRIVADA*/

	#menupriv {
	color: #FFFFFF;
	background: url(../images/fons_menu_privado.gif) left bottom no-repeat;
	height: 53px;
	width: 100%;
	margin: 0px auto;
	padding: 0 10px 0 10px;
}

*html #menupriv {
	padding: 0 0 0 0;
}
	
#menupriv li {float:left; margin-left:0;}

#menupriv li a {
	display:block;
	float:left;
	height:43px;
	line-height:15px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:13px;
	padding:10px 16px 0px 16px;
}

/* MENU HOME */

#homemenu {
	overflow: hidden;
	height: 200px;
}

#hommemenubarra {
background-color: #2f286f;
	height: 53px;
}
#homemenu #menupriv {
	margin-left: 350px;
	background-image: none;
}

#homemenu #menuint {
	background-image: none;
}

#menupriv table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menupriv li a:hover {z-index:200; position:relative;color:#fff; background-color:#7cc341;}
#menupriv li:hover {position:relative; z-index:200;}

#menupriv li:hover > a {color:#fff; background:#7cc341;}
#menupriv li:hover > a.sub {color:#fff; background-color:#7cc341;}

#menupriv li.current a {color:#fff; background:#6d6d6d;}

#menupriv li a.sub {}
#menupriv li.current a.sub {color:#fff; }

#menupriv :hover ul {left:0; top:53px; width:176px; background:#6d6d6d;}

/* keep the 'next' level invisible by placing it off screen. */
#menupriv ul,
#menupriv :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menupriv :hover ul :hover ul
{left:125px; top:-1px; background:#7cc341; white-space:nowrap; width:128px; z-index:200; height:auto;}

#menupriv :hover ul li {margin:0; border-top:1px solid #666;}
#menupriv :hover ul li a {width:176px; padding:0; text-indent:10px; background:#333; color:#ccc; height:30px; line-height:30px;}
#menupriv :hover ul li a.fly {background:#333 url(../images/right-arrow.gif) no-repeat right center;}

#menupriv :hover ul :hover {background-color:#7cc341; color:#fff;}
#menupriv :hover ul :hover a.fly {background-color:#7cc341; color:#fff;}

#menupriv :hover ul li.currentsub a {background:#840; color:#fff;}
#menupriv :hover ul li.currentsub a.fly {background:#840 url(../images/right-arrow.gif) no-repeat right center; color:#fff;}

#menupriv :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#7cc341; color:#ccc;}
#menupriv :hover ul :hover ul :hover {background-color:#7cc341; color:#fff;}

#menupriv :hover ul :hover ul li.currentfly a,
#menupriv :hover ul :hover ul li.currentfly a:hover {background:#7cc341; color:#fff;}