/***** Page Styles *****/
html, 
body {
	height: 100%;
	background:#003515;
	font-family:'Lato';
	font-size:16px;
	color:#000000;
}

h1{
	color: GhostWhite;
	font-family: 'Yellowtail', sans-serif;
	font-size:5rem;
	text-shadow: 1px 1px Black;  
}

p{margin:40px 0 0 0; }

img{
	max-width:100%;
	height:auto;
	}

/***** Nav Bar Styles *****/
.navbar {
  position:fixed;
  width:100%;
  top:0;
  background:#003515;
  
}

.navbar i {
  padding-right: 5px;
}

/***** Inicio *****/
#home {
	background: url('../img/fondo_inicio.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  
}

#main-banner {
	width:90%;
	height:78%;
	margin:8% auto;
	padding:40px 20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background:url(../img/fondo_cont_50_b.png);
}

#main-banner_contacto {
	width:90%;
	height:78%;
	margin:8% auto;
	padding:10px 20px 40px 20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background:url(../img/fondo_cont_50_b.png);
}

.cont_logo{padding:0 0 40px 0; }

.logo{
	position:relative;
	float:left;
	width:25%;
	text-align:right;
}

.titulo{
	position:relative;
	float:right;
	width:65%;
	margin:0 20px 0 0;
	font-family: 'Yellowtail', sans-serif;
	color:#003515;
	font-size:15vw;
	text-shadow: 1px 1px Black;
	text-align:center;
	line-height:0.6em;
	
	}
	
.cont_historia_inicio{width:90%; margin:50px auto 0 auto; font-size:1.7vw; line-height:1.5em; }	
.cont_historia_raices{width:90%; margin:50px auto 0 auto; font-size:1.5vw; line-height:1.5em; }	
.mas{width:100%; margin:40px 0 0 0; text-align:center; }
.lema{width:100%; text-align:center; font-family: 'Yellowtail', sans-serif; font-size:1.8em; color:#003515; font-weight:bolder; }
.resaltado{font-family: 'Yellowtail', sans-serif; font-size:1.3em; color:#003515; font-weight:bolder; }
.encabezado_historia{width:100%; text-align:right; }
.encabezado_raices{width:100%; text-align:center; }
.encabezado_galeria{width:90%; margin:0 auto 20px auto; text-align:right; }

.resaltado_historia{font-family: 'Yellowtail', sans-serif; font-size:2em; color:#003515; font-weight:bolder; }
.resaltado_encabezado{position:relative; float:left; padding:0 20px 0 0; }
a.encabezado{font-family: 'Yellowtail', sans-serif; font-size:2.5vw; color:#cfff00; font-weight:bolder; text-decoration:none; }
a.encabezado:hover{font-family: 'Yellowtail', sans-serif; font-size:2.5vw; color:#cfff00; font-weight:bolder; text-decoration:none; }

/* Contacto */
.cont_contacto{
	width:90%;
	margin:50px auto 0 auto;
	padding:40px 20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background:url(../img/fondo_cont_50_b.png);
}

/* Galerias */
.cont_galerias{
	width:90%;
	margin:20px auto 0 auto;
	padding:40px 20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background:url(../img/fondo_cont_50_b.png);
}

/* galeria */
.cont_galeria{
	width:90%;
	margin:50px auto 0 auto;
	padding:40px 20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background:url(../img/fondo_cont_50_b.png);
}	


/* Footer */
.footer{width:100%; padding:20px 0; text-align:center; color:#FFFFFF; background:#003515; }
.pie{padding:10px 0 0 0; font-family: 'Lato'; font-size:0.9em; line-height:1.6em; color:#ffffff; }
a.submenu{font-family:'Lato'; font-size:0.8em; letter-spacing:0.05em; color:#ffd800; text-decoration:none; }
a.submenu:hover{font-family:'Lato'; font-size:0.8em; letter-spacing:0.05em; color:#ffffff; text-decoration:none; }


@media (min-width: 0px) and (max-width: 800px){

	p{margin:40px 0 0 0; }
	
	#main-banner {
		width:95%;
		margin:20% auto 10% auto;
		padding:20px;
		
	}
	#main-banner_contacto {
		width:90%;
		height:78%;
		margin:20% auto 8% auto;
		padding:10px 20px 40px 20px;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		border-radius:20px;
		background:url(../img/fondo_cont_50_b.png);
	}
	.cont_logo{padding:0; }
	
	.titulo{
		position:relative;
		float:right;
		width:65%;
		margin:0 10px 0 0;
		font-family: 'Yellowtail', sans-serif;
		font-size:18vw;
		text-shadow: 1px 1px Black;
		color:#003515;
		line-height:0.6em;
		}
	
	.cont_historia_inicio{width:95%; margin:50px auto 0 auto; font-size:4vw; line-height:1.5em; }	
	.cont_historia_raices{font-size:4vw; }	
	.lema{font-size:1.4em; }
	.mas{margin:20px 0 0 0; }
	.encabezado_historia{text-align:center; margin:-20px 0 0 0; }
	.resaltado_historia{font-size:1.5em; }
	a.encabezado{font-size:1.5em; }
	a.encabezado:hover{font-size:1.5em; }
	
	/* Contacto */
	.cont_contacto{
		width:100%;
		margin:20px auto 0 auto;
		padding:20px 0;
		background:none;
	}
	
	/* Galerias */
	.cont_galerias{
		width:100%;
		margin:20px auto 0 auto;
		padding:0px 20px;
		background:none;
	}	
	
	/* galeria */
	.cont_galeria{
		width:100%;
		margin:50px auto 0 auto;
		padding:40px 20px;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		border-radius:20px;
		background:url(../img/fondo_cont_50_b.png);
	}	

}

@media (min-width: 0px) and (max-width: 400px){

	.resaltado_historia{font-size:1.7em; }


}