BODY { background-color: #FFFFFF;
       background-image: url(fondo.jpg);
       background-repeat: no-repeat;
     }


.buttonscontainer {
	width: 100px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.Layer1 {
	position:absolute;
	width:300px;
	height:20px;
	z-index:1;
	left: 470px;
	top: 50px;
}
.Layer2 {
	position:absolute;
	width:auto;
	height:20px;
	z-index:1;
	left: 310px;
	top: 125px;
	font: 2em Century Gothic;
	text-align: center;
	color: Gray;
	text-decoration: underline;
}
.Layer3 {
	position:absolute;
	width:150px;
	z-index:1;
	left: 10px;
	top: 170px;
	font: 1.5em Century Gothic;
	text-align: left;
	color: #213B3C;
}

.Layer4 {
	position:absolute;
	width:569px;
	z-index:1;
	left: 193px;
	top: 200px;
	font: 0.7em Verdana;
	text-align: left;
	color: #16165B;
}

.encabezado a {
	display: inline;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 6px;
	border-left: 2px;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;

	color: Gray;
	border: 1px groove Silver;
}

.encabezado a:hover {
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-right: 5px;
	text-decoration: none;
	color: #215B69;
	
	border: 1px solid;
	background-color: #F4F4F4;
}

.titulo {
	color: #F8F8F8;
	font-weight: bold;
	text-align: left;
	font-size: 1.5em;
	font: bold Century Gothic;
}
.menu a {
	display: block;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 6px;
	border-left: 2px;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	margin-left: 10px;
	color: Gray;
	border: 1px groove Silver;
	margin: 4px;
}

.menu a:hover {
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-right: 5px;
	text-decoration: none;
	color: #215B69;
	
	border: 1px solid;
	background-color: #F4F4F4;
	
}