@charset "utf-8";
/* CSS Document */	

/*HEADER*/

header, .header{
	height:110px;	
	}

.logoHead{
	left:20px;
	height: 40px;
	bottom:20px;
}

.menuPrincipal{
	display:none;	
	}
	
.btnResponsivo{
	display:inline-block;
	box-sizing:border-box;
	float:right;
	}
	
.barraTop .logo{
	width:85px;
	line-height:30px;	
	height:30px;
	padding:0px 10px;
	border:none;
	}
	

.menuTop .linkHeader{
	height:30px;
	line-height:30px;
	font-size:.8em;
	padding:0px 10px;
	}
	

/*HOME*/

.textoConTitulo td{
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	float:left;
	}
	
.textoConTitulo .titulo{
	border-bottom:1px solid rgba(51,51,51,1.00);
	text-align:left;
	padding:0px;
	padding-bottom:10px;
	}
	
.textoConTitulo .texto{
	text-align:justify;
	padding-top:10px;
	padding-left:0px;
	border:none;	
	}
	
.grid50_30 .gridCol{
	padding:20px;
	}
	
.introBox{
	padding:20px;
	}
	
/*CONTENIDO*/
.bloqueHome{
	padding: 20px;
}
	
/*GRID*/

.grid50_30 .gridCol{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	float:left;
}

/*NEWS*/
.tablaNews{
	max-width:100%;
	}
	
/*MENU PLECA*/

.menuPleca a{
	padding:10px;	
	font-size:.8em;
	}
	
.menuPleca a span{
	font-size:1.2em;
	}
	
/*INTERIORES*/

.tituloBig{
	font-size:1.8em;	
	}

.breadcrumb{
	margin-bottom:20px;	
	}

.tablaInteriores{
	margin-bottom:20px;	
	}

.tablaInteriores .gridCol{
	padding:0px 20px !important;	
	}
	
.tablaInteriores .gridCol:first-child{
	display:none;
	}
	
.picHead .titulo{
	display:none;
	}
	
.picHead{
	margin-bottom:0px;
	margin-bottom:20px;
	}
	
/*BUSCADOR*/
	
.tablaBuscador .gridCol{
	display:inline-block !important;
	float:left;
	box-sizing:border-box;
	width:100% !important;
	}
	
.menuListado{
	display:none;	
	}
	
/*ENTIDADES*/

.entidades .thumbnail{
	width:150px;
	height:200px;
	}
	
/*DIRECTORIO*/

.dirItem .desc .email{
	display:none;	
}

.dirItem .desc .emailLeyenda{
	display:inline;	
}

.dirItem .desc .nombre{
	font-size:1em;
	}
	
/*FICHA NEWS*/

.boxContenido{
	padding:0px 20px 20px 20px;
	}

.tablaFichaNews:not(.fichaPost) td{
	display:inline-block;
	float:left;
	box-sizing:border-box;
	width:100% !important;
	min-width:100%;
	padding:0px !important;
	}
	
.tablaFichaNews tr td:first-child{
	margin-bottom:20px;
	}
	
.tablaFichaNews tr td:last-child{
	margin-bottom:40px;
	}
	
.tablaFichaNews .foto{
	width:50%;
	}
	
.tablaFichaNews .desc{
	width:50%;
}

.tablaNews .foto {
	width: 20%;
}

.tablaNews .desc {
	padding-left: 10px;
	width: 80%;
}
	
.tablaFichaNews .titulo{
	font-size: 1.5em;
	}
	
.otrasNoticias .separador{
	display:none;
}


/*POST*/

.fichaPost .columna{
    display: inline-block !important;
    box-sizing: border-box !important;
    float: left !important;
    width: 100% !important; 
    min-width: 100% !important;
    padding: 0px !important;
}

.postsListado .icono {
    padding-right: 0px;
    width: 50px !important;
    min-width: 50px !important;
}

/*CURSOS Y TOPICOS*/

.fichaTexto{
	font-size: .9em;
}

.tablaFichaCols td{
	padding-right: 5px;
}

.fichaTexto .bloqueTxt, .tablaFichaCols{
	margin-bottom: 20px;
}

/*NEWS HOME*/

.rowHome{
    width: 50% !important;
    padding: 20px !important;
}

.rowHome:first-child{
    width: 100% !important;   
}

.rowHome:last-child{
    display: inline-block;
}

.ss_contenido h1{
	font-size: 2em;
}

.ss_20_years .logo img{
	max-width: 300px;
}

.ss_20_years .txt_1{
	font-size: 2em;
}

.ss_20_years .txt_2{
	font-size: 1.3em;
	margin-bottom: 10px;
}


/*MEDIA QUERIES*/
@media (max-width:800px){
	
	/*MENU PLECA*/
	
	.menuPleca{
		padding:20px;
		padding-bottom:0px;		
		}

	.menuPleca a{
		float:left;
		border:none !important;
		text-align:left;
		width:220px;
		padding:0px 0px 20px 0px;
		font-size:.85em;
	}
			
	.menuPleca a span{
		float:left;
		text-align:left;
		margin:0px;
		margin-right:8px;
		width:auto;
	}
	
}


@media (max-width:680px){
	.introTexto .titulo{
	font-size:2.5em;
	}	
	
}


@media (max-width:620px){
	/*FOOT*/
	.tablaFoot td{
		display:inline-block;
		box-sizing:border-box;
		width:100%;
		float:left;
		text-align:center !important;
		padding:20px;		
	}
	
	.tablaFoot td:first-child{
		padding-bottom:0px;
	}	
    
    /*CALENDARIO*/
    .rowHome{
        width: 100% !important;
        padding: 20px !important;
    } 
	
}


@media (max-width:600px){
	/*CALENDARIO*/
	
	.menuCalendario{
		display:none;
		}
	
	#calendar{
		display:none !important;		
	}
		
	#calendarList{
		display:inline-block !important;
	}
	
	/*TUTORES*/
	
	.fichaTutor .nombre{
		width:100%;
		font-size:1.5em;
		line-height:1.1em;
	}
	
	.tituloMini{
		width:100%;
	}
	
	/*FICHA NEWS*/
	
	.tablaFichaNews .foto{
	width:100%;
	padding-right:0px;
	}
	
	/*FORMULARIO*/
	
	.tablaForm .etiqueta, .tablaForm .campo {
		width: 100%;
		display: inline-block;
		box-sizing: border-box;
		padding: 0px;
		float: left;
		margin-bottom: 5px;
	}
    
    .tablaFichaNews .foto{
    padding-left: 0px;    
    }
	
	.perfil-grid .perfil-pic{
		width: 140px;
		height: 140px;
		min-width: 140px;
		min-height: 140px;
	}
	
	.box-perfil .box-info{
		flex-wrap: wrap;
	}
	
	.box-perfil .box-info .miniatura{
		max-width: 100%;
	}
	
}

@media (max-width:560px){	
		
	.listadoBusqueda tr td:nth-child(even){
		border-bottom:rgba(0,0,0,.1) solid 1px;
		padding-bottom:4px !important;
	}
	
	.listadoBusqueda tr:first-child td:first-child{
		padding-top:0px;
	}
	
	.listadoBusqueda tr td:first-child{
		padding-top:4px !important;
	}
	
	.listadoBusqueda .entidad{
		font-size:.85em;		
	}
	
	.listadoBusqueda .entidad a{
		color:rgba(0,0,0,.5)
	}
	
}

@media (max-width:550px){
	
.tablaNews .icono{
	width:50px;
	vertical-align:top;
	}
	
.tablaNews .desc{
	vertical-align:top;
	}
	
.tablaNews .titulo{
	font-size:1.1em !important;
	line-height:1em;
	margin-bottom:3px;
	}
	
.tablaNews .texto{
	font-size:.9em;
	text-align:left;
	}
	
.linkVerMas{
	margin-left:5px;
	}	
	
	
	.perfil-grid{
		flex-wrap: wrap;
	}

	.perfil-grid .perfil-pic{
		width: 100%;
		height: unset;
		min-width: 100%;
		min-height: unset;
	}

	.perfil-grid .perfil-pic img{
		width: 100%;
		height: unset;
		object-fit: unset;
		object-position: unset;
	}
}

@media (max-width:460px){
	
	.menuTop #btnSalir{
		display: none;
	}
	
	.introTexto .titulo{
	font-size:2em;
	width:90%;
	}
	
	/*TUTORES*/
	
	.tablaFicha{
		margin-bottom:20px;		
		}
	
	.tablaFicha td{
		display:inline-block;
		width:100%;
		box-sizing:border-box;
		float:left;
		padding:0px !important;
		text-align:left;		
	}
	
	.tablaFicha tr td:last-child{
		padding-bottom:8px !important;
	}
	
	/*CALENDARIO*/
	
	.tablaCalendario{
		font-size: .85em;
	}	
}