body{
	background-color: #03131C;
}

header{
	width: 100%;
	position: absolute;
	z-index: 100;
}
.header{
	height: 180px;
}
.nav-content{
	display: flex; /* Imprescindible */
	flex-flow: row wrap;
    justify-content: flex-end; /* X */

}
.nav{
	
	font-size: 1.3em;
	width: 250px;
	height: 60px;
	padding: 20px;
	background-color: #DDDBDB;
	
}

.nav p{
	width: 100%;
	text-align: center;
}
.nav-content .p{
	color: #fff;
	width: 100%;
	text-align: right;
}

@media (max-width: 1271px) {
	.nav{
		font-size: 0.9em;
	}
}

.fa-bars{
	padding-left: 30px;
}
.urls{
	display: none;
	position: absolute;
	top: 90px;
	width: 250px;
	background-color: #dddbdbf2;
	padding-top: 15px;
}
.urls ul{
	list-style:none;
}
.urls ul li{
	padding-bottom: 20px;
	width: 100%;
}
.urls ul li a{
	width: 100%;
	display: block;
	color: #16212C;
}

.urls ul li a:hover{
	font-weight: 700;
	color: #16212C;
	text-decoration: none;
}

.urls ul li a.active{
	font-weight: 700;
	color: #16212C;
	text-decoration: none;
}
.conten-web{
	 padding: 210px 0px 0px 0px;
}

/* carrucel */
.carrucel .item{
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
}

.carrucel .item .des{
	height: auto;
    background-size: auto 100%;
    background-repeat: no-repeat;
    padding: 210px 50px 50px 50px;
}

@media (min-width: 768px) {
	.carrucel .item{

		height: 100vh;

	}

	.carrucel .item .des{
		height: 100vh;
	}
}

.carrucel .item .des .item-txt::before{
	display: block;
	width: 100%;
	content: url('../img/arriba.svg');
}

.carrucel .item .des .item-txt::after{
	display: block;
	width: 100%;
	content: url('../img/abajo.svg');
}

.carrucel .item .des h2{
	color: #fff;
	font-weight: 200;
	font-size: 3.2em;
}

.carrucel .item .des p{
	color: #fff;
	font-weight: 200;
}

@media (max-width: 1271px) {
	.carrucel .item .des h2{
		color: #fff;
		font-weight: 200;
		font-size: 2em;
	}
}

/* demo */
.bar {
    height: 15px;
    background-color: #dddbdb6b;
    width: 0%;
    margin: -5px 0px 0px 0px;
    border: none;
    z-index: 11;
}
.animate{
    -webkit-transition: width 4.25s linear;
	-moz-transition: width 4.25s linear;
	-o-transition: width 4.25s linear;
	transition: width 4.25s linear;
}

.footer{
	width: 100%;
	position: absolute;
	bottom: 10px;
	color: #fff;
	text-align: center;
}

.footer .min{
	margin: 0px;
	color: #fff;
	text-align: left;
	width: 100%;
}

.footer .min a{
	color: #fff;
	text-align: left;
	padding-left: 15px;
}
.footer h4{
	margin-bottom: 0px;
	font-weight: 300;
	font-size: 1.3em;
}

.footer p{
	font-weight: 300;
	font-size: .8em;
}
 input{
	color: white;
    border-color: #ffff;
    width: 350px;
    padding-left: 10px;
    /* border: 100px; */
    border: white solid 1px;
    /* width: 250px; */
    /* display: block; */
    /* text-align: center; */
    background-color: #f5f5f591;
    border-radius: 29px 29px 29px 29px;
    -moz-border-radius: 29px 29px 29px 29px;
    -webkit-border-radius: 29px 29px 29px 29px;
    height: 29px;
}

textarea{
	color: white;
    border-color: #ffff;
    width: 98%;
    padding-left: 10px;
    /* border: 100px; */
    border: white solid 1px;
    /* width: 250px; */
    /* display: block; */
    /* text-align: center; */
    background-color: #f5f5f591;
    border-radius: 29px 29px 29px 29px;
    -moz-border-radius: 29px 29px 29px 29px;
    -webkit-border-radius: 15px 15px 15px 15px;
    height: 120px;
}

.footer button{
	color: #f8f9fa;
    background-color: transparent;
    background-image: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  font-weight: 200;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  font-weight: 200;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  font-weight: 200;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
  font-weight: 200;
}

@media (max-width: 1271px) {
	.footer{
		position: absolute;
		bottom: 10px;
		right: 6px;
		text-align: right
	}
}

@media (max-width: 768px) {
	.footer{
		position:static;
		padding: 30px 10px;
		text-align: center;
	}
}

.hoteleria h2{
	word-wrap: break-word;
	color: #fff;
	font-size: 3em;
	font-weight: 200;
}
.hoteleria ul{
	list-style: none;
	padding-inline-start: 0px;
}

.hoteleria ul li{
	padding: 15px;
}

.hoteleria ul li.active{
	background-color: #f5f5f51f;
}

.hoteleria .img-logo{
	width: 80%;
}

.hoteleria h2::after{
	    display: block;
    /* display: flex; */
    position: relative;
    top: -40px;
    width: 95%;
    content: url(../img/abajo.svg);
    height: 10px;
}
.hoteleria .txt-hoteleria h3,.hoteleria .txt-hoteleria p{
	color: #fff;
}

.foto .active{
	display: block;
}
.txt-hoteleria .active{
	display: block;
}

.c,.b{
	display: none;
}

.txt-hoteleria .c p{
	font-weight: 200;
}

.color-w{
	color: #fff;
	font-weight: 200;
	
}

.color-w hr{
	border-color: #fff;
	width: 75%;
}


.color-w p{
	
}

.color-w h5{
	word-wrap: break-word;
	margin-top: 10px;
}

.color-w .cuadro{
	margin: auto;
	max-width: 342px;
	border: #fff solid 1px;
	text-align: center;
	
	padding: 20px 35px;
}

.color-w .cuadro p{
	text-align: center;
	font-size: .8em;
}

.color-w .cuadro h6{
	text-align: center;
	font-size: 1em;
}

.form h3{
	color: #fff;
	font-weight: 200;
}

.form form{
	text-align: center;

}

.form input{
	width: 98%;
}

.form button{
	text-align: right;
}
.lateral p{
	color: #fff;
	font-size: 1em;
	font-weight: 200;
}

.carousel-indicators{

	margin-top: 20px;

	position: static!important;
	padding-left: 0px!important;
    margin-right: 0px!important;
    margin-left: 0px!important;
}

.carousel-indicators li{
	height: auto;
	background-color:#fff0!important;
}

.carousel-indicators li img{
	display: block;
	width: 250%;
}

.carousel-indicators .active{
	z-index: 1000;
	background-color:#fff0!important;
}

.carousel-indicators .active img{
	border:3px  #fff solid;
	z-index: 1000;
	width: 300%!important;
}

.carousel-indicators .active {
    /* background-color: #fff; */
}

.carousel-control-prev, .carousel-control-next {
    margin-top: 20%;
    position: absolute;
    top: 10;
    bottom: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}