/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
	height:30px; 
	margin:auto;
	width:750px; 
	position:relative; 
	font-size:11px; 
	z-index:100;
}
.entram a, .entram a:visited { display:block; width:125px; height:30px; background: url(../_img/entram.jpg); }
.entrenamiento a, .entrenamiento a:visited { display:block; width:125px; height:30px; background: url(../_img/entrenamiento.jpg); }
.tecnicas a, .tecnicas a:visited { display:block; width:125px; height:30px; background: url(../_img/tecnicas.jpg); }
.multimedia a, .multimedia a:visited { display:block; width:125px; height:30px; background: url(../_img/multimedia.jpg); }
.eventos a, .eventos a:visited { display:block; width:125px; height:30px; background: url(../_img/eventos.jpg); }
.contacto a, .contacto a:visited { display:block; width:125px; height:30px; background: url(../_img/contacto.jpg); }
.menu ul {
	padding:0; 
	margin:0; 
	list-style: none;
}
.menu ul li {
	float:left; 
	position:relative;
}
.menu ul li ul {
	display: none;
}
.menu ul li ul li a {

	display: none;
}

/* specific to non IE browsers */
.entram:hover a {background: url(../_img/entramOver.jpg);}
.entram:hover ul {display:block; position:absolute;left:0;}

.entrenamiento:hover a {background: url(../_img/entrenamientoOver.jpg);}
.entrenamiento:hover ul {display:block; position:absolute;left:0;}

.tecnicas:hover a {background: url(../_img/tecnicasOver.jpg);}
.tecnicas:hover ul {display:block; position:absolute;left:0;}

.multimedia:hover a {background: url(../_img/multimediaOver.jpg);}
.multimedia:hover ul {display:block; position:absolute;left:0;}

.eventos:hover a {background: url(../_img/eventosOver.jpg);}
.eventos:hover ul {display:block; position:absolute;left:0;}

.contacto:hover a {background: url(../_img/contactoOver.jpg);}
.contacto:hover ul {display:block; position:absolute;left:0;}


.menu ul li:hover ul li a {
	width:123px;
	text-align:left;
	text-decoration:none;
	text-indent:5px;
	text-transform:uppercase;
	color:#000;
	font-size: 8px;
	font-family: "Small Fonts", Arial, Helvetica, Verdana, sans-serif;
	line-height:20px;
	display:block;
	height:20px;
	color:#ffb200;
	background:#000;
	border:1px solid #333;
}
.menu ul li:hover ul li a:hover {
	color:#000000;
	background:#ff9400;
	border:1px solid #000;
}