/* CSS Document */
body{
    background-image:url(../images/body_bg_new.jpg);
    background-repeat:repeat;
}
.pagina{
    position: absolute;
    width: 1160px;
    left: 50%;
    margin-left: -580px;
}
.pagina .cabecera{
    width:1160px;
    height:338px;
    background-image:url(../images/cabecera.jpg);
    background-size: 100%;
}
.pagina .cabecera_text{
    width: 1160px;
    height: 338px;
    background-image: url(../images/cabecera_text.png);
    background-size: 67%;
    float: left;
    margin-top: -178px;
    background-repeat: no-repeat;
    background-position: 15%;
}
.pagina .cabecera .miguitas{
    position: absolute;
    top: 315px;
    left: 5px;
    font-size: smaller;
}
.miguitas a{
    color: white;
}
.miguitas a:visited{
    color: white;
}
.pagina .cuerpo{
    width:1160px;
    height:920px;
/*    background-image:url(../images/fondo.png);
    background-repeat:repeat-x;*/
    background-color: white;
    margin-top: -30px;
}
img.minus{
    position: absolute;
    width: 100px;
    margin-left: 550px;
    margin-top: -80px;
}
.cuerpo .menuco{
    margin-left:5px;
    width:32px;
    height:300px;
    background-image:url(../images/menuco.png);
    background-repeat:no-repeat;
    float:left;
    position:relative;
    border-right:#FFF 1px inset;
    margin-top: 15px;
}
.cuerpo .menumun{
    margin-left:5px;
    width:32px;
    height:300px;
    background-image:url(../images/menupro.png);
    background-repeat:no-repeat;
    float:left;
    position:relative;
    border-right:#FFF 1px inset;
    margin-top: 15px;
}
.cuerpo .menu_mun_lista{
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 244px;
    max-width: 200px;
    float:left;
    position:relative;
    margin-top: 15px;
}
.cuerpo .menu{
    width:240px;
    height:35px;
    padding-top: 5px;
    position: relative;
    float: left;
    color: white;
}
.cuerpo .menu .seccion{
    width:200px;
    height:35px;
    border-bottom:#FFF 1px inset;
    /*margin-bottom:20px;*/
    margin-top:25px;	
    float:left;
    position:relative;
}

.cuerpo .menu .seccion#mapa{
    border-bottom:#FFF 0px inset;
}
.cuerpo .informacion{
    width: 100%;
    height: 690px;
    overflow-y: auto;
}
.cuerpo a.menu_a{
    cursor: pointer;
}
.pagina .thumbnail_max{
    /*background-color: aliceblue;*/
    width: 900px;
    height: 900px;
    position: absolute;
    z-index: 1;
    margin-left: 240px;
    visibility: hidden;
}
.pagina .thumbnail_max .thumbnail_int{
    width: 500px;
    margin-top: 25%;
    margin-left: 25%;
    position: relative;
}
/*SECCION CABECERA CORDOBA IN TOUR*/
.menu{
    float: left;
    position: relative;
    width: 100%;
    height: 29px;
    font-family: Verdana, Geneva, sans-serif;
    background-color: white;
    /*box-shadow: 5px 5px 3px 2px #AAAAAA;*/
    padding-top: 0px;
}
.menu ul.MenuBarHorizontal li.border:first-of-type {
    border-left: none;
}
.menu ul.MenuBarHorizontal li.border {
    border-left: 1px solid black;
    height: 40px;
}
.pie{
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    font-family: Verdana, Geneva, sans-serif;
    background-color: white;
/*    box-shadow: 5px 5px 3px 2px #AAAAAA;*/
    padding-top: 0px;
}
.pie ul.MenuBarHorizontal li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 24%;
    float: left;
}
.pie ul.MenuBarHorizontal li.border {
    border-left: 1px solid black;
}
.menu li{
    width: 19% !important;
    height: 100%;
    vertical-align: middle !important;
    text-align: center !important;
    display: inline;
}
.menu li ul li{
    width: 300px !important;
    height: 100%;
    vertical-align: middle !important;
    text-align: center !important;
    display: inline;
    background-color: white;
    border-radius: 10px;
    border: 1px solid black;
}
/***********************************/
/*SECCION MAIN*/
.main_contenedor{
    margin: auto;
    width: 900px;
}
.botones_main{
    position: relative;
    float: left;
    margin: 30px;
    width: 200px;
    height: 200px;
}
.botones_main_titulo{
    text-align: center;
}
.main_cordoba{
    margin: 30px;
    margin-left: 40px;
    /*width: 630px;*/
    height: 200px;
    color: #0F0;
    font-family: sans-serif;
}

.main_cordoba a{
    color:#6e0303;
    text-decoration: none;
}
.hotel_img_b{
    border:solid 0px #000000;
/*    border-top-left-radius:100%;
    border-top-right-radius:100%;
    border-bottom-left-radius:100%;
    border-bottom-right-radius:100%;*/
    width:200px;
    height:150px;
    -moz-box-shadow: 5px 5px 2px #000000;
    -webkit-box-shadow: 5px 5px 2px #000000;
    box-shadow: 5px 5px 2px #777;
    cursor:pointer;
}
.hotel_img_b:active{
    border:solid 0px #000000;
    border-top-left-radius:100%;
    border-top-right-radius:100%;
    border-bottom-left-radius:100%;
    border-bottom-right-radius:100%;
    width:150px;
    height:150px;
    -moz-box-shadow: 1px 1px 0px #000000;
    -webkit-box-shadow: 1px 1px 0px #000000;
    box-shadow: 1px 1px 0px #000000;
}
.hotel_img_b:focus{
    outline: 0;
}
.hotel_img{
    width:200px;
    height:150px;
    /*border-radius: 100%;*/
    position: absolute;
    left: 0px;
    top: 0px;
}

#mapa{
    font-family:"lucida calligraphy",arial,'sans serif';
    color: #0F0;
}

/*SCROLLS BARS*/
::-webkit-scrollbar {
    width: 10px;
    /*background-color:#FFF;*/
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
/*LOADER*/
.loader{
    margin:200px;
    width:200px;
    /*        margin: auto;*/
}
/*************LISTADO HOTELES************/
.rutas{
    margin: auto;
    margin-top: 20px;
    width: 800px;
}
.rutas .titulo{
    font-size: 36px;
    color: #0F0;
    width: 400px;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    position: relative;
    float: left;
}
.rutas .titulo span{
    color: #FFE7A1;
}
.rutas .mapa{
    margin: auto;
    width: 250px;
    position: relative;
    float: left;
}
.rutas .lista_completa{
    overflow-y: scroll;
    height: 500px;
    width: 710px;
    margin-top: 20px;
    position: relative;
    float: left;
}
.rutas .lista_agrupada{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 700px;

}
.rutas .lista_agrupada div{
    display: inline-block;
    padding: 10px;
}
.rutas .lista_agrupada .lista_estrella img{
    width: 25px;
    vertical-align: middle;
}
.rutas .lista_agrupada .lista_img img{
    width: 200px;
    vertical-align: middle;
}
.rutas .lista_agrupada .lista_title{
    width: 50%;
    margin: auto;
}
.rutas a.hotel{
    cursor: pointer;
    color: #093;
}
/********PAGINA HOTEL************/
.hotel_pag{
    margin: auto;
    margin-top: 30px;
    width: 800px;    
}
.hotel_pag .central{
    height: 480px;
    width: 70%;
    margin-top: 20px;
    position: relative;
    float: right;
    /*margin-left: 50px;*/     
}
.hotel_pag .texto{
    overflow-y: scroll;
    width: 100%;
    height: 450px;
}
.hotel_pag .mapa{
    margin: auto;
    margin-top: 20px;
     position: relative; 
     float: left; 
    width: 300px;
    margin-left: 10px;
}
.hotel_pag .mapa iframe{
    width: 300px;
    height: 250px;
}
.hotel_pag .imagen_hotel_izquierda{
    width: 200px;
    position: relative;
    float: left; 
}
.hotel_pag .imagen_hotel_derecha{
    width: 200px;
    position: relative;
    float: right; 
}
.hotel_pag .imagen_hotel img{
    width: 200px;
    margin-bottom: 10px;
    max-height: 160px;
}
.hotel_pag .titulo{
    font-size: 36px;
    color: #6e0303;
    width: 100%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    float: left;
}
.hotel_pag .titulo span{
    color: #FFE7A1;
}
/*SECCION DEDICADA AL INICIO DE LA WEB*/
.conj_texto .texto{
    width: 470px;
    height: 350px;
    margin-left: 40px;
}