body {
	
}

header, seccion, main {
	margin-bottom: 2em;
}


header {
	text-align: center;
	margin-top: 1em;
}


header img {
	display: block;
}


header h1 {
	background: #fff715;
	color: #16aa8f;
	border-radius: 10px;
	padding: 0.3em;
	margin-top: 0.5em;
	display: inline-block;
	font-size: 1.5em;
}

#slider {
	background-image: url('../img/slider.jpg');
	background-position: center top;
	background-size: cover;
	width: 100%;
	height: 500px;
	display: block;
	
}


h2 {
	color: #0fa88b;
	margin: 1em 0;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
}

.actividades {
	vertical-align: bottom;
}

.actividades h3 {
	color: white;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	margin: 1.5em 1em 0.5em;
	padding: 0.5em 0;
	text-transform: uppercase;
}

.actividades a {
	background: #ebe22b;
	color: #158747;
	text-transform: uppercase;
	padding: 0.2em 1em;		
}

.actividades .info {
	background-position: bottom;
    width: 285px;
    height: 50%;
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 0;
}
.actividad {
	display: inline-block;
	width: 285px;
	height: 336px;
}

.rafting {
	background-image: url('../img/gradient.png'), url('../img/actividad-rafting.jpg');
}

.barranquismo {
	background-image: url('../img/gradient.png'), url('../img/actividad-barranquismo.jpg');
}

.openkayak {
	background-image: url('../img/gradient.png'), url('../img/actividad-openkayak.jpg');
}

.senderismo {
	background-image: url('../img/gradient.png'), url('../img/actividad-senderismo.jpg');
}

.caballo {
	background-image: url('../img/gradient.png'), url('../img/actividad-caballo.jpg');
}

.cuatroxcuatro {
	background-image: url('../img/gradient.png'), url('../img/actividad-4x4.jpg');
}

.paintball {
	background-image: url('../img/gradient.png'), url('../img/actividad-paintball.jpg');
}

#contacto {
	background-image: url(../img/black.png), url('../img/bg-contact.jpg');
	background-position: center center;
	background-size: cover;
	background;
	width: 100%;
	height: auto;
	display: block;
	padding: 2em 0;
}

#contacto h2 {
	color: white;
	font-size: 2.2em;
}

#contacto h3 {
    color: #0fa88b;
    font-size: 1.8em;
    text-align: center;
    margin-bottom: 1em;
}

#contacto h3 a {
    color: #0fa88b;
    text-decoration: none;
}

#contacto h3 span {
	background: #ebe22b;
	padding: 0.5em 0.3em;
}


#antispam {
	display: none;
}