html{
	background-color: white;
}
input{
	opacity: unset !important;
}
@font-face {
   font-family: caviar;
   font-style: normal;
   font-weight: normal;
   src: url(../font/CaviarDreams.ttf);
}
@font-face {
   font-family: caviarbold;
   font-style: normal;
   font-weight: normal;
   src: url(../font/CaviarDreams_Bold.ttf);
}
body{
	width: 100%;
	font-family: caviar !important;
	letter-spacing: 0.1em;
	margin: 0px !important;
}

header{
	width: 100%;
	height: 20%;
	display: flex !important;
	flex-direction: row;
	justify-content: space-between;
	background-image: url(../images/fondomenu.png);
	background-repeat: no-repeat;
	background-size: 40% 100%;
	padding: 2vh 5vw;
	
}

.ng-image-gallery-thumbnails.ng-scope{
	margin: 5px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.logoprin{
	height: 100%;
}
nav{
	background-color: #005B7A !important;
	text-transform: uppercase !important;
}
a:hover, a:focus {
    color: white !important;
    text-decoration:  none;
}
 .contenedor{
 	width: 100%;
 	height: 45vh;
 	background-color: white;
 }
 .imagen_home{
 	height: 100%;
 	width: 100%;
 }
 .texto{
 	color: #005B7A;
 	padding-left: 3vw;
 	height: auto;
 	padding-bottom: 2em;

 }

@media only screen and (min-width: 7px){

 nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    height: auto !important;
    line-height: 63px;
}
}

 h3{
 	font-family: caviarbold !important;
 	font-weight: 900 !important;
 }
 h4{
 	font-weight: 800 !important;
 	line-height: 100% !important;
 	font-size: 1.3em !important;
	margin: 0.3em !important; 
 }
h2{
	color: rgba(0,91,122,0.3);
	font-family: caviarbold;
	text-transform: uppercase;
	text-align: center;
	font-size: 2.9em !important;
}
.padrer{
	width: 100%;
	padding: 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.hijor{
	padding-top: 2vh;
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.imgrpp{
	width: 30%;
}
.titrp{
	font-family: caviarbold;
	font-size: 1.7em;
	text-align: center;
	padding: 1em 0;
}
p{
	text-align: center;
}

.line{
	height: 2px;
	background-color: #005B7A;
	margin: 5vh 15vw 2vh 15vw;
}
.registro{
	padding:15px;
	position: relative;
}
.registro_tit{
	color: #005B7A;
	font-family: caviarbold;
	font-weight: 900;
	text-align: center;
	font-size: 1.5em;
	padding-bottom: 15px;
}
.registro_form{
	background-color:rgba(0,91,122,0.5);
	width: 70vw;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:2em 10em;
	text-align: center;

}
.input_text{
	border:1px solid white !important;
	padding-left: 20px !important;
	color: white;
	display: inline-block;
	width: 45% !important;
}
p.form{
	color: white;
	margin:0;
	margin-bottom: 1em;
}
p.form.tit{
	font-family: caviarbold;
	margin-bottom: 0.1em;
}
.btn_form{
	display: block;
	padding: 0.5em 5em;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	background-color: #005B7A;
	border: 1px solid #005B7A;
	color: white;
}
.dia{
	background-color: rgba(0,91,122,0.3);
	margin: 1em 3em;
	padding: 1em;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.fecha{
	width: 20%;
	border-right: 2px solid #005B7A;
}
.descripcion{
	width: 80%;
}
.desc_dia{
	font-family: caviarbold;
	display: block;
	font-size: 2em;
	text-align: center;
}
.num_dia{
	font-family: caviarbold;
	display: block;
	font-size: 8em;
	line-height: 0.9;
	text-align: center;
}
.mes_dia{
	font-family: caviarbold;
	display: block;
	font-size: 1.7em;	
	text-align: center;
}
.timev{
	padding:0 1em !important;
    font-size: 1.5em !important;
}
.sep{
	border-right: 0px solid #005B7A;
	border-left: 1px solid #005B7A;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 2em !important;
}
.sep1{
	font-weight: bold;
}
.tabla{
	margin: 0px;
}
td,th{
	padding: 0.3em 5px !important;
}
td{
	vertical-align: top;
    font-size: 1.1em;
    padding-bottom: 1.2em !important;
}
tr{
	margin-bottom: 1em;
}
.ult{
	order: 2;
	border-right: 0px;
	border-left: 2px solid #005b7a;
}
.actividades{
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;

}
.actividad{
	padding: 20px;
}
.img_actividad{
	height: 250px;
}
.textodesc{
	position: relative;
	bottom: 125px;
	color: white;
	text-align: center;
	font-family: caviarbold;
	
}
.hoteles{
	width: 100%;
	position: relative;
	display: flex;	
	flex-direction: row;
	flex-wrap: wrap;
	padding: 2em;
}
.hotel{
	width: 30vw;
	padding: 1em;
}
.img_hotel{
	width: 100%;
}
.deschotel{
	position: relative;
	bottom: 150px;
	color: white;
	text-align: center;
	font-family: caviarbold;
}
.dropdown-content li>a, .dropdown-content li>span{
	color: #005B7A !important;
}
.dropdown-content {
	top: 63px !important;	
}

.puertovaras{
	display: flex;
	padding: 15px;
	flex-wrap: nowrap;
}
h2.about{
	font-size: 1.7em !important;
}
.descvaras>p{
	padding: 30px 50px;
	text-align: justify !important;

}
.img_ptovaras{
	padding: 25px;
}
.turismo{
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}
.cinc{
	margin-left: 50px;
}
.turis{
	margin: 2em;
}
.desctu{
	padding: 25px;
	width: 60vw;
}

.desctu>p{
	padding-top: 2em;
	text-align: justify !important;
}
h5.tourish5{
	color: #005b7a;
	font-family: caviarbold;
	font-size: 1.5em;
}
.btn_tour{
	border: 1px solid #005b7a;
	background-color: #005b7a;
	padding: 0.2em 2em;
	color: white;
}
.texto2{
	border-top: 1px solid #005b7a !important;
	padding: 2em 0em;
	padding-right: 40%;
	margin-left: 3em;
	margin-right: 3em;
	color: #005b7a;
}
p.introtext{
	font-size: 1.1em;	
	text-align: justify;
	font-weight: 600;

}
.neg{
	font-weight: 800 !important;
}
hr{
	margin: 0;
	padding:0;
	border:none;
}
.footi{
	min-height: 80px;
	background: #005b7a;
	color: white;
	display:flex;
	justify-content: center;
	text-align: center;
}
.fotitext{
	padding:2em 4em;
	text-align: center;
}
.divi{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
}
.boton{
	margin-right: 20%;
	padding-bottom: 2em;
}
.btn-hot{
	background-color: #005b7a;
	border: 1px solid #005b7a;
	color: white;
	padding:0.5em 2em;
	margin-left: 50px;
}
.about.ho{
	text-align: left;
	padding-left: 50px;
}
.service{
	padding: 5em 6em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.img_ser{
	padding: 2em 0em;
	margin-left: 0em;
}
.asf{
	width: 10em;
	text-align: left;
	padding: 0;

}

.nuevafoto{
	width: 100%;
	height: 400px;
}
.fotost{
	padding: 3em;
	display: 	flex;
	flex-wrap: 	wrap;
	justify-content: center;
	align-items: 	flex-start;

}
.foto{
	padding: 2em 1em;
	width: 	auto;	

}
.sina{
padding-top: 0px !important;
}
.sinb{
	padding-bottom: 0px !important;
}
.chico{
	font-size: 0.4em;
}
.FCT{
	padding: 2em;
	width: 45%;
	display: block;
	margin-right: auto;
	margin-left: auto;

}
.itc{
	border:1px solid #005b7a !important;
	padding: 0em 0em !important;
	width: 40em !important;
}
.itca{
	border:1px solid #005b7a !important;
	padding: 0.2em 0em !important;
	width: 43em !important;
	height: 8em;
}
.btn-send{
	margin-top: 20px;
	border:1px solid #005b7a !important;
	background: #005b7a;
	color: white;
	padding: 0.5em 2em;
	
}
*::-webkit-input-placeholder { /* Safari y Chrome */
   color: #005b7a !important;
   font-weight: 800;
}

*:-moz-placeholder { /* Firefox hasta v18 */
   color: #005b7a !important;
   font-weight: 800;  
}

*::-moz-placeholder {  /* Firefox 19+ */
   color: #005b7a !important; 
   font-weight: 800; 
}

*:-ms-input-placeholder {  /* IE 10+´*/
   color: #005b7a !important;
   font-weight: 800;  
}
*::placeholder {
	color: #005b7a !important;
	font-weight: 800; 
}
.md-dialog-container{
	top:0px !important;
	align-items: flex-start;
	margin-top: 1em;

}
.negb{
	font-size: 1.2em !important;
	font-weight: 800 !important;
}
.abs{
	color: #005b7a !important;
	padding: 2em 0vw ;
}
.abst{
	font-weight: 900;
	padding: 1em 0;
}
.absp{
	text-align: justify;
	padding: 0 20vw;
}
.spd{
	padding: 0 23vw;
}

.padre{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-around;
	align-items:  center;
}

.hijo{
	padding: 15px;
    width: 300px;
    height: 300px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
	background: rgba(0,91,122,0.3);
	display: flex;
	justify-content: center;
    flex-direction: column;
    text-align: center;
}
.opcionesay{
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.grupoay{
	font-size: .8rem;
    color: #9e9e9e;
    display: flex;
    flex-wrap: wrap;
    width: unset;
    margin-right: 1em;
}
.grupoay>input{
	margin-right: 0.5em;
	position: relative !important;
}
.nosep{
	justify-content: left;
}
@media (max-width: 800px){
	.fotitext{
		padding: 1em 1em;
	}
	
	.imagen_home{
		height: auto;
	}
	body{
		letter-spacing: 0em;
	}
	.texto2{
		padding: 0%;
		margin: 0 2em;
	}
	nav,nav .nav-wrapper i{
		line-height: 32px !important;
	}
	.boton{
		padding-left: 2em;
	}
	#modal1{
		width: 100vw !important;
		margin: 0 !important;
		height: fit-content !important;
	}
	#modal1>img{
		border: 0;
		width: 100%;
		height: auto;

	}
	.padrer{
		flex-wrap: wrap;
	}
	.hijor{
		width: 100%;
	}
	.registro_form{
		width: 100%;
		padding: 2em 1em;
	}
	.registro_form>.input_text{
		width: 90% !important;
	}
	.opcionesay{
		flex-wrap: wrap;
	}

	/*Prograa*/
	.dia{
		margin: 1em 0em;
		flex-wrap: wrap;
	}
	.fecha{
		width: 100%;
		border-right: 0px solid #005B7A;
		border-left: 0px;
		order: 0 !important;
	}
	.descripcion{
		width: 100%;
	}
	.tabla{
		margin: 0;
	}
	/*hoteles*/
	.puertovaras{
		flex-wrap: wrap;
		padding: 0;
	}
	.img_ptovaras{
		width: 100%;
		padding: 0;
	}
	.hotles{
		padding: 0.5em;
	}
	.hotel{
		padding: 0;
		width: 85%;
	}
	/*turismo*/
	.descvaras>h2{
		padding: 0 0.1em;
	}
	/*abs*/
	.absp{
		padding: 0 10vw;
	}
	.spd{
		padding: 0 15vw;
	}
}

h6{
	font-size: 1.2em !important
}

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

.sponsor{
	width: 30%;
	padding: 3em
}

.toltip {
    position: relative;
    display: inline-block;
}

.toltip .toltiptext {
    visibility: hidden;
    width: 80%;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.toltip:hover .toltiptext {
	visibility: visible;
	text-align: start;
    padding: 10px;
}
nav ul a {
	font-size: 0.8rem;
}

.fotosocial{
	display: flex;
    width: 100%;
    justify-content: space-between;
    padding-left: 1em;
	
}

.izqu {
    padding-left: 8em;
    padding-right: 1em;
}

p.imagen_home.popnefi {
    background-color: skyblue;
	width: 455px;
}