/* ---------------------------- CONTENEDOR GENERAL*/
#hos-cont-gral{
	position: relative;
	width: 100%;
	height: auto;
	/*background: #DDDDDD;*/
	/*padding-bottom: 200px;*/
}

.hos-btn-up{
	z-index: 20;
	position: fixed;
	right: 30px;
	bottom: 30px;
	width: 60px;
	display: none;
	cursor: pointer;
}

/* ---------------------------- CONTENEDOR MENU*/

.estilo-opcionA{
	background: white;
	box-shadow: 0px 2px 8px -2px rgba(0,0,0,0.35);
}

.estilo-opcionAColor{
	color: #00a0df;
}

.estilo-opcionB{
	background: #e50693;
	background: -moz-linear-gradient(left, #e50693 0%, #00a0df 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #e50693), color-stop(100%, #00a0df));
	background: -webkit-linear-gradient(left, #e50693 0%, #00a0df 100%);
	background: -o-linear-gradient(left, #e50693 0%, #00a0df 100%);
	background: -ms-linear-gradient(left, #e50693 0%, #00a0df 100%);
	background: linear-gradient(to right, #e50693 0%, #00a0df 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e50693', endColorstr='#00a0df', GradientType=1 );
}

.estilo-opcionBColor{
	color: #FFFFFF;
}

#hos-menu{
	position: fixed;
	width: 100%;
	height: 80px;
	margin-top: 40px;
	z-index: 50;
}

#hos-cont-logo{
	height: 80px;
	margin-top: 0px;
	margin-left: 12%;
	float: left;
}

#hos-cont-logo img{
	height: 100%;
	width: auto;
	cursor: pointer;
}

#hos-cont-href{
	position: absolute;
	float: left;
	width: 625px;
	height: 45px;
	top: 15px;
	right: 12%;
}

.hos-opciones-menu{
	width: auto;
	height: auto;
	padding: 5px;
	float: left;
	margin-right: 25px;
	cursor: pointer;
	font-size: 18px;
	margin-top: 6px;
}

.hos-opciones-menu h3{
	color: white;
	transition: all .2s;
}

.hos-opciones-menu h3:hover{
	color: #e50695;
	transition: all .2s;
}

.hos-opciones-menu:last-child{
	margin-right: 0;
}


/* ---------------------------- CONTENEDOR MENU OPCIONAL*/

#hos-menu-opcional{
	position: fixed;
	width: 100%;
	height: 80px;
	margin-top: 0px;
	z-index: 50;
	display: none;
	opacity: .9;
}

#hos-cont-logo-opcional{
	height: 75px;
	margin-top: 2px;
	margin-left: 12%;
	float: left;
}

#hos-cont-logo-opcional img{
	height: 74%;
	width: auto;
	margin-top: 13%;
	cursor: pointer;
}

#hos-cont-href-opcional{
	position: absolute;
	float: left;
	width: 630px;
	height: 45px;
	top: 18px;
	right: 12%;
}

.hos-opciones-menu-opcional{
	width: auto;
	height: auto;
	padding: 5px;
	float: left;
	margin-right: 25px;
	cursor: pointer;
	font-size: 18px;
	margin-top: 6px;
}

.hos-opciones-menu-opcional:last-child{
	margin-right: 0;
}

.hos-opciones-menu-opcional h3{
	color: #323e48;
	transition: all .2s;
}

.hos-opciones-menu-opcional h3:hover{
	color: #00a0df;
	transition: all .2s;
}


/*--------------------------------- CONTENEDOR BANNER*/

.hos-cont-slider{
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
}

.hos-cont-imagenes{
	width: 400%;
	height: auto;
	display: flex;
}

.hos-cont-imagenes li{
	width: 100%;
}

.hos-cont-imagenes img{
	width: 100%;
	height: auto;
}

.hos-slider-mensaje{
	position: absolute;
	width: 450px;
	height: auto;;
	padding: 10px;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 32%;
	z-index: 5;
}

.hos-slider-mensaje h1{
	font-size: 54px;
	color: white;
	text-align: center;
	font-family: OpenSans-Regular;
}

.rew-cont-botonesBanner{
	width: 350px;
	height: 100px;
	margin: 0 auto;
	margin-top: 30px;
	display: block;
}

.rew-btn{
	width: 140px;
	height: auto;
	border-radius: 20px;
	text-align: center;
	padding: 5px 0;
	float: left;
	font-size: 18px;
	border: 2px solid white;
	color: white;
	cursor: pointer;
	font-family: OpenSans-Regular;
	transition: all .2s;
}

.rew-btn:hover{
	background: #e50695;
	border: 2px solid #e50695;
	letter-spacing: 2px;
	transition: all .2s;
}

.rew-btn a:link{
    color: white;
}
.rew-btn a:hover{
    color: white;
    font-weight:bold;
}
.rew-btn a:visited{
    color: white;
}

.rew-btn-iniciarSesion{
	margin-left: 52px;
	width: 150px;
}

.hos-cont-miniaturas{
	position: absolute;
	width: 70px;
	height: 50px;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 30px;
}

.hos-cont-miniaturas ul{
	width: 70px;
	height: 24px;
	margin-top: 13px;
}

.hos-cont-miniaturas ul li{
	width: 7px;
	height: 7px;
	border: 2px solid #F4F4F4;
	border-radius: 50%;
	float: left;
	margin-right: 6px;
}

.liSliderSeleccionado{
	background: #F4F4F4;
}


/*--------------------------------------- CONTENEDOR NOSOTROS*/

#hos-cont-nosotros{
	position: relative;
	width: 80%;
	height: auto;
	background: #FFFFFF;
	overflow: hidden;
	float: left;
	padding: 0 10%;
	padding-bottom: 50px;
}

#hos-cont-empezamos{
	width: 100%;
	height: auto;
	/*background: #949494;*/
	margin-top: 5%;
	float: left;
}

#hos-cont-empezamos img{
	width: 5%;
	height: auto;
}

#hos-texto-nosotros{
	width: 50%;
	min-width: 480px;
	height: auto;
	/*background: #FFD8D9;*/
	margin-left: 5%;
	margin-top: 20px;
}

#hos-texto-nosotros h2{
	font-size: 56px;
	color: #00A0DF;
	letter-spacing: 1px;
}

#hos-texto-nosotros p{
	color: #323e48;
	font-size: 14px;
	margin-top: 15px;
	text-align: justify;
}

#hos-cont-valores{
	position: relative;
	width: 95%;
	height: auto;
	margin-left: 5%;
	margin-top: 100px;
	padding-bottom: 0px;
	float: left;
}

.hos-div-valores{
	width: 120px;
	height: 185px;
	float: left;
	margin-right: 6%;
	text-align: center;
	margin-bottom: 15px;
}

.hos-div-valores img{
	width: auto !important;
	height: 53px !important;
	margin: 0 auto;
}

.hos-div-valores h3{
	font-size: 22px;
	color: #323e48;
	margin-top: 8px;
}

.hos-div-valores p{
	margin-top: 8px;
	font-size: 14px;
	color: #323e48;
}

#hos-div-integridad{
	width: 105px;
}

#hos-div-empatia{
	width: 160px;
}

#hos-div-liderazgo{
	width: 110px;
}

#hos-div-persistencia{
	width: 130px;
}

#hos-div-pasion{
	width: 145px;
	margin-right: 0;
}


/*--------------------------------- CONTENEDOR SLIDER*/

.hos-cont-slider2{
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
}

.hos-cont-imagenes2{
	width: 300%;
	height: auto;
	display: flex;
}

.hos-cont-imagenes2 li{
	width: 100%;
}

.hos-cont-imagenes2 img{
	width: 100%;
	height: auto;
}

.hos-slider-arrows2{
	position: absolute;
	width: 50px;
	height: auto;
	cursor: pointer;
}

#hos-arrow-left2{
	top: 45%;
	left: 5%;
}

#hos-arrow-right2{
	top: 45%;
	right: 5%;
}

.hos-slider-mensaje2{
	position: absolute;
	width: 450px;
	height: auto;;
	padding: 10px;
	left: 15%;
	top: 35%;
	z-index: 5;
}

.hos-slider-mensaje2 h2{
	font-size: 42px;
	color: white;
}

.hos-slider-mensaje2 p{
	font-size: 24px;
	color: white;
	margin-top: 40px;
}

.hos-cont-miniaturas2{
	position: absolute;
	width: 55px;
	height: 50px;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: 30px;
}

.hos-cont-miniaturas2 ul{
	width: 55px;
	height: 24px;
	margin-top: 13px;
}

.hos-cont-miniaturas2 ul li{
	width: 7px;
	height: 7px;
	border: 2px solid #F4F4F4;
	border-radius: 50%;
	float: left;
	margin-right: 6px;
}

.liSliderSeleccionado2{
	background: #F4F4F4;
}


/*-------------------------------------- CONTENEDOR PORQUE H*/

#hos-cont-porqueH{
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	padding-top: 100px;
}

#hos-cont-porqueH h2{
	font-size: 58px;
	text-align: center;
	color: #00a0df;
	letter-spacing: 1px;
}

#hos-cont-motivosH{
	position: relative;
	width: 700px;
	height: auto;
	margin: 0 auto;
	margin-top: 100px;
}

.hos-div-motivoH{
	width: 300px;
	height: 200px;
	float: left; 
	margin-right: 100px;
	margin-bottom: 100px;
}

.hos-div-motivoH:nth-child(even){
	margin-right: 0;
}

.hos-img-motivo{
	position: relative;
	width: 55px;
	height: 200px;
	float: left;
}

.hos-img-motivo img{
	position: absolute;
	height: 45px;
	width: auto;
	right: 0;
	margin-top: 5px;
}

.hos-textos-motivo{
	width: 200px;
	height: 200px;
	float: left;
	margin-left: 25px;
}

.hos-textos-motivo h3{
	font-size: 22px;
	color: #00a0df;
}

.hos-textos-motivo p{
	font-size: 14px;
	color: #222222;
	margin-top: 20px;
	text-align: justify;
}

/*--------------------------------------- CONTENEDOR REWARDS*/

#hos-cont-rewards{
	position: relative;
	width: 100%;
	height: auto;
	float: left;
}

#hos-cont-conjunto{
	position: absolute;
	width: 400px;
	height: 300px;
	bottom: 30%;
	left: 15%;
}

#hos-cont-conjunto p{
	font-size: 28px;
	color: white;
	margin-top: 40px;
}

.hos-boton{
	position: relative;
	width: 180px;
	height: 30px;
	margin-top: 40px;
	border-radius: 17.5px;
	text-align: center;
	cursor: pointer;
	color: white;
	font-size: 20px;
	padding-top: 5px;
	transition: letter-spacing .3s;
	font-family: OpenSans-Regular;
}

.hos-boton:hover{
	letter-spacing: 2px;
	transition: letter-spacing .3s;
}

.hos-boton img{
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
}

.hos-boton span{
	color: white;
	font-family: OpenSans-Regular;
}


/*------------------------------------------- CONTENEDOR FOOTER*/

#hos-cont-footer{
	width: 100%;
	height: 130px;
	background: #323e48;
	float: left;
}

#hos-cont-elementosF{
	width: 950px;
	height: 75px;
	margin: 0 auto;
	margin-top: 20px;
}

#hos-cont-elementosF li , #hos-cont-elementosF p{
	color: #FFFFFF;
}

#hos-cont-elementosF p{
	text-align: center;
	float: left;
}

.img-footer-logo{
	width: 90px;
	margin-top: 0px;
	float: left;
	cursor: pointer;
}


.foo-cont-telefonos{
	width: 127px;
	float: left;
	margin-left: 283px;
	margin-top: 10px;
	text-align: center;
}


.foo-cont-direccion{
	width: 190px;
	float: left;
	margin-top: 0px;
	margin-left: 260px;
}

#foo-cont-img{
	position: relative;
	width: 22px;
	height: 32px;
	float: left;
}

.img-footer-mundo{
	position: absolute;
}

#foo-cont-contacto p{
	margin-top: 45px;
}

#foo-div-ubicacion{
	width: 158px;
	float: left;
	height: 30px;
	margin-top: 0px;
	margin-left: 32px;
}

#foo-div-ubicacion img{
	float: left;
	width: 22px;
}

#foo-div-ubicacion p{
	float: left;
	margin-top: 6px;
	margin-left: 8px;
}



@media (max-width:1230px){
	
	/*--------------------------------------- CONTENEDOR NOSOTROS*/

	#hos-cont-nosotros{
		position: relative;
		width: 80%;
		height: auto;
		background: #FFFFFF;
		overflow: hidden;
		float: left;
		padding: 0 10%;
		padding-bottom: 50px;
	}

	#hos-cont-empezamos{
		width: 100%;
		height: auto;
		margin-top: 5%;
		float: left;
	}

	#hos-cont-empezamos img{
		width: 5%;
		height: auto;
	}

	#hos-texto-nosotros{
		width: 60%;
		min-width: 480px;
		height: auto;
		margin-left: 5%;
		margin-top: 20px;
	}

	#hos-texto-nosotros h2{
		font-size: 56px;
		color: #00A0DF;
		letter-spacing: 6px;
	}

	#hos-texto-nosotros p{
		color: #323e48;
		font-size: 14px;
		margin-top: 15px;
		text-align: justify;
	}

	#hos-cont-valores{
		position: relative;
		width: 95%;
		height: auto;
		margin-left: 5%;
		margin-top: 100px;
		padding-bottom: 0px;
		float: left;
	}

	.hos-div-valores{
		width: 120px;
		height: 145px;
		float: left;
		margin-right: 15%;
		text-align: center;
		margin-bottom: 60px;
	}
	
	.hos-div-valores:nth-child(4) , .hos-div-valores:nth-child(5){
		margin-bottom: 25px;
	}

	.hos-div-valores img{
		width: auto !important;
		height: 53px !important;
		margin: 0 auto;
	}

	.hos-div-valores h3{
		font-size: 22px;
		color: #323e48;
		margin-top: 8px;
	}

	.hos-div-valores p{
		margin-top: 8px;
		font-size: 14px;
		color: #323e48;
	}

	#hos-div-integridad{
		width: 100px;
	}

	#hos-div-empatia{
		width: 160px;
	}

	#hos-div-liderazgo{
		width: 110px;
	}

	#hos-div-persistencia{
		width: 130px;
		margin-left: 105px;
	}

	#hos-div-pasion{
		width: 145px;
		margin-right: 0;
	}
	
}






@media (max-width:1010px){
	
	
	#hos-cont-logo{
		margin-left: 4%;
	}
	
	#hos-cont-href{
		width: 580px;
		right: 4%;
	}
	
	.hos-opciones-menu{
		padding: 5px;
		margin-right: 14px;
		font-size: 18px;
		margin-top: 8px;
	}
	
	.hos-opciones-menu:last-child{
		margin-right: 0;
	}
	
	.hos-opciones-menu-opcional:last-child{
		margin-right: 0;
	}
	
	.hos-slider-mensaje2{
		top: 22%;
	}
	
	#hos-cont-conjunto{
		bottom: 20%;
	}
	
	#hos-cont-elementosF{
		width: 700px;
	}
	
	#foo-cont-opciones{
		margin-left: 45px;
	}
	
	#foo-cont-contacto{
		margin-left: none;
	}
	
	#hos-div-liderazgo{
		margin-right: 8%
	}
	
	/* ---------------------------- CONTENEDOR MENU OPCIONAL*/

	#hos-cont-logo-opcional{
		margin-left: 5%;
	}

	#hos-cont-href-opcional{
		right: 4%;
	}
	
	.foo-cont-telefonos{
		width: 150px;
		float: left;
		margin-left: 150px;
	}

	.foo-cont-direccion{
		width: 200px;
		float: left;
		margin-left: 110px;
	}
	
}


/*------------------------------------------------------------------------------------- QUERY CELULAR*/


@media (max-width:805px){
	
	#hos-menu{
		display: none;
	}
	
	#img-logo-b{
		display: none;
	}
	
	/* ---------------------------- CONTENEDOR MENU OPCIONAL*/

	#hos-menu-opcional{
		height: 80px;
		z-index: 50;
		display: block;
		opacity: 1;
		overflow: hidden;
		background: #e50693;
		background: -moz-linear-gradient(left, #e50693 0%, #00a0df 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, #e50693), color-stop(100%, #00a0df));
		background: -webkit-linear-gradient(left, #e50693 0%, #00a0df 100%);
		background: -o-linear-gradient(left, #e50693 0%, #00a0df 100%);
		background: -ms-linear-gradient(left, #e50693 0%, #00a0df 100%);
		background: linear-gradient(to right, #e50693 0%, #00a0df 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e50693', endColorstr='#00a0df', GradientType=1 );
	}

	#hos-cont-logo-opcional{
		width: 80px;
		height: auto;
		margin-top: 2px;
		margin-left: 5%;
		float: left;
	}

	#hos-cont-logo-opcional img{
		height: auto;
		width: 100%;
		margin-top: 13%;
		cursor: pointer;
	}

	#hos-cont-href-opcional{
		position: relative;
		float: left;
		width: 100%;
		height: 100%;
		top: 50px;
		right: 0%;
	}

	.hos-opciones-menu-opcional{
		width: 80%;
		height: 8%;
		padding: 5px;
		float: left;
		margin-right: 0px;
		margin-left: 10%;
		cursor: pointer;
		font-size: 24px;
		margin-top: 8%;
		border-bottom: 1px solid white;
		
	}
	
	.hos-opciones-menu-opcional:last-child{
		border-bottom: 0px;
	}

	.hos-opciones-menu-opcional h3{
		color: white;
		text-align: center;
	}
	
	#hostech_btnMenu{
		position: absolute;
		width: 28px;
		height: 28px;
		top: 28px;
		right: 7%;
		z-index: 57;
		cursor: pointer;
	}
	
	.etiqueta{
		margin:0 auto;
		left:0;
		right:0;
		top:0px;
		position:absolute; 
		width:34px;
		height:5px;
		background:#FFFFFF;
		-moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;
	}
	
	.etiqueta:before{
		content: "";
		top:12px;
		position:absolute;
		width:34px;
		height:5px;
		background:#FFFFFF;
		-moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;
	}
	.etiqueta:after{
		content: "";
		top:24px;
		position:absolute;
		width:34px;
		height:5px;
		background:#FFFFFF;
		-moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;
	}
	
	.cruz{
		top: 10px;
		left: -1px;
		background: #FFFFFF;
		position: absolute;
		width: 34px;
		height: 4px;
		transform: rotate(-50deg);
		ms-transform: rotate(-50deg);
		webkit-transform: rotate(-50deg);
		moz-transform: rotate(-50deg);
		o-transform: rotate(-50deg);
	}

	.cruz::before{
		content: "";
		position: absolute;
		background: #FFFFFF;
		width: 34px;
		height: 4px;
		transform: rotate(100deg);
		ms-transform: rotate(100deg);
		webkit-transform: rotate(100deg);
		moz-transform: rotate(100deg);
		o-transform: rotate(100deg);
	}
	
	
	/*--------------------------------- CONTENEDOR BANNER*/

	.hos-cont-slider{
		width: 100%;
		height: 400px;
		overflow: hidden;
	}

	.hos-cont-imagenes{
		height: 100%;
	}

	.hos-cont-imagenes li{
		height: 100%;
		overflow: hidden;
	}

	.hos-cont-imagenes img{
		width: 110%;
		height: auto;
	}

	.hos-slider-mensaje{
		width: 300px;
		top: 25%;
	}

	.hos-slider-mensaje h1{
		font-size: 36px;
	}

	.hos-cont-miniaturas{
		width: 60px;
		height: 40px;
		bottom: 10px;
	}

	.hos-cont-miniaturas ul{
		width: 60px;
		height: 24px;
		margin-top: 13px;
	}

	.hos-cont-miniaturas ul li{
		width: 5px;
		height: 5px;
	}
	
	.rew-cont-botonesBanner{
		width: 300px;
		height: 100px;
		margin: 0 auto;
		margin-top: 20px;
		display: block;
	}

	.rew-btn{
		width: 140px;
		float: none;
		font-size: 16px;
		margin: 0 auto;
		padding: 5px 0;
		margin-bottom: 25px;
		border-radius: 20px;
	}

	.rew-btn-iniciarSesion{
		margin-left: auto;
	}

	
/*--------------------------------------- CONTENEDOR NOSOTROS*/

	#hos-cont-nosotros{
		width: 80%;
		padding: 0 0%;
		margin-left: 10%;
		padding-bottom: 30px;
		margin-top: 30px;
	}

	#hos-cont-empezamos{
		width: 100%;
	}
	

	#hos-cont-empezamos img{
		width: 50px;
		height: auto;
	}

	#hos-texto-nosotros{
		width: 100%;
		min-width: 100%;
		height: auto;
		margin-left: 0%;
		margin-top: 20px;
	}

	#hos-texto-nosotros h2{
		font-size: 42px;
		letter-spacing: 2px;
		text-align: center;
	}

	#hos-texto-nosotros p{
		color: #323e48;
		font-size: 16px;
		margin-top: 25px;
	}

	#hos-cont-valores{
		width: 100%;
		height: auto;
		margin-left: 0%;
		margin-top: 70px;
		padding-bottom: 0px;
	}

	.hos-div-valores{
		width: 100%;
		height: auto;
		float: left;
		margin-right: 0px;
		text-align: center;
		margin-bottom: 50px;
	}
	
	.hos-div-valores:nth-child(4){
		margin-bottom: 50px;
	}
	
	.hos-div-valores:nth-child(5){
		margin-bottom: 35px;
	}

	.hos-div-valores img{
		width: auto !important;
		height: 53px !important;
		margin: 0 auto;
	}

	.hos-div-valores h3{
		font-size: 22px;
		color: #323e48;
		margin-top: 10px;
	}

	.hos-div-valores p{
		margin-top: 10px;
		font-size: 16px;
		color: #323e48;
	}

	#hos-div-integridad{
		width: 100%;
	}

	#hos-div-empatia{
		width: 100%;
	}

	#hos-div-liderazgo{
		width: 100%;
	}

	#hos-div-persistencia{
		width: 100%;
		margin-left: 0;
	}

	#hos-div-pasion{
		width: 100%;
	}

	#img-nosotros-1{
		display: none;
	}
	
	
	/*--------------------------------- CONTENEDOR SLIDER*/

	.hos-cont-slider2{
		height: 350px;
	}

	.hos-cont-imagenes2{
		height: 100%;
	}

	.hos-cont-imagenes2 li{
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.hos-cont-imagenes2 img{
		width: 100%;
		height: auto;
	}

	.hos-slider-arrows2{
		width: 24px;
		height: auto;
	}
	
	.hos-slider-arrows2 img{
		width: 100%;
	}

	#hos-arrow-left2{
		top: 45%;
		left: 5%;
	}

	#hos-arrow-right2{
		top: 45%;
		right: 5%;
	}

	.hos-slider-mensaje2{
		width: 65%;
		height: auto;
		padding: 0;
		left: 17.5%;
		top: 8%;
	}

	.hos-slider-mensaje2 h2{
		font-size: 42px;
		color: white;
		text-align: center;
	}

	.hos-slider-mensaje2 p{
		font-size: 20px;
		color: white;
		margin-top: 15px;
		text-align: center;
	}

	.hos-cont-miniaturas2{
		width: 45px;
		height: 24px;
		bottom: 20px;
	}

	.hos-cont-miniaturas2 ul{
		width: 45px;
		height: 24px;
		margin-top: 13px;
	}

	.hos-cont-miniaturas2 ul li{
		width: 5px;
		height: 5px;
	}

/*-------------------------------------- CONTENEDOR PORQUE H*/

	#hos-cont-porqueH{
		position: relative;
		width: 90%;
		margin-left: 5%;
		height: auto;
		float: left;
		padding-top: 70px;
	}

	#hos-cont-porqueH h2{
		font-size: 42px;
		text-align: center;
		color: #00a0df;
		letter-spacing: 2px;
	}

	#hos-cont-motivosH{
		position: relative;
		width: 100%;
		height: auto;
		margin: 0 auto;
		margin-left: 0%;
		margin-top: 70px;
	}

	.hos-div-motivoH{
		width: 60%;
		min-width: 300px;
		height: auto;
		float: left; 
		margin-left: 20%;
		margin-bottom: 80px;
	}

	.hos-div-motivoH:nth-child(even){
		margin-right: 0;
	}

	.hos-img-motivo{
		position: relative;
		width: 50px;
		height: auto;
		min-height: 180px;
		float: left;
	}

	.hos-img-motivo img{
		position: absolute;
		height: 45px;
		width: auto;
		right: 0;
		margin-top: 5px;
	}

	.hos-textos-motivo{
		width: 220px;
		height: auto;
		float: left;
		margin-left: 20px;
	}

	.hos-textos-motivo h3{
		font-size: 22px;
	}

	.hos-textos-motivo p{
		font-size: 16px;
		color: #222222;
		margin-top: 20px;
		text-align: justify;
	}

/*--------------------------------------- CONTENEDOR REWARDS*/

	#hos-cont-rewards{
		height: 350px;
		overflow: hidden;
	}

	#hos-cont-conjunto{
		width: 80%;
		height: 300px;
		top: 13%;
		left: 10%;
	}

	#hos-cont-conjunto p{
		font-size: 22px;
		margin-top: 40px;
		text-align: center;
	}

	.hos-boton{
		zoom: 70%;
		margin: 0 auto;
		margin-top: 40px
	}	

	.rew-img-fondo{
		width: 100%;
		height: auto;
	}
	
	.rew-img-logo{
		width: 270px;
		height: auto;
		margin: 0 auto;
	}
	
	/*------------------------------------------- CONTENEDOR FOOTER*/

	#hos-cont-footer{
		height: auto;
		padding-bottom: 40px;
	}
	
	.foo-cont-telefonos{
		float: none;
		margin-left: auto;
		margin: 0 auto;
		margin-top: 30px;
		padding-left: 20px;
		text-align: center;
	}

	.foo-cont-direccion{
		float: none;
		margin-left: none;
		margin: 0 auto;
		margin-top: 90px;
		padding-left: 0px;
	}

	#hos-cont-elementosF{
		width: 100%;
		height: auto;
		margin: 0 auto;
		margin-top: 25px;
	}

	#hos-cont-elementosF p{
		text-align: center;
	}

	.img-footer-logo{
		margin-top: 20px;
		float: none;
		margin: 0 auto;
		width: 90px;
	}


	#foo-cont-contacto{
		width: 180px;
		height: 170px;
		margin-left: 0;
		margin: 0 auto;
		margin-top: 15px;
		float: none;
	}


	#foo-cont-contacto p{
		margin-top: 45px;
	}

	#foo-div-ubicacion{
		width: 155px;
		float: left;
		height: 30px;
		margin-top: 10px;
		margin-left: 7%;
	}


	#foo-div-ubicacion img{
		float: left;
		width: 20px;
	}

	#foo-div-ubicacion p{
		float: left;
		margin-top: 6px;
		margin-left: 10px;
	}
	
}


@media (max-width:650px){
	.hos-cont-imagenes img{
		width: auto;
		height: 110%;
	}
	
	.hos-cont-imagenes2 img{
		width: auto;
		height: 110%;
	}
	
	.rew-img-fondo{
		width: auto;
		height: 100%;
	}
}


@media (max-width:500px){
	
	.hos-div-motivoH{
		width: 100%;
		min-width: 240px;
		height: auto;
		margin-left: 0%;
	}
	
	.hos-textos-motivo{
		width: 70%;
		float: left;
		margin-left: 20px;
	}
	
	.rew-cont-botonesBanner{
		width: 300px;
		height: 100px;
		margin: 0 auto;
		margin-top: 20px;
		display: block;
	}

	.rew-btn{
		width: 140px;
		float: none;
		font-size: 16px;
		margin: 0 auto;
		padding: 5px 0;
		margin-bottom: 25px;
		border-radius: 20px;
	}

	.rew-btn-iniciarSesion{
		margin-left: auto;
	}
	
}