@charset "utf-8";

/* Menu Xhtml Y Css */
#menuprincipal {
	margin: 0 auto 0 auto;
	padding: 0px;
	list-style:none;
	height:69px;
	position:relative;
	z-index:200;
	width:780px;
	border-bottom: solid thin #FFF;
}
#menuprincipal li {
	line-height:69px;
}
#menuprincipal li.top {
	display:block;
	float:left;
}
#menuprincipal li.fuego {
	float:left;
	display: block;
	position: relative;
	height: 69px;
	width: 340px;
}
#menuprincipal li a {
	display:block;
	float:left;
	cursor:pointer;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
}
#menuprincipal li a.index {
}
#menuprincipal li a.nuestrogrupo {
	height: 69px;
	width: 110px;
	background-image: url(img/menu01.jpg);
}
#menuprincipal li a.obras {
	background:url(img/menu1.jpg);
	height: 69px;
	width: 110px;
}
#menuprincipal li a.programacion {
	background:url(img/menu2.jpg);
	height: 69px;
	width: 110px;
}
#menuprincipal li a.entorno {
	background:url(img/menu3.jpg);
	height: 69px;
	width: 110px;
}
#menuprincipal li span.notext {
	display: none;
}
#menuprincipal li:hover a.nuestrogrupo{ 
      background:url(img/menu01A.jpg);
}
#menuprincipal li:hover a.obras{ 
      background:url(img/menu1A.jpg);
}
#menuprincipal li:hover a.programacion{ 
      background:url(img/menu2A.jpg);
}
#menuprincipal li:hover a.entorno{ 
      background:url(img/menu3A.jpg);
}
/* fondo se mueve un poco en ie6 */
#menuprincipal li:hover a,
#menuprincipal a:hover
{background-position: 0 69px;}
/* necesario para funcione en ie6 el menu */
#menuprincipal table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}
#menuprincipal .sub {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}
#menuprincipal li:hover {
	position:relative;
	z-index:200;
}
#menuprincipal a:hover {
	position:relative; 
	white-space:normal; 
	z-index:200;
}
#menuprincipal :hover ul.sub {
	left:0;
	top:70px;
	z-index:300;
	width:108px;
}
#menuprincipal :hover ul.sub li {
	float:left;
	display:block;
	position:relative;
	top:-2px;
	font-weight:normal;
	background-color: #3e486a;
	height:30px;
	line-height: 30px;
	border-left: solid 1px #333;
	border-right: solid 1px #333;
}
#menuprincipal :hover ul.sub li a {
	height:30px;
	width:108px;
	display:block;
	text-decoration:none;
	padding:0;
	cursor:pointer;
	text-align: center;
}
#menuprincipal :hover ul.sub li a.fuera {
	height:30px;
	line-height:12px;
}
#menuprincipal :hover ul.sub li.titulo {
	height:30px;
	width: 108px;
	line-height:30px;
	font-size:11px;
	text-align:center;
	border-bottom:solid thin #000;
	border-top:solid thin #000;
	background: #CCC;
	font-family: Verdana, Geneva, sans-serif;
}
#menuprincipal ul.sub li a:hover {
	color:#C4C4A6;
	background-color: #414B70;
	border-top: solid 1px #333C59;
	border-bottom: solid 1px #333C59;
}