
body{
	font-family: "Titillium Web", sans-serif;
	padding-bottom: 0rem;
}

h1{
	font-size: 2rem;
}

h2{
}



.bg-vision {
    background-color: #5692a6 !important;
}

.navbar-brand img{
	width: 90px;
}

.carousel-item img{
	object-fit: cover;

}

.border{
	border: solid #666 1px;
}

.btn-float{
	position: fixed;
	bottom: 80px;
	right: 0px;
	transition: all 300ms ease 0ms;
	z-index: 99;
	width: 100px;
	opacity: .7;
}

.btn-float div:hover{
	transform: scale(1.1);
	transition: all 300ms ease 0ms;
}
.btn-float:hover{
	opacity: 1 !important;
}
	

#ficha{

}


#portada{
	margin-top: 60px;
	background-image: url(../images/bkg1b.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    min-height: 90vh;
}

#portada h2{
	font-size: 3.5rem;
	color: #fff;
}

#portada h2 span{
	font-size: 4rem;
	color: #fff;
	text-shadow: 0px 4px 4px #282828;
	-webkit-text-stroke: 2px #F8F8F8;

}

#portada img{

}

#portada li {
	font-size: 1.4rem;
	color: #fff;
	list-style: none;
	padding-left: 30px;
}

#portada i{
	font-size: 1.3rem;
	margin-left: -25px;

}








		@media only screen and (max-width: 600px) {
			#portada{
				color: #fff;
			}
		 	#portada h2 {
				font-size: 2rem;
				text-align: center;
			}
		 	#portada h2 span{
				font-size: 3rem;
				text-align: center;
			}
			#portada h3 {
				font-size: 1.4rem;
				text-align: center;
			}
			#portada li {
				font-size: 1rem;
				color: #fff;
				list-style: none;
				line-height: 20px;
			}

		} 




#accesorios {
	background-image: url(../images/bkg3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left;
/*	background: rgb(178,202,207);*/
/*	background: linear-gradient(180deg, rgba(178,202,207,1) 0%, rgba(202,220,224,1) 100%);*/

}

#accesorios h2{
	font-size: 3rem;
	color: #516b78;
	text-align: center;
}

#accesorios div div div{
	padding-right: 20px;
}

#accesorios .borde{
	border-radius: 15px;
	background-color: #cadce0;
	
	padding-top: 10px;
	min-height: 130px;

}

#accesorios p{
	font-size: 1.3rem;
	color: #516b78;
	text-align: center;
}


		@media only screen and (max-width: 600px) {
		 	#accesorios h2 {
				font-size: 2rem;
				text-align: center;
			}
			#accesorios div div div{
				padding-right: 0px;
			}
			#accesorios p{
				font-size: 1.4rem;
			}
			#accesorios .borde{
				padding-top: 10px;
				min-height: 0px;

			}

		} 






#paquetes{
	background-color: #f1f1f1;
}

#paquetes h2{
	font-size: 3rem;
	color: #516b78;
	text-align: center;
}

#paquetes li{
	font-size: 1.5rem;
}

		@media only screen and (max-width: 600px) {
		 	#paquetes li {
				font-size: 1.3rem;
			}

		} 


#highligths{
	background-color: #5f7781;
}



#highligths h3{
	font-size: 2.4rem;
	color: #fff;
}

#highligths p{
	font-size: 1.4rem;
	color: #fff;
}



#highligths2{
	background-color: #315e6d;
}

#highligths2 h3{
	font-size: 2.4rem;
	color: #b6d8dd;
}

#highligths2 li{
	font-size: 1rem;
	color: #fff;
}

#highligths2 p{
	font-size: 1.4rem;
	color: #fff;
}



#caracteristicas{
	background-color: #333;
/*	background-image: url(../images/bkg-icono.jpg);*/
}

#caracteristicas h2{
	font-size: 3rem;
	color: #fff;
	text-align: center;

}

#caracteristicas h3{
	font-size: 2rem;
	color: #667f8b;
}

#caracteristicas p{
	font-size: 1rem;
	color: #fff;
}

#caracteristicas img{
	background-image: url(../images/bkg-icono.jpg);
	background-image: u;
	width: 180px;
	border: 1px solid #fff;
	border-radius: 90px;
}

		@media only screen and (max-width: 600px) {
		 	#caracteristicas h3 {
		 		text-align: center;
		 		padding-top: 10px;

			}
		 	#caracteristicas p {
		 		text-align: center;

			}
		 	#caracteristicas div div div div div img{
		 		width: 180px;
		 		margin: 0 auto;

			}


		} 

footer{
/*	background-color: #31428b;*/
	background-color: #111;
}

.imgFooter{
	width: 180px;
	margin: 0 auto;
}


footer p{
	text-align: center;
	font-size: 1rem;
	color: #fff;
}



footer a{
	text-decoration: none;
	font-size: 1rem;
	color: #fff;
	text-align: center;
}

footer a:hover{
	font-size: 1rem;
	color: yellow;
}








