body {
	background-color:#FFFFFF;
	color:#000;
}






.seccion1-habitacionesm{
	background-image:url(../imagenes/fondo-habitacionesm.png);
	position: relative;
	}



.up{
	background-color: #404040;
	color: #CCC;
	padding: 10px;
	position: relative;
	}
	
.fondo-nosotros{
	background-image:url(../fondos/fondo-nosotros.png);
	background-repeat:no-repeat;
	background-position: top left;
	position: relative;
	}

.fondo-recoleccion{
	background-image:url(../fondos/fondo-recoleccion.png);
	background-repeat:no-repeat;
	background-position: top left;
	position: relative;
	}

.fondo-quienes{
	background-image:url(../fondos/fondo-quienes.png);
	background-repeat:no-repeat;
	background-position: top left;
	position: relative;
	}


.fondo-servicios{
	background-image:url(../fondos/fondo-servicios.png);
	background-repeat:no-repeat;
	background-position: top left;
	position: relative;
	}

.fondo-servicios2{
	background-image:url(../fondos/fondo-servicios2.png);
	background-repeat:no-repeat;
	background-position: top left;
	position: relative;
	}

.habitaciones-manus{
	background-image:url(../imagenes/habitaciones-manus.png);
	background-repeat:no-repeat;
	background-position: top left;
	position: relative;
	}

.galeria-manus{
	background-image:url(../imagenes/galeria-manus.png);
	background-repeat:no-repeat;
	background-position: top left;
	position: relative;
	}


.actividades-manus{
	background-image:url(../imagenes/actividades-manus.png);
	background-repeat:no-repeat;
	background-position: top left;
	position: relative;
	}


.seccion-logo{
	background-image:url(../baner/fondo-baner.png);
	background-repeat:repeat-x;
	background-position: top center;
	position: relative;
	}


	
.seccion-baner{
	position: relative;
	font-size:50px;
	}	

.seccion-secciones{
	background-image:url(../imagenes/fondo-secciones.png);
	background-repeat:repeat-x;
	background-position: top center;
	position: relative;
	background-color:#FFF;
	}	

.seccion-info{
	background-image:url(../imagenes/fondo-secciones.png);
	background-repeat:repeat-x;
	background-position: top center;
	position: relative;
	background-color:#FFF;
	}		
	


.seccion-nosotros-indexm{
	background-image:url(../imagenes/fondo-nosotrosm.png);
	position: relative;
	}

.seccion-servicios-indexm{
	background-image:url(../imagenes/fondo-serviciosm.png);
	position: relative;
	}


.seccion1-actividadesm{
	background-image:url(../imagenes/fondo-actividadesm.png);
	position: relative;
	}

.seccion1-habitaciones{
	background-image:url(../imagenes/fondo-habitaciones.png);
	position: relative;
	}

.seccion1-galeria{
	background-image:url(../imagenes/fondo-galeria.png);
	position: relative;
	}

.seccion1-actividades{
	background-image:url(../imagenes/fondo-actividades.png);
	position: relative;
	}

.seccion1-galeriam{
	background-image:url(../imagenes/fondo-galeriam.png);
	position: relative;
	}



.seccion-nosotros-indexm{
	background-image:url(../imagenes/fondo-nosotrosm.png);
	position: relative;
	}


.fondo-seguridad {
	background-color: #FFFFFF;
	text-align:center;
	position: relative;
	}

.seccion-vial {
	background-image:url(../imagenes/fondo-vial.png);
	text-align:center;
	position: relative;
	}

.seccion-habs2 {
	background-image:url(../imagenes/fondo-habs2.png);
	text-align:center;
	position: relative;
	}

.seccion-habs3 {
	background-image:url(../imagenes/fondo-habs3.png);
	text-align:center;
	position: relative;
	background-repeat: repeat;
	}

.seccioncontacto {
	background-image:url(../imagenes/fondo-contacto.png);
	text-align:center;
	position: relative;
	
	background-repeat: repeat;
	}
	
.fondo-imagen{
	background-image:url(../imagenes/fondo-imagen.png);
	background-position: center;
	background-repeat:repeat;
    color:#FFF;
	}	

.seccion-form{
	background-color:#FFF;
	color:#CCC;
	position: relative;
	}	


.blancotipo{
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 34px;
	color: #FFFFFF;
	}

.tipomenu{
	font-family: bebas;
	font-size: 18px;
	
	}

.tipo{
	font-family: bebas;
	
	}

.tipo-titulo{
	font-family: bebas;
	font-size: 32px;
	}

.tipo-titulo2{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 28px;
	}

.tipo2{
	font-family: fuente;
	font-size: 30px;
	}
			
.colorblanco{
	color: #FFF;
	}

.colorazul{
	color: #296DB2;
	}

.colorverde{
	color: #2EC169;
	font-family: bebas;
	}

.colornegro{
	color: #000;
	
	}

.colornegrocontenido{
	color: #000;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 15px;
	text-align: justify;
	
	}

.colornegrocontenidocentro{
	color: #000;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 15px;
	text-align: center;
	
	}

.titsalmon{
	color: #993333;
	font-family: fuente;
	
	}

.tipobottom{
	color: #FFFFFF;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 13px;
	text-align: left;
	
	}
	
.precio{
	font-size: 25px;
	color: #930;
	}

.whats{
	font-size: 25px;
	color: #66CC00;
	}

.regresar{
	font-size: 22px;
	color:#CCC;
	}		

.color1{
	color: #078407;
	}		
	
.color2{
	color: #000000;
	text-align: justify;
	}	
		
footer {
	background-image: url(../imagenes/fondo-top.png);
	background-repeat: repeat;
	background-position: top center;
	background-color:#000;
	position: relative;
	color: #FFF;
	}
	

.fondo-nau{
	background-color:#000000;
	padding: 10px;
	color: #FFF;
	position: relative;
	}	

.copy{
	background-color: #006C38;
	color: #FFF;
	padding: 10px;
	position: relative;
	}
	
.fondo-negro {
	background-color:#000;
	color: #FFF;
	text-align:center;
	position: relative;
	}	
	

@font-face {
	font-family: fuente;
	src: url("../fuente.TTF") format("opentype");
	}

@font-face {
	font-family: bebas;
	src: url("../fuente2.TTF") format("opentype");
	}

a:link {
	color: #CCCCCC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
}	

.zoom {
    margin: 0 auto;
	transition: transform .2s; /* Animation */
}

.zoom:hover {
    transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.whats-flotante{
	position: fixed;
	z-index:5.0;
	right: 0px;
	bottom: 0px;
	padding: 15px;   
}




@media (min-width: 768px) {	
	
	.seccion-logo-sec{
	background-image:url(../fondos/seccion-nosotros.png);
	background-repeat:repeat-x;
	background-position: top center;
	position: relative;
	}
	
	.seccion-logo-sec2{
	background-image:url(../fondos/seccion-servicios.png);
	background-repeat:repeat-x;
	background-position: top center;
	position: relative;
	}
	
	.seccion-logo-sec4{
	background-image:url(../fondos/seccion-clientes.png);
	background-repeat:repeat-x;
	background-position: top center;
	position: relative;
	}
	
	.seccion-logo-sec3{
	background-image:url(../fondos/seccion-contacto.png);
	background-repeat:repeat-x;
	background-position: top center;
	position: relative;
	}
	

	
	
	}


@media (max-width: 768px) {
	.seccion-logo-sec{
	background-color: #f5cb44;
	background-repeat:repeat-x;
	background-position: top center;
	position: relative;
	}
	
	.seccion-logo-sec2{
	background-color: #A80000;
	background-repeat:repeat-x;
	background-position: top center;
	position: relative;
	}
	
	.seccion-logo-sec3{
	background-color: #808080;
	background-repeat:repeat-x;
	background-position: top center;
	position: relative;
	}
	
	.seccion-logo-sec4{
	background-color: #808080;
	background-repeat:repeat-x;
	background-position: top center;
	position: relative;
	}
	
	.footermov {
	background-repeat: repeat;
	background-position: top center;
	background-color:#000;
	position: relative;
	color: #FFF;
	}
	
	}





/*! Flip card*/

.flip-card {
  background-color: transparent;
  width: 400px;
  height: 300px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: #2980b9;
  color: white;
  transform: rotateY(180deg);
}

/*! Flip card*/