@charset="UTF-8";

/*
font-family: 'Lora', serif;
font-family: 'Muli', sans-serif;
font-family: 'Open Sans', sans-serif;
*/


body{
    background: #f4f2ec;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    font-family: 'Muli', sans-serif;
    font-weight: 800;
    font-size: 24px;
}

a{
    border: none;
    background: inherit;
    outline:0px;
    text-decoration: none;
}

a:focus{
    outline:0px;
    background: transparent;
}

.wrapper{
    width: 100%;
    padding: 0;
    margin: 0;
    height: 100%;
}

.content{
    width: calc(100% - 34px);
    width: -moz-calc(100% - 34px);
    width: -webkit-calc(100% - 34px);
    width: -o-calc(100% - 34px);
    margin: auto;
    top: 17px;
    margin-bottom: 62px;
}

.menu{
    width: 100%;
    position: relative;
}

.menu_ul{
    padding: 0;
    margin: 0;
    margin-top: 17px;
}

.menu_ul a{
    text-decoration: none;
}

.menu_li{
    margin: 0;
    padding: 0;
    border: 1px solid #d1cabd;
    margin-bottom: 17px;
    height: 100px;
    list-style: none;
    /* width: 100%; */
    background: #d1cabd;
    color: #f4f2ec;
    padding-left: 24px;
    position: relative;
    line-height: 100px;
}

.menu_li.desc{
    padding-left: 24px!important;
}

.menu_li.logo{
    background-color: #f4f2ec;
}

.logo{
    background-image: url(imgs/logo.png);
    background-repeat: no-repeat;
    background-size: 280px;
    background-position: 24px 17px;
}

.menu_li.buscar{
    background: #1f191a;
    border: 1px solid #1f191a;
    cursor: pointer;
    display: none;
}

.buscar{}

.footer{
    width: 100%;
    height: 45px;
    background: #69625b;
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
}

.mini_logo{
    width: 26px;
    height: 26px;
    position: absolute;
    background: url(imgs/mini_logo.png);
    background-size: 26px;
    top: 10px;
    left: 17px;
    background-repeat: no-repeat;
}

.flecha{
    background-image: url(imgs/flechas.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 34px;
    background-size: 30px;
    position: absolute;
    top: 37px;
    right: 20px;
}

/*
MAPA
*/

.content_full{}

.menu_b{
    height: 60px;
    width: 100%;
    position: fixed;
    border-bottom: 1px solid #67625c;
    font-size: 14px;
    z-index: 1000;
    top: 0px;
    left: 0px;
    background: #f4f2ec;
}

.menu_1{
    width: 120px;
    background: #67625c;
    color: #f4f2ec;
    height: 100%;
    float: left;
    padding-left: 17px;
    line-height: 60px;
}

.menu_2{ color: #67625c; height: 100%; float: left; padding-left: 33px; line-height: 60px;
 font-weight: 300; font-style: italic; 
 width: calc(100% - 170px);
 width: -moz-calc(100% - 170px);
 width: -webkit-calc(100% - 170px);
 width: -o-calc(100% - 170px);
}

.menu_1 .mini-flecha{
    background: url(imgs/mini_flechas.png) 0px 23px;
    width: 13px;
    height: 100%;
    background-size: 13px;
    float: left;
    background-repeat: no-repeat;
    padding-right: 20px;
}

.menu_2 .mini-flecha{
    background: url(imgs/mini_flechas2.png) 0px 23px; width: 13px; height: 100%; background-size: 13px; float: left; background-repeat: no-repeat; padding-right: 20px;
}

.mapa{
    width: 100%;
    background: rgb(205, 142, 57);
    height: calc(100% - 105px);
    height: -moz-calc(100% - 105px);
    height: -webkit-calc(100% - 105px);
    height: -o-calc(100% - 105px);
    position: absolute;
    /* top: 61px; */
}

.content_info{
    width: 400px;
    margin: auto;
    font-size: 14px;
    position: absolute;
    z-index: 10;
    top: 0px;
    right: 0px;
    padding: 0px 35px 0px 10px;
    background: rgba(103, 98, 92, 0.95);
    color: #fff;
    z-index: 8;
}

.content_info_cubo{
    position: absolute;
    width: 300px;
    bottom: 60px;
    background: rgba(209, 202, 189, 0.82);
    left: 20px;
    padding: 0px 10px;
    font-size: 14px;
    display: none;
}

.clear{
    clear: both;
}

.menu_2.snflecha{}

/*SUBMENUS*/

.sub_content{
    width: calc(100% - 34px);
    width: -moz-calc(100% - 34px);
    width: -webkit-calc(100% - 34px);
    width: -o-calc(100% - 34px);
    margin: auto;
    margin-bottom: 62px;
}

.sub_content .menu_ul{
    margin-top: 80px;
}

.sub_content .menu_li{
    padding: 0;
    padding-top: 2px;
    padding-left: 2px;
    height: 103px;
}

.sub_content .menu_li p{
    margin: 0;
    margin-left: 20px;
}

.sub_content .menu_li.plano_g{
    background: #1f191a;
    color: #f4f2ec;
}

.sub_content .foto_t{
    width: 101px;
    background-color: #67625C;
    height: 101px;
    background-size: 100%;
    background-size: cover;
    float: left;
    margin-right: 30px;
    background-position: center;
    background-repeat: no-repeat;
}
 
.sub_content .flecha_b{
    background: url(imgs/flechas.png);
    width: 30px;
    height: 34px;
    position: absolute;
    right: 17px;
    top: 37px;
    background-size: 30px;
    background-repeat: no-repeat;
}

.sub_content .menu_li .numero{
    position: absolute;
    right: 17px;
    bottom: 0px;
    color: #69625b;
}

.menu_li .autor{
    font-size: 12px;
}

.content_img{
    width: 100%;
margin: auto;

text-align: center;


    height: 100%;
    position: absolute;
    z-index: 2;
}

.content_img img{
    max-width: 99%;

    height: auto;
    max-height: 100%;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-right: -0.5%;
}

img {}

.content_int{
    position: relative;
    width: 100%;
    top: 60px;
}

.content_int.obra{
    /* background-color: #67625c; */
}

/*footer*/

.footer_int{
    position: fixed;
    bottom: 0px;
    left: 123px;
    /* background: aliceblue; */
    width: calc(100% - 123px);
    width: -moz-calc(100% - 123px);
    width: -webkit-calc(100% - 123px);
    width: -o-calc(100% - 123px);
    border-left: 1px solid #f4f2ec;
    z-index: 1000;
    height: 45px;
}

.footer_int_ul{
    padding: 0;
    margin: 0;
}

.footer_int_li{
    list-style: none;
    padding: 0;
    margin: 0;
    width: calc(100%/3 - 2px);
    width: -moz-calc(100%/3 - 2px);
    width: -webkit-calc(100%/3 - 2px);
    width: -o-calc(100%/3 - 2px);
    float: left;
    height: 45px;
    cursor: pointer;
}

.footer_int_li.video{
    background: url(imgs/video.png);
    border-right: 1px solid #f4f2ec;
    background-size: 24px; background-repeat: no-repeat; 
    background-position: center 12px;
}

.footer_int_li.audio{
    background: url(imgs/audio.png);    border-right: 1px solid #f4f2ec;  
    background-size: 24px; background-repeat: no-repeat; background-position: center 12px;
}
.footer_int_li.texto{
    background: url(imgs/texto.png);    
    background-size: 24px; background-repeat: no-repeat; background-position: center 12px;
}

.entrevista{
    width: 45px;
    float: left;
    height: 45px;
    background: url(imgs/video.png);
    background-repeat: no-repeat;
    background-position: center 12px;
    background-size: 20px;
    position: absolute;
    top: 6px;
    right: 6px;
}

.entrevista.act{
}

.entrevista.audio{
background-image: url(imgs/audio.png);
}

.content_seccion_int{

    width: 100%;
    
    

    margin-top: 60px;
    margin-bottom: 80px;
    

    position: relative;

}


/*buscar*/

.overlay{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(244, 242, 236, 0.94);
    z-index: 1100;
    top: 0;
    left: 0;
    display: none;
}

.cerrar{
    width: 40px;
    height: 40px;
    background: url(imgs/cerrar.png);
    background-repeat: no-repeat;
    background-position: center;
    right: 20px;
    position: absolute;
    top: 20px;
    cursor: pointer;
}

.buscar_i{
    width: 90%;
    height: 80px;
    padding-bottom: calc(90% - 80px);
    padding-bottom: -moz-calc(90% - 80px);
    padding-bottom: -webkit-calc(90% - 80px);
    padding-bottom: -o-calc(90% - 80px);
    margin-left: 17px;
    top: 10%;
    position: absolute;
    font-size: 42px;
    background: #f4f2ec;
    background: transparent;
    border: none;
    /* font-family: 'Open Sans', sans-serif; */ 
    /* font-weight: 800; */
    color: #1f191a;
    outline: none;
}

.content_seccion_int.video{
    margin-bottom: 0;
    background: #000;
}

.content_seccion_int video{
    width: 100%;
    height: auto;
}

.content_seccion_int iframe{
        width: 100%;
    height: auto;
}

.content_int.obra iframe{
    width: 100%;
    height: 100%;
}


.progressBar
{
   position: relative;
   width: 92%;
   width: calc(100% - 80px);
   width: -moz-calc(100% - 80px);
   width: -webkit-calc(100% - 80px);
   width: -o-calc(100% - 80px);
   height: 16px;
   background-color: #f1f1eb;
   margin-left: 1%;
   top: 11px;
   border-radius: 6px;
   left: 42px;
} 
.timeBar
{
   position: absolute;
   top: 0;
   left: 0;
   width: 0;
   height: 100%;
   background-color: #fb5c5c;
   border-radius: 6px;
}

.controles{
    width: 100%; 
    height: 40px; 
    background: #66625c; 
    position: absolute;  
    left: 0px;
    border-bottom: 1px solid #f4f2ec;
    bottom: 0px;
}

.control{
}

.btnPlay{
    background: url(imgs/play.png);
    width: 40px;
    height: 40px;
    position: absolute; bottom: 0; 
    left: 0px;
    border-right: 1px solid #f4f2ec;
    /* display: none; */
}

.btnPause{
    background: url(imgs/pause.png); width: 40px; height: 40px;
    position: absolute;
    bottom: 0;
    left: 0px; border-right: 1px solid #f4f2ec;
    display: none;
}

.time{
    width: 150px;
    height: 40px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-left: 1px solid #f4f2ec;
}

.current{
    height: 40px;
    bottom: 40px;
    width: 74px;
    color: #f4f2ec;
    font-weight: 300;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-right: 1px solid #f4f2ec;
}

.duration{
    right: 0px;      
    border-right: none;
    height: 40px; bottom: 40px; 
    width: 75px; color: #f4f2ec; font-weight: 300; font-size: 14px; text-align: center; line-height: 40px;  position: absolute; top: 0px; 
}

.volumeBar{
   display: block;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #eee;
z-index: 10;
   border-radius: 6px;
}

.volume{
    position: relative;
cursor: pointer;
width: 70px;
height: 10px;
float: right;

    /* margin-top: 10px; */

    /* margin-right: 10px; */
}
.sound{
    width: 40px;
    height: 40px;
    right: 90px;
    position: absolute;
    top: 0;
    background: url(imgs/audio.png) center no-repeat;
    background-size: 25px;
}

.sound.muted{
    width: 40px;
    height: 40px;
    right: 90px;
    position: absolute;
    top: 0;
    background: url(imgs/muted.png) center no-repeat;
    background-size: 25px;
}


.volumenc{
     position: absolute;
    
     width: 77px;
    height: 17px;
    top: 11px;
    
    right: 17px;
     overflow: hidden;
     border-radius: 6px;
}


.sonido{
    background: url(imgs/audio.png);
    background-size: 38px;
}

.nosonido{
    background: url(imgs/muted.png);
    background-size: 38px;
}




.content_seccion_int.multimedia{
    width: 60%;
    margin: auto;
    margin-bottom: 150px;
    margin-top: 70px;
}
 
.content_seccion_int audio{
    width: 100%;
}

.content_seccion_int.multimedia .int{
    background: black;
    margin: auto;
}
.content_seccion_int.multimedia .slider{    
    text-align: center; 
    height: 450px; margin-top: 20px; 
    /* overflow: hidden; */ width: 100%; position: relative; top: 0;
    margin-bottom: 120px;
}

.content_seccion_int.multimedia .slide{
    text-align: center;
display: none;
position: absolute;
height: 100%;
width: 100%;
vertical-align: middle;
    
}
.content_seccion_int.multimedia .slide2{
    text-align: center;
display: none;
position: absolute;
height: 100%;
width: 100%;
vertical-align: middle;
    
}

.content_seccion_int.multimedia .slide img{
    top: 0;
    left: 0;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    border: none;
    height: auto;
}

.content_seccion_int.multimedia .slide2 img{
    top: 0;
    left: 0;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    border: none;
    height: auto;
}

.content_seccion_int.texto{
    margin-bottom: 0;
    background: #000;
    height: calc(100% - 105px);
    height: -moz-calc(100% - 105px);
    height: -webkit-calc(100% - 105px);
    height: -o-calc(100% - 105px);
    position: absolute;
    overflow: hidden;
}

.slider{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 10;
}

.slide{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.slide2{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.slide_img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;  
}

.content_seccion_int.texto .slide img{
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    vertical-align: middle;
}
.content_seccion_int.texto .slide2 img{
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    vertical-align: middle;
}

.puntitos{
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.punto_ul{
    padding: 0;
    margin: 0;
}

.punto_li{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.28);
    margin-right: 2px;
    cursor: pointer;
}

.punto_li.act{
    background: rgba(255, 255, 255, 0.71);
}

.punto_li:hover{
    background: rgba(255, 255, 255, 0.71);
}

.text{
    position: fixed;
    width: 500px;
    min-height: 10px;
    background: rgba(244, 242, 236, 0.47);
    z-index: 400;
    bottom: 80px;
    left: 17px;
    font-size: 16px;
    font-weight: 300;
}

.text_int{
    padding: 10px;
}

.text_int p{
    margin: 0;
    margin-bottom: 10px;
}

.helper {
height: 100%;
vertical-align: middle;
display: inline-block;
margin: -0.5%;
}

.progressBarA
{
   position: absolute;
   width: calc(100% - 210px);
   width: -moz-calc(100% - 210px);
   width: -webkit-calc(100% - 210px);
   width: -o-calc(100% - 210px);
   height: 16px;
   background-color: #f1f1eb;
   top: 12px;
   border-radius: 6px;
   left: 50px;
}
.timeBarA
{
   position: absolute;
   top: 0;
   left: 0;
   width: 0;
   height: 100%;
   background-color: #fb5c5c;
   border-radius: 6px;
}

.controlesA{
    width: 100%; 
    height: 40px; 
    background: #69625b; 
    position: absolute; 
    bottom: 45px; 
    left: 0px;
    border-bottom: 1px solid #f4f2ec;
    /* opacity: 0.5; */
    margin-top: 2px;
    z-index: 10;
}

.controlesA:hover{
    opacity: 1;
}


.controlA{
}

.btnPlayA{
    background: url(imgs/play.png);
    width: 40px;
    height: 40px;
    position: absolute; bottom: 0; 
    left: 0px;
    border-right: 1px solid #f4f2ec;
    /* display: none; */
}

.btnPauseA{
    background: url(imgs/pause.png);

width: 40px;
height: 40px;
position: absolute;
bottom: 0;
left: 0px;
border-right: 1px solid #f4f2ec;
    display: none;
}

.progressTimeA{}

.currentA{
    height: 40px;
    bottom: 40px;
    width: 239px;
    position: absolute;
    /* color: #f4f2ec; */
    font-weight: 300;
    font-size: 14px;
    text-align: center;
    border: 1px solid #f4f2ec;
    border-left: none;
    line-height: 40px;
}

.durationA{
    height: 40px; 
    bottom: 40px;  width: 239px; position: absolute;
    right: 0px;
    /* color: #f4f2ec; */ font-weight: 300; font-size: 14px; text-align: center; border: 1px solid #f4f2ec; border-left: none; line-height: 40px;
    border-right: none;
}

.volumeBarA{
   display: block;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #eee;
z-index: 10;
   border-radius: 6px;
}

.volumeA{
    position: relative;
cursor: pointer;
width: 70px;
height: 20px;
float: right;

    /* margin-top: 10px; */

    /* margin-right: 10px; */
}
.soundA{
    width: 40px;
    height: 40px;
    left: 82px;
    position: absolute;
    bottom: 0;
    background: url(imgs/audio.png) center no-repeat;
    background-size: 25px;
}

.soundA.muted{
    background: url(imgs/muted.png) center no-repeat;
    background-size: 25px;
}


.volumencA{
     position: absolute;
    
     width: 67px;
    height: 17px;
    
     bottom: 11px;
    
    
     left: 137px;
     overflow: hidden;
     border-radius: 6px;
}


.sonidoA{
    background: url(imgs/audio.png);
    background-size: 38px;
}

.nosonidoA{
    background: url(imgs/muted.png);
    background-size: 38px;
}


#map_canvas{
    width: 100%;
    height: 100%;
    margin: auto;
}

.mapa{
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.49);

}

.mapa_over{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    cursor: pointer;
}
.content_map{
    position: absolute;
    width: 100%;
    height: calc(100% - 105px);
    height: -moz-calc(100% - 105px);
    height: -webkit-calc(100% - 105px);
    height: -o-calc(100% - 105px);
      
    /* margin: auto; */
    margin-bottom: 45px;
}

.ciac{
    background: url(imgs/logomini.png);
    width: 30px;
    height: 30px;
    background-size: 30px;
    background-repeat: no-repeat;
    text-align: center;
    width: 100%;
    background-position: center;
    display: none;
}



.content_seccion_int h2{
        margin-top: 80px;
    }

.content_seccion_int .info{
    color: #69625b;
    font-size: 12px;
}

.piedefoto{
    text-align: left;
    font-size: 12px;
    position: absolute;
    bottom: 50px;
    z-index: 10;
    color: #fff;
    left: 30px;
    background: rgba(0, 0, 0, 0.7);
    background: rgba(105, 98, 91, 0.92);
    display: none;
}

.piedefoto_i{
    /* background: rgba(0, 0, 0, 0.7); */  
    width: 40px;
    height: 40px;
    background: rgb(87, 73, 55);
    background-image: url(imgs/mas_info.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #f4f2ec;
    opacity: 0.5;
    background-size: 28px;
}

.piedefoto_i:hover{
    opacity: 1;
}

.piedefoto_int{ /* background: rgba(0, 0, 0, 0.7); */ padding: 10px; width: 400px;
 display: none; /* background: rgba(105, 98, 91, 0.71); */}

.piedefoto p{
    margin: 0;
    margin-top: 10px;
}

.piedefoto h2{
    margin: 0;

    /* line-height: 40px; */
}

.piedefoto h3{
    margin: 0;
    line-height: 40px;
}

.piedefoto a{
    color: #fff;
    text-decoration: none;
    height: 40px;
    line-height: 40px;
}

.vermas_icono{
    background-image: url(imgs/mas.png);
    width: 30px;
    height: 30px;
    background-color: #67625c;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 3px 2px;
    z-index: 10;
    position: relative;
}



.content_info_ext{
    position: absolute;
    top: 20px;
    right: 20px;
}

#video{
    width: 100%;
    height: -o-calc(100vh - 147px);
    height: -ms-calc(100vh - 147px);
    height: -moz-calc(100vh - 147px);
    height: -webkit-calc(100vh - 147px);
    height: calc(100vh - 147px);
}

.info_sala{ max-width: 550px; 
    
    margin-top: 70px;
    padding-left: 20px;
 font-size: 14px; margin-bottom: 70px;}

 .info_sala h3{
    font-family: 'Lora', serif;
 
    color: #67625c;
    font-size: 1.5em;
    font-weight: 100;
    padding-bottom: 5px;
    /* border-bottom: 1px solid #67625c; */
}

.info_sala p{
    line-height: 1.4em;

}

.info_sala p span{
    color: #67625c;
}

.info_sala a{
    color: #67625c;
    font-style: italic;
    text-decoration: inherit;
}

.info_sala ul{
    margin: 0;
}

.info_sala li{
    margin: 0;
    list-style: none;
}

.separcion{
    height: 1px;
    width: 100%;
    background: #67625C;
}

.descarga{
    background-image: url(imgs/descarga.png);
    
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 10px;
    /* bottom: 10px; */
    background-position: center;
    background-size: 30px;
    top: 50%;
    margin-top: -20px;
}

.pordesc{
    text-align: center;
    margin-top: 10px;
    font-size: 22px;
    color: #F4F2EC;
    position: absolute;
    top: 29px;
    right: 65px;
}

@media screen and (max-width: 850px){
    .content_seccion_int.multimedia{
        width: 90%;
    }

    .content_seccion_int.multimedia .slider {
        height: 220px;
    }
   
}

@media screen and (min-width: 581px){
    .content_int{
        margin-bottom: 0!important;
    }
}

@media screen and (max-width: 590px){
    .info_sala{
        width: calc(100% - 40px);
        width: -moz-calc(100% - 40px);
        width: -webkit-calc(100% - 40px);
        width: -o-calc(100% - 40px);
        max-width: inherit;
    }
}

@media screen and (max-width: 580px){

    .pordesc{
        right: 30px;
        top: 2px;
        font-size: 14px;
    }

    .descarga{
        margin-top: 0;
top: 9px;
width: 20px;
height: 20px;
background-size: 16px;
    }

    body{
        font-family: 'Muli', sans-serif;
        font-size: 13px;
        font-weight: 400;
    }

    .ciac{
        display: block;
    }

    .content{
        width: 100%;
        margin-bottom: 20px;
    }

    .piedefoto{
        left: 0px;  
        top: 100%;
        top: calc(100% + 40px);
        top: -moz-calc(100% + 40px);
        top: -webkit-calc(100% + 40px);
        top: -o-calc(100% + 40px);
        width: 90%; display: block!important;   
        min-height: 150px;
        background: transparent;
        padding-left: 5%;
    }

    .piedefoto_int{
    
        display: block!important;
        color: rgba(105, 98, 91, 1);
        position: relative;
        width: 100%;
        padding: 0;
}

    .controlesA{
        bottom: 0px;
    
}

    .content_int{
        top: 40px;
    
        position: fixed;
}
    .content_info{
        width: calc(100% - 34px);
        width: -moz-calc(100% - 34px);
        width: -webkit-calc(100% - 34px);
        width: -o-calc(100% - 34px);
        margin: auto;
        margin-bottom: 50px;
    }

 

    .menu_li{
        height: 40px;
        margin-bottom: 2px;
        width: calc(100% - 12px);
        width: -moz-calc(100% - 12px);
        width: -webkit-calc(100% - 12px);
        width: -o-calc(100% - 12px);
        padding-left: 10px;
        /* padding-top: 13px; */
    
        line-height: 40px;
}

    .menu_li.desc{
        width: calc(100% - 12px);
        width: -moz-calc(100% - 12px);
        width: -webkit-calc(100% - 12px);
        width: -o-calc(100% - 12px);
        padding-left: 10px!important;
    }

    .menu_li.logo{
        height: 70px;
        border: 1px solid #f4f2ec;
        padding: 0;
    }

    .logo{
        background-size: 160px;
        background-position: center;
    }

    .flecha{
        display: none;
    }

    .footer{
        display: none!important;
    }

    .menu_b{
        height: 40px;
    
        padding-top: 20px;
}

    .menu_1{
        width: 75px;    
        line-height: 40px;
        padding-left: 5px;
    
        border-top: 1px solid #67625c;
}

    .menu_1 .mini-flecha{
        background: url(imgs/mini_flechas.png) 0px 13px;
        padding-right: 10px;
        background-size: 13px;
        background-repeat: no-repeat;
    }

    .menu_2{
        line-height: 40px;
        padding-left: 10px;
    
        border-top: 1px solid #67625c;
        width: calc(100% - 90px); 
        width: -moz-calc(100% - 90px); 
        width: -webkit-calc(100% - 90px); 
        width: -o-calc(100% - 90px);
}

    .content_map{
        height: calc(100% - 40px);
        height: -moz-calc(100% - 40px);
        height: -webkit-calc(100% - 40px);
        height: -o-calc(100% - 40px);
        margin-top: 40px;
    }

    .buscar_i{
        font-size: 30px;
    }

    .sub_content{
        margin-bottom: 0px;
        width: 100%;
    
        margin-top: 62px;
}

    .sub_content .menu_ul{
        margin-top: 42px;
    }

    .sub_content .menu_li.plano_g{
        padding: 0;
        width: 100%;
        height: 80px;
        margin-bottom: 0;
        border: 1px solid #f4f2ec;
        border-left: none;
        border-right: none;
    }

    .sub_content .foto_t{
        width: 80px;
        height: 80px;
        margin-right: 15px;
    }

    .sub_content .flecha_b{
        background-size: 20px;
        top: 30px;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
    }

    .sub_content .menu_li{
        padding: 0;
        width: 100%;
        height: 80px;
        margin-bottom: 0;
        border: 1px solid #f4f2ec;
        border-left: none;
        border-right: none;
    }

    .sub_content .menu_li .numero{
        bottom: 10px;
        right: 10px;
    }

    .menu_2 .mini-flecha {
        background: url(imgs/mini_flechas2.png) 0px 13px;
        width: 13px;
        height: 100%;
        background-size: 13px;
        float: left;
        background-repeat: no-repeat;
        padding-right: 20px;
    }

    .content_seccion_int{
        margin-top: 40px;
    }



    .content_seccion_int.multimedia{
        height: calc(100% - 80px);
        height: -moz-calc(100% - 80px);
        height: -webkit-calc(100% - 80px);
        height: -o-calc(100% - 80px);
    }


   


    .footer_int{
        background: #69625b;
        left: 0;
        border-left: none;
        width: 100%;
        height: 40px;
    }

    .controles{
        bottom: 0px;
    
        position: fixed;
}

    .content_seccion_int.texto{
        height: calc(100% - 80px);
        height: -moz-calc(100% - 80px);
        height: -webkit-calc(100% - 80px);
        height: -o-calc(100% - 80px);
    }

    .text{
        width: 290px;
    }

    .content_info_cubo{
        font-size: 14px;
        width: calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
        width: -o-calc(100% - 60px);
    }

    .slider{
    overflow: initial;

    height: calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: -webkit-calc(100% - 40px);
    height: -o-calc(100% - 40px);
}

    .slide{}

    .content_img img{}

    .piedefoto_i{
    display: none;
}

    

}