
/*----------------------------------------	*/	
/*              ENCABEZADO	  				*/
/* ----------------------------------------	*/	
header{background: linear-gradient(90deg,#fff, 20%, #bbb)}
body .miniEncabezado,
#menuPrincipal {
    background-color: #333;
    margin-bottom: 0
}
.central{border: 0}
body .miniEncabezado a,
body .miniEncabezado div,
#menuPrincipal a{
	color: #fff;
}

body .miniEncabezado ul li a{color:#000;}

nav#menu-movil{
	background-color: #333;    
	margin-top: 20px;
	height: 41px;
	border-bottom: 4px solid #c2002f;}

header{min-height: 67px}

/*----------------------------------------	*/	
/*              HOME 	  					*/
/* ----------------------------------------	*/	

/* SECCIONES */


/* INFORMACION TITULACIONES*/

#home .informacion#ngc {padding-bottom: 70px}
.titulacion .botonAbrirDesplegable.botonCerrar::before{
	display: block;
	margin-left: 0
}
.informacion.titulacion .container_22 .formularios>a.botonAbrirDesplegable{clear: none}

.titulacion h3.area{display: none;}

.titulacion .contenidoDesplegable{
	padding: 20px 0 40px;    
	margin-bottom: 30px;
}
.titulacion .contenidoDesplegable div h5{text-align: center}
.titulacion .contenidoDesplegable div div.oldListado{
	padding: 10px;
    background: #f9f9f9;
    box-sizing: border-box;
    border-radius: 10px;
}

.titulacion ul.greyLink a{
	    padding: 10px 5px 10px 5px;
}

.titulacion ul.greyLink li:before {
    margin: 15px 0 -25px -3%;
}

/* OLD TITULACIONES */
.titulaciones, .admision, .mov, .accede,.actualidad{
	width:100%;
	float: left;
	padding: 0 0 44px;
}

#home .titulaciones  h4{
	background: transparent!important;
	font-size: 28px;
    text-align: left;
    border-bottom: 2px solid;
    margin-bottom: 22px;
}
.titulaciones ul.greyLink{
	border-bottom: 1px solid #ccc;
    margin-bottom: 12px;
    background: #f9f9f9;
    padding: 7px;
}



	#home .grid_22{background:transparent}
	.titulaciones h4{clear:both;}
	#home .titulaciones{ background: #eee;}
	.titulaciones ul {
		float:left;
		width:100%;
	}
	#home .titulaciones ul#listadoTitulaciones li{
		width:	27.5%;
		display:block;
		float:left;
		padding:20px 1%;
		background-color:#fff;
		border-left:10px solid #c2002f;
		margin:10px 0 10px 2%;
		color: #444;
		font-size:	24px;
		cursor:pointer;
		transition:	all 0.4s ease;}

	#home .titulaciones ul#listadoTitulaciones li:hover{
		background:#f1f1f1;
		-moz-transform:scale(1.03,1.03);
		-webkit-transform:scale(1.03,1.03);
		transform:scale(1.03,1.03);
	}

	.titulaciones article.opcion{
		display:none;
		width:100%; 
		height:auto;
		float:left;
		padding:20px 0 20px 0;
		}

	.titulaciones article.opcion div>a{	
		color:#000;
		border-bottom:1px dashed #666;
		font-size:13px;}

	.titulaciones article.opcion ul li ul{	border-left: none;
		}
	.titulaciones article.opcion ul li ul li{	border-left: 7px solid #fff;
		}
	#home .titulaciones article.opcion ul li a:hover{
		background:#fff;
	}
	#home .titulaciones ul#listadoTitulaciones li.elementoListaSeleccionado {
		background: none repeat scroll 0 0 #666;
		color: #FFFFFF;
	}	
	.titulaciones article.opcion ul li ul{
		border-left:none;
}
	.titulaciones article.opcion ul li{	

 }
	.titulaciones article.opcion ul li a{
		padding: 10px 5px;
		display: block;
		width: 100%;
	}

	.titulaciones article.opcion .master ul li a {
		overflow: hidden;
		text-indent: -135px;
	}
	.titulaciones article.opcion .doctorado ul li a {
		overflow: hidden;
		text-indent: -79px
	}

	.titulaciones article.opcion .tituloListado{display:none;}

	.titulaciones article.opcion h3{font-size:26px;margin-top:20px;}
	.titulaciones article.opcion h4{margin-top:20px;  padding: 7px 0; text-align: center;}
 
	#home .gradoNGC, #home  .adaptacionNGC, #home  .cursoNGC, #home  .masterNGC{display:none}
	#home .carreras  .gradoNGC, #home .carreras  .adaptacionNGC{display:block;}
	#home .masteres  .masterNGC{display:block;}
	#home .cursos .cursoNGC{display:block;}
	#home .gradoNGC h4,#home .adaptacionNGC h4,#home .masterNGC h4{display:none}

	#home ul.greyLink li.titular{text-align: center;}



	/*  LISTADOS GLOBAL CAMPUS	*/

#ngc .listaContainer > div::before{display:none!important}

#ngc .listaContainer > div{margin-top: 0px!important}
	
#gnc .listadoArea .online,  
#ngc .listadoArea .semipresencial{
	display: flex;
	padding-top: 0;
}
#gnc .listadoArea .online::after,  
#ngc .listadoArea .semipresencial::after{
display: none;
} 					
#ngc #cursos li.presencial,
#ngc .cursos li.presencial,
#ngc .cursos.adaptacionNGC ul.contenidoDesplegable.greyLink,
#ngc .adaptacionNGC ul
	{ 
		display: none;
	}

#ngc .carreraLetras .adaptacionNGC ul.listadoLetras, #ngc .Letras .adaptacionNGC ul.listadoLetras,
#ngc .carreraSociales .adaptacionNGC ul.listadoSociales, #ngc .Sociales .adaptacionNGC ul.listadoSociales,
#ngc .carreraComunicacion .adaptacionNGC ul.listadoComunicacion, #ngc .Comunicacion .adaptacionNGC ul.listadoComunicacion,
#ngc .carreraPolitecnica .adaptacionNGC ul.listadoPolitecnica, #ngc .Politecnica .adaptacionNGC ul.listadoPolitecnica,
#ngc .carreraSalud .adaptacionNGC ul.listadoSalud, #ngc .Salud .adaptacionNGC ul.listadoSalud
			
	{
		display: block;
	}

.carreraLetras #cursos .cursosNGC{
	display: none;
}

#ngc .cursosNGC .online,
#ngc .cursosNGC .semipresencial
{display: none;}
#ngc .cursosNGC .cursosNGC .online{
	display: block;
}


/* SECCIONES */

	.contenidoPrincipal.desplegables{overflow: visible;}

	.plegado{
		cursor:pointer;
		padding: 5px 0;
		transition:0.5s ease;
	}
	.plegado:hover{
		cursor:pointer;
		padding: 10px 0 0 0;
	}
	.plegado .desplegar{
		opacity: 0;
		position: absolute;
		padding: 10px 5px;
		width: 120%;
		margin-left: -10%;
		transition: 0.5s ease;
	}
	.plegado:hover .desplegar{
		opacity: 1;
		display: block;
	    z-index: 9;
	    background: #f1f1f1;
	    border-radius: 20px;
	    border-bottom: 1px solid #c2002f;
	}

/*----------------------------------------	*/	
/*              FOOTER	  					*/
/* ----------------------------------------	*/	  



.footer .sociaLinks{padding-top: 45px}



/*----------------------------------------	*/	
/*              MEDIAQUERIES	  			*/
/* ----------------------------------------	*/	


@media only screen and (min-width: 1700px){
	.perfiles li ul li a {
		border-color: #333;
	}
	.menuSecundario .perfiles li ul {
    	height: 13px;
	}
}
@media only screen and (max-width: 1700px){
	.menuSecundario>ul>li>a {
	    background-position: 103px -334px;
	}
}



@media only screen and (max-width: 1200px) {
	a.logo.logoNGC{
		background-position: left -194px;
	}
}

@media only screen and (max-width: 1100px) {
	body a.logo {
    	background-position: left -115px;
    	height: 76px; 
		width: 192px;
    }
    .encabezado .sociaLinks ul li{    height: 29px;}
    .encabezado .sociaLinks ul li a.bl{
    	    background-position: -299px -236px;
    	    min-width: 0;
    }
    .encabezado .sociaLinks ul li a.li{
    	min-width: 0;
    	    background-position: -299px -202px;
}
    .menuSecundario ul li, .menuSecundario ul li a,.menuSecundario>ul.nebri>li>a {
	    font-size: 16px;
	}
	.menuSecundario>ul>li>a {
	    background-position: 90px -334px;
	}
}

@media only screen and (max-width: 996px) {
	.nebri a span.noMovil{display: none;}
	.menuSecundario ul li a{padding-bottom: 5px;}
	.menuSecundario>ul>li>a {
	    background-position: 80px -334px;
	}
	.menuPrincipal>ul>li>a{font-size:16px;}
	.miniHeader .menuPrincipal>ul>li>a{padding: 16px 6px 4px}

}


@media only screen and (max-width: 880px) {


	.miniHeader #menuMovil, .miniHeader #menuMovilNoJS {top: -5px;}
	.menuPrincipal>ul, .js #menuMovilNoJS, .no-js #menuMovil { display: none;}

}


@media only screen and (max-width: 799px) {
	body .encabezado .header{background: #333;}
	.menuSecundario{    
		width: 70%;
    	margin-left: 0;
    }
    .menuSecundario ul{width: 49%!important}
	.menuSecundario>ul.nebri>li>span{display: none;}
	.contactos {margin-top: 0;}
}

@media only screen and (max-width: 765px) {
	#home .titulaciones ul#listadoTitulaciones li{font-size:	18px;width: 91%;}
}
		
