﻿@charset "utf-8";

/* CSS Document */


/* CSS versión 3 validado por w3c */


/*##### Índice de estilos ############################################################

1. RESET
2. Estilos principales o de uso genérico
	2.1 Visibilidad foco para los enlaces
	2.2 Enlace volver arriba
	2.3 Ocultar elementos
	2.4 Listas de definición
	2.5 Contenido interior
	2.6 Encabezados interiores
	2.7 Posición de imágenes y pie de foto
	2.8 Páginas independientes del sharepoint alojadas en la web
3. Menú principal y submenú interior izquierdo
4. Noticias
5. Formularios 
	5.1 Anchos campos
	5.2 Fieldset con radio buttons y checkbox
	5.3 Seleccion de periodo
	5.4 Formulario web de Coste de Absentismo
	5.5 Formulario de calculadora de cuotas
	5.6 Formulario de curriculum en la web
	5.7 Formulario Llamadas Gratuitas
	5.8 Validación campos formularios
	5.9 Campos deshabilitados 
	5.10 Botonera
6. Tabla de datos y resultados
	6.1 Tabla de resultados dentro de otros elementos
	6.2 Tabla de resultados de búsqueda
	6.3 Tabla de descargas
	6.4 Tabla de atajos de teclado - accesibilidad
	6.5 Tabla red de centros
	6.6 Tabla jornadas
	6.7 Tabla bonus
	6.8 Tabla licitaciones
	6.9 Tabla búsqueda de cnae - calculadora de cuotas autonomos
	6.10 Tabla calculadora de cuotas autonomos
	6.11 Tabla ventajas sanitarias/economicas
7. Resultados búsqueda del buscador
8. Resultados búsqueda del buscador de red de centros
9. Acordeón de JQuery
	9.1 Anchos en divs de acordeones que se usan en Órganos de Gobierno
10. Ventana Modal
11. Mapa Web
12. Pie
13. Botón volver arriba
14. Estilos página información cookies
	14.1 Cookie bar
15. Estilos especiales para hacer responsive la página de solicitud de jornadas de prevención
16. Actualidad / Normativa

##########################################################################################/

/***************************************************/


/* IMPORTAR TIPOGRAFIA *****/


/***************************************************/


/*Roboto*/

@font-face {
    font-family: 'Roboto Bold Italic';
    src: url('fonts/Roboto-BoldItalic.eot');
    src: url('fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-BoldItalic.woff2') format('woff2'), url('fonts/Roboto-BoldItalic.woff') format('woff'), url('fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Italic';
    src: url('fonts/Roboto-Italic.eot');
    src: url('fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Italic.woff2') format('woff2'), url('fonts/Roboto-Italic.woff') format('woff'), url('fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Bold';
    src: url('fonts/Roboto-Bold.eot');
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff2') format('woff2'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.eot');
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff2') format('woff2'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*Roboto Condensed*/

@font-face {
    font-family: 'Roboto Condensed';
    src: url('fonts/RobotoCondensed-Regular.eot');
    src: url('fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Regular.woff2') format('woff2'), url('fonts/RobotoCondensed-Regular.woff') format('woff'), url('fonts/RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed Bold';
    src: url('fonts/RobotoCondensed-Bold.eot');
    src: url('fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Bold.woff2') format('woff2'), url('fonts/RobotoCondensed-Bold.woff') format('woff'), url('fonts/RobotoCondensed-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Condensed Italic';
    src: url('fonts/RobotoCondensed-Italic.eot');
    src: url('fonts/RobotoCondensed-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Italic.woff2') format('woff2'), url('fonts/RobotoCondensed-Italic.woff') format('woff'), url('fonts/RobotoCondensed-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Condensed Bold Italic';
    src: url('fonts/RobotoCondensed-BoldItalic.eot');
    src: url('fonts/RobotoCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-BoldItalic.woff2') format('woff2'), url('fonts/RobotoCondensed-BoldItalic.woff') format('woff'), url('fonts/RobotoCondensed-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto Condensed Light';
    src: url('fonts/RobotoCondensed-Light.eot');
    src: url('fonts/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Light.woff2') format('woff2'), url('fonts/RobotoCondensed-Light.woff') format('woff'), url('fonts/RobotoCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


/***************************************************/


/* 1. RESET CSS *****/


/***************************************************/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
abbr,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
    margin: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*FIN RESET CSS*/


/***************************************************/


/* 2. Estilos principales o de uso genérico *****/


/***************************************************/

body {
    background-color: #fff;
    background-position: center top;
    background-repeat: no-repeat;
    color: #505050;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    letter-spacing: -0.04em;
}

.contenedor {
    margin: 0px auto;
    max-width: 1270px;
    /*width: 100%; jose*/
    box-sizing: border-box;
    padding: 0 10px;
}

.contenedor-of {
    margin: 0px auto;
    max-width: 1270px;
}

.contenedor_nd {
    margin: 0px auto;
    width: 676px;
}

abbr,
abbr,
dfn {
    border-bottom: 1px dotted;
    cursor: help;
}

a img {
    border: none;
    padding: 0px;
}

a:hover img {
    opacity: 0.8
}

em {
    font-style: normal;
    text-decoration: underline;
}

span.rojo {
    color: #c9030a;
}

a[href^=""] {
    display: none;
}


/*grid*/

.w17,
.w18,
.w20,
.w25,
.w30,
.w33,
.w40,
.w50,
.w60,
.w70,
.w75,
.w80,
.w90,
.w100,
.row {
    -ms-box-sizing: border-box;
    -moz-box-sizingbox-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 5px;
}

.w100,
.row {
    float: none;
    width: 100%;
}

.w100:after,
.row:after {
    clear: both;
    content: " ";
    display: block;
}

.row {
    padding: 0
}

.w80 {
    width: 90%;
}

.w80 {
    width: 80%;
}

.w75 {
    width: 75%;
}

.w70 {
    width: 70%;
}

.w60 {
    width: 60%;
}

.w50 {
    width: 50%;
}

.w40 {
    width: 40%;
}

.w30 {
    width: 30%;
}

.w33 {
    width: 33%;
}

.w25 {
    width: 25%;
    overflow: visible;
}

.w20 {
    width: 20%;
}

.w18 {
    width: 18%;
}

.w17 {
    width: 17%;
}

.fila {
    padding: 0;
}

.fila .w25,
.fila .w50 {
    padding: 5px 0 5px 10px;
}


.NormativaEnlace {
    padding: 2%;
    color: rgb(201, 3, 10);
    font-weight: bold;
    border-radius: 10px;
    margin-right: 2%;
    width: 33%;
    cursor: pointer;
    border: 1px solid #CCCCCC !important;
}

.Normativaul {
    display: flex;
    text-align: center;
    width: 100%;
    margin-bottom: 5%;
}

.Normativali {
    background-image: none !important;
    font-size: 14px;
}

/* 2.1 Visibilidad foco para los enlaces **/

a:focus {
    color: #555;
    text-decoration: underline;
}

button.foco {
    border: 1px dashed #c9030a !important;
}


/* 2.2 Enlace volver arriba **/

.subir_top {
    background: url("../Images/Fremap/img_web/subir.png") no-repeat center right;
    clear: both;
    float: right;
}

.subir_top a {
    float: right;
    padding-right: 15px;
}

.subir_top a:hover {
    text-decoration: underline;
}


/* 2.3 Ocultar elementos **/

.oculto,
.ms-hidden {
    clear: none !important;
    float: none !important;
    font-size: 0em;
    left: -999999px !important;
    line-height: 0px;
    margin: 0px !important;
    padding: 0px !important;
    position: fixed !important;
    width: 100%;
}

.none {
    display: none !important;
    visibility: hidden;
}

.background_none {
    background: none !important;
}


/* Regla para solventar flotacions de elementos*/

.clearfix:after {
    clear: both;
    content: '';
    display: block;
}


/* 2.4 Listas de definición **/

dl {
    display: block;
    margin: 1em 0;
    font-size: initial;
}

dt {
    background-color: #f8f8f8;
    clear: left;
    display: block;
    float: left;
    font-family: 'Roboto Condensed Bold', sans-serif;
    margin-bottom: 5px;
    min-height: 16px;
    padding: 1%;
    text-align: right;
    width: 30%;
    /*font-size: 0.85em;*/
}

dt abbr {
    font-family: 'Roboto Condensed Bold', sans-serif;
}

dd {
    display: block;
    float: left;
    min-height: 16px;
    padding: 1%;
    width: 66%;
    /*font-size: 0.85em;*/
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
}

dd.dd_clear {
    min-height: 25px;
}

.contenido dd p {
    width: 476px;
}

dd ul {
    margin-left: 5px;
}

dd li {
    background-image: url("../Images/Fremap/img_comun/icono_lista.gif");
    background-position: left 4px;
    background-repeat: no-repeat;
    padding-left: 12px;
}

dl+table[class="resultados"],
dl+fieldset[class="formularios"],
table.resultados+fieldset[class="formularios"] {
    margin-top: 15px;
}

dl+h4 {
    padding-top: 20px;
}

ul li dl {
    padding-bottom: 10px;
}

fieldset.formularios dl {
    margin: 0px;
}

dd dl dt {
    background: none !important;
    margin: 0px;
}


/* 2.5 Contenido Interior **/

.contenido {
    display: block;
    float: left;
    padding: 0 10px 10px 10px;
    width: 676px;
}

.contenido .fremapcontigo {
    background-image: none;
}

.contenido a,
.contenido a:visited {
    color: #C9030A;
    text-decoration: none;
}

.contenido img {
    height: auto;
    max-width: 100%;
}

.contenido img.big {
    padding: 0
}

.contenido a img {
    border: 0px;
    padding: 0px;
}

.contenido img.border {
    border: none;
    padding: 0px;
}

.contenido ul li {
    background-image: url("../Images/Fremap/img_comun/baseline-keyboard_arrow_right-24px.svg");
    background-position: -5px 3px;
    background-repeat: no-repeat;
    padding-bottom: 5px;
    padding-left: 14px;
    background-size: 20px 20px;
}

.contenido ul li.lista-pro {
    background-image: none;
    background-position: -5px 3px;
    background-repeat: no-repeat;
    padding-bottom: 5px;
    padding-left: 7px;
    background-size: 20px 20px;
}

/* {
    background-image: url("../Images/Fremap/img_comun/baseline-keyboard_arrow_right-24px.svg");
    background-position: -5px 3px;
    background-repeat: no-repeat;
    padding-bottom: 5px;
    padding-left: 14px;
    background-size: 20px 20px;
} */

.actualidad-normativa ul li {
    background-image: none;
    padding: 0px;
}

.accordioncv ul li {
    padding: 0px;
}

.contenido ul,
.contenido p {
    /*font-size: 14px;*/
    margin: 1em 0;
    line-height: 1.75em;
}


/* resaltado amarillo del texto */

.contenido *::selection {
    background-color: yellow;
}

.contenido ul ul,
.contenido ul p {
    margin-bottom: 0px;
    padding-top: 5px;
    line-height: 1.5em;
}

.contenido ul p,
.contenido ol p {
    margin-left: 0px;
}

.contenido ol {
    margin-left: 20px;
    list-style-type: decimal;
}

.contenido .conocenos ol {
    list-style-type: none;
}

.contenido ol li {
    background: none;
    margin-left: 20px;
    padding-left: 0px;
}

.contenido ul li ul li,
.contenido ol li ul li ul li {
    background-image: url("../Images/Fremap/img_comun/bullet_2.gif");
    background-position: left 0.6em;
    background-repeat: no-repeat;
    padding-bottom: 5px;
    padding-left: 8px;
    background-size: 5px;
}

.contenido ul li.no-bullet>div {
    padding: 0px 10px;
}

.contenido ul li.no-bullet {
    background-image: none;
    padding: 0px 0 8px 0;
}

.contenido ul li p:first-child {
    padding-top: 0px;
}

.contenido div .center {
    text-align: center;
}

.contenido div p .underline {
    text-decoration: underline;
}

.contenido strong.fremap {
    color: #c9030a;
}

.contenido-w100 {
    margin: 0 auto;
    max-width: 650px;
    width: 100%;
}

.contenido-w100 .contenido {
    width: 98%;
}

.contenido .pcalc_rosa {
    background-color: #feeafb;
    padding: 10px;
    border: 1px dashed #fecff5;
    margin: 1em 0px;
    font-size: 0.85em;
}

.contenido .pcalc_amarillo {
    background-color: #FEFBE0;
    padding: 10px;
    border: 1px dashed #FCEC58;
    margin: 1em 0px;
    font-size: 0.85em;
}


/* 2.6 Encabezados interiores **/

.contenido h1 {
    clear: both;
    font-size: 1.625em;
    font-family: 'Roboto Condensed Bold';
    margin: 12px 14px 0 0;
}

.contenido h2 {
    clear: both;
    font-size: 1.4em;
    font-family: 'Roboto Condensed Bold';
    margin: 12px 14px 0 0;
}

.contenido h4 {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    font-family: 'Roboto Condensed Bold';
    margin: 5px 0 15px;
    font-weight: normal;
}

.contenido h5 {
    clear: both;
    font-family: 'Roboto Condensed Bold';
    margin: 5px 0 15px 10px;
}

.contenido h2+h3 {
    margin: 0 0 15px;
}

.contenido h3+h4 {
    margin: 0 0 10px;
}

.contenido h4+table {
    margin: 0 0 20px;
}


/* 2.7 Posición de imágenes y pie de foto **/

.img_dcha,
.img_p,
.img_pd {
    display: block;
    margin: 0px auto 1em auto;
    padding: 2px;
}

.img_pd {
    float: right;
    margin: 0em 1em 1em 1em;
}

.img_p {
    float: left;
    margin: 0em 1em 1em 1em;
}

.img_p img,
.img_pd img {
    margin: 0;
    padding: 0;
    max-width: 100%;
}

.img_c {
    border: none !important;
    padding: 0;
    text-align: center;
}

.img_50 {
    float: left;
    margin-bottom: 10px;
    margin: 0.5em 2% 1em 0;
    width: 48%;
}

.img_50 img {
    padding: 0;
}

.attach {
    height: 16px !important;
    max-width: 16px !important;
}

p.pieimagen {
    background-color: #F1F1F1;
    border-left: 3px solid #CCCCCC;
    margin: 0px !important;
    padding: 0 4px;
}

ul.memoria {
    clear: both;
    display: block;
    margin: 0;
    font-size: initial;
}

ul.memoria li img {
    background: none;
    border: none;
    float: left;
    margin: 15px 15px 0px 15px;
    padding: 0px;
    width: auto;
}

ul.memoria>li>p>a>img {
    float: none;
    margin: 0px;
    width: auto;
}


/* memoria unica centrada en pagina ej:Incapacidad temporal **/

ul.memoria_centrada li {
    background: none repeat scroll 0 0 transparent;
    clear: none;
    position: relative;
    margin: auto;
    height: auto;
    padding: 2% 1%;
    text-align: center;
    width: 30%;
}

ul.memoria_centrada li img {
    background: none;
    border: none;
    display: inline;
    float: none;
    margin-left: 3px;
    padding: 0px;
}

ul.memoria_centrada li p {
    background-color: #F1F1F1;
    border-left: 3px solid #CCCCCC;
    margin: 3px 0 0;
    padding: 2px 4px;
    text-align: left;
}


/* 2.8 Páginas independientes del sharepoint alojadas en la web **/


/* videos fremap ocultos*/

body.video {
    background: none;
}

.videos {
    width: 800px;
}


/* ley de mutuas*/

.pag_actualidad {
    width: 800px;
}

.pag_actualidad h2 {
    font-size: 1.6em !important;
    margin: 15px 0 6px !important;
}

.pag_actualidad ul {
    margin-left: 30px !important;
}

.actualidad .cabecera ul.herramientas {
    width: 154px;
}


/***************************************************/


/* 3. Menú principal y submenú interior izquierdo ******/


/***************************************************/

#main-menu {
    display: flex;
    -webkit-flex-flow: row wrap;
    padding-top: 36px;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif;
}

.root {
    padding: 4px 5px 19px 0px;
}

#main-menu div {
    align-self: center;
}

#main-menu ul {
    background: rgba(255, 255, 255, 0.96);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
}

/* #main-menu li {
    float: left;
    line-height: 16px;
    padding-right: 2px;
    position: relative;
    z-index: 99;
} */

.menu1 li {
    float: left;
    line-height: 16px;
    padding-right: 2px;
    position: relative;
    z-index: 99;
}

.menu1 li li {
    float: left;
    line-height: 16px;
    padding-right: 2px;
    position: relative;
    z-index: 99;

}

#main-menu li.ultimo {
    background: none;
}

#main-menu ul ul {
    border: none;
    clear: none;
    display: none;
    margin: 0px;
    padding: 10px 0;
    position: absolute;
    width: 822px;
    z-index: 10000;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.4);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* #main-menu ul ul li {
    color: #000;
} */
.menu1 ul ul ul li {
    color: #000;
}

#main-menu ul li:hover ul,
#main-menu ul li a:focus+ul {
    display: block;
}

#main-menu ul ul li:hover ul,
#main-menu ul ul li a:focus+ul,
#main-menu ul ul li.hover-off ul {
    display: none;
}

#main-menu ul ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

/* #main-menu ul ul li {
    background: transparent;
    display: block;
    margin: 0px;
    padding: 0px;
    width: 33.2%;
} */


.menu1 ul ul ul li {
    background: transparent;
    display: block;
    margin: 0px;
    padding: 0px;
    width: 33.2%;
}

#main-menu li a {
    background: transparent;
    color: #C9030A;
    display: block;
    font-weight: normal;
    margin-right: 1px;
    padding: 20px 20px 17px 10px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url("../Images/Fremap/img_home/chevron-down-red.png");
    background-position: 93% 53%;
    background-repeat: no-repeat;
}


/* menu */

.menu-horizontal {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transform: initial;
}


/* .new-window .menu-item-text:after{
    background-image: url("../Images/Fremap/img_comun/botPopUp.gif");
    content: '';
    width: 11px;
    height: 12px;
    position: absolute;
    margin: 2px 0 0 4px;
} */

.menu-horizontal .menu-item-text {
    /*white-space: normal !important;*/
}

.s4-tn li.static>.menu-item {
    border: none;
    color: #C9030A;
    display: inline-block;
    height: auto;
    padding: 20px 20px 17px 10px;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 100;
    cursor: pointer;
}

:first-child+html .s4-tn li.static>.menu-item {
    display: block;
}

.s4-tn li.static>a:hover {
    color: #ffffff;
    text-decoration: none;
}


/* .menu-horizontal ul > li a:after {
    content: '';
    height: 10px;
    width: 10px;
	background-color: transparent;
    background-image: url(../Images/Fremap/img_home/comun/chevron-down-red.png);
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    overflow: hidden;
} */


/* a.static.dynamic-children.menu-item:after,
a.static.menu-item.new-window:after,
a.static.menu-item:after {
	content: '' !important;
}
#main-menu li:first-child a, #main-menu li:first-child + li + li + li + li + li a, #main-menu li:first-child + li + li + li + li + li + li a {
	background: white;
}
#main-menu li:first-child li a, #main-menu li:first-child + li + li + li + li + li li a {
	background: white;
}
#main-menu li a:hover {
	background: silver;
}
#main-menu li:first-child a:hover, #main-menu li:first-child + li + li + li + li + li a:hover {
	background: silver;
} */


/* 2nd Menu */

.menu ul li li a {
    float: none;
    padding: 5px 10px 5px 19px !important;
    text-align: left;
}

.menu ul li:hover li a,
.menu ul li.iehover li a {
    background: silver;
    color: #C9030A;
    float: none;
    font-weight: normal;
    margin: 0px;
    padding: 5px 10px 5px 10px;
    text-align: left;
    text-decoration: none;
    width: 200px;
}

/* .menu ul li li a,
.menu ul li li a,
.menu ul li.iehover li a,
.menu ul li.iehover li.iehover a {
    color: rgb(31, 31, 31) !important;
    background-image: url("../Images/Fremap/img_web/bullet_gris.gif") !important;
    background-position: 10px 8px !important;
}
 */

.menu1 ul li li li.dynamic a,
.menu ul li li li.dynamic a,
.menu ul li.iehover li li a,
.menu ul li.iehover li.iehover li.iehover a {
    color: rgb(31, 31, 31) !important;
    background-image: url("../Images/Fremap/img_web/bullet_gris.gif") !important;
    background-position: 10px 15px !important;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: none;
}


/* 2nd Menu Hover Persistence */

.menu ul li:hover li a:hover,
.menu ul li:hover li:hover a,
.menu ul li.iehover li a:hover,
.menu ul li.iehover li.iehover a {
    color: #C9030A !important;
}


/* 3rd Menu*/


/*Oculto en desktop*/

.menu ul li:hover li:hover li a,
.menu ul li.iehover li.iehover li a {
    background: white;
    border-top: 1px solid #7f0609;
    color: #fff;
    float: none;
    font-weight: normal;
    padding: 5px 10px 5px 10px;
    text-align: left;
    text-decoration: none;
    width: 180px;
}

.menu ul li:hover li:hover ul {
    left: 205px;
    position: absolute;
    top: 0;
}


/* 3rd Menu Hover Persistence */

.menu ul li:hover li:hover li a:hover,
.menu ul li:hover li:hover li:hover a,
.menu ul li.iehover li.iehover li a:hover,
.menu ul li.iehover li.iehover li.iehover a {
    background: white;
}

.menu ul ul ul,
.menu ul ul ul ul {
    display: none;
    left: -1000000px;
    position: absolute;
    top: 0;
}

.menu ul li:hover ul ul,
.menu ul li:hover ul ul ul,
.menu ul li.iehover ul ul,
.menu ul li.iehover ul ul ul {
    display: none;
}

.menu ul li:hover ul,
.menu ul ul li:hover ul,
.menu ul ul ul li:hover ul,
.menu ul li.iehover ul,
.menu ul ul li.iehover ul,
.menu ul ul ul li.iehover ul {
    display: block;
}

.menu ul .selected {
    color: #003300;
}


/*Contenedor interior*/

.interior {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 170px;
}

.interior .contenido {
    padding: 0 3%;
    margin-top: 12px;
}


/* Submenu interior */

.menu_izqda {
    float: left;
    margin-top: -67px;
    width: 300px;
}

.submenu {
    padding: 15px 20px 10px 20px;
}

.submenu ul {
    margin-top: 12px;
}

.submenu ul li a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1em;
    color: #c9030a;
    text-decoration: none;
}

.menu_izqda~main.contenido {
    padding-top: 12px;
}

.columna-derecha {
    position: relative;
}

.sub-item {
    margin-bottom: 15px;
}

.columna-derecha .enlaces:before {
    content: '';
    background-image: url("../Images/Fremap/img_comun/linkEnlace.png");
    background-repeat: no-repeat;
    background-position: right;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 2px;
}

.columna-derecha .info-relacionada:before {
    content: '';
    background-image: url("../Images/Fremap/img_comun/info-2.png");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 1px;
}

.columna-derecha {
    margin-top: 6px;
    max-width: 320px;
}

.columna-derecha .enlaces,
.columna-derecha .info-relacionada {
    border-bottom: 1px solid silver;
    font-size: 1.375em;
    font-family: 'Roboto Condensed', sans-serif;
    position: relative;
    padding-bottom: 13px;
    padding-left: 30px;
    font-weight: normal;
}

.submenu {
    background-color: transparent;
    margin-bottom: 5px;
    padding: 0px 5px 5px 5px;
    background-position: bottom left;
    background-repeat: no-repeat;
    background: rgba(255, 255, 255, 1);
    border: 3px solid #fff;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.25);
    margin: 0 5px 0 5px;
    padding: 8px 10px;
}

.columna-derecha .submenu {
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.submenu h3 {
    background-position: bottom left;
    background-repeat: no-repeat;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 13px 0px 3px 10px;
    color: #343434;
    font-size: 2em;
    font-weight: normal;
}

.submenu h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.375em;
    padding: 13px 0px 10px 10px;
    color: #c9030a;
    border-bottom: thin solid silver;
    font-weight: normal;
    margin-left: 10px;
}

.submenu ul {
    margin-top: 10px;
}

.submenu ul li {
    background-image: url("../Images/Fremap/img_home/red_keyboard_arrow_right.png");
    background-position: left 5px;
    background-repeat: no-repeat;
    margin-left: 12px;
    padding: 0 10px 15px 10px;
    background-size: 5px;
}

.submenu ul li a.active {
    color: #464646 !important;
}

.submenu ul li a:hover {
    color: #555;
}

ul.lista-info-relacionada {
    margin-top: 10px;
}

ul.lista-info-relacionada li {
    background-image: url("../Images/Fremap/img_home/red_keyboard_arrow_right.png");
    background-position: 3px 6px;
    background-repeat: no-repeat;
    margin-left: 12px;
    padding: 0 10px 15px 20px;
    background-size: 5px;
}

ul.lista-info-relacionada li a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1em;
    color: #c9030a;
    text-decoration: none;
}

ul.lista-info-relacionada li a.active {
    color: #464646 !important;
}

ul.lista-info-relacionada li a:hover {
    color: #555;
}


/***************************************************/


/* 4. Noticias *****/


/***************************************************/

.noticia {
    border-bottom: 1px solid darkgrey;
    margin-bottom: 20px;
    padding: 0 0 20px 0;
}

.noticia h3 {
    border-bottom: none;
    color: #c9030a;
    font-size: 1.3em !important;
    clear: none !important;
    display: block;
    padding: 0px !important;
}

.slide-noticias .noticia img {
    height: initial;
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
}

.noticia img {
    width: 200px !important;
}

.noticia h3 a {
    font-size: 0.9em;
    font-weight: bold;
}

.noticia p.autor {
    color: #555;
    font-size: 0.85em;
    float: none;
    clear: both;
    padding: 7px 0px 0px 0px !important;
}

.noticia h3 a img {
    border: 0 !important;
    margin: 0;
    float: none;
    margin-left: 5px;
    width: inherit !important;
}

.noticia p {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 0px;
}

.noticia+p.paginacion {
    margin-top: 15px;
}

.titulo_enlaces {
    margin-top: 20px;
}

.titulo_enlaces ul li {
    list-style-image: none;
}

p.autor {
    /* font-size: 0.97em;
    margin: 0px 0px 15px 0px; */
    color: #555;
    font-size: 0.85em;
    margin: 0px;
    padding: 0px;
}

p.entradilla {
    /* font-size: 1.2em; */
    /* margin: 15px 0px !important; */
    font-size: 0.85em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

p.programa {
    display: block;
    margin-top: 20px;
}

p.programa a {
    background: url("../Images/Fremap/img_web/pdf.gif") no-repeat 10px #f9f9f9;
    border: 1px dotted #ccc;
    clear: both;
    display: block;
    margin-top: 10px;
    padding: 10px 10px 10px 30px;
}


/***************************************************/


/* 5. Formularios *****/


/***************************************************/

.pasos_formulario {
    clear: both;
    float: left;
    padding-bottom: 10px;
}

.pasos_formulario img {
    padding: 0px;
    border: 0px;
}


/* Select de mostrar páginas en los resultados de búsqueda */

fieldset.mostrar_estado {
    float: right;
}

fieldset.mostrar_estado select {
    float: left;
    margin-right: 10px;
    width: 120px;
}

fieldset.mostrar_estado input[type="submit"] {
    float: left;
    margin: 0.3em 0 0 0;
    top: -4px;
}


/* Select de mostrar páginas en búsqueda cnae - calculadora cuotas **/

fieldset.mostrar_res {
    float: right;
    margin-bottom: 20px;
}

input[type="text"] input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="button"],
input[type="submit"],
select,
input[type="search"] {
    border-radius: 0;
    border: 0px solid #aaa;
    background-color: #f0f0f0;
    padding: 3px 0;
}

textarea {
    height: 60px;
}

select {
    height: 26px;
}

label.w100 {
    padding: 0
}

fieldset.formularios {
    float: left;
    width: 100%;
}

fieldset.formularios,
fieldset.formularios * {
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

fieldset.formularios fieldset {
    margin-top: 1em
}

fieldset.formularios .row fieldset legend {
    padding: 0 0 10px 0;
    /*font-size: 0.85em;*/
}


/*
fieldset.w17 legend, fieldset.w18 legend, fieldset.w20 legend, fieldset.w25 legend, fieldset.w30 legend, fieldset.w33 legend, fieldset.w40 legend, fieldset.w50 legend, fieldset.w60 legend, fieldset.w70 legend, fieldset.w75 legend, fieldset.w80 legend, fieldset.w90 legend, fieldset.w100 legend {
    font-size: 0.85em;
}
*/


/* fieldset.b_centros {
    background-image: url("../Images/Fremap/img_comun/mapa_centros_bg.png");
    background-position: bottom right;
    background-repeat: no-repeat;
} */

fieldset.b_centros fieldset div {
    min-height: 20px;
}

fieldset.formularios p {
    margin: 10px 0;
    padding: 0;
    clear: both;
}

fieldset.formularios+fieldset.formularios,
fieldset.formularios+fieldset.formularios+fieldset.formularios,
fieldset.formularios+div fieldset.formularios {
    margin-top: 15px;
}

fieldset.formularios legend {
    min-height: 17px;
    padding: 5px 0 0;
    width: 100%;
    white-space: normal;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    color: rgba(201, 3, 10, 1);
}

:first-child+html fieldset.formularios legend {
    margin: -5px 0 0 -8px !important;
}

fieldset.formularios label {
    clear: both;
    display: block;
    float: none;
    padding: 2px 0;
    width: 100%;
    color: #343434;
    font-size: 0.85em;
    margin: 5px 0 0 0;
}

fieldset.formularios legend label {
    padding-top: 0px;
}

fieldset.formularios label span,
fieldset.formularios legend span,
span.obligatorio {
    color: #D92B00;
}

fieldset.formularios legend.ie span {
    display: block;
    width: 628px;
    white-space: normal;
    font-weight: bold;
    color: #000;
}

fieldset.formularios fieldset.w50 span {
    float: left;
    margin-right: 5px;
}

fieldset.formularios fieldset.w50 legend span {
    float: none;
}

fieldset.formularios span.validator img,
div.info span.validator img {
    border: none;
    padding: 0 3px
}

fieldset.formularios span.validator {
    margin-right: 0px !important;
    display: none;
}

fieldset.formularios legend abbr,
fieldset.formularios label abbr {
    font-weight: normal;
}

.nacionalidad,
.nacionalidad .w20 {
    min-height: 20px !important;
}

.w50 .w17,
.w75 .w17 {
    padding: 0 0 5px;
    width: 72px;
}

input,
textarea,
select,
button {
    font-size: 0.85em !important;
    font-family: inherit !important;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
select,
span.seleccion {
    display: inline;
    margin: 0 0 5px 0;
    height: 30px;
    text-overflow: ellipsis;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    ;
}

input[type="file"] {
    width: 100%
}

fieldset.formularios span.seleccion {
    color: #c9030a;
    width: auto;
    clear: both;
}

fieldset.formularios span.seleccion strong span {
    float: none;
}

:first-child+html fieldset.formularios input[type="text"] {
    min-height: 18px;
}

:first-child+html fieldset.formularios select {
    margin: 0 5px 0 0 !important;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="search"] {
    clear: none;
    padding: 3px;
}

input[type="image"] {
    float: left;
    margin-left: 2px;
    padding: 4px 2px;
    display: inline;
}


/* visibilidad del foco en los campos */

input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus,
input[type="text"]:active,
input[type="password"]:active,
select:active,
textarea:active,
input[type="email"]:focus,
input[type="email"]:active {
    background-color: #FCECEC;
    border: 1px dashed #c9030a;
}

input[type="radio"]:focus+label,
input[type="checkbox"]:focus+label,
input[type="radio"]:active+label,
input[type="checkbox"]:active+label {
    color: #c9030a;
    text-decoration: underline;
}


/* 5.1 Anchos campos **/

fieldset.formularios input[type="radio"]+label,
fieldset.formularios input[type="checkbox"]+label,
div.info input[type="checkbox"]+label {
    float: none;
    font-weight: normal;
    display: inline;
    margin-right: 1em;
    padding: 0;
    position: relative;
    top: -0.3em;
    width: auto;
    font-size: 0.875em;
}

input+span {
    padding-right: 5px
}

.w100 input[type="text"],
.w100 input[type="number"],
.w100 select,
.w100 textarea {
    width: 100%;
}

.w75 input[type="text"],
.w75 input[type="number"],
.w75 select,
.w75 textarea {
    width: 446px;
}

.w50 input[type="text"],
.w50 input[type="number"],
.w50 input[type="email"],
.w50 input[type="tel"],
.w50 select,
.w50 textarea {
    width: 100%;
}

.w60 input[type="text"],
.w60 input[type="number"],
.w60 select {
    width: 348px;
}

.w40 select,
.w40 input[type="text"],
.w40 input[type="number"] {
    width: 100%;
}

.w25 input[type="text"],
.w25 input[type="number"],
.w25 select {
    width: 100%;
}

.w20 input[type="text"],
.w20 input[type="number"],
.w20 select {
    width: 100px;
}

.w18 input[type="text"],
.w18 input[type="number"],
.w18 select {
    width: 77px;
}

.w17 input[type="text"],
.w17 input[type="number"],
.w17 select {
    width: 41px;
}

input[type="text"].size100,
input[type="number"].size100,
input[type="email"].size100,
select.dig8 {
    width: 100%;
}

input[type="text"].size1,
input[type="number"].size1,
select.dig1 {
    width: 20px;
}

input[type="text"].size2,
input[type="number"].size2,
select.dig2 {
    width: 30px;
}

input[type="text"].size4,
input[type="number"].size4,
select.dig4 {
    width: 50px !important;
}

input[type="text"].size5,
input[type="number"].size5 {
    width: 60px;
}

input[type="text"].size8,
input[type="number"].size8,
input[type="email"].size8,
select.dig8 {
    width: 75px;
}

input[type="text"].size10,
input[type="number"].size10,
select.dig10 {
    width: 100px;
}

input[type="text"].size12,
input[type="number"].size12,
select.dig12 {
    width: 150px;
}

input[type="text"].size3,
input[type="number"].size3,
select.dig3 {
    width: 42px !important;
}

.forzar25Important {
    width: 25px !important;
}

.forzar200Important {
    width: 200px !important;
}

select.dig5 {
    width: 55px
}

select.dig6 {
    width: 85px
}

select.selectList {
    height: 90px;
    width: 98%;
}


/* 5.2 Fieldset con radio buttons y checkbox **/

.check-button {
    margin-bottom: 30px;
}

.w50 input[type="radio"],
.w50 input[type="checkbox"],
.w25 input[type="radio"],
.w25 input[type="checkbox"],
.w40 input[type="radio"],
.w40 input[type="checkbox"],
.w75 input[type="checkbox"],
.w75 input[type="radio"],
.w100 input[type="checkbox"],
.w100 input[type="radio"],
.w20 input[type="checkbox"],
.w20 input[type="radio"] {
    height: 15px;
    margin: 6px 3px 9px 1px;
    padding: 0 5px 5px 2px;
}

.w50 input[type="radio"]+label,
.w50 input[type="checkbox"]+label,
.w25 input[type="radio"]+label,
.w25 input[type="checkbox"]+label,
.w40 input[type="radio"]+label,
.w40 input[type="checkbox"]+label,
.w75 input[type="checkbox"]+label,
.w75 input[type="radio"]+label,
.w100 input[type="checkbox"]+label,
.w20 input[type="checkbox"]+label,
.w20 input[type="radio"]+label {
    clear: none;
    height: 15px;
    padding: 0 0 8px 3px;
}

input[type="radio"]+label,
input[type="checkbox"]+label {
    float: none;
    width: auto;
}

.w100 input[type="radio"]+label {
    clear: none;
    padding: 0 0 8px 3px;
}

.w100 input[type="radio"]+label,
.w100 input[type="checkbox"]+label {
    width: 620px;
}

.w100 label+.w50 label {
    padding: 0;
}

.w75 input[type="radio"]+label,
.w75 input[type="checkbox"]+label {
    width: 445px;
}

.w50 input[type="radio"]+label {
    width: 290px;
}

.w50 span input[type="radio"]+label,
.w50 input[type="checkbox"]+label {
    width: 285px;
}

.w25 input[type="radio"]+label,
.w25 input[type="checkbox"]+label {
    width: 127px;
}

.w25 label.nopad {
    padding-bottom: 0px !important;
}

.w20 input[type="radio"]+label,
.w20 input[type="checkbox"]+label {
    width: 94px;
}

.w40 input[type="radio"]+label,
.w40 input[type="checkbox"]+label {
    width: 161px;
}

fieldset.w80 .w20 label {
    width: 95px;
    padding-top: 0px;
    text-align: left;
}

:first-child+html fieldset.check_opciones .w100 {
    padding-bottom: 5px !important;
}

fieldset.check_opciones .w100 label {
    float: left;
    clear: none;
    width: 150px;
    padding: 0;
}

fieldset.check_opciones .w100 label+label {
    text-align: right;
    padding-right: 5px;
}

fieldset.check_opciones .w100 input[type="checkbox"]+label {
    float: left;
    clear: none;
    width: 250px;
}

fieldset.check_opciones .w100 input[type="text"] {
    width: 150px;
}

.w100+fieldset.w100 {
    min-height: 15px;
}


/* Excepciones con otras clases*/

.check_cursando {
    margin-top: 5px;
    min-height: 10px !important;
    padding-bottom: 0 !important;
}

.check_cursando label {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.clearfix .w25+.w25,
.clearfix .w25+.w50 {
    padding-left: 10px;
}


/* 5.3 Selección de periodo **/

fieldset.formularios fieldset.fecha input[type="image"],
fieldset.formularios .fecha input[type="image"] {
    margin-left: 5px;
    margin-top: 3px;
}

fieldset.formularios fieldset.fecha button,
fieldset.formularios fieldset.fecha button img,
fieldset.formularios button,
fieldset.formularios button img,
fieldset.formularios .fecha input[type="image"] {
    padding: 0px;
    border: none;
    background: none;
    float: right;
    cursor: pointer;
}

fieldset.formularios .fecha input[type="image"] {
    position: absolute;
    top: 27px;
    right: 10px;
}

fieldset.formularios fieldset.fecha button,
fieldset.formularios button {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

fieldset.formularios button img {
    width: 18px;
}


/* 5.4 Formulario web de Coste de Absentismo **/

fieldset.c_absentismo .w40 {
    border-bottom: 1px dotted #CCCCCC;
    padding: 0;
}

fieldset.c_absentismo label {
    clear: none;
    display: inline;
    float: left;
    margin-right: 5px;
    white-space: normal;
    font-size: 0.8em;
}

fieldset.c_absentismo .w50 label {
    width: 217px;
}

fieldset.c_absentismo .w40 label {
    width: 127px;
}

fieldset.w100 table.resultados {
    width: 640px;
}


/* 5.5 Formulario de calculadora de cuotas **/

input.base-cotizacion {
    max-width: 100px;
}

.buscador-dos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    background-color: white;
    width: 822px;
    right: 10px;
    top: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    padding: 5px;
    z-index: 999;
}

img.static.buscador-toggle.close {
    height: 20px;
    position: absolute;
    margin-left: 5px;
    cursor: pointer;
}

input.buscar {
    border: none;
    background-color: #ededed;
    padding: 0 40px 0 0;
    margin-left: 40px;
    margin-top: 3px;
    margin-bottom: 3px;
    color: #C9030A;
}

input.menu-item-text {
    height: 20px;
    margin-right: 5px;
}

.fecha,
.buscador-aux {
    position: relative;
}

.fecha input[type="text"],
.buscador-aux input[type="text"] {
    padding: 0 30px 0 10px;
}

.fecha input[type="image"],
.buscador-aux input[type="image"] {
    position: absolute;
    right: 10px;
    bottom: 8px;
}

input.base-cotizacion {
    padding: 0 30px 0 10px;
    background-image: url("../Images/Fremap/img_comun/euro-icon.svg");
    background-position: 90% center;
    background-repeat: no-repeat;
    background-size: 15px;
    border: 1px solid darkgrey;
}


/* Input de solo lectura */

.contenido .infocalc ul {
    margin-left: 0;
}

.contenido .infocalc ul ul {
    margin-top: 0;
    margin-left: 5px;
}


/* Input noscript */

noscript input#btCambioInfoEdad {
    float: none;
    padding: 0px;
}

input#ctl00_m_g_4f48fb5b_1a44_4315_9178_dd6dc2749527_ctl00_btCambioTipoAutonomo[disabled] {
    opacity: .5;
    cursor: default;
}


/* 5.6 Formulario de curriculum en la web **/

fieldset.formularios .nacionalidad input[type="radio"]+label {
    width: 32px;
}

div.w50 .w50.md-w50.fecha {
    padding-left: 0px;
}

div.w50 .w50.fecha {
    padding-left: 0px;
}

fieldset.consentimiento {
    margin-bottom: 20px;
    /*TEMP, Borrar si no encontramos la clase consentimiento en el archivo "form_curriculum_tabs_1_v2.html"*/
}

.accordioncv h3.hidden {
    position: absolute;
}


/* 5.7 Formulario Llamadas Gratuitas **/

.LlamadaGratis .contenedor {
    float: none;
}

.LlamadaGratis .contenido,
.LlamadaGratis .cabecera {
    margin: 0 auto;
    max-width: 600px;
    width: auto;
    float: none;
}

.LlamadaGratis h2,
.LlamadaGratis h3,
.LlamadaGratis h4 {
    margin-bottom: 1em
}

.LlamadaGratis .logo {
    float: left;
}

.LlamadaGratis fieldset.formularios fieldset.w50 span {
    margin-right: 5px;
    float: none;
}

.LlamadaGratis fieldset.formularios fieldset.w50 legend span {
    float: none;
    margin-right: 0px;
}

.LlamadaGratis .botonera+p {
    color: #c9030a;
}


/* 5.8 Validación campos formularios **/

fieldset.formularios legend.ie span.error {
    width: 10px;
    padding-right: 5px;
}

span.error {
    float: left;
    margin-top: 3px;
}

span.error img {
    padding-right: 5px;
}

span.error+p {
    width: 630px;
    margin-top: 0;
}


/* 5.9 Campos deshabilitados **/

input[disabled],
input[hidden],
select[disabled],
textarea[disabled],
label.disabled,
label.disabled span,
legend.disabled,
legend.disabled span,
span.disabled {
    color: #999 !important;
}


/* 5.10 Botonera **/

.botonera {
    clear: both;
    margin: 0 auto;
    padding: 15px 0 10px 0;
    width: auto;
}

.botonera div {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

.botonera div input,
.botonera a,
.botonera a:visited {
    background-color: #C9030A;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    margin: 5px 3px;
    padding: 8px 25px;
    font-family: 'Roboto', sans-serif;
}

.botonera div input:hover,
.botonera a:hover {
    background-color: rgb(156, 11, 15);
}

div.check-button input[type="checkbox"] {
    height: 0;
    width: 0;
    line-height: 0;
    position: absolute;
    visibility: hidden;
}

div.check-button input[type="checkbox"]+label {
    background-color: #f0f0f0;
    padding: 7px 15px 15px 35px;
    top: 5px;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    background-image: url(../Images/Fremap/img_comun/check-button-inactive.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.8em;
}

div.check-button input[type="checkbox"]:checked+label {
    background-color: #C9030A;
    color: white;
    background-image: url("../Images/Fremap/img_comun/check-button-active.png");
}

.botonera a,
.botonera a:hover,
.botonera a:visited {
    text-decoration: none !important;
    display: inline-block;
}

fieldset input[type="button"],
fieldset input[type="submit"] {
    background-color: #C9030A;
    background-position: left center;
    background-repeat: repeat-x;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    margin: 2px;
    padding: 6px 8px;
    position: relative;
    width: auto !important;
}

.contenido .botonera+h3 {
    margin-top: 0px;
}


/* Para arreglar la botonera en los internet explorer */

:first-child+html .botonera a {
    padding: 3px 10px !important;
}

:first-child+html .botonera input {
    margin: 0px 2px !important;
}

p.paginacion+.botonera,
p.leyenda+.botonera {
    padding-top: 0px;
}

.botonera a:hover,
.botonera a:active,
.botonera a:focus {
    text-decoration: none;
    color: #FFF !important;
}

:first-child+html .botonera div input {
    padding: 1px 0 !important;
}


/* Corrección especial de márgenes entre inputs en NIF/NIE Formulario Alta Servicio de Prevención */

.espacio {
    margin-right: 3px;
}


/***************************************************/


/* 6. Tabla de datos y resultados *****/


/***************************************************/

table.resultados {
    border: none;
    width: 100%;
}

.red_centro table.resultados {
    border: none;
    width: 100%;
    margin-bottom: 15px;
}

table.resultados caption {
    padding: 15px 0px;
    text-transform: uppercase;
}

table.resultados thead {
    background-color: #dadfea;
    border-bottom: 1px solid #ADB7C9;
}

table.resultados th {
    background-color: #F7F7F7;
    border: 1px solid #F1F1F1;
    padding-left: 5px;
    text-align: left;
    vertical-align: middle;
}

table.resultados th input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
}

table.resultados th input:hover {
    text-decoration: underline;
}

table.resultados th input.asc,
table.resultados th input.desc {
    background-position: right center;
    background-repeat: no-repeat;
    padding: 0 11px 0 0;
}

:first-child+html th input.asc,
:first-child+html th input.desc {
    padding: 0 7px 0 0;
}

table.resultados th input.asc2 {
    background-image: url("../Images/Fremap/img_comun/ascendente.png");
    background-position: right center;
    background-repeat: no-repeat;
    width: 11px;
}

table.resultados th input.asc {
    background-image: url("../Images/Fremap/img_comun/ascendente.png");
}

table.resultados th input.desc {
    background-image: url("../Images/Fremap/img_comun/descendente.png");
}

table input[type="image"] {
    width: 28px;
}

table.resultados tfoot td {
    background-color: #adb4c2;
    border: 1px solid #f1f1f1;
}

.resultados td {
    padding: 15px;
    vertical-align: middle;
    font-size: 0.75em;
}

.resultados td a {
    color: #c9030a;
    text-decoration: underline;
}

.resultados tr.impar td {
    background-color: #EAEAEA;
    text-align: left;
}

table.resultados tr td.th {
    background-color: #E4E8EF;
}

table.resultados tr td.th2,
table.resultados tr th.th2 {
    background-color: #C0C7D7;
}

table.resultados img {
    height: 16px;
}

tr.actual td,
tr.descargado td,
tr.parcial td {
    color: #16397A;
}

tr.enviado td {
    color: #095E05;
}

tr.no_visible td {
    color: #666;
}

tr.semana td,
tr.desact td,
tr.pendiente td,
tr.denegado td,
tr.sinpoder td,
tr.no_leido td,
tr.no_leido td a {
    color: #820016 !important;
}

tr.leido,
tr.leido a {
    color: #000000 !important;
}

tr.enviado td {
    color: #095E05;
}

tr.antiguo td {
    color: #000000;
}


/* 6.1 Tabla de resultados dentro de otros elementos**/

fieldset.w100 table.resultados {
    width: 640px;
}

dd table.resultados {
    width: 477px;
}


/* Para contenido Formularios*/

table.resultados td[headers*="tipo"],
table.resultados th[headers*="tipo"] {
    background-color: #DADFEA;
    font-size: 0.85em;
    font-weight: bold;
    text-align: left;
    padding: 15px;
}


/* 6.2 Tabla de resultados de búsqueda **/

table.resultados td[headers~="coste"],
table.resultados #coste_t1,
table.resultados #coste_t2 {
    text-align: right;
    width: 100px;
    padding: 1% 2%;
}

table.resultados td[headers="reg"],
table.resultados td[headers="prov"],
table.resultados td[headers="detalle"] {
    text-align: right;
    width: 50px;
}

table.resultados td[headers="localidad"] {
    text-align: left;
    width: 50px;
}

table.resultados td[headers="detalle"] {
    text-align: center;
    width: 25px;
}

table.resultados td[headers="num_trab"],
table.resultados td[headers="num"] {
    text-align: right;
    width: 70px;
}


/* 6.3 Tablas de descargas **/

table.resultados td[headers*="formato"],
table.resultados td[headers*="descarga"] {
    text-align: center;
    width: 40px;
}

table.resultados td[headers*="bandera"] {
    text-align: center;
    width: 130px;
}

table.resultados td[headers*="bandera"] img {
    height: 14px
}

table.resultados td[headers="tamanyo"],
table.resultados td[headers*="opciones"] {
    text-align: center;
    width: 95px;
}

table.resultados td[headers*="peso"] {
    text-align: right;
    width: 60px;
}

.contenido table.resultados img {
    padding: 0px;
    border: none;
    background: none;
    margin: 0 2px;
}


/* 6.4 Tabla de atajos de teclado - accesibilidad **/

table.atajos {
    border: 1px solid #F0F0F0;
    margin: 10px auto;
    width: 60%;
}

table.atajos th,
table.atajos td[headers="atajo"] {
    text-align: center;
}

table.atajos thead {
    background-color: #BCC3D1;
    background-image: url("../Images/Fremap/img_comun/fondo_thead.png");
    background-position: left center;
    background-repeat: repeat-x;
    border-bottom: 1px solid #ADB7C9;
}

table.atajos th {
    border: 1px solid #F1F1F1;
    padding: 4px;
    vertical-align: middle;
}

table.atajos td {
    background-color: #FFFFFF;
    border: 1px solid #F0F0F0;
    padding: 5px;
    vertical-align: middle;
}

table.atajos tr.impar td {
    background-color: #EAEAEA;
    border: 1px solid #FFFFFF;
}

.atajos-navegador {
    border-collapse: separate;
    border-spacing: 5px;
    margin: 0 auto;
}

.atajos-navegador th,
.atajos-navegador td {
    padding: 5px;
}

.responsive.atajos-navegador tbody th {
    background-color: #EAEAEA;
    text-align: left;
}


/* 6.5 Tablas red de centros **/

table.resultados td[headers="dia_s"],
table.resultados td[headers="mes"] {
    width: 100px;
}

table.resultados td[headers="nombre_cen"],
table.resultados td[headers="nomemp"],
table.resultados td[headers="id_cen"] {
    text-align: left;
    width: 160px;
}

table.resultados td[headers="id"] {
    text-align: left;
    width: 100px;
}

table.resultados td[headers*="ano"],
table.resultados td[headers="valor"] {
    text-align: center;
}

table.resultados td[headers="acc"],
table.resultados td[headers="acc1"] {
    text-align: center;
    width: 50px;
}

table.resultados td[headers="acc2"] {
    text-align: left;
    width: 50px;
}

table.resultados td[headers="acc3"] {
    text-align: center;
    width: 60px;
}

table.resultados td[headers="acc4"] {
    text-align: left;
    width: 80px;
}


/*Pinta los tr pares en gris*/

table.red tr:nth-child(even) {
    background: #EAEAEA;
}


/* 6.6 Tabla jornadas **/

table.resultados td[headers="f_inicio"],
table.resultados td[headers="f_fin"],
table.resultados td[headers="f_limite"],
table.resultados td[headers="porc_inc"] {
    text-align: center;
    width: 60px;
}

table.resultados td[headers="inscripcion"] {
    text-align: center;
    width: 80px;
}

table.resultados td a.inscribirme {
    background-color: #c9030a;
    border: medium none;
    color: #FFFFFF;
    text-decoration: none;
    padding: 10px;
}

table.resultados td a.jornadas {
    color: #C9030A;
}


/* 6.7 Tabla bonus **/

table.resultados th[id="indice"] {
    background-image: none;
    background-color: #fff;
    border: none;
}

table.resultados td[headers="indice"] {
    background-color: #CBD2E2;
}

table.resultados td[headers="cotizacion"],
table.resultados td[headers="porc_bonus"],
table.resultados td[headers="bonus_eu"],
table.resultados td[headers="inversiones"],
table.resultados td[headers="bonus_sol"],
table.resultados td[headers="bonus_conc"] {
    text-align: right;
}

table.resultados td[headers="v_cnae valor_c"],
table.resultados td[headers="v_cnae porcentaje_c"],
table.resultados td[headers="v_empresa valor_e"],
table.resultados td[headers="v_empresa porcentaje_e"] {
    text-align: right;
    width: 120px;
}

fieldset.w100 table.resultados {
    width: 640px;
}

table.resultados td img {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
}

table.resultados td[headers="cnae"] {
    width: 60px;
    text-align: right;
}

table.resultados tr.blanco {
    border-bottom: 2px solid #fff;
}

table.resultados th.dark {
    background: #e8e8e8;
}

table.resultados td[headers="concepto concepto2"] {
    width: 300px;
}


/* 6.8 Tabla licitaciones **/

table.resultados td[headers*="licit"] {
    width: 400px;
}

table.resultados td[headers="licit1"],
table.resultados td[headers="licit2"],
table.resultados td[headers="licit3"] {
    width: 580px;
}


/* 6.9 Tabla búsqueda de cnae - calculadora de cuotas autonomos**/

table.tbl-cnae tbody td[headers~="check"] {
    text-align: center;
    height: 25px;
}


/* 6.10 Tabla calculadora de cuotas autonomos**/

table.calculadora {
    border-collapse: collapse;
}

table.resultados.calculadora tbody tr td span {
    display: inline;
    background-color: transparent;
    border-radius: 0;
    padding-right: 0;
    position: inherit;
    left: auto;
    top: auto;
    border: none;
}

table.resultados.calculadora tbody tr td span::after {
    width: 0;
    height: 0;
    display: none;
}

table.calculadora+p.gris {
    margin-top: 0;
}

table.calculadora tbody th[headers~="cobertura"],
table.calculadora tfoot th {
    background-color: #DADFEA;
    font-family: 'Roboto Bold', sans-serif;
    padding-right: 5px;
    font-size: 0.85em;
}

table.resultados th#accidente {
    font-size: 0.85em;
}

table.calculadora th#cobertura {
    width: 32%;
}

table.calculadora td[headers~="prima"] {
    text-align: right;
    width: 100px;
    padding: 1% 2%;
    font-family: 'Roboto Bold', sans-serif;
}

table.calculadora td[headers~="prima"] span {
    padding-right: 2px;
}

table.calculadora .th2,
table.calculadora tfoot td[headers="prima"] {
    font-family: 'Roboto Bold', sans-serif;
}

.cnae_calculadora {
    display: block;
}

input.base-cotizacion {
    max-width: 200px;
}


/* 6.11 Tabla ventajas sanitarias/economicas **/

table.ventajassanit,
table.ventajaseco {
    border: none;
    width: 100%;
}

table.ventajassanit caption,
table.ventajaseco caption {
    background-color: #ADB4C2;
    padding: 3px;
    text-transform: uppercase;
}

table.ventajassanit thead th,
table.ventajaseco thead th {
    padding: 4px;
    text-align: center;
    background-color: #dadfea;
    font-size: 0.85em;
}

table.ventajassanit td,
table.ventajaseco td {
    padding: 2% 2%;
    border: 1px solid #F0F0F0;
    vertical-align: middle;
    text-align: center;
    line-height: 1.1em;
    height: 20px;
}

table.ventajassanit td span.clearfix,
table.ventajaseco td span.clearfix {
    font-size: 0.75em;
    line-height: 1em;
}

table.ventajassanit th,
table.ventajaseco th {
    padding: 2% 2%;
    border: 1px solid #F0F0F0;
    vertical-align: middle;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 0.85em;
}

table.ventajassanit tbody th,
table.ventajaseco tbody th {
    font-weight: normal !important;
}

table.ventajassanit tr.impar,
table.ventajaseco tr.impar {
    background-color: #F7F7F7;
}

table.ventajassanit img,
table.ventajaseco img {
    height: 16px;
    padding: 0px;
    border: none;
    background: none;
    margin: 0 2px;
}

.prima span {
    padding-right: 5px;
}

table.ventajassanit td span.inc,
table.ventajaseco td span.inc {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.incluido {
    background-image: url("../Images/Fremap/img_web/logo_tabla.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
}

.incluido_prev {
    background-image: url("../Images/Fremap/img_web/logo_tabla.png");
    background-position: center 5px;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-top: 23px !important;
}


/* Complementos tablas **/

div.leyenda {
    margin: 15px 0 25px 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    font-size: 0.85em;
}

div.leyenda img {
    height: 16px;
    padding: 0 5px 0 10px;
    border: none;
    background: none;
}

.titulo_ventajas {
    margin-top: 20px !important;
}


/***************************************************/


/* 7. Resultados búsqueda del buscador *****/


/***************************************************/

p.resumen,
p.resumen_b,
p.resumen_p {
    margin: 3px 15px 10px 0;
    float: left;
    width: 70%;
}

p.margin {
    padding: 10px 0 0 10px;
}

p.nomargin {
    margin: 0;
}

ul.resultados_busqueda {
    list-style: none outside none;
    margin: 1em 0;
    padding: 0;
    width: auto;
}

ul.resultados_busqueda li {
    background: none no-repeat scroll left top #fff;
    display: table;
    margin: 0 0 10px 0;
    padding: 0 0 0 60px !important;
    width: 90%;
}

ul.resultados_busqueda li:after {
    content: " ";
    clear: both;
    display: block;
}

ul.resultados_busqueda li.hospital,
ul.resultados_busqueda li.asistencial,
ul.resultados_busqueda li.admin_asit_hospit {
    background-image: url("../Images/Fremap/img_comun/pin_hospital2.png");
}

ul.resultados_busqueda li.admin,
ul.resultados_busqueda li.admin_asist {
    background-image: url("../Images/Fremap/img_comun/pin_administrativo2.png");
}

ul.resultados_busqueda li.contenido,
ul.resultados_busqueda li.es {
    background-image: url("../Images/Fremap/img_comun/pin_contenido.png");
}

ul.resultados_busqueda li.pdf,
ul.resultados_busqueda li.PDF {
    background-image: url("../Images/Fremap/img_comun/pin_pdf.png");
}

ul.resultados_busqueda li.doc {
    background-image: url("../Images/Fremap/img_comun/pin_word.png");
}

ul.resultados_busqueda li.ppt {
    background-image: url("../Images/Fremap/img_comun/pin_ppt.png");
}

ul.resultados_busqueda li.xls {
    background-image: url("../Images/Fremap/img_comun/pin_xls.png");
}

ul.resultados_busqueda li.img {
    background-image: url("../Images/Fremap/img_comun/pin_img.png");
}

ul.resultados_busqueda li.zip {
    background-image: url("../Images/Fremap/img_comun/pin_zip.png");
}

ul.resultados_busqueda li.descarga {
    background-image: url("../Images/Fremap/img_comun/pin_descarga.png");
}

ul.resultados_busqueda li .botones {
    background-color: #F7F7F7;
    display: table-cell;
    text-align: right;
    padding: 1em;
    vertical-align: middle;
    width: auto;
}

ul.resultados_busqueda li.descarga .botones,
ul.resultados_busqueda li.zip .botones,
ul.resultados_busqueda li.xls .botones,
ul.resultados_busqueda li.ppt .botones,
ul.resultados_busqueda li.doc .botones,
ul.resultados_busqueda li.pdf .botones,
ul.resultados_busqueda li.contenido .botones {
    display: none;
}

ul.resultados_busqueda li .botones a {
    background-color: #717171;
    background-image: url("../Images/Fremap/img_comun/centros_boton_bg.jpg");
    background-position: left top;
    background-repeat: repeat-x;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    padding: 8px 10px;
    width: auto !important;
}

ul.resultados_busqueda li.hospital dl,
ul.resultados_busqueda li.admin dl,
ul.resultados_busqueda li.asistencial dl,
ul.resultados_busqueda li.admin_asist dl,
ul.resultados_busqueda li.admin_asit_hospit dl {
    background-color: #F7F7F7;
    border-left: 1px dotted #D8D9D9;
    clear: none;
    display: table-cell;
    margin: 0px;
    padding: 10px 0 10px 10px;
    width: 80%;
}

ul.resultados_busqueda li.contenido dl,
ul.resultados_busqueda li.pdf dl,
ul.resultados_busqueda li.doc dl,
ul.resultados_busqueda li.ppt dl,
ul.resultados_busqueda li.xls dl,
ul.resultados_busqueda li.img dl,
ul.resultados_busqueda li.zip dl,
ul.resultados_busqueda li.descarga dl {
    background-color: #F7F7F7;
    border-left: 1px dotted #D8D9D9;
    margin: 0px;
    float: left;
    padding: 2%;
    width: 96%;
}

ul.resultados_busqueda dt,
.resultados_centros dt {
    clear: none;
    color: #c9030a;
    margin: 0 5px 0 0;
    padding: 0;
    width: auto;
}

ul.resultados_busqueda dd,
.resultados_centros dd {
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
}


/***************************************************/


/* 8. Resultados búsqueda red de centros *****/


/***************************************************/

.red_centro .w70 table.resultados,
.red_centro .w30 table.resultados {
    width: 100% !important;
}

.red_centro .resultados_centros {
    width: 100%;
}

.red_centro .resultados_centros dt,
.red_centro .resultados_centros dd {
    padding: 5px;
}

.resultados_centros * {
    -ms-box-sizing: border-box;
    -moz-box-sizingbox-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.resultados_centros {
    list-style: none outside none;
    margin: 1em 0;
    padding: 0;
}

.resultados_centros img {
    display: block;
    float: left;
    height: auto;
    margin: 0 1% 0 0;
    padding: 1%;
    width: 29%;
}

.resultados_centros dl {
    background-color: #F7F7F7;
    display: block;
    float: left;
    margin: 0px;
    padding: 10px;
    width: 70%;
}

h1.hospital,
h1.admin,
h1.asistencial,
h1.admin_asist,
h1.admin_asit_hospit {
    background-position: left 6px;
    background-repeat: no-repeat;
    border-bottom: none;
    margin: 0px;
    padding: 0px 0px 0px 25px;
}

h1.hospital,
h1.asistencial,
h1.admin_asit_hospit {
    background-image: url("../Images/Fremap/img_comun/pin_hospital.png");
}

h1.admin,
h1.admin_asist {
    background-image: url("../Images/Fremap/img_comun/pin_administrativo.png");
}


/***************************************************/


/* 9. Acordeón de JQuery *****/


/***************************************************/

.accordion div,
.sub_accordion div,
.accordioncv div {
    margin: 0px 0px 5px 0px;
    overflow: hidden;
}

.sub_accordion {
    padding-left: 20px;
}

.accordion div div.w50 p,
.accordion div div.w50 ul,
.accordioncv div div.w50 p,
.accordioncv div div.w50 ul {
    margin-bottom: 5px;
    margin-top: 5px;
}


/* NOTA: Para que un h4 despliegue el accordion debe llevar la clase "acordeon" */

h3+.accordion h4.acordeon,
h3+.accordioncv h4.acordeon {
    margin-top: 0px;
}

.accordion h3:hover,
.accordion h4.acordeon:hover,
.accordioncv h3:hover,
.accordioncv h4.acordeon:hover {
    color: #c9030a;
}

.accordion h3.active,
.accordion h4.active,
.accordioncv h3.active,
.accordioncv h4.active {
    background-image: url("../Images/Fremap/img_comun/ascendente-2x.gif");
}

.accordion h3 a,
.accordion h4.acordeon a,
.accordioncv h3 a,
.accordioncv h4.acordeon a,
.sub_accordion h3 a,
.sub_accordion h4.sub_acordeon a {
    margin: 8px 0;
    color: #000000;
    font-family: 'Roboto Bold', sans-serif;
    text-decoration: none;
}

.accordion h3 a:hover,
.accordion h3.active a,
.accordion h3 a:focus,
.accordion h3 a:active,
.accordion h4.acordeon a:hover,
.accordion h3.active a,
.accordion h4.acordeon a:focus,
.accordioncv h3 a:hover,
.accordioncv h3.active a,
.accordioncv h3 a:focus,
.accordioncv h3 a:active,
.accordioncv h4.acordeon a:hover,
.accordioncv h3.active a,
.accordioncv h4.acordeon a:focus {
    color: #930D0D;
}

.accordion h3 a:visited,
.accordion h4.acordeon a:visited,
.accordioncv h3 a:visited,
.accordioncv h4.acordeon a:visited,
.sub_accordion h3 a:visited,
.sub_accordion h4.sub_acordeon a:visited {
    color: #000;
}

.accordion p.acordeon,
.accordioncv p.acordeon {
    background: url("../Images/Fremap/img_comun/flecha_abajo.png") no-repeat 0px 5px;
    color: #000;
    font-family: 'Roboto Bold', sans-serif;
    padding-left: 10px;
    margin-top: 0px;
}

.accordion p.acordeon.active,
.accordioncv p.acordeon.active {
    background: url("../Images/Fremap/img_comun/flecha_arriba.png") no-repeat 0px 5px;
    padding-left: 10px;
}

.accordion p.acordeon a,
.accordion p.acordeon a:hover,
.accordion p.acordeon a:visited,
.accordioncv p.acordeon a,
.accordioncv p.acordeon a:hover,
.accordioncv p.acordeon a:visited {
    color: #000;
}

.accordion div ul,
.accordion div ol,
.accordioncv div ul,
.accordioncv div ol {
    z-index: 103;
}

.accordion div ul li,
.accordion div ol li,
.accordioncv div ul li,
.accordioncv div ol li {
    padding-right: 0px;
    z-index: 104;
}

.accordion div ul li ul,
.accordion div ol li ol,
.accordioncv div ul li ul,
.accordioncv div ol li ol {
    padding-right: 0px;
    margin-right: 0px;
}

.accordion div ul li ul li,
.accordion div ol li ol li,
.accordioncv div ul li ul li,
.accordioncv div ol li ol li {
    padding-right: 0px;
    margin-left: 0px;
}

.accordion table.resultados,
.accordioncv table.resultados {
    margin: 1em 0;
    width: 100%;
}

.accordion {
    margin-top: 34px;
}

.contenido .accordion h3,
.accordion h3,
.accordion h4.acordeon,
.accordion h4.sub_acordeon,
.accordioncv h3,
.accordioncv h4.acordeon {
    background-position: calc(100% - 10px) center !important;
    background-image: url("../Images/Fremap/img_comun/chevron-down-red.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    padding: 0 33px 5px 10px;
    border-bottom: 1px solid #eeeeee;
    clear: both;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.125em;
    margin: 15px 0;
    cursor: pointer;
}

.accordion h3.active,
.accordion h4.active,
.accordioncv h3.active,
.accordioncv h4.active {
    background-image: url("../Images/Fremap/img_comun/chevron-up-red.svg");
}

.accordion h3 a,
.accordion h4.acordeon a,
.accordioncv h3 a,
.accordioncv h4.acordeon a,
.sub_accordion h3 a,
.sub_accordion h4.sub_acordeon a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1em;
    color: #c9030a;
}

.accordion h3 a:hover,
.accordion h3.active a,
.accordion h3 a:focus,
.accordion h3 a:active,
.accordion h4.acordeon a:hover,
.accordion h3.active a,
.accordion h4.acordeon a:focus,
.accordioncv h3 a:hover,
.accordioncv h3.active a,
.accordioncv h3 a:focus,
.accordioncv h3 a:active,
.accordioncv h4.acordeon a:hover,
.accordioncv h3.active a,
.accordioncv h4.acordeon a:focus {
    color: #000;
}

.accordion h3~div>p {
    margin-top: 0;
    padding: 0px 11px;
}


/* 9.1 Anchos en divs de acordeones que se usan en Órganos de Gobierno **/


/*clase especial para transparencia*/

#transp4 ul {
    margin-top: 0;
}

li.ejercicio_transpa {
    background: none !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

li.ejercicio_transpa h4.acordeon {
    background: url("../Images/Fremap/img_comun/flecha_abajo.png") no-repeat 0px 5px;
    border: none;
    font-family: 'Roboto Condensed Bold', sans-serif;
    padding-left: 10px;
    text-decoration: underline;
}


/***************************************************/


/* 10. Ventana Modal *****/


/***************************************************/

#modalOverlay {
    background-color: #000;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0.5;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200;
}

#modal {
    background-color: #fff;
    border: thin #000 solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 25%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    position: fixed;
    right: 25%;
    top: 15%;
    width: 40%;
    z-index: 300;
}

#modal h2 {
    background: #f7f7f7;
    clear: both;
    color: #555;
    font-family: 'Roboto Condensed Bold', sans-serif;
    line-height: 24px;
    margin: 0px;
    padding: 25px;
}

#modal h2 span {
    color: #c9030a;
}

#ctl00_g_16f1d93f_6fce_4325_ae6b_d91bc08aed92_ctl00_modalCloseButton {
    border: 0;
    float: right;
    height: 25px;
    right: 2px;
    position: absolute;
    top: 0px;
}

#modal .formularios {
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 25px;
    width: 100%;
}

#modal .formularios input[type="text"] {
    width: 100%;
    margin-bottom: 10px !important;
}

#modal .botonera,
#modal .botonera div {
    width: 100%;
    margin: 0px 0px 20px 0px;
    padding-top: 0px;
}

#modal .warn {
    width: 96%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px 0 0 10px;
}

#modal .warn+fieldset.formularios {
    margin-top: 0px;
}

#modal .exito,
#modal .cancel {
    width: 96%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px 10px 20px 10px;
}

#modal .descripc {
    padding: 20px 0 0 25px;
}


/***************************************************/


/* 11. Mapa Web *****/


/***************************************************/

ul.mapa {
    float: left;
    width: 656px;
}

ul.mapa,
ul.mapa ul {
    margin-right: 0;
    float: none;
    width: auto;
    margin-bottom: 0px;
    padding-top: 0px;
}

ul.mapa ul {
    margin: 0 0 0 1em
}

ul.mapa li {
    background-image: none;
    display: block;
    float: none !important;
    padding: 3px 0;
    width: auto;
}

.contenido ul.mapa li ul li {
    background-image: url("../Images/Fremap/img_comun/guion.gif");
    background-position: left top;
    background-repeat: no-repeat;
    border-left: 1px solid #999999;
    margin: 0;
    width: auto;
}

ul.mapa li span,
ul.mapa li a {
    color: #FFFFFF !important;
    display: block;
    padding: 5px;
    color: #c9030a !important;
    font-family: Roboto Condensed;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none !important;
}

ul.mapa li a:hover,
ul.mapa li a:active {
    color: #505050 !important;
}

ul.mapa li li span {
    color: #333333 !important;
    padding: 3px 5px;
}

ul.mapa li li a {
    color: #c9030a !important;
}

ul.mapa li li a:hover,
ul.mapa li li a:active {
    background-color: #E6E6E6;
}

ul.mapa li li li span {
    color: #333333 !important;
    padding: 3px 5px;
}

ul.mapa li li li a {
    color: #c9030a !important;
    font-weight: normal;
}

ul.mapa li li li a:hover,
ul.mapa li li li a:active {
    background-color: #F7F7F7;
}

.contenido ul.mapa li.last,
.contenido ul.mapa li ul li.last {
    background-image: url("../Images/Fremap/img_comun/l.gif");
    border-left: none;
}


/***************************************************/


/* 12. Pie *****/


/***************************************************/

.pie {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
}

.pie-full {
    background-image: url("../Images/Fremap/img_web/abstract-bg.jpg");
    background-size: cover;
    padding: 54px 0;
}

.footer-sociales ul li {
    padding: 0 10px;
}

footer .contenedor {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pie .nav-footer-links ul li a {
    color: white;
    text-decoration: none;
    font-size: 0.75em;
}

.pie .nav-footer-links ul li a:hover {
    color: rgb(219, 219, 219);
    text-decoration: none;
}

.pie p {
    clear: both;
    margin-top: 7px;
    text-align: center;
}

.pie ul li {
    display: inline;
    text-align: right;
    width: auto;
    background: none;
    float: none;
    position: relative;
}

.pie ul li a {
    color: #000;
    text-decoration: none;
    text-decoration: underline;
}

.pie ul li a img {
    width: 25px;
}

.pie ul li a:hover {
    color: #555;
    text-decoration: underline;
}

.pie .footer-links.herramientas>li:after {
    content: ' |';
    color: white;
}

.pie .footer-links.herramientas>li.idiomas:after {
    content: '';
}

.pie .footer-links.herramientas li.idiomas ul {
    right: auto;
    left: -20px;
    top: 15px;
}

.pie .footer-links.herramientas li.idiomas ul li {
    width: 95px;
}

.pie .footer-links.herramientas li.idiomas a {
    position: relative;
    padding-right: 8px;
}

.pie .footer-links.herramientas li.idiomas ul li a {
    width: 95px;
}

.pie .footer-links.herramientas>li.idiomas>a:after {
    content: '';
    background-image: url("../Images/Fremap/img_home/keyboard_arrow_left.png");
    display: block;
    position: absolute;
    right: -10px;
    top: -1px;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-size: contain;
}

.pie .footer-links.herramientas>li>a {
    background-image: none;
    line-height: 1;
    overflow: visible;
}

.footer-legal .cert_footer {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-legal .cert_footer img {
    margin: 0 15px;
}

.cert_footer {
    width: auto;
    float: left;
    text-align: right;
    margin: 7px 0px;
}

.pie .social-links {
    display: none;
}

.footer-derechos {
    font-size: 0.6875em;
}

section.sub-footer {
    margin-top: 2%;
    margin-bottom: 2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sub-footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


/* 1.3 Google Translate **/

.idiomas>a:first-child {
    background-color: transparent;
    background-image: url("../Images/Fremap/img_home/comun/chevron-down.png");
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.idiomas>a+ul {
    background-color: rgba(248, 248, 248, 0.92);
    display: none;
    position: absolute;
    top: 10px;
    right: 0px;
    z-index: 999;
    margin: 0;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.4);
    padding: 1% 0%;
}

.footer-links .idiomas>a+ul li a {
    color: #000;
}

.footer-links .idiomas>a+ul li a:hover {
    color: rgb(51, 51, 51);
}

.idiomas>a:hover+ul,
.idiomas>a+ul:hover {
    display: block !important;
}

.herramientas li ul li,
.herramientas li ul:first-child {
    width: 160px;
    display: block;
    text-align: left;
    float: left;
    z-index: 100000;
}

.herramientas li ul li a,
.herramientas li ul li span {
    width: 120px;
    float: left;
    display: block;
}

#google_translate_element a {
    color: #000;
    text-decoration: none;
    background-image: none;
    padding-right: 0px;
    padding-left: 0px;
}

#google_translate_element span {
    background-image: none;
    padding-right: 0px;
    padding-left: 0px;
    cursor: pointer;
}

:first-child+html .herramientas li:hover ul {
    margin-top: 18px;
}

#google_translate_element a,
#google_translate_element span {
    border: none !important;
    display: inline;
    background: transparent;
    border: none;
    float: left;
    font-size: 0.85em;
    width: auto;
}

#google_translate_element a.goog-te-menu-value,
.herramientas li ul li img,
.herramientas li ul li span,
.herramientas li ul li div {
    float: left;
    display: block;
}

.contenedor .goog-te-gadget-simple {
    display: inline;
    background: transparent;
    border: none;
    cursor: pointer;
    padding-bottom: 2px;
    padding-top: 1px;
}

.idiomas .esp,
.idiomas .cat,
.idiomas .eus,
.idiomas .gal,
.idiomas .val,
.idiomas .eng {
    padding: 2px 2px 2px 24px;
    background-position: 3px center;
    background-repeat: no-repeat;
}

.idiomas .esp {
    background-image: url("../Images/Fremap/img_comun/banderas/es.png") !important;
}

.idiomas .cat {
    background-image: url("../Images/Fremap/img_comun/banderas/bandera_catalunya.jpg");
}

.idiomas .eus {
    background-image: url("../Images/Fremap/img_comun/banderas/bandera_euskadi.jpg");
}

.idiomas .gal {
    background-image: url("../Images/Fremap/img_comun/banderas/bandera_galicia.jpg");
}

.idiomas .val {
    background-image: url("../Images/Fremap/img_comun/banderas/bandera_valencia.jpg");
}

.idiomas .eng {
    background-image: url("../Images/Fremap/img_comun/banderas/en.png");
}

.newsletter p {
    text-align: left;
    color: white;
    margin-bottom: 5px;
    font-family: 'Roboto Condensed Light', sans-serif;
    padding-bottom: 5px;
}

.newsletter .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.newsletter .form input#newsletter {
    width: 150px;
    border-radius: 5px;
    padding: 3% 5%;
    font-family: 'Roboto Italic', sans-serif;
    color: #9c9c9c;
}

.newsletter .form input[type="image"] {
    width: 9px;
    height: 13px;
    position: absolute;
    right: -10px;
    top: 7px;
}


/***************************************************/


/* 13. Botón Volver Arriba *****/


/***************************************************/

.scroll-top {
    background: url("../Images/Fremap/img_comun/arriba.png") no-repeat center #cc0000;
    display: none;
    padding: 20px;
    background: #024959;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.scroll-top:hover,
.scroll-top:focus {
    opacity: 1;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
}


/***************************************************/


/* 14.Estilos página información cookies */


/***************************************************/

.cookies .contenido {
    width: 100%;
    padding: 0 4% 10px 4%;
}

.cookies .contenido h1 {
    padding-top: 20px;
}

.cookies .contenido p {
    padding: 5px 0 5px 0px;
    margin: 0
}

.cookies .responsive td:before {
    font-family: 'Roboto Bold', sans-serif;
}

.cookies .resultados td {
    border: 1px solid #ccc;
}

.cookies .resultados td img {
    height: 12px;
}

table td[headers="output"] {
    min-width: 50px;
}

.cookies table.resultados caption {
    font-size: 0.75em;
    text-align: left;
}

.cookies ul.certificados {
    text-align: center;
}


/* 14.1 Cookie bar */

#overlay {
    background: #000 !important;
    opacity: .3;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cookie-bar {
    background: #fff;
    color: #333;
    text-align: center;
    padding: 10px;
    width: 50% !important;
    z-index: 9999 !important;
    position: fixed;
    top: 350px;
    left: 0;
    outline: 0;
    transform: translateX(50%);
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
}

#cookie-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

#cookie-bar p {
    margin: 0;
    padding: 10px 0 10px 0;
    color: #333;
}

#cookie-bar a {
    display: inline-block;
    text-decoration: underline;
    color: #c9030a;
}

#cookie-bar a:hover {
    text-decoration: none;
}

#cookie-bar .cb-enable {
    background: #666;
    color: #fff;
    text-decoration: none;
    margin-left: 8px;
    margin-top: 10px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    padding: 10px;
}

#cookie-bar .cb-disable {
    background: #c9030a;
    color: white;
    margin-left: 8px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    padding: 10px;
}

#cookie-bar .cb-configure {
    background: #c9030a;
    color: white;
    margin-left: 8px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    padding: 10px;
}

#cookie-bar .cb-policy {
    background: #333;
    color: #fff;
    text-decoration: none;
    margin-left: 8px;
    padding: 0 6px;
}

/* 14.2 ConfigureCookie bar */

#configureCookie-bar .cb-configureAcept {
    background: #c9030a;
    color: white;
    margin-left: 8px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    padding: 10px;
}



/***************************************************/


/* 15. Estilos especiales para hacer responsive la página de solicitud de jornadas de prevención (aplicación RRII) *****/


/***************************************************/

.jornadas_responsive .contenido,
.jornadas_responsive div.botonera,
.jornadas_responsive div.botonera div {
    max-width: 676px;
    width: 100%;
}

.jornadas_responsive h3 {
    color: #333;
    font-size: 1.6em;
    margin: 5px 0px 5px 0px;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.jornadas_responsive dl {
    max-width: 656px;
    width: 100%;
}

.jornadas_responsive .info dl,
.jornadas_responsive .warn dl,
.jornadas_responsive .exito dl,
.jornadas_responsive .resaltado dl {
    max-width: 610px;
    width: 100%;
    margin: 10px 0;
}

.jornadas_responsive ul,
.jornadas_responsive ul li {
    text-align: left;
}

.jornadas_responsive fieldset.formularios {
    max-width: 654px;
    width: 100%;
}

.jornadas_responsive select {
    height: 19px;
}

.jornadas_responsive select,
.jornadas_responsive .cajatexto {
    border-color: #999999 #CCCCCC #CCCCCC #999999;
    border-style: solid;
    border-width: 1px;
    background-color: #FFF;
}

.jornadas_responsive #ocultar,
.jornadas_responsive #imgA {
    display: none;
}

.jornadas_responsive div.warn {
    margin-bottom: 20px;
}

@media only screen and (max-width:680px) {
    .jornadas_responsive fieldset.formularios {
        padding: 10px 0 10px 20px;
        width: 90%;
    }

    .jornadas_responsive fieldset.formularios fieldset,
    .jornadas_responsive fieldset.formularios div,
    .jornadas_responsive fieldset.formularios div.w50,
    .jornadas_responsive fieldset.formularios fieldset.w50,
    .jornadas_responsive fieldset.formularios .w50 input[type="text"],
    .jornadas_responsive fieldset.formularios div.w25,
    .jornadas_responsive fieldset.formularios fieldset.w25,
    .jornadas_responsive fieldset.formularios .w25 input[type="text"],
    .jornadas_responsive fieldset.formularios .w25 select {
        width: 93% !important;
        padding: 5px 0;
    }

    .jornadas_responsive fieldset.formularios .w100 textarea {
        width: 92% !important;
    }

    .jornadas_responsive fieldset.formularios select.dig4,
    .jornadas_responsive select.dig4,
    .jornadas_responsive fieldset.formularios .w25 select {
        width: 20% !important;
        height: 29px;
        padding: 0;
    }

    .jornadas_responsive fieldset.formularios input[type="text"][size="10"] {
        width: 60% !important;
    }

    .jornadas_responsive fieldset.formularios input[type="text"][size="8"] {
        width: 40% !important;
    }

    .jornadas_responsive fieldset.formularios input[type='text'][size='2'] {
        width: 30px !important;
    }

    .jornadas_responsive p {
        text-align: left;
    }

    .jornadas_responsive div.info,
    .jornadas_responsive div.warn {
        width: 80%;
        text-align: left;
    }

    .jornadas_responsive div.info p,
    .jornadas_responsive div.warn p {
        width: 95%;
    }

    .jornadas_responsive dt {
        width: 90%;
        text-align: left;
    }

    .jornadas_responsive dd {
        width: 90%;
    }

    .jornadas_responsive div.info dt,
    .jornadas_responsive div.warn dt,
    .jornadas_responsive div.exito dt,
    .jornadas_responsive div.resaltado dt {
        width: 90%;
        border-bottom: 1px dashed #ccc;
    }

    .jornadas_responsive div.info dd,
    .jornadas_responsive div.warn dd,
    .jornadas_responsive div.exito dd,
    .jornadas_responsive div.resaltado dd {
        width: 90%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.contenido ul.flujograma li {
    background-image: none;
    position: relative;
    padding-left: 12px;
}

.contenido ul.flujograma li:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("../Images/Fremap/img_home/chevron-down-red.svg");
    transform: rotate(-90deg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    position: absolute;
    left: 0;
    top: 3px;
}

.contenido ul.flujograma li ul li:before {
    background-size: 8px;
}

.contenido .interlocutor {
    border: 1px solid #ccc;
    margin-bottom: 15px;
}

.contenido .interlocutor h3 {
    margin-bottom: 0;
}

.contenido ul.interlocutor {
    border: 0;
    margin-bottom: 0;
}

.contenido ul.interlocutor li {
    background: none;
    border: 0;
    box-shadow: none;
    padding-left: 15px;
    position: relative;
    margin: 0;
}

.contenido ul.interlocutor li a {
    text-decoration: underline;
}

.contenido ul.interlocutor li:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("../Images/Fremap/img_home/chevron-down-red.png");
    transform: rotate(-90deg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    position: absolute;
    left: 0;
    top: 10px;
}

.contenido .img_p {
    border: 0;
    margin: 10px 10px 15px 0px;
    max-width: 100%;
    width: 100%;
}


/* img fremap campus online */

.ms-rtestate-field .img_p {
    width: inherit;
}

.contenido .img_p~p {
    margin: 0 0 10px 0;
}

p a,
span a {
    text-decoration: underline !important;
}

div.c_asocia {
    position: relative;
    background: none !important;
    box-shadow: none !important;
    border: 0 !important;
    width: calc(50% - 15px) !important;
    margin: 10px 15px 10px 0 !important;
    padding: 0 !important;
}

div.c_asocia:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 0.9) 92%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 0.9) 92%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 0.9) 92%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6000000', GradientType=0);
    opacity: 1;
    transition: all ease 400ms;
}

div.c_asocia:hover:before {
    opacity: 0.7;
}

div.c_asocia:nth-child(even) {
    margin: 10px 0px 10px 15px !important;
}

div.c_asocia h3 {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    padding: 0 !important;
}

div.c_asocia h3 a {
    color: white !important;
    opacity: 1;
    transition: all ease 400ms;
}

div.c_asocia h3 a:hover {
    color: white;
    opacity: 0.6;
}

div.c_asocia a img {
    margin: 0;
    width: 100%;
    max-width: none;
    padding: 0;
}

div.c_asocia a:hover img {
    opacity: 1;
}

.tooltip.clic_call {
    background-image: url("../Images/Fremap/img_web/operator.png");
    background-size: auto;
    padding: 8px 0 7px 35px;
}

.tooltip.clic_call.csv-img {
    background-image: url("../Images/Fremap/img_web/CSV-ico.png");
    background-size: auto;
    padding: 15px 0 7px 35px;
}

.tooltip.clic_call .custom.info {
    padding: 16px 22px;
    border-radius: 2px;
}

.contenido dl dt {
    width: 38%;
    padding: 5px 15px;
}

.contenido dl dd {
    width: 100%;
    padding: 5px 15px;
}


/* Confirmacion CV */

.contenido .detalle-cv dl dt {
    width: 38%;
    box-sizing: border-box;
}

.contenido .detalle-cv dl dd {
    width: 62%;
    box-sizing: border-box;
}


/* Calculadora cuota */

.contenido .resultados-calculadora-cuota dl dt {
    width: 38%;
    box-sizing: border-box;
}

.contenido .resultados-calculadora-cuota dl dd {
    width: 62%;
    box-sizing: border-box;
}

.contenido .resultados-calculadora-cuota .tooltip span.info {
    font-size: 1em;
    padding: 10px;
    height: auto;
}

table.resultados tbody tr td .tooltip span.info:after {
    /* Reset span */
    width: 0px;
}


/* Detalle jornada */

.contenido .detalle-jornada dl dt {
    width: 38%;
    box-sizing: border-box;
}

.contenido .detalle-jornada dl dd {
    width: 62%;
    box-sizing: border-box;
}

.contenido dl dd ul {
    margin: 0 0 0 15px;
}

.contenido dl dd ul li {
    background-image: none;
    position: relative;
    margin-bottom: 10px;
}

.contenido dl dd ul li:last-child {
    margin-bottom: 0;
}

.contenido dl dd ul li:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background-image: url("../Images/Fremap/img_home/chevron-down-red.png");
    transform: rotate(-90deg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 2px 2px;
    position: absolute;
    left: 0;
    top: 3px;
}

.contenido dl dd ul li a {
    text-decoration: underline;
}

ul.memoria:after {
    content: '';
    clear: both;
    display: block;
}

ul.memoria li {
    width: 100%;
    min-height: 200px;
    margin: 0 0 15px 0;
    padding: 0px 5px 0px 0px;
    background: none repeat scroll 0 0 transparent;
    float: left;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
}

ul.memoria li a {
    display: block;
}

ul.memoria li>a {
    line-height: 1;
    width: 20%;
    box-sizing: border-box;
}

ul.memoria li>a>img {
    display: block;
}

ul.memoria li p {
    margin: 0;
    border: 0;
    padding: 10px;
    width: 75%;
    box-sizing: border-box;
    text-align: left;
    float: left;
}

ul.memoria li p a {
    text-decoration: none !important;
}

div.info a {
    text-decoration: none !important;
}

div.info dl.responsive dt {
    background-color: #f8f8f8 !important;
    border-right: 2px solid #b1d8fd;
    padding: 5px 15px;
    width: 28%;
    margin-bottom: 5px;
}

div.info dl.responsive dd {
    width: 61%;
    padding: 5px 15px;
}

div.info dl.responsive dd ul {
    margin-top: 10px;
}

div.cancel h3 {
    margin-bottom: 0;
}


/*div.cancel ul {
    padding-left: 30px;
    margin-top: 10px;
    margin-bottom: 5px;
}
div.cancel ul li {
    position: relative;
    padding-left: 15px;
}
div.cancel ul li:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-image: url("../Images/Fremap/img_home/chevron-down-red.svg");
    transform: rotate(-90deg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    position: absolute;
    left: 0;
    top: 3px;
}*/


/***************************************************/


/* 16. Actualidad / Normativa *****/


/***************************************************/

.actualidad-normativa .noticia {
    padding: 0 0 10px 0;
}

.actualidad-normativa .noticia h3 {
    line-height: 1;
    font-size: 1.3em !important;
    padding: 17px 0 0 45px !important;
}

.actualidad-normativa .noticia p {
    float: none;
    clear: both;
    padding: 10px 0 0 0;
    font-size: 0.85em;
}

.actualidad-normativa .noticia>div>img {
    width: auto !important;
    float: left;
}

.actualidad-normativa .noticia>div>h3>a>img {
    width: auto !important;
}