* {
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}

body {
    margin: 0 !important;
}
#body {
    /*margin: 0 !important;*/
    overflow: hidden !important;
    /*max-width: 900px;*/
    margin: 0;
    box-shadow: 0px 0px 60px 10px black;
}

html {
    background: #564134;
    /*background: url(images/html_background.jpg);*/
    background-position: 50% 0% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

h1 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 28px;
    line-height: 28px;
}

p, span {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 16px;
}
#intro h1 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 200;
}
#oriDemand, #cat_nombre {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 16px;
}
body .pc {
    display: none;
}


/* ------- Secciones --------- */

#menu_header {
    width: 100%;
    height: 60px;
    position: relative;
    background: #DE4A47;
    color: white;
    display: none;

    padding: 0 1000px;
    margin: 0 -1000px;

}
#menu_header #menu_back {
    /*position: absolute; */
    /* top: 0px; */
    /* left: 0px; */
    font-size: 30px;
    margin: 15px;
    float: left;
    cursor: pointer;
}
#menu_header #menu_info {
    /* position: absolute; */
    /* top: 0px; */
    /* right: 0px; */
    font-size: 30px;
    margin: 15px;
    float: right;
    cursor: pointer;

}
#menu_header #oriDemand {
    display: inline-block;
    display: none;
    background: #A92E2E;
    /*color: white;*/
    /*border: 2px grey solid;*/
    border-radius: 4px;
    padding: 10px;
    font-size: 24px;
    margin: 6px 0px;
    position: absolute;
    top: 0px;
    left: 100px;
    width: 100px;
    cursor: pointer;
    text-align: center;
}
#menu_header #oriDemand div.fa {
    font-size: 24px;
    /*float: left;*/
}
#menu_header #oriDemand div {
    display: inline-block;
    /*float: right;*/
    font-size: 16px;
    line-height: 24px;
}

section {
    display: none;
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
    text-align: center;
}
section.current {
    display: block;
}

#loading i {
    display: block;
}

/* ----------- INTRO ------------ */

#intro {
    background: url(images/background_240.jpg);
    background-position: 50% 0% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: white;
    position: relative;
}

#intro #logo {
    position: absolute;
    margin: 0 10%;
    width: 80%;
    height: 436px;
    background: url(images/quessada_480.png);
    background-position: 50% 0% !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    cursor: pointer;
    opacity: 0.7;
}


#intro h1 {
    margin: 0px;
    /*padding: 60px 0px 60px 0px;*/
    position: absolute;
    width: 100%;
}

#intro p,
#intro a {
    margin-top: 10px;
}

#intro > p {
    position: absolute;
    width: 100%;

}

#intro #entrar {
    /*padding: 10px 0 50px 0px;*/
    position: absolute;
    width: 100%;
    opacity: 0.9;
    cursor: pointer;
}
#intro #entrar .column {
    display: inline-block;
    width: 32%;
}
#intro #entrar .column p {
    margin: 5px;
}
#intro #entrar .column .fa {
    font-size: 36px;
    line-height: 36px;
}

/* ------------ MAPA ----------- */

#mapa {
    text-align: inherit;
    display: block;
    position: relative;
}

#map {
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
}

#zoom_menu {
    display: inline-block;
    padding: 0px;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 4px;
    padding: 0px;
    background: #DE4A47;
    z-index: 999;
}
#loc_menu {
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 4px;
    padding: 0px;
    background: #DE4A47;
    z-index: 999;
}
#cat_nombre {
    position: absolute;
    display: none;
    top: 10px;
    left: 200px;
    height: 35px;
    width: 140px;
    border-radius: 4px;
    color: white;
    background: #DE4A47;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
}
#zoom_menu #in,
#zoom_menu #out,
#loc_menu {
    /*padding: 10px;*/
    font-size: 24px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: white;
    cursor: pointer;
    display: inline-block;
    display: none;
}




div.leaflet-control-locate,
div.leaflet-routing-container {
    display: none;
}
.leaflet-tile-pane {
    filter: contrast(75%) brightness(115%) sepia(50%);
}

.boton {
    width: 48px;
    height: 48px;
    box-shadow: 0 1px 7px rgba(0,0,0,0.65);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: auto;
    line-height: 48px;
    text-align: center;
    font-size: 25px;
    margin-left: 10px;
    display: inline-block;
}
.lugar-icon {
    /*position: relative;*/
}
.lugar-icon div {
    position: absolute;
    width: 25px;
    height: 25px;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.lugar-icon #M0 {
    width: 59px;
    height: 78px;
}
.lugar-icon #M1 {
    bottom: 16px;
    left: 13px;
}
.lugar-icon #M2 {
    bottom: 26px;
    left: 25px;
}
.lugar-icon #M3 {
    bottom: 40px;
    left: 8px;
}
.lugar-icon #M4 {
    bottom: 47px;
    left: 29px;
}



.ruta_ctr #rutaDemand {
    /*width: 48px;
    height: 48px;
    box-shadow: 0 1px 7px rgba(0,0,0,0.65);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: auto;
    line-height: 48px;
    text-align: center;
    font-size: 25px;
    margin-left: 10px;
    display: inline-block;*/
    cursor: pointer;
}
/*#oriDemand {
    background: white;
    border: 2px grey solid;
    border-radius: 4px;
    padding: 4px;
}
#oriDemand div.fa {
    font-size: 24px;
}*/

#menu_footer {
    width: 100%;
    height: 60px;
    display: inline-block;
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: white;
    background: #A92E2E;/*#DE4A47;*/

    padding: 0 1000px;
    margin: 0 -1000px;
}
#menu_footer .cat_selector {
    width: 25%;
    height: 100%;
    display: inline-block;
    float: left;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    /*background-size: cover !important;*/
    background: #A92E2E;
    cursor: pointer;

}
#menu_footer .cat_selector img {
    vertical-align: top;
}
#menu_footer .cat_selector .cat_nombre {
    height: 16px;
    line-height: 20px;
    font-size: 13px;
    color: white;
    margin: 3px 0;
    opacity: 0.35;
}
#menu_footer .tag_enabled {
    background: #DE4A47;
}
#menu_footer .tag_enabled .cat_nombre {
    opacity: 1;
}
#menu_footer .cat_selector .off {
    display: inline-block;
    opacity: 0.35;
}
#menu_footer .cat_selector .on {
    display: none;
}
#menu_footer .tag_enabled .off {
    display: none !important;
}
#menu_footer .tag_enabled .on {
    display: inline-block !important;
}



/* ----------- FICHA ------------ */

#file {
    overflow-y: auto;
    background: #fafafa;
}

#ficha_titulo {
    margin: 20px 0 5px 0;
}
#ficha_materiales,
#ficha_autor {
    font-style: italic;
    margin: 5px 0 0 0;
}

#ficha_cat_menu {
    width: 100%;
    height: 60px;
    display: inline-block;
    /*position: absolute;
    bottom: 0px;
    left: 0px;*/
    color: #DE4A47;
    /*background: #A92E2E;*/
}
#ficha_cat_menu .menu_file {
    width: 16%;
    height: 100%;
    display: inline-block;
    float: left;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
}
#ficha_cat_menu .menu_clicker img {
    vertical-align: middle;
}
#ficha_cat_menu .fa {
    color: black;
    font-size: 30px;
}

#ficha_brujula {
    width: 50%;
    margin: 50px 25% 0px 25%;
    background: #DE4A47;
    color: white;
    border-radius: 4px;
    padding: 15px 0;
}

#ficha_brujula #oriDemand {
    cursor: pointer;
}

#ficha_brujula #oriDemand div.fa,
#ficha_brujula #oriDemand #data{
    display: inline-block;
}
#ficha_brujula #oriDemand #ficha_ir_aqui{
    display: block;
    clear: both;
}

#ficha_cat_parrafos h1 {
    margin: 50px 0 20px 0;
}
#ficha_cat_parrafos h1 img {
    vertical-align: middle;
}
#ficha_cat_parrafos {
    margin: 0 30px 50px 30px;
}
#ficha_cat_parrafos p {
    text-align: justify;
}
#ficha_cat_parrafos .top_clicker {
    cursor: pointer;
}

/* ----------- SILDE ------------ */

.slidesjs-container {
    width: 100% !important;
    height: 240px;
}
.slidesjs-control {
    width: 100% !important;
    height: 240px;
}
#slides {
    display: none;
    margin-bottom:50px;
}
.slidesjs-control a {
    background-position: 50% 10% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 100%;
}

.slidesjs-navigation {
    margin-top:3px;
}

.slidesjs-previous {
    margin-right: 5px;
    float: left;
}

.slidesjs-next {
    margin-right: 5px;
    float: left;
}

.slidesjs-pagination {
    margin: 6px 0 0;
    float: left;
    list-style: none;
    padding: 0;
}

.slidesjs-pagination li {
    float: left;
    margin: 0 10px;
}

.slidesjs-pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url(images/pagination.png);
    background-position: 0 0;
    background-size: cover;
    float: left;
    overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
    background-position: 0 -13px;
}

.slidesjs-pagination li a:hover {
    background-position: 0 -26px;
}

a:link,
a:visited {
    color: #333
}

a:hover,
a:active {
    color: #9e2020
}

.navbar {
    overflow: hidden
}

#slides {
    display: none
}

.container {
    margin: 0 auto
}

#cboxOverlay {
    background: black !important;
}
#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight{
    background: none !important;
}
#cboxContent {
    background: black !important;
    text-align: center !important;
    color: #ddd !important;
}
#cboxLoadingOverlay {
    background: black url(images/loading.gif) no-repeat 5px 5px !important;
}

/* ----------- ABOUT ------------ */

#about {
    overflow-y: auto;
    color: white;
    background: #333;
}
#about #apartado {
    padding: 20px;
}
#about p {
    text-align: left;
}
#about #logos {
    margin: 54px 0px 0px 0px;
    width: 100%;
    height: 320px;
    background: url(images/logos_480.png);
    background-position: 50% 0% !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}

/* ------------ Añadidos PC ----------- */

#pc_header h1 {
    text-align: center;
    margin-top: 40px;
    opacity: 0.4;
    color: white;
    font-size: 30px;
    font-weight: 200;
}
#pc_footer {
    text-align: center;
    margin-bottom: 40px;
    opacity: 0.6;
    color: white;
}







@media (min-width: 480px) {

}


@media (min-width: 767px) {
    #intro #logo {
        margin: 0 25%;
        width: 50%;
    }
    #about #logos {
        background: url(images/logos_900.png);
    }
    #intro {
        background: url(images/background_480-2.jpg);
    }
    #menu_footer .cat_selector .cat_nombre {
        font-size: 18px;
    }
}

@media (min-width: 900px) {

    #intro #logo {
        background: url(images/quessada_900.png);
    }
    #intro {
        background: url(images/background_900-2.jpg);
    }
}

@media (min-width: 1200px) {

}






@media all and (orientation: landscape) {
    /*#menu_footer {
        width: 64px;
        height: 100%;
    }
    #menu_footer .cat_selector {
        width: 100%;
        height: 25%;
    }*/



}