@charset "utf-8";



/* CSS Document */



#cssmenu {

	margin: 0px;

	padding: 0px;

	font-family: 'Open Sans', 'sans-serif';

	font-size: 14px;		/*font-size: 16px;*/

	width: auto;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	font-weight: 300;

}

#cssmenu ul {

	height: 82px;

	list-style: none;

	margin: 0;

	padding: 0;

	float: left;

}



#cssmenu li {

	float: left;

	padding: 0px;

}



#cssmenu li a {

	display: block;

	line-height: 82px;

	margin: 0px;

	text-align: center;

	text-decoration: none;

	font-weight: 300;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	width: 144px;

}

#cssmenu li current {

	display: block;

	line-height: 82px;

	margin: 0px;

	text-align: center;

	text-decoration: none;

	font-weight: 300;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	width: 144px;

}

.current {

	background-image: url(../img/fondoMenu.png);

	background-repeat: no-repeat;

	background-position: center bottom;

	height: 82px;

	width: 144px;

	line-height: 82px;

	text-align: center;

}





#cssmenu ul .separador {

	float: left;

	height: 82px;

	width: 1px;

	background-image: url(../img/separador.png);

	background-repeat: no-repeat;

	background-position: center center;

}







#cssmenu > ul > li > a {

	color: #FFFFFF;

}







#cssmenu > ul > li > a li{

	color: #FFFFFF;

}

#cssmenu ul ul a {

	color: #FFFFFF;

	background-color:#FF9900;

}

#cssmenu ul #current a    {

	background-color: #ff843a;

	color: #FFF;

}



#cssmenu li > a:hover,

#cssmenu ul li:hover > a {

	color: #08415d;

	text-decoration: none;

	background-image: url(../img/fondoMenu.png);

	background-repeat: no-repeat;

	background-position: center center;

}











#cssmenu li ul {

	display: none;

	height: auto;

	padding: 0px;

	position: absolute;

	width: 270px;

	z-index: 200;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	margin-top: -10px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	text-align: center;



}





#cssmenu li:hover ul {

	display: block;

	width: 270px;

}

#cssmenu li li {

	.display: block;

	float: none;

	width: 270px;

	height: 44px;

	background-image: url(../img/fondoSub.png);

	background-repeat: no-repeat;

	background-position: center top;

	text-align: center;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: -60px;

	padding: 0px;

}





#cssmenu li:hover li a {

  background: none;

}

#cssmenu li ul a {

	display: block;

	height: 44px;

	font-size: 13px;

	text-align: center;

	color: #FFF;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	font-weight: 300;

	line-height: 44px;

	margin: 0px;

	width: 270px;

}

#cssmenu li ul a:hover,

#cssmenu li ul li:hover > a {

	border: 0px;

	color: #ede7d7;

	text-decoration: none;

	background-image: url(../img/fondoSubH.png);

	background-repeat: no-repeat;

	background-position: center top;

	width: 270px;

}

#cssmenu p {

  clear: left;

}