/* 

 ---------------------------------------------------------------------
 IPSOPOL - Instituto de Prevención Social para el Personal del C.I.C.P.C. | www.ipsopo
 Hoja de Estilos Generales
 Desarrollado por B&MT Business Management Technology | www.bmt.com.ve
---------------------------------------------------------------------
 
*/

/* ---------------------------------------------------------------------
///// ESTILOS MENU JQUERY ///// 
--------------------------------------------------------------------- */


.container {
width: 925px;
padding: 0;
margin: 0 auto;
z-index:1;
position:relative;
}


ul#topnav {
margin: 0; 
padding: 0;
float:left;
width: 100%;
list-style: none;
font-size: 1.1em;
}

	ul#topnav li {
	float: left;
	margin: 0; 
	padding: 0;
	position: relative;
	}
	
		ul#topnav li:hover{
		background-image:url('../images/menuSector1levelBackground.jpg');
		background-position:left top;
		background-repeat:repeat-x;
		}
		
			ul#topnav li.active{
			background-image:url('../images/menuSector1levelBackground.jpg');
			background-position:left top;
			background-repeat:repeat-x;
			}
			
			ul#topnav li.active a{
			color:#cb281f;
			}


		
		ul#topnav li:hover a{
		color:#cb281f;
		background-image:none;
		}

		
		ul#topnav li a {
		font-size:18px;
		float: left; 
		height: 44px;
		color:#FFFFFF;
		margin:auto;
		padding:6px 14px 7px 18px; 
		}

			ul#topnav li:hover a, ul#topnav li a:hover { 
			text-decoration:none;
			}

ul#topnav li .sub {
position: absolute;	
top: 35px; left: 0;
background-image:url('../images/mainMenuBackground.jpg');
background-position:left bottom;
background-color:#ffffff;
background-repeat:repeat-x;
padding: 20px 20px 20px;
float: left;
display: none;
border:1px #dadada solid;
border-top:none;
}

ul#topnav li .row {
clear: both; 
float: left;
width: 100%; 
margin-bottom: 10px;
}

	ul#topnav li .row ul{
		display:inline-block;
		padding:0 40px 0 0;
		margin-right:80px;
	}
	
		ul#topnav li .row ul li h2{
		padding-left:10px;
		padding-bottom:5px;
}

ul#topnav li .sub ul{
list-style: none;
margin:0; 
padding:0 0 0 0;
width:140px;
float:left;
}

	ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
	line-height:12px;
	}

		ul#topnav .sub ul li h2 {
		padding: 0;  margin: 0;
		font-size: 1.3em;
		font-weight: normal;
		}

			ul#topnav .sub ul li h2 a {
			padding: 5px 0;
			background-image: none;
			color: #595959;
			font-size:12px;
			font-weight:bold;
			}

		ul#topnav .sub ul li a {
		float: none; 
		height: auto;
		padding: 7px 5px 7px 15px;
		display: block;
		text-decoration: none;
		color: #595959;
		font-size:12px;
		}

ul#topnav .sub ul li a:hover {
text-decoration:underline;

background-image:none;
background-repeat:no-repeat;
}