:root {
    --main-a-color: #015071;
    --main-a-hover-color: #002f42;
    --main-bg-color-titulos: #d8e9f0;
}

@media all and (-ms-high-contrast:none)
{ 
    body {
        min-height: 99.6% !important;
    }  
}

/* Adaptaciones Foundation */
.row {
    max-width: none;
}

.container {
    padding: 0;
}

blockquote {
    border-left: none;
}

p {
    font-size: inherit;
    margin: 0;
    padding: 0;
}

.textoRojo {
    color: #b50505;
}

.text-center {
    text-align: center;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: Calibri, 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}

ul, ol, dl {
    line-height: 1.3em;
}

/* Foundation END */

/* Sobreescribimos estilos generales */

html {
    min-height: 100%;   
    height: 99%;
}

body {
    color: #000000;
    font-family: Calibri, 'Open Sans', Verdana, Arial, Helvetica, sans-serif;    
    font-size: 0.847em;
    height: 100%;
    line-height: 1.5em;
    margin: 0 auto;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
}

abbr, acronym {
    cursor: inherit;
    font: inherit;
    border-bottom: 1px dashed !important;
    text-transform: none;
}

a acronym{
    text-decoration: none; border-bottom: 1px dashed !important;
}

img {
    border: none;
    -ms-interpolation-mode: nearest-neighbor;
}

a {
    color: #2172a3;
    text-decoration: none;
}

a:hover, a:focus, #fechaROA a:hover {
    color: var(--main-a-hover-color);
    text-decoration: none;
}

a.enlaceNegro {
    color: #000000;
}

.bloquePresentacion {
    margin-bottom: 1rem;
}

.presentacion {
    margin-top: -1em;
    font-size: 1.1em;
}

.card-row {
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
    align-items: stretch;
    column-gap: 2%;
    row-gap: 1.3rem;
}
.card-item-tramites {
    margin-bottom: 3rem;
}
.card-item-tramites,
.card-item {
    position: relative;
    display: flex;
    border-radius: 1px;
    box-shadow: 0 1px 4px 0 #d6d8d9;
    flex: 20%;
    flex-direction: column;
    padding: 1rem 1rem 0;
    overflow: hidden;
}

.card-item:hover{ 
    background-color: #F3F4F9;
}
.card-item-tramites > span:first-child,
.card-item > span:first-child {
    display: flex;
    height: 40px;
    text-transform: uppercase;
    align-items: center;
    padding-left: 10px;
    padding-right: 11px;
} 

.card-item-tramites > span.card-etiqueta,
.card-item > span.card-etiqueta > a {
    font-size: 1.1rem;
    line-height: 1;
    font-weight: 700;
}
.card-item-tramites > span.card-etiqueta:after,
.card-item > span.card-etiqueta:after {
    border-top: 0px solid transparent;
    border-bottom: 40px solid transparent;
    content: '';
    height: 0;
    position: absolute;
    right: -8px;
    top: 0px;
    width: 0;
}

.card-etiqueta-informacionGeneral {
    background-color: var(--main-bg-color-titulos);
}

.card-etiqueta-informacionGeneral:after {
    border-left: 8px solid var(--main-bg-color-titulos);
}

.card-etiqueta-iniciarTramites {
    background-color: var(--main-bg-color-titulos);
    color: var(--main-a-color);
}

.card-etiqueta-iniciarTramites:after {
    border-left: 8px solid var(--main-bg-color-titulos);
}

.card-etiqueta {
    position: absolute;
    max-width: 270px;
    width: 100%;
    top: 0;
    left: 0;
}

.sinVigencia{
    color: #000 !important;
}

#centralPaginaInicio {
    margin-bottom: 1em;
}

#centralPaginaInicio a {
    font-size: 1.15em;
}

#imgReload {
    padding-bottom: 0.3em; margin-left: 0.3em;
}

form {
    margin: 0;
}

a.button{
    background-color: var(--main-bg-color-titulos)!important;
    color: #000;
    
}

#glosarioTerminos > ul > li {
    display: inline-block;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
#glosarioTerminos .etiqueta-letra {
    background-color: var(--main-bg-color-titulos);
    position: relative;
    display: block;
    width: 4em;
    text-align: center;
    margin-bottom: 0.7rem;
}

#glosarioTerminos .etiqueta-letra:after {
    border-left: 8px solid var(--main-bg-color-titulos);
    border-top: 0px solid transparent;
    border-bottom: 65px solid transparent;
    content: '';
    height: 0;
    position: absolute;
    right: -8px;
    top: 0px;
    width: 0;
}

#glosarioTerminos h2.letra {
    font-size: 3em;
}

#glosarioTerminos ul {
    margin-bottom: 1.5rem;
}

#glosarioTerminos ul li {
    padding-left: 0.5rem;
}

#glosarioTerminos ul li a {
    font-weight: 600;
    font-size: 1.2rem;
}

#glosarioDefiniciones {
    border-top: 2px solid #7cb6dd;
    margin-top: 1em;
    padding-top: 1em;
    clear: both;
}

#glosarioDefiniciones > div {
    margin-bottom: 2em;
}

#glosarioDefiniciones p {
    padding: 0.6em 0.6em;
    font-size: 1.1em;
}

#glosarioDefiniciones dt {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.4em;
    margin: 0;
    text-align: left;
}

#glosarioDefiniciones .volverIndice::after {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f106";
}

.glosarioIndiceTerm {
    column-count: 2; 
    column-rule: 2px solid lightgrey; 
    column-gap: 4%;    
}

.mantenerUnido {
    display: inline-block;
    width: 100%;
 }

.autoComplete_wrapper {
    position: relative;
    margin-bottom: 1em;
    display: flex;
    justify-content: flex-end;
}

.autoComplete_wrapper #autoComplete {
    min-width: 350px;
}

.autoComplete_wrapper ul {
    position: absolute;
    max-width: 350px;
    max-height: 226px;
    overflow-y: scroll;
    box-sizing: border-box;
    left: 0;
    right: 0;
    top: 30px;
    margin: 0.5rem 0 0 0;
    padding: 0;
    z-index: 1;
    list-style: none;
    border-radius: 0.3rem;
    background-color: #fff;
    border: 1px solid rgba(33,33,33,.07);
    box-shadow: 0 3px 6px rgb(149 157 165 / 15%);
    outline: 0;
    transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
}

.no_result {
  margin: 0.3rem;
  padding: 0.3rem 0.5rem;
  list-style: none;
  text-align: left;
  font-size: 1rem;
  color: #212121;
  transition: all 0.1s ease-in-out;
  border-radius: 0.35rem;
  background-color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s ease;
  outline: none;
}

.autoComplete_wrapper ul > li {
    margin: 0.3rem;
    padding: 0.3rem 0.5rem;
    text-align: left;
    font-size: 1rem;
    color: #212121;
    border-radius: 0.35rem;
    background-color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s ease;
}
.autoComplete_wrapper ul > li:hover {
    background-color: var(--main-bg-color-titulos);
}

.autoComplete_wrapper ul > li{
    padding: 0.2rem 0;
}
.autoComplete_wrapper ul > li a{
    width: 100%;
}
.left-col{
    float: left;
    width: 47.37%;
    margin: 1%;
    text-align: end;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
}

.right-col{
    float:right;
    width:47.38%;
    margin: 1%;
    text-align: start;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
}

h1, h2, h3, h4 {
    margin: 0;
}

.buscadorPortada {
    margin: 3.75rem auto;
    text-align: center;
}

.tituloBuscadorPortada{
    color: var(--main-a-color);
}

#tramitesInicio {
    margin-top: 0.6em;
    margin-bottom: 0em;
}

.buscadorPortada #Q_CONSULTA {
    width: 40%;
    padding: 0.35em;
    font-size: 100%;
    color: #1a1a1a;
    background-color: #FFF;
    margin-right: 0.5em;
    border-radius: 5px;
    box-shadow: 0.4px 1.4px 3px #eee inset;
}
.citaPrevia{
    text-align: center;
    display: contents;
    font-size: 1rem;
}

.citaPrevia a {
    background-color: var(--main-a-color);
    color: #fff;
    padding: 0.65em;
}

input::placeholder {
  color: #1a1a1a;
}

form label, span.etiqueta {
    cursor: pointer;
    display: inline-block;
    font: inherit;
    font-size: 1em;
    padding-left: 0.6em;
    vertical-align: top;
    font-weight: normal;
}

#buscadorOficinasCorporativas label {
    padding-left: 0;
}

#buscadorOficinasCorporativas .columns >.campos {
    display: table-row;
    margin: 0.2em 1%;
}
#buscadorOficinasCorporativas .columns .campos > div {
    display: table-cell;
    padding-bottom: 1rem;
    padding-right: 0.8rem;
}
#buscadorOficinasCorporativas .columns .campos label {
    vertical-align: initial;
    display: inline;
    padding-left: 0;
    margin-bottom: 0.15em;
}

#buscadorOficinasCorporativas .columns .campos input {
    margin: 0;
}

ul, ol, li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

p {
    line-height: 1.3em;
    margin: 0;
}

/* Estilos del portal */

.textoNegrita {    
    font-weight: bold;    
}

.textoDerecha {
    text-align: right;
}
.textoCentrado {
    text-align: center;
}
.textoIzquierda {
    text-align: left;
}

h2.tituloMenuPortada {
    text-transform: uppercase;
    font-size: 1.3em;
    line-height: 1.1em;
    padding: 0 0 0.5em;
    color: #2ba6cb;
    border-top: 1px solid #2ba6cb;
    border-bottom: 1px solid #2ba6cb;
}

.descripcionMenuPortada {
    font-size: 1em;
    line-height: 1.1em;
    padding: 0.5em 0 0.5em;
    color: #000;
}

.imagenMenuPortada{
    width: fit-content;
    margin: 4rem auto 0;
    transition: 0.4s all;
}

.descMenuPortada {
    padding: 1.2rem 0.5rem;
    text-align: center;
    font-size: 1.1rem;
}

.card-item .portadaImagenTitulo:hover .tituloMenuPortada,
.card-item  .portadaImagenTitulo:hover .imagenMenuPortada {
    filter: brightness(0.6);
}
.card-item  .portadaImagenTitulo:hover .imagenMenuPortada {
    transform: scale(1.1);
}

.bloqueSede {
    margin-bottom: 0.8em;
}

.margTop-1 {
    margin-top: 1em;
}

#cabeceraSede {
    margin: 1rem !important;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 10px;
}

#cabeceraEscudo {
    text-align: left;
}

#cabeceraEscudo h1 {
    display: inline;
}

#cabeceraEscudo img {
    vertical-align: baseline;
}

#cabeceraCentral {
    margin-top: 0.3em;
}

#cabeceraCentro {
    width: 42%;
}

.estiloEntorno {
    bottom: 20%;
    color: #993333;
    font-size: 1.8em;
    font-weight: bold;
}


#fechaROA {
    font-weight: bold;
    text-align: center;
    font-size: 1.2em;
    color: #6f6f6f;
}

#fechaROA a {
    font-weight: normal;
    color: #6f6f6f;
}

#fecha_hora {
    border: 1px solid #6E6C6D;
    margin: 0 auto 1em;
    width: 17%;
}

.calendario, .centrado {
    text-align: center;
}

.texto_calendario {
    background-color: #6E6C6D;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: bold;
    height: 1.5em;
    margin-bottom: 1.5em;
}

.dia {
    color: #0199DA;    
    font-weight: bold;
    margin-top: 0.4em;
    font-size: 1.5em;
}

.mesanyo {
    color: #0199DA;        
    font-weight: bold;
    margin-top: 1.2em;
    font-size: 1.5em;
}

.hora {
    border-top: 1px solid #6E6C6D;
    color: #0199DA;
    font-weight: bold;
    margin-top: 0.5em;
    text-align: center;
    font-size: 1.2em;
}

.textoNotaFechaHora {    
    color: #6f6f6f;
    font-size: 0.9em;
}

#cabeceraBuscar input {
    vertical-align: middle;
}

#cabeceraBuscar .campoBuscar {
    border: 1px solid #0072BD;
    font-size: 1em;
    width: 15em;
}

#cabeceraBuscar img {
    vertical-align: middle;
}

#campoBusquedaG {
    width: 18rem;
    padding: 0.35em;
    font-size: 100%;
    color: #1a1a1a;
    background-color: #FFF;
    margin-right: 0.5em;
    border-radius: 5px;
    box-shadow: 0.4px 1.4px 3px #eee inset;
}

#botonBusquedaG {
   padding-left: 0.6rem;
}

.form img {
    vertical-align: bottom;
}

input.boton {
font-size: 1.1rem;
    font-weight: bold;
    padding: 0.4rem 1.8rem;
    border: 4px solid #1C6EA4;
    border-radius: 6px;
    color: #FFF;
    width: fit-content;
    display: inline-block;
    background-color: #1C6EA4;
    cursor: pointer;
}

input.input-text, textarea, select, input.pequenyo {
    display: block;
    border-color: #919191;    
}

#NOM_CONTACTO {
    width: 99%;
}

#cabeceraBuscar label {
    display: none;
}

#menuTraza {
    text-align: right;
    color: #004573;
    padding-right: 1em;
}

#menuTraza form {
    display: inline;
    margin: 0;
    padding: 0;
}

#menuTraza label {
    color: #004573;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
}

#menuTraza label:hover {
    cursor: pointer;
    text-decoration: underline;
}

#filaTraza {
    border-top: 2px solid #7cb6dd;
    font-size: 1.35rem;
    margin-left: 6%;
    margin-right: 6%;
    margin-top: -3px;
}

.trazaInicio {
     padding-left: 0;
     margin-top: 0.3em;
     font-size: 0.9em;
}

.trazaInicio a {
     font-weight: normal;
}

#capaCentral li {
    padding-left: 0.5rem;
    padding-bottom: 0.5rem;
}

#capaCentral li.lista-cabecera {
    border-bottom: 1px solid lightgray;
    padding-bottom: 0;
}

.bloque {    
    margin-bottom: 1em;
    padding: 0 0 2em;
}

h2.rojo {   
    background-color: #972500;
    color: #FFFFFF;
    font-size: 1.2em;
    padding: 0.5em 0.5em 0.3em 0.5em;
}

.bloqueListado {
    padding: 0.4em 1em 0 1.5em;    
}

.bloqueListado ul {
    display: inline-block;
    padding: 0;
    width: 100%;
}

.agrupacion {
    clear: both;
    color: #993333;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.25em;
    margin: 0;
    padding-bottom: 0.3em;
    padding-top: 0.5em;
}

h2.sede {
    color: #000000;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.2em;
    padding: 0.1em 0.3em 0.3em 0;
    margin-top: 0.2em;
}

h2.azul {
    color: #d73f63;
    font-size: 1.4em;    
    padding: 1em 1em 0.1em;
}

#piePagina {
    background-color: #edeef0;
    padding-top: 0.4em;
    padding-bottom: 0.9em;
    padding-left: 1%;
    padding-right: 1%;
    
    display: inline-block;
    
    bottom: 0px;
    width: 100%;
}

#piePagina img {
    vertical-align: middle;
}

#piePagina li {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}

#piePagina li a,  #piePagina {
    color: #383838;
}

#pieDer {
    padding-top: 0.8em;
    padding-right: 1.5em;
}

#pieIzq {
    padding-top: 5em;    
    font-size: 1.1em;
    padding-left: 4em;    
}

#pieCentro {
    padding-top: 5.5em;
    padding-left: 1em;
}

.font-bold {
    font-weight: bold;
}

#pieDer {
    float: right;
    font-size: 0.9em;
}

#pieDer ul, #pieDer li {
    float: right;
}

.logoUnionEuropea {
    margin-left: 1em;
    height: 4em;
}

.logoEscudoCARM {
    margin: 0 1em;
}

#error {
    text-align: center;
    margin-top: 5em;
    font-size: 1.6em;
}

#error p {
    font-size: 1.1em;
    padding: 1.5em;
}

#error p.parrafoError {    
    padding: 0.2em;
}

#error p.parrafoErrorOculto {    
    padding: 0em;
    display: none; 
    text-align: center; 
    font-size: 1em; 
    padding-top: 0.5em
}

#error p.encabezadoPaginaError {
    text-align:center; 
    font-size: 1.2em
}

#mensaje {
    display: none;
}

#trazaError {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    display: block;
    font-weight: normal;
    margin: 2em;
    padding: 1em;
    text-align: center;
}

#trazaError div {
    border: 2px solid #ACA899;
    font-weight: normal;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 1em;
    padding: 3px;
    text-align: left;
}

#menuLateral {
    border: 1px solid #8d8d8e;
}

#menuLateral h3 {
    color: #000000;
    font-size: 1.1em;
    line-height: 1.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

a.seleccionado {
    font-weight: bold;
}

#margenZonaPrincipal, .margenZonaPrincipal {
    padding: 0em 0 2em;
    margin-bottom: 2em;
    font-size: 1.1rem;    
}

#margenZonaPrincipal .contenido,
.margenZonaPrincipal .contenido {
    margin: 0;
}

#margenZonaPrincipal p,
.margenZonaPrincipal p {
    padding: 0.4em 0.6em 0.2rem;
}

.columnaHome {
    padding: 0 3% 0 3%;
}

ul.listadoMenu {
    font-weight: normal;
    margin-left: 1em;
    padding-bottom: 1em;
    vertical-align: baseline;
}

ul.listadoMenu li div {
    color: #555555;
    font-weight: normal;
}

ul.listadoMenu li {
    background : none !important;
    padding-left: 1em;
    margin-left: 0.5em;
}

ul.listadoMenu ul li {
    margin-left: 0.5em;
    padding-left: 0px;
    color: #5B5B5B;
}

ul.listadoMenu li.legend {
    background: none repeat scroll 0 0 transparent;
    color: #000000;
    margin-bottom: 1em;
    padding-left: 0;
}

ul.listadoMenu li.legend ul li {
    font-size: initial;
    font-weight: normal;
}

ul.listadoMenu ul {
    margin: 0.5em 0.4em 0.4em 1.8em;
}

li.legend > ul {
    margin-left: 1em;
}

p.aviso {
    text-align: center;
}

#capaCentral {    
    font-size: 1.1em;
    margin-top: 1.2em;
    margin-bottom: 0;
    padding: 0 5.3%;
    display: inline-block;
    width: 100%;
}

#capaPie {
    bottom: 0;
    background-color: #edeef0;
    width: 100%;
    margin: 0 auto;
}

.capaPiePortada {
    height: 5.3em !important;
}

#foto {
    float: right;
    margin-left: 0.5em;
    margin-right: 1em;
    position: relative;
    z-index: 1;
}

#zonaPrincipal h3 {
    color: var(--main-a-color);
    font-size: 1.4em;
    font-weight: bold;
    margin: 0.8em 0 0.3em;
    padding: 0.6rem 0 0;
}

#zonaPrincipal h4 {
    color: var(--main-a-color);
    font-size: 1.3em;
    margin: 1em 0.2em 0.2em;
}

#zonaPrincipal h5 {
    color: var(--main-a-color);
    margin: 1em 0 0.2em 0.5em;
    font-size: 1.2em;
}

.filaProcedimiento h4 {
    color: #000000 !important;
    font-size: 1.2em !important;
    font-weight: bold !important;
}

.mandatory {
    color: #333333!important;
    font-weight: bold;
}

/** FORMULARIO DE AUTENTICACION ..............................................*/
form#formularioAutenticacion fieldset#autenticacion {
    text-align: center;
    width: 38em;
    margin: auto;
    overflow: hidden;
    font-size: 1.05em;
}

form#formularioAutenticacion fieldset#autenticacion legend {
    padding: 0 0.5em;
}

form#formularioAutenticacion #datosAutenticacion .filaAutenticacion {
    display: inline-block;
    width: 100%;
    margin: 0.5em auto 0.2em;
}

form#formularioAutenticacion #datosAutenticacion .columnaAutenticacionIzquierda {
    float: left;
    width: 30%;
    padding-right: 0.5em;
    text-align: right;
    font-weight: bold;
}

form#formularioAutenticacion #datosAutenticacion .columnaAutenticacionDerecha {
    float: left;
    text-align: left;
}

form#formularioAutenticacion #datosAutenticacion .columnaAutenticacionDerecha input {
    vertical-align: middle;
}
/* FIN FORMULARIO DE AUTENTICACION .......................................... */

form fieldset {
    border: 1px solid #993333;
    margin: 0;
    padding: 0;
    text-align: left;
}

label, .label {
    background-color: transparent;
    font-weight: bold;
    text-decoration: none;
}

caption, legend {
    color: #666666;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
}

.legend {
    color: #000000;    
    font-weight: bold;
    font-size: 1.2em;
}

#zonaPrincipal p.antesUL {
	padding-bottom: 0.2rem;
}

#margenZonaPrincipal div.contenido ul,
.margenZonaPrincipal div.contenido ul {
    padding: 0.5em;
    margin-left: 2.5rem;
}

#zonaPrincipal div.contenido ul.listaItem {
    padding: 0rem 0.5rem 0.8rem;
}

#zonaPrincipal div.contenido li {
    padding: 0;
    list-style: disc;
}

#zonaPrincipal div.contenido ul.listaItem li {
    background: url(/carpetaciudadana/assets/images/bullet_menu.png) no-repeat scroll 1rem 0.3rem transparent;
    padding-left: 2rem;
    padding-bottom: 0rem;
}

a.enlaceDestacado {
    font-size: 1.2rem;
    font-weight: bold;
    padding: 1rem 2rem;
    border: 4px solid #1C6EA4;
    border-radius: 12px;
    width: fit-content;
    display: inline-block;    
}

a.enlaceDestacado:hover {
    transition: 0.2s;
    color: #FFF;
    background-color: #1C6EA4;
}

.filaGaleriaImagenes {
    display: inline-block;
    width: 95%;
}

.celdaIzquierdaGaleriaImagenes {
    float: left;
    width: 49%;
}

.celdaDerechaGaleriaImagenes {
    float: right;
    width: 49%;
}

.imagenCeldaGaleriaImagenes {
    border: 3px double #CCCCCC;
    float: left;
    margin-bottom: 1em;
    margin-right: 2em;
}

.separamulti {
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 1em;
}

.separamultiTop {
    background-color: #ffffff;
}

.paginador {
    display: table-cell;
    text-align: -webkit-right;
    padding-bottom: 0.5em;
}
span.paginador {
    float: right;
}

.paginaSeleccionada {
    color: #993333;
    font-weight: bold;
}

img.imgPaginacionOff {
    display: none;
}

.cellResultadosPaginacion {
    width: 8%;    
    display: table-cell;
}
.resultadosPaginacion {    
    padding-bottom: 0.5em;
    display: table-cell;
    padding: 0.5rem 0.625rem 0.625rem;
}

.pagina {
    border: 1px solid #2B78AB; 
    display: inline-block;
    font-size: 0.9em;
    height: 1.8em;
    line-height: 1.5em;
    margin: 0.1em;
    min-width: 1.8em;
    padding: 0 0.1em;
    text-align: center;
    vertical-align: top;
    border-radius: 20px;
}

.paginaSeleccionada {
    background-color: #2B78AB;
    border: 1px solid #2B78AB;
    border-radius: 20px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 0.9em;
    font-weight: normal;
    height: 1.8em;
    line-height: 1.5em;
    margin: 0.1em;
    min-width: 1.8em;
    padding: 0 0.1em;
    text-align: center;
    vertical-align: top;
}

.filaDivListado {
    border-bottom: 1px dotted #CCCCCC;
    display: inline-block;
    margin-bottom: 1em;
    padding: 0.5em;
    width: 100%;
}

.capaPaginacion {
    border-bottom: 1px dotted #CCCCCC;
    display: inline-block;
    margin-bottom: 1em;
    padding: 0.5em;
    width: 100%;
}

img.imgPaginacion {
   vertical-align: middle; 
}

.bloquePaginacion {
    display: table;
    width: 100%;
}

.fotoNoticia {
    float: left;
    margin-right: 1em;
}

.relacionados {
    border-top: 1px dotted #CCCCCC;
    margin-top: 0.6em;
    margin-bottom: 2em;
}

.relacionados p.separador {
    color: var(--main-a-color);
    font-size: 1.2em;
    font-weight: bold;
}

.relacionados h3 {
    padding-top: 0.6em;
    padding-bottom: 0.3em;
}

.relacionados ul {
    margin-left: 2em;
}

.contenidosAsociados {
    display: inline-block;
    width: 100%;
}

.contenidosAsociados img {
    float: left;
    padding-bottom: 1em;
    padding-right: 1em;
}

.contenidosAsociados img.external, .contenidosAsociados img.descarga {
    float: none;
    padding: 0;
}

img.descarga, img.listadoArchivos {
    display: none;
}

.noMostrar {
    display: none;
}

.contenidosAsociadosImagenes {
    display: inline-block;
}

#menuPrincipalSede {
    margin: 0 4% -1em;
}

#header-nav-button {
    display: none;
    padding: 0;
}
#button-nav {
    font-size: 1.5rem;
}
#button-nav > svg{
    color: #000;
}

.menu {
    margin: 0;
    padding: 0;
    padding-left: 1%;
    list-style: none;
}
.menu li {
    float: left;
    display: inline-block;
    padding: 0.4em 0.4em 0.4em 0.5em;
    border-left: 2px solid #FFFFFF;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    transition: ease all 0.2s;
}

.menu li a {
    display: block;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    display: inline-block;
    font-weight: bold;
    padding: 0.5em;
    font-size: 1.2em !important;
} 

    
.menu li.menuSeleccionado {
    background: #eeeeee none repeat-x scroll left top;
    color: #015478 !important;
    border-top: 2px solid #0199DA;
}
a.menuSeleccionado {
    color: #015478 !important;
}

.menu li:hover a {
    color: #015478 !important;
}
.menu li:hover img {
    color: #015478 !important;
}

.enlaceActivoMenu {
    display: block !important;
}

.menu ul {
    position: absolute;
    display: none; 
    margin: 3.3em 0 0 -0.5em;
    list-style: none;
    background-color: #eeeeee;
    padding: 0.5em;
    border-top: 2px solid #7cb6dd;
    z-index: 1;
}
.menu ul li {
    float: left;
    display: block; 
    position: relative;
    border: none;
    clear: both;
    padding: 0;
}
.menu ul a {
    display: block;
    text-decoration: none;
    text-transform: none;
    border-top: none;
    text-align: left;
    padding: 0.4em 0;
    color: #424242 !important;
    font-weight: normal;    
}

ul.listadoTramites {
    margin-left: 2%;
}
ul.listadoTramites > li > a{
    font-size: 1.15rem;
}

ul.listadoCarpetaCiudadano, ul.listadoInformacionGeneral {
    border-top: 1px solid #c9c9c9;
    margin-left: 11%;
    margin-right: 11%;
    padding: 0.625em 0 !important;
}
 ul.listadoInformacionGeneral > li, ul.listadoCarpetaCiudadano > li{
    display: flex; 
    background: url(/carpetaciudadana/assets/images/bullet_menu.png) no-repeat scroll 0 0.5em transparent;
    line-height: 1.1em;
    padding-top: 0.3em !important;
}

ul.listadoTramites > li, ul.listaTramitacionElectronica > li,
ul.listadoTramites > li, ul.listaTramitacionPresencial > li {
    list-style-type: none !important;
    background: url(/carpetaciudadana/assets/images/cursor.png) no-repeat scroll 0 0.5em transparent;
    line-height: 1.1em;
    padding-bottom: 1em !important;
    padding-left: 1.5em !important;
    padding-top: 0.4rem;
}

ul.listadoInformacionGeneral > li > a, ul.listadoCarpetaCiudadano > li > a {
    color: #2ba6cb !important;
}

li.listadoMenuDerechaAgrupacion {
    background: none !important;
    padding-left: 0 !important;
}

li.listadoMenuDerechaAgrupacion ul {
    padding-top: 0 !important;
}

.errorAutenticar {
    text-align: center;
}

.menuDestacados {
    margin-bottom: 1.4em;
}

#destacados {
    background-color: #F9FAFA;
    clear: both;
    overflow: auto;
    text-align: left;
    vertical-align: top;
    width: 100%;
}
#destacados ul {
    clear: both;
    margin: 0;
    padding: 0;
}
#destacados ul li {
    background: none;
    border-top: 1px solid #D5D6D6;
    clear: both;
    min-height: 35px;
    padding: 0.5em 0.5em 0.5em 1em;
    vertical-align: top;
}

#destacados ul li a {
    color: #004573;
    font-weight: bold;
}
.imgDestacado {
    border: 1px solid #D5D6D6;
    float: left;
    margin-bottom: 0.5em;
    margin-right: 1em;
    width: 45px;
}

#superDestacados {
    margin-bottom: 0.5em; 
}

.superDestacados {
  background-color: #F9FAFA;
  padding-bottom: 0.2em;
  text-align: right;
}

.serviciosExternos{
   color: var(--main-a-color);
   font-size: 1.75em;
   text-align: center;
}

.enlacesDestacados {
    display: inline-block; 
    margin-top: 3.75rem; 
    margin-bottom: 1.5rem;   
}

.enlacesDestacados > div {
    margin-bottom: 0.7em;
}

ul.enlacesDestacadosPie li {
    padding-left: 0.5em;
    padding-right: 1em;
}

.servicioDestacado {
    margin-bottom: 0.5em;
}

.imgServicioDestacado {
    padding: 0.1em;
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;    
    padding: 0 10% 0;
}
.imgServicioDestacado:hover {
    -webkit-filter: brightness(0.25);
    filter: brightness(0.25);
}
.imgServicioDestacadoFijo {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;    
}

#lbBottom {
    font-size: 0.8em;
    line-height: 1.4em;
}

#lbBottom p {
    font-size: 1em;
    line-height: 1.4em;
}

.tituloOrganigrama {
    padding: 0.5em 0;
}

ul#organigrama li {
    color: #993333;
    font-weight: bold;
    margin-bottom: 0.3em;
}

ul#organigrama ul {
    margin-left: 1.3em;
    margin-top: 0.3em;
}

ul#organigrama ul li  {
    margin-bottom: 0.3em;
    padding-left: 1em;
}

ul#organigrama ul li span, ul#organigrama ul li a {
    font-weight: normal;
}

ul#organigrama ul li span {
    color: #CCCCCC;
}

table {
    border-bottom: 2px solid #7cb6dd;
    border-top: 2px solid #7cb6dd;
    margin-bottom: 0em;
}

table.fichadatos {
    border: none;
    empty-cells: show;
    margin: 2em 0.5em 0.5em 1em;
}

table.fichadatos th {
    color: #404040;
    padding-top: 0.5em;
    text-align: left;
    vertical-align: top;
    width: 15%;
    background-color: #F5F7F7;
}

table.fichadatos td {
    font-size: 0.95em;
    padding: 0.4em 0.4em 0.8em;
    text-align: left;
}

.enlaceOculto{
    visibility: hidden;
    display: none;
}

.columnaRespuesta {
    float: none;
}

.matrizPregunta {
    width: 100%;
    border: none;
    padding: 0.2em;
}

.columnaOpcion {
    width: auto;
    padding-left: 1em;
}

.columnaRespuesta {
    width: 5%;
    text-align: center;
}

.pijamaOpcion1 {
    background-color: #F2F4F7;
}

.pijamaOpcion2 {
    background-color: #FFFFFF;
}

.enviarMultipregunta {
    text-align: center;
    margin: 1.5em 0em 1em;
}

.enunciadoOrden {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #4081AD;
    padding: 0 0.2em;
}

#formularioBusquedaMenu {
    margin-bottom: 1.5em;
    margin-left: 1em;
    padding: 0.5em 0 0;
}

#formularioBusquedaMenu fieldset {
    padding: 1em;
}

.contenido {
    margin: 2.5em;
}

.contenido p {
    line-height: 1.5em;
    margin: 0.3em 0;
}

.contenido h3 {
    margin-bottom: 1em;
    margin-top: 1.5em;
}

.contenido table {
    border: 1px solid #CCCCCC;
}

.contenido td {
    border: 1px solid #CCCCCC;
    vertical-align: middle;
}

.bloqueNoticia p {
    line-height: 1.5em;
    margin: 0 0 1em;
}

.fechaFicha {
    color: #666666;
    font-weight: bold;
    padding-top: 0;
    text-align: left;
}

.antetitulo {
    font-size: 0.95em;
    font-weight: bold;
}

.bloqueNoticia h3 {
    margin-bottom: 0.6em;
}

p.titularFicha {
    color: #004573;
    font-size: 180%;
    font-weight: bold;
    line-height: 1.4em;
    margin-bottom: 0.6em;
}

p.sumarioFicha {
    font-weight: bold;
}

.fotoFichaNoticia {
    border-bottom: 1px dotted black;
    display: block;
    float: left !important;
    margin: 0.8em 2em 0.8em 0;
    text-align: center;
    width: 18em;
}

.fotoFichaNoticia p {
    clear: left;
    color: #636363;
    font-size: 0.9em;
}

.fotoFichaNoticia .divLightBox {
    display: none;
}

#generarRTF input {
    background: url('/carpetaciudadana/assets/images/fondoBoton.png') repeat-x scroll 0 0 #FFFFFF;
    border: 1px outset #F2EBCF !important;
    color: #004573 !important;
    font-size: 100%;
    font-weight: bold !important;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
}

ul.listadoEnlaces {
    display: inline-block;
    width: 100%;
}

ul.listadoEnlaces li {
    display: inline-block;
    float: left;
    list-style-image: none;
    list-style-type: none;
    vertical-align: top;
    width: 45%;
}

.enlaceIzq {
    clear: left;
    margin: 1% 1% 3%;
}

.enlaceDer {
    margin: 1% 1% 3% 3%;
}

img.listadoEnlacesCanalImagen {
    float: left;
    margin-bottom: 0.5em;
    margin-right: 1em;
}

.encuestaContenedor {
    margin-top: 1em;
}

#imagenAmpliada {
    display: inline-block;
    margin: 0 1em;
}

#imagenAmpliada p {
    padding: 0.5em 0;
}

#imagenAmpliada span.h3 {
    border-bottom: 1px dotted #A0A0A0;
    color: #9E1A32;
    font: bold 150%/120% 'Trebuchet MS',Arial,Helvetica,sans-serif;
    margin: 0.8em 0 0.3em;
}

#imagenAmpliada span.h6 {
    color: #0071BC;
    font-size: 1em;
    font-weight: normal;
    margin: 1em 0.2em 0 0.6em;
    padding: 0.1em 0.4em;
}

#imagenAmpliada .bloque {
    background-image: none;
}

.tituloProcedimientoIcono, .tagTituloTramiteEIcono {
    margin-left: 0.5em;
    vertical-align: text-bottom;
    max-width: none !important;
}

.fueraPlazo {
    color: #993333;
    font-size: 0.8em;
    font-weight: bold;
    margin-left: 0.5em;
}
   
#buscadorProcedimientos {
    margin: 1em;
}
#buscadorProcedimientos label {
    font-weight: bold;
}
#buscadorProcedimientos select {
    display: inline-block;
}

#ID_unidadOrganica {
    width: 100%;
}

#buscadorProcedimientos p.organicaProcedimiento {
    margin: 0 0 0 1em;
}
#buscadorProcedimientos p.botonesProcedimientos {
    margin: 0 1em 0 1em;
    text-align: right;
}

.sinresultados {
    padding: 1em;
    font-size: 1.4em;
    font-weight: bold;
}

.capaEnlaceMas{
    clear: both;
    overflow: hidden;
    padding: 1em 0 0;
    text-align: right;
}

.capaEnlaceMasRegistro {
    font-weight: bold;
    overflow: hidden;
    padding: 0.2em;
    text-align: center;
    width: 70%;
}

.capaEnlaceBoton {
    background-color: #F4F4F4;
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    box-shadow: 1px 1px 1px #CCCCCC;
    color: #0F96E3;
    padding: 0.7em 1em;
    text-decoration: none;
}

.listaAtencionCiudadano {
    margin: 0.5em 0 1.5em 1.5em;
}

.enlaceMas {
    background: url('/carpetaciudadana/assets/images/bullet_azul.gif') no-repeat scroll right center transparent;
    color: #004573;
    margin-right: 1em;
    padding-right: 1.6em;
}

.infoTramite {
    background-color: #F9FAFA;
}

.listadoElementosInfoTramite {
    margin: 0;
    overflow: auto;
    padding-top: 0.5mm;
}
.listadoElementosInfoTramite .elementoTramite {
    border-bottom: 1px solid #EDEFEF;
    clear: both;
    min-height: 3.5em;
    padding-right: 0.2em;
    padding-top: 0.5em;
}
.listadoElementosInfoTramite .elementoTramite .izquierda {
    float: left;
}
.listadoElementosInfoTramite .elementoTramite .izquierda img {
    border: 1px solid #E2E4E5;
    margin: 0 0.8em 0.5em;
    vertical-align: middle;
}

/* Estilos Procedimientos */
#zonaPrincipal #procedimientoDexel h3 {
    font-size: 1.4em;
    font-weight: bold;
    margin: 1.4em 0 0 0;
    background-color: var(--main-bg-color-titulos);
    padding: 0.625rem;
    text-transform: uppercase; 
}

#procedimientoDexel .filaProcedimiento {
    clear: both;
    display: inline-block;
    margin-left: 1%;
    width: 99%;
    margin-top: 0.5em;
}

#procedimientoDexel .filaProcedimiento p {
    line-height: 1.3em;
    padding: 0.3em;
}

#procedimientoDexel .campoProcedimiento {
    display: inline-block;
    float: left;
    margin-left: 0;
    padding-left: 0.5em;
    width: 98%;
    line-height: 1.3em;    
    margin-left: 1em;
}

#procedimientoDexel .campoProcedimientoSinMarginPadding {
    display: inline-block;
    float: left;
    padding-left: 0em;
    margin-left: 0em;
    line-height: 1.3em;
}

#procedimientoDexel ol, #procedimientoDexel ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

#procedimientoDexel ul {
    list-style-type: disc;
    padding-left: 2rem;
}

#procedimientoDexel ul li {
    list-style-type: disc;
    padding-left: 0.5rem;
}

span.tituloCampo, div.tituloCampo {
    color: #000000;
    font-weight: bold !important;
}

.tituloCampo {
    margin-top: 0.5em;
    margin-bottom: 0.5em;    
}

span.tituloCampoResoluciones {
    color: #000000;
    font-size: 1em;
    font-weight: bold;
}

#procedimientoDexel p {
    font-size: 1em;
    line-height: 1.3em;
    margin: 0;
    padding: 0.6em 0.2em;
}

.filaTablaResolucion {
    margin-top: 0.8em;
    width: 100%;
    margin-left: 1em;
}

#procedimientoDexel #informacionProcedimiento {
    float: right;
    margin-left: 0;
    width: 25%;
}

#procedimientoDexel > div > div {
    display: inline-block;
    font-weight: normal;
    padding: 0;
}

#procedimientoDexel .campoFecha {
    float: left;
    padding-left: 2%;
    width: 28%;
}

#procedimientoDexel #informacionProcedimiento p {
    color: #666666;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1em;
    padding-left: 0.2em;
}

#procedimientoDexel #informacionProcedimiento p span {
    color: #990033;
}

#procedimientoDexel #informacionProcedimiento div {
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    float: left;
    padding-left: 1%;
    width: 99%;
}

#procedimientoDexel div #primeraFilaProc {
    width: 55%;
}

.filaProcedimiento .campoTasaProcedimiento {
    color: #666666;
    float: none;
    font-weight: bold;
    width: 99%;
}

.filaProcedimiento .pagoTasaProcedimiento {
    width: 97%;
}

filaProcedimiento div {
    margin-top: 1em;
    margin-bottom: 1em;
}

#procedimientoDexel .tramitacion {
    color:#000000;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0.2em 0;
    padding: 0.4em;
}

#procedimientoDexel .opcionTramite {
    clear: both;
    display: block;
    width: 99%;
}

#margenZonaPrincipal #procedimientoDexel .opcionTramite p,
.margenZonaPrincipal #procedimientoDexel .opcionTramite p{
    color: #000000;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.2em;
}

#procedimientoDexel .opcionTramite p img {
    margin-right: 0.5em;
    vertical-align: middle;
}

#procedimientoDexel .filaOpcionTramite {
    clear: both;
    display: inline-block;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
    width: auto;
}

#procedimientoDexel .tramitacion,
#procedimientoDexel .opcionTramite,
#procedimientoDexel .filaOpcionTramite {
   margin-bottom: 0em;
}

#procedimientoDexel .filaProcedimiento table {
    width: 90%;
}

#procedimientoDexel .filaProcedimiento table th, #procedimientoDexel .filaProcedimiento table td {
    text-align: left;
}

#procedimientoDexel .filaProcedimiento table .filaTablaProc1 {
    width: 30%;
}

#procedimientoDexel .filaProcedimiento table .filaTablaProc2 {
    width: 27%;
}

/* Fin estilos Procedimientos */

/* Buscador Procedimientos */

.tramitesPortada {
    padding: 1em;
    background-color: #FFFFFF;
    border-top: 3px solid #8d8d8e;
}

#buscadorAtencionCiudadano {
    overflow: auto;
    padding: 1em;
    text-align: left;
    clear: both;
}

#buscadorOficinasCorporativas {
    background-color: #F9FAFF;
    overflow: auto;
    border: 1px solid #808080;
    margin: 1em 0 0;
    padding: 2em 1em 0.5em 1em;
    text-align: left;
    clear: both;
}

.botonesBuscadorProcedimientos {
    margin-left: 10.3em;
}


#leyendaBuscadorAtencionCiudadano, #leyendaBuscadorOficinasCorporativas{
    padding: 0.1em 0em 1em !important; 
    color: #333333;
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
}

#buscadorAtencionCiudadano form fieldset legend {
    padding: 0.1em 0.4em 0;
}

#buscadorAtencionCiudadano .columns, #buscadorOficinasCorporativas .columns{
    margin-left: 0;
}

#botonesBuscadorAtencionCiudadano {
    margin-top: 1em;
}

#botonesBuscadorAtencionCiudadano a {
    margin-left: 1em;
}

#botonesBuscadorAtencionCiudadano input {
    margin-left: 1em;
    margin-bottom: 0.6em;
}

#resultadosBuscadorAtencionCiudadano {
    width: 100%;
}

table#resultadosBuscadorAtencionCiudadano tr:nth-child(even) {    
   background-color: #ffffff;
}

table#resultadosBuscadorAtencionCiudadano tr:nth-child(odd) {    
   background-color: #f7f7f7;
}

form.sintabla fieldset {
    border: 1px solid #808080;
    margin: 0;
    overflow: auto;
    padding: 1em;
}

form.sintabla textarea {
    display: inline-block;
}

form.sintabla select {
    margin: 0em;
}

.listadoGeneralAtencionCiudadano {
    border: 1px solid #f7f7f7;
    margin: 1em 0;
    overflow: auto;
}

#margenZonaPrincipal .listadoGeneralAtencionCiudadano p,
.margenZonaPrincipal .listadoGeneralAtencionCiudadano p {
    padding: 0.6em;
}

.listadoGeneralAtencionCiudadano ul {
    border-bottom: 1px dotted #E5E5E5;
    border-top: 1px dotted #E5E5E5;
    padding-bottom: 0.5em;
    padding-left: 1em;
}

.cajaAtencionCiudadano {
    margin-bottom: 1em;
}

.cajaSedeNivel_00 {
    margin: 0.8em 0em 1.8em 0em;
}

.cajaSedeNivel_00_ultimo {
    margin: 0.8em 0em 0em 0em;
}

.cajaSedeNivel_00_REU {
    margin: 0em 0em 2em 0em;
}

.cajaSedeNivel_00_ultimo_REU {
    margin: 0em 0em 0em 0em;
}

.cajaSedeNivel_01 {
    margin: 1em 0em 0em 2em;
}

.cajaSedeNivel_01b,
.leyendaDexel {
    margin: 0.5em 0em 2em 2em;
}

.leyendaDexel > div {
    display: table-row;
}

.leyendaDexelIcono,
.leyendaDexelTexto {
    display: table-cell;
}

.leyendaDexelIcono {
    padding-right: 1rem;
}

.leyendaDexelTexto {
    padding-bottom: 1rem;
}

.cajaSedeNivel_011A {
    margin: 0.4em 0em;
}
.cajaSedeNivel_011B {
    margin: 1em 0em;
    margin-left: 2em;
}

.cajaSedeNivel_01 p.enlaceCajaSedeNivel_01 {
    margin: 0.8em 0em 0em 0em;
}

.cajaSedeNivel_10 {
    margin: 0.4em 0em 0em 2em;
}

.cajaSedeNivel_11 {
    margin: 0.5em 0em;
}

.cajaAtencionCiudadano h3 {
    line-height: 1.5em;
}

#catalogoTramites {
    padding-bottom: 1em;
}

#margenZonaPrincipal .cajaAtencionCiudadano p,
.margenZonaPrincipal .cajaAtencionCiudadano p{
    padding-top: 1.5em;
}

.sinPadding {
    padding: 0 !important;
}


/* Fin buscador Procedimientos */

/* Video Portada */
#reproductor {
    padding: 0.5em 0;
    text-align: center;
}

.textovideodetalle {
    font-size: 0.8em;
    padding: 0 1em;
}

#reproductor {
    padding: 1em 0;
    text-align: center;
}

.fechaVideo {
    color: #4D4D4D;
    font-size: 0.7em;
    font-weight: bold;
}

.duracionVideo {
    color: #A0A0A0;
    font-size: 0.7em;
}

#listadoVideos li {
    clear: both;
    display: inline-block;
    padding-left: 0;
    padding-top: 1em;
}

#listadoVideos .imagenVideo {
    float: left;
    margin-right: 2em;
    width: 140px;
}

#listadoVideos ul li a {
    font-size: 1.1em;
    font-weight: bold;
}

.fechaVideoListado {
    color: #4D4D4D;
    font-weight: bold;
}

.duracionVideoListado {
    color: #A0A0A0;
}

.bloqueVideos p {
    margin-left: 14em;
}

.tamanoVideo {
    width: 92%; 
    height: 192px;
}
/* Fin video portada */

/*** ESTILOS VIDEO */
#reproductor {
    text-align: center;
    padding: 0;
    width: 100%;
    height: 100%;    
}

#reproductor .videoSinScript {
    height: 36%;
    width: 100%;
}

#video {
    width: 100%;
    max-width: 1024px;
    margin: 0.5em;
}

.textovideodetalle {
    max-width: 1024px;
    font-size: 0.85rem;
    margin: 0em 1em 1em;
    padding: 0.5em;
}

.textovideodetalle .descripcion, 
.textovideodetalle .tema {
    color: #4D4D4D;
    font-size: 1.2em;
    line-height: 1.6em;
}

label.tema{
    clear:left;
    font-size:x-small;
}

/* Encuesta Portada */
#encuesta h3 {
    border-bottom: 1px dotted #A0A0A0;
    line-height: 1.5em;
    margin: 0 0.5em;
}

#encuesta fieldset {
    border: none;
}

#encuesta fieldset h4 {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    padding: 0.2em;
    text-decoration: none;
}

#encuesta form {
    padding: 0.2em 0.7em;
}

#encuesta p {
    line-height: 1.4em;
    padding: 0.2em 0;
}

#encuesta form label {
    display: inline !important;
    font-size: 0.9em;
    vertical-align: top;
}

#encuesta label {
    display: inline !important;
}

#encuesta fieldset p a {
    float: right;
}
/* Fin encuesta portada */

.impresion {
    margin: 0 3em 1em;
}

.impresion .tituloPagina {
    margin: 1em 0;
}

.impresionLogoCarm {
    text-align: left;
}

.impresionLogoPortal {
    text-align: right;
}

#vistaPreviaImpresion p {
    padding: 0.5em 0;
}

#vistaPreviaImpresion h3 {
    margin: 1em 0;
}

/** BLOQUE AVISOS **/
#menuAvisos {        
    text-align: center;
}

.servicioAvisos{
  border: 1px solid #A0323C;      
}

.bloqueAvisos {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0;
    background-color: #fbf4e1;
    border-radius: 24px;
    display: inline-block;
    width: 100%;
}
.bloqueIconoAvisos {
    display: inline-block;
    display: contents; 
}

.contenido_avisos {
    margin: 0em 1rem 0.5rem 1rem;
    font-size: 0.9em;
    float: left;
    width: 90%;
}

.contenido.contenido_avisos h3 {
    margin-bottom: 0;
    margin-top: 0;
}

h2.avisoContenido {
    color: #d32951; 
    font-size: 1.4em;
}
.iconoAvisoContenido {
    float: left;  
    margin-top: 0.3em; 
    padding-left: 3%;
    width: 7%;    
}

.avisos_entrada {
    background: none repeat scroll 0 0 transparent;
    padding: 0.5em 0em;
    display: -webkit-box;
}

.avisosPosteriores {
    border-top: 1px dashed #D5D6D6;
}

.bloqueImagenAviso {
    display: block;
    width: 3rem;
    float: left;
}

.textoAvisos {
    padding-right: 4em;
}

.textoAvisos p {
    font-size: 1.1em;
}

.textoAvisos ul > li {
    list-style: disc;
}

.textoAvisos ol > li {
    list-style-type: decimal;
}

.textoAvisos ol > li,
.textoAvisos ul > li {
    margin-left: 2rem;
}

/** FIN BLOQUE AVISOS **/

dt.fechaNotaPrensa {
    margin: 1em 0 0;
}
dt {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.4em;
    margin: 1em 0 0.5em 1em;
    text-align: left;
}
.sumario {
    font-size: 1em;
    line-height: 1.4em;
    margin: 0.5em 0;
    padding-left: 0.4em;
}

/* Estilos Entidades */

.includeAsociados {
    clear: both;
}

.tituloContactos {
    clear: left;
}

.descripcionEntidad {
    clear:left;
    width:100%;
}

.descripcionDelegacion {
    float:left; 
    clear:left;
    width:60%;
}

.vcard {
    float: left;    
    clear: both;
}

#datosEntidad  {
    display: inline-block;
    width: 100%;
}

#datosEntidad .vcard h3 {
    border-bottom: 1px dotted #A0A0A0;
    color: #9E1A32;
    font: bold 150%/120% 'Trebuchet MS', Arial, Helvetica, sans-serif;
    margin: 0.8em 0 0.3em;
}


.contactoEntidad {
    color: #0071BC;
    display: inline-block;
    font-size: 1.1em;
    font-weight: bold;
    margin: 1em 0.2em 0;
}

.cabeceraTabla {
    width: 7em;
    float: left;
    padding: 0.6em 0;
}

.cabeceraTabla span {
    font-weight: bold;
}

.cuerpoTabla, .adr, .url {
    margin-left: 9em;
    padding: 0.6em 0;
}

.bloqueMovido {
    right: 8em;
    position: relative;
    display: inline-block;
}

.fila, .tel, .email{
    display: inline-block;
    width: 98%;
    background-color: #f5f7f7;
    margin-bottom: 0.3em;
}
.direccion {
    float: left;
    display: inline-block;
    clear: both;
    width: 100%;
}

.url a, .email a {
    margin-left: 0em;
}

.fondo {
    background-color: #FFFFFF;
    margin-left: 9em;
    display: inline-block;
    width: 100%;
}

.fotoEntidad {
    float: right;
    margin: 0.5em;
    display: inline-block;
}

.entidadInclude {
    border: 2px solid #CCCCCC;
    width: 100%;
    margin-bottom: 2em;
    display: inline-block;
}

#listadoEntidadInclude {
    clear: both;
    width: 80%;
    margin: 0 auto;
}

#listadoEntidadInclude .vcard {
    padding: 0.5em 0.5em 1.5em 0.5em;
    width: 98%;
    margin: 0 auto;
}

#listadoEntidadInclude .tituloEntidad {
    font-weight: bold;
    padding-bottom: 0.5em;
}

#listadoEntidadInclude .tituloDelegacion {
    font-weight: bold;
    padding-bottom: 0.5em;
}

#listadoEntidadInclude .fila,#listadoEntidadInclude .email,
#listadoEntidadInclude .tel,#listadoEntidadInclude .direccion {
    background: none;
    display: inline-block;
    padding-left: 0.5em;
}
#listadoEntidadInclude .cabeceraTablaInclude {
    width: 20%;
    float: left;
    padding: 0.5em;
    display: inline-block;
}

#listadoEntidadInclude .cuerpoTablaInclude,
#listadoEntidadInclude .adr, #listadoEntidadInclude .url {
    padding: 0.5em;
    margin-left: 22%;
}
.noMostrar {
    display: none;
}

.sinBorde {
    border: none;
}

.oficinaAcreditadora {
    width: 100%;
    margin-bottom: 1.5em;
}

.oficinaAcreditadora .fotoEntidad img {
    border: 0px;
}

.oficinaAcreditadora .adr {
    margin-left: 0em;
}
#listadoEntidadInclude .url a {
    padding: 0em;
    margin-left: 0em;
}

#listadoEntidadInclude .n {
    border-top: 1px dotted #CCCCCC;
    border-bottom: 1px dotted #CCCCCC;
    padding: 0.6em;
}

#listadoEntidadInclude .title, .given-name {
    border-top: 0em;
    border-bottom: 0em;
}

#listadoEntidadInclude .separaEntidad {
    margin-left: 4em;
}

#vcalendar {
    margin: 1em;
    padding: 0.5em;
}

.vevent abbr{
    text-decoration: none;
}

#vcalendar .label, .contact, .organizer{
    color: #4D4D4D !important;
    font-weight: bold;
}

#vcalendar .foto {
    float: right;
    margin-right: 1em;
}

#vcalendar .description {
    clear: both;
}

.contenedorMapa {
    clear: both;
    display: inline-block;
    margin: 2em auto;
    text-align: center;
    width: 100%;
}

.imagenMapa {
    display: block;
    margin: auto;
    padding-bottom: 0.7em;
    border: none;
    width: 85%;
    height: 30em;    
}
/* Fin estilos entidades */

/* Estilos Tramite Electronico */

#tramite .seccionTramite {
    background: none repeat scroll 0 0 #F5F7F7;
    border-bottom: 2px solid #CCCCCC;
    border-right: 2px solid #CCCCCC;
    margin: 1em auto 3em;
    padding: 0.5em;
    text-align: center;
    width: 50%;
}

.tituloTramite a {
    font-weight: bold;
}

.tituloTramite img {
    vertical-align: middle;
}

#ayudaETramite {
    float: right;
    min-width: 5em;
    text-align: center;
}

/* Fin estilos Tramite Electronico */

.countdown {
    vertical-align: top;
    display: inline-block;
}

#datosAdicionalesEntidad {
    float: left;
    clear: both;
    width: 90%;
    margin: 0.75em 0em;
}

#datosAdicionalesEntidad th {
    text-align: left;
}

#datosAdicionalesEntidad td {
    text-align: left;
}

span.dir_derecha {
    unicode-bidi: bidi-override;
    direction: rtl;
}

span.no_mostrar {
    display: none;
}

/** LISTADOS DE LEGISLACIONES, PUBLICACIONES Y OTROS */

table.fichadatosvcal {
    empty-cells: show;
    margin-bottom: 2em;
}

table.fichadatosvcal caption, table.fichadatos caption {
    font: bold 1.3em "Trebuchet MS", Verdana, "Arial Rounded MT Bold", Arial, sans-serif;
    color: #972500;
    background: #F8F8F8;
    margin-top: 1em;
    padding: 0.2em 0.5em;
    text-align: left;
}

table.fichadatosvcal th {
    text-align:left;
    border-top-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    background-color: #F8F8F8;
    vertical-align:top;
    color: #404040;
}

table.fichadatosvcal td {
    padding: 0.4em 0.4em 0.8em 0.4em;
    background-color: #FBFBFB;
    font-size: 0.95em;
}

#mapaWeb {
    background: #5b5b5b; 
    padding-top: 2em; 
    padding-bottom: 2em; 
    color: white; 
    width: 100%;
}


#mapaWeb .column:last-child, #mapaWeb .columns:last-child {
    float: left;
}

#mapaWeb ul li a {
    color: #FFFFFF;
}

#menuAccesos {
    border: 1px solid #8d8d8e;
}

h2.gris {
    color: #8d8d8e;
    font-size: 1.4em;    
    padding: 0.1em 1em 0.1em;
    border-bottom: 2px solid #8d8d8e;
}

#menuAccesos h2.enlacesInteres {
    background-color: #972500;
    color: #FFF;
    font-size: 1.3em;
    padding: 0.5em 0.5em 0.3em;
    border-bottom: 1px solid #8d8d8e;
}

.informacionGeneral, .bloqueCarpetaCiudadano {
    background-color: #e5e9ea;
    border: 1px solid #8d8d8e;    
    min-height: 14.5em;
    padding-bottom: 0.8em;
}

h2.rosa {    
    color: #d32951;
    font-size: 1.4em;    
    padding: 1em 1em 0.1em;
}

h2.azulClaro {    
    color: #067fb6;
    font-size: 1.4em;    
    padding: 1em 1em 0.1em;
}

.tituloRegistro {
    padding: 0em 1em 0.1em 1em !important;
}

.imagenAviso {
    margin-right: 0.3em;
    margin-left: 1em;
    margin-top: 0.4em;;
    vertical-align: text-top;
}

.imagenInformacionGeneral {
    margin-top: 1em;
    margin-left: 1.3em;
}

.bloqueRegistroElectronicoUnico{
    background-color: #f7f7f7; 
    border: 1px solid #8d8d8e;
    margin-bottom: 1em;
}

.bloqueRegistroElectronicoUnico .row {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.imagenRegistroElectronicoUnico {
    vertical-align: middle;
    margin-right: 0.5em;
}

ul.listadoMapaWeb {
    margin-top: 1em; 
    margin-left: 1em;
}

ul.listadoMapaWeb li {     
    background: url('/carpetaciudadana/assets/images/bulletPunteado_7x9.png') no-repeat scroll 0em 0.3em transparent;
    padding-left: 2em;
    padding-bottom: 0.3em;
}

.titulobloquesMapaWeb{
    font-size: large; 
    margin-bottom: 0.5em
}

#capaAviso, #capaAvisoGeneral  {   
    font-size: 1.1em;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 8%;
    display: inline-block;
    width: 100%;    
}

.buscarTramites {
    text-align: right;
    padding-right: 1%;
}



.bloqueVerMas {
    padding-right: 2em;
    padding-top: 0.4em;
    float: right;
}

#mapaWebPie {
    width: 84%;
}

.mapaWebColumn {
    width: 32.5% !important;
}

#columnaIzquierda {
    width: 73%;
}

#columnaDerecha {
    width: 24%;
}

.margenIzq1 {
    margin-left: 1em;
}

p.margenIzq1 {
    margin-left: 1em !important;
}

.margenIzq2 {
    margin-left: 2em !important;
}

.margenIzq3 {
    margin-left: 3em !important;
}

/** MARGENES */
.mb-1 {
    margin-bottom: 1em;
}
.mb-05 {
    margin-bottom: 0.5em;
}

ml-1 {
    margin-left: 1%;
}


/** PROCEDIMIENTOS DEXEL */
/** input del buscador */
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
    display: inline-block !important;
    margin: 0em;
    padding: 0.35em;
    width: auto;
    height: auto;
    box-sizing: border-box;
    border: 1px solid #919191;    
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0.4px 1.4px 3px #eee inset;
    font-family: inherit;
    font-weight: normal;
    line-height: 1.5em;
    color: #1a1a1a;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    -webkit-appearance: none;
}
select {
    display: inline-block !important;
    margin: 0em;
    padding: 0.2em 2em 0.2em 0.2em;
    width: auto;
    height: auto;
    box-sizing: border-box;
    border: 1px solid #919191;
    border-radius: 3px;
    background-color: #f7f7f7;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%281, 114, 162, 1%29'></polygon></svg>");
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    font-family: inherit;
    font-weight: normal;
    line-height: 1.5em;
    color: #0a0a0a;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

p.organicaProcedimiento {
    padding-bottom: 0.3em !important;
    padding-top: 0.3em !important;
}

p.organicaProcedimiento label {
    width: 10em;
}

p.organicaProcedimiento label.labelCheckbox {
    width: 30em;
}

span.label {
    color: #000000;
    padding-left: 0em;
}

.organicaProcedimiento span.label {
    color: #000000;
    background: transparent;
}

.tabFichaDexel {
    width:30%; 
    padding: 1em; 
    float: left; 
    background-color: #f7f7f7; 
    margin-right: 0.5em; 
    font-weight: bold; 
    line-height: 1em;
    min-width: 8em;
}

#fichaNavegador {
    border-bottom: 2px solid #c8c8c8;
    font-size: 1.2rem !important;
    font-weight: bold;
    margin-bottom: 0.5rem;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    padding-bottom: 2px;
    list-style: none;
    position: sticky;
    top: 0;
    z-index: 1;
}

#fichaNavegador.fichaNavegador > .tabs-control a:active {
    background-color: var(--main-bg-color-titulos);
}
#fichaNavegador > .tabs-control {
    padding-bottom: 4px;
    padding: 0.313rem 1rem 0.313rem 1.25rem;
    margin-bottom: -2px;
}

#capaCentral #fichaNavegador > li.tabs-control {
    margin-bottom: 0.3em;
    padding-bottom: 0.2em;
    border-right: 2px solid #c8c8c8;
}

#capaCentral #fichaNavegador > li.tabs-control:last-child {
    border-right: none;
}

#fichaNavegador > .tabs-control a:hover {
    background-color: var(--main-bg-color-titulos) !important;
}

#fichaNavegador > .tabs-control a {
    padding: 0.4em;
}

#enlace-dexel-ver-completa {
    display: none; 
    margin: auto; 
    padding-left: 1em;
}

.margenDerecho3em {
    margin-left: 3em !important;
}

.margenDerecho2em {
    margin-left: 2em !important;
}

#filaProcedimientoNoVigente {    
    background-color: #f7f7f7;
    display: block;
    margin-bottom: 1em;
}

#filaProcedimientoNoVigente p {
    text-align: center;
}

#tituloNoVigente {    
    color: #972500;
    font-size: 1.3em;
    font-weight: bold;
    padding: 1em;
    padding-bottom: 0.5em;
    display: block;
    text-align: center;
}

.rowTelefonosInformacion {
    width: 98.5%;
    margin-bottom: 1em;
    text-align: right;
}

.tituloTelefono {
   color: #000000;
   font-size: 1em;
   font-weight: bold;
}

div.telefono {
    font-size: 1em;
    margin-bottom: 0.5em;
}

.tasaAabonar {
    margin-left: 2em;
}

.solicitudesGenericas {
    background-color: #f7f7f7;
    padding: 1em;
}

.solicitudesGenericas p {
    padding: 0em !important;
}

.bloqueListaTramitacionElectronica {
    width: 100% !important;
    margin-bottom: 0.5rem;
}

ul.listaTramitacionElectronica li,
ul.listaTramitacionPresencial li {
        margin-bottom: 0.5em;  
}

ul.listaTramitacionElectronica li ul li,
ul.listaTramitacionPresencial li ul li {
        margin-bottom: 0em;  
}


ul.listaTramitacionElectronica li strong, 
ul.listaTramitacionPresencial li strong {
    font-size: 1.2em !important;    
}

ul.listaTramitacionElectronica li div, 
ul.listaTramitacionPresencial li div {
    width: 100% !important;
    line-height: 1.5em;    
}

.margenTop1em {
    margin-top: 1em;
}

.margenTop2em {
    margin-top: 2em;
}

.margenTop3em {
    margin-top: 3em;
}

/** PESTAÑA PANTALLA INICIO DEXEL */

.tabInicioDexelActiva {
    width: 40%; 
    font-size: 1.2em; 
    padding: 0.8em; 
    float: left; 
    background-color: #f3f3f3; 
    font-weight: bold; 
    line-height: 0.8em;
    border-top: 2px solid #7cb6dd;
}

.tabInicioDexelNoActiva {
    width: 40%; 
    font-size: 1.2em; 
    padding: 0.8em; 
    float: left; 
    background-color: #ffffff; 
    font-weight: bold; 
    line-height: 0.8em;
}

.tabInicioDexelUltima {
    width: 32%;
}

.mensajeTablaNoContenidos {
    font-size: 1.2em;
    text-align: center;
    padding: 1em;
    font-weight: bold;
}

.fondo-grisClaro {
    background-color: #f3f3f3;
}

.enlaceAyudaTramite {
    text-align: center;
    margin-top: 1em;
    font-size: 1.2em;
    font-weight: bold !important;
}

#procedimientoDexel .filaProcedimiento h4 {
    color: #000000;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0.2rem;
}

#procedimientoDexel .filaProcedimiento h4.linea {
    display: inline;
}

#procedimientoDexel .filaProcedimiento .destacarTituloProcedimiento {
    position: relative;
    display: inline-block;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
    width: 50%;
    background: rgb(216,233,240);
    background: linear-gradient(
        90deg, rgba(216,233,240,1) 0%, rgba(255,255,255,1) 100%);
}

#procedimientoDexel .filaProcedimiento .campoProcedimiento .destacarTituloProcedimiento h4 {
   margin: 0.6em;   
}

#procedimientoDexel h5{
    color: #000000;
    font-size: 1.5em;
    font-weight: bold;
    padding-left: 0em;
    margin-left: 0em;
    margin-bottom: 0.5em;
    margin-top: 1em;
}

#procedimientoDexel .filaProcedimiento p.subh5 {
    color: #000000;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 0.5em;
    margin-left: 0em;
    margin-bottom: 0.5em;
    margin-top: 1em;
}

p.mensajeNoTasa {
    margin-left: -1em !important;
    font-size: 1.1em !important;
}

.textoBloqueAlineadoIzquierda {
    display: block !important;
}

/** inSuit */
#x-insuit-tab {
    display: none !important;
}

.icono_cab_inSuit, .icono_cab_usuario {    
    height: 20px;
    width: 20px;
    margin-bottom: 0.4em;    
    margin-left: 1em; 
}

/* Estilos de la capaIntro */
#capaIntro { 
    display: none; 
    position: fixed;  
    _position: absolute;
    width: 70%;  
    background: #d0cece;  
    left: 15%; 
    top: 150px;
    z-index: 100; 
    margin-left: 15px;  
    padding: 15px;  
    font-size: 15px;  
    -moz-box-shadow: 0 0 5px #333;
    -webkit-box-shadow: 0 0 5px #333;
    box-shadow: 0 0 5px #333;
}

#capaIntro .escudoIntro {
    margin: auto; 
    margin-top: 2em;
    display: block;    
}

#capaIntro .parrafoIntro {
    text-align: justify;
    width: 70%;
    margin: auto;
    margin-top: 3em;
    margin-bottom: 2em;
}

#capaIntro .firmaIntro {
    text-align: center;
    width: 70%;
    margin: auto;
    margin-bottom: 0.2em;
    font-family: "Times New Roman";
    font-style: italic;
    font-size: xx-large;    
}

#capaIntro .subFirmaIntro {
    text-align: center;
    width: 70%;
    margin: auto;
    margin-bottom: 4em;
    font-stretch: semi-condensed;
}

#cierraCapaIntro {
    text-align: center;
    margin: auto;
    display: block;
    width: 7em; 
    border: 2px solid #797C7B;
    border-radius: 8px;    
    background: transparent;
    line-height: 2em;    
}

#cierraCapaIntro:hover {
    cursor: pointer;
}

.styleCheckBox {
  display: inline-block;
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
  font-size: 11.2px;
  font-weight: normal;
}

.styleCheckBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #d2d2d2;
  border: 1px solid #797C7B;
}

.styleCheckBox:hover input ~ .checkmark {
  background-color: #797C7B;
}

.styleCheckBox input:checked ~ .checkmark {
  background-color: #797C7B;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.styleCheckBox input:checked ~ .checkmark:after {
  display: block;
}

.styleCheckBox .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tituloServiciosOficinas {
    color: #000000; 
    font-size: 1.2em; 
    margin: 0.8em 0 0.3em; 
    font-weight: bold;
    margin-top: 0.5em;
    padding-bottom: 0px !important;
}

.iconoAyudaInfo {
    padding: 0 0.5em;
    vertical-align: middle;
}

.bloqueInformacionAyudaElectronica {
    display: inline-block !important; 
    text-align: -webkit-right; 
    margin-left: 1.5em;
}

.divBloqueInformacionAyudaElectronica {
    font-weight: bold !important;
    font-size: 1.1em;
    display: inline-block;
    float: right;
}

.agrupacionOtrasDisposiciones {
    margin-left: -1.5em; 
    font-weight: bold; 
    line-height: 2.5em;
}

#continuaModal {
    float: right;
    font-weight: bold;
    font-size: 1.15em;    
}

.modal {
    max-width: 800px !important;
}

.modal a.close-modal {
    width: 20px !important;
    height: 20px !important;
}


p.enlaceObtenerCartaPago {
    padding-top: 0em !important;
}

ul.enlacesInteres {
 display: inline;
}

ul.enlacesInteres li {
 padding: 1%; 
}

ul.OtraInformacionServicios {
    display: inline-block;
}

ul.enlacesPortada {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    column-gap: 1%;
}

ul.OtraInformacionServicios li {
    float: left;
    background: none !important;
    width: 16em;
    line-height: 7em;
}

ul.enlacesPortada li {    
    background: none !important;
    line-height: 4.5em;
    width: 21%;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0.2em 0.2em 3em 0.2em;
    padding: 0 !important;
    align-self: baseline;
}

ul.enlacesPortada li p {
    color: #666666;
    font-size: 0.90em;
}

ul.enlacesPortada li > a {
    display: list-item;
}

.tdImagenDerecha {
    text-align: right; 
    padding-right: 0.1em;
    padding-left:  0.1em;
}

.tdImagenIzquierda {
    text-align: left; 
    padding-left: 0.1em;
}

.columnaHome:hover img.imagenMenu {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
    transition: 0.4s all;    
    filter: brightness(0.6);
}

.columnaHome img.blur {
    -webkit-filter: blur(1px);
    filter: blur(1.7px);
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
    transition: 0.4s all;    
}

.simulacionTasa {
    margin-top: 1em;
}

.simulacionTasa fieldset {
    padding-left: 1.4em;
    padding-bottom: 1em;
    padding-top: 1em;
    border: 0;
}

.simulacionTasa .procedimiento {
    margin-left: 1em;
}

.simulacionTasa h4 {
    font-weight: bold;
}

.calculoTasa {
    padding-left: 2em !important;
    padding-bottom: 0 !important;
    font-weight: bold;
}

.calculoHi {
    padding-top: 0 !important;
    padding-left: 4em !important;
}

div #listadoOrganosGestores {
    margin-top: 2em;
}

.organoGestor {
    font-weight: bold;
}

.bloqueSolicitudesGenericas {
    font-size: 1.2em;
    padding-left: 0.7em !important;
    padding-bottom: 0.5em !important;
}

.bloqueSolicitudesGenericas a {
    font-size: 1.2em;
    font-weight: bold;
}

#plegar, #desplegar {
    font-size: 1.2em;
}

.miradoPaeCarm {
    font-size: 1.3em;
}

.textoFechaSolicitud {
    font-size: 0.85em;
}

.avisoValidezInformacion {
    font-size: 1.5em;    
    color: red;
    border: 3px solid yellow;    
    text-align: center;
    font-weight: bold;        
}
.avisoValidezInformacion p {
    text-align: center;        
}

.noMarginPaddingBottom {
    padding-bottom: 0 !important; 
    margin-bottom: 0 !important;    
}

#capaCentral .res li{
        padding: 0;
        margin: 0;
}
.lista{
    padding: 1em;
}

.lista-cabecera{
    border-top: 2px solid #7cb6dd;
}

.lista p{
    width: 100%;
    color: #666666;
    font-size: 1.2em;
    font-weight: bold;
}
.lista .lista-cabecera div.column{
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem;
}

.lista li.row > div.column{
    padding: 0.5rem 0.625rem 0.625rem;
}
.lista .lista-item:nth-child(even), .lista .lista-cabecera{
    background-color: #f8f8f8;
}
.lista .lista-item:nth-child(odd){
    background-color: #fefefe;
}

.no-padding-top{
    padding-top: 0;
}

@media only screen and (max-width: 40em) {
    #menuPrincipal.menu li {
        width: 100%;
        flex: 1 1 100%;
    }
}

@media only screen and (max-width: 1280px) {
    .contenido_avisos {
        width: 96%;
    }
}


@media only screen and (min-width: 641px) {
    #menuPrincipal {
        display: block !important;
    }
}

@media only screen and (max-width: 1020px) {
    
    body {
        padding-bottom: 11.3em;
    }
    
    #capaPie {
        height: 11.3em;
    }
    .capaPiePortada {
        height: 11.3em !important;
    }
    
    #pieIzq, #pieDer {
        text-align: center;
        padding-right: 0;
        padding-left: 0;
    }
    
    #pieIzq {
        padding-top: 2em;
        float: none;
    }
    
    #pieCentro {
        text-align: center;
        padding-top: 2em;
        padding-bottom: 2em;
    } 
    #pieDer ul, #pieDer li {
        float: none;
        text-align: center;
    }
    
    .card-item {
        flex: 49%;
    } 
    
    ul.enlacesPortada li{
        width: 33%
    } 
}

@media only screen and (max-width: 767px) {
    
    .mapaWebColumn {
      width: 100% !important;
      padding-left: 1em !important;
      padding-bottom: 1.5em !important
    }
    
    .columns {
      margin-left: 0
    }
    
    .columnaHome {
      margin-top: 2.5em;
    }

    .imagenMenu {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    
    h2.tituloMenuPortada {
        text-align: center;
    }

    #centralPaginaInicio {
        margin-top: -2em;
    }
    
    .buscarTramites {
        text-align: left;
        padding-right: 0%;
    }

    .bloqueVerMas {
        padding-top: 0.2em;
        padding-bottom: 0.2em;
    }
    
    #foto{
        display: none!important
    }
    
    #pieIzq, #pieDer {
        text-align: center;
        float: none;
        padding-right: 0;
        padding-left: 0;
    }
    
    #pieIzq {
        padding-top: 2em;
    }
    
    #pieCentro {
        padding-top: 2em;
        padding-bottom: 2em;
    }    
    
    #pieDer ul, #pieDer li {
        float: none;
        text-align: center;
    }

    #piePagina li {
        display: inline-block;
        margin-left: 1em;
        margin-right: 1em;
    }   

    .modal {
        max-width: 600px !important;
    }
    
    .card-item {
        flex: 100%;
    }
    
    #cabeceraSede {
        flex-direction: column;
        text-align: center;
    }    
}

@media only screen and (max-width: 800px) {
    .divBloqueInformacionAyudaElectronica {
        width: 19em !important;
    }
    .bloqueInformacionAyudaElectronica {
       margin-left: 0em !important; 
    }
    #piePagina {
        text-align: -webkit-center;
    }
    ul.enlacesInteres li {
        width: 98%;
        padding: 2%;
    }    
    .bloquePaginacion {    
        display: inline-block;
        width: 100%;
    }
    .cellResultadosPaginacion {
        display: none;
    }
    .resultadosPaginacion {
        padding-bottom: 0.5em;        
        display: inline-block;
        padding: 0.5rem 0.625rem 0.625rem;
        width: 100%;
        text-align: center;
    }
    .paginador {
        display: inline-block;
        text-align: center;
        padding-bottom: 0.5em;
        width: 100%;
    }
    span.paginador {
        float: none;
    }
    p.resultadoPaginador {
        text-align: center;
    }
    
    .glosarioIndiceTerm {
        column-count: 1;
    }    
}

@media only screen and (max-width: 640px) {    
    
    #capaAviso, #capaAvisoGeneral {
        padding: 0em !important;
    }

    
    body {
        padding-bottom: 16.3em;
    }    
    
    #capaPie {
        height: 16.3em;
    }    
    
    ul.enlacesPortada li{
        width: 100%
    }
    
    .presentacion{
       margin: 0; 
    }
    
    .buscadorPortada #Q_CONSULTA {
        width: 80%;
    }
    
    .buscadorPortada {
        margin: 4em auto;
        text-align: left;
    }
    
    .organicaProcedimiento a {
        display: block;
        margin-top: 0.6em;
    }
    
    p.organicaProcedimiento {
        padding: 0 !important;
    }
    
    .card-row > .card-item {
        padding: 0;    
    }
    
    #header-nav-button {
        display: block;
        margin:1rem;
    }

    #icon-closed{
        display: none;
    }

    #icon-opened{
        display: inline-block;
    }
    
    .cajaSedeNivel_011B {
        margin: 0.5em auto;
    }
    .menu.align-center li {
        justify-content: start;
        padding-left: 4%;
    }
}

p.tituloPDU, p.tituloPDU > a {
    font-weight: bold;
    font-size: 1.5rem;
}

#centralPaginaInicio .card {
    border: none;
    padding-left: 10%;
    padding-right: 10%;
}

#centralPaginaInicio .card .card-divider {
    background-color: #1b96c2;
    padding: 0.5rem 1rem;
    margin: 1.8rem 0 1rem 0;
}

#centralPaginaInicio .card .card-divider a {
    color: white;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: bold;
}

#centralPaginaInicio .card .card-section {
    padding: 0;
    font-size: 1.1rem;
}

#centralPaginaInicio .card .card-section p{
    padding: 0 0 1rem 0;
    margin: 0;
}

#centralPaginaInicio .card .card-section p:last-child{
    padding-bottom: 0;
}

#centralPaginaInicio .card .card-image {
    text-align: center;
    padding-top: 2rem;
}

#centralPaginaInicio .card .card-image a{
    display: inline-block;
    width: 100%;
}

#centralPaginaInicio .card .card-image img {
    width: 35%;
    height: auto;
}

#centralPaginaInicio .card .card-image:hover img {
    transform: scale(1.1);
}

#fichaNavegador a.activo {
    background-color: rgba(1, 114, 162, 0.15);
}

#convocatorias .accordion-title,
#convocatorias .accordion-title:focus,
#convocatorias .accordion-title:hover,
#convocatorias .accordion-title.is-active {
    text-transform: uppercase;
    background: inherit;
    padding:  0 0 0 2rem;
    border: none;
}

#convocatorias .accordion-item:not(.is-active) > .accordion-title h5{
    color: #2172a3;
}

#convocatorias .accordion-title::before {
    content: "\f054";
    font-family: "FontAwesome";
    display: block;
    left: 1rem;
    color: #2172a3;
}

#convocatorias .is-active > .accordion-title::before {
    content: "\f078";
    color: black;
}
#convocatorias.accordion{
    margin: 0;
    padding: 0;
}
#convocatorias li.accordion-item {
    list-style: none;
    padding: 0;
}

#convocatorias li.accordion-item .textoConvocatoria {
    padding-left: 3.5rem;
}

#convocatorias .accordion-content {
    border: none;
}

#buscador-conv {
    padding-left: 1rem;
    margin-bottom: 2rem;
}

#campos-buscador-conv {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1rem;
}

#campos-buscador-conv input {
    margin-right: 2rem;
}

#campo-texto-conv {
    font-size: 1.1rem;
}