@charset "utf-8";



/* --------------------------------------------------------------------	*/
/*	CSS Bootstrap 4 media queries										*/
/* --------------------------------------------------------------------	*/
@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}



/* Limit container to 1200 max */
/*@media (min-width: 1200px) {
    .container{
        max-width: 1200px;
    }
}*/




/* --------------------------------------------------------------------	*/
/*	CSS custom fonts													*/
/* --------------------------------------------------------------------	*/





/* --------------------------------------------------------------------	*/
/*	CSS general															*/
/*  -------------------------------------------------------------------	*/
html {
	
}

body {
	font-family:'Raleway', 'Arial';
	padding: 0px 0px 0px 0px;

	/*background:url(../img/bg_full.jpg) no-repeat;*/
	background-color: #ececec;
}

h1 {
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 0px;

	color:#0075cc;
	font-weight: 700;
	font-size:29px;
	line-height: 1.1em;
	text-transform: uppercase;
}



	@media (max-width: 767px) {
		h1 {
			margin: 0px 0px 20px 0px;
			font-size:22px!important;
		}


	}


h2 {
	margin:0px 0px 70px 0px!important;
	color:#737373!important;
	font-weight: 300!important;
	font-size:48px!important;
	line-height: 1.0em!important;
	text-transform: uppercase;
}

	h2 span {
		display: block;
		margin-top:20px;
		color:#4c4c4c!important;
		font-weight: 600!important;
		font-size:72px!important;
		line-height: 1.0em!important;
		text-transform: none;
	}

@media (max-width: 1199px) {
	h2 {
		font-size:40px!important;
	}

		h2 span {
			font-size:60px!important;
		}
}


@media (max-width: 767px) {
	h2 {
		margin:0px 0px 35px 0px!important;
		font-size:20px!important;
	}

		h2 span {
			font-size:30px!important;
		}
}





h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;

	font-family: 'Raleway', 'Arial';
	font-size:16px!important;
	line-height: 18px;
	color: #455465;
}




p {
	margin: 0px 0px 15px 0px!important;
	/*color:#525c61!important;*/
	font-weight: 400;
	color:#4b4b4b!important;
	font-size:18px!important;
	line-height: 1.3em;
}

	p.especial {
		font-size:18px;
		font-weight: bold;
		color:#000000;
	}

	.texto-destacado {
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px;

		font-size:20px!important;
		line-height: 24px;
	}

	.destacado-2 {
		margin: 0px 0px 15px 0px;
		padding: 0px 0px 0px 0px;

		font-family: 'vag_bold', 'Arial';
		font-size:24px!important;
		line-height: 27px;
		color: #000000!important;
	}

@media (max-width: 1199px) {
	p {
		font-size:16px!important;
	}
}
@media (max-width: 767px) {
	p {
		font-size:14px!important;
	}

	.texto-destacado {
		font-size:18px!important;
		line-height: 21px;
	}
}


a {
	/*color:#455465;*/
	color:#133165!important;
	text-decoration: underline;
}



.bg-color-1 {
	background-color: #e6e6e6;
}

.bg-color-2 {
	background-color: #0075cc;
}



/* --------------------------------------------------------------------	*/
/*	CSS comunes												*/
/*  -------------------------------------------------------------------	*/
@media (min-width: 768px) {
  .text-right-responsive { text-align:right; }
  .text-left-responsive { text-align:left; }
}

.img-responsive {
	width:100%;
}

.volver {
	border-top: 1px solid #b4b4b4;
	margin: 20px 0px 20px 0px;
	padding: 5px 0px 0px 0px;
}
	a.volverButton {
		font-size:12px;
		color:#999;
	}

#contenido {
	margin:30px 0px 0px 0px;
}

.bg {
	/*background:url(../img/bg.jpg) no-repeat;*/
	min-height: 1000px;
}

img[usemap], map area{
    outline: none;
}

.ppt-download {
	padding:4px 0px 20px 20px;
	background:url(../img/ico_ppt.png) no-repeat 0px 0px;

	color:#000;
}

.pdf-download {
	padding:0px 0px 20px 20px;
	background:url(../img/ico_pdf.png) no-repeat 0px 0px;

	color:#000;
}

#apoyo {
	margin: 0px 0px 40px 0px;
}

a.boton {
	position: relative;
	display: inline-block;
	margin: 10px 0px 10px 0px;

	color:#fff!important;
	background-color: #ffa013;
	padding:16px 45px 16px 45px;
	border-radius: 12px;

	font-weight: 700;
	font-size:18px;

	text-decoration: none;
	text-transform: uppercase;
}

	a.boton span {
		display: block;
		margin-top:6px;
		font-size:14px!important;
		line-height: 1.1em;
		color:#5cbbe6!important;
	}

a.boton-tipo-2 {
	color:#0075cc!important;
	background-color: #fff;
	text-align: center;
}

a.boton-pdf {
	margin-right: 53px;
}

	a.boton-pdf:after {
		position: absolute;
		top:0;
		right:-53px;
		content:'';
		display: inline-block;
		background-image: url(../img/ico-pdf-big.png);
		background-size: 100%;
		width: 49px;
		height: 60px;
		
	}

a.boton-download {
	display: inline-block;
	margin: 10px 0px 10px 0px;

	color:#133165!important;
	background-color: #dee5e9;
	padding:16px 20px 14px 20px;

	font-size:20px;

	text-decoration: none;

}
	a.boton-download:before {
		content:'';
		display: inline-block;
		background-image: url(../img/ico-download-2.png);
		width: 23px;
		height: 30px;
		
		margin-right: 10px;
	}


@media (max-width: 767px) {
	a.boton {
		padding:12px 15px 12px 15px;
		font-size:14px;
	}
		a.boton span {
			font-size:12px;
		}

	a.boton-pdf {
		margin-right: 38px;
	}
		a.boton-pdf:after {
			right:-38px;
			width: 36px;
			height: 44px;
		}
}






ul, ul.list {
	list-style: none;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
	ul li, ul.list li {
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 0px 12px;

		background: url(../img/puntin_list.png) no-repeat 0px 9px;

		font-size:18px!important;
		line-height: 1.3em!important;
		color: #000!important;
	}

		ul.list.special li {
			font-size:26px!important;
			background-position: 0px 14px;
		}

	ul.list-2 li {
		background: url(../img/puntin_list_2.png) no-repeat 0px 9px;
	}


.descarga {
	
}

.descarga:before {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    color: #133165;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9;
}
.descarga:before {
	content: "\e656";
}
.descarga:before, .descarga:hover:before {
    text-decoration: none;
}
.descarga:before {
    display: inline-block;
    font-family: 'thyssen-krupp-iconfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.descarga:before {
    font-size: 20px;
}

.descarga, .descarga:before {
    font-size: 20px;
}

a.pdf-link {
		display: block;
		width: 27px;
		height: 30px;

		background-image: url(../img/ico-pdf.png);
		background-repeat: no-repeat;

		text-decoration: none!important;
	}

	a.doc-link {
		display: block;
		width: 27px;
		height: 30px;

		background-image: url(../img/ico-doc.png);
		background-repeat: no-repeat;

		text-decoration: none!important;
	}


.contenido-interior {
	max-width: 600px;
	margin:0px auto 0px auto;
}

.caja-contenedora {
	border:1px solid #133165;
	padding:40px 10% 40px 10%;
	margin-bottom: 30px;
	text-align: center;
}

.caja-contenedora.w-450 {
	margin-left: auto;
	margin-right: auto;
    max-width: 450px;
}

.caja-contenedora-estrecha-no-border {
	padding:40px 10% 40px 10%;
	margin-bottom: 30px;
	text-align: center;
}



/* --------------------------------------------------------------------	*/
/*	CSS header												*/
/*  -------------------------------------------------------------------	*/
header {
	position: relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;

	/*padding:0px 0px 20px 0px;*/
	
	/*background-color: #133165;*/
}

	#preHeaderContainer {
		background-color:#000;
		padding: 8px 0px 8px 0px;
	}

		#preHeaderContainer ul {
			list-style: none;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			text-align: right;
		}
			#preHeaderContainer ul li {
				background:none;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;

				display: inline-block;
				margin-left: 20px;
				font-weight: 700;
				font-size:12px!important;
				color:#fff;
				text-transform: uppercase;
			}

				#preHeaderContainer ul li a {
					color:#fff!important;
					text-decoration: none;
				}




	#headerContainer {
		/*background-image: url(../img/header-bg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;*/
		/*background-repeat: repeat-x;*/

		padding-left: 40px;
		padding-right: 40px;
		/*border-bottom: 2px solid #102245;*/
	}


@media (max-width: 1199px) {
	#headerContainer {
		padding-left: 0px;
		padding-right: 0px;
	}
}


		#headerElementsContainer {
			display: flex;
			/*flex-wrap: wrap;*/
			flex-direction: column;
			/*align-items: center;*/
			/*height: 120px;*/
		}

		#headerElementsContainer.interactive {

		}

			#headerElementsContainer #logo-wrapper {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				/*width: 50%;*/
				
			}

				#headerElementsContainer #logo-wrapper #logo {
					width: 246px;
				}
					#headerElementsContainer #logo-wrapper #logo img {
						max-width: 150%;
					}


		.languageSelectorContainer {
			display: block;
			/*display: none;*/

			/*vertical-align: middle;*/
			margin-top: 10px;
			margin-bottom: 0px;

			font-weight: 500;
			font-size:14px;
			color:#005391;
		}


			.selector p {
			  display: inline-block;
			  margin: 0;
			}

			.selector .language-select {
			  /*position: relative;
			  z-index: 200;*/
			  display: inline-block;
			  position: relative;
			  z-index: 10;
			  margin:1px 0px 0px 0px;
			  /* Open layer */
			}
			.selector .language-select .label {
			  /*border: 1px solid #00a0f0;*/
			  font-size: 100%;
			  color: #005391!important;
			  cursor: pointer;
			  display: inline-block;
			  /*padding: 3.736px 0 3.736px 11px;*/
			  padding:0px 0px 0px 0px;
			  text-decoration: none;
			  white-space: nowrap;
			}
			header .selector .language-select a.label:hover {
				text-decoration: none!important;
			}

			.selector .language-select .label:after {
			}
			header .selector .language-select .label:after,
			header .selector .language-select .label:hover:after {
			  text-decoration: none;
			}
			
			
			
				header .selector .language-select ul {
				  list-style: none;
				  max-height: 0%;
				  overflow: hidden;
				  -webkit-transition: max-height 0.5s;
				  -moz-transition: max-height 0.5s;
				  -o-transition: max-height 0.5s;
				  transition: max-height 0.5s;
				  margin-right: 0;
				  position: absolute;
				  right: -15px;
				  text-align: left;
				  top: 20px;
				  z-index: 20;
				}
				header .selector .language-select ul li {
				  float: none;
				  margin: 0px 0px 0px 0px;
				  background:none;
				  text-indent: -0.0em;
    			  padding-left: 0.0em;
				}
				header .selector .language-select ul li:before {
					content: none;
				}
				header .selector .language-select ul li a {
				  font-size: 14px;
				  line-height: 1.625em;
				  background-color: #fff;
				  border: 1px solid #005391!important;
				  color: #005391!important;
				  display: block;
				  padding: 4px 6px;
				  text-decoration: none;
				  white-space: nowrap;
				}
					header .selector .language-select ul li a:hover {
					  background-color: #000!important;
					  color:#333;
					}



			#headerElementsContainer #titulo {
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
				align-items: right;
				text-align: right;
				width: 50%;
			}

				#headerElementsContainer #titulo span.titulo-parte-1 {
					color:#fff;
					font-weight: 700;
					font-size:35px;
					line-height: 1.1em;
					text-transform: uppercase;
				}
				#headerElementsContainer #titulo span.titulo-parte-2 {
					color:#6ca9c6;
					font-weight: 700;
					font-size:29px;
					line-height: 1.1em;
					text-transform: uppercase;
				}

			#headerElementsContainer.interactive #logo-wrapper {
				width: 40%;
			}

			#headerElementsContainer.interactive #titulo {
				width: 60%;
			}

				#headerElementsContainer.interactive #titulo span.titulo-parte-1 {
					color:#6ca9c6;
					font-weight: 400;
					font-size:29px;
					line-height: 1.1em;
					text-transform: uppercase;
				}
				#headerElementsContainer.interactive #titulo span.titulo-parte-2 {
					color:#fff;
					font-weight: 400;
					font-size:29px;
					line-height: 1.1em;
					text-transform: uppercase;
				}

			

			

		@media(max-width:1199px) {
				#headerElementsContainer #titulo span.titulo-parte-1 {
					font-size:30px;
				}
				#headerElementsContainer #titulo span.titulo-parte-2 {
					font-size:24px!important;
				}
		}

		@media(max-width:991px) {
				#headerElementsContainer #titulo span.titulo-parte-1 {
					font-size:25px!important;
				}
				#headerElementsContainer #titulo span.titulo-parte-2 {
					font-size:19px!important;
				}
		}

		@media(max-width:767px) {
				#headerElementsContainer #titulo span.titulo-parte-1 {
					font-size:20px!important;
				}
				#headerElementsContainer #titulo span.titulo-parte-2 {
					font-size:14px!important;
				}
		}

		@media(max-width:767px) and (orientation:landscape) {

			#headerElementsContainer {
				
			}
				#headerElementsContainer #logo-wrapper {
					width: 100px;
				}
				#headerElementsContainer #titulo {
					width: 75%;
				}


		}

		@media(max-width:576px) {

			#headerElementsContainer {
				
			}

				#headerElementsContainer #logo-wrapper {
					width: 25%;
				}
				#headerElementsContainer #titulo {
					width: 75%;
				}

					#headerElementsContainer #titulo span.titulo-parte-1 {
						font-size:15px!important;
					}
					#headerElementsContainer #titulo span.titulo-parte-2 {
						font-size:12px!important;
					}
		}

	










#globalFormProgressIndicatorContainer {
	display:none;

	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;

	background: url(../img/transp-bg.png);
}

	#globalFormProgressIndicator {
		width: 100%;
		height: 100%;
	}

		#globalFormProgressIndicator img {
			margin: auto;
			position: absolute;
			left:0;top:0;right: 0; bottom: 0;

		}


#introContainer {
	/*display:none;*/
	display: flex;
	align-items: center;
	justify-content: center;

	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;

	background: url(../img/transp-bg.png);
}

	#introContainerContenido {
		position: relative;

		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		/*background-color: #ececec;
		border-radius: 50%;*/
		
		width: 80%;
		height: 80%;
		max-width: 750px;
		max-height: 750px;

		/*width: 40%;
  		height: 40%;
  		background-image: url(../img/circulo-bg.png);
  		background-repeat: no-repeat;
  		background-size: 100%;*/

  		text-align: center;
		
		/*max-width: 80%;
		max-height: 85%;*/
	}
	#introContainerContenido:before {
		position: absolute;
		content: '';
		background-color: #ececec;
		border-radius: 50%;
		height: 0;
		padding-bottom: 100%;
		width: 100%;
	}
		#introContainerContenido >div {
			position: relative;
			z-index: 1;
			padding: 30px 120px 30px 120px;
		}

			#introContainerContenido >div #intro-logo {

			}

				#introContainerContenido #intro-logo img {
					/*width: 246px;*/
					max-width: 100%;
					margin: 0px auto 20px auto;
				}

			#introContainerContenido h1 {
				margin-bottom: 20px!important;
				font-weight: 700!important;
				font-size: 50px!important;
				color: #000;
				text-transform: none;
			}

			#introContainerContenido p.destacado {
				margin-bottom: 15px!important;
				font-weight: 700;
				font-size: 22px!important;
			}
			#introContainerContenido p {
				margin-bottom: 10px!important;
				font-weight: 500;
				font-size: 18px!important;
			}

			#introContainerContenido a {
				margin-top: 20px;
			}


@media (max-width: 1199px) {
		#introContainerContenido >div {
			padding: 30px 60px 30px 60px;
		}
}

@media (max-width: 767px) {
	#introContainerContenido {
		width: 95%;
		height: 95%;
	}
		#introContainerContenido >div {
			padding: 20px 20px 20px 20px;
		}

				#introContainerContenido #intro-logo img {
					width: 100px;
					margin-bottom: 10px;
				}

			#introContainerContenido h1 {
				margin-bottom: 10px!important;
				font-size: 20px!important;
			}

			#introContainerContenido p.destacado {
				margin-bottom: 10px!important;
				font-size: 13px!important;
			}
			#introContainerContenido p {
				margin-bottom: 10px!important;
				font-weight: 500;
				font-size: 12px!important;
			}

			#introContainerContenido a {
				margin-top: 0px;
			}


}