@charset "utf-8";
/* CSS Document */

.themenubar {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	position:absolute;
	width:550px;
	top:-18px;
	right:0px;
	padding-left:20px;
	padding-right:20px;
	z-index:100;
	vertical-align: top;
	background-image: url(../img/fondo_menu_550px.png);
	background-repeat: no-repeat;
	background-position: 0px 18px;
	}

/* hack to correct IE5.5 faulty box model */
* html .themenubar {
	width:600px; 
	w\idth:600px;
	}

.themenubar a {
text-decoration:none;
}


/* remove all the bullets, borders and padding from the default list styling */
.themenubar ul {padding:0;margin:0;list-style-type:none;}
.themenubar ul ul {width:600px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.themenubar li {
	float:left;
	width:100px;
	position:relative;
	vertical-align:top;
}
/* style the links for the top level y por herencia a todos los subniveles */
.themenubar p, .themenubar a, .themenubar a:visited {
	display:block;
	font-size:14px;
	text-decoration:none;
	color:#FFF;
	height:30px;
	line-height:29px;
	text-align:center;
	border-left:1px;
	border-left-style:inset;
	border-left-color:#CCC;
	background-color: #666;
	vertical-align: top;
	}

.themenubar p {
	text-decoration:none;
	color:#FFF;
	background-color: #F60;
	vertical-align:top;
	cursor: pointer;
}
	
/* a hack so that IE5.5 faulty box model is corrected */
* html .themenubar a, * html .themenubar a:visited 
{
	text-decoration:none;
	width:100px; 
	w\idth:100px;
}


/* style the second level background 
PARA LOS QUE TIENEN OTRO NIVEL MAS
*/
.themenubar ul ul a.drop, .themenubar ul ul a.drop:visited 
{
/*	background:#FFF url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;*/
}

/* style the second level hover */
.themenubar ul ul a.drop:hover
{
/*	background:#FFF url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;*/
}
.themenubar ul ul :hover > a.drop 
{
/*	background:#FFF url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;*/
}

/* style the third level background */
.themenubar ul ul ul a, .themenubar ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.themenubar ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room 
ESTE ES EL CONTAINER DE LOS SUB-LINK, LE DA LA POSICION

*/
.themenubar ul ul 
{visibility:hidden;position:absolute;height:0;top:45px;left:0; width:100px;
}
/* another hack for IE5.5 */
* html .themenubar ul ul {top:50px;t\op:51px;}


/* position the third level flyout menu */
.themenubar ul ul ul{left:-100px; top:-1px; width:100px;}

/* position the third level flyout menu for a left flyout */
.themenubar ul ul ul.left {left:-100px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.themenubar table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links (Cordoba, Rosario, etc)*/
.themenubar ul ul a, .themenubar ul ul a:visited {
	text-align:left;
	background:#FFF; 
	color:#000; 
	height:auto; 
	border:1px;
	border-color:#999;
	border-style:dotted;
	font-size:12px;
	line-height:20px; 
	padding:5px 10px;
	width:100px;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;

	}
/* yet another hack for IE5.5 */
* html .themenubar ul ul a, * html .themenubar ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level HOVER (Argentina)*/
.themenubar a:hover,.themenubar p:hover, .themenubar ul ul a:hover{
	text-decoration:none;
	color:#000;
	background-color: #FC0;
	border:1px;
	border-style:solid;
	border-color:#666;
}

/* Hover de Elementos de segundo nivel (Cordoba, Bs As)*/
.themenubar :hover > a, .themenubar ul ul :hover > a 
{
	color:#000;
	font-weight:bolder;
	background-color: #FC0;
	border:1px;
	border-style:solid;
	border-color:#666;
}

/* make the second level visible when hover on first level list OR link */
.themenubar ul li:hover ul,
.themenubar ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.themenubar ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.themenubar ul :hover ul :hover ul{ visibility:visible;}