news
@charset "UTF-8";
/* CSS Document */

*, html, body { font-family: 'Raleway', Helvetica, sans-serif; }
html, body { height: 100%; width: 100%; margin: 0; position: relative; width: 100%; }
body { display: block; font-size: 16px; }
h1, h2, h3, h4, div, p, a, input, select, textarea { font-family: 'Raleway', Helvetica, sans-serif; }
h1, h2 { font-size: 32px; font-weight: 800; }

a:link, a:visited { 
	transition: all .3s ease-out
}

input[type=file] {
	font-size: 12px;	
}
.form-control {
	border-radius: 0;	
}


/***************NAVIGATION*************/
.navbar-container {
	background: #106b92;
	padding: 3px 0 0px 0;
}
.navbar-nav {
	margin-top: 30px;
	}
	
.navbar-default {
	background-color: transparent;
	border: none;
	font-size: 16px;
	font-weight: 600;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border: none;
	position: relative;
}

.dropdown-menu {
	color: #fff;
	position: relative;
	display: block;
	float: none;
	padding: 0 0;
	margin: 2px 0 0;
	background-color: rgba(0,0,0, 0.5);
	border-radius: 0px;
	box-shadow: none;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
color: #333;
}
.dropdown-menu > li > a {
	color: #fff;
}

.navbar-toggle {
	border-radius: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 13px;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ccc;
}
.navbar-toggle .icon-bar {
	height: 3px;
	border-radius: 0;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover {
	color: #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover {
	color: #fff;
	background-color: rgba(0,0,0, 0.5);
}
.navbar .navbar-brand {
	width: 60px;
	height: 60px;
	padding: 0;
	display: block;
	position: absolute;
	margin-top: 2px;
	
}

.navbar-default .navbar-brand img {
	width: 100%;
	height: auto;
}

.navbar-header {
	position: relative;
}

ul.idiomas {
	position: relative;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
}
ul.idiomas li {
			font-size: 15px;
			margin: 10px 0 0 0
		}
		ul.idiomas li a {
			color: #fff;
			padding-left: 12px;
		}
		ul.idiomas li.active a {
			color: #fff;
			background: transparent url('../images/tick.png') no-repeat 0 2px;
		}	

.br-menu {
	display: none;	
}
@media (min-width: 1200px) {
    .container {
        width: 100%;
        max-width: 1300px;
    }
}
@media (min-width: 768px)  {
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-left: 0;
	}
	.navbar-toggle {
		margin-top: 10px;
		margin-right: 0;
	}
	.navbar-nav > li {
		float: none;
		width: 100%;
	}
	.navbar-right {
		float: none !important;
	}
	.br-menu {
		display: block;
		clear: both	
	}
}
	

@media (min-width: 768px) and (max-width: 992px) {
	
	.nav > li {
		position: relative;
		display: block;
	}
	.nav > li > a {
		position: relative;
		display: block;
		padding: 10px 15px;
		clear: both;
	}
	
	.navbar .navbar-brand {
		width: 135px;
		height: auto;
		margin-top: 2px
	}
   .navbar-collapse.collapse {
       /*display: none !important;*/
   }
   .collapse {
		display: none;   
   }
   .navbar-toggle {
	   	display: inline-block;
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: 13px;
		margin-right: 0;
		margin-bottom: 0px;
		}
		.navbar-collapse {
		padding-right: 15px;
		padding-left: 15px;
		overflow-x: visible;
		-webkit-overflow-scrolling: touch;
		border-top: 1px solid transparent;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
		}
	.navbar-header {
		float: none;
	}

}
@media (min-width: 992px) {
	.br-menu {
		display: none;	
	}
	.dropdown-menu {
		display: none;	
	}
	.dropdown-menu > li > a {
		color: #333;
	}
	.navbar-nav {
	margin-top: 0;
	}
	.navbar-right {
		float: right !important;
		height: 65px;
		display: flex;
		align-items: stretch;
	}
	.navbar-nav > li {
	float: left;
	width: auto;
	text-align: center;
	}
	.navbar-container {
		border-top: 6px solid #0a1e2d;
		padding: 0;
	}
	.navbar .navbar-brand {
		width: 110px;
		height: auto;
		/*width: 109px;
		height: 109px;*/
		margin-top: 7px
	}
	.navbar-container {
		background: #106b92 url('../images/fd-top-2021.jpg') no-repeat top center;
	}
	.navbar-toggle {
		display: none;
	}
	.navbar-nav > li > a {
		font-size: 13px;
		color: #fff;
		padding: 22px 7px;
	}
	
	.navbar-default .navbar-nav > li > a {
		color: #fff;
		background-image: url('../images/fd-active.png');
		background-repeat: no-repeat;
		background-position: center 80px;
		transition: all .3s ease-out;
		display: flex;
        height: 100%;
        align-items: center;
	}
	.navbar {
		position: relative;
		min-height: 64px;
		margin-bottom: 0;
	}
	
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #fff;
		background: #0a1e2d url('../images/fd-active.png') no-repeat bottom center;
		background: rgba(0,0,0, 0.5) url('../images/fd-active.png') no-repeat bottom center !important;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
		color: #fff;
		background: #0a1e2d url('../images/fd-active.png') no-repeat bottom center;
		background: rgba(0,0,0, 0.5) url('../images/fd-active.png') no-repeat bottom center !important;
		}
		
		.dropdown-menu {
		position: absolute;
		top: 70px;
		right: 0;
		z-index: 1000;
		display: block;
		float: right;
		clear: both;
		padding: 5px 15px;
		margin: 0 0 0;
		font-size: 13px;
		text-align: left;
		list-style: none;
		background-color: transparent;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.dropdown-menu li {
		display: inline;	
	}
	
	.dropdown-menu > li > a {
		display: block;
		float: left;
		clear: none;
		font-weight: 600;
	}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
		color: #fff;
		text-decoration: none;
		background-color: #0b2234;
	}
	
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
		background-color: #0b2234;
		}
		.dropdown-menu > li > a {
			padding: 0 25px;
		}
		
		ul.idiomas {
			position: absolute;
			right: 20px;
			top: 70px;
			border-top: none;
		}
		ul.idiomas li {
			font-weight: 600;
			display: inline;
			font-size: 12px;
			margin-right: 8px	
		}
		ul.idiomas li a {
			color: #666;
		}
		ul.idiomas li.active a {
			color: #11334d;
			background: transparent url('../images/tick.png') no-repeat 0 2px;
			padding-left: 12px;
		}
		
}
@media screen and (min-width: 1200px) {
	.navbar-nav > li > a {
		font-size: 13px;
		color: #fff;
		padding: 0 15px;
		font-weight: 600;
	}	
	.navbar .navbar-brand {
		width: 140px;
		height: auto;
		margin-top: 0;
	}
}

/****************HOME***************/

	
.logo-home {
	margin: auto;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 120px;
	height: 120px;
}
.logo-home img {
	width: 100%;
	height: 100%;	
}
.esp {
	color: #fff;
	height: 100%;
	width: 49.85%;
	float: left;
	display: block;
	background: #11334d url('../images/foto-esp.jpg') no-repeat bottom left;
	transition: all 0.25s ease-in-out 0s;
	background-size: cover;
}
.eng { 
	height: 100%;
	width: 49.85%;
	display: block;
	float: right;
	transition: all 0.25s ease-in-out 0s;
	background: #e8e8e8 url('../images/foto-eng.jpg') no-repeat bottom left;
	
	background-size: cover;
}

.esp .content {
	margin: 12% 0 0 15%;
	float: left;
}
.eng .content {
	text-align: right;
	float: right;
	margin: 12% 15% 0 0;
}
.esp h1,
.eng h1 {
	font-size: 45px;	
}
.esp .intro,
.eng .intro {
	font-size: 15px;
	/*width: 40.2%;*/
	width: 250px;
}
.eng .intro { 
	float: right;
}
.footer-all {
	position: absolute;
	bottom: 7%;
	width: 85%;
	left: 7.5%;
	right: 7.5%;
	font-size: 14px;
}
.footer-all .pull-left { color: #fff; }

.footer-all .pull-right {
	color: #000;
}
.footer-all .pull-right a:link,
.footer-all .pull-right a:visited {
	color: #000;	
}
@media screen and (max-width: 991px) {
	.logo-home {
		margin: none;
		position: relative;
		background-color: #fff;
		width: 100%;
		height: 100px;
		text-align: center;
	}
	.logo-home img {
		margin-top: 5px;
		width: 90px;
		height: 90px;
	}
	.esp .content {
		margin: 30px 0 80px 30px
	}
	.eng .content {
		text-align: left;
		float: left;
		margin: 30px 0 80px 30px;
	}
	.esp .intro,
	.eng .intro {
		width: 95%;
	}
	.eng .intro { 
		float: left;
	}
	.esp h1,
	.eng h1 {
		font-size: 35px;	
	}
	.esp {
		color: #fff;
		width: 100%;
		height: auto;
		float: left;
		display: block;
		background: #11334d url('../images/foto-esp.jpg') no-repeat bottom left;
		background-size: cover;
	}
	.eng { 
		height: auto;
		width: 100%;
		display: block;
		float: left;
		background: #e8e8e8 url('../images/foto-eng-mobile.jpg') no-repeat bottom left;
		background-size: cover;
	}
	.footer-all {
		position: relative;
		bottom: 0;
		width: auto;
		clear: both;
		left: auto;
		right: auto;
		display: block;
		overflow: hidden;
		padding: 30px 0;
	}
	.footer-all .pull-left { color: #000; margin-left: 30px;}
	
	.footer-all .pull-right {
		color: #000;
		margin-right: 30px;
	}
	.footer-all .pull-right a:link,
	.footer-all .pull-right a:visited {
		color: #000;	
	}
}
@media screen and (max-width: 480px) {
	.footer-all { text-align: center; }
	.footer-all .pull-left { 
		float: none !important; 
		clear: both; 
		margin-left: 0;
	}
	
	.footer-all .pull-right {
		color: #000;
		float: none !important; clear: both;
		margin-right: 0;
	}
	.footer-all .pull-right a:link,
	.footer-all .pull-right a:visited {
		color: #000;	
	}
}
.footer, .footer p, .footer li {
	font-size: 14px;
}

@media screen and (max-width: 767px) {
	h1, h2 { font-size: 24px }
}

/********* ASSETS **********/

.text-shadow {
	text-shadow: 1px 1px 0px rgba(0,0,0,0.8)	
}
.text-no-shadow {
	text-shadow: none;	
}
.text-highlight {
	text-shadow: -1px -1px 0px rgba(255,255,255,0.8)	
}
clear { clear: both; }
.mgb10 { margin-bottom: 10px; }
.mgb20 { margin-bottom: 20px; }
.mgb30 { margin-bottom: 30px; }
.mgb40 { margin-bottom: 40px; }
.mgt0 { margin-top: 0; }
.mgt10 { margin-top: 10px; }
.mgt20 { margin-top: 10px; }
.mgt30 { margin-top: 30px; }
.mgt40 { margin-top: 40px; }
.mgt50 { margin-top: 50px; }
.mgt60 { margin-top: 60px; }

.rounded {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
}

h1.pre-title, 
h2.pre-title {
	font-size: 13px !important;
	border-bottom: 4px solid #0071bc !important;
	padding-bottom: 8px;
	margin-bottom: 10px;
	display: block;
	float: left; 
	clear: both;
}
.big-title {
	clear: both;
	display: block;
	font-size: 18px;
}

p.intro {
	color: #fff;
    background-color: #115476;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 800;
    padding: 25px 10px;
    margin-bottom: 40px;
}
p.intro-big, h2.intro-big {
	font-weight: 600;
	font-size: 22px	
}
h2.intro-big {
	margin: 0;
	line-height: 100%;	
}
ul.tick { margin-left: 0; padding-left: 0; }
ul.tick li {
	list-style: none;
	padding-left: 16px;
	background: transparent url('../images/tick.png') no-repeat 0 4px;
	margin-bottom: 4px;	
}
.blue-pane ul.tick li { background: transparent url('../images/tick-white.png') no-repeat 0 4px !important;
}

.pd-container { padding-top: 15px; padding-bottom: 40px;}
.pd20 {
	padding: 20px;	
}

.w100 { width: 100%; height: auto; }
.w100 img { width: 100%; height: auto;}

.uppercase { text-transform: uppercase; }

.blue-pane {
	background-color: #11334d; 
	color: #fff;
	    padding-top: 40px;
    padding-bottom: 40px;
}
.blue-pane.metodos {
	background: #11334d url('../images/fd-metodos.jpg') no-repeat 15% 100%; 
}
.grey-pane {
	background-color: #e8e8e8; 
	color: #000;
	padding-top: 20px;	
	padding-bottom: 20px;
}
.grey-pane.empresas {
	background: #e8e8e8 url('../images/fd-empresas.jpg') no-repeat top right;
	min-height: 180px;
}

.volver {
	color: #11334d;
}

@media screen and (min-width:768px) {
	.big-title {
		font-size: 26px;
		margin-bottom: 40px;
	}
	.pd20 {
	padding: 20px 20px 20px 0;	
}
}
@media screen and (min-width:992px) {
	.big-title {
		font-size: 32px;

	}
}

/********** BUTTONS ************/

.btn-esp {
	font-family: 'Raleway', sans-serif; 
	font-size: 18px;
	color: #fff;
	background: rgba(0,0,0,0.4);
	border: 1px solid #fff;
	padding: 8px 30px 8px 30px;
	transition: background 0.25s ease-in-out 0s;
}
.btn-eng {
	font-family: 'Raleway', sans-serif; 
	font-size: 18px;
	color: #fff;
	background: rgba(0,0,0,0.55);
	border: 1px solid #fff;
	padding: 8px 30px 8px 30px;
	transition: background 0.25s ease-in-out 0s;
}
.btn-esp:hover, .btn-eng:hover {
	color: #fff;
	background: rgba(17,51,77,1);
}
.btn-azul {
	font-size: 15px;
	text-align: left;
	color: #fff !important;
	font-weight: 400;
	background: #11334d url('../images/bullet-accordion.png') no-repeat 98% 50%;	
	padding: 7px 10px;
	    transition: all .3s ease-out;
}
.btn-azul:hover, .btn-azul:active {
	color: #fff;
	outline: none;
	background-color: #0071bc;	
}
.btn-azul:focus {
	outline: none;
}
.panel-group .panel + .panel {
	margin-top: 0;
}
.panel-group .panel {
	margin-bottom: 8px;
	background-color: #e8e8e8;
	border-radius: 0;
	border: none;
}
@media screen and (min-width:768px) {
	.btn-azul {
		font-size: 18px;
	}
}


/******************VALORES*****************/
.div-20 {
		margin-top: 10px;
		width: 100%;
		margin: 5px 0;
		text-align: left;
		float: left;
	}
	.div-20 img {
		float: left;
		margin-right: 15px;
		margin-left: 15px;	
	}
	.div-20 p { margin-right: 15px; }
/*
@media screen and (min-width:992px) {
.div-20 {
		margin-top: 10px;
		width: 31%;
		margin: 0 1%;
		text-align: center;
		float: left;
	}
	.div-20 img {
		float: none;
		margin-bottom: 10px;
		margin-left: 0;	
		margin-right: 0;
	}
	.div-20 p {
		clear: both;	
	}
}*/
	
@media screen and (min-width:1170px) {
	.div-20 {
		margin-top: 10px;
		width: 18%;
		margin: 0 1%;
		text-align: center;
		float: left;
	}
	.div-20 img {
		float: none;
		margin-bottom: 10px;
		margin-left: 0;	
		margin-right: 0;	
	}
	.div-20 p {
		clear: both;	
	}
}


/******************candidatos*****************/

.buscador {
	color: #fff;
	padding: 20px;
	background-color: #11334d;
	overflow: hidden;
}
.buscador select {
	float: left;	
}
.buscador .btn.btn-md.btn-default {
	color: #fff;
	background-color: #0071bc;
	border: 1px solid #0071bc;
	margin: 10px 0;
	width: 100%;
}
.buscador-der span {
	font-weight: bold;
	display: none;
	margin-right: 10px
}
.buscador-der img {
	margin-left: 0;
	margin-right: 25px;
}

.oferta {
	font-size: 13px;
	padding: 10px 0;
	overflow: hidden;
}
.titulo-oferta { 
	font-weight: bold;
}
.oferta:nth-child(even) {
	background-color: #e8e8e8;	
}
.oferta a {
	color: #11334d;	
}

.registro input[type=file] {
	float: left;	
	margin-top: 5px;
}
.registro div div {
	margin-top: 10px;	
}
p.help-block {
	float: left;
	margin-right: 15px;
}

.registro .btn.btn-md.btn-default {
	color: #fff;
	background-color: #0071bc;
	border: 1px solid #0071bc;
	margin: 0;
	width: 100%;
}


@media screen and (min-width:768px) {
	.buscador-der {
		float: none;	
	}
	.buscador-der img {
		margin-left: 25px;
		margin-right: 0;
	}
	.buscador .btn.btn-md.btn-default {
		width: auto;
		margin: 0 0 0 10px;
	}
	
}

@media screen and (min-width:992px) {
	.buscador-der {
		float: right;	
	}
}
@media screen and (min-width:1200px) {
	.buscador-der span {
		display: inline;
	}
	
}

/******************NEWS********************/

h2.date-news { 
	color: #fff;
	font-size: 13px;
	background-color:#0071bc;
	padding: 2px 4px;
	display: inline-block;
	float: left;
	clear: both;
	margin: 0 0 25px 0;
}
.news-content {
	display: block;
	clear: both;	
}
.photo-news {
	margin: 25px 0;	
}

/**************Ofertas empleo************/

.item-oferta {
	padding: 5px 0;	
}
.item-oferta .destacada {
	background-color: #eee;
	overflow: hidden;
	padding: 8px 0;
	margin: 0 15px;
}

/******************mapa*******************/
#map {
	width: 100%;
	height: 305px;
	float: left;
	clear: both;
	margin-bottom: 30px;
}
@media screen and (min-width:992px) {
	#map {
		width: 100%;
		height: 405px;
	}
	.map .email {
		margin-bottom: 20px;
		display: block;
	}
}
@media screen and (min-width:1200px) {
	#map {
		width: 100%;
		height: 505px;
	}
	.map .email {
		margin-bottom: 30px;
	}
}
		
/******************footer*****************/

.footer { 
	color: #fff;
	background-color: #115476; 
	padding: 30px 0;
	overflow: hidden;
	margin-top: 40px;
}
.footer h2.pre-title {
	margin-top: 0;
	clear: both;
}
.footer p, .footer ul {
	display: block;
	clear: both;	
}
.footer a:link,
.footer a:visited {
	font-weight: 600;
	color: #fff;	
}
p.telefono {
	font-size: 19px;
	padding-left: 20px;
	background: transparent url('../images/ico-phone.png') no-repeat center left;
}
p.fax {
	padding-left: 20px;
	background: transparent url('../images/ico-fax.png') no-repeat center left;
}
p.email {
	padding-left: 20px;
	background: transparent url('../images/ico-email.png') no-repeat center left;
}
p.direccion {
	padding-left: 20px;
	background: transparent url('../images/ico-address.png') no-repeat 0 0;
}

/***************MODALES**************/
.modal h2 {
	color: #115476;
	font-size: 22px;
}
.modal h3 {
	font-size: 18px;
	font-weight: bold;
}
.modal table {
width: 100%;
}
.modal table tr:nth-child(even) td {
	background-color: #f2f2f2;
}
@media (min-width: 768px) {
	.modal-dialog {
	    width: 80%;
	    max-width: 900px;
	    margin: 30px auto;
	}
}

/***************OFERTAS DE EMPLEO 2024**************/

.co-candidatos-cv, .co-candidatos-ofertas {
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 150px;
	margin-bottom: 30px;
}
@media (min-width: 768px) {
	.co-candidatos-cv, .co-candidatos-ofertas {
		min-height: 300px;
	}
}
.co-candidatos-cv {
	background: url(/images/img-candidatos1.jpg) no-repeat center center;
	background-size: cover;
}
.co-candidatos-ofertas {
	background: url(/images/img-candidatos2.jpg) no-repeat center center;
	background-size: cover;
}
.btn-cta {
	color: white;
	font-weight: bold;
	font-size: 22px;
	background: rgba(21,165,182,1);
	display: inline-block;
	padding: 8px 0;
	min-width: 240px;
	text-align: center;
	letter-spacing: .1rem;
}
.btn-cta:hover,
.btn-cta:active,
.btn-cta:focus {
	color: rgba(21,165,182,1);
	background: white !important;
	text-decoration: none;
	background-color: black;
}