/*css Portal de juventud*/
	
 #sectores .navbar-portal {
        background: #006b87 url(http://www.zaragoza.es/cont/assets/img/navbar-portal/cabeceraAzul_DerechosSociales2.jpg) no-repeat center !important;
    }

/*CSS MENÚ SUPERIOR DE NAVEGACIÓN*/

	.nivel {
		color: #49740d !important;
	}
	
	body {
		padding-top: 57px;
    }
    
/*CSS ENCABEZADO*/
            .titulo-org h2 {
            color: #e83437;
            font-size: 42px;
            padding-bottom: 20px;
            }

            .titulo-org h2 small,
            .titulo-org h2 span{
            color: #000000;
            }
            
/*CSS LANDING PAGE - DESTACADOS*/

	.destacados {
		margin-top: 10px;
		}
		 
	.destacados img {
		margin: 0 0 10px 0;
		width: 100%;
		height: 125px;
		object-fit: cover;
		border-radius: 10px 10px 0 0 !important;
	}	
	
/* CSS ANUNCIOS DE JUVENTUD A*/
/* Es el estilo tarjeta con sombra y fondo de color en el título */
/* Lo he sustituido por el estilo ANUNCIOS JUVENTUD B */

            .anuncioJuv {
            box-shadow: 0px 10px 20px -15px grey;
            border-radius: 0px 0px 5px 5px;
            padding:0;
			margin: 0 10px 15px 0;
			width:32.4%;
            }

            .anuncioJuv h4 {
				font-weight: bold;
				color: #ffffff !important;
				width: 100%;
				text-align: center;
				padding: 15px 0;
			}

            .anuncioJuv h4 small {
            color: #ffffff !important;
            }

	/* Color para los anuncios de vivienda */
            .anuncioJuv-1 h4 {
            background-color: #3c4353;
            }
            
	/* Color para los anuncios de empleo */
            .anuncioJuv-2 h4 {
            background-color: #828842;
            }
            
			.anuncioJuv li {
				border-bottom: 1px solid #eee;
				padding: 0.5em 0 0.5em 1em;
			}

			.anuncioJuv ul {
				padding: 0 0.5em 1em 0.5em;
			}

/* CSS ANUNCIOS DE JUVENTUD*/
/* Estilo BOOTSTRAP PANEL */
/* La altura del cajetín se ajusta al contenido. No necesita etiqueta width */

.panel {
	padding: 0;
	margin: 0 0 15px 15px;
	width:31.70%;
	float: left;
	}

.panel h3 {
	text-align: center;				
    color: #ffffff;
}

.panel-alojamiento {
	border-color: #3c4353;
}

.panel-alojamiento>.panel-heading {
    background-color: #3c4353;
}

.panel-empleo {
	border-color: #828842;
}

.panel-empleo>.panel-heading {
    background-color: #828842;
}

.panel-otros {
	border-color: #862e36;
}

.panel-otros>.panel-heading {
    background-color: #862e36;
    margin-right: 0px !important;
}

          
	/* Estilos para las asesorías */
	
	.otros-espacios div {
		margin: 1em 0 0 0;
		padding: 1em;
		height: 145px;
		text-align: center;
		color: gris;
	}
	.otros-espacios p {
		color: #000000;
		font-weight: bold;
		font-size: 16px;
	}
	
	.otros-espacios span {
		color: #000000;
		min-height: 90px;
	}
	            
/*CSS MENÚ INFERIOR*/            

            .nav-bottom {
            background: #006c89;
            }

            .nav-bottom ul li {
            padding: .5em 0em .5em 1em;
            /*margin: .5em 0em .5em;*/
            }

            .nav-bottom ul li a {
            border-left: 1px solid #fff;
            color: #fff;
            padding: .5em;
            }

            .nav-bottom ul li a:hover {
            background: #B50000;
            }
            
/*CSS MENÚ INFERIOR ESPECÍFICO DEL CIPAJ*/     
.nav-bottom-cipaj {
	background: #E81B16;
	}

.nav-bottom-cipaj ul li {
	padding: .5em 0em .5em 1em;
	}

.nav-bottom-cipaj ul li a:hover {
            background: #B50000;
}
  
.nav-bottom-cipaj ul li p {
    border-left: 1px solid #fff;
    color: #fff;
    padding-right: 0.5em;
    padding-left: 0.5em;
}
  
.nav-bottom-cipaj ul li a {
	color: white;
	padding-top: .5em;
	}             

            .left-ribbon{
            position: relative;
            background: #EEE;
            border: 1px solid #CCC;
            box-shadow: 0px 1px 3px rgba(0,0,0,.2);
            padding: 10px 15px;
            clear: both;
            margin-left: -24px;
            float: left;
            }

            .left-ribbon::before{
            display: block;
            width: 10px;
            height: 0px;
            position: absolute;
            bottom: -10px;
            left: -1px;
            content: "";
            border-bottom: 10px solid transparent;
            border-right: 10px solid #757575;
            }
    
/* CSS NOTICIAS DE JUVENTUD */
    article .img-cuadradas{
		width: 100%;
		height: 125px;
		object-fit: cover;
    }
    
    
/* CSS EQUIPAMIENTOS */    
    article .img-equipamiento {
		width: 100%;
		height: 180px;
		object-fit: cover;
    }
    
    #mapa-leaflet {
		height: 0 !important;
    }        
    


/* CSS CUADRO-ASESORÍAS*/

.cuadro-asesorias {
	height: 248px;
	border-radius: 5px;
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;      
}

.cuadro-asesorias h3 {
	padding-top: 200px;
    font-weight: 600;
    font-size: 22px;      
}

.empleo {
      background-image: url(http://www.zaragoza.es/cont/vistas/portal/juventud/img/asesoria_empleo.png);
      }
      
.estudios {
      background-image: url(http://www.zaragoza.es/cont/vistas/portal/juventud/img/asesoria_estudios.png);
      }
      
.juridica {
      background-image: url(http://www.zaragoza.es/cont/vistas/portal/juventud/img/asesoria_juridica.png);
      }
      
.psicologica {
      background-image: url(http://www.zaragoza.es/cont/vistas/portal/juventud/img/asesoria_psicologica.png);
      }         
      
.sexologica {
      background-image: url(http://www.zaragoza.es/cont/vistas/portal/juventud/img/asesoria_sexologica.png);
      }  
      
.vivienda {
      background-image: url(http://www.zaragoza.es/cont/vistas/portal/juventud/img/asesoria_vivienda.png);
      }
      
.link-black a {
      color: black !important;
      }
      
.link-white a {
      color: #fff !important;
      }      

/* CSS CUADRO HORIZONTAL (CUADRO H)*/

/* Estilos para el bloque Acceso Rápido
Incluye Z16 y el banco de actividades, Bolsa de vivienda joven*/

            .cuadro-asesorias {
            height: 248px;
            border-radius: 5px;
            padding: 0;
            }

            .cuadro-h {
            height: 248px;
            background: #e9e9e9;
            border-radius: 5px;
            padding-left: 0;
            padding-right: 0;
            padding-bottom: 0;
            margin-bottom: 30px;
            }

            .cuadro-h img {
            padding: 0;
            border-radius: 5px 0 0 5px;
			height: 100%;
			width: auto;
            }

            .cuadro-h div {
            padding-left: 15px !important;
            }

            .cuadro-h h3 {
            font-size: 22px;
            }
            
            .cuadro-h h4 {
            font-size: 22px;
			margin-top: 20px;
			margin-bottom: 10px;            
            }            

            .font-awesome {
            text-align: center;
            padding-top: 0.5em;
            }

/* Estilos para el bloque RECURSOS en FORMACIÓN Y EMPLEO */

            .bloque-titulo {
            max-width: 25%;
            background-color: #006c88;
            color: #ffffff;
            min-height: 4.7em;
            font-size: 1.50em;
            margin: 10px 10px 10px 0px;
            padding-right: 0.5em;
            }

            .bloque-contenido {
            max-width: 74%;
            border-top: solid 10px #006c88;
            margin: 10px 0 10px 0;
            padding: 1em 0 1em 0;
            min-height: 7em;
            }

            .bloque-contenido a {
            color: #e10000 !important;
            }

            .bloque-titulo h4 {
            font-size: 1em;
            }

            @media (min-width: 320px) and (max-width: 768px) {
            .bloque-titulo,
            .bloque-contenido {
            max-width: 100%;
            min-height: 4em;
            margin: 0;
            }

            .bloque-titulo h4 {
            font-size: 1.25em;
            padding: 0.5em 0 0.5em 0;
            }
            }
            
/* CSS BLOQUE MÁS INFORMACIÓN */
	
	.mas-informacion {
		box-shadow: 0px 10px 20px -15px grey;
		min-height: auto;
		padding: 0px;
	}
	
	.mas-informacion li {
		padding-bottom: 0.5em !important;
	}

	.mas-informacion h4 {
		font-weight: bold;
		color: #ffffff !important;
		width: 100%;
		text-align: center;
		padding: 10px 0 10px 0;
	}

	.mas-informacion-1 h4 {
		background-color: #3c4353;
	}            
            
/* CSS JUVENTUD CULTURA */

	.z16 img {
		padding: 1.5em 0 0 0;
		width: 60%;
		height: 60%;
		display:block;
		margin:auto;		
		}
		
	#recursosJuventud hr {
	  height: 2px;
	  background-color: #246c89;
	  }
	  
	  
	.developer {
		padding: 1em;
		}

/* Lo responsivo */
    @media(max-width: 768px){

	  }       

	@media(max-width: 425px){
	.panel {
		padding: 0;
		margin: 0 0 15px 15px;
		width:90%;
		float: left;
		}				
	  }
