.navbar-nav li.inicio a {
	background:#3d86ab !important;
	color:#fff !important;
}


/*----------------------------------------------------------------------------------------
	Cabecera
----------------------------------------------------------------------------------------*/

#cabecera {
	position:relative;
	height:600px;
	background-color:#fff;
	background-image:url('../img/cabecera.jpg');
	background-position: 50% 0;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
}

#cabecera .container-fluid {
	width:85%;
	height:600px;
	margin:0 auto;
}

#cabecera .capa-logo {
	display:inline-block;
	margin: 150px 30%;
	text-align:center;
}
#cabecera .capa-logo .logo img { height:160px; }
#cabecera .capa-logo .titulo {
	font-family:'Roboto Condensed';
	font-weight:700;
	font-size:9rem;
	text-transform:uppercase;
	margin-bottom:-15px;
}
#cabecera .capa-logo .leyenda {
	border-top:solid 2px #000000a1;
	padding:8px 0 20px;
	font-size:2.3rem;
	font-weight:300;
}
#cabecera .capa-logo .redes a {
	color:#000000a1;
	font-size:2.5rem;
	margin:0 5px;
	padding:8px;
	width:50px;
	height:50px;
	display:inline-block;
	text-align:center;
	border-radius:100%;
	transition:all .2s;
}
#cabecera .capa-logo .redes a:hover {
	border-radius:0;
	background:#fff;
	color:#000000a1;
	border:none;
}


@media (max-width: 1200px)
{
	#cabecera { height:400px; }
	#cabecera .capa-logo { margin-top:90px;	}
	#cabecera .capa-logo .logo img { height:110px; }
	#cabecera .capa-logo .titulo { font-size:6rem; padding-bottom:10px; }
	#cabecera .capa-logo .leyenda {
		padding:5px 0 20px;
		font-size:1.8rem;
	}
	#cabecera .capa-logo .redes a {
		font-size:2rem;
		padding:5px;
		width:40px;
		height:40px;
	}
}

@media (max-width: 992px)
{
	#cabecera { height:350px; }
	#cabecera .capa-logo { margin-top:80px;	}
	#cabecera .capa-logo .logo img { height:100px; }
	#cabecera .capa-logo .titulo { font-size:5rem; padding-bottom:10px; }
	#cabecera .capa-logo .leyenda {
		padding:5px 0 15px;
		font-size:1.6rem;
	}
	#cabecera .capa-logo .redes a {
		font-size:1.6rem;
		padding:5px;
		width:35px;
		height:35px;
	}
}

@media (max-width: 767px)
{
	#cabecera {
		height:250px;
		background-position:65% top !important;
	}
	#cabecera .container-fluid { width:90%; height:250px; }
	#cabecera h1 { margin-top:0; }
	#cabecera .capa-logo { display:block; margin:60px auto 0 auto; }
	#cabecera .capa-logo .logo img { height:60px; }
	#cabecera .capa-logo .titulo { font-size:3.6rem; padding-bottom:10px; }
	#cabecera .capa-logo .leyenda {
		padding:5px 0 10px;
		font-size:1.2rem;
	}
	#cabecera .capa-logo .redes a {
		font-size:1.4rem;
		padding:5px;
		width:30px;
		height:30px;
		background:#fff;
		color:#333;
	}
}


/*----------------------------------------------------------------------------------------
	Subcabecera
----------------------------------------------------------------------------------------*/

.subcabecera { background:#3d86ab; padding:5rem 0; }
.subcabecera .contenido {
	width:70%;
	margin:0 auto;
	overflow:auto;
}
.subcabecera .contenido .imagen { float:left; width:15%; text-align:right; }
.subcabecera .contenido .imagen img { width:135px; box-shadow:0 1px 1px rgba(0,0,0,.1); }
.subcabecera .contenido .cita {
	float:left;
	width:85%;
	color:#fff;
	padding-left:5rem;
	background-image:url(../img/comillas.svg);
	background-position:right top;
	background-size:50px;
	background-repeat:no-repeat;
}
.subcabecera .contenido .cita .nombre { font-size:2.1rem; font-weight:500; }
.subcabecera .contenido .cita .texto {
	font-size:1.7rem;
	line-height:2.7rem;
	font-weight:300;
	margin-top:2rem;
	font-style:italic;
	padding-right:50px;
}


@media (max-width: 1200px) {
	.subcabecera .contenido .imagen img { width:125px; }
	.subcabecera .contenido .cita { background-size:40px; }
	.subcabecera .contenido .cita .nombre { font-size:1.9rem; }
	.subcabecera .contenido .cita .texto { font-size:1.6rem; margin-top:1.5rem; padding-right:40px; }
}

@media (max-width: 992px) {
	.subcabecera .contenido .imagen img { width:100%; max-width:100px; }
	.subcabecera .contenido .cita { padding-left:3rem; background-size:30px; }
	.subcabecera .contenido .cita .nombre { font-size:1.6rem; }
	.subcabecera .contenido .cita .texto { font-size:1.3rem; margin-top:1rem; padding-right:30px; }
}

@media (max-width: 767px) {
	.subcabecera { padding:3rem 0; }
	.subcabecera .contenido { width:85%; }
	.subcabecera .contenido .imagen img { width:100%; max-width:100px; }
	.subcabecera .contenido .cita { padding-left:3rem; background:none; }
	.subcabecera .contenido .cita .nombre { font-size:1.4rem; }
	.subcabecera .contenido .cita .texto { font-size:1.2rem; padding-right:0; line-height:1.8rem; }
}


/*----------------------------------------------------------------------------------------
	Capa texto
----------------------------------------------------------------------------------------*/

.main {
	background:#fff;
	padding:3rem 0 4rem 0;
}

.main .container-fluid { width:80%; }

.grupos { width:95%; margin:3rem auto; }
.item { padding:20px; text-align:center;}
.item .ico {
	border:solid 2px #BBB;
	border-radius:50%;
	padding:10%;
	margin:0 8rem 2rem 8rem;
}
.item .titulo {
	font-family:'Roboto Condensed';
	font-size:1.8rem;
	font-weight:500;
}
.item .texto {
	font-size:1.4rem;
	font-weight:300;
	margin-top:1rem;
	color:#888;
}


@media (max-width: 1750px) {
	.grupos { margin:0 auto; }
	.item .ico { padding:22%; margin:4rem; }
}

@media (max-width: 1600px) {
	.grupos { margin:0 auto; }
	.item .ico { padding:22%; margin:4rem; }
}

@media (max-width: 1400px) {
	.item .ico { padding:22%; margin:3rem; }
	.item .titulo { font-size:1.7rem; }
	.item .texto { font-size:1.4rem; }
}

@media (max-width: 1200px) {
	.grupos { width:100%; }
	.item .ico { padding:22%; margin:2rem; }
	.item .titulo { font-size:1.6rem; }
	.item .texto { font-size:1.3rem; }
}

@media (max-width: 992px) {
	.grupos { margin:3rem 0; }
	.item .ico { padding:22%; margin:0 4rem 2rem 4rem; }
	.item .titulo { font-size:1.7rem; }
	.item .texto { font-size:1.4rem; }
}

@media (max-width: 767px) {
	.main {	padding:0 0 2rem 0; }
	.main .container-fluid { width:100%; }
	.item { text-align:left; }
	.item .ico {
		padding:20px;
		margin:0;
		float:left;
		width:20%;
		margin-right:20px;
		border-width:1px;
	}
	.item .titulo { font-size:1.4rem; }
	.item .texto { font-size:1.2rem; }
}