/*propiedades para el boton hoteles*/
#botonhotel{
display: inline-block;
width: 250px;
height: 40px;
background-color: darkgreen;
font-weight: bold;
text-decoration: none;
border-radius: 10px;
text-transform: uppercase;
text-shadow: 2px 2px 3px coral;
text-align: center;
border-bottom: 7px solid bisque;
margin: 20px 30px;
font-size: 15px;
padding: 10px;
position: absolute;
       
margin-left: 40%;
margin-top: -3.3%;
    
}
#botonhotel:hover{
   
  background-color:bisque;
    border-radius: 15px;
    text-shadow: 3px 3px 3px chocolate;
   color:forestgreen;
    border-bottom: 5px solid darkgreen;
    
}
#botonhotel:active{
    
 background-color: burlywood;
    font-size: 17px;
    border-bottom: 5px solid white;
    text-shadow: 2px 2px 2px white;
}


**Aqui se inicia la pagina de hoteles con todos los formatos**/

/** aqui se le pone formato a las secciones de hoteles**/

.baner{
    background-image: url("../images/hotel/fondosliderhotel1.JPG");
    
}
/** aqui se controla h2 la seccion del slider de pagina hoteles*/
.baner h2{
    position: absolute;
    left: 0;
    top: 140px;    
    color:#fff;
    text-transform: none;
    font-size: 80px;
    margin-left: 550px;
     text-shadow: 2px 2px 3px chartreuse;  
}

/** aqui se controla la seccion del slider de pagina hoteles*/

#botonhotel{
display: inline-block;
width: 190px;
height: 40px;
background-color: snow;
  
font-weight: bold;
text-decoration: none;
border-radius: 10px;
text-transform: uppercase;

text-align: center;
border-bottom: 7px solid  darkolivegreen;
margin: 20px 30px;
font-size: 15px;
padding: 10px;
position: absolute;
    color: darkturquoise;
margin-left: 40%;
margin-top: .7%;
    
}
#botonhotel:hover{
  background-color:beige;
    border-radius: 15px;
    text-shadow: 3px 3px 3px darkturquoise;
   color: black;
    border-bottom: 5px solid chocolate;
    
    
}
#botonhotel:active{
color: azure;
 background-color: darkturquoise;
    font-size: 14px;
    border-bottom: 5px solid white;
    text-shadow: 2px 2px 2px white;
    width: 220px;
 
}








/** aqui se controla la seccion del slider deBanearios*/

/**se controla el tamaño de la palabra balneario */
.hotel h2{
    position: absolute;
    left: 0;
    top: 140px;    
    color:#fff;
    text-transform: none;
    font-size: 80px;
    margin-left: 300px;
    text-shadow: 2px 2px 3px coral;
}
/*Aqui se controla el fondo del slider balneario*/
.slidehotel
{
     width: 1348px;
    padding-top:30px;
    height: 420px;
    background-image: url("../images/hotel/fo.jpg");
}
.tituloho h2
{
    color:white;
 text-transform: none;
    font-size: 100%;
  
    margin-left: 50%;
    text-decoration-style: solid;
    text-shadow: 2px 2px 3px aqua;
}



/* tamaño dela imagen de fondo en el div que se ocultar de hoteles*/


/*Banearios.............................................................................................*/


/*propiedades para el boton mostrar Banearios*/
#botonbalneario{
display: inline-block;
width: 190px;
height: 40px;
background-color: snow;
  
font-weight: bold;
text-decoration: none;
border-radius: 10px;
text-transform: uppercase;

text-align: center;
border-bottom: 7px solid  darkolivegreen;
margin: 20px 30px;
font-size: 15px;
padding: 10px;
position: absolute;
    color: darkturquoise;
margin-left: 40%;
margin-top: .7%;
    
}
#botonbalneario:hover{
  background-color:beige;
    border-radius: 15px;
    text-shadow: 3px 3px 3px darkturquoise;
   color: black;
    border-bottom: 5px solid chocolate;
    
    
}
#botonbalneario:active{
color: azure;
 background-color: darkturquoise;
    font-size: 14px;
    border-bottom: 5px solid white;
    text-shadow: 2px 2px 2px white;
    width: 220px;
 
}








/** aqui se controla la seccion del slider deBanearios*/

/**se controla el tamaño de la palabra balneario */
.balneario h2{
    position: absolute;
    left: 0;
    top: 140px;    
    color:#fff;
    text-transform: none;
    font-size: 80px;
    margin-left: 300px;
    text-shadow: 2px 2px 3px coral;
}
/*Aqui se controla el fondo del slider balneario*/
.slidebalneario
{
     width: 1348px;
    padding-top:30px;
    height: 420px;
    background-image: url("../images/balneario/fondoslidebalneario.jpg");
}
.titulobal h2
{
    color:white;
 text-transform: none;
    font-size: 100%;
  
    margin-left: 50%;
    text-decoration-style: solid;
    text-shadow: 2px 2px 3px aqua;
}



 











/*vida nocturna.............................................................................................*/


/*propiedades para el boton mostrar mas vida nocturna*/
#botonvidanocturna{
display: inline-block;
width: 190px;
height: 40px;
background-color: chocolate;
  
font-weight: bold;
text-decoration: none;
border-radius: 10px;
text-transform: uppercase;

text-align: center;
border-bottom: 7px solid  darkolivegreen;
margin: 20px 30px;
font-size: 15px;
padding: 10px;
position: absolute;
    
margin-left: 20%;
margin-top: .7%;
    
}
#botonvidanocturna:hover{
  background-color:beige;
    border-radius: 15px;
    text-shadow: 3px 3px 3px black;
   color: black;
    border-bottom: 5px solid chocolate;
    
    
}
#botonvidanocturna:active{
color: azure;
 background-color: black;
    font-size: 14px;
    border-bottom: 5px solid white;
    text-shadow: 2px 2px 2px white;
    width: 260px;
 
}








/** aqui se controla la seccion del slider de pagina vida nocturna*/

/**se controla el tamaño de la palabra vida nocturna */
.vidanocturna h2{
    position: absolute;
    left: 0;
    top: 140px;    
    color:#fff;
    text-transform: none;
    font-size: 80px;
    margin-left: 300px;
    text-shadow: 2px 2px 3px coral;
}
/*Aqui se controla el fondo del slider balneario*/
.slidevidanocturna
{
     width: 1348px;
    padding-top:30px;
    height: 420px;
    background-image: url("../images/vidanocturna/fondoslidevidanocturna.jpg");
}

 
/**esta clase es para ponerle el fondo al menu vida nocturna*/
.fondovidamenu {
     background-color: white;opacity: .9
}

.titulobal h2
{
    text-transform: none;
    font-size: 100%;
  
  
  
  color:#fff;
  
    text-shadow: 2px 2px 3px coral;
}





/*restaurante.............................................................................................*/


/*propiedades para el boton mostrar mas restaurantes*/
#botonrestaurante{
display: inline-block;
width: 190px;
height: 40px;
background-color: chocolate;
  
font-weight: bold;
text-decoration: none;
border-radius: 10px;
text-transform: uppercase;

text-align: center;
border-bottom: 7px solid  darkolivegreen;
margin: 20px 30px;
font-size: 15px;
padding: 10px;
position: absolute;
    
margin-left: 20%;
margin-top: .7%;
    
}
#botonrestaurante:hover{
  background-color:beige;
    border-radius: 15px;
    text-shadow: 3px 3px 3px black;
   color: black;
    border-bottom: 5px solid chocolate;
    
    
}
#botonrestaurante:active{
color: azure;
 background-color: black;
    font-size: 14px;
    border-bottom: 5px solid white;
    text-shadow: 2px 2px 2px white;
    width: 260px;
 
}








/** aqui se controla la seccion del slider de pagina vida nocturna*/

/**se controla el tamaño de la palabra vida nocturna */
.restaurante h2{
    position: absolute;
    left: 0;
    top: 140px;    
    color:#fff;
    text-transform: none;
    font-size: 80px;
    margin-left: 300px;
    text-shadow: 2px 2px 3px coral;
}


/*Aqui se controla el fondo del slider balneario*/
.sliderestaurante
{
     width: 1348px;
    padding-top:30px;
    height: 420px;
    background-image: url("../images/restaurantes/cafe.jpg");
}

 
/**esta clase es para ponerle el fondo al menu vida nocturna*/
.fondovidamenu {
     background-color: white;opacity: .9
}


.titulores h2
{
    color:white; !important
 text-transform: none;
    font-size: 100%;
  
    margin-left: 50%;
    text-decoration-style: solid;
    text-shadow: 2px 2px 3px aqua;
}



/*que hacer*/


/*Aqui se controla el fondo del slider que hacer*/
.slidequehacer
{
     width: 1348px;
    padding-top:30px;
    height: 420px;
    background-image: url("../images/quehacer/fondoslidevidanocturna.jpg");
}