@font-face {
    font-family:"AndrewAndreas_Bold";
    src:url('../fuente/AndrewAndreas_Bold.ttf') format('truetype');
  }  
@font-face{
    font-family: "OpenSans-Regular";
    src:url('../fuente/OpenSans-Regular.ttf') format('truetype');
}
.font_AndrewAndreas{
    font-family:'AndrewAndreas_Bold';
}
.titulo{
    font-family:'AndrewAndreas_Bold',serif;
    margin-bottom: 2%;
    font-size: 26px;
    margin-top: 3%;
}
.linea .linea1{
    background:steelblue;
    height:1px;
    width:30px;
    margin-top: 5px;
    margin-bottom:5px;  
}
.linea .linea2{
    background:slategray;
    height:1px;
    width:50px;
}
.title-section{
    box-sizing: border-box;
    color:rgb(85,85,85);
    font-family:'AndrewAndreas_Bold';
    font-size: 26px;
    line-height: 33px; 
    padding-top: 60px;
}
@media (max-width:600px) and (min-width:300px){   
    .title-section{
        box-sizing: border-box;
        color:rgb(85,85,85);
        font-family:'AndrewAndreas_Bold';
        font-size: 26px;
        line-height: 33px; 
        padding-top: 0px !important;
        padding-bottom: 10px;
    }
    }
@media (max-width:1000px) and (min-width:700px){   
    .title-section{
        box-sizing: border-box;
        color:rgb(85,85,85);
        font-family:'AndrewAndreas_Bold';
        font-size: 26px;
        line-height: 33px; 
        padding-top: 0px !important;
        padding-bottom: 10px;
    }
        }
.text-section{
    box-sizing: border-box;
    color:rgb(51, 51, 51);
    font-family:'OpenSans-Regular',serif;
    font-size:14px;
    font-weight: 400px;
    line-height: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    text-align:justify;
    -moz-text-size-adjust: 100%;
    -webkit-margin-after:10px;
    -webkit-margin-before:0px;
    -webkit-margin-end:0px;
    -webkit-margin-start:0px;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
.font_Opensans{
    font-family:'OpenSans-Regular',serif;
}

.service-icon:before,
.service-icon > span,
.testimonial-name > img,
.video-name > a{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.service-icon {
    background:deepskyblue none repeat scroll 0 0;
    bottom:0;
    position:absolute;
    text-align:center;
    width:100%;
    z-index:1;
}
.service-icon > span {
    background:deepskyblue none repeat scroll 0 0;
    height:75px;
    left:50%;
    line-height:75px;
    position:absolute;
    text-align:center;
    top:0;
    width:75px;
    z-index:-1;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
}
.service-icon > span img {width:auto;}
.service-icon > h5 {
    font-size:14px;
    font-weight:bold;
    line-height:30px;
    margin:0px;
    padding:25px 25px;
    text-transform:uppercase;
}
.service-icon > h5 a{
    color:#fff;
    text-decoration:none;
}
.service-icon > h5 a:hover{
    letter-spacing:1.5px;
}
.service-box:hover .service-icon > span {
    -webkit-transform:translateX(-50%) translateY(-60%);
    -moz-transform:translateX(-50%) translateY(-60%);
    -ms-transform:translateX(-50%) translateY(-60%);
    -o-transform:translateX(-50%) translateY(-60%);
    transform:translateX(-50%) translateY(-60%);
}
.service-icon img {width:auto;}
.big-tabs .nav li .download-icon{
    bottom:-1px;
    font-size: 30px;
    position:absolute;
    opacity:unset;
    right:15px;
    top:80px;
    z-index: 3;
}
.download-icon>a>i{
    opacity: 0;
    background:#f8f8f8;
    border-radius: 25px;
}

.big-tabs .nav li:hover .download-icon>a>i{
    background:#f8f8f8;
    color:#303030;
    font-size: 25px;
    position:relative;
    left: 10px;
    opacity: unset;
    border-radius: 25px;
    padding:10px;
}
.room-services table tr{
    border-left: 1px hidden;
    border-right: 1px hidden;
    text-align: center;

}
.room-services table tr th {
    color:white;
    text-align: center;
    font-weight:bold;
    line-height: 25px;
    padding:25px 3px 25px 3px !important;
}
.room-services table tr th span, .room-services table tr td span{
    display: block;
}
#body_bloque_rojo .room-services table tr th{
	background-color: #c6293a;
}
#body_bloque_rojo .room-services table tr td{
	border-bottom: 1px solid #c6293a;
    border-left: 1px solid #c6293a;
}
#body_bloque_amarillo .room-services table tr th{
	background-color: #eebf21;
}
#body_bloque_amarillo .room-services table tr td{
	border-bottom: 1px solid #eebf21;
    border-left: 1px solid #eebf21;
}
#body_bloque_verde .room-services table tr th{
	background-color: #479650;
}
#body_bloque_verde .room-services table tr td{
	border-bottom: 1px solid #479650;
    border-left: 1px solid #479650;
}
#body_plazas .room-services table tr th{
	background-color: #32adc3;
}
#body_plazas .room-services table tr td{
	border-bottom: 1px solid #32adc3;
    border-left: 1px solid #32adc3;
}


/*------carousel 0-------------*/
#myCarousel{
    margin-bottom: 50px;
}
.carousel-control.left, .carousel-control.right {
    background: none !important;
    filter: progid: none !important;
}
#myCarousel a .icon_right{
    background:rgba(0, 0, 0, 0) url("../images/iconos/right_arrow.png") no-repeat scroll center center;
    position:absolute;top:0;bottom:0;left:0px;width:100%;font-size:20px;color:#fff;
    background-size: 90px 90px;

}

#myCarousel a .icon_left{
    background:rgba(0, 0, 0, 0) url("../images/iconos/right_arrow.png") no-repeat scroll center center;
    position:absolute;top:0;bottom:0;left:0px;width:100%;font-size:20px;color:#fff;
    background-size: 90px 90px;
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg);
}  
@media (max-width:600px) and (min-width:300px){
    #myCarousel a .icon_left{
        background:rgba(0, 0, 0, 0) url("../images/iconos/right_arrow1.jpg") no-repeat scroll center center;
        color:rgba(0, 0, 0, 0);
        background-size: 50px 80px;
        height:100%;
        width:50%; 
        top:50px;
        left:15%;
    }
#myCarousel a .icon_right{
        background:rgba(0, 0, 0, 0) url("../images/iconos/left_arrow.jpg") no-repeat scroll center center;
        color:rgba(0, 0, 0, 0);
        background-size: 50px 80px;
        height:100%;
        width:50%;
        top:50px;
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        -ms-transform:rotateY(180deg);
        -o-transform:rotateY(180deg);
        transform:rotateY(180deg);

    }  
    .carousel-inner div:first-child{
        z-index: 2;
    }
    .carousel-inner div:first-child img{
       height: 230px;
    }
}
@media (max-width:1000px) and (min-width:700px){
    #myCarousel a .icon_left{
        background:rgba(0, 0, 0, 0) url("../images/iconos/right_arrow1.jpg") no-repeat scroll center center;
        color:rgba(0, 0, 0, 0);
        background-size: 55% 20%;
        height:60%;
        width:70%; 
        top:250px;
      
    }
#myCarousel a .icon_right{
        background:rgba(0, 0, 0, 0) url("../images/iconos/left_arrow.jpg") no-repeat scroll center center;
        color:rgba(0, 0, 0, 0);
        background-size: 55% 20%;
        height:100%;
        height:60%;
        width:70%; 
        top:250px;
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        -ms-transform:rotateY(180deg);
        -o-transform:rotateY(180deg);
        transform:rotateY(180deg);
    }  
    .carousel-inner div:first-child{
        z-index: 2;
    
    }
    .carousel-inner div:first-child img{
       height: 390px;
    
    } 
}
/*------carousel 1-------------*/
#myCarousel1{
    margin-bottom: 50px;
}
.carousel-control.left, .carousel-control.right {
    background: none !important;
    filter: progid: none !important;
}
#myCarousel1 a .icon_right{
    background:rgba(0, 0, 0, 0) url("../images/iconos/right_arrow.png") no-repeat scroll center center;
    position:absolute;top:0;bottom:0;left:0px;width:100%;font-size:20px;color:#fff;
    background-size: 90px 90px;

}

#myCarousel1 a .icon_left{
    background:rgba(0, 0, 0, 0) url("../images/iconos/right_arrow.png") no-repeat scroll center center;
    position:absolute;top:0;bottom:0;left:0px;width:100%;font-size:20px;color:#fff;
    background-size: 90px 90px;
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg);
}  
@media (max-width:600px) and (min-width:300px){
    #myCarousel1 a .icon_left{
        background:rgba(0, 0, 0, 0) url("../images/iconos/right_arrow1.jpg") no-repeat scroll center center;
        color:rgba(0, 0, 0, 0);
        background-size: 50px 80px;
        height:100%;
        width:50%; 
        top:50px;
        left:15%;
    }
#myCarousel1 a .icon_right{
        background:rgba(0, 0, 0, 0) url("../images/iconos/left_arrow.jpg") no-repeat scroll center center;
        color:rgba(0, 0, 0, 0);
        background-size: 50px 80px;
        height:100%;
        width:50%;
        top:50px;
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        -ms-transform:rotateY(180deg);
        -o-transform:rotateY(180deg);
        transform:rotateY(180deg);

    }  
}
@media (max-width:1000px) and (min-width:700px){
    #myCarousel1 a .icon_left{
        background:rgba(0, 0, 0, 0) url("../images/iconos/right_arrow1.jpg") no-repeat scroll center center;
        color:rgba(0, 0, 0, 0);
        background-size: 55% 20%;
        height:60%;
        width:70%; 
        top:250px;
      
    }
#myCarousel1 a .icon_right{
        background:rgba(0, 0, 0, 0) url("../images/iconos/left_arrow.jpg") no-repeat scroll center center;
        color:rgba(0, 0, 0, 0);
        background-size: 55% 20%;
        height:100%;
        height:60%;
        width:70%; 
        top:250px;
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        -ms-transform:rotateY(180deg);
        -o-transform:rotateY(180deg);
        transform:rotateY(180deg);
    }  
}

/*------carousel 2-------------*/
#myCarousel2{
    margin-bottom: 50px;
}
.carousel-control.left, .carousel-control.right {
    background: none !important;
    filter: progid: none !important;
}
#myCarousel2 a .icon_right{
    background:rgba(0, 0, 0, 0) url("../images/iconos/right_arrow.png") no-repeat scroll center center;
    position:absolute;top:0;bottom:0;left:0px;width:100%;font-size:20px;color:#fff;
    background-size: 90px 90px;

}

#myCarousel2 a .icon_left{
    background:rgba(0, 0, 0, 0) url("../images/iconos/right_arrow.png") no-repeat scroll center center;
    position:absolute;top:0;bottom:0;left:0px;width:100%;font-size:20px;color:#fff;
    background-size: 90px 90px;
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg);
}  
@media (max-width:600px) and (min-width:300px){
    #myCarousel2 a .icon_left{
        background:rgba(0, 0, 0, 0) url("../images/iconos/right_arrow1.jpg") no-repeat scroll center center;
        color:rgba(0, 0, 0, 0);
        background-size: 50px 80px;
        height:100%;
        width:50%; 
        top:50px;
        left:15%;
    }
#myCarousel2 a .icon_right{
        background:rgba(0, 0, 0, 0) url("../images/iconos/left_arrow.jpg") no-repeat scroll center center;
        color:rgba(0, 0, 0, 0);
        background-size: 50px 80px;
        height:100%;
        width:50%;
        top:50px;
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        -ms-transform:rotateY(180deg);
        -o-transform:rotateY(180deg);
        transform:rotateY(180deg);

    }  
}
@media (max-width:1000px) and (min-width:700px){
    #myCarousel2 a .icon_left{
        background:rgba(0, 0, 0, 0) url("../images/iconos/right_arrow1.jpg") no-repeat scroll center center;
        color:rgba(0, 0, 0, 0);
        background-size: 55% 20%;
        height:60%;
        width:70%; 
        top:250px;
      
    }
#myCarousel2 a .icon_right{
        background:rgba(0, 0, 0, 0) url("../images/iconos/left_arrow.jpg") no-repeat scroll center center;
        color:rgba(0, 0, 0, 0);
        background-size: 55% 20%;
        height:100%;
        height:60%;
        width:70%; 
        top:250px;
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        -ms-transform:rotateY(180deg);
        -o-transform:rotateY(180deg);
        transform:rotateY(180deg);
    }  
}

/*------carousel 3-------------*/
#myCarousel3{
    margin-bottom: 50px;
}
.carousel-control.left, .carousel-control.right {
    background: none !important;
    filter: progid: none !important;
}
#myCarousel3 a .icon_right{
    background:rgba(0, 0, 0, 0) url("../images/iconos/right_arrow.png") no-repeat scroll center center;
    position:absolute;top:0;bottom:0;left:0px;width:100%;font-size:20px;color:#fff;
    background-size: 90px 90px;

}

#myCarousel3 a .icon_left{
    background:rgba(0, 0, 0, 0) url("../images/iconos/right_arrow.png") no-repeat scroll center center;
    position:absolute;top:0;bottom:0;left:0px;width:100%;font-size:20px;color:#fff;
    background-size: 90px 90px;
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg);
}  
@media (max-width:600px) and (min-width:300px){
    #myCarousel3 a .icon_left{
        background:rgba(0, 0, 0, 0) url("../images/iconos/right_arrow1.jpg") no-repeat scroll center center;
        color:rgba(0, 0, 0, 0);
        background-size: 50px 80px;
        height:100%;
        width:50%; 
        top:50px;
        left:15%;
    }
#myCarousel3 a .icon_right{
        background:rgba(0, 0, 0, 0) url("../images/iconos/left_arrow.jpg") no-repeat scroll center center;
        color:rgba(0, 0, 0, 0);
        background-size: 50px 80px;
        height:100%;
        width:50%;
        top:50px;
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        -ms-transform:rotateY(180deg);
        -o-transform:rotateY(180deg);
        transform:rotateY(180deg);

    }  
}
@media (max-width:1000px) and (min-width:700px){
    #myCarousel3 a .icon_left{
        background:rgba(0, 0, 0, 0) url("../images/iconos/right_arrow1.jpg") no-repeat scroll center center;
        color:rgba(0, 0, 0, 0);
        background-size: 55% 20%;
        height:60%;
        width:70%; 
        top:250px;
      
    }
#myCarousel3 a .icon_right{
        background:rgba(0, 0, 0, 0) url("../images/iconos/left_arrow.jpg") no-repeat scroll center center;
        color:rgba(0, 0, 0, 0);
        background-size: 55% 20%;
        height:100%;
        height:60%;
        width:70%; 
        top:250px;
        -webkit-transform:rotateY(180deg);
        -moz-transform:rotateY(180deg);
        -ms-transform:rotateY(180deg);
        -o-transform:rotateY(180deg);
        transform:rotateY(180deg);
    }  
}

.reservation_step ul li a{
    text-decoration: none;
}
.reservation_step {
    margin-bottom: 2%;
}
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?76044781');
  src: url('../font/fontello.eot?76044781#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?76044781') format('woff2'),
       url('../font/fontello.woff?76044781') format('woff'),
       url('../font/fontello.ttf?76044781') format('truetype'),
       url('../font/fontello.svg?76044781#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
#descriptivo [class^="icon-"]:before, #descriptivo [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
     font-size: 300%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .icon-rotation:before { content: '\e800'; }