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

#fondomapa{float: left;
	height: 70%;
	width: 50%;
	margin-left: 2%;
	background-color: #CED8F6;

}
#map{ border: 2px solid white;
	float: left;
	background-color: green;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	
	}
#cajareloj{
	float: left;
	width: 26%;
	color: #2E64FE;
	font-size: 100%;
	font: center;
	/*border-color: #0B0B61;
	background-color: yellow;*/
}
#tex{
	
	text-align: center;
	font-size: 3em;
}
 #boton{
        font-size:15px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
        background:#638cb5;
        border:0px;
        width:100px;
        height:30px;
       }

#reloj {
	float: left;
	/*background-color: orange;*/
 	top: 100%;
	width: 100%;
	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;
}