body.Directorio
{
    background: url(Images/fondoDirectorio.jpg) no-repeat 0 100px;
}


body.Directorio #Cabecera
{
    background: url(Images/cabeceraDirectorio.jpg) no-repeat;
}

body.Directorio #texto
{
    position:absolute;
    top:145px;
    left:260px;
    width:700px;
}

body.Directorio #mapa
{
    position:absolute;
    top:310px;
    left:375px;
}

body.Directorio #selecciona
{
    position:absolute;
    top:310px;
    left:610px;
}



body.Directorio #provincias
{
    position:absolute;
    top:335px;
    width:175px;
    left:822px;
    }
    
    body.Directorio #provincias UL
    {
        margin:0;
        padding:0;
    }
    
        body.Directorio #provincias LI
    {
        margin:0;
        padding:0;
        list-style:none;
        display:block;
        margin:20px 0;
    }
    
    
body.Directorio #seleccionaLocalidad
{
    position:absolute;
    top:127px;
    left:260px;
}

body.Directorio #volverMapa
{
    position:absolute;
    top:100px;
    left:860px;
}

body.Directorio #volverA
{
    position:absolute;
    top:100px;
    left:924px;
}

body.Directorio #localidadDirectorio,
body.Directorio #localidadDirectorioDetalle

{
    position:absolute;
    top:150px;
    left:260px;
    font-size:110%;
    color:#EE0235;
    font-weight:bold;
}

body.Directorio #localidadesDirectorio,
body.Directorio #localidadesDirectorioDetalle
{
    position:absolute;
    top:200px;
    left:250px;
    height:411px;
    overflow:auto;
    width:764px;
    font-size:140%;
    }



body.Directorio #localidadesDirectorio UL,
body.Directorio #localidadesDirectorioDetalle UL
{
    list-style:none;
    margin:0;
    padding:0;
    text-align:left;
}



body.Directorio #localidadesDirectorio UL LI
{
    width:280px;
    float:left;
    display:block;
    margin-bottom:5px;
    margin-right: 30px;
    text-align: left;
    margin-bottom:10px;
}

body.Directorio #localidadesDirectorio UL LI IMG,
body.Directorio #localidadesDirectorioDetalle UL LI IMG

{
    margin-right:5px;
    vertical-align:middle;
}

body.Directorio #localidadesDirectorioDetalle UL LI
{
    display:block;
    margin-bottom:5px;
    margin-right: 30px;
    text-align: left;
}



body.Directorio #localidadesDirectorio A,
body.Directorio #localidadesDirectorioDetalle A
{ 
    color:#666;
    }

body.Directorio #localidadesDirectorio A:hover,
body.Directorio #localidadesDirectorioDetalle A:hover
{ 
    color:#BBB;
    }

body.Directorio #seleccionaCentro
{
    position:absolute;
    top:170px;
    left:260px;
}


/*-----------------------------------FÓRMATE------------------------------*/


body.Directorio #datosFormate
{
    position:absolute;
    top:150px;
    left:250px;
    height:461px;
    overflow:auto;
    width:774px;
    }
    
body.Directorio #datosFormate P
{
    text-align:left;
    }
    
      
body.Directorio #datosFormate TABLE
{
    width:757px;
    border-collapse:collapse;
    margin-bottom:10px;
    }
    
body.Directorio #datosFormate TABLE TR
{
    height:50px;
    font-weight:bold;
    }
    
body.Directorio #datosFormate TABLE TR.encabezado
{
    height:20px;
    }
    
body.Directorio #datosFormate TABLE TR.impar
{
    color:#666;
    background-color:#E6EAED;
    }
    
body.Directorio #datosFormate TABLE TR.par
{
    
    }
    
body.Directorio #datosFormate TABLE TR.ON
{
    color:#666;
    background-color:#FB7676;
    cursor:pointer;
    }    
body.Directorio #datosFormate TABLE TH
{
    width:100%;
    color:#FFF;
    font-size:100%;
    background-color:#0B2545;
    height:20px;
    }
    
body.Directorio #datosFormate TABLE TH.nombre,
body.Directorio #datosFormate TABLE TD.nombre
{
    width:70%;
    font-weight:bold;
    padding:5px 60px 0 5px;
    vertical-align:top;
    }
    
body.Directorio #datosFormate TABLE TH.fecha,
body.Directorio #datosFormate TABLE TD.fecha
{
    width:30%;
    vertical-align:top;
    padding:5px;
    }
    
/*-----------------------------------DEMANDAS DE VOLUNTARIADO------------------------------*/


body.Directorio #datosDemandas
{
    position:absolute;
    top:170px;
    left:270px;
    width:730px;
    }
    
body.Directorio #datosDemandas P
{
    text-align:left;
    }
    
/*-----------------------------------FORMULARIOS------------------------------*/
    
        

body.Directorio .formularioEnviado
{
    
    text-align:center;
    padding:50px;
    }
    
body.Directorio .direccion
{
    text-align:center;
    font-size:90%;
    }
    
    



/*-----------------------------------HAZTE VOLUNTARIO------------------------------*/



body.Directorio #datosVoluntario
{
    position:absolute;
    top:120px;
    left:270px;
    width:710px;
    }

body.Directorio #datosVoluntario #formulario
{
    width:710px;
    }
    
    
    
body.Directorio #datosVoluntario P
{
    text-align:left;
    }

    


    body.Directorio #datosVoluntario LABEL
    {
        font-size:90%;
        position:relative;
        width:80px;
        display:block;
        float:left;
        text-align:right;
        color:#919EAC;
        font-size:90%;
        font-weight:bold;
        margin-left:5px;
        }
        
    body.Directorio #datosVoluntario .caja
    {
        float:left;
        font-size:90%;
        margin-bottom:5px;
        padding:0 0 0 5px;
        margin-left:5px;
        height:20px;
        background-color:#F0F0F0;
        border:1px solid #F0F0F0;
        color:#929FAD;
        width:250px;
        }

        body.Directorio #datosVoluntario .cajaVoluntario
    {
        float:left;
        font-size:90%;
        margin-bottom:5px;
        padding:0 0 0 5px;
        margin-left:5px;
        height:20px;
        background-color:#F0F0F0;
        border:1px solid #F0F0F0;
        color:#929FAD;
        width:240px;
        }
    
    body.Directorio #datosVoluntario .cajaOculta
    {
        width:1px;
        display:none;
        }
        
   body.Directorio #datosVoluntario .valida
    {
        width: 300px;
        float: left;
        }
        
    body.Directorio #datosVoluntario LABEL.consulta
    {
        font-size:90%;
        position:relative;
        width:250px;
        display:block;
        float:left;
        clear:left;
        text-align:right;
        color:#929FAD;
        font-weight:bold;

        }
        
    body.Directorio #datosVoluntario .area
    {
        font-size:85%;
        width:420px;
        margin-bottom:5px;
        padding:0 5px 0 5px;
        margin-left:5px;
        height:100px;
        background-color:#F0F0F0;
        border:1px solid #F0F0F0;
        }

body.Directorio #datosVoluntario .informacion
    {
        font-size:90%;
        position:relative;
        width:280px;
        display:block;
        float:left;
        clear:left;
        text-align:right;
        color:#929FAD;
        font-weight:bold;
        margin-top:10px;
        vertical-align: middle;
        }
body.Directorio #datosVoluntario .boton
    {
        position:relative;
        top:8px;
        margin-left:20px;
        }
        
body.Directorio #datosVoluntario .preferencia
{
        font-size:90%;
        color:#929FAD;
        font-weight:bold;
        position:relative;
        top:6px;
        margin-left:5px;
        }
        

    body.Directorio #enviarvoluntario
    {
        text-align:right;
        margin-bottom:15px;
        width:310px;
        overflow:hidden;
        position:absolute;
        left:400px;
        z-index:-2;
        
        }

        body.Directorio #enviarvoluntario A
        {
            }

        body.Directorio #enviarvoluntario A:hover
        {
            color:#BBB;
            background: url(Images/flechasenviar_il.gif) no-repeat right;

            } 

    body.Directorio #enviarvoluntario .borrar
    {
        float:left;
        }


    body.Directorio #enviarvoluntario .enviar
    {
        float:right;
        }