body{
	background-color: #CED8F6;
	font-family: Helvetica; 
	color: blue; 
	font-size: larger;
	width: 100%;
	height: 100%;
}

#fondomapa{
	position: absolute;
	width: 100%;
	margin-left: 0%;
	background-color: #CED8F6;

}
#map{ border: 2px solid white;
	position: absolute;
	top: 23%;
	background-color: green;
	width: 100%;
	margin: 0px;
	padding: 0px;
	
	}
#cajareloj{
	position: absolute;
	top: 30px;
	left: 350px;
	width: 25%;
	color: #2E64FE;
	font-size: 100%;
	/*border-color: #0B0B61;
	background-color: yellow;*/
}
#tex{
	position: left;
	font-size: 2em;
}
#boton{
	position: absolute;
	top: 15%;
	left: 3%;

        font-size:15px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
        background:#638cb5;
        border:0px;
        width:100px;
        height:30px;
       }


}
#reloj {
	position: absolute;
	/*background-color: orange;*/
 	top: 0%;
	width: 50%;
	margin: 0px;
	padding: 0px;
}
#icono{position: absolute;
	top: 0px;
	right: 0%;

}
#indice{
	position: absolute;
	right: 4%;
	top:100px;}

html {
	height: 100%;
	width: 100%;
}
a{
	font-family: verdana;
	color: blue;
	text-decoration: none;
	font-size: 1em;
	display: block;
	padding: 5px;
	border-bottom-width: 1,5px;
	border-bottom-color: black;
	border-bottom-style: solid;
	background-color: #EAEAEA;
}
ul{
	list-style-type: none;
	margin: 1px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: black;
	border-right-color: black;
	border-left-color: black;
}
a:hover{
	color: grey;
	border-right-width: 8px;
	border-right-style: solid;
	border-right-color: red;
}

footer{
	position: absolute;
	left: 1%;
	bottom: 1%;
	border:1px solid #000000;
	/*float: left;*/
	border-radius: 20px 20px 20px 20px;
	height: 45px;
	width: 305px;
	background-color: #FFFFFF;
	padding-left: 15px;
}