﻿h1 {
    margin-left: 2%;
}

h2 {
    margin-left: 2%;
    width:70%;
}

#cont_poligono {
    margin-top: 2em;
    width:100%;
    position:relative;

}


#mapa {
    background: url('../Images/computer/centros/mapa.jpg') no-repeat center center;
    background-size: cover;
    position:relative;
}

.poi_mapa {
    /*top:100px;
    left:300px;*/
    position:absolute;
    width:35px;
    height:35px;
    text-decoration:none;
    color:#FFF;
    text-align:center;

    font-weight:bold;
    background-position:center center;
    background-size:contain;
    background-repeat:no-repeat;
}

.poi_mapa span{
    position:absolute;
    top:7px;
    left:1px;
    margin:0 auto;
    width:30px;
}

.marcador_simple {
    background-image: url('../Images/computer/centros/punto_mapa_simple.png');
}

.marcador_doble {
    background-image: url('../Images/computer/centros/punto_mapa_doble.png');
}


#lista_detalle_centros {
    position:absolute;
    z-index:2000;
    background-color:#FFF;
    width:280px;
    top:-10px;
    left:-10px;
    overflow:hidden;

    -webkit-box-shadow: 0px 0px 5px 5px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    0px 0px 5px 5px rgba(50, 50, 50, 0.2);
    box-shadow:         0px 0px 5px 5px rgba(50, 50, 50, 0.2);

    display:none;
}

#aspa_cierre_lista_detalle {
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url('../Images/computer/centros/aspa_cierre.png');
    top:10px;
    right:10px;
}

#nombre_provincia {
    display:block;
    font-weight:bold;
    font-size:1.5em;
    text-transform:uppercase;
    color:#000;
    padding: 15px 10px 10px;
}

#lista_detalle_centros ul {
    width:100%;
    display:block;
    position:relative;
    padding-left: 0;
}

#lista_detalle_centros ul li {
    padding:10px;
    display:block;
}

#lista_detalle_centros ul li:nth-child(even) {
    background-color:#efefef;
}

#lista_detalle_centros ul li:nth-child(odd) {
    background-color:#FFF;
}

#lista_detalle_centros ul li>a {
    color:#000;
    text-decoration:none;
    padding-bottom:5px;
    border-bottom: 1px solid #000;
    overflow:hidden;
    display:block;
    margin-bottom:10px;
}

#lista_detalle_centros .imagen{
    width:72px;
    height:72px;
    float:left;
    background-repeat:no-repeat;
    background-position: center center;
    background-size:cover;
}

#lista_detalle_centros .detalle{
    width:180px;
    float:right;
}

#lista_detalle_centros .nombre_centro{
    font-weight:bold;
    text-transform:uppercase;
}

#lista_detalle_centros .email_centro,
#lista_detalle_centros .telefono_centro,
#lista_detalle_centros .direccion_centro{
    margin-bottom:0;
}

.iconos_centros {
    overflow:hidden;
    text-align:center;
    width:100%;
}

.iconos_centros a {
    display:inline-block;
    width:30px;
    height:25px;
    margin:0px 2px;
}

    .iconos_centros .ico_info {
        background-image: url('../Images/computer/centros/ico_info_gris.png');
    }

    .iconos_centros .ico_galeria {
        background-image: url('../Images/computer/centros/ico_galeria_gris.png');
    }

    .iconos_centros .ico_ubicacion {
        background-image: url('../Images/computer/centros/ico_ubicacion_gris.png');
    }

    .iconos_centros .ico_actividades {
        background-image: url('../Images/computer/centros/ico_actividades_gris.png');
    }

    .iconos_centros .ico_cursos {
        background-image: url('../Images/computer/centros/ico_cursos_gris.png');
    }

    .iconos_centros .ico_horarios {
        background-image: url('../Images/computer/centros/ico_horarios_gris.png');
    }

    .iconos_centros .ico_videos {
        background-image: url('../Images/computer/centros/ico_videos_gris.png');
    }
