/* JS disabled styles */
.no-js #topNav li:hover ul { display:block; }

/* base #topNav styles */
#topNav { display:block; margin:0 auto 0px; border:0px solid #e6e6e6; position:relative; background:none; float:left}
#topNav ul { padding:0px 0px; margin:0; }
#topNav li { position:relative; float:left; list-style-type:none;}
#topNav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; z-index:200000000 }

#topNav li a {
	border-left:2px solid #fff;
	display:block;
	margin:20px 0px;
	padding:0px 15px 0px 15px;
	color:#fff;
	text-decoration:none;
	font:14px calibri, Arial, tahoma, Verdana;
	width:auto;
	text-align:center;
	font-weight:bold;
	text-transform: uppercase;
}

#topNav li a:focus { outline:none; text-decoration:underline; }
#topNav li:first-child a { border-left:none; }
#topNav li.last a { border-right:none; }
#topNav a span { display:block; float:right; margin-left:5px; }

#topNav ul ul { 
display:none; 
width:150px; 
position:absolute; 
left:0; 
top:38px;
background:#a8a9aa;
padding:5px 10px 10px;
z-index:200000000; 
/*filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;*/
border-top:0px solid #fff;
}
#topNav ul ul li { 
float:none; padding:0px 0px;}

#topNav ul ul li a{
border-bottom:1px solid #484747;
border-left:0px solid #fff;
display:block; 
padding:4px 0px 4px; 
margin:0px 0px;
color:#484747; 
text-decoration:none;  
font:14px calibri, Arial, tahoma, Verdana; 
width:auto;
text-align:left;
font-weight:bold;
}

#topNav ul li a:hover{
	/*background-color:#10462f;
	width:auto;
padding:5px 0px 5px 10px;  
border-bottom:1px solid #606060; 
font-size:14px; 
font-family:arial, tahoma; 
background:url(../imagenes/ico.jpg);
background-repeat:no-repeat;
background-position:center left;
text-align:left;*/
color:#CCC;
}
#topNav ul ul a:hover { 
color:#fff;}

/* CSS3 
.borderradius #topNav { -moz-border-radius-bottomleft:4px; -moz-border-radius-topleft:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; border-bottom-left-radius:4px; }*/
/*.cssgradients #topNav { background-image:-moz-linear-gradient(0% 22px 90deg, #222, #999); background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#999), to(#222)); }
.boxshadow.rgba #topNav { -moz-box-shadow:2px 2px 2px rgba(0,0,0,.75); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.75); box-shadow:2px 2px 2px rgba(0,0,0,.75); }
.cssgradients #topNav li:hover { background-image:-moz-linear-gradient(0% 30px 90deg, #63a01a, #62c060); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#62c060), to(#63a01a)); }*/
/*.borderradius #topNav ul ul {
	border-top:0px solid #2d2d2d;
-moz-border-radius-bottomleft:4px; 
-moz-border-radius-bottomright:4px; 

-webkit-border-bottom-left-radius:4px; 
-webkit-border-bottom-right-radius:4px; 

border-bottom-left-radius:4px; 
border-bottom-right-radius:4px; }*/

/*.boxshadow.rgba #topNav ul ul { background-color:#e64815;  -moz-box-shadow:2px 2px 2px rgba(0,0,0,.8); -webkit-box-shadow:2px 2px 2px rgba(0,0,0,.8); box-shadow:2px 2px 2px rgba(0,0,0,.8); }*/
/*.rgba #topNav ul ul li {}
.rgba #topNav ul ul a:hover { background-color:rgba(85,85,85,.9); }
.borderradius.rgba #topNav ul ul li.last { border-left:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }*/
/*.csstransforms ul a span { -moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg); }

 fallbacks 
.no-cssgradients #topNav, .no-js #topNav { padding-bottom:4px; border:none; background:url(../fallback/navBG.gif) repeat-x 0 0; }
.no-borderradius #topNav ul, .no-js #topNav ul { background:url(../fallback/navRight.gif) no-repeat 100% 0; }
.no-borderradius #topNav ul ul, .no-js #topNav ul ul { background:none; }
.no-borderradius #topNav li, .no-js #topNav li { height:44px; }
.no-cssgradients #topNav li:hover, .no-js #topNav li:hover { background:url(../fallback/navOverBG.gif) repeat-x 0 0; }
.no-borderradius #topNav li li, .no-js #topNav li li { height:auto; width:98%; left:-2px; }
.no-borderradius #topNav li:first-child, .no-js #topNav li:first-child { background:url(../fallback/navLeft.gif) no-repeat 0 0; }
.no-borderradius #topNav li:first-child:hover, .no-js #topNav li:first-child:hover { background:url(../fallback/navOverLeft.gif) no-repeat 0 0; }
.no-borderradius #topNav li li:first-child, .no-js #topNav li li:first-child { background:none; }
.no-rgba #topNav ul ul, .no-js #topNav ul ul { left:1px; padding-left:2px; background:url(../fallback/subnavBG.png) no-repeat 100% 100%; }
.no-rgba #topNav ul ul a, .no-js #topNav ul ul a { left:3px; }
.no-rgba #topNav ul ul a:hover { background:url(../fallback/subOverBG.png) repeat 0 0; }
.no-csstransforms ul a span { height:7px; width:12px; margin-top:8px; text-indent:-5000px; overflow:hidden; background:url(../fallback/indicator.png) no-repeat 0 0; }
.no-borderradius ul ul li.last { margin-bottom:10px; }
.no-cssgradients.boxshadow #topNav { box-shadow:none; }*/
