@charset "utf-8";

@font-face { 
    font-family: "Montserrat-Regular"; 
    src: url('/themes/default/css/fuentes/Montserrat/regular/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2') format("woff2"); 
    font-style: normal; 
    font-weight: 400; 
}

@font-face { 
    font-family: "Montserrat-Medium"; 
    src: url('/themes/default/css/fuentes/Montserrat/medium/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2') format("woff2"); 
    font-style: normal; 
    font-weight: 400; 
}

@font-face { 
    font-family: "Montserrat-Semibold"; 
    src: url('/themes/default/css/fuentes/Montserrat/semibold/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2') format("woff2"); 
    font-style: normal; 
    font-weight: 400; 
}

@font-face { 
    font-family: "Montserrat-Bold"; 
    src: url('/themes/default/css/fuentes/Montserrat/bold/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2') format("woff2"); 
    font-style: normal; 
    font-weight: 400; 
}

*, *::before, *::after {
    box-sizing: border-box;
    outline:none;
    
    /*-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;*//*cuando hace clic en el elemento en mobile*/
    
}

html{height: 100%;
     background-position:center center;
     background-repeat:no-repeat;
    
}
body { 
    margin : 0 auto;
    padding : 0;	
    text-align: center;
    height: 100%;
    font-size: 16px;
    
}
.contenedor_gral {
        margin: 0 auto;
        max-width: 1920px; height: 100%;
        min-width:320px
}
.contenedor_gral .contenedor_content{
        clear: both;
        width: 100%;
        margin: 0 auto;
        padding: 0px 0px;
        line-height: 1.5em;
        position: relative;
        /*height: 100%;*/
        display:inline-block;
        
}
body, p{}
b{font-family:Arial}
form{margin-bottom: 0px}
body,input,textarea,button,select,a,p{
        color:#151515;font-size:14px;
        font-family: 'Montserrat-Regular',Arial,sans-serif;
}
input,textarea{margin-bottom:0}
p{text-align:left}
textarea{resize: none}
a,span._link{text-decoration: none;outline: none;transition: all 0.4s ease 0s;}
a:hover, span._link:hover{color:#162e44} 


.ver_mas {background: #1b100b none repeat scroll 0 0;border: 0 none;color: white;cursor: pointer;
        display: inline-block;font-size: 13px;text-align: center;
        text-transform: uppercase;padding:8px 20px;border-radius:5px;
}
.ver_mas:hover{color:white;background: #7a9d00}
.ver_mas.chico{font-size:15px;padding: 5px 15px}

a.ver_todas{float:right;margin: 0px 0 0px 0;;}
a.ver_todas:hover{color:#fc0001}

.btn_link{  
    display:inline-block;
    padding:20px 33px 19px;
    transition: 250ms all ease-in-out;
    background:#0f8acf;
    cursor:pointer;
    text-align:center;
    border-radius:0px;
    border: none;
    line-height: 1.1em;
    color:white;
    text-transform:none;
    font-size: 16px;
    min-width: 180px;
    font-family: "Montserrat-Medium";
    position: relative;
    z-index:1;
    overflow:visible;
}


.btn_link::before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: all .3s ease-in-out;
    background: #0f8acf;
    border-color: #151515;
    
}
.btn_link::after{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-width: 2px;
    border-style: solid;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease 0s;
    transform: scale(1.1);
    will-change: transform;
    z-index: -1;
    border-color: #151515;
    
}

.btn_link:hover::before {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.9);
    transition-duration: .2s;
}

.btn_link:hover::after {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition-duration: .3s;
    transition-delay: .1s;
}

.btn_link:hover{
    color: #151515;
    background: transparent;
    border-color: #151515;
}

.sombra {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

strong,b{font-family: 'Montserrat-Medium'}
em{font-style: italic}
.mt0{margin-top: 0px !important}
.mr10{margin-right: 10px !important}
.ml0{margin-left: 0px !important}
.mt10{margin-top: 10px !important}
.mt20{margin-top: 20px !important}
.mt15{margin-top: 15px !important}
.mt50{margin-top: 50px !important}
.mb0{margin-bottom: 0px !important}
.mb5{margin-bottom: 5px !important}
.mb20{margin-bottom: 20px !important}
.mb30{margin-bottom: 30px !important}
.mb13{margin-bottom: 13px !important}
.mr0{margin-right: 0px !important}
.pr0{padding-right: 0px !important}
.pb0{padding-bottom: 0px !important}
.pt0{padding-top: 0px !important}
.pl0{padding-left: 0px !important}
.fs12{font-size:12px !important}
.fs13{font-size:13px !important}
.lh1{line-height: 1em !important}
.crojo{color:#db2321}
.w100{width:100%}
.dn{display:none}
ul{/*padding-left:20px*/}
ul li{}
.margAbajo_cont{margin-bottom: 30px;}

div.centrar{width:100%;max-width:1300px;display:inline-block;
        position:relative;text-align:left;box-sizing: border-box;/*overflow:hidden;*/
        padding:0 50px
}
div.centrar.w980{max-width:980px}
div.centrar.padd{padding:0 15px}

div.centrar.sinPadd{padding:0}
div.centrar.cen{text-align:center}
div.centrar.content{max-width:1500px;text-align:left}
div.centrar.secciones{margin:75px 0;padding:50px 10px}
div.centrar.secciones.gris{margin:75px 0 0 0;padding:50px 10px}
div.centrar.slide{
    max-width: 1300px
}
.cont_cont{width: 100%;float: left;position:relative}
.cont_cont.clear{height:1px;line-height:1px}
.cont_cont.cen{text-align:center}
.cont_cont.der{text-align:right}
.cont_cont.ver_todas_cont{display:none}
.secc_cont{width:100%;float:left;position:relative;text-align:center}
.secc_cont.gris{background-color:#e6e6e6}

hr{margin-top:9px}
h1 select{margin:0;float:right;width:auto;font-size:12px}
h1, h2,h3{display:inline-block;line-height:1em;}
h1, h2, h3, h4, h5{
    font-family: 'Montserrat-Medium';
    font-size:36px;
    margin-bottom: 30px;
    /*letter-spacing:1px;*/
    text-transform: none
    
}
h1{
    margin-bottom: 40px
}
h2{
    font-size:20px;
    text-transform: uppercase;
}
h3{}
h4{
    font-size:18px;
    text-transform: uppercase;
    margin-bottom: 20px
}

h5{
    font-size:14px;
    text-transform: uppercase;
    margin-bottom: 20px
}
h6{

}

h1.contacto{
    /*text-align:left;*/
    width:100%;
}
h1.sec{
    padding-left: 10px
}
h1.contacto a{font-size:15px;color:white;margin-top:10px;display: inline-block}



div.centrar.secciones.gris h1{
    color:#333333;
    text-transform: none;
    margin-bottom: 0
}

div.centrar.secciones.gris h2{
    color:#808080;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 20px
}


.cel{display:none !important}
img.captcha{float:left;margin-bottom:10px}
.sep_h{width:100%;float:left;height:6px;min-height:2px;background-color:black;margin:50px 0}
.centrar.secciones.gris .sep_h{
    height: 1px;background-color: #333;margin:20px 0;
    min-height: 0
}

.irArriba{width: 40px;overflow:hidden;
           height: 40px;position: fixed;background-color:#0f8acf ;  
             bottom: 65px;right: 25px;display: none;z-index: 80;
             transition: all 0.5s ease 0s;cursor:pointer
}
.irArriba::before{
    content: "\f062";
    font-family: 'Font Awesome 5 Solid';
    color: white;
    line-height: 35px;
    font-size: 20px;
}
.irArriba:hover{background-color:#162e44}
.irArriba.ab{display:inline-block}
.irArriba.ab::before{content: "\f063";}

.animated.bounce{
    animation-timing-function:linear;
    animation-duration: 2s;
}

#Hd{width:100%;float: left;text-align:center;
    position:relative;left:0;top:0;z-index:1000;
    transition:all 0.4s ease 0s;
    padding:0;
    /*position: fixed;*/
    background-color: white
}

#Hd .cabezal{
    width:100%;
    float: left;
    height: 80px;
    text-align: left
}

#Hd .btn_link{float:right;margin-top:35px;margin-left:5px}

#Hd.usuarios{height:auto;position:relative}
#Hd.usuarios .logo{
    margin-left:10px
}
#Hd.conScroll{
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}
#Hd.secciones{}

#Hd .menu_cont{
    position:relative;
    float: left;
    width:100%;
    background-color: #162e44;
    height: 59px;
          
}

#Hd .der{
    float: right;
    margin-top: 30px;
    position:relative;
    font-size:14px;
    font-weight: 500;
    letter-spacing: .075em;
    
}

#Hd .der, #Hd .der a{
    font-family:'Montserrat-Medium'
}

#Hd .der .iconos{
    margin-right:20px;
    font-size:20px;
    color:#0f8acf
}

#Hd .der .iconos.sel{
    color:#162e44
}

#Hd .der .cerrar_ses{
    position: absolute;
    bottom: -20px;
    right: 0;
    color:black;
    font-size:14px;
}

#Hd .der .cerrar_ses:hover{
    color:#162e44
}

#Hd .der .bloq{
    float:left;
    text-align: left;
}

#Hd .der .bloq:first-child{
    padding-right: 25px;
    margin-right: 25px;
    border-right: 1px solid #e1e1e1
}

.search-box {
    position: relative;
    width: 250px;
    display:inline-block;
    float:left;
    margin-right:0px;
    left: 5px;
    bottom:4px;
    transition: all 0.4s ease 0s;
}
.search-box .search-box__input {
    outline: none;
    background: rgba(0, 0, 0, 0.85);
    border: solid 1px rgba(255, 255, 255, 0.85);
    box-sizing: border-box;
    padding: 7px 14px 7px 40px;
    width: 0%;
    font-size: 13px;
    color: black;
    opacity: 0;
    transition: ease width 1s, ease opacity 1s;
    float: right;
}
.search-box .search-box__icon {
    position: absolute;
    top: 5px;
    color: black;
    z-index: 10;
    cursor: pointer;
    right: 12px;
    transition: ease transform 1s;
    transition-delay: 50ms;
    font-size:20px
}

.iconos.lupa.buscador_icono_mov{
    display: none
}

.search-box.active .search-box__icon {
    transform: translateX(-210px);
    color:white
}
.search-box.active .search-box__input {
    opacity: 1;
    width: 100%;
    padding-right:48px;
    box-sizing:border-box;
    color:white
}

.search-box.active .search-box__input::placeholder{
    opacity:1
}

.search-box.active .iconos.lupa::before{
    color:white;
}

.search-box .cerrar{
    color:transparent;
    position: absolute;
    top: 7px;
    z-index: 10;
    right: 5px;
    transition: ease transform 1s;
    transition-delay: 50ms;
    font-size:20px;
    visibility:hidden;
    width:40px;
    height:23px;
   
}

.search-box.active .cerrar{
    visibility:visible
}


.logo{
    position: relative;
    left:0;top:0px;
    margin:0px 0;
    text-transform: uppercase;
    background-image: url(/themes/default/images/Logo_Dunas_del_Este2.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:100%;
    width:201px;
    height:70px;
    z-index:2;
    display:inline-block;
    float:left;
    margin-top: 5px
}


#Hd.conScroll .logo,#Hd.secciones .logo{
    
    
}
#Hd.usuarios .logo{
    
}

#Hd .centrar{}
#Bd{width:100%;float: left;text-align:center;}
#Bd.conScroll{}
#Bd.secciones{margin-top:50px}
#Bd.usuarios{margin-top:0px}

#content{display:inline-block;width:100%;text-align:center;min-height: 700px}
#content,html{}
div.margen_content{float:left;margin:30px 0;width:100%;box-sizing: border-box}
div.margen_content.pagInterior{
    
}
div.margen_content.pagInterior h1{
    width:100%;
    text-align:center;
    
}

div.margen_content.pagInterior h1,
div.margen_content.pagInterior h2{
    color:#162e44
}

div.margen_content.pagInterior h2{
    margin-bottom: 30px;
}

div.margen_content.pagInterior .desc_cont{
    display: inline-block;
    width: 100%;
    margin-bottom: 30px
}

div.margen_content.pagInterior .desc_cont,
div.margen_content.pagInterior .desc_cont p{
    text-align: left
}

div.margen_content.pagInterior .imgs_content{
    width: 100%;
    text-align: center;
    display: inline-block
}

div.margen_content.pagInterior .imgs_content img{
    width:100%;
    max-width: 800px;
    margin-bottom: 30px
}
/**********************************************/
#content .slide_cont{
    width:100%;
    float:left;
    position:relative;
/*padding-bottom: 43%;*/
}
#content .slide_cont.movil{
    /*padding-bottom: 150%;*/
}
.swiper {
  width: 100%;
  height: 42.36vw;
  max-height: 488px
}
#content .slide_cont.movil .swiper {
    height: 150vw;
    max-height:none
}

.swiper-slide {
  background-position: center;
  background-size: cover;
}
.swiper-slide .centrar{
    position: absolute;
    width: 100%;
    padding:0;
    margin:auto;
    left:0;right:0;
    bottom: 0
}
.swiper-slide .text{
    color:white;
    font-size: 22px;
    line-height: 1.3em;
    margin-left:50px;
    bottom:20px;
    position: relative
}

#content .slide_cont.movil .swiper-slide .text{
    margin-left: 5px;
    bottom:10px;
}

/**********************************************/

#content div.contenido_amp_img{width:33%;float:left;margin-right:15px;min-width: 150px;}
#content div.contenido_amp_img img{width:100%;float:left}

#content .registro_cont{width:100%;display:inline-block;max-width: 375px;text-align:center}

#content .secciones_cont{width:100%;
               float:left;
               box-sizing:border-box;text-align:center;
               padding:80px 0;
               background-repeat: no-repeat;
               background-position: center center;
               background-size: cover;
               background-attachment: fixed;
               position: relative
}
#content .secciones_cont.gris{
    background-color:#f7f7f7
}
#content .secciones_cont.testimonios{
    padding-bottom: 40px;
}

#content .secciones_cont.pb0{padding-bottom:0}
.btn_link.cuad{
    border-radius: 0;
    font-family:'Lulo-Clean-W01-One-Bold';
    font-size: 15px;
    width:409px;
    height: 97px;
    text-align: center;
    line-height:97px;
    padding:0
}
.btn_link.red{
    border-radius: 0;
    font-family:'Lulo-Clean-W01-One-Bold';
    font-size: 15px;
    width:409px;
    height: 97px;
    text-align: center;
    line-height:97px;
    padding:0;
    background-color:#0f93fe;
    color:white;
    border-color:#0f93fe;
    border-radius:100px
}
#content .secciones_cont .btn_link.red:hover{
    background-color:#323232;
    border-color:#323232
}

#content .secciones_cont.celeste{
    background-color:#0f93fe
}

#content .secciones_cont.celeste,
#content .secciones_cont.celeste p{color:white}

#content .secciones_cont.celeste.socios h3{
    display: none;
    margin-bottom: 30px;
    max-width:950px;
    line-height: 1.2em
}
#content .secciones_cont.celeste.socios h3,
#content .secciones_cont.celeste.socios h3 p{
    color:#323232;
    font-family: 'Avenir-LT-W01_35-Light1475496';
    font-size:16px;
    text-align: center
}


#content .secciones_cont.celeste.socios:hover{
    background-color:white
}
#content .secciones_cont.celeste.socios:hover h1,
#content .secciones_cont.celeste.socios:hover h2{display:none}
#content .secciones_cont.celeste.socios:hover h3{display:inline-block}
#content .secciones_cont.celeste.socios:hover .btn_link.cuad{
    color:#0f93fe;
    border-color: #0f93fe
}
#content .secciones_cont.celeste.socios:hover .brh1{display:none}

#content .secciones_cont.celeste h1{
    /*letter-spacing: 0.15em;*/
    font-size:46px;
    margin-bottom: 10px
}
#content .secciones_cont h1.luloClean,#content .secciones_cont h2.luloClean{
    color:#323232
}
#content .secciones_cont h1.luloClean{
    font-size:40px;
    line-height: 1.5em;
    letter-spacing: normal;
    margin-bottom: 38px;
}
#content .secciones_cont.celeste h2{
    font-family:'Bree-W01-Thin-Oblique';
    font-size:20px;
    text-transform: uppercase;
    color:white;
    margin-bottom: 80px;
    letter-spacing: 0.08em;
}
#content .secciones_cont h2.luloClean{
    font-size:11px;
    line-height: 1.5em;
    letter-spacing: normal;
    margin-bottom: 24px;
}

#content .secciones_cont.celeste h1.luloClean,
#content .secciones_cont.celeste h2.luloClean{color:white}

#content .msj_cont{
    display: inline-block;
    box-sizing: border-box;
    padding: 10px;
    color:white;
    text-align: center;
    font-size:16px;
    background-color:black
}

#content .secciones_cont .prods_ini_cont{
    width:100%;
    float:left;
    
}

#content .secciones_cont .prods_cont{
    width:50%;
    float:left;
    height: 455px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

#content .secciones_cont .prods_cont .txt_cont{
    position:relative;
    z-index: 2;
    width:100%
}

#content .secciones_cont .prods_cont .img_icono{
    width:61px;
    display:inline-block;
    height:61px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position:relative;
    margin-bottom: 58px
}

#content .secciones_cont .prods_cont h1{
    font-family:'Lulo-Clean-W01-One-Bold';
    font-size:26px;
    color:white;
    letter-spacing:normal;position: relative;
    padding-bottom: 48px;
    margin-bottom: 48px;
}

#content .secciones_cont .prods_cont .desc, #content .secciones_cont .prods_cont .desc p{
    font-family:'Montserrat-Regular';
    font-size:15px;
    color:white;
    letter-spacing:normal;
    text-transform: none;text-align:center;
    font-weight:400
}

#content .secciones_cont .prods_cont h1::before{
    content:"";
    width:136px;
    height: 2px;
    background-color: white;
    position: absolute;
    bottom: 0;left:0;right: 0;
    margin:0 auto;
}

#content .secciones_cont.nosotros{
    background-image: url(/themes/default/images/fondos/nosotros.jpg);
    /*opacity: .3;*/
    background-attachment: scroll
}

#content .secciones_cont.nosotros h1{
    color:white;
    font-size: 150px;
    margin-bottom: 0px;
    font-family:'Open-Sans-Light';
    text-transform: none;
    margin-bottom: 75px
}
#content .secciones_cont.nosotros h1 span{
    color:#a9cf54
}
#content .secciones_cont.nosotros h2{
    
}


#content .secciones_cont.nosotros,
#content .secciones_cont.nosotros p{
    color:#e6e6e6;
    font-family:Arial
}

#content .secciones_cont .img_nosotros{
    width:170px;
    height: 170px;
    float: left;
    background-position: center center;
    border-radius: 30px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 30px;
}

#content .secciones_cont.news{
    color:white;
    font-size: 50px; 
}

#content .secciones_cont.news .iconos.email{
    color:#666b70;
    font-size:123px;
    width:113px;
    height:50px;
    margin-right: 7px;
    position: relative;
    top:40px;
    left: -10px
}

#content .secciones_cont.news .txt_news{
    display: inline-block;
    text-align:left;
    line-height: 1em;
    font-family: 'Open-Sans-Light';
    margin-right: 30px;
}

#content .secciones_cont.news input[type="text"]{
    color: rgba(255,255,255,.5);
    background-color: #a9cf54;
    border-color: #fff;
    width: 370px;
    height: 79px;
    border:3px solid white;
    border-radius:30px;
    padding:20px 20px 20px 35px;
    box-sizing: border-box;
    margin-right: 20px
    
}

#content .secciones_cont.news input::placeholder{
    text-transform: uppercase
}

#content .secciones_cont.news .form_cont{
    display: inline-block;
    vertical-align: top;
    margin-top: 20px
}

#content .secciones_cont.news .form_cont button{
    color:white;
    background-color: #666b70;
    width: 170px;
    height: 80px;
    line-height: 80px;
    border:none;
    border-radius: 30px;
    cursor: pointer;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'Open-Sans-Bold'
}

#content .secciones_cont.news .form_cont button:hover{
    background-color: #4e5255;
}

#content .secciones_cont.programas h1{
    color:#666b70;
    font-size: 75px;
    margin-bottom: 0px;
    font-family:'Open-Sans-Light';
    text-transform: none;
    margin-bottom: 75px
}

#content .secciones_cont .item_carusel_cont{width:100%;float:left}
#content .secciones_cont .item_carusel_cont .img_cont{
    width:100%;
    padding-bottom: 100%;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 40px;
    background-size: cover;
    margin-bottom: 53px;
}
#content .secciones_cont .item_carusel_cont h3{
    font-size:35px;
    color:#666b70;
    text-transform: none;
    font-family:'Open-Sans-Light';
    margin-bottom: 0
}

#content .secciones_cont .item_carusel_cont h4{
    font-size:25px;
    color:#a9cf54;
    text-transform: none;
    font-family:'Open-Sans-Light';
    margin-bottom: 0
}

#content .secciones_cont .item_carusel_cont, #content .secciones_cont .item_carusel_cont p{
    color:rgba(133,133,133,.7)
}

#content table.tabla_micuenta{
    width:100%
}
#content table.tabla_micuenta tr{}
#content table.tabla_micuenta tr td{text-align:left;vertical-align:top;color:#333;line-height: 1.5em}
#content table.tabla_micuenta tr td.mem{width:400px}
#content table.tabla_micuenta tr td span.gris{color:#808080}
#content table.tabla_micuenta tr td table{width:100%}
#content table.tabla_micuenta tr td, #content table.tabla_micuenta tr td a{
    font-size:16px
}
#content table.tabla_micuenta tr td.opcs{text-align:right}
#content table.tabla_micuenta tr td a{
    color:#0053a3;
    
}
#content table.tabla_micuenta tr td a:hover{
    color:black
}

#content table.tabla_micuenta tr td .iconos.mastercard{
    font-size:34px;
    margin-right: 10px
}
#content table.tabla_micuenta tr td .iconos.mastercard:before{
    color:#333;
}

div.mapa_google_cont{
    width:100%;
    float:left;
    position:relative;
    /*border:1px solid #eeeeee;*/
    box-sizing:border-box;
    /*margin-top:10px;
    padding:10px;*/
    
}




.capa_transp{
    width:100%;height:100%;
    position: absolute;
    left:0;top:0;
    background-color: rgba(102,107,112,0.7);
    z-index: 0
}

#content .bienvenido_cont .logo_cont{
    position: absolute;
    left:0;right:0;
    bottom: 0;
    top:0;
    color:white;
    font-family: palatino linotype;
    font-size:26px;
    line-height: 1.3em;
    text-align: center;
    width:344px;
    height: 250px;
    margin: auto
}


#postProceso{width: 100%; float: left}

#content .testimonio_cont{
    display:inline-block;
    text-align:center;width:100%;
    text-align: center;
    padding: 0 15px 30px;
    letter-spacing: .025em;
    background: #ffffff;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.15));
    padding: 0 20px 40px;
    height: 100%;
    margin:0 1px
}

#content .testimonio_cont .desc_cont{
    text-align: center;
    display: inline-block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}
#content .testimonio_cont .desc_cont , #content .testimonio_cont .desc_cont p{
    text-align: center;
    font-size: 14px;
    line-height: 1.71429;
    font-weight: 400;
    letter-spacing: normal;
    color: #151515;
}
#content .testimonio_cont .desc_cont::before {
    /*position: absolute;
    top: -10px;
    right: 0px;
    z-index: 0;
    font-family: "Font Awesome 5 Solid";
    font-size: 60px;
    line-height: 60px;
    color: white;
    content: "\f10e";
    -webkit-transform: scaleX(-1) rotateY(-180deg);
    transform: scaleX(-1) rotateY(-180deg);*/

}

#content .testimonio_cont .img_cont{
    width:117px;height:117px;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    display: inline-block;
    margin-top: -42px;
    border: 15px solid #ffffff;
    border-radius: 50%;
    position: relative;
}

#content .testimonio_cont .img_cont .im{
    width:100%;height:100%;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    border-radius: 100%;
    position: absolute;
    left:0;top:0
}

#content .testimonio_cont h3{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    margin:18px 0 0 0;
    line-height: 1.2em;
    width:auto;
    color: #0f8acf;
    font-size:21px;
    font-family:'Montserrat-Regular'
}
#content .testimonio_cont h3{font-size: 20px;}
#content .testimonio_cont h4{
    font-weight: normal;
    font-style: italic;font-size:14px;
    letter-spacing: 0.5px
}

.contenido_cont.nosotros{}
.contenido_cont.nosotros .col:first-child{
    padding-right: 30px
}

.contenido_cont.servicios{}
.contenido_cont.servicios .servicio_cont{
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    padding: 54px 18px;
    min-height: 100%;
    background: #ffffff;
    transition: all .2s ease;
    z-index: 1;
}
.contenido_cont.servicios .servicio_cont::before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 8px solid #f4f4f4;
    transition: all .2s ease;
    z-index: -1;
}

.contenido_cont.servicios .servicio_cont:hover{
    transition-delay: .1s;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 17%);
}
.contenido_cont.servicios .servicio_cont:hover::before{
    border-width: 0;
}

.contenido_cont.servicios .servicio_cont .interno{
    display: flex;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 100%;
    margin-bottom: -30px;
    margin-left: -20px;
    flex-direction: row;
    text-align: left;
}
.contenido_cont.servicios .servicio_cont .interno > * {
    margin-bottom: 30px;
    margin-left: 20px;
}
.contenido_cont.servicios .servicio_cont .interno .izq{
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    max-width: 100%;
}
.contenido_cont.servicios .servicio_cont .interno .der{
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
}
.contenido_cont.servicios .servicio_cont h2{
    font-size: 21px;
    margin-bottom: 10px;
    text-transform: none;
    color: #0f8acf;
}

.contenido_cont.servicios .servicio_cont .icon{
    font-size: 36px;
    line-height: 1;
    color: #0f8acf;
    transition: all .2s ease-in-out;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 45px;
    height: 45px;
    /*font-family:'Font Awesome 5 regular';*/
}

.contenido_cont.hospedajes{}
.contenido_cont.hospedajes .hospedaje_cont{
    border: 1px solid #e1e1e1;
    display: flex;
    margin-bottom: 30px;
    width:100%
}
.contenido_cont.hospedajes .hospedaje_cont .izq{
    min-height:366px;
}

.contenido_cont.hospedajes .hospedaje_cont .izq a{
    min-height: 100%;
    overflow: hidden;
    min-width: 100%;
    display: inline-block
}



.contenido_cont.hospedajes .hospedaje_cont .izq a img{
    transition: all .3s ease;
    transform: scale(1.1);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    min-height: 100%;
    min-width: 100%;
}

.contenido_cont.hospedajes .hospedaje_cont .izq a:hover img{
    transform: none
}

.contenido_cont.hospedajes .hospedaje_cont .izq,
.contenido_cont.hospedajes .hospedaje_cont .der{
    width: 50%;
}

.contenido_cont.hospedajes .hospedaje_cont .der{
    padding: 60px 70px;
    text-align: left
}

.contenido_cont.hospedajes .hospedaje_cont h2{
    text-transform: none;
    font-size:21px;
    color:black
}

.contenido_cont.hospedajes .hospedaje_cont,
.contenido_cont.hospedajes .hospedaje_cont p{
    color:#9b9b9b;
    letter-spacing: .025em;
    font-size:14px;
    line-height: 1.7em
}

#content .nosotros_cont{
    padding-left: 30px;
    padding-top: 50px;
    display: inline-block;
    width: 100%;
}
#content .nosotros_cont .ui-tabs,
#content .nosotros_cont .ui-tabs .ui-tabs-nav{
    padding: 0;
    border:none;
}

#content .nosotros_cont .ui-tabs .ui-tabs-nav{
    background-color: white;
    border-bottom: 3px solid #e1e1e1
}

#content .nosotros_cont .ui-tabs .ui-tabs-panel{
    padding: 26px 0;
}

#content .nosotros_cont .ui-tabs .ui-tabs-nav li{
    margin:0 40px 0 0;
    background-color: white;
    
}

#content .nosotros_cont .ui-state-default, 
#content .nosotros_cont .ui-widget-content .ui-state-default, 
#content .nosotros_cont .ui-widget-header .ui-state-default{
    border:none
}

#content .nosotros_cont .ui-state-active a, 
#content .nosotros_cont .ui-state-active a:link, 
#content .nosotros_cont .ui-state-active a:visited{
    color:#0f8acf;
    font-size:16px;
    border: none;
}

#content .nosotros_cont .ui-state-active, 
#content .nosotros_cont .ui-widget-content .ui-state-active, 
#content .nosotros_cont .ui-widget-header .ui-state-active{
    border: none;
    background: white;
    color:#0f8acf;
}

#content .nosotros_cont .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
    padding: 0;
    font-size:16px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 10px 0
}
#content .nosotros_cont .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover{
    color:#0f8acf;
}
#content .nosotros_cont .ui-tabs .ui-tabs-nav .ui-tabs-anchor:after{
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    width: 0;
    background: #0f8acf;
    transition: .22s ease;
}

#content .nosotros_cont .ui-tabs .ui-tabs-nav .ui-state-active a:after{
    width:100%
}

#content .nosotros_cont a.btn_link{
    /*color:white*/
}

#Ft{
    width:100%;float: left;text-align: center;
    padding: 0;background-color:#162e44;
    position:relative;
}

#Ft, #Ft a{
    color:white;
    
}

#Ft, #Ft a,#Ft li{
    font-size: 15px
}

#Ft a{
    margin-bottom: 8px;
    display: inline-block
}
#Ft a:hover{color:#0f8acf}
#Ft .sec1{
    width:100%;
    padding:65px 0 65px 0;
    float: left
}
#Ft .sec2{
    width:100%;
    padding:20px 0 20px 0;
    text-align: center;
    color:#666;
    font-size: 13px;
    line-height: 22px;
    float: left;
    background-color: #11263a
}
#Ft .sec2 .centrar{text-align: right}
#Ft .sec2 span{
    display:inline-block;
    font-size: 16px;
    margin-top: 30px
}

#Ft .sup{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    
}

#Ft .sup .bloque{
    width:30%;
    text-align: left;
    box-sizing: border-box;
    position: relative;
    padding:0 35px;
    
}
#Ft .sup .bloque.contacto{
    width:40%;
}
#Ft .sup .bloque.prim{
    padding-left: 0
}
#Ft .sup .bloque.ult{
    padding-right:0;
    max-width: 160px;
    padding-left: 0
}

#Ft .sup .bloque.img{
   max-width: 350px;
   padding: 0 0px 0 0;
   
}

#Ft .sup .bloque.img img{
    margin-right: 100px
}

#Ft .sup .bloque.lgo::after{
    position: absolute;
    right: 0;
    top:0;
    width: 1px;
    height: 100%;
    background-color:#3c3c3c;
    content:""
}

#Ft .logo{
    float:left;
    display: inline-block;
}

#Ft h2{
    color: white;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    margin: 0 0 28px;
    text-transform: uppercase;
    padding-bottom: 0px;
    
}

#Ft h3{
    font-size: 17px;
    margin: 0;
    line-height: 30px;
    text-transform: none
}

/*#Ft h2::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 54px;
    border-bottom: 1px solid;
}*/

#Ft .sup .bloque ul{
    list-style: outside none none;
    padding: 0;
}
#Ft .sup .bloque ul li{
    color: black;
    padding-bottom: 14px;
    box-sizing:border-box;
}

#Ft .sup .bloque ul li::before,
#Ft .sup .bloque .iconos{
    font-size: 22px;
    line-height: 22px;
    color: #0f8acf;
    position: relative;
    width: 30px;
    text-align: center;
    margin-right: 12px
}

#Ft .sup .bloque .iconos.ubicacion{
    font-size: 25px;
    margin-right: 0px;
    text-align: left
}

#Ft .sup .bloque ul li.dire::before{
    content: "\e55f";
    font-family: "Material Icons";
    top: 6px;
    font-size: 22px
}

#Ft .sup .bloque ul li.celu::before{
    content: "\f3cd";
    font-family: "Font Awesome 5 Solid";
    left:4px
}

#Ft .sup .bloque ul li.contac::before{
    content: "\f007";
    font-family: "Font Awesome 5 Solid";
    left:4px
}

#Ft .sup .bloque ul li.tel::before{
    content: "\e551";
    font-family: "Material Icons";
    left:4px
}

#Ft .sup .bloque ul li.email::before{
    content: "\e0be";
    font-family: "Material Icons";
    top: 4px;
    margin-right: 8px
}

#Ft .sup .bloque ul li a{margin:0}

#Ft .sup .bloque ul li .txt_iconos{
    display: inline-block;
    max-width: 250px
}
#Ft .sup .bloque ul li .txt_iconos:hover{
    
}


#Ft .social_cont{text-align: center;position: relative}
#Ft .social_cont .iconos{
    color:#9b9b9b;
    font-size: 18px;
    margin:0px 5px ;
    line-height: 20px;
    margin-bottom: 0;
    text-align: center;
    width: 20px;
    height: 20px;
    
}
#Ft .social_cont .iconos:hover{color:#0f8acf}

#Ft .news_cont{
    width:350px
}

#Ft  .newsletter {
    border: medium none;
    overflow: hidden;
    padding: 25px 0;
}

#Ft .news_cont .mdc-text-field--outlined:not(.mdc-text-field--disabled){
    background-color: #f4f4f4;
    border-radius: 5px;
    width:73%;
    margin-right: 4%
}
#Ft .news_cont form{
    display:flex
}
#Ft .news_cont .mdl-button{
    height: 52px;
    width:90px
}
#Ft .news_cont .mdl-button--raised.mdl-button--colored{
    background-color: black
}

#Ft .news_cont input {
    background-color: white;
    border: none;
    border-radius: 0;
    height: 52px;
    padding: 6px 15px;
    float: left;
    width: 63%;
    margin-right: 0%
}
    
#Ft .br_ft{display:none}

.control-group{float:left;width:32.6%;margin-right: 1%}
.control-group.contacto{width:100%;margin-right: 0}
.control-group.w100{width:100%;margin-right:0}
.control-group input[type="text"]{width:100%;padding:4px 6px}
.control-group select{width:100%;padding:4px 0}
.control-group textarea{width:100%;}
.control-group input, .control-group select{height:auto}

.control-group input[type='text']{}


.control-group input[type='text'],.control-group input[type='password'],.control-group textarea,
.control-group select{
    padding: 0 12px;
    width: 100%;
    border-radius:5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color:#c8c8c8;
    border: 1px solid #c3c3c3;
    margin:0;
    box-sizing:border-box;
    margin-bottom:9px;
    height:42px;
    
}
.control-group textarea{width:100%;float:left;height:150px;padding: 10px}
.control-group input[type='text']:focus,.control-group input[type='password'],

.control-group textarea:focus{}

.control-group *::placeholder{opacity:1}



.form_recuperar{width:100%;float:left;text-align:center}
.bloque{display:inline-block;width:100%;max-width:600px;}
.bloque .control-group{width:100%;margin-right:0}

/* Paginador
-------------------------------------------*/
div.paginacion_cont{width:100%; float: left;text-align: center;margin: 12px 0px}
div.paginacion_cont a.item_pag{display: inline-block ;padding: 3px 6px; border:1px solid black; margin-left: 5px;color:black }
div.paginacion_cont a.item_pag.actual{background-color:black;border:1px solid black;color:white}
div.paginacion_cont a.item_pag.sin_borde{border:none;font-weight:bold }

a.diseno{width: 181px; height: 15px;margin-top: 10px; display:inline-block;background: url(/themes/default/images/diseno_desarrollo_GlobalMedia.png) no-repeat center center;}
a.desarrollo{
    width: 138px; height: 15px;
    margin:3px 0 0 0;
    background-image: url(/themes/default/images/desarrollo-GlobalMedia.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top:0;
}
#Ft a.desarrollo{margin-bottom:0}


#Hd div.widget_shopcart_cel{position:absolute;top:0;right:0}
#Hd div.widget_shopcart_cel .item_carrito_cel{
    color:white;background: red;border-radius: 100%;
    border:1px solid white;font-size:7.5px;
    width:12px;
    height:12px;
    line-height: 10px
}
#Hd .social_cont{float:right;margin-top:40px}
#Hd .social_cont a.iconos{margin:0 0 0 15px;}
#Hd .social_cont a.iconos:hover::before{color:black}



/***********************LOGIN****************************/

#content .login_content{width:100%;
              display: inline-block;max-width: 500px;
              background-color:#ebeced;padding:20px;
              box-sizing: border-box
}
#content .login_content .ui-tabs{padding:0}
#content .login_content .ui-widget-content{}
#content .login_content .ui-widget-header{background-color: transparent;border:none}
#content .login_content .ui-tabs .ui-tabs-nav{padding:0}
#content .login_content .ui-tabs .ui-tabs-nav li{margin:0;width:50%;box-sizing: border-box;border:none}
#content .login_content .ui-tabs .ui-tabs-nav li.w100{
    width:100%;
    border-right:none !important;
    border-bottom:1px solid #dddddd !important
}
#content .login_content .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
    width:100%;box-sizing: border-box;
    padding:10px 15px;
    text-transform: uppercase;
}


#content .login_content .ui-widget-header .ui-state-default{
    background-color: #ebecee;
    border-bottom: 1px solid #dcdcdc !important;
    border-top:3px solid #cccecd !important
}

#content .login_content .ui-widget-header .ui-state-active{
    background-color: white;
    border-bottom: none !important;
    border-top:3px solid #162e44 !important;
}

#content .login_content .ui-state-active a, 
#content .login_content .ui-state-active a:link, 
#content .login_content .ui-state-active a:visited{
    color:#37363b
}


#content .login_content li.left.ui-state-active{
    border-right: 1px solid #cccccc !important;
    
}
#content .login_content li.right.ui-state-active{
    border-left: 1px solid #cccccc !important
}
#content .login_content .ui-tabs .ui-tabs-panel{
    display:inline-block;
    padding:20px
}

#content .login_content span.msj_error{color:red;font-size: 16px;display: inline-block;padding: 20px 0}
#content .login_content .form_cont{width:100%;float:left;text-align: center}
#content .login_content .form_cont .control-group{width:100%;margin-right: 0}
#content .login_content .form_cont input[type='text'],
#content .login_content .form_cont input[type='password'],
#content .login_content .form_cont select
{
    width:100%;
    box-sizing: border-box;
    height: 38px;
    background-color:#f2f2f2;
    color:#696566 !important;
    padding:0 7px;
    margin-bottom: 13px;
    border: 1px solid #ccc;
    
}

#content .login_content .form_cont select{
    padding:0 2px
}

#content .login_content .form_cont .btn_link{
    display:inline-block;
    border-radius: 3px;
    text-align: center;
    padding: 7px 40px;
    cursor: pointer;
    width:100%;
    background-color:#162e44;
    color:white;
    border-color:#162e44;
    line-height:1em;
    text-transform: none;
    font-size: 16px
}
#content .login_content .form_cont .btn_link:hover{
    background-color:black
}

#content .login_content .form_cont .olvido_contrasenia{
    /*color:#162e44;
    float: right;*/
    margin-top: 10px;
    cursor: pointer;
    font-size: 13px
}
#content .login_content .form_cont .olvido_contrasenia:hover{
    color:black;
    text-decoration: underline
}

#content .login_content .form_cont *::placeholder{opacity:1;}



/**************************************************************/

.mdl-button{font-family:'Montserrat-Medium'}
.mdl-button--raised.mdl-button--colored{
    background-color:#162e44
}
.mdl-button--raised.mdl-button--colored:hover{
    background-color:black
}

.mdl-button--raised.mdl-button--colored.black{
    background-color:black
}
.mdl-button--raised.mdl-button--colored.black:hover,
.mdl-button--raised.mdl-button--colored.black:focus,
.mdl-button--raised.mdl-button--colored.black:focus:not(:active){
    background-color:#162e44
}

.gm_pest_cont{
    width:100%;
    display: inline-block;
    padding-bottom: 30px;
}
.gm_pest_cont .pest_menu{
    width:100%;
    text-align: left;
    display: inline-block;
    border-bottom: 1px solid #dddddd;
    vertical-align: top;
}
.gm_pest_cont .pest_menu .pest{
    padding:15px 20px;
    font-family: 'Montserrat-Medium';
    font-size:14px;
    text-transform: uppercase;
    display: inline-block;
    background-color:#f6f6f6;
    margin-right:10px;
    cursor: pointer;
    color:#4c4c4c;
    transition: all 0.6s ease 0s;
}
.gm_pest_cont .pest_menu .pest:hover, .gm_pest_cont .pest_menu .pest.actual{
    background-color: #162e44;
    color:white
}

.gm_pest_cont .panel_cont{
    padding: 20px 0 0 0;
    box-sizing: border-box;
    float: left;
    min-height: 100px;
    width:100%;
}

/*.ui-tabs{
    display: inline-block;width:100%;
    box-sizing: border-box;
    border-radius: 0;
    padding: 0;
    border: 0
}
.ui-tabs .ui-tabs-nav{padding:0}
.ui-widget-header{
    background-color: white;border-top:0;
    border-right: 0;border-left: 0
}
.ui-tabs .ui-tabs-nav li{margin:0 10px 0 0}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
    
    
}
.ui-tabs .ui-tabs-nav li{
    border:0
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    
}
.ui-tabs .ui-tabs-panel{
    padding: 20px 0;
    box-sizing: border-box;
    display: inline-block
}*/

.menu_cel_icon{
    display:inline-block;
    margin-top:1px;
    float: right
}
.menu_cel_icon.iconos{
    font-size: 34px;
    line-height: 34px
}

.mdl-textfield__label::after{
    background-color:rgb(68,68,68);/*borde*/
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
  .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
  .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: rgb(68,68,68);
}

.wpp_cont_wrapper{
    position: absolute;
    top: 0;
    right: 25px;
    bottom: 0;
    width: 45px;
}
.wpp_cont {
    position: fixed;
    top:0;
    margin:auto;
    bottom:0px;
    width:45px;
    height: 45px;
    background-position: center center;
    background-size: 30px;
    background-repeat: no-repeat;
    background-image: url(/themes/default/images/wapp.png);
    background-color:black;
    border-radius: 100%;
    padding: 5px;
    box-sizing: border-box;
    z-index: 200;
    transition: all 0.4s ease 0s;
    cursor: pointer;
}

.wpp_cont .txt{
    position: absolute;
    width: 10px;
    height: 10px;
    
    background-color:#162e44;
    border:2px solid white;
    right:0;top:0;
    border-radius: 100%;
    overflow: hidden;
    text-indent: -10000px;
    color:white;
    font-size:12px;
    /*font-weight: bold;*/
    transition: all 0.4s ease 0s;
    text-transform: uppercase;
    line-height: 1.3em
}

.wpp_cont:hover .txt{
    width:200px;
    height: auto;
    top:-55px;
    border-radius: 5px;
    text-indent: 0;
    padding: 10px;
    background-color: black;
    
}

/************************************************/

.widget_news_cont{display: inline-block;text-align: center;width:300px}
.news_content{display:inline-block;width:100%;margin-top: 20px;text-align: left}
.news_content .mdc-text-field--outlined:not(.mdc-text-field--disabled){
    background-color: white;
    border-radius: 0;
    width:63%;
    margin-right: 0
}
.news_content form{
    display:inline-block
}
.news_content .mdl-button{
    height: 52px;
    width:90px;
    padding:0;
    font-size:14px
}
.news_content .mdl-button--raised.mdl-button--colored{
    background-color: black
}

.news_content input {
    background-color: white;
    border: none;
    border-radius: 0;
    height: 52px;
    padding: 6px 10px;
    float: left;
    width: 63%;
    margin-right: 0%;
}
.news_content input.newsCodigo{
    margin-bottom: 20px;
    width: 55%;
    padding: 6px 10px;
    float: left;
    margin-right:7px
}
.news_content img.captcha{
    margin: 7px 0 0 0;
    width:40%
}

/***********************************************/

#content table.tabla_tarifas{
    width:100%;margin-bottom:30px;
    border-collapse: separate;
    border-spacing: 10px 10px
}
#content table.tabla_tarifas tr{}
#content table.tabla_tarifas tr th{
    text-align: left;
}

#content table.tabla_tarifas tr th.tit{
    font-family: 'Montserrat-Bold';
    text-transform: uppercase
}

#content table.tabla_tarifas tr th.col,
#content table.tabla_tarifas tr td.col{
    width:150px;
    text-align: center;
    text-transform: uppercase
}

#content table.tabla_tarifas tr td,#content table.tabla_tarifas tr th{
    padding: 10px;
    background-color: #f7f7f7
}

@media only screen and (min-width:1601px){

}


@media only screen and (max-width:1300px){
    
}

@media only screen and (max-width:1279px){
    
}
@media only screen and (max-width:1200px){
    #Ft .sup .bloque{
        width:40%
    }
    #content .secciones_cont{
        padding:50px 0
    }
    #content .secciones_cont.testimonios{
        padding-bottom: 10px;
    }
    
    
}

@media only screen and (max-width:1199px){
    #content .nosotros_cont .ui-tabs .ui-tabs-nav li{
        margin-right: 19px
    }
    #content .nosotros_cont .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
        font-size:15px
    }
}

@media only screen and (max-width:1150px){
    
}
@media only screen and (max-width:1023px){
    #Hd{position:fixed}
    #Hd .logo{
        width: 150px;
        height: 52px;
        margin-top: 15px
    }
    #Bd{margin-top:80px}
    .control-group{width:100%}
    .irArriba.ab{display:none}
    #Hd .menu_cont{height:0px}
    div.centrar{padding:0 15px}
    #Hd .der{}
    #Hd .der .bloq.tel,
    #Hd .der .bloq a{display:none}
    #Hd .der .bloq:first-child{
        padding-right: 30px;
        margin-right: 0;
        border:none
    }
    #Hd .der .iconos{
        font-size: 33px;
        bottom: 2px;
        position: relative;
        color:#162e44;
        
    }
    #Hd .der .bloq a.iconos{display: inline-block}
    
    .contenido_cont.nosotros .col:first-child {
        padding-right: 0
    }
    #content .nosotros_cont {
        padding-left: 0px;
        padding-top: 30px;
    }
    h1{margin-bottom: 20px;font-size:30px}
    
    .contenido_cont.hospedajes .hospedaje_cont .izq, 
    .contenido_cont.hospedajes .hospedaje_cont .der{
        width: 100%
    }
    .contenido_cont.hospedajes .hospedaje_cont{
        flex-direction:column;
        flex-basis: 100%;
        max-width: none;
        border:none
    }
    .contenido_cont.hospedajes .hospedaje_cont .der{
        padding: 20px
    }
    
    #Ft .sup{
        flex-direction:column;
        flex-basis: 100%;
        max-width: none;
        align-items: center
    }
    #Ft .sup .bloque,
    #Ft .sup .bloque.prim,
    #Ft .sup .bloque.img,
    #Ft .sup .bloque.ult{
        padding:0;
        margin: 0 0 10px 0;
        text-align: center;
        max-width:none;
        width:100%
    }
    #Ft .sup .bloque.ult{
        max-width: 320px
    }
    #Ft .sup .bloque.ult > div{
        display:inline-block
    }
    #Ft .sup .bloque.img img{
        margin: 0
    }
    #Ft .sec1{padding:50px 0 20px 0}
    
    #content .secciones_cont{
        padding:20px 0
    }
    #content .secciones_cont.testimonios{
        padding-bottom: 10px;
    }
    #Ft .sup .bloque.ult *{
        
    }
    
    #Ft .social_cont{text-align: left}
} 

@media only screen and (max-width:900px){
    
}

@media only screen and (max-width:799px){
    #content{min-height:0}
    
}

@media only screen and (max-width:767px){
    #content table.tabla_tarifas{
        border-spacing:5px
    }
}
@media only screen and (max-width:600px){
    

}
@media only screen and (max-width:500px){
    
}
@media only screen and (max-width:479px){
    #content .nosotros_cont .ui-tabs .ui-tabs-nav li{
        margin-right:10px;
    }
    #content .nosotros_cont .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
        font-size:12px
    }
    
    
}
@media only screen and (max-width:359px){
    #content .nosotros_cont .ui-tabs .ui-tabs-nav li{
        margin-right:5px;
    }
    #content .nosotros_cont .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
        font-size:11px
    }
}

@media only screen and (max-width:320px){
    
}
