/**GENERAL***/

html a img{border:none;}
img { border: none;}
html{padding:0;margin:0;position:relative;min-height: 100%;}
body{padding:0;margin:0px;font-family: 'Open Sans', sans-serif;font-weight:300; background-color:#fff;text-align:justify;font-size:1em;
}
*{margin: 0;}
html, body {margin:0;padding:0;min-height:100%}
strong{color:#000;}
.full{width:100%;display:block;overflow:hidden;}
.pag{width:100%;/*max-width:1400px;*/margin:0 auto;overflow:hidden;}
.btn{background:#330d20;color:#fff;text-align:center;display:block;width:200px;padding:10px 0;text-decoration: none;}
.btn:hover{background:#870800}
.izq{float:left;}
.der{float:right;}
.sidebarpeq{width:35%}
.sidebargde{width:65%;}
.margen{margin-top:20px;margin-bottom:20px;}
.padd{padding:40px 0;}
.mitad{width:50%;}
.txtcentro{text-align: center;display: block;margin: 10px auto;}
.txtpeq{font-size:.8em;}
.centro{margin:0 auto;display:block;}
.txtblanco{color:#FFF;}
.fa{font-size:22px !important;margin-top:-3px;}
.movil{display:none;}
.web{display:block;}
.img_gral{max-width:100%;}

.rstop{
    display:block;
}

.grandisla{background:url('../img/f1.png');background-position: center;background-size:cover;min-height:400px;}

#ubicacion{
   background-color: #efefef;
}
#paquetes{
    background-color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#tarifas{
    background:#eef5fb;padding:50px 0;
}

#torneos{
    background:url('../img/ban2.png');background-position: center;background-size:cover;min-height:500px;width:100%;height:500px;    padding:80px 0;
}

#torneoImg{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: flex-end;
    margin-top: 130px;
}

#instalaciones{
    background:#f7f7f7;padding:50px 0;
}

.grayc{display:block;padding:5px;background:#cbcbcb;color:#FFF;}
.whitec{display:block;padding:5px;background:#FFF;color:#666;}


#tfGral{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: flex-start;
    width:100%;
    margin-top:50px;
}
#insGral{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 50px;
}
.tfDiv{
    width: 416px;
    margin: 2px;
    display: flex;
    font-size: 13px;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;

}
.tfDiv b{text-align: center;}

#animDiv .full{
    width: 100%;
    display: flex;
    overflow: hidden;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.cnco{
    max-width: 45%;
    width: 100%;
    text-align: justify;
    padding: 5px 0;
    margin: 5px auto;
    font-size: 1em;
    min-height: 230px;
    margin-left: 1%;
    color: #8a8a8a;
}

.fondopg{background:url('../img/nosotros.png');background-position: center;background-size:cover;min-height:400px;}
.paddtop{padding-top:20px;}
.paddbottom{padding-top:20px;}
button{background: none !important;}
h3{color:#ed6d05}
h3 b{color:#999;}
.brd{border-bottom: #ececec solid 1px;border-top: #ececec solid 1px;padding:10px 0;}
.noventa{width:90%;}
h1{
    color: #fff;
    font-size: 2em;
    margin: 0 auto;
    display: block;
    text-align: center;
    margin: 20px auto;
    padding: 10px 0;
    letter-spacing: 2px;
    text-transform: uppercase;
}
h2{color:#081739;font-size:2em;margin:0 auto;display:block;text-align: center;margin:20px auto;padding:10px 0;letter-spacing: 2px;text-transform: uppercase;}
/***HEADER***/
#divgral{width:100%;margin:0 auto;padding:0;background:none;height:100px;z-index: 99999;background: #FFF;position: fixed;}
#tophead{height:91px;background:none;width:100%;text-align: right;color:#FFF;background:#012d56;font-size:1em;}
#tophead a{color:#FFF;margin-right:7px;font-size:12px;letter-spacing:1px;}
#tophead i{font-size:17px;letter-spacing:2px;}
#tophead a:hover{color: #000000;}
#menutop{width:70%;float:left;color:#FFF;text-align: right;line-height:26px;}
.mtop{color:#FFF;background:#000;padding:3px 7px;}
.mtop:hover{background:#d6251d;}
#redes_soc .fa-facebook{background:#FFF/*#1071b7*/;padding:7px;margin:0;font-size:1.5em;border-radius:50%;    box-shadow: 0px 0px 2px 0px #323232;border:#323232 solid 1px;color:#323232;}
#redes_soc .fa-facebook:hover{background:#1071b7;color:#FFF;}
#redes_soc .fa-instagram{background:#FFF/*#e71e7a*/;padding:7px;margin:0;font-size:1.5em;border-radius:50%;border:#323232 solid 1px;color:#323232;    box-shadow: 0px 0px 2px 0px #323232;}
#redes_soc .fa-instagram:hover{background:#e71e7a;color:#FFF;}
#redes_soc .fa-twitter-square{background:#FFF/*#29a5db*/;padding:7px;margin:0;font-size:1.5em;border-radius:50%;    box-shadow: 0px 0px 2px 0px #323232;border:#323232 solid 1px;color:#323232;}
#redes_soc .fa-twitter-square:hover{background:#29a5db;color:#FFF;}
#redes_soc .fa-phone-volume{font-size:1.5em;}
#blanco{height:100px;}
#todo{width:100%;max-width:2400px;margin:0 auto;min-height:69px;background:none;z-index:9999;}
#barra{    background: #004da9;
    width: 100%;
    height: 47px;
    padding: 0px 0;
    margin: 0px 0px;}
#logo{width:25%;float:left;margin:5px auto;}
#logo img{display:block;margin:10px auto;width:auto;max-width:174px;}
#divm{width:auto;margin: 0 auto;}
#redes_soc{width:14%;float:right;}
#redes_soc a{display: inline-block;float:right;margin:19px 5px;text-decoration: none;color:#fff;}
#redes_soc a:hover{color:#fff}
#barblock{float:left;background:#fff}
#divmenu{display:block;width:100%;min-height:30px;border:green solid 0px;float:right;margin-top:0px;    background: #004da9;}
#contenido{width:100%;margin:0 auto;max-width:2400px;}
.banner{width:100%;margin:0 auto;color:#FFF;float:left;background:#ebebeb}
.body_ban{width:100%;min-height:100px;color:#FFF;}
.body_ban span{    width: 100%;
    display: block;
    padding: 20px 0;
    text-align: center;
    font-size: 1.5em;
    position: absolute;
    top:5%;
    text-transform: uppercase;
    letter-spacing: 8px;}
.body_ban span b{font-size:2em;}
.gal{float:left;max-width:45%;height:374px;margin-right:2.5%;margin-left:2.5%;margin-top:20px;}
.body_ban img{width:100%;}
#multimedia{width:100%;height:70px;background:#0d0d0dcc;padding:0px 0;float:left;}
.mul{float:left;bordeR:blue solid 0px;color:#FFF;line-height:70px;height:70px;text-align: center;}
.eaudio{width:30%;}
.emar{width:15%;line-height:19px !important;font-size:20px;}
.emar strong{color:#f90f00;}
.egral{width:10%;}
.elive{width:25%;background:#f90f00;height:70px;line-height:70px;text-align: center;font-size:25px;}
.entrada h1{color:#FFF;font-size:19px;margin-left:20px;}
.entrada h1 i{margin-right:5px;}
.pagban{width:100%;height:350px;background-color:#be272e;color:#FFFFFF;}
.pagban img{max-width:50%;width:auto;floaT:right;margin:60px;}
.title{width:350px;position:absolute;floaT:left;height:80px;background:url('../img/title.png');background-size: cover;margin:80px 0 0 -40px;}
.title h1{color:#000;display:block;text-align:center;line-height:70px;font-family: Helvetica;font-size:33px;font-weight:bold;}
.bantxt{color:#FFF; font-size:20px; text-align:left;position:absolute;margin-top:255px;width:250px;padding:10px;}

.fblue{color:#666;padding:50px 0;margin:20px auto 0;text-align: center;}
.fblue b{text-align:center;display:block;margin:0 auto;letter-spacing:2px;}

.frutas{background:url('../img/fondorutas.png');background-size:cover;background-repeat:no-repeat;padding:30px 0;color:#FFF;text-align:centeR;}
.frutas b{text-align:center;display:block;margin:0 auto;letter-spacing:2px;}

#contacto{    background: #6b7945;padding:30px 0;color:#FFF;text-align:centeR;min-height:500px;text-align: left;}

.frm{background:#FFFFFF90;color:#515151;
width:100%;margin:5px auto;display:block;height:30px;border:#FFF solid 1px;padding:0px 5px;
}
#contacto .btn{    background: #cf9e1b;
    color: #fff;
    width: 150px;
    margin: 10px auto;}

    #btnfrm2 {
        width: 20px;
        height: 20px;
        background: #3bd755;
        color: #fff;
        text-align: left;
        padding: 20px;
        position: fixed;
        z-index: 5;
        right: 20px;
        bottom: 14%;
        border-radius: 50%;
        cursor: pointer;
        font-size: 23px;
        line-height: 20px;
    }

#serv{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    top: -107px;
    position: relative;
}

.row-5{
    width: 15%;
    margin: 5px;
    border: red solid 0px;
    border-radius: 10px;
    background: #FFF;
    color: #515151;
    box-shadow: 2px 2px 1px #dbdbdb;
}

.row-5 b{text-transform: uppercase;}

.scard{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    margin: 20px auto;
}
.scard p{
    display:block;
    height:150px;text-align:center;margin:0 auto;
}

.btny{    background: #e5a337;
    border-radius: 5px;
    text-align: center;
    display: block;
    margin: 0 auto;
    color: #FFF;
    padding: 2px 5px;width:150px;}

    .btnblue{    background: #2b65d8;
        border-radius: 5px;
        text-align: center;
        display: block;
        margin: 0 auto;
        color: #FFF;
        padding: 2px 5px;width:150px;}


 #grandisla .noventa{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
 }   

 #resort{
    padding:50px 0;
    background: linear-gradient(
    to right,
    #faf9f5 0%,
    #faf9f5 55%,
    #29a6de 55%,
    #29a6de 100%
  );
 }

 #resort .noventa{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
 } 



 #tarifasR{
    padding:50px 0;
    background: linear-gradient(
    to right,
    #29a6de 0%,
    #29a6de 55%,
    #faf9f5 55%,
    #faf9f5 100%
  );
 }

 #tarifasR .noventa{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
 } 



 .bgwhite{background:#FFF;padding:10px;}



#nosotros{padding:30px 0;background: linear-gradient(to right, rgb(250, 208, 5) 0%, rgba(220,162,1,1) 50%, rgb(204, 134, 0) 100%);color:#FFF;}
#nosotros b{display:block;text-align:left;;color:#FFF;padding:10px;max-width:100%;width:100%;background:#081739;}
#nosotros img{margin:0 auto;display:block;}


#valores{padding:30px 0;background: linear-gradient(to right, rgb(255, 179, 55) 0%, rgb(204, 156, 24) 50%, rgb(162, 108, 3) 100%);color:#FFF;}
#valores b{display:block;text-align:left;;color:#FFF;padding:10px;max-width:100%;width:100%;background:#081739;}
#valores img{margin:0 auto;display:block;}


/**menumovil**/
#menumovil{float:right;display:none;color:#fff;margin:5px;font-size: 25px;;text-decoration:none;}
  a{color:#515151;text-decoration:none;}
@media only screen and (max-width : 785px) {
  #main-nav{display: none; position: fixed;/*left: -78%*/;}
  #divgral{position:fixed;height:auto;z-index:99999;}
  #menumovil{display:block;}
  #blanco{height:10px;}
  #main-menu{background:#012d56;}
  #barra{margin:0px 0px;}
  .body_ban span b {
      font-size: 16px;
  }
  #flecha{font-size: 19px !important;height:100px;padding:20px 0;}


  #animDiv .full {
    width: 100%;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.cnco { max-width: 90%;}
#tfGral {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
    margin-top: 50px;}

    #insGral {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-around;
        align-items: flex-start;
        width: 100%;
        margin-top: 50px;}


  }

/***CONTENT***/




/***FOOTER***/
footer{float:left;width:100%;overflow:hidden;min-height:130px;background-color:#012d56;padding:40px 0;color:#FFF;}

footer .noventa{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #fff;
}
footer h2{
    color: #fff;
    text-align: left;;
}
footer .cnco{
    color: #fff;
}



footer a{color:#fff;}
.footmenu_promo{width:20%;float:right;text-align:center;}
.footmenu_promo i{font-size:28px;margin-right:7px;}
.footmenu_promo img{display:block;margin:9px auto;}

#smfooter a{text-decoration:none;color:#2ca9e0;}
#smfooter .fa{margin-right:5px;color:#ed6d05;}

.footer{color:#e6227c;;font-size:11px;}
.seccionesfooter{width:11%;float:left;margin-left:1%;color:#e6227c;font-size:13px;height:270px;text-align:left;}
#footercentro{width:100%;max-width:500px;margin:0 auto;display:block;height:105px;}
#footercentro .sidebargde{width:63%;color:#fff;font-size:11px;}
#footercentro .sidebarpeq img{display:block;margin:0 auto;}
/***RESPONSIVE***/


@media only screen and (max-width : 929px) {
 nav ul{display:block;height:auto;width:100%;}
#logo{width:100%;float:none;margin:0 auto;}
#logo img{display:block;margin:43px auto 10px;width:120px;}
#divm{width:100%;float:none;margin:0 auto;}
#redes_soc{display:block;width:100%;height:37px;border:green solid 0px;}
#redes_soc img{display: inline-block;float:right;margin:4px 3px;}
#divmenu{display:block;width:100%;height:auto;}
#contenido{width:100%;margin:0 auto;}

}

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




    .body_ban span {
        top:70px;
    }
    #torneoImg img{width: 50%;}

    .rstop{
        display:none;
    }

    #serv {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        top: 15px;
        position: relative;
    }
    .row-5 {  width: 47%;}

    iframe{display:block;width:90%;margin:0 auto;}

    #divmenu{background:#000;position:fixed;top: 0;}
    #barra{background:#FFF;width:100%;height:auto;padding: 0;}
    #contenido{min-width:100%;margin:0 auto;}
    #divgral{position:relative;margin-bottom:0px;}
    #logo img{width:200px;}
    #redes_soc{display:none;width:100%;height:37px;border:green solid 0px;}
    #redes_soc img{display: inline-block;float:right;margin:4px 3px;}
    #submenus a{width:30%;margin-top:5px}
    .movil{display:block;}
    .web{display:none;}
    .entrada{float:left;width:100%;}

    #mapa{width:80% !important;margin:0px auto 20px;display:block;height:203px;}

    .footmenu{width:50%;float:left;text-align:center;height:170px;}
    .footmenu a{text-align:center;font-size:11px;width:100%;display:block;}
    .footmenu_promo{width:100%;float:left;text-align:center;margin:30px auto;}
}
@media only screen and (max-width : 700px) {
    #blanco{height:0px;}
    .divpeq {
    width: 95%;
    margin: 10px auto;
    padding: 20px 0 !important;
    min-height: 203px;
    background: #fff;
    color: #515151;
    overflow: hidden;
    height: auto;
    }
    h2{text-align:center;color:#000;font-size:28px;}
    .izq{float:none;}
    .der{float:none;}
    .sidebarpeq{width:95% !important;margin:0 auto;border:none !important;}
    .sidebargde{width:95%;margin:0 auto;}
    .txtdiv{width:95% !important;margin:10px auto;display:block;overflow:hidden;}
    .txtdivpeq{width:70%;margin:10% auto;display:block;overflow:hidden;}
    .txtgral{font-size:13px;color:#515151}
    .margen{margin-top:20px;margin-bottom:20px;}
    .padd{padding:40px 0;}
    .mitad{width:100%;}
    .txtcentro{text-align: center;display: block;margin: 10px auto;}
    .banner{width:100%;margin:0 auto 0;border:#202686 solid 0px;}
    .body_ban{width:100%;}
    .body_ban img{width:100%;}
    .sidebarpeq img{display:block;margin:0 auto;width: 239px;margin: 20px auto !important;}
    footer{float:left;width:100%;overflow:hidden;min-height:300px;padding:40px 0;}
    #footercentro{width:100%;max-width:500px;margin:0 auto;display:block;height:105px;}
    #footercentro .sidebargde{width:63%;color:#fff;font-size:11px;}
    #footercentro .sidebarpeq img{display:block;margin:0 auto;width: 95px;}
    #ftm{display:none;}
    .icon{margin-top:34px;margin-left:0;margin-right:17px;}
    .txtgris{font-size:15px;color:#999;}
    .cuatro{width:40%;}
    .txtl{text-align: center;}
    .txtr{text-align: center;}
    .numb2{height:235px;}

}

/*@media only screen and (max-width : 600px) {
    .body_ban{min-height: 120px;}
}*/


/*****ANIMATE CSS******/