/******** HEADER ***********/
.header {
    width: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
}

.headerNav{
    background: #fff;
    height: 70px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgb(0 0 0 / 20%);
}

.headerNav_content {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.headerNav .headerLogo {
    width: auto;
    height: 70px;
    float: left;
    cursor: pointer;
    line-height: 70px;
}

.headerNav .headerLogo img {
    width: auto;
    height: 50px;
    margin-top: 9px;
}

.headerNav_content .menu {
    height: 70px;
    text-align: center;
    transition: all 0.3s ease;
}

.headerNav_content .menu_idiomas {
    height: 70px;
    text-align: center;
    transition: all 0.3s ease;
}
.headerNav_content .menu ul ul.menuColabora {    
    width: auto;
    height: auto;
    position: fixed;
    top: -300px;
    right: 30%;
    background: rgb(255, 255, 255, 0.8);
    text-align: left;
    z-index: -1;
    transition: top 0.5s;
    /* display: flex; */
    /* flex-wrap: nowrap; */
    /* justify-content: space-between; */
    padding: 10px 2%;
	border-radius:4px;
	color: #666;
    font-size: 14px;
	font-weight:bold;

}

.headerNav_content .menu ul li:hover > ul {
    top: 70px;
}

.headerNav_content .menu ul ul.menuColabora a{
	line-height: 40px;
    height: 40px;	
}
ul a li:hover{
	color: #005CA0;
	cursor:pointer;
}

.headerNav_content .menu ul, .headerNav_content .menu_idiomas ul{
    width: 100%;
    height: 70px;
    padding: 0px;
    margin: 0px;
    list-style: none;
    position: relative;
    display: inline-block;
}

.headerNav_content .menu > ul > li, .headerNav_content .menu_idiomas > ul > li{
    display: inline-block;
    height: 70px;
}

.headerNav_content .menu ul li > a, .headerNav_content .menu_idiomas ul li > a{
    padding: 0 15px;
}

.headerNav_content .menu ul li a{
    font-weight: bold;
    display: block;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    height: 70px;
    line-height: 70px;
}

.headerNav_content .menu_idiomas ul li a{
	font-weight: bold;
    display: block;
    text-decoration: none;
    color: #c4c4c4;
    font-size: 14px;
    height: 70px;
    line-height: 70px;
}

.headerNav_content .iconMenu {
    display: none;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.headerNav_content .iconMenu .barras {
    cursor: pointer;
    position: fixed;
    left: 30px;
}

.headerNav_content .iconMenu .barras img {
    width: 28px;
}

.headerNav_content .iconMenu .cross {
    display: none;
    cursor: pointer;
    position: fixed;
    left: 30px;
}

.headerNav_content .iconMenu .cross img {
    width: 35px;
}

.headerNav_content .iconMenu a {
    text-decoration: none;
    cursor: pointer;
    margin-left: 20px;
}

/******** BTN SCROLL TOP ***********/

.btnScrollTop {
    display: none;
    position: fixed;
    bottom: 250px;
    right: 30px;
    border: 2px solid #005CA0;
    cursor: pointer;
    padding: 13px 17px;
    z-index: 70;
    opacity: 0.7;
    background: rgb(153, 199, 235, 0.3);
    border-radius: 50%;
	color: #005CA0;
}
    
.btnScrollTop:hover {
        opacity: 1;
		background:rgb(0, 176, 237, 0.05);
		border: 2px solid #0072CE;
		color: #0072CE;
}

    

/******** BODY ***********/

 *{
            box-sizing: border-box;
        }
        html,body{
            margin: 0;
            padding: 0;
			overflow-x: hidden;
        }
        body{
            font-family: 'Roboto', sans-serif;
            line-height: 1.4;
            font-size: 14px;
            font-size: 18px;
        }
		
		label {
			display: inline;
		}
	
		.mvl {
			display:none;
		}
		
		.hide{
			display: none!important;
		}
		
		 div[class*="seccion"] {
            padding-bottom: 50px;
            padding-top: 100px;
        }
		
		.container{
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
        }
		
		a{
			text-decoration:none;
			color:#000;
		}
		
		a:hover{
			text-decoration:none;
			color:#000;
		}

/******** SECTION 0 ***********/
	#circle1, #circle2, #points {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }
		
	 #points {
        background: url("../img/portada3.png");
		z-index:-1;
        top: 20px;
    }       
	 
     #circle1 {
        background: url("../img/portada1.png");
		z-index:-1;
     }
        
     #circle2 {
       background: url("../img/portada2.png");
		z-index:-1;
     }
	 
	 h1{
            font-family: 'Roboto', sans-serif;
            font-weight: bold;
            font-size: 55px;
            line-height: 1.3;
            margin: 16px 0 0;
            color: #2f2f2f;
        }
        
/******** SECTION 1 - QUÉ ES***********/

img.imgIcon {
	display: block;
	margin: 0 auto;
	width: 124px;
	margin-bottom: 20px;
}

img.imgIcon2 {
	display: block;
	margin: 0 auto;
	width: 65px;
	margin-bottom: 20px;
}

#parallax1{
	position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: url("../img/gente-geimac.jpg");
			z-index:-1;
}

#parallax2{
	position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: url("../img/trabajando-geimac.jpg");
			z-index:-1;
}

#parallax3{
	position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: url("../img/revistas-geimac.jpg");
			z-index:-1;
}

#parallax4{
	position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: url("../img/trabajo-geimac.jpg");
			z-index:-1;
}

/******** SECTION 2 - EQUIPO ***********/  
        #equipo {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: url("../img/Equipo.png");
			z-index:-1;
        }    
		
/**** btn ****/  
        .btn{
            display: inline-block;
			width:45%;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
			border: 1px solid #005CA0;
            background: rgb(0, 176, 237, 0.1);
            color: #005CA0;
            text-decoration: none;
        }

        .btn .fa{margin-right: 12px;}

        .btn:hover{
            border: 1px solid #005CA0;
            background: rgb(0, 92, 160, 0.5);
			color: #fff;
        }

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    border: 1px solid #005CA0;
    background: rgb(0, 92, 160, 0.5);
    box-shadow: 0 0 0 0rem ;
}		

/******** SECTION 3 - LÍNEAS ***********/	

 span.lineas{
      font-size: 25px;
      font-weight: bold;
}

.divLinea{
	padding:10px;
}

.divLinea:hover{
	background-color: rgb(0, 92, 160, 0.1);
	border-radius: 5px;
	cursor:pointer;
}

.divLinea2{
	padding:10px;
}

.divLinea2:hover{
	background-color: rgb(0, 176, 237, 0.1);
	border-radius: 5px;
	cursor:pointer;
}

.imgLineas{
	height:250px;
}

.imgPubli{
	height:150px;
}

/******** SECTION 4 - PROYECTOS ***********/

.imgProyectos{
	height:200px;
}
/******** SECTION 6 - ÚNETE A NOSOTROS ***********/
.divColabora{
	margin-top:50px;
	background-image: linear-gradient(to bottom right, rgb(0, 92, 160, 0.8), rgb(0, 176, 237, 0.6));
	text-align:center;
	color:#fff;
	padding: 60px 0px;
	border-radius:4px;
}

.btn2 {
	border: 1px solid #fff;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	text-decoration:none;
	cursor:pointer;
	padding: 10px 15px;
}

.btn2:hover {
	background-color: #fff;
	color: #005CA0;
}
		
/******** FOOTER ***********/

 .footer{
     font-size: 14px;
     padding: 20px 0;
     background: #EDEDED;
     color: #333;
}
	.footer a{
            color: #666;
     }
	 
span.titleFooter {
    font-size: 20px;
    font-weight: bold;
}

.rights {
    margin-top: 50px;
}

/******** PÁGINA EQUIPO ***********/

.tipoEquipo{
	margin: 70px 0px;
}

.btnEquipo {
    width: 100%;
    padding: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-bottom: 2px solid #005CA0;
    background: rgb(0, 92, 160, 0.1);
    color: #005CA0;
    text-align: center;
    text-decoration: none;
}

.btnEquipo:hover {
    border-bottom: 2px solid rgb(0, 176, 237, 0.1);
	background: #005CA0;
	cursor:pointer;
	color: #fff;
}

#miembros {
	border-bottom: 2px solid rgb(0, 176, 237, 0.1);
	background: #005CA0;
	color: #fff;
}


.divEquipo{
	margin-bottom:60px;
}

.imgEquipo {
    height: 350px;
    border-radius: 5px;
	margin: 20px 0px;
}

.imgEquipo:hover img{
	display:none;
} 

.txtEquipo {
	display: none;
	padding: 20px;
	font-size:14px;
	height: 350px;
    border-radius: 5px;
	background: rgb(0, 176, 237, 0.05);
	border: 1px solid #005CA0;
}

.imgEquipo:hover .txtEquipo{
	display:block;
}

.nombreEquipo span {
    font-size: 25px;
    font-weight: bold;
}

.iconRRSSEquipo {
    width: 30px;
	margin-top:10px;
}

/******** PÁGINA CONTÁCTANOS ***********/

.ttlContacto {
    margin: 30px 0px 50px;
}

.contactoFormCaja_input_txt, .asuntoMensajeCaja {
    font-size: 16px;
}

.contactoFormCaja_input_txt input, .contactoFormCaja_input_txt select {
    background: rgb(153, 199, 235, 0.05);
	border-bottom: 1px solid #005CA0!important;
	border: none;
    color: #333;
    display: flex;
    flex-direction: row;
    height: 34px;
    padding: 0 10px;
    margin: 5px 0px 20px 0px;
    font-size: 13px;
}

.asuntoMensajeCaja textarea {
    margin: 5px 0 0 0;
    padding: 5px;
    color: #444;
    font-size: 13px;
    background: rgb(153, 199, 235, 0.05);
	border: 1px solid #005CA0;
	border-radius: 5px;
}

.infoResumida span {
    font-size: 12px;
}

.validarEnvioCaja {
    margin-bottom: 10px;
    font-size: 12px;
}

/******** MEDIA QUERIES ***********/

@media (max-width: 1500px){
	.headerNav_content .menu {
		text-align: right;
	}
}

@media (max-width: 1200px){
	.headerNav_content .menu ul li > a, .headerNav_content .menu_idiomas ul li > a {
		padding: 0 10px;
	}
	
	h1{
		width:75%!important;
	}
}

@media (max-width: 1100px){
	.headerNav_content .menu ul li > a, .headerNav_content .menu_idiomas ul li > a {
		padding: 0 6px;
	}
}

@media (max-width: 992px){
	
	.header {
		height: auto;
	}

	/* a.logoMenuMovil { */
		/* position: relative; */
		/* left: 45%; */
	/* } */
	
	.headerNav .headerLogo img {
    width: auto;
    height: 55px;
    margin-top: 2px;
    margin-left: auto;
}

	.headerNav_content .menu {
		display: none;
		position: fixed;
		top: 70px;
		width: 100%;
		left: 0;
		height: 100%;
		max-height: 100%;
		box-shadow: 0 1px 1px rgb(0 0 0 / 20%);
		overflow: auto;
		background: #fff;
	}
	
	.headerNav_content .menu ul {
    width: 100%;
    background: #fff;
    text-align: center;
    height: auto;
	}

	
	.headerNav_content .menu > ul > li {
		display: inline;
		height: 50px;
	}
	
	.headerNav_content .menu ul li > a {
		padding: 30px 10px;
		border-bottom: 1px solid #ccc;
	}

	.headerNav_content .iconMenu {
		display: flex;
		cursor: pointer;
	}
	
	.headerNav_content .iconMenu a {
		    margin-left: 0px
	}

	
	.headerNav_content .menu ul li > a, .headerNav_content .menu_idiomas ul li > a {
    padding: 0 5px;
}
	
	/**/
	.pc {
		display:none;
	}
	
	.mvl {
		display:block;
	}
	
	/**/
	
	.btn{
         width:100%;
	}
	
	/**/
	.headerNav_content .menu ul li > a, .headerNav_content .menu_idiomas ul li > a {
		padding: 0 5px;
	}
	
	.ttlContacto {
		margin: 70px 0px 50px;
	}
	
	div#StringJSON {
			margin-bottom:65px;
	}
	
	
	#parallax1{
		width: 100%;
		height: 280px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		overflow: hidden;
        background: url("../img/gente-geimac.jpg");
	}

	#parallax2{
		width: 100%;
		height: 280px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		overflow: hidden;
	   background: url("../img/trabajando-geimac.jpg");
	}

	#parallax3{
		width: 100%;
		height: 280px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		overflow: hidden;
		background: url("../img/revistas-geimac.jpg");
	}

	#parallax4{
		width: 100%;
		height: 280px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		overflow: hidden;
		background: url("../img/trabajo-geimac.jpg");
	}

/******** SECTION 2 - EQUIPO ***********/  
    #equipo {
        width: 100%;
		height: 280px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		overflow: hidden;
        background: url("../img/Equipo.png");
   }    
	
}
	
@media (max-width: 768px){
	
	h1 {
		width: 100%!important;
	}
		
	.imgLineas{
		height:200px;
	}
	
	div[class*="seccion"] {
		padding-top: 30px;
	}
}



@media (max-width: 576px){

	
	h1{
		font-size: 42px;
		width:100%!Important;
	}
	
	.imgLineas{
		height:auto;
	}
	
	.imgLProyectos{
		height:auto;
	}
	
	.headerNav_content .menu ul li > a, .headerNav_content .menu_idiomas ul li > a {
		padding: 0 0px;
	}
	
	#miembros {
		margin-bottom: 16px;
	}
}