@CHARSET "ISO-8859-1";


html,body{
	height:100%;
	width:100%;
	background-color: aqua;
	background-size: cover;
	overflow: hidden;
}

#contenedor{
	position:absolute;
	width: 100%;
	height: 85%;
	top: 8%;
	margin: 0 auto;
	padding-top:2%;
	overflow: hidden;
	z-index: 1;
}


ul#menu{
	background-color: #808080;
	border-bottom: 1px black solid;
	box-shadow: -2px 5px 5px rgba(0,0,0,0.5);
	width: 100%;
	height: 4%;
	position: absolute;
	top: -2.5%;
	left: 0%;
	list-style:none;
 	list-style-position:inside;
 	z-index: 4;
}

ul#menu li{
	float:left;
	position:relative;
	width: 7%;
	height: 100%;
	color: white;
	text-align: center;
}

ul#menu li.botones{
	float:left;
	position:relative;
	width: 7%;
	height: 100%;
	color: white;
	text-align: center;
	padding-top: 2px;
}

ul#menu .botones:hover{
	float:left;
	position:relative;
	width: 7%;
	height: 100%;
	color: white;
	text-align: center;
	padding-top: 2px;
	cursor:pointer;
}

ul#menu li.acciones{
	float:left;
	position:relative;
	width: 5%;
	height: 100%;
	color: white;
	text-align: center;
	padding-top: 2px;
}

ul#menu .acciones:hover{
	float:left;
	position:relative;
	width: 5%;
	height: 100%;
	color: white;
	text-align: center;
	padding-top: 2px;
	cursor:pointer;
}

ul#menu li#logo{
	float:left;
	position:relative;
	width: 25%;
	height: 100%;
	color: white;
	text-align: right;
	padding-top: 2px;
}

ul#menu li#logo:hover{
	float:left;
	position:relative;
	width: 25%;
	height: 100%;
	color: white;
	text-align: right;
	padding-top: 2px;
	cursor:pointer;
}


ul#menu li#indice{
	float:left;
	position:relative;
	width: 25%;
	color: white;
	padding-top: 0.5%;
}

ul#menu li ul{
	position:absolute;
	width: 93.8%;
	display:none;
	padding-top: 2px;
	left:-12.8%;
	z-index:1;
	color:black;
	text-align: left;
}

ul#menu li ul li{
	background-color: #808080;
	padding:10px;
	width:100%;
	border-bottom:1px black dashed;
	border-left:1px black solid;
	border-right:1px black solid;
	color:black;
}

#menu .ultimo{
	border-radius:0 0 10px 10px;
	border:1px black solid;
	border-top:none;
}

ul#menu li#indice:hover{
	background-color: #808080;
	border-left:1px black solid;
	border-right:1px black solid;
	height: 90%;
	cursor:pointer;
}

ul#menu li:hover > ul{
	display:block;
	color:white;
}

ul#menu a, #menu a:visited{
	color:white;
	text-decoration:none;
	font-family:arial;
	font-weight:bold;
	outline:none;
}

ul#menu a:hover{
	text-decoration:underline;
}

ul#menu li ul li ul{
	position: absolute;
	left: 87.5%;
	top: -50%;
	z-index:auto;
	height: 100%;
	width: 100%;
}

ul#menu li.visualPages{
	position:absolute;
	background-color: #808080;
	height: 160px;
	width: 150%;
	border:1px black solid;
	border-radius:10px 10px 10px 10px;
}

ul#menu li.primero{
	position:absolute;
	background-color: #808080;
	height: 160px;
	width: 75%;
	border:1px black solid;
	border-radius:10px 10px 10px 10px;
}

ul#menu li.visualizacion:hover > ul li.visualPages{
	display:block;
}
ul#menu li.visualizacion:hover > ul li.primero{
	display:block;
}
ul#menu li.ultimo:hover > ul li.primero{
	display:block;
}