body{
}

/*=================================================================*/

.contenedor-descuentos{
width:100%;
overflow:hidden;
}
.txtdescuentos{
width:100%;
box-sizing:border-box;
float:left;
padding:40px 0px;
background:#555;
}
.txtdescuentos article h3{
font-family:Titulo;
font-size:20px;
color:#EEE;
text-align:center;
}
.txtdescuentos article p{
font-family:Textos;
font-style: Narrow;
color:#EEE;
font-size:15px;
text-align:center;
padding:5px 0px;
}


/*=================================================================*/

.contenedor-horas{
width:100%;
overflow:hidden;
}
.txthoras{
width:100%;
box-sizing:border-box;
float:left;
padding:40px 0px;
background:#666;
}
.txthoras article h3{
font-family:Titulo;
font-size:20px;
color:#EEE;
text-align:center;
}
.txthoras article p{
font-family:Textos;
font-style: Narrow;
color:#EEE;
font-size:15px;
text-align:center;
padding:5px 0px;
}


.descripcion{
width:100%;
box-sizing:border-box;
text-align:center;
float:left;
/*background:#FFF;;
opacity:0.6;*/
}
.descripcion article{
margin:30px 10px 30px 20px;
}
.descripcion article h3{
font-family:titulo;
font-weight: 400;
color:#0074D9;
font-size:35px;
padding:0px 0px 0px 0px;
margin-bottom:10px;
}
.descripcion article p{
font-family:Titulo;
font-style: Narrow;
color:#555;
font-size:20px;
line-height:22px;
margin-bottom:10px;
}


.descripcioni{
width:100%;
box-sizing:border-box;
text-align:center;
float:left;
}
.descripcioni article{
margin:40px 10px 30px 20px;
}
.descripcioni article h3{
font-family:titulo;
font-weight: 400;
color:#0074D9;
font-size:22px;
margin-bottom:10px;
}
.descripcioni article p{
font-family:Titulo;
font-style: Narrow;
color:#555;
font-size:16px;
line-height:22px;
margin-bottom:10px;
}








.descripcionh{
width:100%;
float:left;
box-sizing:border-box;
text-align:center;
}
.descripcionh article{
margin:40px 40px 0px 20px;
}
.descripcionh article h3{
font-family:titulo;
font-weight: 400;
color:#2A569F;
text-align:left;
font-size:35px;
margin-bottom:10px;
}
.descripcionh article p{
font-family:Textos;
font-style: Narrow;
color:#222;
font-size:16px;
line-height:22px;
margin-bottom:10px;
text-align:left;
}
.descripcionh article h2{
font-family:Titulo;
font-style: Narrow;
color:#222;
font-size:15px;
text-align:left;
}


.indiceh{
width:80%;
box-sizing:border-box;
float:left;
margin:6% 10% 0% 10%;
}
.indiceh article h3{
font-family:Textos;
font-size:20px;
color:#333;
text-align:left;
}





/*=================================================================*/
.habitaciones{
width:80%;
box-sizing:border-box;
text-align:center;
float:left;
overflow:hidden;
margin:2% 10%;
background:#fff;
}

.contenedor-habitaciones{
width:80%;
box-sizing:border-box;
text-align:center;
float:left;
overflow:hidden;
margin:2% 10%;
background:#fff;
}

.habitacion1{
width:32%;
float:left;
overflow:hidden;
background: url("habitaciones/h-personal/icon.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
margin:0% 0% 0% 0%;
}
.boton1{
width:100%;
box-sizing:border-box;
text-align:center;
float:left;
}
.boton1 article{
margin:20px 0px 250px 0px;
}


/*=================================================================*/
.habitacion2{
width:32%;
float:left;
overflow:hidden;
background: url("habitaciones/h-matrimonial/icon.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
margin:0% 0% 0% 2%;
}
.boton2{
width:100%;
box-sizing:border-box;
text-align:center;
float:left;
}
.boton2 article{
margin:20px 0px 250px 0px;
}


/*=================================================================*/
.habitacion3{
width:32%;
float:left;
overflow:hidden;
background: url("habitaciones/h-junior-ejecutiva/icon.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
margin:0% 0% 0% 2%;
}
.boton3{
width:100%;
box-sizing:border-box;
text-align:center;
float:left;
}
.boton3 article{
margin:20px 0px 250px 0px;
}


/*=================================================================*/
.habitacion4{
width:32%;
float:left;
overflow:hidden;
background: url("habitaciones/h-ejecutiva/icon.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
margin:2% 0% 0% 0%;
}
.boton4{
width:100%;
box-sizing:border-box;
text-align:center;
float:left;
}
.boton4 article{
margin:20px 0px 250px 0px;
}


/*=================================================================*/
.habitacion5{
width:32%;
float:left;
overflow:hidden;
background: url("habitaciones/h-doble/icon.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
margin:2% 0% 0% 2%;
}
.boton5{
width:100%;
box-sizing:border-box;
text-align:center;
float:left;
}
.boton5 article{
margin:20px 0px 250px 0px;
}


/*=================================================================*/
.habitacion6{
width:32%;
float:right;
overflow:hidden;
background: url("habitaciones/h-triple/icon.jpg") no-repeat center center;
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
margin:2% 0% 0% 2%;
}
.boton6{
width:100%;
box-sizing:border-box;
text-align:center;
float:left;
}
.boton6 article{
margin:20px 0px 250px 0px;
}


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

.habitaciones{
width:100%;
margin:2% 0%;
}

.contenedor-habitaciones{
width:100%;
margin:0% 0%;
}
	
.habitacion1{
width:49%;
margin:2% 0% 0% 0%;
}
.descripcion article h3{
font-size:15px;
}
.boton1 article{
margin:20px 0px 20px 0px;
}

.habitacion2{
width:49%;
margin:2% 0% 0% 2%;
}
.descripcion article h3{
font-size:15px;
}
.boton2 article{
margin:20px 0px 20px 0px;
}

.habitacion3{
width:49%;
margin:2% 0% 0% 0%;
}
.descripcion article h3{
font-size:15px;
}
.boton3 article{
margin:20px 0px 20px 0px;
}

.habitacion4{
width:49%;
margin:2% 0% 0% 2%;
}
.descripcion article h3{
font-size:15px;
}
.boton4 article{
margin:20px 0px 20px 0px;
}

.habitacion5{
width:49%;
margin:2% 0% 0% 0%;
}
.descripcion article h3{
font-size:15px;
}
.boton5 article{
margin:20px 0px 20px 0px;
}

.habitacion6{
width:49%;
margin:2% 0% 0% 2%;
}
.descripcion article h3{
font-size:15px;
}
.boton6 article{
margin:20px 0px 20px 0px;
}

}