/****** PAGE **************************/

.page
{
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    min-height: 100vh;
}

header { flex: none; }

@media screen and (min-height: 740px) {
	main { 
		min-height: 60vh; /* Siempre tener un minimo de alto, para que el footer se vea en la primera pagina */
	}
}
header .widget,
footer .widget { 
	
	margin: auto;
	box-sizing: content-box;
}


.errorPage
{
    display: flex;
    height: 100vh;
    align-items: center;
	justify-content: center;    
	
	background-repeat: no-repeat;

}
.errorPage .ovt_contenido { padding:  2em 1em; }

.main-action {
	margin: 2em 0;
}
.main-action .izquierda {
	justify-content: center;
	width: 100%;
	display: flex;
}
.botonera.main-action .izquierda > * {
	margin-right: 0;
}

.simple-page #contenedorWebapps {
	display: flex;
	justify-content: center;
	align-items: center;
}



@media screen and (min-width: 800px) {
	.wider-content
	{
		max-width: 110rem;
		margin-left: auto;
		margin-right: auto;
	}
}

/************************************/
/********* HEADER *******************/
/************************************/
header
{
   /*  min-height: 8em;   ***********************************************/
   /* font-size: calc(0.7rem + 0.3vw);*/
    position: relative;
    z-index: 1;     
}
	header a
	{
		text-decoration: none;
		transition: all ease .15s 0s;
	}

	header p
	{
		margin: 0;	
		display: flex; 
	}



.HEADER .widget-area
{
	margin: 0;
}

section#global
{
    line-height: 1em;
}

/*
	section#global::after {
	    clear: both;
	    content: "";
	    display: table;
	}
*/
.sede {
	padding: 0.35em 1em;
	display: flex;
	/* justify-content: flex-end; */
	flex: 1 1 0;
	align-items: center;
	min-height: 1.5em;
}

	.sede > :not(.fecha-hora):first-child:before {
		content: '';
	} 
	.sede > :not(.fecha-hora):first-child {
		margin-left: auto;
	  }	 

	.sede .fecha-hora {
		margin-right: auto;
		display: flex;
		align-items: center;
		min-width: 12.5em;
	}
	.fecha-hora-link-info {
		cursor: pointer;
		margin-left: 0.2em;
	}
	.fecha-hora-link-info .icon {
		font-size: 0.8em;
	}
	.fecha-hora-link-info:hover .icon {
		color: dodgerblue;
	}
	.sede a,
	.idioma-seleccionado
	{
		display: block;
		margin: 0 1.2em;
	}

	.html-sede {
		display: flex;
		margin: 0 2em;
		align-items: center;
	}

	.idiomas {
		display: flex;
	}
	.idioma-corto{display:none;}
	.idioma-seleccionado {
		/* opacity: 0.5; */
	}



	.user-identity {
		margin: 0 1em 0 2em;
		text-align: center;
	}
	
	.identify-user > a {
		font-size: 1.25em;
		font-weight: 500;
		display: flex;
		align-items: center;
	}
	.identify-user > a .icon
	{
		width: 1.2em;
		height: 1.2em;
		
	}
		
	
	.user-logged {
		margin: 0em 1.5em 0.5em 0;
		align-self: flex-end;
	}
	
	.user-logged .name
	{
		margin-left: .2em;
		font-weight: 500;
		text-transform: capitalize;
	}
	



/* Cuando no esta identificado se asume un ancho de los 2 elementos laterales para que el titulo quede centrado */
#entity:not(.identificado) #logo,
#entity:not(.identificado) nav
{
	width: 300px;
}
			

#entity
{
	display: flex;
	align-items: center;
	height: 9em;
	padding: 0.5em;
	position: relative;
}	

#logo {
	/* position: absolute;
	left: 1em; */
	/*
	bottom: 0;
	top: 0;
	display: flex;
	align-items: center;
	*/
}

#logo a
{
    display: block;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 10em;
    width: 18em;
    image-rendering: auto;
    
    max-height: 7em;
}


.global-title {
    display: none;
    text-align: center;
    font-size: 1rem;
    padding: 1em;
    font-weight: bold;
	background-color: gray;
}
.simple-page .global-title { display: inherit; }

#textosHeader {
	flex: 1 1 0px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	text-align: center;

	margin-left: 5%;
	margin-right: 5%;
}
/* SOLO para IE11*/
_:-ms-fullscreen, :root #textosHeader
{
	/* flex-basis: 40%;     */
}



	#textosHeader a
	{
	}
	h1
	{
		margin: 0.2em;
		line-height: 1.25em;
		/*text-transform: uppercase;  MOVER A NIVEL DE CLIENTE */
	}
	h2
	{
		font-size: 1.1rem;
		margin: 0.2em;
		line-height: 1.25em;
	}

/********* NAVEGACIÓN *******************/

header nav
{
	align-items: flex-end;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	margin-right: 0em;
	margin-bottom: 0em;
	/* position: absolute;
	right: 0em;	 */
	
	/* PARA HEADERS MUY ALTOS
	align-self: self-end;
	margin-bottom: 1em;
	*/
}


	header nav { margin-left: auto;}

	.menu-troggle
	{
		display: none;	
	}


	
	.nav-user {
	    /*border: 1px dashed red;*/
	    justify-content: flex-end;
	    display: flex;
	    list-style: outside none none;
	    margin: 0;
	    padding: 0;
	}


	.nav-user-item {

	}
	.icon-svg {
	    align-items: center;
	    /*border: 1px solid blue;*/
	    display: flex;
	    height: 3em;
	    justify-content: center;   
	}

	header nav input { display: none; }


	.nav-user > li {
		border-bottom: 2px solid transparent;
	    flex: 1 1 auto;
	    margin-right: 1em;
	    min-width: 7em;
	    /*max-width: 30%;  Si hay textos que necesitan más espacio que otro */
	    text-decoration:  none;
	    transition:border-color 0.15s ease  0s;
	    position: relative;
	}

	.menu-troggle.navItem {
	    min-width: 5em;
	    max-width: 5em;
	}

	.nav-user > li::before {
		background-color: black;
		border-radius: 8px 8px 0 0;
		bottom: 0;
		content: "";
		height: 0%;
		left: 0;
		opacity: 0.05;
		position: absolute;
		transition: all 0.15s ease 0s;
		width: 100%;
		z-index: -1;
	}
	.nav-user > li:hover
	{
	    border-color: #4d6a86;
	}
	.nav-user > li:hover::before
	{
	    /*border: 1px dashed silver;*/
	    /*background-color: rgba(0, 0, 0, 0.08);*/
	    height: 100%
	}

	.nav-user-title {
	    display: block;
	    text-align: center;
    	font-weight: bold;
    	white-space: nowrap;
	}



#numeroCesta,
.numero-mensajes,
#mensajesNav > a > span.ajax-loader
{
    border-radius: 1em;
    box-sizing: border-box;
    left: -0.1em;
    position: absolute;
    text-align: center;
    top: 0.6em;
    height: 2.2em;
    width: 2.2em;
}
@media screen and (min-width: 600px) {
	#numeroCesta:not(.Loading),
	.numero-mensajes:not(.Loading)
	{
		border: 1px solid currentcolor;
	}
}


#numeroCesta span,
.numero-mensajes span {
  display: flex;
  top: 0;
  bottom: 0;
  align-items: center;
  position: absolute;
  justify-content: center;
  left: 0;
  right: 0;
  font-weight: bold;
}
#numeroCesta span.ajax-loader {
	font-size: inherit;
	margin: inherit;
}
#numeroCesta:empty {
	border: transparent;
}


.flotantes
{
	display: none;
	/*border: 2px solid red ;*/
	position: relative;
}


.flotantes .flotante.contenidoFlotante {
    box-sizing: border-box;
    display: block;
    left: 0.5em;
    position: relative;
    right: 0.5em;
    top: 0.5em;
    visibility: visible;
    width: calc(100% - 1em);
}





/********* MENU *******************/

#main-menu {
    /*margin-top: 1em;*/
    text-transform: uppercase;
    text-shadow: none;
}

.nav-menu {box-shadow: 0px 2px 6px rgba(0,0,0,0.15);  }
.nav-items { box-shadow: 2px 2px 6px rgba(0,0,0,0.15); }
.nav-menu .strip
{
	display: none;
}

.nav-menu > ul {
	position: relative;
	display: flex;
}

.nav-menu ul, .nav-items {
    padding: 0;
	list-style: outside none none;
	margin: 0 auto;
}


.nav-menu ul::after {
    clear: both;
    content: "";
    display: table;
}

.nav-group {
    float: left;
    border-width: 0 1px 0 0;
}
.nav-group { transition: all 0.15s ease-in-out 0s;}

.nav-group > .nav-text
{
	border-style: solid;
	border-width: 0 1px 0 0 ; 
    background-color: transparent;
    position: relative;	
	justify-content: center;
	align-items: center;
	display: flex;
	box-sizing: border-box;
	height: 100%;
}

.nav-group:first-child > .nav-text
{
	border-left-width: 1px; 
}

.nav-item > .nav-text
{
	border-bottom-style: solid;
	border-bottom-width: 1px; 
}

.nav-text {
    padding: 1em 3em;
    display: block;
}
.nav-menu  .nav-group > .nav-text {
	padding-top: .7em;
	padding-bottom: .7em;

}


a.nav-text{
    text-decoration: none;
}

.nav-group:hover .nav-items {
    opacity: 1;
    visibility: visible;    
    transform: scaleY(1);
}

.nav-items
{
    opacity: 0;
    visibility: hidden;
    transition: all .15s ease;
    
    transform: scaleY(0.2);    
    transform-origin: top;


    position: absolute;
    z-index: 1;

    border-width: 0;
}
.nav-item
{
	max-width: 100vw;
}

.nav-item.no-mostrar
{
	display: none;
}


.nav-group:hover .nav-item {

}

.nav-item > .nav-text {
    position: relative;
}

.nav-menu .nav-group:hover > .nav-text::before,
.nav-menu .nav-item:hover > .nav-text::before
{
    background-color: black;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.07;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.nav-menu .nav-group:hover > .nav-text::before { opacity: 0.3; }

.nav-item > .nav-text {border-bottom-color: silver;}
.nav-group > .nav-text {border-color: silver;}

.navItem > a
{
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

.navItem svg.icon
{
	height: 2.5em;
    width: 2.5em;
    padding: 0.5em;
}	
/*
#mensajesNav .ajax-loader {
	position: absolute;
	top: 4.7em;
	width: 0.5em;
	height: .5em;
	left: -1.1em;
}
*/
#mensajesNav .ajax-loader {
	/* position: absolute; */
	top: 0.45em;
	/* width: 0.5em; */
	/* height: .5em; */
	left: -0.65em;
	/* width: 100%; */
	/* height: auto; */
}

@media screen and (max-width: 500px) {
	#mensajesNav .ajax-loader { left: -1px; }
	#numeroCesta span, .numero-mensajes span { left: -8px; }	
}




/********* CONTENIDO *******************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/


main {
	
}

#widgets-wrapper
{
	margin-bottom: auto;
}

.widgets-grid
{
	padding: 1em 0em;
    display: flex;
    width: 100%;  
    flex-flow: row wrap;
	justify-content: center;
	
}
.widgets-grid.single-column
{

}
.widgets-grid.multi-column {
	/* flex-flow: column; */
	/* align-items: center; */
	/* max-width: 110rem;
	margin: auto; */
	/* border: 1px solid green; */
	flex-flow: column;
}
/* Espaciar las secciones de navegacion en la pagina principal */
.widgets-grid > .NAVEGACION  { margin: 2em auto 2em; }
.widgets-grid > .NAVEGACION + .NAVEGACION
		 { margin: 1em auto 2em; }



.sta-liq .widgets-grid
{
	 /* flex-flow: column; */
}

.widget > div.design-item-debug
{
    display: unset;
}

.widgets-grid .widget
{
    /*border: 1px dotted fuchsia;*/
    flex-grow: 1;
    flex-shrink: 0;
    /* flex-basis: 0px; */
 	min-width: 1em;
 }

.widgets-grid.single-column .widget
{
	flex-basis: 100%;
}

.widget:not(.HEADER) .widget-area,
.panel-advanced
{
    /*height: calc(100% - 2em);*/
    box-sizing: border-box;
	margin: 0em auto;
	max-width: 70em;
	/*border: 1px dashed blue;*/
}


h3 {
	margin: 1em 0.5em 0;
}
h3 > * {
	padding: 0 .5em;
}

h3.has-actions {
    display: flex;
    /*justify-content: space-between;*/
}

h3 .detail-title {
    padding: 0.2em;
}
h3 .detail-title.large { font-size: 0.85em; }
h3 .detail-title.extra-large { font-size: 0.7em; }


h3 .back
 {
	order: -1;
    display: flex;
    font-size: 0.8em;
	justify-content: center;
	flex-flow: column;    
}

h3 .back:hover {
    background-color: hsl(0,0%,94%);
}


h3 .back .icon {
    height: 1.5em;
    width: 1.5em;
}


/************ PAGINES DE CONTENIDO *************/

.content-image {
	flex: 1 0 auto;
    width: 100%;
    background-position: center center;
    display: none;
}
.content-image.has-image {
    display: inherit;
}

.page.has-menu .content-image { margin-top: -3.5em; }


#widgets-wrapper.page-content
{
	align-self: center;
}

.page-content main {
	display: flex;
	flex-flow: column;
}

	/********** BANNER **************/

	#widgets-wrapper.has-BANNER
	{
		display: flex;
	}

	aside  .BANNER_LATERAL {
		width: 20em;
	}

/*
.INTEGRADO.widget:not(.HEADER) div.widget-area {
    padding: 1em 2em;
    margin: -2em 2em 2em 2em;
    height: 100%;
}
*/

.backButton,
.printButton
 {
    align-items: center;
    display: flex;
}

.breadcrumbs .icon
{
    height: 1.5em;
    width: 1.5em;
    margin-right: 1em;
    position: relative;
    top: 0.3em;
}

.backButton .icon,
.printButton .icon{
    height: 1.5em;
    width: 1.5em;
 	margin-right: 0.5em;    
    margin-left: 2em;    
}


@media screen and (max-width: 900px) {

	aside  .BANNER_LATERAL {display: none;}
}

@media screen and (max-width: 500px) {
	.html-content-wrapper > .content-top
	{
		display: none;
	}
}


.ovt_contenido.html-content-wrapper {
	padding: 0 1em;
	max-width: 50em;
	box-sizing: border-box;

}

.content-top ,
.content-bottom
{
	font-size: 1rem;

    display: flex;
	flex-flow: wrap;
	padding: 0 1em;
	/*justify-content: flex-end;*/

}

.content-top {
    /*border-bottom: 1px dotted silver;*/
    margin: 0em;    
}

main > .content-top { margin: 0em 0 0em; }

.ovt_contenido.html-content-wrapper .content-top { width: inherit; }

.breadcrumbs { margin: 1em auto 0.4em 0em; }
.breadcrumbs .separador { padding: 0 1em; }

.content-top .backButton,
.content-top .printButton{ margin: 1em 0 0.4em 0; }
.content-bottom .backButton,
.content-bottom  .printButton { margin: .4em 0 1em 0; }


/* si hay titulo se ponen un espacio en el contenido */
h3 + .html-content-wrapper > .componenteHTML {  padding: 2em 0; }

.html-content { }

.fecha-actualizacion{
   margin: .4em auto 1em 0em;
   opacity: .6;
   font-style: italic;
}

.fecha-actualizacion .literal {}
.fecha-actualizacion .fecha {}

.content-bottom {
    border-top: 1px dotted silver;
    margin: 2em 0 1em;    
    width: inherit;    	
}





/*********** @media screen *******************/
@media screen and (min-width: 501px) {
 
	.content-area.standard{
	    overflow: hidden;
	    border-color: transparent;
    	/*
    	border-radius: 1em;
    	border-style: solid;
    	border-width: 0.4em;
    	*/
    }
}


.ovt_contenido {

    /*align-items: center;  QUE PARTE NECESITA ESTO, en muchos sitios no va bien  */
    display: flex;
    flex-flow: column nowrap;
    padding: 1em;
}
.ovt_contenido > div:not(.Informativo),
.ovt_contenido > section
{
    width: 100%;
}



/********* footer *******************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/


footer {
 flex: none; 


}
footer .widget
{
	margin: auto;
	box-sizing: border-box;
	padding: 0em 3em;
}

#footer-wrapper {
	display: flex;
	flex-flow: column;
	align-items: stretch;
}
#footer-wrapper > * {
	width: 100%;
}

.footer-area
{
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	padding: 1em 0;
}

/* MENU ------------------*/
.footer-menu
{
	padding: 2em 0 0;
	margin-top: 0;
	margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    /*column-width: 15em;*/
}

.nav-footer-text {

    /*padding: 0em 1em;*/
    font-size: 1.214em;
    font-weight: bold;
}
.nav-footer-group
{
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}


.menu-footer-items {
    margin: 0;
    padding: .5em 1em 1.8em 0;

}

.menu-group {
	margin: 0em 0 2em 0;
	break-inside: avoid;
	overflow: hidden;
	min-width: 15em;
}
.menu-group > .nav-text
{
	padding: 1em;
}
.menu-items {
    padding: 0 1em;
}
.menu-item {
    margin: 0.5em 0em;
}



/* Footer LIBRE HTML --------*/
.footer-area > section {
    min-width: 25rem;
}

.footer-area .left {}
.footer-area .middle {}
.footer-area .right {}




/* FOOTER FIJO ------------*/

.footer-menu {border-bottom: 1px solid rgba(0,0,0,0.1);}
.footer-menu + .footer-area { border-top: 1px solid hsl(0,0%,100%,.3);}


.footer-area.footer-fijo
{
	justify-content: inherit;
	flex-flow: wrap;
}

.footer-area.footer-fijo > * {
	/*border:	1px dotted blue;*/
}

.entidad-sede
{
	min-width: 50%;
	margin: 0 0 1em 0;
	
	display: flex;	
	flex-flow: row nowrap;
	align-items: center;	
}

.entidad-sede .imagen-entidad {
    margin: 0 2em 0 0em;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;   	
    height: 8em;
    width: 8em;
    image-rendering: auto;
 
}

.entidad-sede .title-sede
{
	font-size: 1.286em;
	font-weight: bold;
	padding: 0 0 1em;	
}
.entidad-sede ul {margin: 0; padding: 0; }
.entidad-sede li
{
	font-size: 0.857em;
	line-height: 2em;
}
.entidad-sede .icon
{
	width: 1.1em;
	height: 1.1em;
	top: 2px;
	position: relative;
	margin-right: .5em;
}
.datos-info-sede
{

}
.social-media {
	display: flex;
	align-items: center;
	margin: 1em auto;
	padding: 0 1em;
}
.social-media a {
	margin: .3em;
	padding: .5em;
	display: flex;
	align-items: center;

	transition: background-color .4s;
}
.social-media .icon
{
	width:2em;
	height: 2em;
} 

.social-media a:hover { background-color: #333; }
.social-media a.facebook:hover { background-color: #3d5b99; }
.social-media a.twitter-x:hover { background-color: #ffffff; box-shadow: inset 0 0 1px #000; color: black}
.social-media a.rss:hover { background-color: #eb8231; }
.social-media a.youtube:hover { background-color: #e64a41; }
.social-media a.instagram:hover { background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); }
.social-media a.flickr:hover { background-color: #f63a93; }
.social-media a.telegram:hover { background-color: #259fdc; }





@media screen and (max-width: 900px) {
	.footer-menu{
		display: block;
		justify-content: inherit;
		column-width: 17em;
	}
}
@media screen and (max-width: 600px) {
	.identify-user .icon {  display: inherit;}
	.identify-user .a-text {  display: none;}

	.footer-menu
	{
	    /*display: none;*/
	    text-align: center;
		flex-flow: column;
	}
	.entidad-sede
	{
		margin: 1em auto 1em; 
	}
}
@media screen and (max-width: 500px) {
	.entidad-sede .imagen-entidad {
    	margin: 0 0 2em 0em;	
	}
	.entidad-sede
	{
		flex-flow: column nowrap;
	}
	.entidad-sede .title-sede { text-align: center; }	
}
@media screen and (max-width: 400px) {
	.social-media a { margin: .1em;	}
	.social-media .icon {
		width:  1.5em;
		height: 1.5em;
	}
}


/* TEMPORAL PARA MOSTRAR OK */
/*
.flotante {
    float: left;
    position: absolute;
}
*/

/*********************************************/
/*********** @media screen *******************/
/************************************************************************************************************************/
/* @media screen and (min-width: 1024px) {
	_:-ms-fullscreen, :root #entity
	{
		align-items: inherit;    
	}
} */

/*********************************************/
/*********** @media screen *******************/
/************************************************************************************************************************/
@media screen and (max-width: 1024px) {
	/* #logo,
	#entity nav{
		position: relative;
		right: inherit;
	}
	section#entity 	{ justify-content: space-between; } */
	section#entity,
	#logo a { max-height: 7em; }

	#logo a	{ max-width: 13em; }
	#textosHeader { font-size: 0.6em; 	}
	#entity nav{ font-size: 0.85em;}	
}

/*********************************************/
/*********** @media screen *******************/
/************************************************************************************************************************/
@media screen and (max-width: 800px) {

	
	section#entity,
	#logo a { max-height: 6em; }
	/* #entity nav{ font-size: 0.85em;}	 */

	#textosHeader { display: none; 	}

	 .global-title {
		display: inherit;
	    padding: 0.8em 1em;
	}
	.menu-troggle { display: block;	}

	.sede {
    	font-size: 0.9rem;
	}

	#main-menu {
    		margin-top: 0em;
	}
	.nav-menu
	{
	    /*background-color: #293a58;*/
	    box-shadow: -3px 0 13px dimgray;
	    height: 100%;
	    min-width: 60%;
	    overflow-y: scroll;
	    position: fixed;
	    right: -200%;
	    top: 0;
	    transition: right 0.35s ease 0s;
	    z-index: 1;
	}

	.nav-menu .strip
	{
	    display: inherit;
	    height: 100vh;
	    position: absolute;
	    width: 3em;
	}
	.strip > a
	{
	    color: white;
	    display: block;
	    font-size: 1.6em;
	    padding: 0.55em;
	}

	.menu-title
	{
	    display: block;
    	padding: 1em;	
    	color: white;  
    	font-weight: bold;  
	}
	.nav-text
	{
    	padding: 1.2em 1em;
	}
	
	.nav-menu .nav-group {
		flex: 0 1 0px;
		display: block;
		float: none;
	}
	.nav-menu > ul
	{
		margin-left: 3em;
		height: 100vh;
		overflow-y: scroll; 
	}
	.nav-menu ul {

	    flex-flow: column nowrap;
	    display: block;
	
	/*
	    height: 100%;
	    position: absolute;
	    width: 100%;	    
	    */
	}	

		.nav-item > .nav-text
		{
			padding-left: 3em;
	    }
		.nav-menu .nav-items
		{
		    opacity: inherit;
		    position: inherit;
		    transform: none;
		    transform-origin: none;
		    transition: none;
		    visibility: inherit;
		    box-shadow: none;
		}	    

		.nav-menu.active
		{
    		right: 0;
		}
		.nav-group:hover .nav-items {
		    transform: none;
		}
		.nav-group > .nav-text
		{
			height: auto;
			border-right-width: 0; 
		}


		.nav-menu .nav-group:hover > .nav-text::before { opacity: 0; }

		.strip::before,
		.strip::after
		{
		    background-color:rgba(0,0,0,0.2);
		    bottom: 0;
		    content: "";
		    left: 0;
		    position: absolute;
		    right: 0;
		    top: 0;
		    z-index: -1;
		}

		.strip::after {
		    opacity: 0.5;
		}


	.page.has-menu .content-image
	{
		margin-top: inherit;
	}

	main{
		padding: 0rem;
	}

}

/*********************************************/
/*********** @media screen *******************/
/************************************************************************************************************************/

@media screen and (max-width: 700px) {
	#widgets-wrapper.page-content {
	    align-self: inherit;
	}	
}

/*********************************************/
/*********** @media screen *******************/
/************************************************************************************************************************/

@media screen and (max-width: 600px) {

	section#entity,
	#logo a { max-height: 5em; }
	
	#logo a { max-width: 11em; }


	.nav-user > li {
    	min-width: 5.8em;
	}

	.html-sede {display: none;}

    header::before {display: none}

	.idioma-corto{display:inherit;}		
	.idioma-completo{display:none;}		

	#entity nav {
	}



	
	.user-logged
	{
	    display: none;
	}
    .navItem > a
    {
    		font-size: 0.9em;
    }

	.flotantes	{display: inherit;}

	main {
		padding: 0;
	}

}

/*********************************************/
/*********** @media screen *******************/
/************************************************************************************************************************/

@media screen and (max-width: 500px) {
 
	section#entity,
	#logo a { max-height: 3em; }
	#logo a { max-width: 7em; }

	section#global
	{
	    flex-flow: column nowrap;
	}

	section#entity
	{

	}	

	#entity nav
	{
	    font-size: 0.9em;
	}
	.nav-user-title
	{
    	display: none;
    }
	.nav-user > li
	{
	    min-width: 5em;
	}

	.menu-troggle.navItem { min-width: inherit; }



	
	#numeroCesta,
	.numero-mensajes{
		border-width: 0;
	}

	.content-top .backButton,
	.content-top .printButton{ display: none; }


	.widget-area
	{
	    height: inherit;
	    margin: 0.5em 0;
	}

	.ovt_contenido
	{
		padding: 0.5em;
	}
	.ovt_panel:not(.tabbed) 
	{
    	border: inherit;
    	border-radius: inherit;	
    }

    .footer-wrapper{
 		flex-direction: column;
	}
	.footer-area {
	    flex-flow: column;
	}
	
	.NAVEGACION {background-image: none !important;	}


}
/*********************************************/
/*********** @media screen *******************/
/************************************************************************************************************************/

@media screen and (max-width: 400px) {

	#logo a { max-width: 5em; }

	#entity nav { font-size: 0.8em; }


}
/*********************************************/
/*********** @media screen *******************/
/************************************************************************************************************************/

@media screen and (max-width: 350px) {

	#logo a { max-width: 3em; }



}

/*********************************************/
/*********** @media screen *******************/
/************************************************************************************************************************/

@media screen and (min-width: 1024px) {
	/* header nav { 	flex-basis: 30%; } */
}

@media screen and (min-width: 700px) {
	.content-area.standard { min-width: 45em }
}
@media screen and (min-width: 800px) {
	.content-area.standard { min-width: 50em }
}
/* Las paginas con parrafos quedan limitas al ancho del parrafo y queda
 * feo que los botones volver/imporimir NO quedan alineados con el contenido.
@media screen and (min-width: 900px) {
	.content-area.standard { min-width: 55em }
}
@media screen and (min-width: 1024px) {
	.content-area.standard { min-width: 60em }
}
@media screen and (min-width: 1200px) {
	.content-area.standard { min-width: 65em }
}
@media screen and (min-width: 1300px) {
	.content-area.standard { min-width: 70em }
}
*/



/* OVC */
#page_OVC_HOME  .content-area.ovt_panel.widget-area.standard,
#page_OVC_HOME2 .content-area.ovt_panel.widget-area.standard,
#page_OVC_HOME3 .content-area.ovt_panel.widget-area.standard,
#page_HOME .content-area.ovt_panel.widget-area.standard,
#page_HOME2 .content-area.ovt_panel.widget-area.standard,
#page_HOME3 .content-area.ovt_panel.widget-area.standard,
#page_PTS2_HOME .content-area.ovt_panel.widget-area.standard,
#page_PTS2_HOME2 .content-area.ovt_panel.widget-area.standard,
#page_PTS2_HOME3 .content-area.ovt_panel.widget-area.standard
{
    display: flex;
    flex-flow: column;
    align-items: center;
}