/** Estilos globales *********************************************************

/* Html  **************************************/
html{
    overflow:hidden;
}

/* Body  **************************************/
body{
    background:#ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:500;
    color:#333;
    overflow:hidden;
}

/* Espacios  *********************************/
.espacio10{
    padding-left:10px;
}

.espacio20{
    padding-left:20px;
}

.espacio73{
    padding-left:73px;
}

/* Marco general **************************************/
div.marco{
    background:url("../img/fondo.jpg") transparent no-repeat top left;
    border-style:hidden;
    position:absolute;
    width:2000px;
    margin-left:-1000px;
    left:50%;
    height:1500px;
    margin-top:-750px;
    top:50%;
}
 
/** Estilos pie de la web ****************************************************
 
/* Logo inferior derecha ******************************/
div.marco div.logo{
    border-style:hidden;
    position:absolute;
    top:58%;
    left:64%;
    width:150px;
    height:130px;
    padding:0px;
}

/* By WhiteBox *********************************/
div.marco div.bywhitebox{
    border-style:hidden;
    position:absolute;
    top:63%;
    left:72%;
    width:100px;
    height:30px;
    padding:10px 0px 0px 0px;
}

/* Links ***************************************/
div.marco div.reg{
    border-style:hidden;
    position:absolute;
    top:63%;
    left:25%;
    width:110px;
    height:30px;
    padding:14px 0px 0px 0px;
    font-size:9px;
    font-weight:400;
    color:#888;
}

div.marco div.links{
    border-style:hidden;
    position:absolute;
    top:63%;
    left:31%;
    width:100px;
    height:30px;
    padding:9px 0px 0px 0px;
}

/* Música ***************************************/
div.marco div.musica{
    border-style:hidden;
    position:relative;
    top:63%;
    left:32%;
    width:100px;
    height:36px;
    padding:9px 0px 0px 10px;
}

/** Estilos botonera *********************************************************

/* Botonera **************************************/ 
div.marco div.botonera{
    background-color:transparent;
    position:absolute;
    width:610px;
    height:20px;
    top:62%;
    left:32%;
    padding:5px 0px 0px 0px;
    font-weight:bold;
    font-size:11px;
}

div.marco div.botonera a{
    display:block;
    float:left;
    padding-left:15px;
    text-decoration:none;
    color:#555;
    cursor:pointer;
}

div.marco div.botonera a:hover{
    text-decoration:none;
    color:#50C2EA;
    cursor:pointer;
}

div.marco div.botonera a.Current{
    text-decoration:none;
    color:#555;
    cursor:pointer;
}

div.marco div.botonera a.Current:hover{
    text-decoration:none;
    color:#50C2EA;
    cursor:pointer;
}

/** Estilos pantallas ********************************************************

/* Pantallas **************************************/ 
div.marco div.pantallas{
    background:transparent no-repeat left top;
    position:absolute;
    top:32%;
    left:25%;
    width:760px;
    height:420px;
}

div.marco div.pantallas div.pantalla{
    overflow:hidden;
}

/* Título de la portada *************************************/
div.marco div.pantallas div.pantalla div.tituloportada{
    border-style:hidden;
    position:absolute;
    top:10%;
    left:15%;
    width:400px;
    height:60px;
    padding:0px;
}

/* Cuadro botonera portada ********************************/
div.marco div.pantallas div.pantalla div.cuadro1{
    border-style:hidden;
    position:absolute;
    float:left;
    top:30%;
    left:0%;
    width:590px;
    height:130px;
    padding:0px;
}

div.marco div.pantallas div.pantalla div.cuadro2{
    border-style:hidden;
    position:absolute;
    float:left;
    top:62%;
    left:19%;
    width:590px;
    height:130px;
    padding:0px 0px 0px 2px;
}

/* Banner contra el maltrato ********************************/
div.marco div.pantallas div.pantalla div.banner{
    border-style:hidden;
    position:absolute;
    float:left;
    top:94%;
    left:0%;
    width:110px;
    height:130px;
    padding:0px;
    text-align:center;
}


/* Título de los apartados *************************************/
div.marco div.pantallas div.pantalla div.titulo{
    border-style:hidden;
    position:absolute;
    top:10%;
    left:0%;
    width:400px;
    height:80px;
    padding:0px;
}

/* Texto superior apartado ********************************/
div.marco div.pantallas div.pantalla div.textosup{
    border-style:hidden;
    position:absolute;
    float:left;
    top:32%;
    left:0%;
    width:590px;
    height:70px;
    padding:0px;
    text-align:justify;
}

/* Texto apartado ************************************/
div.marco div.pantallas div.pantalla div.texto{
    border-style:hidden;
    position:absolute;
    clear:left;
    top:53%;
    left:0%;
    width:740px;
    height:210px;
    padding:0px;
    text-align:justify;
}

/* Texto izquierdo servicios *************************/
div.marco div.pantallas div.pantalla div.textoizq{
    border-style:hidden;
    position:absolute;
    clear:left;
    top:28%;
    left:2%;
    width:200px;
    height:300px;
    padding:0px;
    text-align:justify;
    font-size:10px;
}

/* Texto derecho servicios *************************/
div.marco div.pantallas div.pantalla div.textoder{
    border-style:hidden;
    position:absolute;
    clear:left;
    top:32%;
    left:32%;
    width:320px;
    height:300px;
    padding:0px;
    text-align:justify;
    font-size:11px;
}

/* Texto derecho servicios *************************/
div.marco div.pantallas div.pantalla li{
    list-style-image:url(../img/punto.jpg);
}

div.marco div.pantallas div.pantalla a{
    text-decoration:none;
    color:#50C2EA;
    cursor:pointer;
}

div.marco div.pantallas div.pantalla a:hover{
    text-decoration:none;
    color:#30A2CA;
    cursor:pointer;
}

/* Mapa contacto ************************************/
div.marco div.pantallas div.pantalla div.mapa{
	border-style: hidden;
    clear: left;
    height: 426px;
    left: 2%;
    padding: 0;
    position: absolute;
    top: 27%;
    width: 389px;
}

/* Texto de contacto ************************************/
div.marco div.pantallas div.pantalla div.contacto{
    border-style:hidden;
    position:absolute;
    clear:left;
    top:60%;
    left:60%;
    width:300px;
    height:120px;
    padding:0px;
    text-align:justify;
}