/*  @import '/system/shared/css/css-general.css';  
 @import 'https://malaga-abierta.malaga.eu/export/system/shared/css/css-general.css';  */


/* @import '/system/shared/css/aos.css'; 
@import 'https://malaga-abierta.malaga.eu/export/system/shared/css/aos.css'; */

@import '/system/shared/css/fontawesome/css/fontawesome.css';
@import '/system/shared/css/fontawesome/css/brands.css';
@import '/system/shared/css/fontawesome/css/solid.css';
@import 'gaf-styles.css';


/*CABECERA DE LA PÁGINA DE INICIO*/
.subir-margen {
margin-top: -35%; 
}


/*footer*/

#footer {
    background: #333;
    border-bottom: 4px solid #40a8c4;
	-webkit-box-shadow: 3px -3px 5px 0px #0003;
    -moz-box-shadow: 3px -3px 5px 0px #0003;
    box-shadow: 3px -3px 5px 0px #0003;
}

#footer h2, #footer .h2 {
    font-size: 36px;
    font-family: 'Poppins Bold';
    color: white;
}

.copyright .pl-5 {
    color: #40a8c4;
    font-family: 'Poppins Bold';
}


/*!
* CSS para incorporación del Banner Ciudad
*/
#topbar.container {
    margin-left: 0px;
    margin-right: 0px;
    width: auto;
}
#topbar li a {
    text-transform: lowercase !important;
    padding: 18px !important;
}
#header .header-top .navbar-nav.navbar-right:last-child {
    padding: 8px;
}
.header-top {
    background-color: #00587C !important;
}
#header .header-top .nav li a:hover, #header .header-top .nav li a:focus {
    background-color: #003e57;
}
#header .navbar-collapse .navbar-nav > li > a {
  color: #fff;
  font-size: 17px;
  padding: 20px 12px;
}
@media (min-width: 1200px) {
  #header.sticky .navbar-collapse .navbar-nav > li > a {
    padding: 30px 12px;
  }
}



.ma-banner {
	height: 30vh;
	font-family: 'Roboto Regular', sans-serif;
	background-image: linear-gradient(
		to right bottom,
		rgb(20, 30, 48, 1),
		rgb(0, 94, 125, 1)
	);
}

/*
.text-box {
	position: absolute;
	top: 500%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.heading-primary {
	color: white !important;
	text-transform: uppercase;
}

.heading-primary-main {
	display: block;
	font-size: 60px;
	font-weight: 600;
	letter-spacing: 20px;
	animation-name: moveInLeft;
	animation-duration: 1s;
	animation-timing-function: ease-out;

}

.heading-primary-sub {
	display: block;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 44px;
	animation-name: moveInRight;
	animation-duration: 1s;
	animation-timing-function: ease-out;
}
*/

/*Animaciones del título fade-in con movimiento */

@keyframes moveInLeft {
	0% {
		opacity: 0;
		transform: translateX(-100px);
	}
	80% {
		transform: translateX(10px);
	}
	100% {
		opacity: 1;
		transform: translate(0);
	}
}
@keyframes moveInRight {
	0% {
		opacity: 0;
		transform: translateX(100px);
	}
	80% {
		transform: translateX(-10px);
	}
	100% {
		opacity: 1;
		transform: translate(0);
	}
}
.box.color-box.color-box-brand {
  background: none repeat scroll 0% 0% #0c364d !Important;
}

@media (min-width: 1200px) {
  #header .navbar-collapse .navbar-nav {
    background: #0c364d;
  
  }
}
/*
Animaciones de elementos flotantes.
*/
.elements {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.elements li {
	position: absolute;
	display: block;
	list-style: none;
	width: 20px;
	height: 20px;
	background:  rgba(255, 255, 255, 0.2); 
	animation: animate 25s linear infinite;
	bottom: -150px;
}

.elements li:nth-child(1) {
	left: 25%;
	width: 80px;
	height: 80px;
	animation-delay: 0s;
}

.elements li:nth-child(2) {
	left: 10%;
	width: 20px;
	height: 20px;
	animation-delay: 2s;
	animation-duration: 12s;
}

.elements li:nth-child(3) {
	left: 70%;
	width: 20px;
	height: 20px;
	animation-delay: 4s;
}

.elements li:nth-child(4) {
	left: 40%;
	width: 60px;
	height: 60px;
	animation-delay: 0s;
	animation-duration: 18s;
}

.elements li:nth-child(5) {
	left: 65%;
	width: 20px;
	height: 20px;
	animation-delay: 0s;
}

.elements li:nth-child(6) {
	left: 75%;
	width: 110px;
	height: 110px;
	animation-delay: 3s;
}

.elements li:nth-child(7) {
	left: 35%;
	width: 150px;
	height: 150px;
	animation-delay: 7s;
}

.elements li:nth-child(8) {
	left: 50%;
	width: 25px;
	height: 25px;
	animation-delay: 15s;
	animation-duration: 45s;
}

.elements li:nth-child(9) {
	left: 20%;
	width: 15px;
	height: 15px;
	animation-delay: 2s;
	animation-duration: 35s;
}

.elements li:nth-child(10) {
	left: 85%;
	width: 150px;
	height: 150px;
	animation-delay: 0s;
	animation-duration: 11s;
}

@keyframes animate {
	0% {
		transform: translateY(0) rotate(0deg);
		opacity: 1;
		border-radius: 0;
	}

	80% {border-radius: 50%;}

	100% {
		transform: translateY(-1000px) rotate(720deg);
		opacity: 0;
		border-radius: 100%;
	}
}


/* background para las distintas secciones */

.layer-pie {
  padding-top: 10px;
  background: #0C364D;
  color: white;
}
.layer-pie .main-column .headline .title {
  color: white;
}
.layer-pie .v-align-m {
  color: white;
}
.layer-objetivos {
  background: #e4ecee;
  padding-bottom: 100px;
  clip-path: polygon(0 0, 100% 1%, 100% 82%, 0% 100%);
}

.layer-compra {
  background: #e4ecee;
  padding-bottom: 100px;
}

.layer-retos {

}

.layer-documentos {

}

.layer-faqs {
  background-color: #efefef;
  padding-top: 40px;
  padding-bottom: 40px;
}



/* 
  Estilos para cajas de la Sección: Retos del Proyecto
*/

.heading-tertiary {
  font-family: "Roboto Thin";
  color: #cef6ff !important;
  text-transform: uppercase;
  letter-spacing: 5px;
}


.feature-box:hover {
  transform: translateY(-1.0rem) scale(1.03);
}
.feature-box a {
  color: white !important;
}
.feature-box {
  background-color: rgb(12, 54, 77);
  color: white;
  font-size: 1.5rem;
  padding: 2.5rem;
  text-align: center;
  border-radius: 3px;
  -webkit-box-shadow: 0 1.5rem 4rem rgba(0,0,0,0.15);
  box-shadow: 0rem 1rem 1.3rem rgba(0,0,0,0.35);
  -webkit-transition: -webkit-transform .3s;
  transition: transform .2s, -webkit-transform .2s;
  min-height: 192px;
}


@media screen and (max-width: 640px) {

  .layer-objetivos {
    clip-path: none;
  }
  
  .heading-primary-main {
    letter-spacing: 10px;
	text-align: center;
  }
  
  .heading-primary-sub{
  	letter-spacing: 20px;
    text-align: center;
  }
  
  .text-box {
    top: 400%;
	left: 52%;
  }



}





/* ******************************************* 



.title-parallax {
  display: inline-block;
  padding: 15px;
  background: none;
  font-weight: lighter;
  font-size: 65px;
  text-shadow: 2px 2px 3px #2f2f2f;
  color: black;
}

*/ 


/* Botón CTA
.button-cta {
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 1px;
    padding: 13px 20px 13px;
    outline: 0;
    border: 1px solid black;
    cursor: pointer;
    position: relative;
    background-color: #FFD040;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
	color: black !important;
	white-space: nowrap;
  }
  
.button-cta:after {
    content: "";
    background-color: black;
    width: 100%;
    z-index: -1;
    position: absolute;
    height: 100%;
    top: 7px;
    left: 7px;
    transition: 0.2s;
  }
  
.button-cta:hover:after {
    top: 0px;
    left: 0px;
}
    
	
@media (min-width: 768px) {
    .button-cta {
      padding: 13px 50px 13px;
    }
}

.back-cta {
   z-index: 0; 
}

 */

/* Texto Anuncio Franja horizontal */ 
.anuncio-banner {
  line-height: 44px;
}
.anuncio-banner > .linea-1 {
  font-size: 40px;
}
.anuncio-banner > .linea-2 {
  font-family: "WorkSans Bold";
  font-size: 54px;
}
/* BOTONES */
.btn-specific-main {
    color: #000;
    border: 3px solid #000;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    background:transparent;
}

.btn-specific-main:hover, .btn-specific-main:focus, .btn-specific-main:active, .btn-specific-main.active, .btn-specific-main.disabled, .btn-specific-main[disabled] {
    background-color: #000;
}

.btn-block {
	display:inline-block;
	width:auto;
	}
.no-pdf-detalle .btn {
display:none;
}
.margen {
padding: 40px;
}

/*

.articulo header h1.title {
  color: white;
}
.articulo header h2.subtitle {
  color: white;
}

.articulo header h1.title, .articulo header h2.title, .articulo header .h1.title, .articulo header .h2.title {
display: block;
	font-size: 60px;
	font-weight: 600;
	letter-spacing: 20px;
}
.articulo header .subtitle {
  display: block;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 46px;
}

.title-lg .title {
  font-size: 40px !important;
}




.nuevo-h5 .h5 {
  font-size: 22px;
}


*/


/*Menú secundario*/
.secundario .menu-horizontal .nav > li > a {
  background: #0C364D;
  color: white;
  margin-bottom: -8px;  
}

.secundario .menu-horizontal .nav > li:first-child > a {
  border-left: none;
}

.secundario .navbar {
  margin-bottom: 0;
}

 .content-interior .secundario .menu-horizontal .nav > .active > a, .content-interior .menu-horizontal .nav > .active > a:hover,
.content-interior .secundario .menu-horizontal .nav > li > a:hover {
  color: #fff;
  background: #00587C;
}

.bg-azul {
  background: #0C364D;
}