/********** FUENTES *****************/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);
body
{
	font-family:  "Open Sans","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

/********** LOGOS: ********************************************/
#logo a { background-image: url("../img/logoCabecera.png");}
@media screen and (max-width: 500px) { #logo a { 
    background-image: url("../img/logoReducido.png");}} 
footer .entidad-sede .imagen-entidad {
    background-image: url("../img/logoFooter.png"); }



/************************************/
/********** COLORES *****************/
/************************************/

/* COLORES toda la pagina ----------*/
html {
    background-color: white;
    color:  #262626;text-align:justify;
}

/* COLOR: Links , Botones, Tabs */
a,
.ui-btn,
a.ui-btn:not(.disabled),
a.ui-btn:hover:not(.disabled),
.ui-widget-content a,
header .contenidoFlotante a,
.tabs input:checked + label    {        color: #444444
;
                                 border-color: #666666; }

/* COLOR: hover links */
a:hover:not(.ui-btn) {        color: #333; }


/* COLORES HEADER ---------------*/
/* COLOR: fondo, color, links y hover-links */
header { background-color: #fff; 
                    color: inherit }
header a  {         color: #000;
             border-color: #333; }
header a:hover  {   color: #333;
             border-color: #666; }
           
/* COLOR: barra superior transparente */
header section#global {background-color: #444444;
}

/* COLOR: barra separadora TITULO/SEDE  */
.global-title { background-color: #F0F8F9}
.global-title a {color: #666666;}

/* COLOR: hover border iconos navegación usuario */ 
header .contenidoFlotante,
header .nav-user > li:hover { border-color: #bd0926; }

/*COLORES CONTENIDO -------------*/
/* COLOR: titulos principales y color principal */
h3,
.main-element,
.liqsec-param-concepto-title.seleccionado
 { color: ff5e00;}


/* COLORES  MENU -----------------*/
.nav-text, a.nav-text {              color: #fff;} /* COLOR: texto linea primer nivel */
.nav-item .nav-text   {              color: #666666;} /* COLOR: texto linea segundo nivel */

.nav-item > .nav-text {border-bottom-color: inherit;} /* COLOR: separador items segundo nivel */
.nav-menu > ul,
.strip::after           { background-color: #666; color:#fff} /* COLOR: fondo item primer nivel en movil */
.nav-items              { background-color: #eee; } /* COLOR: fondo item segundo nivel */
.nav-group > .nav-text {border-right-color: #eee; } /* COLOR : separador vertical items primer nivel */

/* @media screen */
@media screen and (min-width: 800px) /* SOLO PARA EL MENU HORIZONTAL */
{
	.nav-menu > ul{
		display: flex;
		justify-content: space-evenly; 
		box-shadow: 0px 1px 0px #777;
	}
    .nav-items { width: calc( 100% / 3); /* Para 3 columnas de menus */ }    
	/* Para que en pantallas de menos de 800px aparezca la cabecera y pie 100% de pantalla*/
	header .wider-content{
		max-width: 100%;
	}
	footer .wider-content{
		max-width: 100%;
	}
}
.nav-group > .nav-text { font-weight: bold; text-align: center; }
.nav-menu .nav-group:hover > .nav-text::before { opacity: 0.08; }
.nav-menu .nav-item:hover > .nav-text::before { opacity: 0; }
.nav-items { text-transform: none;}

.nav-menu .nav-group {flex: 1;}
/*COLORES FOOTER -------------*/
footer {
    background: #ffc708;
    color: #000;border-top: 7px solid #444;line-height:27px
}
footer a:not(.contextual-links) { color: inherit; opacity: 0.7; }
footer a:not(.ui-btn):hover {     color: inherit; opacity: 1;   }

/*COLORES VARIOS ----------------------*/

/*COLOR: BANNER LATERAL estilo 2 */
nav.estilo2 a {       color: inherit; }
nav.estilo2 a:hover { color: inherit; }


/************************************/
/********* HEADER *******************/
/************************************/

header{
    background-image: none;
    /*text-shadow: 1px 1px 1px #666;  Sombra por si hay resaltar el texto si hay color de fondo */ 
}
/*header .navItem svg.icon { filter: drop-shadow(0px 0px 1px #666);}*/


/************************************/
/********* CONTENT ******************/
/************************************/

/* Tamaño de las imagenes tematicas del contenido */
.content-image.has-image {
    height: 14em;
}

/*  EJEMPLO PONER IMAGEN TEMATICA de CONTENIDO vía CSS */
/*
#page_PTS2_ORDENANZAAE .content-image {
    display: inherit;
    height: 14em;
    background-size: cover;
    background-image: url('https://www.t-systems.com/blob/200982/e16485fbf0fe9d87fa28d4770c20b1f4/IM_BG_About-Us_1700x425.jpg');
}
*/
    /* HACER TRANSPARENTE el menu en horizontal PARA las paginas con imagen tematica */
    @media screen and (min-width: 800px) {
        /*#page_PTS2_ORDENANZAAE .nav-menu > ul { background-color: rgba(0, 0, 0, 0.5); }*/
    }


/* Estilo en tamaños medios y grandes ********/
/*********** @media screen *******************/
@media screen and (min-width: 501px) {
    h3 { 
        border-bottom: 5px solid #eee;font-size: 1.5em; color:#bd0926
    }
    h4{}
}

/* Subtitulos -------------*/ 
h4 {
    
}



/*********************************/
/* WIDGET CON ESTILOS ESPECIALES */
/*********************************/

.NAVEGACION.estilo1 .widget-area {
    background-color: #e8edf6;
}

/* WIDGET BIENVENIDA con IMAGEN DE FONDO *******************/
#PTS2_BIENVENIDA{
    background-image: url('https://www.t-systems.com/image/347896/4x1/fc/1700/425/c5cf697c5fc89cc2fe856b8527045e1c/Dy/im-bg-digitization-banner-high-1700x425-jpg.jpg');
    background-repeat: no-repeat;
    background-size: cover;    
}
#PTS2_BIENVENIDA h3 {
    border: 0;
    padding: 0 0 0.2em 0;
    color: white;
    text-shadow: 0px 0px 12px #000;
    font-weight: bold;   
    font-size: 3em; 
}
#PTS2_BIENVENIDA .widget-area
{
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;    
    height: 14em;
}
/*
#PTS2_BIENVENIDA .ovt_contenido
{
    max-width: 42em;
    background-color: whitesmoke;
    border-top: 0.5em solid #E20074;
    box-shadow: 0px 5px 10px #333;  
}
#PTS2_BIENVENIDA p
{
    line-height: 1.2em;
}
#PTS2_BIENVENIDA h4 {
    font-size: 1.1em;
    margin: 0.2em;
}
*/


#NAV_BANNERMISDATOS{
    background-image: url("../img/fondoMISDATOS.jpg");
    background-repeat: no-repeat;
    background-size: cover;    
    margin-bottom: 3em;    
}

/*
#NAV_BANNERMISDATOS{
    background-image: none;
    background-color: rgba(226,0,116,1);    
}
*/
/* TITULO con fondo para facil lectura */
/*#NAV_BANNEROTROS h4 {
    background: white;
    display: inline-block;
    padding: 0.3em;
    margin: 1em auto 0;
}*/




/* Espaciar las secciones de navegacion en la pagina principal */
#page_PTS2_HOME .NAVEGACION {
    margin: 3em auto;
}





/******************************/
/**** FOOTER ******************/
/******************************/

.NAVEGACION.estilo15 a.item-navegacion { 	background-color:#a9a8a8  !important 
}
.NAVEGACION.estilo4 h4  { 	color:#df273f !important 
}
.NAVEGACION.estilo12 h4   { 	color:#df273f !important 
}
.nav-menu  {color:#fff  !important 
}
.title{
color:#b32001!important;font-size: 1em!important 
}

.Informativo
{background-color: #eee !important ; color: #333 !important ;border-color:#666 !important ;box-shadow:none !important 
}
table.dataTable svg.icon {
height:1.2em !important }
h3, .main-element, .liqsec-param-concepto-title.seleccionado {
font-size: 1.5em!important }

/*.nav-group {
text-align:center !important;width:30% !important }
*/

#logo a { width:20em !important }

.nav-title { color:#333 !important }
.navItem a:hover { background-color:#d2a407 !important }
.fecha-hora { color:#fff !important }
.cabeceraDcha { color:#fff !important }
.sede a { color:#fff !important }

section#entity { background-color:#ffc708 !important }
.nav-footer-text {  font-weight:normal !important;font-size:1.2em  !important }

.user-logged { color: #a1a0a0; }