@charset "UTF-8";
/* EL OASIS CSS Document */

body {
	background-color: #FFF;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:20px;
}

.container{
	max-width: 1000px;
}
/* CABECERA */
.navbar{
	box-shadow: 0 1px 3px #111;
	background-color: #FFA400;
	border-bottom: 2px solid #FFF;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
	padding: 70px 0 0 0;
	background-color: #fff;
	border-bottom: 2px solid #FFA400;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}

/* CONTENIDO MAIN */
.main{
	margin:auto;
	text-align: center;
	padding: 80px 0;
}
.main-content h1 {
    font-family: 'Kaushan Script', cursive;
	color: #230000;
}

/* SERVICIOS */
.servicios{
	background-color: #F2F1F1;
	text-align: center;
	padding: 80px 0 80px 0;
}
.servicios-content h1 {
    font-family: 'Kaushan Script', cursive;
	color: #230000;
}

/* HABTACIONES */
.habitaciones{
	background-color: #F2F1F1;
	text-align: center;
	padding: 80px 0 80px 0;
}
.habitaciones-content h1 {
    font-family: 'Kaushan Script', cursive;
	color: #230000;
}


/* GALERÍA */
.galeria{
	margin:auto;
	text-align: center;
	padding: 80px 0 80px 0 ;
	border-bottom: 2px solid #FFA400;
}
.galeria h1{
	font-family: 'Kaushan Script', cursive;
	color: #230000;
}
.galeria .galeria-content .contenedor-imagen {
	margin-bottom: 40px;
	max-height: 180px; /* altura de las imagenes */
	overflow: hidden; /* ocultar el sobrante de la imagen */
}

.galeria .galeria-content .contenedor-imagen a {
	background: #3da5e2;
	display: inline-block;
}

.galeria .galeria-content .contenedor-imagen:hover img {
	opacity: .3;
}

.galeria .modal-dialog {
	margin: 0px auto;
	height: 100%;
	max-width: 1000px;
}

.galeria .modal-content {
	width: auto;
}

/* MAPA */
.mapa{
	background-color: #EFEEEC;
	margin:auto;
	padding-top: 80px;
	text-align: center;
	border-bottom: 2px solid #FFA400;
}
.mapa h1 {
    font-family: 'Kaushan Script', cursive;
	color: #230000;
}
.mapa h2 {
	color:#3B1D3E;
	font-family: 'Yellowtail', cursive;
	
}
.mapa hr {
	background:#F64740;
	width: 90%;
	height:3px;
	border:none;
}

/* FOOTER */
.footer{
	background-color: #230000;
	color:burlywood;
}
.footer-content{
	text-align: center;
	padding:50PX 20px;
}
.footer-content h2 {
	color:#FFF;
}

.footer-content hr {
	background-color: #fff;
	
	height:1px;
	border:none;
}

.footer-content p {
	line-height: 25px;
}

.footer-content h2, .footer-content p, .footer-content hr {
	margin-bottom: 20px;
}

/* SUBIR */

.totop {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 104400;
	background: url(../img/icono_subir.png) no-repeat;
	
}

.totop a, .totop a:visited{
	display: block;
	width: 30px;
	height: 30px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}

.totop a:hover {
	color: #eee;
	text-decoration: none;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Aumente el tamaño del contenido del carrusel */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  
}
/* --- MEDIAQUERIES ---  */

/* Dispositivo xl */
@media screen and (max-width:1199px) {}

/* Dispositivo lg */
@media screen and (max-width:991px) {

	.modal .modal-dialog {
		width: 95%;
	}

	.modal .modal-dialog .modal-content img {
		width: 100%;
	}
}

/* Dispositivo md */
@media screen and (max-width:767px) {}

/* Dispositivo sm */
@media screen and (max-width:575px) {
	
}