@charset "ISO-8859-1";

@media(max-width: 640px) {
	.ui-sticky {
		position: static !important;
		top: auto !important;
		width: auto !important;
	}
	.ui-sticky-ghost {
		display: none;
	}
	.ui-panel .ui-panel-content {
		padding: 0;
	}
	.onlyWeb {
		display: none;
	}
	.rightOnlyWeb, .rightOnlyWeb .ui-inputfield {
		text-align: left;
	}
	.tpv {
		overflow-y: hidden;
		width: 100%;
		height: 1080px;
	}
	
	/* En el movil reducir tamaño de banners de area */
	.portal-banner-areas {
		margin: 20px 10px !important;
	}

	.portal-banner-apuntate-panel {
		margin: 0; 
		text-align:center; 
		width:100%; 
		height:60px !important; 
		border:none;
	}
	
	.portal-banner-areas-panel {
		height:60px !important; 
	}

	.portal-banner-areas-img {
		max-height:60px !important;
	}
	
	.portal-banner-areas .ui-datagrid-column {
		padding-top: 0.5em !important;
	}
	
	.ui-carousel .ui-carousel-dropdown, .ui-carousel .ui-carousel-page-links {
		display: none !important;
    }
}

@media ( min-width : 641px) {
	.onlyMobile {
		display: none;
	}
	.labelOnlyMobile .label {
		display: none;
	}
	.rightOnlyWeb, .rightOnlyWeb .ui-inputfield {
		text-align: right;
	}
	.tpv {
		overflow-y: hidden;
		width: 100%;
		height: 800px;
	}	
	
}

body {
	margin:0;	
}

/* Se eliminan los huecos entre cabecera y contenido*/
#header {
	margin: 0px;
	border-bottom-width: 0px;	
}

#content {
	margin: 0px;
	border-top-width: 0px;
}


/* -Color de fuente submenú */
.ui-menubar .ui-menu-child .ui-menuitem-link {
	color: black;
}

/* Eliminar triángulos de menú */
.ui-menu .ui-menu-parent .ui-icon-triangle-1-s {
	display: none;
}
/* Añadir espacio al eliminar menús */
.ui-menu .ui-menu-parent .ui-menuitem-link.ui-submenu-link {
	padding-right: 1em;
}
/* Amplio de los paneles de submenús adecuado */
ul.ui-menu-child {
	white-space: nowrap;
	width: auto !important;
}

/* -Color del panel de a miga de pan 
.ui-breadcrumb.ui-widget-header {
	background: #7fb2d0;
	font-size: 14px;
	color:white !important;
}
*/

/* Se establece la fuente para la flecha de la miga de pan y el icono home de la miga de pan */
.ui-widget-header ul li.ui-breadcrumb-chevron.ui-icon, .ui-widget-header ul a.ui-icon-home.ui-icon
	{
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-indent: 0px !important;
	text-align: center;
	background: none;
	display: inline-block;
	font-size: 1.1em;
	height: 1em;
	width: 1.1em;
	margin-top: 0.2em;
	/*color: white;*/
}


/* Flecha de la miga de pan */
.ui-breadcrumb ul li.ui-breadcrumb-chevron::before {
	content: "\f054";
}
/* Hogar de la miga de pan */
.ui-breadcrumb ul a.ui-icon-home::before {
	content: "\f015";
}

/* Eliminar subrayado de los enlaces de la miga de pan */
.ui-breadcrumb a.ui-menuitem-link {
	text-decoration: none;
	color: inherit;
}

/* Modificación para visualizar correctamente la flecha derecha del carrusel */
.ui-carousel-button.ui-icon-circle-triangle-e {
	background-position: -48px -192px;
}

/* Se eliminan los huecos de los grids de carrusel para que las imágenes se puedan ajustar al borde*/
.ui-carousel .ui-panelgrid-cell {
	padding: 0px 0px;
}
/* Se añade relleno los huecos de los grids marcados con la clase detalle*/
.ui-carousel .ui-panelgrid.detalle .ui-panelgrid-cell {
	padding: 4px 10px;
}

/* Para que no se corte el titulo en el movil */
.ui-carousel .ui-carousel-header .ui-carousel-header-title {
    width: auto;
}

.pio-portalCabecera, .pio-portalMenubar, .pio-breadcrum, .pio-portalActividades {
	border-radius: 0px;
}

.pio-contenedor-imagen-curso {
	width: 100%;  
	overflow: hidden;  
	margin: 0; 
	position: relative;
}

.pio-imagen-curso {
	position: absolute;
    top: 50%;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/* Por defecto se redimensiona al tamaño del contenedor*/
.pio-imagen-curso-ajuste {
	width: auto;
    height: auto;
}

/* Estilos para el comprobar solicitud del portal */

.portal-panel {
	border: none;
	margin-bottom: 25px;
	margin-left: 20px;
	margin-right: 20px; 
}

.portal-panel .ui-panel-titlebar {
	background: none;
	border: none;
	border-bottom: solid 1px #4c4c4c !important;
	padding-left: 0px;
}

.portal-panel .ui-panel-title {
	font-size: 18px;
}

.portal-panel .ui-panel-content {
	font-size: 13px;
}

.portal-panel-no-titlebar .ui-panel-titlebar {
	display: none;
}

.portal-panel-info {
	font-size: 15px;
	padding-top: 3px;
}

/* Pie */

.portal-pie {
	line-height:1.1em;
	padding: 20px;
}

.portal-pie .portal-pie-info {	

}

.portal-pie .portal-pie-copy {
	padding-top: 20px;
}

.portal-pie a {
	text-decoration: none;
}

.portal-pie a:hover {
	/*color: #FFCD00;*/
}

/* Banner Areas en pagina inicial */
.portal-panel-paginicio {
	margin: 0; 
	text-align:center; 
	border:none;
}

.portal-panel-paginicio .ui-panel-content{	
	padding:0;
}

.portal-banner-areas {
	margin: 40px 20px;
}

.portal-banner-areas a {
	text-decoration: none;
}

.portal-banner-areas a:hover {
	transform: scale(1.05);
	-ms-transform: scale(1.05);
}

.portal-banner-areas-panel {
	margin: 0; 
	text-align:center; 
	width:100%; height:110px; 
	border:none;
}

.portal-banner-areas-img {
	vertical-align: middle; 
	width: auto; 
	height: auto; 
	max-height:110px; 
	max-width: 100%;
}

.portal-banner-areas .ui-datagrid-content {
	border: none !important;
}

.portal-banner-areas .ui-datagrid-column {
	padding-top: 1.5em;
}

/* Estilo para los datagrid */

.ui-datagrid-no-border .ui-datagrid-content {
	border: none;
}

.ui-datagrid-no-padding > .ui-datagrid-content > .ui-g > .ui-datagrid-column {
	padding: 0;
}

/* Botones de navegación del carrousel. Se cambian a fuentes */

.ui-carousel-next-button, .ui-carousel-prev-button {
	background: none repeat scroll 0 0 transparent!important;
    text-indent: 0!important;
    
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.2em;
    height: auto;
    min-width: 1.2em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    text-align: center;
    margin-top: 0px !important;
}

.ui-carousel-next-button.ui-icon-circle-triangle-e:before {
	content: "\f138";
}

.ui-carousel-prev-button.ui-icon-circle-triangle-w:before {
	content: "\f137";
}

.ui-carousel-page-link {
	background: none repeat scroll 0 0 transparent!important;
    text-indent: 0!important;
    
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 0.6em;
    height: auto;
    min-width: 0.6em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    color:inherit !important;
    text-decoration: none;
    padding-top:0.4em;
    
    text-align: center;
}

.ui-carousel-page-link.ui-icon-radio-off:before {
	content: "\f111";
}

.ui-carousel-page-link.ui-icon-radio-off.ui-icon-radio-on {
	cursor: default;
}

.ui-carousel-page-link.ui-icon-radio-off.ui-icon-radio-on:before {
	content: "\f10c";	
}

.ui-carousel .ui-carousel-dropdown, .ui-carousel .ui-carousel-mobiledropdown {
	font-size: 0.8em;
}


.portal-banner-apuntate-panel {
	margin: 0; 
	text-align:center; 
	width:100%; 
	height:75px; 
	border:none;
}

.portal-banner-apuntate-link {
	display:inline-block; 
	/*padding: 10px 0px;*/ 
	/*width:auto;*/ 	
	border:0px solid;
	width:80%;
	
	font-family: "Arial" !important;
	font-size: 1.5em !important; 
	/*font-weight: bold;*/ 
	color:white !important;
}

.portal-banner-apuntate-img {
	vertical-align: middle; 
	width: auto; 
	height: auto; 
	max-height:75px; 
	max-width: 100%;
}

/* Estilos para los nuevos datagrid que sustituyen a los carruseles */

/* Se eliminan los huecos del datagrid para que las imágenes se puedan ajustar al borde*/
.portal-carrusel-dataGrid .ui-panelgrid-cell {
	padding: 1px;
}

/* Se añade relleno los huecos de los grids marcados con la clase detalle*/
.portal-carrusel-dataGrid .ui-panelgrid.detalle .ui-panelgrid-cell {
	padding: 4px 10px;
}

.portal-carrusel-dataGrid .ui-datagrid-column {
	padding: 5px;
}

.portal-carrusel-dataGrid .ui-datagrid-header {
	text-align:left !important;
	padding: 8px 10px !important;
}

.portal-carrusel-dataGrid .ui-paginator {
    font-size: 12px;
}

.portal-carrusel-dataGrid .ui-paginator-page.ui-state-active {
	background: #d6d6d6;
	color: black;
}

.portal-pie .label span {
	font-weight: normal !important;	
}

/* Lightbox */
.ui-lightbox {
	max-width: 98%;
}

.ui-lightbox img {
	max-width: 100%;
	max-height: calc(100vh - 30px);
}

/* Mostrar el caption en los light box para cerrar */
.ui-lightbox-caption {
	display: block !important;
}

.portal-reservar {
	display: block; 
	position: relative;
}

.portal-reservar .ui-messages {
	position: absolute; 
	top: 13px; 
	left: -10px ; 
	right: -10px;	
}

.portal-reservar .ui-messages-error, .portal-reservar .ui-messages-info {
	padding: 2px;
}

/* ESTILOS MODIFICABLES DESDE LA APLICACION */

/* -Color de fondo de cabecera del portal */
.pio-portalCabecera {
	border: 0px;
	background: #395c78;
}

/* -Color, tamaño fuente del título del portal */
.pio-portalTitulo {
	color: white;
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
}

/* -Color de fondo de la barra de menú */
.pio-portalMenubar {
	background: #508fb3;
	border: 0px;
}

*.pio-portalMenubar ul {
	background: white;
}

/* -Tamaño de fuente menú */
.ui-menubar .ui-menuitem-text {
	font-size: 18px;
	font-weight: normal; 
	font-style: normal;
}
/* -Color de fuente menú */
.ui-menubar .ui-menuitem-link {
	color: white;
}

/* -Color de fuente menú seleccionada */
.ui-menuitem-link.ui-state-hover {
	color: black;
	background: rgb(238, 238, 238);
}

.pio-breadcrum {
	background: rgb(127, 178, 208);
	font-size: 14px;
	color: white;
}

/* -Formato Texto de la miga de pan */
.ui-breadcrumb ul li span {
	font-size: 1em;
	font-weight: normal;
	/*color: white;*/
	padding-left: 0.2em;
}

/* -Estilos para las etiquetas de cambio de idioma */
.pio-portalIdioma {
	color: white !important;
	font-size: 12px !important;
	text-decoration: none;
}

/* -Estilos para el area privada */
.portal-areaprivada-sesion {
	color: white !important;
	font-size: 12px !important;
	text-decoration: none;
}

.portal-areaprivada-menu {
	backgoround: white;	
	border: none;
}

.portal-areaprivada-menu span, .portal-areaprivada-menu a {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

/* -Colores y tamaño fuente cabecera carrusel y Para el panel que muestra que no hay resultados*/
.ui-carousel-header, .falso-carrusel .ui-panel-titlebar {
	background: #63a0d0;
	color: white;
	font-weight: normal;
	font-size: 18px;
}

.carrusel-titulo-curso {
	text-transform: uppercase;
	font-weight: bold; 
	color: #000000;
	font-size: 12px;
	font-style: normal;
}

/* -Color para el panel de la zona de actividades */
.pio-portalActividades {
	background: #b2d0df;
}

button.ui-button.ui-state-default {
	border-color: #1f89ce;
	color: #fff;
	background: #2399e5;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

button.ui-button.ui-state-hover {
	border-color: #156090;
	background: #1f89ce;
}

/* Por defecto 16/9 */
.pio-contenedor-imagen-curso-aspectratio {
	padding-top: 56.25%;
}

/* Pie */
.portal-pie {
	background: #363630;
}

.portal-pie span, .portal-pie a {
	color: #ffffff;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
}

.portal-pie .portal-pie-email {
	color: #ffcd00;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
}

/* Banner Areas en pagina inicial */
.portal-banner-areas span {
	color: black;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
}


/* ESTILOS PARA EL DATAGRID */

.portal-carrusel-dataGrid .ui-datagrid-header {
    background: #63a0d0;
    color: white;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
}

.portal-carrusel-dataGrid .ui-paginator {
    background: #63a0d0;
    color: white;
}