/**
 * FICHERO DE ESTILOS PARA LA PERSONALIZACION DEL CLIENTE
 * 
 * version: 0.2
 * fecha: 19/11/2019
 * cliente: CIE
 * 
 * Contenido:
 *
 * - FUENTES
 * - LOGOS
 * - COLORES
 * - CABECERA 
 * - CONTENIDO
 * - FOOTER
 * - WIDGETs con estilos especiales
 * - Personalizacion extra de cliente
 *
 *
 */


/************************************/
/********** 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:  "Roboto",Arial,sans-serif;
}

/************************************/
/********** LOGOS   *****************/
/************************************/
 
#logo a { background-image: url("../img/escudo_128.png");}
/*#logo a { background-image: url("../img/logoCabecera.png");} */
/* #logo a { background-image: none} para quitar la imagen,
   #logo   { display:none; }  para quitar todo el link */
@media screen and (max-width: 500px) { #logo a { 
   /* background-image: url("../img/logoReducido.png");}*/
	background-image: url("../img/escudo_64.png");}
	} 
footer .entidad-sede .imagen-entidad {
    background-image: url("../img/logoFooter.png"); }



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

/* COLORES toda la pagina ----------*/
html {
    background-color: white;
    color:  #333;
}

/* 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: #D52B1E;
                               border-color: #D52B1E; }

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


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

/* COLOR: barra separadora TITULO/SEDE  */
.global-title { background-color: #D52B1E}
.global-title a,
.global-title a:hover {color: white;} 

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

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

h4 {
    color: #D52B1E;
	  margin: 1.5em 0 .1em;
	
}


/* COLORES  MENU -----------------*/
.nav-text, a.nav-text {              color: white;} /* COLOR: texto linea primer nivel */
.nav-item .nav-text   {              color:  white;} /* COLOR: texto linea segundo nivel */
a.nav-text:hover      {              color: #DDD;} /* COLOR: link hover*/

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


/* @media screen PARA MENU HORIZONTAL */
@media screen and (min-width: 800px) {
    /*   .nav-menu > ul { background-color: rgba(0, 0, 0, 0.5); } NECESARIO PARA TRANSPARENCIA CON EL FONDO DEL HEADER */
    .page.has-image .nav-menu > ul { background-color: rgba(0, 0, 0, 0.5); } /*NECESARIO PARA TRANSPARENCIA CON LA IMAGEN TEMATICA DEL CONTENIDO */
}

/* COLOR: Cuadro informativo:
.Informativo { background-color:  #f4e9e1;
               box-shadow: 0 0 0 1px #D52B1E inset, 0 0 0 0 transparent;
               color: #D52B1E; } */

/*COLORES FOOTER -------------*/
footer {
    background: #2f2f2e;
    color: white;
}
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:#D52B1E ; }
nav.estilo2 a:hover { color:#D52B1E ; }


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

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


#textosHeader a {
	font-size: 1.4em;
	font-weight: lighter;
}

#textosHeader {
    /* display: flex; */
    /* flex-flow: column nowrap; */
    /* justify-content: center; */
    /* text-align: center; */
    /* flex-basis: 40%; */
     position: absolute;
    left: 15em;
	text-align: left;
 background-color: white;
}

/* MENU ****************************/
/*
.nav-menu > ul{
    display: flex;
    justify-content: center; 
    box-shadow: 0px 1px 0px #777;
}
 
.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;}
*/


/* MENU PRINCIPAL CENTRADO *******************************************/
@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;
		line-height: 0.5em;
	}
    .nav-items { width: calc( 100% / 3); /* Para 3 columnas de menus */ }    
}
.nav-group > .nav-text { font-weight: bold; text-align: center;  border-bottom-width: 1px;}
.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;}


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

/* 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.dipcas.es/uploads/dipcas/paginas/57ff9593d3b905285081961.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); }*/
    }


/* Subtitulos ********************************/ 
h4 {
    font-weight: lighter;
}

/* Estilo en tamaños medios y grandes ********/
/*********** @media screen *******************
@media screen and (min-width: 501px) {
    h3 { 
        border-left: 8px solid silver;
        padding-left: .4em;        
    }
    h4{}
}
*/

/******************************/
/**** FOOTER ******************/
/******************************/
footer {

}


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

/* WIDGET BIENVENIDA con IMAGEN DE FONDO *******************/
#PTS2_BIENVENIDA{
    background-image: url('https://www.dipcas.es//htdocs/public/temas/dipcas/img/di5.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; 
    margin: 1em;
}
#PTS2_BIENVENIDA .widget-area
{
    text-align: center;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;    
    height: 14em;
}

#PTS2_BIENVENIDA { display: none; }

/*
#PTS2_BIENVENIDA .ovt_contenido
{
    max-width: 42em;
    background-color: whitesmoke;
    border-top: #C81444 0.5em solid;
    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;
    background-position: center center;
}
@media screen and (min-width: 501px) {
    #NAV_BANNERMISDATOS h4 {color:#D52B1E;font-weight:bold}
}
*/ 

#NAV_BANNERCATALOGO{
    background-image: url('../img/fondoMISDATOS.jpg');  
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
@media screen and (min-width: 501px) {
    #NAV_BANNERCATALOGO h4 {color:#D52B1E;font-weight:bold}
}

.NAVEGACION .BANNEROTROS a.item-navegacion 
{
   /*width: 15em; */
}

#NAV_BANNEROTROS{
    background-color: white;
    background-image: none;
    background-size: cover;    
}


/* TITULO con fondo para facil lectura 
#NAV_BANNEROTROS h4 {
    background: white;
    display: inline-block;
    padding: 0.3em;
    margin: 1em auto 0;
}*/




/************************************/
/* Personalizacion extra de cliente */
/************************************/


/* Cabecera con fondo de imagen*/

section#entity
{ 	background-image: url('/skin/gijon/img/cabecera.jpg');background-repeat: no-repeat;background-size: cover; background-position: center;

}


/*Prueba imitar svg*/
.imagen_facebook{ 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-twitter' viewBox='0 0 16 16'%3E%3Ctitle%3Etwitter%3C/title%3E%3Cpath d='M9.5 3h2.5v-3h-2.5c-1.93 0-3.5 1.57-3.5 3.5v1.5h-2v3h2v8h3v-8h2.5l0.5-3h-3v-1.5c0-0.271 0.229-0.5 0.5-0.5z' fill='white'%3E%3C/path%3E%3C/svg%3E");	 
 background-repeat:no-repeat;
 }
.imagen_twitter{ 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-twitter' viewBox='0 0 16 16'%3E%3Ctitle%3Etwitter%3C/title%3E%3Cpath d='M16 3.538c-0.588 0.263-1.222 0.438-1.884 0.516 0.678-0.406 1.197-1.050 1.444-1.816-0.634 0.375-1.338 0.65-2.084 0.797-0.6-0.638-1.453-1.034-2.397-1.034-1.813 0-3.281 1.469-3.281 3.281 0 0.256 0.028 0.506 0.084 0.747-2.728-0.138-5.147-1.444-6.766-3.431-0.281 0.484-0.444 1.050-0.444 1.65 0 1.138 0.578 2.144 1.459 2.731-0.538-0.016-1.044-0.166-1.488-0.409 0 0.013 0 0.028 0 0.041 0 1.591 1.131 2.919 2.634 3.219-0.275 0.075-0.566 0.116-0.866 0.116-0.212 0-0.416-0.022-0.619-0.059 0.419 1.303 1.631 2.253 3.066 2.281-1.125 0.881-2.538 1.406-4.078 1.406-0.266 0-0.525-0.016-0.784-0.047 1.456 0.934 3.181 1.475 5.034 1.475 6.037 0 9.341-5.003 9.341-9.341 0-0.144-0.003-0.284-0.009-0.425 0.641-0.459 1.197-1.038 1.637-1.697z' fill='white'%3E%3C/path%3E%3C/svg%3E");
 background-repeat:no-repeat;
}

.imagen_youtube1{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-youtube1' viewBox='0 0 27 32'%3E%3Ctitle%3Eyoutube1%3C/title%3E%3Cpath d='M17.339 22.214v3.768c0 0.804-0.232 1.196-0.696 1.196-0.268 0-0.536-0.125-0.804-0.393v-5.375c0.268-0.268 0.536-0.393 0.804-0.393 0.464 0 0.696 0.411 0.696 1.196zM23.375 22.232v0.821h-1.607v-0.821c0-0.804 0.268-1.214 0.804-1.214s0.804 0.411 0.804 1.214zM6.125 18.339h1.911v-1.679h-5.571v1.679h1.875v10.161h1.786v-10.161zM11.268 28.5h1.589v-8.821h-1.589v6.75c-0.357 0.5-0.696 0.75-1.018 0.75-0.214 0-0.339-0.125-0.375-0.375-0.018-0.054-0.018-0.25-0.018-0.625v-6.5h-1.589v6.982c0 0.625 0.054 1.036 0.143 1.304 0.143 0.446 0.518 0.661 1.036 0.661 0.571 0 1.179-0.357 1.821-1.089v0.964zM18.929 25.857v-3.518c0-0.821-0.036-1.411-0.161-1.768-0.196-0.661-0.643-1-1.268-1-0.589 0-1.143 0.321-1.661 0.964v-3.875h-1.589v11.839h1.589v-0.857c0.536 0.661 1.089 0.982 1.661 0.982 0.625 0 1.071-0.339 1.268-0.982 0.125-0.375 0.161-0.964 0.161-1.786zM24.964 25.679v-0.232h-1.625c0 0.643-0.018 1-0.036 1.089-0.089 0.429-0.321 0.643-0.714 0.643-0.554 0-0.821-0.411-0.821-1.232v-1.554h3.196v-1.839c0-0.946-0.161-1.625-0.482-2.071-0.464-0.607-1.089-0.911-1.893-0.911-0.821 0-1.446 0.304-1.911 0.911-0.339 0.446-0.5 1.125-0.5 2.071v3.089c0 0.946 0.179 1.643 0.518 2.071 0.464 0.607 1.089 0.911 1.929 0.911s1.5-0.321 1.929-0.946c0.196-0.286 0.339-0.607 0.375-0.964 0.036-0.161 0.036-0.518 0.036-1.036zM14.107 9.375v-3.75c0-0.821-0.232-1.232-0.768-1.232-0.518 0-0.768 0.411-0.768 1.232v3.75c0 0.821 0.25 1.25 0.768 1.25 0.536 0 0.768-0.429 0.768-1.25zM26.946 22.786c0 2.054-0.018 4.25-0.464 6.25-0.339 1.411-1.482 2.446-2.857 2.589-3.286 0.375-6.607 0.375-9.911 0.375s-6.625 0-9.911-0.375c-1.375-0.143-2.536-1.179-2.857-2.589-0.464-2-0.464-4.196-0.464-6.25v0c0-2.071 0.018-4.25 0.464-6.25 0.339-1.411 1.482-2.446 2.875-2.607 3.268-0.357 6.589-0.357 9.893-0.357s6.625 0 9.911 0.357c1.375 0.161 2.536 1.196 2.857 2.607 0.464 2 0.464 4.179 0.464 6.25zM9.125 0h1.821l-2.161 7.125v4.839h-1.786v-4.839c-0.161-0.875-0.518-2.125-1.089-3.786-0.393-1.107-0.786-2.232-1.161-3.339h1.893l1.268 4.696zM15.732 5.946v3.125c0 0.946-0.161 1.661-0.5 2.107-0.446 0.607-1.071 0.911-1.893 0.911-0.804 0-1.429-0.304-1.875-0.911-0.339-0.464-0.5-1.161-0.5-2.107v-3.125c0-0.946 0.161-1.643 0.5-2.089 0.446-0.607 1.071-0.911 1.875-0.911 0.821 0 1.446 0.304 1.893 0.911 0.339 0.446 0.5 1.143 0.5 2.089zM21.714 3.054v8.911h-1.625v-0.982c-0.643 0.75-1.25 1.107-1.839 1.107-0.518 0-0.893-0.214-1.054-0.661-0.089-0.268-0.143-0.696-0.143-1.339v-7.036h1.625v6.554c0 0.375 0 0.589 0.018 0.625 0.036 0.25 0.161 0.393 0.375 0.393 0.321 0 0.661-0.25 1.018-0.768v-6.804h1.625z' fill='white'%3E%3C/path%3E%3C/svg%3E");
 background-repeat:no-repeat;
}
.imagen_instagram{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-instagram' viewBox='0 0 16 16'%3E%3Ctitle%3Einstagram%3C/title%3E%3Cpath d='M8 1.441c2.137 0 2.391 0.009 3.231 0.047 0.781 0.034 1.203 0.166 1.484 0.275 0.372 0.144 0.641 0.319 0.919 0.597 0.281 0.281 0.453 0.547 0.6 0.919 0.109 0.281 0.241 0.706 0.275 1.484 0.037 0.844 0.047 1.097 0.047 3.231s-0.009 2.391-0.047 3.231c-0.034 0.781-0.166 1.203-0.275 1.484-0.144 0.372-0.319 0.641-0.597 0.919-0.281 0.281-0.547 0.453-0.919 0.6-0.281 0.109-0.706 0.241-1.484 0.275-0.844 0.037-1.097 0.047-3.231 0.047s-2.391-0.009-3.231-0.047c-0.781-0.034-1.203-0.166-1.484-0.275-0.372-0.144-0.641-0.319-0.919-0.597-0.281-0.281-0.453-0.547-0.6-0.919-0.109-0.281-0.241-0.706-0.275-1.484-0.038-0.844-0.047-1.097-0.047-3.231s0.009-2.391 0.047-3.231c0.034-0.781 0.166-1.203 0.275-1.484 0.144-0.372 0.319-0.641 0.597-0.919 0.281-0.281 0.547-0.453 0.919-0.6 0.281-0.109 0.706-0.241 1.484-0.275 0.841-0.038 1.094-0.047 3.231-0.047zM8 0c-2.172 0-2.444 0.009-3.297 0.047-0.85 0.038-1.434 0.175-1.941 0.372-0.528 0.206-0.975 0.478-1.419 0.925-0.447 0.444-0.719 0.891-0.925 1.416-0.197 0.509-0.334 1.091-0.372 1.941-0.037 0.856-0.047 1.128-0.047 3.3s0.009 2.444 0.047 3.297c0.038 0.85 0.175 1.434 0.372 1.941 0.206 0.528 0.478 0.975 0.925 1.419 0.444 0.444 0.891 0.719 1.416 0.922 0.509 0.197 1.091 0.334 1.941 0.372 0.853 0.037 1.125 0.047 3.297 0.047s2.444-0.009 3.297-0.047c0.85-0.037 1.434-0.175 1.941-0.372 0.525-0.203 0.972-0.478 1.416-0.922s0.719-0.891 0.922-1.416c0.197-0.509 0.334-1.091 0.372-1.941 0.037-0.853 0.047-1.125 0.047-3.297s-0.009-2.444-0.047-3.297c-0.037-0.85-0.175-1.434-0.372-1.941-0.197-0.531-0.469-0.978-0.916-1.422-0.444-0.444-0.891-0.719-1.416-0.922-0.509-0.197-1.091-0.334-1.941-0.372-0.856-0.041-1.128-0.050-3.3-0.050v0z'%3E%3C/path%3E%3Cpath d='M8 3.891c-2.269 0-4.109 1.841-4.109 4.109s1.841 4.109 4.109 4.109 4.109-1.841 4.109-4.109c0-2.269-1.841-4.109-4.109-4.109zM8 10.666c-1.472 0-2.666-1.194-2.666-2.666s1.194-2.666 2.666-2.666c1.472 0 2.666 1.194 2.666 2.666s-1.194 2.666-2.666 2.666z'%3E%3C/path%3E%3Cpath d='M13.231 3.728c0 0.53-0.43 0.959-0.959 0.959s-0.959-0.43-0.959-0.959c0-0.53 0.43-0.959 0.959-0.959s0.959 0.43 0.959 0.959z' fill='white'%3E%3C/path%3E%3C/svg%3E");
 background-repeat:no-repeat;
}
.imagen_flickr2{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-flickr2' viewBox='0 0 16 16'%3E%3Ctitle%3Eflickr2%3C/title%3E%3Cpath d='M12.5 6.5c-1.103 0-2 0.897-2 2s0.897 2 2 2c1.103 0 2-0.897 2-2s-0.897-2-2-2zM12.5 5v0c1.933 0 3.5 1.567 3.5 3.5s-1.567 3.5-3.5 3.5-3.5-1.567-3.5-3.5c0-1.933 1.567-3.5 3.5-3.5zM0 8.5c0-1.933 1.567-3.5 3.5-3.5s3.5 1.567 3.5 3.5c0 1.933-1.567 3.5-3.5 3.5s-3.5-1.567-3.5-3.5z' fill='white'%3E%3C/path%3E%3C/svg%3E");
 background-repeat:no-repeat;
 }
.imagen_location{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-location' viewBox='0 0 16 16'%3E%3Ctitle%3Elocation%3C/title%3E%3Cpath d='M8 0c-2.761 0-5 2.239-5 5 0 5 5 11 5 11s5-6 5-11c0-2.761-2.239-5-5-5zM8 8c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z' fill='white' stroke-width='12' stroke-height='12'%3E%3C/path%3E%3C/svg%3E");
 background-repeat:no-repeat;
   background-size: 12px;
}
.imagen_phone{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-phone' viewBox='0 0 16 16'%3E%3Ctitle%3Ephone%3C/title%3E%3Cpath d='M11 10c-1 1-1 2-2 2s-2-1-3-2-2-2-2-3 1-1 2-2-2-4-3-4-3 3-3 3c0 2 2.055 6.055 4 8s6 4 8 4c0 0 3-2 3-3s-3-4-4-3z' fill='white' stroke-width='12' stroke-height='12'%3E%3C/path%3E%3C/svg%3E");
 background-repeat:no-repeat;
  background-size: 12px;
}
.imagen_earth{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-earth' viewBox='0 0 16 16'%3E%3Ctitle%3Eearth%3C/title%3E%3Cpath d='M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zM8 15c-0.984 0-1.92-0.203-2.769-0.57l3.643-4.098c0.081-0.092 0.126-0.21 0.126-0.332v-1.5c0-0.276-0.224-0.5-0.5-0.5-1.765 0-3.628-1.835-3.646-1.854-0.094-0.094-0.221-0.146-0.354-0.146h-2c-0.276 0-0.5 0.224-0.5 0.5v3c0 0.189 0.107 0.363 0.276 0.447l1.724 0.862v2.936c-1.813-1.265-3-3.366-3-5.745 0-1.074 0.242-2.091 0.674-3h1.826c0.133 0 0.26-0.053 0.354-0.146l2-2c0.094-0.094 0.146-0.221 0.146-0.354v-1.21c0.634-0.189 1.305-0.29 2-0.29 1.1 0 2.141 0.254 3.067 0.706-0.065 0.055-0.128 0.112-0.188 0.172-0.567 0.567-0.879 1.32-0.879 2.121s0.312 1.555 0.879 2.121c0.569 0.569 1.332 0.879 2.119 0.879 0.049 0 0.099-0.001 0.149-0.004 0.216 0.809 0.605 2.917-0.131 5.818-0.007 0.027-0.011 0.055-0.013 0.082-1.271 1.298-3.042 2.104-5.002 2.104z' fill='white' stroke-width='12' stroke-height='12'%3E%3C/path%3E%3C/svg%3E");
 background-repeat:no-repeat;
 background-size: 12px;

}


/**********************************************NUEVA SEDE a partir de abril de 2020 **************/
/* detalleMetaData : creado para que se muestre el detalle de los metadatos cuando solo hay un registro*/
/* detalleMetaData : primera columna con fondo gris y letras rojas, y segunda columna sin ello*/
#detalleMetaData table{ 
  width: 100%;
}
#detalleMetaData   td:first-child {
 width: 25%;
 background-color: #f8f8f8;
 color: #cf003d;
 font-weight: bold;
 text-align: left;
 padding: 20px;     
}
#detalleMetaData  td:nth-child(2) {
 width: 75%;
 text-align: left;
 padding: 20px;
}
.detalleMetaData2 table{ 
  width: 100%;
}
.detalleMetaData2   td:first-child {
 width: 25%;
 background-color: #f8f8f8;
 color: #cf003d;
 font-weight: bold;
 text-align: left;
 padding: 20px;     
}
.detalleMetaData2  td:nth-child(2) {
 width: 75%;
 text-align: left;
 padding: 20px;
}


/************ ESTILO 17-  ****************************/
/*****************************************************/
.NAVEGACION.estilo17 {
    background-color: whitesmoke;
	FONT-VARIANT-CAPS: SMALL-CAPS;
}

.NAVEGACION.estilo17 h4 {
    text-align: center;
	 font-size: x-large;
}

.NAVEGACION.estilo17 nav {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 2em auto 3em;
    max-width: none; /*70em;*/
}

.NAVEGACION.estilo17 .item-navegacion {
    align-items: center;
    text-decoration: none;
    /*text-transform: uppercase;*/
    position: relative;
    justify-content: space-around;
    flex: 1 1 0;
    
    margin: 0.5em;
    font-weight: bold;
    border-radius: .5em;
    background-color: currentColor;

    max-width: 15em;
  /*  min-width: 20em;*/

    transition: all .4s ease; /*, background-color .3s ease .1s;*/
}

.NAVEGACION.estilo17 .item-navegacion:hover {
    box-shadow: 0em 1em 6em -16px rgba(0,0,0,0.5);
    background: #FFF;   
}

.NAVEGACION.estilo17 .nav-item-graph {
    display: inherit;
    position: absolute;
    bottom: 0;
    height: 4.5em;
    width: 100%;
    text-align: center;
}

.NAVEGACION.estilo17 .nav-item-text {
    
    min-height: 2.5em;
    margin-bottom: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
  
    transition: all .4s ease;    
}
.NAVEGACION.estilo17  .no-icon .nav-item-text {
   margin: 0.5em;
}

.NAVEGACION.estilo17 .item-navegacion:hover .nav-item-text {
    color: inherit;
}

.NAVEGACION.estilo17 .nav-item-graph .icon
{
}
.NAVEGACION.estilo17 .nav-item-graph svg {
    width: 3em;
    height: 3em;
    fill: white;
    transition: all .4s ease;
}
.NAVEGACION.estilo17 .item-navegacion:hover .nav-item-graph svg{
    fill: currentColor;
}
.NAVEGACION.estilo17 .itemMenuSelected{
background-color:#747678
}
/*******************ESTILO 18 ***********************/
/*****************************************************/

.NAVEGACION.estilo18{

}
.NAVEGACION.estilo18 h4 {
    text-align: center;
    font-size: 1.8em;
}

.NAVEGACION.estilo18 nav
{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 2em auto 0em;
max-width: 100%;
}
.NAVEGACION.estilo18 nav.items-7 {max-width: 85em;}
@media screen and (max-width: 1366px) { .NAVEGACION.estilo19 nav.items-8 {max-width: 85em;} }
@media screen and (max-width: 1090px) { .NAVEGACION.estilo18 nav.items-6 {max-width: 50em;} }
@media screen and (max-width: 908px)  { .NAVEGACION.estilo18 nav.items-5 {max-width: 50em;} }
@media screen and (max-width: 728px)  { .NAVEGACION.estilo18 nav.items-4 {max-width: 36em;} }


.NAVEGACION.estilo18 a.item-navegacion
{
    display: flex;
    flex-flow: column;
    width: 18em;
    align-items: center;

    text-decoration: none;
    text-transform: uppercase;  
    margin: 1em;
}
.NAVEGACION.estilo18 .nav-item-graph {

}
.NAVEGACION.estilo18.nav-item-text
{

}
.NAVEGACION.estilo18 .nav-item-graph .icon
{

}
.NAVEGACION.estilo18 .nav-item-graph svg {
    max-width: 2em;
    max-height: 2em;
    fill: currentColor;
}


/* estilo18 Icono *******************************/
.NAVEGACION.estilo18 .nav-item-graph {
    font-size: 1.5rem;
    position: relative;
    border-radius: 50%;
    padding: 5px;
    margin: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: color 0.3s ease, background-color 0.3s ease, transform 0.4s ease;

    height: 3em;
    width: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1em;     
}
.NAVEGACION.estilo18 .nav-item-graph svg { fill: white;}


.NAVEGACION.estilo18 .nav-item-graph:after {
        content: "";
        width: 100%;
        height: 100%;
        border: solid 2px;
        transform: scale(0.8);
        position: absolute;
        top: -2px;
        left: -2px;
        border-radius: 50%;
        transition: all 0.4s ease;
}

.NAVEGACION.estilo18 a.item-navegacion:hover .nav-item-graph:after {
    transform: scale(1);
    box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
}

.NAVEGACION.estilo18 .nav-item-graph {
        background-color: currentColor;
}

.NAVEGACION.estilo18 a.item-navegacion:hover .nav-item-graph svg {
        fill: currentColor;
}

.NAVEGACION.estilo18 .nav-item-graph:after {
        border-color: currentColor;
}

.NAVEGACION.estilo18 a.item-navegacion:hover .nav-item-graph {
        background-color: transparent;
        /*transform: rotate(360deg);*/
        cursor: pointer;
        box-shadow: none;
}


/* estilo18 texto *******************************/
.NAVEGACION.estilo18 .nav-item-text {
    position: relative;
    padding: .5em;
    text-align: center;
    min-height: 3em;
    width: 100%;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #747678;
}

.NAVEGACION.estilo18 .nav-item-text:before,
.NAVEGACION.estilo18 .nav-item-text:after
{
    position: absolute;
    opacity: 0;
    width: 0%;
    height: 2px;
    content: '';
    background: currentColor;
    transition: all 0.4s;
}

.NAVEGACION.estilo18 .nav-item-text:before
{
    left: 0px;
    top: 0px;
}

.NAVEGACION.estilo18 .nav-item-text:after
{
    right: 0px;
    bottom: 0px;
}

.NAVEGACION.estilo18 a.item-navegacion:hover .nav-item-text:before,
.NAVEGACION.estilo18 a.item-navegacion:hover .nav-item-text:after
{
    opacity: 1;
    width: 100%;
}



/***************ESTILO 19****************************/
/************************************************************************************************************************/


.NAVEGACION.estilo19{
BACKGROUND-COLOR: #D52B1E;
    FONT-VARIANT-CAPS: SMALL-CAPS;
}
.NAVEGACION.estilo19 h4 {
    text-align: center;
    font-size: 1.3em;
	color: white;
}

.NAVEGACION.estilo19 nav
{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0em auto 0em;
}
.NAVEGACION.estilo19 nav.items-7 {max-width: 85em;}
@media screen and (max-width: 1366px) { .NAVEGACION.estilo19 nav.items-8 {max-width: 85em;} }
@media screen and (max-width: 1090px) { .NAVEGACION.estilo19 nav.items-6 {max-width: 50em;} }
@media screen and (max-width: 908px)  { .NAVEGACION.estilo19 nav.items-5 {max-width: 50em;} }
@media screen and (max-width: 728px)  { .NAVEGACION.estilo19 nav.items-4 {max-width: 36em;} }
 

.NAVEGACION.estilo19 a.item-navegacion
{
    display: flex;
    flex-flow: column;
    width: 10em;
    align-items: center;

    text-decoration: none;
    /*text-transform: uppercase;  */
    margin: .1em;
}
.NAVEGACION.estilo19 .nav-item-graph {

}
.NAVEGACION.estilo19.nav-item-text
{ 

}
.NAVEGACION.estilo19 .nav-item-graph .icon
{

}
.NAVEGACION.estilo19 .nav-item-graph svg {
    max-width: 2em;
    max-height: 2em;
    fill: currentColor;
}


/* estilo19 Icono *******************************/
.NAVEGACION.estilo19 .nav-item-graph {
    /*font-size: 1.5rem;*/
    position: relative;
    border-radius: 50%;
    padding: 5px;
    margin: 3px;
   /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px #0a0a0a;*/
    transition: color 0.3s ease, background-color 0.3s ease, transform 0.4s ease;

    height: 3em;
    width: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1em;     
}
.NAVEGACION.estilo19 .nav-item-graph svg { fill: white;}


.NAVEGACION.estilo19 .nav-item-graph:after {
        content: "";
        width: 100%;
        height: 100%;
        border: solid 2px;
        transform: scale(0.8);
        position: absolute;
        top: -2px;
        left: -2px;
        border-radius: 50%;
        transition: all 0.4s ease;
}

.NAVEGACION.estilo19 a.item-navegacion:hover .nav-item-graph:after {
    transform: scale(1);
    box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
}

.NAVEGACION.estilo19 .nav-item-graph {
        background-color: currentColor;
}

.NAVEGACION.estilo19 a.item-navegacion:hover .nav-item-graph svg {
        fill: currentColor;
}

.NAVEGACION.estilo19 .nav-item-graph:after {
        border-color: currentColor;
}

.NAVEGACION.estilo19 a.item-navegacion:hover .nav-item-graph {
        background-color: white;
        /*transform: rotate(360deg);*/
        cursor: pointer;
        box-shadow: none;
}


/* estilo19 texto *******************************/
.NAVEGACION.estilo19 .nav-item-text {
    position: relative;
    padding: .5em;
    text-align: center;
    min-height: 3em;
    width: 100%;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
	color: white;
}

.NAVEGACION.estilo19 .nav-item-text:before,
.NAVEGACION.estilo19 .nav-item-text:after
{
    position: absolute;
    opacity: 0;
    width: 0%;
    height: 2px;
    content: '';
    background: currentColor;
    transition: all 0.4s;
}

.NAVEGACION.estilo19 .nav-item-text:before
{
    left: 0px;
    top: 0px;
}

.NAVEGACION.estilo19 .nav-item-text:after
{
    right: 0px;
    bottom: 0px;
}

.NAVEGACION.estilo19 a.item-navegacion:hover .nav-item-text:before,
.NAVEGACION.estilo19 a.item-navegacion:hover .nav-item-text:after
{
    opacity: 1;
    width: 100%;
}

/************ ESTILO 20 -  ****************************/
/*****************************************************/

 
.NAVEGACION.estilo20{
 border-radius: 1em;
	    border: 1px solid #c5c5c5;
		MARGIN: 10px;
		  
}
aside .BANNER_LATERAL.estilo20 {
    width: 25em;
}
.NAVEGACION.estilo20 h4 {
    text-align: center;
   /* font-size: 1.5em;*/  /*??*/
}

.NAVEGACION.estilo20 nav.items-7 {max-width: 85em;}
@media screen and (max-width: 1366px) { .NAVEGACION.estilo20 nav.items-8 {max-width: 85em;} }
@media screen and (max-width: 1090px) { .NAVEGACION.estilo20 nav.items-6 {max-width: 50em;} }
@media screen and (max-width: 908px)  { .NAVEGACION.estilo20 nav.items-5 {max-width: 50em;} }
@media screen and (max-width: 728px)  { .NAVEGACION.estilo20 nav.items-4 {max-width: 36em;} }


.NAVEGACION.estilo20 a.item-navegacion
{
    display: flex;
    flex-flow: column;
   width: 20em !important;
    align-items: center;

    text-decoration: none;
    text-transform: uppercase;  
    margin: 1em;
}
.NAVEGACION.estilo20 .nav-item-graph {

}
.NAVEGACION.estilo20.nav-item-text
{

}
.NAVEGACION.estilo20 .nav-item-graph .icon
{

}
.NAVEGACION.estilo20 .nav-item-graph svg {
    max-width: 2em;
    max-height: 2em;
    fill: currentColor;
}


/* estilo20 Icono *******************************/
.NAVEGACION.estilo20 .nav-item-graph {
   /* font-size: 1.5rem;*/
    position: relative;
    border-radius: 50%;
    padding: 5px;
    margin: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: color 0.3s ease, background-color 0.3s ease, transform 0.4s ease;

    height: 3em;
    width: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1em;     
}
.NAVEGACION.estilo20 .nav-item-graph svg { fill: white;}


.NAVEGACION.estilo20 .nav-item-graph:after {
        content: "";
        width: 100%;
        height: 100%;
        border: solid 2px;
        transform: scale(0.8);
        position: absolute;
        top: -2px;
        left: -2px;
        border-radius: 50%;
        transition: all 0.4s ease;
}

.NAVEGACION.estilo20 a.item-navegacion:hover .nav-item-graph:after {
    transform: scale(1);
    box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
}

.NAVEGACION.estilo20 .nav-item-graph {
        background-color: currentColor;
}

.NAVEGACION.estilo20 a.item-navegacion:hover .nav-item-graph svg {
        fill: currentColor;
}

.NAVEGACION.estilo20 .nav-item-graph:after {
        border-color: currentColor;
}

.NAVEGACION.estilo20 a.item-navegacion:hover .nav-item-graph {
        background-color: transparent;
        /*transform: rotate(360deg);*/
        cursor: pointer;
        box-shadow: none;
}


/* estilo20 texto *******************************/
.NAVEGACION.estilo20 .nav-item-text {
    position: relative;
    padding: .5em;
    text-align: center;
    min-height: 3em;
    width: 100%;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0rem;
}

.NAVEGACION.estilo20 .nav-item-text:before,
.NAVEGACION.estilo20 .nav-item-text:after
{
    position: absolute;
    opacity: 0;
    width: 0%;
    height: 2px;
    content: '';
    background: currentColor;
    transition: all 0.4s;
}

.NAVEGACION.estilo20 .nav-item-text:before
{
    left: 0px;
    top: 0px;
}

.NAVEGACION.estilo20 .nav-item-text:after
{
    right: 0px;
    bottom: 0px;
}

.NAVEGACION.estilo20 a.item-navegacion:hover .nav-item-text:before,
.NAVEGACION.estilo20 a.item-navegacion:hover .nav-item-text:after
{
    opacity: 1;
    width: 100%;
}


.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

/************************************************************************************************************************/
/* VIENE DE layouts.css*/
.widget:not(.HEADER) .widget-area
{
    /*height: calc(100% - 2em);*/
    box-sizing: border-box !important;
	margin: 0em auto !important;
	max-width: 85em !important;
	/*border: 1px dashed blue;*/
        border: 0px !important;
}

@media screen and (max-width: 1024px) {
	#widgets-wrapper.page-content {
	    align-self: inherit !important;
	}	
}
.ovt_contenido.html-content-wrapper {
	 padding: 0 0em !important; 
	max-width: 70em !important;
	box-sizing: border-box !important;
}
.widgets-grid {
      padding: 0em 0em !important;  
    display: flex !important;
    width: 100% !important;
    flex-flow: row wrap !important;
    justify-content: center !important;
}
.widgets-grid > .NAVEGACION  { margin: 0em auto 0em !important; }
.widgets-grid > .NAVEGACION + .NAVEGACION
		 { margin: 1em auto 0em !important; }
  
/************************************************************************************************************************/
/* VIENE DE base.css*/
@media screen and (min-width: 1366px) {
  main { font-size: 1.143em !important;  /* 16px  */  }
}
main p,
.Informativo,
.texto-descriptivo
{
    max-width: none !important;
	
}


/**** css para la pagina de SEDE_COMPRUEBA_EQUIPO*/
.mensajeOk{background: #c7ffc6;border:1px solid #247d22;margin-top :20px ;margin-bottom :0;padding:10px ;border-radius: .5em;}
.mensajeOk span, .mensajeKo span{float:left;font-weight:bold;margin-bottom :3px ;}
.mensajeOk p, .mensajeKo p{clear:left;}
.mensajeKo{background: #fff2ed;margin-top :20px ;margin-bottom :0;padding:10px ;border:1px solid #edb09a;border-radius: .5em;}
.listaRequisitos li {
    list-style: none;
    display: block;
    padding: 2px;
    background: transparent url(../img/punto_lista.png) no-repeat top left;
    padding-left: 12px;
}
.ok{background:transparent url(../img/icono_ok.png)no-repeat top right;padding-right:18px ;}

.ko{background:transparent url(../img/icono_ko.png)no-repeat top right;padding-right:18px ;}
/**** FIN css para la pagina de SEDE_COMPRUEBA_EQUIPO*/


.NAVEGACION.estilo18 .item-navegacion:nth-child(12n+1) .nav-item-graph { background-color: currentColor; }
.NAVEGACION.estilo18 .item-navegacion:nth-child(12n+2) .nav-item-graph{ background-color: currentColor; }
.NAVEGACION.estilo18 .item-navegacion:nth-child(12n+3) .nav-item-graph{ background-color: currentColor; }
.NAVEGACION.estilo18 .item-navegacion:nth-child(12n+4) .nav-item-graph{ background-color: currentColor; }
.NAVEGACION.estilo18 .item-navegacion:nth-child(12n+5) .nav-item-graph{ background-color: currentColor; }
.NAVEGACION.estilo18 .item-navegacion:nth-child(12n+6) .nav-item-graph{ background-color: currentColor; }
.NAVEGACION.estilo18 .item-navegacion:nth-child(12n+7) .nav-item-graph{ background-color: currentColor; }
.NAVEGACION.estilo18 .item-navegacion:nth-child(12n+8) .nav-item-graph{ background-color: currentColor; }
.NAVEGACION.estilo18 .item-navegacion:nth-child(12n+9) .nav-item-graph{ background-color: currentColor; }
.NAVEGACION.estilo18 .item-navegacion:nth-child(12n+10) .nav-item-graph{ background-color: currentColor; }
.NAVEGACION.estilo18 .item-navegacion:nth-child(12n+11) .nav-item-graph{ background-color: currentColor; }
.NAVEGACION.estilo18 .item-navegacion:nth-child(12n+12) .nav-item-graph{ background-color: currentColor; }


/***** BUSCADOR GOOGLE ****/
.gsc-control-cse {
border-style:none !important;
max-width: 500px !important;
     padding: 0em !important; 
background-color:#666 !important;
/*padding: 0.5em 0.5em 0.3em 0.5em !important;*/
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {

 BACKGROUND-IMAGE: NONE !IMPORTANT;
}

.gsc-search-button-v2{
padding: 6px 1px 6px 2px !important;
-webkit-background-position-x: center !important;
}
.gsc-search-button
{
max-width:25px !important; 
}
/***** FIN BUSCADOR GOOGLE ****/

/**IMG:before { content: "sede electronica"}

IMG:after { content: "sede electronica"}**/

.control label {white-space: pre-wrap !important}

.nav-user > li {background-color: white;}


/**carrusel novedades**/
#GJ_META_CARRUSEL_NOVEDADES_LISTA_wrapper {
  width:150px;
background-color: white;
}
#GJ_META_CARRUSEL_NOVEDADES_LISTA_info {
  color: white;
background-color: white;
}
#GJ_META_CARRUSEL_NOVEDADES_LISTA{
border-bottom: 0px solid #fff;
background: white;
border-spacing: 0px;
border-color: white;
}
#GJ_NAV_BANNERNOVEDAD {
  
background-color: white !important;
}
#GJ_META_CARRUSEL_NOVEDADES {  
   display: inline-block;
    width: 10%;
    float: right;
    flex-basis: 0px;
max-width: 15%;
margin-right: 6em;

}
#GJ_NAV_BANNEROTROS
{
display: contents; 
     width: 75%; 
    float: left; 
 /*  
max-width: 70%;*/
flex-basis: 50%
}

#GJ_META_CARRUSEL_NOVEDADES_LISTA  {
  padding: 0px 0px 0px;
  border-bottom: 0px solid #fff;
border-top: 0px solid #fff;
 
}
#GJ_META_CARRUSEL_NOVEDADES_LISTA tr:nth-child(even) > .sorting_1   {
  
 padding: 0px 0px;
  border-bottom: 0px solid #fff;
border-top: 0px solid #fff;


}
#GJ_META_CARRUSEL_NOVEDADES_LISTA tr:nth-child(odd) > .sorting_1   {
  
 padding: 0px 0px;
  border-bottom: 0px solid #fff;
border-top: 0px solid #fff;

}
#GJ_META_CARRUSEL_NOVEDADES_LISTA th   {
  
text-align: left; 
color: #d52b1e;
font-size: 1.8em;
font-weight: lighter;
line-height: 1.3em; 
padding: 0px 0px;
border-bottom: 0px solid #fff;
border-top: 0px solid #fff;
animation-name: parpadeo;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;

-webkit-animation-name:parpadeo;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
}
 

#GJ_META_CARRUSEL_NOVEDADES_LISTA thead .sorting_asc  {
    background-image: none;

}

.texto-descriptivo {
    box-sizing: border-box;
     padding: 1em; 
}


#aazone.GJ_NAV_BANNEROTROS{
/*width: 25%;*/
}

 
.BANNEROTROS{
/*margin: 2em 0em 2em 29em  !important;
max-width: -webkit-fill-available  !important;*/
}
#widgets-wrapper {
    margin-bottom: inherit;
}


#GJ_META_CARRUSEL_VACIO
{
  display: inline-block;
    width: 10%;
    float: right;
    flex-basis: 0px;
max-width: 15%;
margin-right: 6em;

}
/** en produccion se descoloca la home***
#GJ_NAV_BANNERSABER
{
display: contents; 
     width: 75%; 
    float: left; 
   
max-width: 70%;
}*/

.MENU_STA_SEDE {
background-color: #777;
box-shadow: 1px 1px 1px #777;
}


/** inicio popup para imagen obra menor***/
.overlayObra { 
  position: fixed;
  top:  150px;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 200ms;
  visibility: hidden;
  overflow: scroll;
  opacity: 0;
}
.overlayObra:target{
  visibility: visible;
  opacity: 1;
}
#popupBodyObra{
position: absolute; z-index: 75px;  
width: 80%;
padding: 2%;
border-radius: 15px;
box-shadow: 0 0 5px #CCC;
background: #FFF;
/*position: relative;*/
margin: 20% auto;
transition: all 200ms ease-in-out;
}
#cerrarObra{
position: absolute;
top: 20px;
right: 30px;
font-size: 30px;
fotn-weight: bold;
text-decoration: none;
color: #F00;
transition: all 200ms;
}
/** fin popup imgen obra menor***/

/** boton inicio parte privada*/
.nav-home{
opacity: inherit;
    visibility: visible;
transform: none;
 transition: all .15s ease;
transform-origin: top;
color: white;
box-shadow: 0px 0px 0px rgb(0 0 0 / 0%);
cursor: pointer;
text-transform: none;
background-color: initial;
padding: 0em 0em;
}
#nav-text-home{
transform: none;   
visibility: hidden; 
display:none;  
transform: scaleY(0) !important;  
}
 

/** fin boton inicio parte privada*/
 
/** opcion para texto como tabs, se usa en "Mis Anotaciones de facturas"***/
.opcion_tab{
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    border-width: 0 0 5px;
    border-style: solid;
    flex: 0 1 auto;
    font-size: 1.125em;
    padding: 1em 1.5em;
    position: relative;
    transition: all 0.15s ease 0s;
    color: #D52B1E;
}
/*****/
/**para que el banner contacta se pegue abajo.***/
#contenedorWebapps
 {   min-height: 20vh;
} 
/**para que la pagina de login se muestre pegada a arriba justifi-content:normal vienen de layout-wid.css*/
.loginPage {
    display: flex;
    justify-content: normal;
}
/*** footer de catalogo **/
 
.footer-area > section {
    min-width: 2rem;
}

/***fin footer de catalogo **/
 
/**prueba para imagen**/
#iconotelefono{
background: url(../../skin/_producto/svgs/icons/telefono.svg);
}
/**para que el subtitulo h2 se muestre mas grande y en rojo**/
h2 {
    color: #D52b1e;
    font-size: 2em;
    margin: 0.2em;
    line-height: 1.25em;
    font-weight: normal;
}
/**para que en matrimonio civil salga verde*/
tr.Libre {
background-color: #a1ffc1 !important;
color: #11832f;
}

/**se cambian los colores originales en modules.css por accesibilidad Contraste insuficiente entre el color de primer plano y el color de fondo.**/
.Informativo {
       display: flex;
    align-items: center;
    font-size: 1em;
    margin: 0.5em auto;
    padding: 1em 2em;
    border-radius: 0.3em;
    box-sizing: border-box;
    width: calc(100% - 1em);
    background-color: #dff0ff;
    box-shadow: 0 0 0 1px #2185d0 inset, 0 0 0 0 transparent;
    color: #000000;
}

div.Informativo.ok,
.informativo-inline.ok,
p.ok {
    color: #000000;
}

div.Informativo.error,
.informativo-inline.error,
p.error {
    color: #000000;
}

div.Informativo.warning,
.informativo-inline.warning,
p.warning {
    color: #000000;
}

div.Informativo.info,
.informativo-inline.info,
p.info {
    color: #000000;
}
/**fin accesibilidad contraste */

/** tabla de la pagina SEDE_HACIENDA_FACTURAS **/
.rowFacturas {
 display: table-row;
}

.col1Facturas {
   
	display: table-cell;
	padding: 3px 10px;
    text-align: left;
    width:800px;
}
.col2Facturas {
   
	display: table-cell;
	padding: 3px 10px;
    text-align: center;
    width:10%;
}
.enNegrita{
	font-weight: bold;
}
/** FIN tabla de la pagina SEDE_HACIENDA_FACTURAS**/

.gs-web-image-box .gs-image, .gs-promotion-image-box .gs-promotion-image {
border : #e2e2e2 solid 1px;
max-width : 60px;
max-height : 120px;
}
/**borrar**/
.fielsetForms
{
	border-width: 0PX;
	color: WHITE;
 }
 
/* es para sustituir a h4 xq con h4 da un error de accesibilidad de form 1.10 Formularios y estructura, no debería tener nada que ver, pero quitando h4 funciona */  
.tituloh4 {
    font-weight: lighter; 
    color: #D52B1E;
    margin: 1.5em 0 .1em; 
    font-size: 1.5em;
    line-height: 1.3em;
    margin: 1em; 
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;   
    unicode-bidi: isolate;
    border-bottom: 1px solid silver;
}