@charset "utf-8";
/* CSS Document */
/** {
	margin:0px;
	padding:0px;
}*/


/**********************************************/

#menu-principal {
	-khtml-border-radius:5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;	
	-webkit-border-radius: 5px;	
	background-image: url(/images/menu_superior/barrita_menu.png);
	background-repeat:repeat-x;
	behavior: url(/PIE.htc);
	border-radius: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	height:auto;
	margin:0;
	padding:1px 1px;
	text-align:left;
	width:auto;
	z-index: 5;
}

#menu-principal ul {
	list-style-type:none;
	margin:0;
	padding:0;
	z-index: 100;
}

.menu a:link {
	color:#FFF;
	display:block;
	text-decoration:none;
	text-align: left;
}
.menu li a{
	color:#FFF;
	display:block;
	text-decoration:none;
	text-align: left;
}
.menu li:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0ea7c9', EndColorStr='#5ed7f2')"; /* IE8 */
	/*background-color:#0ea7c9;*/
	background: #0ea7c9;
	background: -moz-linear-gradient(#0ea7c9, #5ed7f2);
	background: -ms-linear-gradient(#0ea7c9, #5ed7f2);
	background: -o-linear-gradient(#0ea7c9, #5ed7f2);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0ea7c9), to(#5ed7f2));
	background: -webkit-linear-gradient(#0ea7c9, #5ed7f2);
	background: linear-gradient(#0ea7c9, #5ed7f2);
	background: linear-gradient(#0ea7c9, #5ed7f2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#0ea7c9', EndColorStr='#5ed7f2'); /* IE6,IE7 */
}
.menu>li{	
	-khtml-border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url(/PIE.htc);
	border-radius: 5px;	
	border: 1px solid #108db1;
	display:inline-block;
	font-weight: bold;
	padding: 5px 2px;
	*display:inline; /* Necesario para IE7 */
	zoom: 1; /* Necesario para IE7 */
}

.menu li ul { /* Caja del primer menú desplegado */
	background-color:#34b1cd;
	display:none;
	min-width:140px;
	padding:2px 2px;
	position:absolute;
	width:140px;
}

.menu li:hover > ul {
	display:block;
}
.menu li ul li { /* Cada linea del primer menú desplegado */
	border: 1px solid #108db1;
	padding: 2px 2px;
	position:relative;	
}
.menu li ul li ul { /* caja de menú hacia al lado derecho */
	background-color:#34b1cd;
	right:-140px;
	top:0px;	
}
.menu a, a:hover {
	font-size:1em;
}