/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* 
 PREFIJOS HACKS CSS PARA LOS NAVEGADORES 
 ========================================= 
 	- IE6
	- IE7
	- IE8
	- MOZILLA
	- SAFARI
	- OPERA


	* html    			        ---------->  IE6
	*:first-child+html          ---------->  IE7
	-ms- 					    ----------> Internet Explorer 8

	-moz- 					    ----------> Mozilla
	-webkit-					----------> WebKit y Safari
*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/



/*#####################################################################################################################*/
/*      CONFIGURACION DEL MENU PRINCIPAL 																			   */
/*#####################################################################################################################*/

/******   VERSION DE MOZILLA - OPERA - SAFARI     ***********************************************************/
.mattblackmenu ul{
margin: 0;padding: 0;
/*font:normal 10px/24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;*/
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
list-style-type: none;
border-top: 0px solid gray;
border-bottom: 0px solid gray;
overflow: hidden;
width: 100%;
color: #FFFFFF;
#font-weight:bold;/*IE7*/

}

.mover_inicio{
/*font:normal 10px/24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;*/
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px 0px 0px 0px;
#margin:0px 0px 0px 0px;/*IE7*/
#font-weight:bold;/*IE6*/
font-weight:bold;
color: #000000;
}

.mover_inicio li a:hover{
background-image: url(../images/new/menu/menu_bg_central_hover.jpg);
background-repeat: repeat-x;
background-position: center center;
color: #000000;
font-weight:bold;
#font-weight:bold;/*IE7*/
}
.mover_inicio li a:hover:after{
background-image: none;
background-repeat: repeat-x;
background-position: center center;
color: #000000;
font-weight:bold;
#font-weight:bold;/*IE7*/
}
.mover_inicio li a.selected{
background-image: url(../images/new/menu/menu_bg_central_hover.jpg);
background-repeat: repeat-x;
background-position: center center;
color: #000000;
font-weight:bold;
#font-weight:bold;/*IE7*/

}
















.mattblackmenu li{
display: inline;
margin: 0 auto;
}

.mattblackmenu li a{
float: left;
display: block;
margin: 1px 0px 0px 0px;
text-decoration: none;
padding-top:9px; /*padding inside each tab*/
padding-left:9px;
padding-right:2px;
padding-bottom:9px;
border-right: 0px solid white; /*right divider between tabs*/
color: #000000;
font-weight:bold;
#font-weight:bold;/*IE7*/
}

.mattblackmenu li a:visited{
font-weight:bold;
#font-weight:bold;/*IE7*/
color: #000000;
}

.mattblackmenu li a:hover{
background-image: url(../images/new/menu/menu_bg_central_hover.jpg);
background-repeat: repeat-x;
background-position: center center;
color: #000000;
font-weight:bold;
#font-weight:bold;/*IE7*/
}
.mattblackmenu li a:hover:after{
background-image: none;
background-repeat: repeat-x;
background-position: center center;
color: #000000;
font-weight:bold;
#font-weight:bold;/*IE7*/
}
.mattblackmenu li a.selected{
background-image: url(../images/new/menu/menu_bg_central_hover.jpg);
background-repeat: repeat-x;
background-position: center center;
color: #000000;
font-weight:bold;
#font-weight:bold;/*IE7*/

}




/******   VERSION DE INTERNET EXPLORER 6     ***********************************************************/
/*
* html .mover_inicio{
font:normal 10px/24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
margin:0px 0px 0px 0px;
}
*/
* html .mover_inicio li a:visited{
background-image: url(../images/new/menu/menu_bg_central_hover.jpg);
background-repeat: repeat-x;
background-position: center center;
color: #000000;
}
* html .mattblackmenu li a:hover{
background-image: url(../images/new/menu/menu_bg_central_hover.jpg);
background-repeat: repeat-x;
background-position: center center;
color: #f7f7f7;
}

* html .mattblackmenu li a.selected{
background-image: url(../images/new/menu/menu_bg_central_hover.jpg);
background-repeat: repeat-x;
background-position: center center;
color: #000000;
}





/*#####################################################################################################################*/
/*      CONFIGURACION DE LOS SUB MENUS 																				   */
/*#####################################################################################################################*/

/******   VERSION DE MOZILLA - OPERA - SAFARI     ***********************************************************/

/* ######### Drop Down ULs CSS ######### */
.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
/*font:normal 10px/24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;*/
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border: 0px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
text-align:left;
}

.mover_submenu_li{
margin:-3px 0px 0px 0px;
}

.ddsubmenustyle li a{
display: block;
width: 180px; /*width of menu (not including side paddings)*/
#width: 205px;/*IE 6 - 7 - 8*/
color: #000000;
background-color:#c5c4c4;
text-decoration: none;
padding: 6px 10px;
border: 1px solid #b4b3b3;
text-align:left;

z-index: 900;
display:block;
position: static;
}

.ddsubmenustyle li a:hover{
/*background:#333333 url(../images/menubar_over.png) right top;*/
background-color:#767676;
color: #000000;
}

/* ######### Neutral CSS  ######### */
/****  IMAGENES O FLECHAS HACIA ABAJO DEL MENU  ******/
.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 6px;
border: 0;
}

* html .downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
#padding-left: 6px;
margin-left:6px;
#border: 0;
}

/****  IMAGENES O FLECHAS HACIA LA DERRECHA DEL SUBMENU ******/
.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}
.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
border:0;
}




/******   VERSION DE INTERNET EXPLORER 6     ***********************************************************/
* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
border-bottom: 0px solid black;
color: #000000;
}





