@charset "utf-8";
/* CSS Document */
ul.topnav {
    list-style: none;  
    padding: 0 20px;  
    margin: 0;  
    width: 910px;  
	height: 23px;
    background: #222;  
    background: url(../images/topnav_bg.gif) repeat-x;
}  

ul.topnav li {  
	font-size:12px;  
    float: left;  
    margin: 0;  
    padding: 0 38px 0 0;  /* separacion horizontal entre itemes de menu 1er nivel */
    position: relative; /*-- Declara ejes base X e Y axis para sub-navegacion --*/  
}  

ul.topnav li a{  
    padding: 4px 5px;  
    color: #6d7680;
	font-weight:bold;
    display: block;
	font-family:Arial, Helvetica, sans-serif;
    text-decoration: none;  
    float: left;  
}  

ul.topnav li a:hover{  
    background: url(../images/topnav_hover.gif) no-repeat center top; 
	color: #2b3552;
}  

ul.topnav li span { /*-- Estilos para los triggers drop down --*/  
    width: 10px;  
    height: 20px;  
    float: left;  
    background: url(../images/subnav_btn.gif) no-repeat center top;  
}  

ul.topnav li span.subhover {
	background-position: center bottom; 
	cursor: pointer;
} /*-- Efecto Hover para los trigger--*/  

ul.topnav li ul.subnav {  
    list-style: none;  
    position: absolute; /*--Importante - Mantiene subnav que es afectado por el flujo de la navegacion principal--*/  
    left: 0; top: 21px;  /* posicion de los submenus */
    background: #333;  
    margin: 0; padding: 0;  
    display: none;  
    width: 170px;  
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #b2bbc7;
	filter:alpha(opacity=85);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	z-index:11000;
} 
 
ul.topnav li ul.subnav li{  
    margin: 0; padding: 0;  
    border-top: 1px solid #abb5c3; /*--Crea efecto bevel--*/  
    border-bottom: 1px solid #dbe1eb; /*--Crea efecto bevel--*/  
    clear: both;  
    width: 170px;  
}  

html ul.topnav li ul.subnav li a {  
    width: 145px;  
    background: #c8cfd9;
    padding-left: 20px;  
	color: #4d5258;
}  

html ul.topnav li ul.subnav li a:hover { /*--Efecto Hover para enlaces subnav--*/  
    background: #dbe1eb url(../images/dropdown_linkbg.gif) no-repeat 10px center;  
}   

a:link.programasEspeciales {
	text-decoration: none;
	color:#FFF;
	background:#89232e;
}

a:visited.programasEspeciales {
	text-decoration: none;
	color:#FFF;
	background:#89232e;
}

a:hover.programasEspeciales {
	text-decoration: none;
	color:#FFF !important;
	background:#a75e66 !important;
}