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

.contenido{
	z-index:0;
}

*{
	padding: 0px;
	z-index: 1;
}
	
#header{
padding-top:100px;	/* Formato del menú completo */
}

#menu{
	line-height: 4px;
	position: relative;
	width: 100%;
	height: 80%;
	left: 0%;
	right: 0%;
	margin: 0 auto;
	font-family: Bookman Old Style;
	font-size: 14px;
	text-align: top;
	top: 0px;
	margin-top: 0px;
	position: 1px;
	border: 2px groove #ccc;
	border-bottom: 0;
	text-shadow: rgb(300,0,150) 3px 3px 5px;
}

#cambio a:hover {
	font-size: 15px;
	font-weight: bold;
	}

/*#navegacion li ul{
  height:0;
  overflow:hidden;
  -moz-transition-duration:.3s;
  -webkit-transition-duration:.3s;
  -o-transition-duration:.3s;
  transition-duration:.3s;
  position:absolute;
}
#navegacion li:hover ul{
  height:17em;
}*/

div {
  transition-property: opacity, left, top, height;
}

ul, ol {
list-style:none;
}

.nav li a {
background-color:#660000;
color:#FFFFFF;
text-decoration:none;
padding:13px;
display:block;
/*transition-duration: .2s, .2s, .2s, .2s;*/
border-bottom: 1px solid #ccc;
}

.nav2 li a {
background-color:#660000;
color:#FFFFFF;
text-decoration:none;
padding:9px;
display:block;
/*transition-duration: .2s, .2s, .2s, .2s;*/
border-bottom: 1px solid #ccc;
}

.nav li a:hover {
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
height: 22px;
width: auto;
background-color: #9900FF;
color: red;
}

/*.nav1 li a:hover {
text-shadow: 0 0 1px brown;
background-color:#993333;
}*/

.nav > li {
float:left;
width:135px;
}

.nav li ul {
display:none;
position:absolute;
min-width:60px;
text-align:left;
}

/* Mostrar submenus */
.nav li:hover > ul {
display:block;
}

.nav li ul li {
position:bottom;
}

.nav li ul li ul{
right:-275px;
top:Opx;
}