@import url('https://fonts.googleapis.com/css?family=Crete+Round');
@import url('https://fonts.googleapis.com/css?family=Spectral+SC');
* {
	margin: 0;
	padding: 0;
	font-family: 'Crete Round';
	color: #78777C;
}

/* --- INICIO CABECERA --- */
header {
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.43);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.43);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.43);
	background: #EDECE8;
	position: fixed;
	width: 100%;
	z-index: 1;
	top: 0;
}
.menu {
	width: 95%;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 1300px;
	align-items: center;
}
.menu .logo {
	display: inline-block;
	margin-right: 1em;
}
.menu .logo img {
	vertical-align: top;
	height: 75px;
}
.menu .btn-menu {
	display: none;
	color: #333;
	text-decoration: none;
	font-size: 1em;
}
.menu .enlaces {
	display: inline-block;
	text-align: center;
}
.menu .enlaces a {
	color: #333;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	padding: 1.4em;
	font-size: 17px;
}
.menu .enlaces i {
   margin-right: 5px;
}
.menu .enlaces a:hover {
	text-decoration: underline;
}
/* --- FIN CABECERA --- */
/* --- IMG INICIAL --- */
.bg {
	left: 0px;
	top: 60px;
	z-index: -1;
	width: 100%;
	height: 100%;
	position: fixed;
	background-image: url(../img/pofavoh2.jpg);
	background-size: cover;
	background-position: center 0px;
	background-repeat: no-repeat;
	overflow: hidden;
}

.altura {
	margin-top: 18%;
}

#scrolldown {
	margin: auto;
	width: 200px;
	height: 60px;
}

.scrolldown:hover {
	text-decoration: none;
}

#down {
	text-align: center;
	font-size: 2.5em;
}		
#down i {
	color: #fff;
}
#down i:hover {
	color: #004885;
}

#titulo {
	font-family: 'Spectral SC', serif;
	text-align: center;
	font-weight: lighter;
	font-size: 1.5em;
	color: #fff;
}

/* --- FIN IMG INICIAL --- */

#body {
	width: 100%;
	overflow: hidden;
}

.seccion {
	width: 100%;
	height: 100%;
	margin-top: 20px;
	font-size: 18px;
	background-color: #EDECE8;
}

main {
	margin: auto;
	max-width: 80%;
}

/* --- BLOQUE INICIAL --- */
.intro {
	margin: auto;
	max-width: 60%;
	padding: 50px;
}

.intro .lema {
	text-align: center;
	font-size: 400%;
	font-family: 'Spectral SC', serif;
}

.intro .text-intro {
	text-align: center;
}

.juridico-tit h2, .economico-tit h2, .integral-tit h2 {
 	margin-top: 20px;
	text-align: center;
	font-family: 'Spectral SC', serif;
}

.juridico-tit div, .economico-tit div, .integral-tit div {
	font-family: 'Spectral SC', serif;
}

/* --- FIN BLOQUE INICIAL --- */

.img-scroll {
	background: url(../img/scroll/mazo.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
	height: 450px;
	width: 100%;
	margin-top: 40px;
}

/* --- BLOQUE JURÍDICO --- */
.juridico {
	max-width: 1250px;
	margin: auto;
}

.titulo-juridico {
	text-align: center;
	font-size: 400%;
	padding-top: 35px;
	padding-bottom: 50px;
	font-family: 'Spectral SC', serif;
}

.img_juridico {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 550px;
	height: 400px;
}

.juridico-text {
	padding-left: 30px;
	margin: auto;
}

.juridico-text h4 {
	color: #333;
}

/* --- FIN BLOQUE JURÍDICO --- */

.img-scroll-2 {
	background: url(../img/scroll/economy.png) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
	height: 450px;
	width: 100%;
	margin-top: 50px;
}

/* --- BLOQUE ECONÓMICO --- */
.economico {
	max-width: 1250px;
}

.economico p {
	font-size: 18px;
}

.titulo-economico {
	text-align: center;
	font-size: 400%;
	padding-top: 35px;
	padding-bottom: 50px;
	font-family: 'Spectral SC', serif;
}

.img_economico {
	width: 550px;
	height: 400px;
}

.economico-text {
	padding-left: 20px;
	margin: auto;
}

.economico-text h4 {
	color: #333;
}

/* --- FIN BLOQUE ECONÓMICO --- */

.img-scroll-3 {
	background: url(../img/scroll/integral.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
	height: 350px;
	width: 100%;
	margin-top: 50px;
}

/* --- BLOQUE INTEGRAL --- */
.titulo-integral {
	text-align: center;
	font-size: 400%;
	padding-top: 35px;
	padding-bottom: 50px;
	font-family: 'Spectral SC', serif;
}

.integral-text {
	padding-left: 20px;
	margin: auto;
}

.integral-text h4 {
	color: #333;
}

/* --- FIN BLOQUE INTEGRAL --- */

.img-scroll-4 {
	background: url(../img/scroll/contacto2.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
	height: 350px;
	width: 100%;
	margin-top: 50px;
}

/* --- BLOQUE CONTACTO --- */
.titulo-contacto {
	text-align: center;
	font-size: 400%;
	padding-top: 35px;
	padding-bottom: 50px;
	font-family: 'Spectral SC', serif;
}

.dir-contacto {
	font-family: 'Spectral SC', serif;
}

.num-contacto {
	margin-top: 10px;
	font-family: 'Spectral SC', serif;
}

.num-contacto span{
	color: rgb(4, 0, 255);
	font-family: 'Spectral SC', serif;
	text-decoration: underline;
}

.boton-enviar{
	margin-left: 40px;
}

.mapa {
	text-align: center;
}

.mapa iframe {
	width: 400px; 
	height: 300px;
}
/* --- FIN BLOQUE CONTACTO --- */

/* --------- INICIO FOOTER --------- */
footer {
	margin-top: 50px;
	background-color: #000;
	padding: 50px;
	padding-top: 65px;
	text-align: center;
	font-size: 17px;
}

footer .lista li {
	display: inline-block;
	padding: 20px;
}

footer .lista a {
	color: #78777C;
}

/* Mediaquries */
@media screen and (max-width: 1900px) {
.juridico-tit div, .economico-tit div, .integral-tit div {
		padding-left: 0;
		text-align: center;
		font-family: 'Spectral SC', serif;
	}
}

@media screen and (max-width: 1200px) {
	.juridico-tit div, .economico-tit div, .integral-tit div {
		padding-left: 0;
		text-align: center;
		font-family: 'Spectral SC', serif;
	}

	.img_juridico {
		display: block;
		margin: auto;
		margin-bottom: 35px;
	}

	.img_economico {
		display: block;
		margin: auto;
		margin-bottom: 35px;
	}

}

@media screen and (max-width: 955px) {
	.intro {
		margin: auto;
		max-width: 80%;
		padding: 50px;
	}
}

@media screen and (width: 768px) {
	.juridico-tit h2, .economico-tit h2, .integral-tit h2 { font-size: 27px; }
	/*.img_economico, .img_juridico { display: none; }*/
}

@media screen and (max-width: 760px) {
	header .menu { flex-direction: column; }
	header .menu .logo {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
		padding: 0.5em;
	}
	header .menu .logo img { height: 50px; }
	header .menu .logo .btn-menu {
		display: inline-block;
		font-size: 30px;
	}
	header .menu .enlaces {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.altura { margin-top: 25%; }
	.present { width: 70%; }
	.intro {
		margin: auto;
		max-width: 100%;
		padding: 50px;
	}

	.juridico { margin-bottom: 40px; }
	.img_scroll2 { display: none; }
	.titulo-juridico, .titulo-integral, .titulo-contacto { font-size: 50px; }
	.titulo-economico { font-size: 45px; }

	.juridico-text, .economico-text, .integral-text {
		padding-left: 102px;
	}

	.boton-enviar{
		margin-left: 0;
	}
}

@media screen and (max-width: 500px)  {
	.altura { margin-top: 35%; }
	.present { width: 70%; }
	
	.intro p, .juridico2, .economico2 { display: none; }
	.economico span { margin-top: 10px; }

	.img_economico, .img_juridico { display: none; }
	.mapa iframe{
		width: 250px;
		height: 200px;
	}
}

@media screen and (max-width: 450px) {
	.juridico-text, .economico-text, .integral-text { padding-left: 40px; }
	.intro .lema { font-size: 40px; }
}