body, h2, p {
	margin: 0;
	padding: 0;
}
body {
	background-color: #D8D8D8;
	color: #333;
	font-family: Helvetica, sans-serif;
}
a img {  
border: none;  
}

#book {
	background: url("../imagenes/book.png") center no-repeat;
	position: absolute;
        z-index: 0;
}
#barras {
	position: absolute;
        top: 0;
        left: 0;
        z-index: -10;
}
#paginaizquierda section {
	display: block;
        top: 0;
	position: absolute;
	overflow: hidden;
        z-index:20;
}
#recursosizquierda section {
	display: block;
        top: 0;
	position: absolute;
	overflow: hidden;
        z-index: 30;
}
#mapaizquierda section {
	display: block;
        top: 0;
	position: absolute;
	overflow: hidden;
        z-index: 40;
}
#paginaderecha section {
	display: block;
	position: absolute;
        top: 0;
	overflow: hidden;
        z-index: 20;
}
#recursosderecha section {
	display: block;
	position: absolute;
        top: 0;
	overflow: hidden;
        z-index: 30;
}
#mapaderecha section {
	display: block;
	position: absolute;
        top: 0;
	overflow: hidden;
        z-index: 40;
}
#botonsiguiente {
        background-color: white;
        position: absolute;
        top: 100%;
        left: 100%;
        font-family: Helvetica, sans-serif;
        font-size: 11px;
        text-align: justify;
        margin-left: -70px;
        margin-top: -14px;
}
#botonatras {
        background-color: white;
        position: absolute;
        top: 100%;
        font-family: Helvetica, sans-serif;
        font-size: 11px;
        text-align: justify;
        margin-left: 10px;
        margin-top: -14px;
}
#controlesizquierda {
        position: absolute;
}
#controlesderecha {
        position: absolute;
}
#home
{
    position: absolute;
}
#atras
{
    position: absolute;
    overflow: hidden;
}
#mail
{
    position: absolute;
}
#indice
{
    position: absolute;
}
#buscar
{
    position: absolute;
}
#adelante
{
    position: absolute;
}
#acercar
{
    position: absolute;
}
#alejar
{
    position: absolute;
}


/*EXTRA*/

#oscurece
{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#cc000000',GradientType=1 );
}
#contacto-div
{
    width: 750px;
    height: 500px;
    margin: 5% auto;
    background-color: white;
    border: none;
}
#contacto-frame
{
    width: 750px;
    height: 500px;
    border: none;
    position: relative;
    top: -29px;
}
#cerrar
{
    position: relative;
    left: 715px;
    top:8px;
    width: 25px;
    border:none;
    z-index:1003;
    cursor: pointer;
}