@viewport {
    width: device-width ;
    zoom: 1.0 ;
  }


  .carousel-control.right > text{
      font-size: 16px ;
      color: white ;
      font-weight: bold ;

  }
  
  .carousel-control.left > text{
    font-size: 16px ;
    color: white ;
    font-weight: bold ;

}


  @media screen and (min-width: 901px) {
    body {
      flex-direction: row;
    }

    /**********************/
                
#map_icon_mobile{
    height: 63px ;
}


a.navbar-brand.img_responsive{
    margin-right: 25px ;
}

a.navbar-brand{
    align-items: right;
    color: whitesmoke ;
    margin-left:10px ;
    font-size: 16px ;
    font-family: "Baskerville old face"

}

    .business_title {
  
        align-content: center ;
        color: white ;
       /* color: gold ; */
        font-family: 'Baskerville old face' ;
        font-size: 20px ;
        padding-bottom: 0px ;
        display: inline-block ;
        height: 5px;
    
    
    }    
        
    .my_navbar {
         
            background-color: #040606ff; 
            margin-bottom: 0px ;
            margin-top: 0px ;

    }

    button.navbar-toggle{
        background-color:grey ;
    }

    button.navbar-toggle > span.icon-bar{
        background-color:whitesmoke ;
    }

    .navbar-brand {
     height: 90px ;
     margin-right: -3px ;
        
    }
    

    .navbar-brand > img{
        margin-right: 0px ;
        float: left ;
        height:67px ;
        margin-right: 20px ;

    }
    
    #text{
        font-size: 26px ;
    }

    .navbar-nav.navbar-center.nav > li.active > a {
        color: black ;
        background-color: whitesmoke ;
    }


    .navbar-nav.navbar-center.nav > li > a{
        color: whitesmoke ;
    }

    img.booking_option_main{

        width:10% ;
        box-sizing: content-box ;
        float: right ;
        margin-right: 9px ;
    }
    
    img.booking_option{
        width: 45% ;
        box-sizing: content-box ;
        float: right ;
    }
    
    
    img.booking_options{
        height: 50% ;
        width:  50% ;
        box-sizing: content-box ;
        float: right ;
    }
    
    hr{
        color: red ;
        line-height: 3px ;
    
    
    }    
    
.rms_container{
     background-color: #eeeeee ;
     height: 310px ;
     margin-bottom: 56px ;
 }
 
 .rms_m{
        background-color: khaki ;
        height: 245px ;
        margin-bottom: 30px ;
        margin-top: 50px ;
 }

 
 .rms_main_container{
     background-color: lightgray ;
     margin-left: 16px;
 
 }
 
 .booking_icon{
     height: 48px ;
     width: auto ;
 
 }
 
 .booking_description{
     align-content: center ;
    /* width:366px ; */
     width:510px ;
 
     background-color: slategray;
     color: beige;
     font-family: 'FreeSerif';
     margin-right: 250px ;
     
 }
 
 .booking_description_m{
     align-content: center ;
    /* width:366px ; */
    /* width:1102px ; */
    width: 99% ;
  
     background-color: slategray;
     color: beige;
     font-family: 'FreeSerif';
     margin-right: 250px ;
     
 }
 
 label.booking_description_m > h3{
     margin-bottom: 20px ;
     margin-left: 74px ;
     font-size: 28px;
 }
 
 
 label.booking_description > h3{
     margin-bottom: 20px ;
     margin-left: 74px ;
     font-size: 28px;
 }
 
 .booking_desc{
     background-color: #555353 ;
     color: #FFFFE1 ;
 }
 
 #btn-bkn-hostel-container{
     margin-bottom: 100px ;
 }
 

 #trad_cubanas{
    width: 100%;
    height: 350px ;
    margin-top: -60px ;
}

.container{
    width: 94% ;
    align-content: center ;
    padding-right: 0px ;
    -webkit-column-rule: 1px solid ;
    -moz-column-rule: 1px solid ;
    column-rule: 1px solid ;
}


.footer {
    height: 225px;
    color: lightgray ;
    background-color: #555353; 
    border-top: 2px solid #ddd;
    margin-top: 7px;
}

.contact_info {
      float: right; 
      width: 100%;
      color: white ;
      padding: 10px; 
      border-radius: 15px;
     -moz-border-radius: 15px;
      
  }

.contact_info > ul > li > a {
    color:whitesmoke ;
    text-decoration: underline ;
}



  
.carte_menu{
    visibility: hidden ;
  }


.nav.nav-tabs {
    margin-top: 18px;
    background-color: lightslategray;
    width: 30% ;
}

.tab-content{
   /* background-color: #FFE499 ; */
   /* color: brown ; */
    margin-top: 5px ;
    font-family: 'URW Chancery L' ;
    font-size: 20px ;
    margin-left: 15px ;
    margin-right: 10px ;

}  

.nav.nav-tabs {
	margin-top: 18px;
/*	float: left;*/
    background-color: slategray;
    color: whitesmoke ;
    width: 100% ;
}

li.my-class{
    color: whitesmoke ;
}


.booking_icon {
	/* height: 48px; */
	height: 30px;
	width: auto;
}

.sidebar3 {
	width: 850px;
	height: 69px;
	margin-bottom: 10 px;
	margin-left: 12px;
}

span {
	display: inline;
}

.collage_thumbnail_3_1, 
.collage_thumbnail_3_2, 
.collage_thumbnail_3_3, 
.collage_thumbnail_3_4, 
.collage_thumbnail_3_5, 
.collage_thumbnail_3_6, 
.collage_thumbnail_3_7, 
.collage_thumbnail_3_8, 
.collage_thumbnail_3_9, 
.collage_thumbnail_3_10, 
.collage_thumbnail_3_11, 
.collage_thumbnail_3_12 {
	margin-left: 1px;
	padding: 1px;
	height: 65px;
	width: 65px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top: 0px;
}

#MainBanner{ 
     width: 100% ;
 /*    position: relative ;
     visibility: visible ; */
 }

 
 .sidebar3{
     width: 100% ;
     height: auto ;
     margin-bottom: 2px ;
    } 
 

 .container{
    width: 94% ;
    align-content: center ;
    padding-right: 0px ;
    -webkit-column-rule: 1px solid ;
    -moz-column-rule: 1px solid ;
    column-rule: 1px solid ;
}

.multilanguage {
    margin-bottom: 50px ;

    
}


.lang-flag{
    height:40px ;
    width: auto ;
}


div.bkn_icon_container {
    width: 35%;
    margin-bottom: 3px;
    margin-top: 3px;
}

a.btn.btn-primary{
	margin-top: -157px;
}

.booking_option {
	margin-top: -126px;
}

img.booking_option{
    width:65% ;
}

#breakf_img{
    height: 300px ;
}

nav.navtabs-class > li > a{
    color: whitesmoke ;
}

.mainpage_carrousel_img{
    height: 300px ;

}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	display: block;
	max-width: 100%;
	height: 250px;
}

a{
    color: black
}


.container{
    width: 94% ;
    align-content: center ;
    padding-right: 0px ;
    -webkit-column-rule: 1px solid ;
    -moz-column-rule: 1px solid ;
    column-rule: 1px solid ;
    margin-left: 0px ;
    
}

#map {
    width: 100%;
    height: 350px ; 
    visibility: visible ;
    border-color: #434128 ; 
}


a.navbar-brand{
    color:whitesmoke ;
    font-family: "Baskerville old face" ;
    font-size: 16px ;
    font-weight: bold ;
    
}

.glyphicon-chevron-left{
    size:50px ;

}

.glyphicon-chevron-right{
    size:50px ;
    margin-left: 0px ;
    margin-right: 0px
}


.ml_room {
    background-color: #FFEC6E ;
    margin-left: 3px ;
    margin-right: 3px ;    
    margin-bottom: 20px ;
    height: 320px ;   
}

.lz_room {
    background-color: #FFEC6E ;
    margin-left: 3px ;
    margin-right: 3px ; 
    margin-bottom: 20px ;
    height: 320px ;   
}

    
    



    /**********************/



  }
  


/* Media queries for phones*/

@media screen and (max-width: 900px) {
    article {
      padding: 1rem 3rem;
    }
   
    [class*="col-"] {
        width: 100%;
        }

        html,
        body {
            width: 100% ;
            height: 100%;
            background-color: white ;
            color: #4D2300 ;
        }
            
#map_icon_mobile{
    height: 63px ;
}


a.navbar-brand.img_responsive{
    margin-right: 25px ;
}

a.navbar-brand{
    align-items: right;
    color: whitesmoke ;
    margin-left:10px ;
    font-size: 16px ;
    font-family: "Baskerville old face"

}

    .business_title {
        visibility: hidden ;
        align-content: center ;
        color: white ;
        font-family: 'Baskerville old face' ;
        font-size: 20px ;
        padding-bottom: 0px ;
        display: inline-block ;
        height: 5px;
    
    
    }    
        
    .my_navbar {
         
            background-color: #040606ff; 
            margin-bottom: 0px ;
            margin-top: 0px ;

    }

    button.navbar-toggle{
        background-color:grey ;
    }

    button.navbar-toggle > span.icon-bar{
        background-color:whitesmoke ;
    }

    .navbar-brand {
     height: 90px ;
     margin-right: -3px ;
        
    }
    

    .navbar-brand > img{
        margin-right: 0px ;
        float: left ;
        height:67px ;
        margin-right: 20px ;


    }
    
    #text{
        font-size: 26px ;
    }

    .navbar-nav.navbar-center.nav > li.active > a {
        color: black ;
        background-color: whitesmoke ;
    }


    .navbar-nav.navbar-center.nav > li > a{
        color: whitesmoke ;
    }


    .Maps-Icons-FA-FB > a:hover{
        color: #8b9dc3 ;
        width: 85px ;
        height: 30px ;
    
    }
    
    .Maps-Icons-INSTGR > a:hover{
        color:greenyellow;
        width: 85px ;
        height: 30px ;
    }
    
    .Maps-Icons-YTB > a:hover{
        color:red;
        width: 85px ;
        height: 30px ;
    }
    
    
    
    .Maps-Icons-FA-FB > a{
        color: whitesmoke ;
        width: 95px ;
       height: 40px ;
    }
    
    
    
    .Maps-Icons-YTB > a{
        color:whitesmoke ;
        width: 95px ;
        height: 40px ;
    }
    
    
    span.Maps-Icons-INSTGR {
       
       height: 50px ;
    }
    
    
    .Maps-Icons-INSTGR > a{
        color: white ;
      /*  background: linear-gradient(#9f00a5, #ffa400);; */
        width: 95px ;
       /* float: right ; */
       height: 50px ;
    }
    
    .social_icons{
        margin-left: 120px ;
        display: inline-block ;
    }
    

    img.booking_option_main{

        width: 21% ;
        box-sizing: content-box ;
        float: right ;
        margin-right: 9px ;
    }
    
    img.booking_option{
        width: 45% ;
        box-sizing: content-box ;
        float: right ;
    }
    
    
    img.booking_options{
        height: 50% ;
        width:  50% ;
        box-sizing: content-box ;
        float: right ;
    }
    
    hr{
        color: red ;
        line-height: 3px ;
    
    
    }    
    
.rms_container{
     background-color: #eeeeee ;
     height: 310px ;
     margin-bottom: 56px ;
 }
 
 .rms_m{
        background-color: khaki ;
        height: 245px ;
        margin-bottom: 30px ;
        margin-top: 50px ;
 }

 
 .rms_main_container{
     background-color: lightgray ;
     margin-left: 16px;
 
 }
 
 .booking_icon{
     height: 48px ;
     width: auto ;
 
 }
 
 .booking_description{
     align-content: center ;
    /* width:366px ; */
     width:510px ;
 
     background-color: slategray;
     color: beige;
     font-family: 'FreeSerif';
     margin-right: 250px ;
     
 }
 
 .booking_description_m{
     align-content: center ;
    /* width:366px ; */
    /* width:1102px ; */
    width: 99% ;
  
     background-color: slategray;
     color: beige;
     font-family: 'FreeSerif';
     margin-right: 250px ;
     
 }
 
 label.booking_description_m > h3{
     margin-bottom: 20px ;
     margin-left: 74px ;
     font-size: 28px;
 }
 
 
 label.booking_description > h3{
     margin-bottom: 20px ;
     margin-left: 74px ;
     font-size: 28px;
 }
 
 .booking_desc{
     background-color: #555353 ;
     color: #FFFFE1 ;
 }
 
 #btn-bkn-hostel-container{
     margin-bottom: 100px ;
 }
 

 #trad_cubanas{
    width: 100%;
    height: 350px ;
    margin-top: -60px ;
}

.container{
    width: 94% ;
    align-content: center ;
    padding-right: 0px ;
    -webkit-column-rule: 1px solid ;
    -moz-column-rule: 1px solid ;
    column-rule: 1px solid ;
}


.footer {
    height: 225px;
    color: lightgray ;
    background-color: #555353; 
    border-top: 2px solid #ddd;
    margin-top: 7px;
}

.contact_info {

    float: right; 
      width: 100%;
      color: white ;
      padding: 10px; 
     border-radius: 15px;
     -moz-border-radius: 15px;
      
  }

.contact_info > ul > li > a {
    color:whitesmoke ;
    text-decoration: underline ;
}


  
.carte_menu{
    visibility: hidden ;
  }


.nav.nav-tabs {
    margin-top: 18px;
    background-color: lightslategray;
    width: 30% ;
}

.tab-content{
   /* background-color: #FFE499 ; */
   /* color: brown ; */
    margin-top: 5px ;
    font-family: 'URW Chancery L' ;
    font-size: 20px ;
    margin-left: 15px ;
    margin-right: 10px ;

}  

.nav.nav-tabs {
	margin-top: 18px;
/*	float: left;*/
    background-color: slategray;
    color: whitesmoke ;
    width: 100% ;
}

li.my-class{
    color: whitesmoke ;
}


.booking_icon {
	/* height: 48px; */
	height: 30px;
	width: auto;
}

.sidebar3 {
	width: 850px;
	height: 69px;
	margin-bottom: 10 px;
	margin-left: 12px;
}

span {
	display: inline;
}

.collage_thumbnail_3_1, 
.collage_thumbnail_3_2, 
.collage_thumbnail_3_3, 
.collage_thumbnail_3_4, 
.collage_thumbnail_3_5, 
.collage_thumbnail_3_6, 
.collage_thumbnail_3_7, 
.collage_thumbnail_3_8, 
.collage_thumbnail_3_9, 
.collage_thumbnail_3_10, 
.collage_thumbnail_3_11, 
.collage_thumbnail_3_12 {
	margin-left: 1px;
	padding: 1px;
	height: 65px;
	width: 65px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top: 0px;
}

#MainBanner{ 
     width: 100% ;
 /*    position: relative ;
     visibility: visible ; */
 }

 
 .sidebar3{
     width: 100% ;
     height: auto ;
     margin-bottom: 2px ;
    } 
 

 .container{
    width: 94% ;
    align-content: center ;
    padding-right: 0px ;
    -webkit-column-rule: 1px solid ;
    -moz-column-rule: 1px solid ;
    column-rule: 1px solid ;
}

.multilanguage {
    
    margin-bottom: 50px;
    width: 100px;
    margin-top: -45px;

    
}


.lang-flag{
    height:40px ;
    width: auto ;
}


div.bkn_icon_container {
    width: 35%;
    margin-bottom: 3px;
    margin-top: 3px;
}

a.btn.btn-primary{
	margin-top: -157px;
}

.booking_option {
	margin-top: -126px;
}

img.booking_option{
    width:65% ;
}

#breakf_img{
    height: 300px ;
}

nav.navtabs-class > li > a{
    color: whitesmoke ;
}

.mainpage_carrousel_img{
    height: 300px ;

}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	display: block;
	max-width: 100%;
	height: 250px;
}

a{
  /*  color: black ; */
      color: whitesmoke ; 
}


.container{
    width: 94% ;
    align-content: center ;
    padding-right: 0px ;
    -webkit-column-rule: 1px solid ;
    -moz-column-rule: 1px solid ;
    column-rule: 1px solid ;
    margin-left: 0px ;
    
}

#map {
    width: 100%;
    height: 350px ; 
    visibility: visible ;
    border-color: #434128 ; 
}


a.navbar-brand{
    color:whitesmoke ;
    font-family: "Baskerville old face" ;
    font-size: 16px ;
    font-weight: bold ;
    
}

.glyphicon-chevron-left{
    size:50px ;

}

.glyphicon-chevron-right{
    size:50px ;
    margin-left: 0px ;
    margin-right: 0px
}


.ml_room {
    background-color: #FFEC6E ;
    margin-left: 3px ;
    margin-right: 3px ;    
    margin-bottom: 20px ;
    height: 320px ;   
}

.lz_room {
    background-color: #FFEC6E;
    margin-left: 3px ;
    margin-right: 3px ; 
    margin-bottom: 20px ;
    height: 320px ;   
}





}




/*Style for large screens(laptops etc)*/
@media screen and (min-width:900px){ 

html,
body {
    width: 100% ;
    height: 100%;
  /*  background-color: white ;  */
    background-color: beige ; 

  /* background-color: #FFFFE1 ; */
    color: #4D2300 ;
}


.container{
    width: 94% ;
    align-content: center ;
    padding-right: 0px ;
    -webkit-column-rule: 1px solid ;
    -moz-column-rule: 1px solid ;
    column-rule: 1px solid ;
    
}

.footer {
    height: 155px;
    color: lightgray ;
    background-color: #555353; 
    border-top: 2px solid #ddd;
    margin-top: 40px;
}




.static_maps{
    height: 170px  ;      
    width: 190px ;
    margin-left: -10px ;
    border-radius: 5px;
    -moz-border-radius: 5px; 
}

.static_maps:hover{
    border: red solid 2px; 
    
}

.ml_room {
    background-color: #FFEC6E ;
    margin-left: 63px;

}



.lz_room {
        background-color:#FFEC6E;
        margin-left: 67px;
    
}



.glyphicon-chevron-left{
    size:50px ;

}

.glyphicon-chevron-right{
    size:50px ;

}


/* consejado en https://github.com/mapbox/mapbox-gl-js/issues/3265 */ 
.mapboxgl-canvas {
    left: 0;
  }

.mapa_hostal{
    float:right ;
    height: 450px ;
    width:  450px ;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}


@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}





.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}



/*@media screen and (min-width:900px){ */
.my_navbar {
    
    height: 166px ;  
    background-color: #040606ff; 
    margin-bottom: 0px ;
    margin-top: 0px ;
 }




 a.navbar-brand {
    color:black ;
   
   }


/*Para probar la barra sin tabs y en el medio*/
.navbar-nav{
    float: left;
    margin-right: 90px;
   /* background-color: #DEC9A2; */
    background-color: #040606ff;
    margin-left: 179px;
    margin-top: 23px;
}


.navbar-nav > li > a {
  /*   color : rgb(207, 183, 183) ;   */
    color: white ;
   /*  color: gold ; */
    font-size: 25px ;
}


.navbar-nav > li:hover > a  { 
      background-color: black ; 
      color: #FFFFE1 ;
  /*   color: #800000fe ;  */
    text-decoration: underline ;
    
    
}






#BannerImageWRapper{
    width: 900px ;
    height: 600px ;
    
}


#MainBanner{
  
   /* width: auto ; */
    
    width: 770px ;
    height: 550px ; 
    position: relative ;
    visibility: visible ;

}


.trad_carousel{
    float: left ;
    width: 0px ;
    visibility: hidden ;
  /*  position: relative ; */
} 


.navbar-brand > img{
    margin-right: 60px ;
    float: left ;
    height: 130px ;
}



/*
.nav-tabs.nav{
    margin-top: 4px ;
    float: right ;

    
}
*/


.ul > #w1 {
    float: right ;
    margin-left: 200px ;
    
}



/* estilo para sección info de contacto */
.titulo{
    text-align: center ;
    
}

.contact_info {

  float: right; 
    width: 340px;
    color: white ;
    padding: 10px; 
   border-radius: 15px;
   -moz-border-radius: 15px;
    
}

.contact_info > ul > li > a {
    color:whitesmoke ;
    text-decoration: underline ;
}




.food_carousel{

    padding-right: 2px ;
    margin-right: 2px ;
  /*  margin-left: 62px ; */
  
}


.carousel_inner{
    height: 230px;

}

.carousel-indicators{
    visibility: hidden ;
}

.collage_thumbnail_3_1 ,
.collage_thumbnail_3_2 ,
.collage_thumbnail_3_3 ,
.collage_thumbnail_3_4 ,
.collage_thumbnail_3_5 ,
.collage_thumbnail_3_6 ,
.collage_thumbnail_3_7 ,
.collage_thumbnail_3_8 ,
.collage_thumbnail_3_9 ,
.collage_thumbnail_3_10 ,
.collage_thumbnail_3_11 ,
.collage_thumbnail_3_12 { 
    margin-left: 1px ;
    padding: 1px ;
    height : 65px ;
    width: 65px ;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin-top: 0px ;
}



.collage_thumbnail_3_1:hover ,
.collage_thumbnail_3_2:hover ,
.collage_thumbnail_3_3:hover ,
.collage_thumbnail_3_4:hover ,
.collage_thumbnail_3_5:hover ,
.collage_thumbnail_3_6:hover ,
.collage_thumbnail_3_7:hover ,
.collage_thumbnail_3_8:hover ,
.collage_thumbnail_3_9:hover ,
.collage_thumbnail_3_10:hover ,
.collage_thumbnail_3_11:hover ,
.collage_thumbnail_3_12:hover { 
    margin-left: 1px ;
    padding: 0px ;
    padding-top: 5px ;
    padding-bottom: 3px ;
    height : 70px ;
    width: 91px ; 
    
}




.collage_thumbnail_4_1 ,
.collage_thumbnail_4_2 ,
.collage_thumbnail_4_3 ,
.collage_thumbnail_4_4 ,
.collage_thumbnail_4_5 ,
.collage_thumbnail_4_6 ,
.collage_thumbnail_4_7 ,
.collage_thumbnail_4_8 ,
.collage_thumbnail_4_9 ,
.collage_thumbnail_4_10, 
.collage_thumbnail_4_11,
.collage_thumbnail_4_12 { 
    margin-left: 1px ;
    padding: 1px ;
    height : 90px ;
    width: 90px ;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin-top: 0px ;
}



.collage_thumbnail_4_1:hover ,
.collage_thumbnail_4_2:hover ,
.collage_thumbnail_4_3:hover ,
.collage_thumbnail_4_4:hover ,
.collage_thumbnail_4_5:hover ,
.collage_thumbnail_4_6:hover ,
.collage_thumbnail_4_7:hover ,
.collage_thumbnail_4_8:hover ,
.collage_thumbnail_4_9:hover ,
.collage_thumbnail_4_10:hover, 
.collage_thumbnail_4_11:hover,
.collage_thumbnail_4_12:hover {    
    margin-left: 1px ;
    padding: 0px ;
    padding-top: 5px ;
    padding-bottom: 3px ;
    border: red solid 2px ;
    
}


/* Estilo de muestra para collage de fotos */

.sidebar {
    
    float: right;
    width: 280px;
   /* background-color: #FFFFE1; */
    background-color:  #eee; 

    padding: 2px;
    
    }
    .ib {
    display: inline-block;
    width: 300px ;
    height: 300px ;
    /* width: 148px; 
    height: 140px  ;  */

    line-height: 30px;
    text-align: center;
    background: #ddd;
    border: #ccc;
    margin: 5px;
    }

    .clearfloat {
        clear: both;
        }

/*  Fin de Estilo de muestra para collage de fotos */

.business_info{
  /*  width: 30px  ; */
  width: -16px ;

}

.business_title{
    width: 563px ; 
    margin-top: 12px ;
    align-content: center ;
    color: white ;
   /* color: gold ; */
    font-family: 'Baskerville old face' ;
    font-size: 51px ;
    padding-bottom: 0px ;
    display: inline-block ;
    margin-left: -118px ;

    
}


.fa-2x.fas.fa-user{
    background-color: #434128 ;
}

.veteezy-link{
    margin-left: 20px ;
}

.Maps-Icons-FA-FB > a:hover{
    color: #8b9dc3;
    width: 85px ;
    height: 30px ;

}


.Maps-Icons-INSTGR > a:hover{
    color: #FF79FF;
    width: 85px ;
    height: 30px ;
}

.Maps-Icons-YTB > a:hover{
    color:red;
    width: 85px ;
    height: 30px ;
}



.Maps-Icons-FA-FB > a{
    color: whitesmoke ;
    width: 95px ;
   height: 40px ;
}



.Maps-Icons-YTB > a{
    color:whitesmoke ;
    width: 95px ;
    height: 40px ;
}


span.Maps-Icons-INSTGR {
   
   height: 50px ;
}


.Maps-Icons-INSTGR > a{
    color: white ;
  /*  background: linear-gradient(#9f00a5, #ffa400);; */
    width: 95px ;
   /* float: right ; */
   height: 50px ;
}

.social_icons{
    margin-left: 61px ;
    display: inline-block ;
}

.flags_us,
.flags_sp{
    width: 80px  ;
    height: 36px ;
    margin-right: 30px ;
  /*  float: right ;
 /*     display: inline-block ;    */
}

/* new flags in multilanguge package*/

.lang-flag {
    width: 36px  ;
    height: 36px ;
    margin-right: 30px ;
  /*  float: right ;
 /*     display: inline-block ;    */
}


.locale_flags {
    float: right ;
    /* agregado en navegador ver como se ve en el TV */
    margin-right: 29px;
    margin-top: 30px; 
}

.multilanguage {
    float: right ;
    margin-right: 75px;
    margin-top: 37px; 
}


.multilanguage > ul > li a.active > img.lang-flag {
    margin-right: 2px;
}

#sidebar2 {
   text-align: justify;
    float: right; 
     width: 340px;
    color: goldenrod ;
    background: #30232389; 
    padding: 10px; 
    border-radius: 15px;
    -moz-border-radius: 15px;
    margin-top: 0px ;
 
 }


 .sidebar3
 {
     width: 850px ;
     height: 69px ;
     margin-bottom: 10 px ;
     margin-left: 12px ;

 }
 

 .sidebar4 {
    height: 132px ;
    margin-top: 20px ;
    margin-bottom: 10px ;
    margin-left: 60px ; 
    
 }
 

 
.location_container{
    margin-left: 30px ;
    margin-top: 0px ;
} 

.map_icon {
      display: inline-block ;
      width: 90px ; 
      height: 90 px ;
    vertical-align: top ;
    margin-top: 10px ;
}



#map {
    align-content: center ;
    margin-top: 20px ;
    width: 1160px ;
    height: 530px ; 
    margin-left: 31px ;
    visibility: visible ; 
    border-color: #434128 ;     
}


.icon_img{
    height: auto ;
    width: 120% ;
}

span{
    display: inline ;
}


.cocktail_image{
    float:right ;
    width: 47% ;
    height: auto ; 
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin-top: 0px ;
    margin-left: 30px ;
}

.cocktail_recipe{
    margin-top: 45px ;
    float: left ;
    text-align: justify ;
    margin-right: 5 px ;
}

span.icon_img > img.booking_icon{
    width: 18% ;

}

.brkf_1_contnr,
.brkf_3_contnr{
    float: right ;
    
}


.side-activities{
    line-height: 3em ;
}

.sideact_img{
    height: 80% ;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin-top: 0px ;
}

.icons_div{
    margin-top: 80px ;
    margin-bottom: 15px ;

    float: left ;
    box-sizing: content-box ;
    

}

.room_container{
    height: 363px  ;

    background-color: beige ;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif ;
}


.room_desc >  p {
    width: 600px ;
    height: 90px ;    
}



img.booking_option_main{

    width: 31% ;
    box-sizing: content-box ;
    float: right ;
    margin-right: -512px ;
}

img.booking_option{
    width: 45% ;
    box-sizing: content-box ;
    float: right ;
}


img.booking_options{
    height: 50% ;
    width:  50% ;
    box-sizing: content-box ;
    float: right ;
}

hr{
    color: red ;
    line-height: 3px ;


}


.rms_container{
    background-color: lightgray ;
    margin-left: 66px;

}

.rms_m{
 
    background-color: khaki ;
    margin-left: 118px;
    height: 350px ;
    width: 981px ;
    margin-bottom: 50px ;

}



div.span.booking_img{
    width: 38% ;
}

.rms_main_container{
    background-color: lightgray ;
    margin-left: 16px;

}

.booking_icon{
   /* height: 48px ; */
    height: 35px ;

    width: auto ;

}

.booking_description{
    align-content: center ;
   /* width:366px ; */
    width:565px ;

    background-color: slategray;
    color: beige;
    font-family: 'FreeSerif';
    margin-right: 250px ;
    
}

.booking_description_m{
    align-content: center ;
   /* width:366px ; */
    width:1102px ;
 
    background-color: slategray;
    color: beige;
    font-family: 'FreeSerif';
    margin-right: 250px ;
    
}

label.booking_description_m > h3{
    margin-bottom: 20px ;
    margin-left: 455px ;
    font-size: 28px;
}


label.booking_description > h3{
    margin-bottom: 20px ;
    margin-left: 74px ;
    font-size: 28px;
}

.booking_desc{
    background-color: #555353 ;
    color: #FFFFE1 ;
}

#btn-bkn-hostel-container{
    margin-bottom: 100px ;
}

.food_carousel{
    
    width: 190px;
    overflow: hidden;
    height: 170px;
    margin-left: 60px ;
}



.mainb_on{
     width: 550px;
     overflow: hidden;
     height: 790px;
}  

.mainb_off{
     width: 0px;
     overflow: hidden;
     height: 0px;
     
} 


.carrousel:root {
        --data-interval :2000 ;
}

.traditions{
    align-content: space-around ;
    text-align: justify ;
    font-family: 'Baskerville old face';
    color: #FFFFE1 ;
    width: 436px ;
    margin-top: 130px ;
    margin-left: 60px ;
    display: inline-block ;

}

.trad_title{
    display: inline-block ;
    clear: both ;
    position: relative ;
}



.trad_cubanas_container_1{
    margin-top: -7px ;
    margin-left: -3px ; 
    padding-left: 0px ;

}


.trad_cubanas_container_2{
    margin-top: -7px ;
    margin-left: -3px ; 
    padding-left: 3px ;

}


.trdc_1{
    background-color: black ;
    width: 184px ;
    height: 88px;
    display: inline-block ;
    position: relative ;
    border-radius: 10px;
    -moz-border-radius: 10px; 
}

.trdc_2{
    background-color: black ;
    width: 184px ;
    height: 88px;
    display: inline-block ;
    position: relative ;
    border-radius: 10px;
    -moz-border-radius: 10px; 
}

.trdc_1 > label {
        margin-top: 30px;
        margin-left: 12px;
}

.trdc_2 > label {
    margin-top: 30px;
    margin-left: 23px;
}


.travel_2_qva{
    margin-top: 2px ;
    background-color: #a5992a5c ;
    text-align: justify ;
    color:  #4D2300 ;
    width: 0px;
    height: 0px ;
    padding: 0px ;
    display: flex ;
    font-size: 14px ;
    font-family: "URW Chancery" ;
    position: relative;
    visibility: hidden ;
    
}

.services{
    height: auto ;
    width: auto ;
}

.menu_breakfast,
.menu_1,
.menu_2,
.menu_3 {
    font-family: 'URW Chancery L' ;
    font-size: 16px ;
}


.carte_menu{
  position: absolute ; 
  width: 95% ;
}

.menu_breakfast{
    position: relative ;
    margin-left: 68px ;
    margin-top: 137px ;
    display: inline-block ;

}


.menu_2{
    position: relative ;
    margin-left: 709px ;
    margin-top: -250px ;
    display: inline-block ;


}



.menu_1{
    position: relative ;
    margin-left: 69px ;
    margin-top: 20px ;
    display: inline-block ;


}


.menu_3{
    position:relative ;
    margin-left: 263px ;
    margin-top: 10px ;
    display: inline-block ;

}


.snacks{
    position: relative ;
    margin-left: 39px ;
    margin-top: 10px ;
    display: inline-block ;

}

.menu_specs{
    width: 800px ;
    height: 110px ;
    text-align: justify ;

}


.otros_servicios{
    margin-top: 200px ;
    font-size: x-large;
}


p{
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif ;
}

.hostel_desc{
    margin-top: 270px ;
}

.right_panel{
    float:right ;
}


/* flag sprites */
/*
 * Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/) -
 */
 .flag{display:inline-block;position: relative;width:16px;height:11px;background:url('https://flag-sprites.com/img/flags.png') no-repeat}.flag.flag-gu{background-position:-96px -55px}.flag.flag-mn{background-position:-208px -88px}.flag.flag-va{background-position:-48px -154px}.flag.flag-tibet{background-position:-32px -143px}.flag.flag-fo{background-position:-64px -44px}.flag.flag-th{background-position:-16px -143px}.flag.flag-tr{background-position:-144px -143px}.flag.flag-tl{background-position:-80px -143px}.flag.flag-kz{background-position:-144px -77px}.flag.flag-zm{background-position:-16px -165px}.flag.flag-uz{background-position:-32px -154px}.flag.flag-dk{background-position:-64px -33px}.flag.flag-scotland{background-position:-176px -121px}.flag.flag-gi{background-position:-224px -44px}.flag.flag-gy{background-position:-128px -55px}.flag.flag-bj{background-position:-112px -11px}.flag.flag-fr{background-position:-80px -44px}.flag.flag-mo{background-position:-224px -88px}.flag.flag-ir{background-position:-112px -66px}.flag.flag-io{background-position:-80px -66px}.flag.flag-tm{background-position:-96px -143px}.flag.flag-ch{background-position:-96px -22px}.flag.flag-mt{background-position:-32px -99px}.flag.flag-nl{background-position:-240px -99px}.flag.flag-gp{background-position:-16px -55px}.flag.flag-im{background-position:-48px -66px}.flag.flag-tv{background-position:-176px -143px}.flag.flag-mu{background-position:-48px -99px}.flag.flag-pe{background-position:-96px -110px}.flag.flag-vi{background-position:-112px -154px}.flag.flag-hn{background-position:-176px -55px}.flag.flag-ss{background-position:-128px -132px}.flag.flag-ae{background-position:-16px 0}.flag.flag-td{background-position:-240px -132px}.flag.flag-pw{background-position:0 -121px}.flag.flag-nu{background-position:-32px -110px}.flag.flag-bt{background-position:-208px -11px}.flag.flag-ms{background-position:-16px -99px}.flag.flag-cv{background-position:-240px -22px}.flag.flag-es{background-position:-224px -33px}.flag.flag-mh{background-position:-144px -88px}.flag.flag-la{background-position:-160px -77px}.flag.flag-vn{background-position:-128px -154px}.flag.flag-py{background-position:-16px -121px}.flag.flag-br{background-position:-176px -11px}.flag.flag-ye{background-position:-224px -154px}.flag.flag-ie{background-position:0 -66px}.flag.flag-gh{background-position:-208px -44px}.flag.flag-cg{background-position:-80px -22px}.flag.flag-cu{background-position:-224px -22px}.flag.flag-hu{background-position:-224px -55px}.flag.flag-sg{background-position:-224px -121px}.flag.flag-at{background-position:-176px 0}.flag.flag-lk{background-position:-224px -77px}.flag.flag-vu{background-position:-144px -154px}.flag.flag-bo{background-position:-160px -11px}.flag.flag-jo{background-position:-208px -66px}.flag.flag-er{background-position:-208px -33px}.flag.flag-za{background-position:-256px -154px}.flag.flag-rs{background-position:-80px -121px}.flag.flag-nr{background-position:-16px -110px}.flag.flag-ls{background-position:-256px -77px}.flag.flag-jm{background-position:-192px -66px}.flag.flag-tz{background-position:-208px -143px}.flag.flag-ki{background-position:-16px -77px}.flag.flag-sj{background-position:0 -132px}.flag.flag-cz{background-position:-16px -33px}.flag.flag-pg{background-position:-128px -110px}.flag.flag-lv{background-position:-32px -88px}.flag.flag-do{background-position:-96px -33px}.flag.flag-lu{background-position:-16px -88px}.flag.flag-no{background-position:-256px -99px}.flag.flag-kw{background-position:-112px -77px}.flag.flag-mx{background-position:-96px -99px}.flag.flag-yt{background-position:-240px -154px}.flag.flag-ly{background-position:-48px -88px}.flag.flag-cy{background-position:0 -33px}.flag.flag-ph{background-position:-144px -110px}.flag.flag-my{background-position:-112px -99px}.flag.flag-sm{background-position:-48px -132px}.flag.flag-et{background-position:-240px -33px}.flag.flag-ru{background-position:-96px -121px}.flag.flag-tj{background-position:-48px -143px}.flag.flag-ai{background-position:-64px 0}.flag.flag-pl{background-position:-176px -110px}.flag.flag-kp{background-position:-64px -77px}.flag.flag-uy{background-position:-16px -154px}.flag.flag-gb{background-position:-112px -44px}.flag.flag-gs{background-position:-64px -55px}.flag.flag-kurdistan{background-position:-96px -77px}.flag.flag-rw{background-position:-112px -121px}.flag.flag-ec{background-position:-128px -33px}.flag.flag-mm{background-position:-192px -88px}.flag.flag-pa{background-position:-80px -110px}.flag.flag-wales{background-position:-160px -154px}.flag.flag-kg{background-position:-256px -66px}.flag.flag-ve{background-position:-80px -154px}.flag.flag-tk{background-position:-64px -143px}.flag.flag-ca{background-position:-16px -22px}.flag.flag-is{background-position:-128px -66px}.flag.flag-ke{background-position:-240px -66px}.flag.flag-ro{background-position:-64px -121px}.flag.flag-gq{background-position:-32px -55px}.flag.flag-pt{background-position:-256px -110px}.flag.flag-tf{background-position:-256px -132px}.flag.flag-ad{background-position:0 0}.flag.flag-sk{background-position:-16px -132px}.flag.flag-pm{background-position:-192px -110px}.flag.flag-om{background-position:-64px -110px}.flag.flag-an{background-position:-112px 0}.flag.flag-ws{background-position:-192px -154px}.flag.flag-sh{background-position:-240px -121px}.flag.flag-mp{background-position:-240px -88px}.flag.flag-gt{background-position:-80px -55px}.flag.flag-cf{background-position:-64px -22px}.flag.flag-zanzibar{background-position:0 -165px}.flag.flag-mw{background-position:-80px -99px}.flag.flag-catalonia{background-position:-32px -22px}.flag.flag-ug{background-position:-240px -143px}.flag.flag-je{background-position:-176px -66px}.flag.flag-km{background-position:-32px -77px}.flag.flag-in{background-position:-64px -66px}.flag.flag-bf{background-position:-48px -11px}.flag.flag-mc{background-position:-80px -88px}.flag.flag-sy{background-position:-192px -132px}.flag.flag-sn{background-position:-64px -132px}.flag.flag-kr{background-position:-80px -77px}.flag.flag-eu{background-position:-256px -33px}.flag.flag-bn{background-position:-144px -11px}.flag.flag-st{background-position:-144px -132px}.flag.flag-england{background-position:-192px -33px}.flag.flag-lc{background-position:-192px -77px}.flag.flag-dm{background-position:-80px -33px}.flag.flag-be{background-position:-32px -11px}.flag.flag-ni{background-position:-224px -99px}.flag.flag-ua{background-position:-224px -143px}.flag.flag-mz{background-position:-128px -99px}.flag.flag-pf{background-position:-112px -110px}.flag.flag-tn{background-position:-112px -143px}.flag.flag-ee{background-position:-144px -33px}.flag.flag-xk{background-position:-208px -154px}.flag.flag-sx{background-position:-176px -132px}.flag.flag-sd{background-position:-192px -121px}.flag.flag-gd{background-position:-128px -44px}.flag.flag-ci{background-position:-112px -22px}.flag.flag-sz{background-position:-208px -132px}.flag.flag-cl{background-position:-144px -22px}.flag.flag-fi{background-position:0 -44px}.flag.flag-ga{background-position:-96px -44px}.flag.flag-jp{background-position:-224px -66px}.flag.flag-de{background-position:-32px -33px}.flag.flag-np{background-position:0 -110px}.flag.flag-re{background-position:-48px -121px}.flag.flag-bg{background-position:-64px -11px}.flag.flag-sc{background-position:-160px -121px}.flag.flag-ng{background-position:-208px -99px}.flag.flag-qa{background-position:-32px -121px}.flag.flag-mk{background-position:-160px -88px}.flag.flag-aw{background-position:-208px 0}.flag.flag-kn{background-position:-48px -77px}.flag.flag-al{background-position:-80px 0}.flag.flag-bw{background-position:-240px -11px}.flag.flag-um{background-position:-256px -143px}.flag.flag-ky{background-position:-128px -77px}.flag.flag-tt{background-position:-160px -143px}.flag.flag-so{background-position:-80px -132px}.flag.flag-lt{background-position:0 -88px}.flag.flag-by{background-position:-256px -11px}.flag.flag-bb{background-position:0 -11px}.flag.flag-us{background-position:0 -154px}.flag.flag-md{background-position:-96px -88px}.flag.flag-ag{background-position:-48px 0}.flag.flag-hm{background-position:-160px -55px}.flag.flag-as{background-position:-160px 0}.flag.flag-eg{background-position:-160px -33px}.flag.flag-sv{background-position:-160px -132px}.flag.flag-sl{background-position:-32px -132px}.flag.flag-fk{background-position:-32px -44px}.flag.flag-am{background-position:-96px 0}.flag.flag-ck{background-position:-128px -22px}.flag.flag-tw{background-position:-192px -143px}.flag.flag-kh{background-position:0 -77px}.flag.flag-to{background-position:-128px -143px}.flag.flag-se{background-position:-208px -121px}.flag.flag-cd{background-position:-48px -22px}.flag.flag-pn{background-position:-208px -110px}.flag.flag-gr{background-position:-48px -55px}.flag.flag-id{background-position:-256px -55px}.flag.flag-vc{background-position:-64px -154px}.flag.flag-somaliland{background-position:-96px -132px}.flag.flag-bi{background-position:-96px -11px}.flag.flag-pk{background-position:-160px -110px}.flag.flag-pr{background-position:-224px -110px}.flag.flag-bd{background-position:-16px -11px}.flag.flag-co{background-position:-192px -22px}.flag.flag-fm{background-position:-48px -44px}.flag.flag-bm{background-position:-128px -11px}.flag.flag-ar{background-position:-144px 0}.flag.flag-bv{background-position:-224px -11px}.flag.flag-sb{background-position:-144px -121px}.flag.flag-mq{background-position:-256px -88px}.flag.flag-eh{background-position:-176px -33px}.flag.flag-bh{background-position:-80px -11px}.flag.flag-it{background-position:-144px -66px}.flag.flag-hr{background-position:-192px -55px}.flag.flag-sa{background-position:-128px -121px}.flag.flag-mv{background-position:-64px -99px}.flag.flag-mg{background-position:-128px -88px}.flag.flag-dz{background-position:-112px -33px}.flag.flag-gg{background-position:-192px -44px}.flag.flag-gm{background-position:-256px -44px}.flag.flag-af{background-position:-32px 0}.flag.flag-li{background-position:-208px -77px}.flag.flag-sr{background-position:-112px -132px}.flag.flag-vg{background-position:-96px -154px}.flag.flag-cr{background-position:-208px -22px}.flag.flag-tc{background-position:-224px -132px}.flag.flag-ao{background-position:-128px 0}.flag.flag-ma{background-position:-64px -88px}.flag.flag-mr{background-position:0 -99px}.flag.flag-gn{background-position:0 -55px}.flag.flag-ne{background-position:-176px -99px}.flag.flag-nf{background-position:-192px -99px}.flag.flag-wf{background-position:-176px -154px}.flag.flag-hk{background-position:-144px -55px}.flag.flag-gf{background-position:-160px -44px}.flag.flag-ps{background-position:-240px -110px}.flag.flag-ic{background-position:-240px -55px}.flag.flag-cw{background-position:-256px -22px}.flag.flag-ml{background-position:-176px -88px}.flag.flag-ax{background-position:-224px 0}.flag.flag-gl{background-position:-240px -44px}.flag.flag-dj{background-position:-48px -33px}.flag.flag-cn{background-position:-176px -22px}.flag.flag-ht{background-position:-208px -55px}.flag.flag-lr{background-position:-240px -77px}.flag.flag-tg{background-position:0 -143px}.flag.flag-ba{background-position:-256px 0}.flag.flag-ge{background-position:-144px -44px}.flag.flag-bz{background-position:0 -22px}.flag.flag-au{background-position:-192px 0}.flag.flag-iq{background-position:-96px -66px}.flag.flag-cm{background-position:-160px -22px}.flag.flag-gw{background-position:-112px -55px}.flag.flag-az{background-position:-240px 0}.flag.flag-na{background-position:-144px -99px}.flag.flag-fj{background-position:-16px -44px}.flag.flag-zw{background-position:-32px -165px}.flag.flag-bs{background-position:-192px -11px}.flag.flag-il{background-position:-16px -66px}.flag.flag-nz{background-position:-48px -110px}.flag.flag-me{background-position:-112px -88px}.flag.flag-si{background-position:-256px -121px}.flag.flag-nc{background-position:-160px -99px}.flag.flag-lb{background-position:-176px -77px}

a{
    color: black ;
}

 .tab-content{
    background-color: beige ;
    margin-top: 65px ;
    font-family: 'URW Chancery L' ;
    font-size: 20px ;

}  

.nav.nav-tabs {
	margin-top: 18px;
	float: left;
    background-color: slategray;
    width: 50% ;
}

div.bkn_icon_container {
	width: 38%;
}

a.btn.btn-primary{
	margin-top: -114px;
}

.booking_option {
	margin-top: -100px;
}


}