/*
* Webs App. Sede V2.0
* Copyright 2019, SGTIC Mincotur
*01/07/2019
*/


/* Índice de contenidos
––––––––––––––––––––––––––––––––––––––––––––––––––
- Básico
- Tipografía
- Estructura
- Navegación (Slimmenu)
- Links
- Listas
- Imágenes
- Botones
- Tablas
- Formularios
- Misceláneo - Funcionalidad JQuery
- Media Queries
- Estilos App Intranet
*/


/* Estilos Base
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {font-size: 100%;}
body {font-size: 1em; line-height: 1.65;}

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

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q { quotes: '"' '"' "'" "'" }
blockquote:before, q:before {content: open-quote; }
blockquote:after, q:after {content: close-quote; }

q {display: inline;}
:focus {outline: 1px dotted #f1f1f1;}
strong {font-weight: 700;}
 
ins {text-decoration: none;}
del {text-decoration: line-through;}

abbr[title], acronym[title] {text-decoration: none;}

.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}

.line {box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.16);margin-bottom: 40px;height: 30px;}

a, a:visited {text-decoration: none; outline: 0;}
a {color: #264c80;}
a:hover, a:focus { text-decoration: none;}
a:visited {opacity: 0.9; color:  inherit;}
.not-active {pointer-events: none; cursor: default; opacity: 0.5;}

.clear { /* Use this class between rows of content when you use columns */
clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

*, *:after, *:before {box-sizing: border-box; margin: 0; padding: 0;}

audio, canvas, img, video {vertical-align: middle;}
fieldset {border: 0; margin: 0; padding: 0;}
textarea {resize: vertical;}

/*a::-moz-selection {text-shadow: none !important;}
a::selection {text-shadow: none !important;}
::-moz-selection {background: #0684be; color: #fff;}
::selection {background: #0684be; color: #fff;}*/

img.right, div.right {float: right;}
img.left, div.left  {float: left;}
.center  { margin: 0 auto; display: block;}
p.right { text-align: right;}
p.left {text-align: left;}
p.center {text-align: center;}
.text-big { font-size: 1.25em;}
.text-small{ font-size: 0.85em;}

.destacado, .destacado-gris {padding: 1.55em; color: #000; margin: 1em 0; border: 3px solid #f19a2a;}
.destacado-gris {background: #f9f9f9; border: 0;}
.destacado h2, .destacado-gris h2 { font-family: 'lorabold_italic'; margin-top: 0; color:#000; }

.obligatorio, .error {color: #ef0000; }
.valido {color: #3d930e;}
.alerta {color: #cc6705;}
.aviso {color: #000;}

p.valido, p.alerta,
div.valido, div.alerta{ text-align: center; font-size: 1.45em; border: 3px solid; margin: 2em;}
p.valido, div.valido{border-color:#3d930e;}
p.alerta, div.alerta {border-color:#f19a2a;}

/*Clases para ocultar contenido*/
.hidden {/*Se oculta en ambos: lectores de pantalla y navegador*/
display: none !important; visibility: hidden;}
.visuallyhidden { /*se oculta visualmente, pero está disponible para los lectores de pantalla*/
border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { /*permite que el elemento sea enfocable cuando navegas con el teclado*/
clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
.invisible { /*Se oculta visual y lectores de pantalla, pero se mantiene en el layout*/
visibility: hidden;}

/*Flexbox grid*/
.row {display: flex; flex: 0 1 auto; flex-flow: row wrap;
display:-ms-flexbox; -ms-flex: 0 1 auto; -ms-flex-wrap:wrap; -ms-flex-direction:row;
}
.col {
-ms-flex-preferred-size: auto; -ms-flex-positive:0;
flex-basis: auto;  flex-grow: 0;}

footer nav > ul {  
display:-ms-flexbox; -ms-flex:0 1 auto; -ms-flex-wrap:wrap;-ms-flex-direction:row; 
display: flex; flex-flow: row wrap;	
-webkit-box-pack: center; -moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}

footer nav > ul > li {flex-grow: 0; padding-right:  1em;-ms-flex-positive: 0;}
footer nav.opciones-footer ul {-webkit-align-items: center; align-items: center;
-webkit-justify-content: center; justify-content: center;}
.opciones-footer li {flex-basis: auto; flex-grow: 0; 
-ms-flex-preferred-size: auto; -ms-flex-positive:0;}


@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("fonts/fa-solid-900.eot");
  src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"), url("fonts/fa-solid-900.ttf") format("truetype"), url("fonts/fa-solid-900.svg#fontawesome") format("svg"); }


@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/OpenSans-ExtraBold-webfont.woff2') format('woff2'),
url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
url('fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'lorabold';
    src: url('fonts/lora-bold-webfont.eot');
    src: url('fonts/lora-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/lora-bold-webfont.woff2') format('woff2'),
url('fonts/lora-bold-webfont.woff') format('woff'),
url('fonts/lora-bold-webfont.ttf') format('truetype'),
url('fonts/lora-bold-webfont.svg#lorabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lorabold_italic';
    src: url('fonts/lora-bolditalic-webfont.eot');
    src: url('fonts/lora-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/lora-bolditalic-webfont.woff2') format('woff2'),
url('fonts/lora-bolditalic-webfont.woff') format('woff'),
url('fonts/lora-bolditalic-webfont.ttf') format('truetype'),
url('fonts/lora-bolditalic-webfont.svg#lorabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face { 
font-family: "Berlin Sans FB"; 
src: url("fonts/berlin_sans_fb.eot");  /* IE9 Compat Modes */
src: url("fonts/berlin_sans_fb.eot?#iefix") format("embedded-opentype"),  /* IE6-IE8 */
url("fonts/berlin_sans_fb.svg#Berlin Sans FB") format("svg"),  /* Legacy iOS */
url("fonts/berlin_sans_fb.woff") format("woff"), /* Modern Browsers */
url("fonts/berlin_sans_fb.ttf") format("truetype");  /* Safari, Android, iOS */
font-weight: normal; font-style: normal;}

@font-face { 
font-family: "Berlin Sans FB Demi Bold"; 
src: url("fonts/berlin_sans_fb_demi_bold.eot"); 
src: url("fonts/berlin_sans_fb_demi_bold.eot?#iefix") format("embedded-opentype"), 
url("fonts/berlin_sans_fb_demi_bold.svg#Berlin Sans FB Demi Bold") format("svg"), 
url("fonts/berlin_sans_fb_demi_bold.woff") format("woff"), 
url("fonts/berlin_sans_fb_demi_bold.ttf") format("truetype"); 
font-weight: normal; font-style: normal;}

/* Tipografía
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body {font-family: 'Lora', serif; font-style: normal; font-weight: 400; background: #fff; color: #333;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {margin-top: 0.65em; line-height: 1.25; font-family: 'lorabold';}
h1, h3, h4, h5, h6 {color: #000; }

h1 { font-size: 2.55rem; margin-top:  0; margin-bottom: 0.65em;}
h2 {font-size: 1.75rem; color:  #264c80;}
h3 {font-size: 1.45rem;}
h4 {font-size: 1.25rem; color:  #264c80;}
h5 {font-size: 1rem;}
h6 {font-size: 1rem;}

h2 img {margin-right: 0.25em; vertical-align: text-bottom;}

.header-container h1 {font-size: 2.25rem; margin: 0; line-height: 1;  color:  #000; font-family: 'lorabold'; padding-top: 0.55em; padding-left: 0.55em; width: auto; text-align: center;}
.header-container h1 a {color: #264c80;}
.header-container h1 a span {color: #4ca5e0;}
.header-container h1 .tt-aplicacion {font-size: 1.65rem; color: #000; font-family: 'open_sansextrabold'; padding-left: 0.25em; text-transform: uppercase;}

.header-container nav h2, .nav-container nav h2, footer h2, .offscreen {left: -1000em; position: absolute;}

p {padding: 0.65em 0;}
p.destacado {font-size: 1.25em; padding: 1em 8%; text-align: center; line-height: 1.35; border: 5px solid rgba(76, 165, 224, 0.75); background: #f9f9f9; font-family: 'Lora', serif; margin:  1em 0;}

/* Estructura
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.header-container, .nav-container, .main-container, .footer-container {width: 100%; margin: 0 auto;}
.header-container, .nav-container {position: relative;}
.header-container { background: #f1f1f1; /*overflow: hidden; */padding-bottom: 1em;}
.header-container:after {content: " "; display: table; clear: both;}

.main-container {min-height: 65vh; display: table; border-top:  7px solid #4ca5e0; position: relative;}
.footer-container {overflow: hidden; clear: both;}
header, footer, .breadcrumb {clear: both;}

.gris {background: #fafafa;}
.blanco {background: #fff;}

/*Cabecera*/
.nombre-app, nav#menu-principal { padding-left:  2%;}
.nombre-app {padding-top: 1em; /*width: calc(100% - 2%); */overflow:  hidden;}
.nombre-app, header .tagline, header .logo {float: left;}

header .logo {margin-right: 2.25em; width:  270px;}

.menu-idiomas { background: #264c80; padding: 0.25em 0; padding-left:  2%; margin-left:  -0.65em; height: 34px;}
.opciones {position: absolute; right:  2%; top: 0;}
.opciones li, .menu-idiomas li {padding: 0 0.65em; display:inline-block; font-size:  0.85em; font-family: "Open Sans", sans-serif;}
.opciones li a, .menu-idiomas li a {color: #fff;}
.opciones li a:hover, .menu-idiomas li a:hover {border-bottom: 1px solid rgba(255, 255, 255, 0.25);}

.opciones nav {float: left; margin-top: 0.25em;}
.opciones li.activo { text-decoration: underline;}
header .tt-usuario {padding: 1em; padding-right: 110px; font-weight: bold; color: #264c80; float: right;}

header .buscador { padding: 1em 2%; position: relative;}
.menu-bt-lupa, 
input[type=submit].menu-boton-buscar {cursor:pointer;  border: 0; text-indent: -1000px; overflow: hidden; line-height: 0; margin: 0; color:#000; background: url(imagenes/bt-lupa.png) no-repeat right 10px; width: 50px; height: 50px; position: absolute; right: 2%; top: 35px;}

.menu-bt-lupa {border-left: 1px solid #ccc;}

.fondo-buscar, input[type=submit].menu-boton-buscar {display: none;}

.fondo-buscar {position: absolute; top: 105px; width: 100%; left: 0; background: #fff; padding: 1em; font-size: 1.55em; 
box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.16); z-index: 15; border-bottom: 2px solid #ccc;}

header .buscador input[type=text] {border: 0; border: 1px solid #b5b5b5; padding: 0 1em; font-size: 1em; background: transparent; color: #000; height: 50px; width: 100%; font-family: 'Lora', serif; font-weight:  700;}

input[type=submit].menu-boton-buscar { top: -125px;}

header .buscador input[type=text]::-webkit-input-placeholder {color: #999;}
header .buscador input[type=text]::-moz-placeholder {color: #999;}
header .buscador input[type=text]:-ms-input-placeholder {color: #999;} 
header .buscador input[type=text]:-moz-placeholder{color: #999;}

header .buscador input[type=submit]:hover{box-shadow:  none; opacity: 0.9;}
header input[type=text].menu-texto-buscar:focus {background: #fff;}


/*Footer*/
footer {color: #fff; padding: 2em 1em; background: #264c80; border-top: 7px solid #4ca5e0;}
footer nav ul li {font-size: 1em; padding: 1em; padding-bottom: 0;}
footer nav ul ul { display: block;}
footer a {color: #fff;}

.navegacion-footer { border-bottom: 1px solid rgba(255, 255, 255, 0.25); padding-bottom: 1em;}
.navegacion-footer > ul > li > span, .navegacion-footer > ul > li > a {text-transform: uppercase; margin: 0.65em 0; font-size: 0.95em;font-family: 'open_sansextrabold';}
.navegacion-footer > ul > li > span {opacity: 0.7;}
footer h3 a:hover, footer li a:hover {border-bottom: 1px solid rgba(255, 255, 255, 0.5);}

.opciones-footer li {font-family: 'Lora', serif;}

p.direccion {font-size: 0.85em; text-align: center;}
p.direccion span {display: block;}
p.direccion span a {color: #fff;}

footer p.rss {text-align: center;}
footer p.rss a {background: url(../../estilos/imagenes/icono-rss.png) no-repeat left center; padding: 0.55em; padding-left:  2.85em;}

footer .logo {margin: 0.55em; text-align: center; clear: both;}
footer .logo img {padding: 0;}

.section-container {display: table; font-family: 'Lora', serif; width: 100%;}
.margen {padding-left: 10%; padding-right: 10%; padding-bottom: 3em;}

.submenu, .sidebar, .col-contenido {display: table-cell; vertical-align: top;}

/*layout - 12 Columnas*/
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {float:left;}
.col-1 {width: 8.33333333%;}
.col-2 {width: 16.66666667%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33333333%;}
.col-5 {width: 41.66666667%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33333333%;}
.col-8 {width: 66.66666667%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33333333%;}
.col-11 {width: 91.66666667%;}
.col-12 {width: 100%;}

aside {width: 300px;}
.col-contenido {width: calc(100% - 300px);padding-left: 5%; padding-right:  5%; padding-bottom: 2em; }

aside.submenu { border-right:  1px solid #ddd;}


/* Slimmenu (navegación Responsive)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
nav#menu-principal {clear: both; background: #fff; padding-top: 1em}
ul.slimmenu li {text-transform: uppercase; float: left; position: relative; padding: 0 1.40em 0.55em 1.40em; font-size: 1rem; font-family: 'open_sansextrabold';}
ul.slimmenu > li:first-child{ margin-left:  -1em;}
ul.slimmenu li > a {color: #000;}

ul.slimmenu > li:before, nav.menu-tools h2:before {content: ""; position: absolute; bottom: 0; height: 45px; width:  1px; left: 0;
background: #ddd; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.2)); /*Safari 5.1-6*/
background: -o-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,0.2)); /*Opera 11.1-12*/
background: -moz-linear-gradient(right,rgba(0,0,0,0),rgba(0,0,0,0.2)); /*Fx 3.6-15*/
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2)); /*Standard*/
}
ul.slimmenu > li:first-child:before { height: 0;}

ul.slimmenu > li.activo > a:after {content: ""; position: absolute; bottom: 0; background: #f19a2a; height: 8px; width:  49px; margin-left: auto; margin-right: auto; left: 0; right: 0;}

ul.slimmenu > li:after, ul.slimmenu > li.activo:after {
  content: "";
  position: absolute;
  bottom: 0;
  background: #f19a2a;
  height: 8px;
  width:  49px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  margin-left: auto; margin-right: auto; left: 0; right: 0;
}

ul.slimmenu > li:hover:after, ul.slimmenu > li:focus:before, ul.slimmenu > li.activo:after {  visibility: visible; opacity: 1;}

.menu-collapser {position: absolute; z-index: 99;}
nav#menu-principal .menu-collapser {left: 1em; top: -4.55em;}
.collapse-button { width: 45px; height: 45px;left: 5px; cursor: pointer; text-align: center;}
.collapse-button:hover, .collapse-button:focus {opacity: 0.7;}

nav#menu-principal .icon-bar, nav#menu-principal .icon-bar:before, nav#menu-principal .icon-bar:after 
{content: ""; position: absolute; display: block; width: 25px; height: 2px; background: #000; cursor: pointer;}
nav#menu-principal .icon-bar {top: 21px; left: 10px;}
nav#menu-principal .icon-bar:before {top: 7px; }
nav#menu-principal .icon-bar:after {bottom: 7px; }

nav#menu-principal .icon-bar, nav#menu-principal .icon-bar:before, nav#menu-principal .icon-bar:after {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  
.close nav#menu-principal .collapse-button:hover .icon-bar:before {top: 9px; }
.close nav#menu-principal .collapse-button:hover .icon-bar:after {bottom: 9px; }

.open nav#menu-principal .icon-bar {background-color: transparent;}

.open nav#menu-principal .icon-bar:before, nav#menu-principal .open .icon-bar:after {background: #000; top: 0;}
.open nav#menu-principal .icon-bar:before {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }
.open nav#menu-principal .icon-bar:after {top: 10px;
  -ms-transform: translatey(-10px) rotate(-45deg);
  -webkit-transform: translatey(-10px) rotate(-45deg);
  transform: translatey(-10px) rotate(-45deg); }

/* Nivel 1*/
ul.slimmenu >li.activo { background-color: #fff;}
ul.slimmenu > li:hover > a, ul.slimmenu >li.activo span {color: #000;}
ul.slimmenu li a:hover, ul.slimmenu li.activo a { border-bottom: 0;}

ul.slimmenu >li.activo span { cursor: default;}

/* Nivel 2*/
ul.slimmenu li > ul {position: absolute; top: 100%;  background: #fff; padding: 1em 0.65em; display: none; z-index: 99; 
box-shadow: 0 1px 8px 0 rgba(0,0,0,.2); width:  200px; margin: 0 auto; left: -100px; right: -100px;}	
ul.slimmenu ul li {float: none; padding: 0.35em; border-bottom: 1px solid #e5e5e5; font-size: 1em; font-family: 'Lora', serif;}
ul.slimmenu ul li:last-child {border-bottom: none;}
ul.slimmenu ul li a, ul.slimmenu ul li {color: #000; text-transform: none; font-weight: 400;}
ul.slimmenu ul li.activo span { font-weight: 800; color: #264c80; text-transform: none;}


/*Menu collapsed*/
ul.slimmenu.collapsed { background: #fff; width: 300px; margin: 0; height: 100%; overflow: hidden;
overflow-y: auto; position: fixed; top: 0; z-index:99; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); left: -290px; padding: 1em 0; display:  block;}

ul.slimmenu.collapsed > li:first-child {margin-left:  0;}

.collapsed:not(:target) { z-index: 1;}
ul.slimmenu.collapsed  ul li {white-space: 	normal;}
ul.slimmenu.collapsed li {display: block; width: 100%; box-sizing: border-box; position: relative; float: none; padding: 1em; font-size: 0.95em;
 border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-align: left;}
ul.slimmenu.collapsed:before {border: 0;}

ul.slimmenu.collapsed > li:after, ul.slimmenu.collapsed > li.activo:after, ul.slimmenu.collapsed  > li.activo > a:after {left: 0; right: auto;}

ul.slimmenu.collapsed > li:after {background: #4ca5e0;}
ul.slimmenu.collapsed > li.activo:after, ul.slimmenu.collapsed  > li.activo > a:after {background: #f19a2a;}

ul.slimmenu.collapsed li span, ul.slimmenu.collapsed li.activo span  {color: #000; }
ul.slimmenu.collapsed li a, ul.slimmenu.collapsed li a span  {color: #264c80;  border: 0;}
ul.slimmenu.collapsed li a span { padding-left: 0;}

ul.slimmenu.collapsed li ul {display: none; position: static; border: 0; padding: 0.25em; box-shadow: none; width:  100%; background:  none;}
ul.slimmenu.collapsed li li {margin: 0; background-color: transparent; color: #000; font-weight: 300; border:  0; padding:  0.25em 0;}
ul.slimmenu.collapsed li li a {color: #000;}

ul.slimmenu.collapsed li ul ul { border: 0;}
ul.slimmenu.collapsed li li li {padding-left: 0.35em;}
ul.slimmenu.collapsed li li li a {padding: 0.25em 1em; color: #264c80;}
ul.slimmenu.collapsed li li li a, ul.slimmenu.collapsed li li li > span {background: url(../../estilos/imagenes/flecha-subnavegacion.png) no-repeat 5px 8px;}
ul.slimmenu.collapsed li > ul li a:hover {color: #264c80;}

ul.slimmenu li .sub-collapser, ul.slimmenu.collapsed li.activo span.sub-collapser {position: absolute; right: 10px; top: 10px; cursor: pointer; height: 45px; width: 45px; border: 0;}
ul.slimmenu li .sub-collapser > i { color: #264c80; font-size: 1em;font-family: Arial, Helvetica,sans-serif; padding-left: 0.5em;}
ul.slimmenu li:hover .sub-collapser > i, ul.slimmenu li .sub-collapser > i:hover, ul.slimmenu li .sub-collapser > i:focus {color: #264c80;}

ul.slimmenu li li .sub-collapser  {right: 20px;}


/*Responsive*/

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

/*Slimmenu*/
#menu-principal {height: auto; background: none;}
.container.open, .container.open-tools { overflow: hidden;}
	
.open .header-container,  .open main, .open .footer-container, .open ul.slimmenu.collapsed, 
.open .menu-collapser {
-webkit-transform: translateX(280px); -webkit-transition: transform 0.4s ease; /* Safari */
transform: translateX(280px); transition: transform 0.4s ease;
}
.close .header-container, .close .menu-collapser, .close main, .close .footer-container, .close ul.slimmenu.collapsed {
-webkit-transform: translateX(0px); -webkit-transition: transform 0.4s ease; /* Safari */
transform: translateX(0px); transition: transform 0.4s ease; }

}
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.section-container p a, 
ul.listas li a, ol.num li a, ol.alfanum li a, ul.documentos li a, 
ul.mapa-web li a:hover, 
.submenu a:hover, ul.slimmenu ul li a:hover, 
.submenu li.activo a, .submenu li.activo span, .titulo a:hover {
	color:  #000;
	text-decoration: none;
	background-position: 0% 94%, 100% 94%, 0% 94%;
    background-repeat: no-repeat, no-repeat, repeat-x;
 	-webkit-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
    -moz-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
    background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
    text-shadow: 0.03em 0 #ffffff, -0.03em 0 #ffffff, 0 0.03em #ffffff, 0 -0.03em #ffffff, 0.06em 0 #ffffff, -0.06em 0 #ffffff, 0.09em 0 #ffffff, -0.09em 0 #ffffff, 0.12em 0 #ffffff, -0.12em 0 #ffffff, 0.15em 0 #ffffff, -0.15em 0 #ffffff;
    background-image: -webkit-linear-gradient(#fff, #fff),-webkit-linear-gradient(#fff, #fff),-webkit-linear-gradient(#4ca5e0, #4ca5e0);
    background-image: -moz-linear-gradient(#fff, #fff),-moz-linear-gradient(#fff, #fff),-moz-linear-gradient(#4ca5e0, #4ca5e0);
    background-image: -o-linear-gradient(#fff, #fff),-o-linear-gradient(#fff, #fff),-o-linear-gradient(#4ca5e0, #4ca5e0);
    background-image: -ms-linear-gradient(#fff, #fff),-ms-linear-gradient(#fff, #fff),-ms-linear-gradient(#4ca5e0, #4ca5e0);
    background-image: linear-gradient(#fff, #fff),linear-gradient(#fff, #fff),linear-gradient(#4ca5e0, #4ca5e0);
}

.section-container p a, 
ul.listas li a, ol.num li a, ol.alfanum li a, ul.documentos li a {font-weight: bold;}

.section-container  p a:hover,
ul.listas li a:hover, ol.num li a:hover, ol.alfanum li a:hover, ul.documentos li a:hover,
ul.mapa-web li a, .section-container p a.a-enlace 
{background-image:  none;  color:  #000; text-shadow: none;}

.breadcrumb {font-size: 0.95em; display: table; padding: 1.25em 0;}
.breadcrumb span, .breadcrumb ul {padding: 0.25em; margin: 0; display:table-cell;}
.breadcrumb span {font-weight: 800;}
.breadcrumb li {display: inline; color: #000; font-family: 'Lora', serif;}
.breadcrumb li a {border: 0; font-weight: 700;}
.breadcrumb li a:after {content: ">"; padding: 0 0.35em; font-weight: 700;}

/*Menú secundario páginas interiores*/

.submenu nav {border-right: 7px solid #f19a2a; margin-top:  10em; padding:  0 1.35em; float: right;}
.submenu a { border-bottom: 0;}

.submenu h2 { text-transform: uppercase; font-size: 1.25rem; padding: 0 0.65em ; margin-bottom: 0.65em; font-family: 'open_sansextrabold';}
.submenu li {margin-bottom: 0; padding: 0.65em 1em; font-family: 'Lora', serif; line-height: 1.35;}
.submenu li a {color: #666;}
.submenu li a:hover {color: #000;}
.submenu li.activo a, .submenu li.activo span { font-family: 'lorabold';color: #a90061;}


/*Botones*/

a.bt-enlace, button.bt-enlace, a.a-enlace,
a.bt-volver, a.bt-avanzar, button.bt-volver, button.bt-avanzar
{font-size: 1rem;  color: #000; line-height: 1.15; text-transform: uppercase; font-family: 'open_sansextrabold';}
a.a-enlace {border-bottom: 1px solid #000;}
a.a-enlace i {border-bottom: 3px solid #fff;}

a.bt-enlace, button.bt-enlace, p a.bt-enlace,
a.bt-volver, a.bt-avanzar, button.bt-volver, button.bt-avanzar
{padding: 0.55em 1.35em; border: 3px solid; margin: 1em 0; text-align: center; display: inline-block; min-width: 150px; position: relative; background:  none;}
a.bt-enlace, button.bt-enlace, p a.bt-enlace {border-color: #000;}
a.bt-volver, a.bt-avanzar, button.bt-volver, button.bt-avanzar {border-color: #4ca5e0; margin-right: 0.25em;}

a.bt-volver:before, a.bt-avanzar:after, button.bt-volver:before, button.bt-avanzar:after 
{font-family: 'FontAwesome'; display: inline-block; }

a.bt-volver:before, button.bt-volver:before 
{content: "\f104";padding-right: 10px; }

a.bt-avanzar:after, button.bt-avanzar:after 
{    content: "\f105";padding-left: 10px;}

a.a-enlace:hover {border-bottom: 0;}
a.bt-enlace:hover, .section-container p a.bt-enlace:hover,button.bt-enlace:hover,
a.bt-volver:hover, a.bt-avanzar:hover, button.bt-volver:hover, button.bt-avanzar:hover
{color: #fff; border-color: #4ca5e0; background:#4ca5e0;}

a.bt-enlace:hover .fas, button.bt-enlace:hover .fas{color: #fff;}


/*Iconos*/

.fas {
 font-family: 'FontAwesome';
-moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
font-weight: 900; }

.fas {font-size: 1.25rem; color: #f19a2a; padding-right: 10px;}

/*iconos por cada formato*/

.listas a.file, 
 .file {position: relative;}

.listas a.file:before, 
a.file:before 
{ content: ""; background: #fff url(imagenes/sprite-file.png) 2px 0 no-repeat; width: 20px; height: 22px; border-bottom: 3px solid #fff; display: block; position: absolute; top:1px; margin-left: -24px;}

p a.file { margin-left: 24px;}
p a.file:before { margin-left: 0;}

a.file.doc:before, a.file.docx:before, a.file.rtf:before 
{background-position: -23px 0;}

a.file.pdf:before {background-position: -49px 0;}
a.file.xls:before, a.file.xlsx:before, a.file.xml:before, a.file.csv:before {background-position: -75px 0;}
a.file.ppt:before, a.file.pps:before {background-position: -101px 0;}

a.file.aac:before, a.file.aif:before, a.file.iff:before, a.file.m3u:before, a.file.mid:before, a.file.midi:before, a.file.mp3:before, a.file.mpa:before, a.file.ra:before, .ram:before, .wav:before, .wma:before {background-position: -152px 0;} /*audio*/

a.file.asf:before, a.file.asx:before, a.file.avi:before, a.file.mov:before, a.file.mp4:before, a.file.mpg:before, a.file.qt:before, a.file.rm:before, a.file.wmv img {background-position: -127px 0;} /*video*/

a.file.gif:before, a.file.jpg:before, a.file.tif:before, a.file.tiff:before, a.file.png:before, a.file.jpeg:before {background-position: -177px 0;}

a.file.zip:before, a.file.rar:before, a.file.exe:before, a.file.bat:before {background-position: -202px 0;}


/* Listas
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul.listas, ol.num, ol.alfanum, ul.documentos { margin: 1em 2.35em;}
ol.num { list-style-type: decimal;}
ol.alfanum { list-style-type: lower-alpha;}

ul.listas li, ol.num li, ol.alfanum li, ul.documentos li {padding-bottom: 0.25em;}

ul.listas li:before {content:""; width:  8px; height:  8px; margin-right: 8px; background:  #f19a2a; display:  inline-block;}
ul.listas li li:before {background:  none; border: 2px solid #f19a2a;}

nav ul, .home main ul, .enlaces-imagen ul, .resultados-busqueda ul, .submenu ul { list-style: none; margin: 0;}

/*Resultados Buscar*/
.resultados-busqueda  ul { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.resultados-busqueda h2 {font-size: 1.35rem;margin-bottom: 0;}
.resultados-busqueda a {border: 0;}
.resultados-busqueda li {padding: 0.25em 0; margin: 0.25em 0; border-top: 1px dotted #666;}
.resultados-busqueda li:first-child {border-top: 0;}
.resultados-busqueda p.resultados { font-size: 1.55em; text-align: center; margin:  1em 0;}

main .resultados-busqueda input[type=text] {width: calc(100% - 80px);}


/*Paginación*/
ul.pagination { font-size: 1.25em; text-align: center; list-style: none; padding: 1.55em 0; border: 0; margin: 0;}
ul.pagination li { margin: 0; background-image: none; font-weight: 200; display: inline-block; margin-left: 0.55em; border: 0;font-family: 'open_sansextrabold';}

.section-container ul.pagination li a {padding: 0.15em 0 0  0; display: block; width: 25px; height: 43px;  text-align: center; overflow: hidden; margin: 0; color: #264c80; background: #fff; border: 0;}

ul.pagination li.next a, ul.pagination li.prev a { width: 40px; }

ul.pagination li.prev a:before,
ul.pagination li.next a:before
{color: #264c80; font-family: 'FontAwesome'; font-size: 1.25em; line-height: 35px; min-width: 35px; min-height: 35px; display: block; border: 3px solid #264c80;}

ul.pagination li.prev a:before {content: "\f104";}
ul.pagination li.next a:before {content: "\f105"; }

ul.pagination li a:hover { opacity: 0.9; border-bottom: 3px solid #4ca5e0;}

ul.pagination li.activo span, 
.section-container ul.pagination li.activo a {cursor: default; font-weight: 800; color: #4ca5e0;  border-bottom: 3px solid #4ca5e0;}
ul.pagination li.activo a:hover {text-decoration: none; opacity: 1;}
ul.pagination li.disabled a, .section-container ul.pagination li.disabled a:hover {opacity: 0.3; cursor: default;}


/* Tablas
–––––––––––––––––––––––––––––––––––––––––––––––––– */

table.datos {border: 0; margin: 1em 0; padding: 0.25em; width: 100%; display: table; border-collapse: separate; border-spacing: 2px; }
table.datos caption {display: none;}

table.datos th {color: #fff; line-height: 1.15em; background: #264c80; border: 0;font-family: 'Lora', serif;font-size:  1.25em; font-weight: 700;}
table.datos th, table.datos td  {padding: 0.55em;}

table.datos td {border: 1px solid #f1f1f1; text-align: left; background: #fff;  vertical-align: top; padding-right: 1em; empty-cells: show;}
table.datos tbody th {color: #264c80; text-align: left; background: #f1f1f1; border: 1px solid #ddd;}

table.datos tbody tr:nth-child(even) td {background-color: #f5fafc;}

table.datos th a { color: #fff;}
table.datos th a:hover { text-decoration: underline;}


/* Formularios
–––––––––––––––––––––––––––––––––––––––––––––––––– */
fieldset {border:  0; margin: 1em 0; width: 100%;}

legend { font-size: 1.35em; padding-bottom: 1em; font-weight: bold;}
label {color: #000;}

input[type=text], 
input[type=date], 
input[type=tel], 
input[type=email], 
input[type=password], 
input[type=number], 
input[type=search], 
input[type=mail], 
textarea,
select
{border: 1px solid #ddd; padding: 0.35em; font-size: 1em; margin: 0.55em 0; color: #000; background: #fff; width: calc(100% - 0.55em); height: 2.375rem;
}
textarea {min-height: 60px;}

input[type=checkbox], 
input[type=radio] {border: 0; box-shadow: none; width: auto; margin: 0.25em;}

input:required, select:required,  textarea:required {background: #ffffdd;}
input[disabled], input[readonly], select[disabled], select[readonly], textarea[disabled], textarea[readonly] {background: #efefef;}

.main-container input[type=submit], 
.main-container input[type=reset]
{display: inline-block; font-size:  1.15rem; text-transform: uppercase; font-family: 'open_sansextrabold'; border: 2px solid; margin-top: 1em; margin-right: 1em;}

.main-container input[type=submit]{background: #000; color: #fff; border-color: #000; padding: 0.55em 4em;}
.main-container input[type=reset]{background: #fff; color: #7b7b7b; border-color: #7b7b7b; padding: 0.55em 1.55em; }

input:hover,input:focus, textarea:hover, textarea:focus, select:hover {border-color: #4ca5e0;}

.main-container input[type=submit]:hover,.main-container input[type=submit]:focus {border-color: #4ca5e0; background: #4ca5e0;}
.main-container input[type=reset]:hover,.main-container input[type=reset]:focus {background: #7b7b7b; color: #fff;}


/* Misceláneo - Funcionalidad JQuery
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/*Enlaces Acordeón*/

.accordion dt, .accordion dd {padding: 0.65em 1em;}
.accordion dt {color: #264c80; font-size: 1.35em; border-top: 1px solid #efefef; padding-left: 40px; cursor: pointer; font-family: 'lorabold';}
.accordion dd {padding: 1em 3.55em;}
.accordion dt:hover {transition: color .1s; color: #264c80;}
.accordion dt.open {color: #000;}
.accordion dt:before {font-family: 'FontAwesome'; padding-right: 0.55em; content: "\f067"; float: none; font-size: 0.90em; color:#4ca5e0; margin-left: -40px;}

.accordion dt.open:before  {content: "\f068"; color:#264c80; }


/*Pestañas - Tabs*/

.tabs { margin: 1em 0;}
.tabs ul {text-align: center; margin-top: 1em; border-bottom: 2px solid #efefef;padding-bottom: 1em;}
.tabs li {display: inline-block; margin: 0 0.55em; font-family: 'open_sansextrabold'; border: 1px solid #000; text-transform: uppercase; width: auto; padding: 0.25em 1em;}

[role="tablist"] {background: #fff; color:#000;}

[role="tab"] {}

[role="tab"]:hover,
[role="tab"]:focus,
[role="tab"][aria-selected="true"] {
background: #000;  color: #fff; cursor: pointer;
}

[role="tab"][aria-selected="true"] {
cursor: default;
}
[role="tabpanel"] {padding: 1em;}


/*Carrusel*/
section.destacados-secciones {background: #f7f7f7; padding-top: 2em;}
.tag {font-size:  0.80em; line-height: 1.35; font-family: "Open Sans", sans-serif; text-transform: uppercase; font-weight: 600; padding-top: 1em; padding-right: 1em; color: #000; padding-left: 22px; display: inline-block; max-width: 240px;}
.tag:before { content: ""; width: 13px; height: 13px; display: inline-block; margin-right: 10px; background: #4ca5e0; position: absolute; margin-left: -23px; margin-top: 2px;}

.tag.industria:before { background: #08984c;}
.tag.comercio:before { background: #ff6600;}
.tag.turismo:before { background: #078292;}
.tag.energia:before { background: #9a22af;}
.tag.avancedigital:before { background: #b3200d;}
.tag.brexit:before { background: #ed1635;}

.titulo, .fecha, .codigo  {font-family: "Open Sans", sans-serif; color: #000; }
.titulo {font-size:  1.35rem; font-family: 'open_sansextrabold';}
.tag a, .titulo a {color: #000;}

.slick-ministerio {width: 100%; max-width: 1400px; overflow: hidden; margin: 0 auto;}
section.destacados-secciones .slick-ministerio .foto {height: auto; max-height: 380px;}

.slick-slide {background: #fff; padding: 2em; border-right: 1px solid #efefef; width: 33.333%;}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0; }
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;
display: flex; flex-flow: row wrap;
display:-ms-flexbox; -ms-flex-wrap:wrap; -ms-flex-direction:row;
}
.slick-slide { display: none; flex-grow: 0;}

[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

section.destacados-secciones ul.slick-dots {text-align: center; border: 0; margin: 0 auto; z-index: 5; background: none; display: block; padding: 0.55em 0;}
section.destacados-secciones  ul.slick-dots li { width: 20px; height: 30px;  background: none;  border: 0; margin: 0 0.15em; padding: 0; display: inline-block; }

ul.slick-dots li button {width: 15px; height: 15px; background: #fff; border-radius: 50%; text-indent: -9999px; overflow: hidden; border: 1px solid #ccc; margin: 0.25em; padding: 0;}

ul.slick-dots li.slick-active button {cursor: default;background: #264c80; border: 1px solid #264c80;}

/* Arrows */
.slick-prev,
.slick-next {position: absolute; bottom: 11px; display: block; overflow: hidden; width: 35px; height: 35px; padding: 0; cursor: pointer; border: 0;}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover, .slick-next:focus {opacity: 0.9;}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,.slick-next:focus:before {opacity: 1;}

.slick-prev.slick-disabled,
.slick-next.slick-disabled,
.slick-prev.slick-disabled:hover, .slick-prev.slick-disabled:focus,
.slick-next.slick-disabled:hover, .slick-next.slick-disabled:focus
{opacity: 0.5; cursor: default;}

.slick-prev:before,
.slick-next:before
{color: #fff; font-family: 'FontAwesome'; font-size: 1.55em; line-height: 1.8; min-width: 35px; min-height: 35px; display: block; background: #264c80;}
.slick-prev {right: 36px;}
.slick-prev:before {content: "\f104"; right: 0;}
.slick-next {right: 0;}
.slick-next:before {content: "\f105"; }


/*Página de error*/
.error-404 {width: 75%; margin: 0 auto;}
.error-404 img { float: right; margin-left: 2em;}
.error-404 .titulo, .error-404 .subtitulo {font-size: 2rem; text-align: center; line-height: 1; padding: 0 20%; font-family: 'lorabold';}
.error-404 .titulo span {font-size: 12rem; display: block; color: #264c80;}
.error-404 .subtitulo {color: #264c80; line-height: 1.25; margin: 0.35em 0}
	

/*Mapa del Sitio*/
ul.mapa-web, ul.mapa-web ul {list-style: none; margin: 1em 0;}
ul.mapa-web > li { font-family: 'open_sansextrabold'; font-size: 1.35rem; padding: 0; margin: 0;}
ul.mapa-web ul {font-family: 'Lora';font-size: 0.75em; margin-left: 1em;}

.section-container ul.mapa-web ul li:before {content: "\f0da"; font-family: 'FontAwesome'; padding-right: 0.25em; background:  none; border: 0;}


/*Cookies*/
#cookieChoiceInfo {position: fixed; width: 100%; margin: 0px; left: 0px; bottom: 0px; color: rgb(255, 255, 255); z-index: 1000; text-align: center; padding: 1em 2em; background-color: rgba(0, 0, 0, 0.755); font-size: 0.95em;}
#cookieChoiceInfo span { display: block; padding-bottom: 1.25em;}
#cookieChoiceInfo a {margin-left: 8px; color: rgb(255, 255, 255);  padding: 0.55em; padding-top: 0.25em;text-decoration: underline; margin: 0 1em;}
#cookieChoiceInfo a:hover {text-decoration: none; opacity: 0.7;}
#cookieChoiceInfo a#cookieChoiceDismiss {font-weight: 600; border: 1px solid #fff; text-decoration: none;}


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media print {
* {background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;}
a, a:visited {text-decoration: underline;}
a[href]:after {content: " (" attr(href) ")";}
abbr[title]:after {content: " (" attr(title) ")";}
a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}
pre, blockquote { border: 1px solid #999; page-break-inside: avoid;}
thead {display: table-header-group;}
tr, img {page-break-inside: avoid;}
img {max-width: 100% !important;}
p, h2, h3 {orphans: 3;widows: 3;}
h2, h3 {page-break-after: avoid;}
}
	
@media only screen {
.container img, .container embed, .container object {min-width: auto; height: auto;}
.container video {width: 100%; height: auto;}
.container {transition: width 0.3s ease-out 0s;}
.footer img { min-width: auto;}
}

@media only screen and (max-width: 1680px) {
.slick-ministerio {max-width: 1150px;}	
}

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

}
@media only screen and (max-width: 1420px){

}
@media only screen and (max-width: 1366px) {

	
}
@media only screen and (max-width: 1280px) {
ul.slimmenu li {font-size: 0.98rem;}
aside {width: 287px;}
.submenu nav {padding: 0 1em;}
.col-contenido, .margen {padding-left: 3%; padding-right: 3%;}
.navegacion-footer > ul > li > span, .navegacion-footer > ul > li > a {font-size: 0.85em;}

}


@media only screen and (max-width: 1150px) {
ul.slimmenu li > ul {left: -120px; right: 0;}
ul.slimmenu li {font-size: 0.90rem; padding: 0 1.20em 0.55em 1.20em;}
.header-container h1, .nombre-app {width: auto;}
}

@media only screen and (max-width: 1024px) {
aside.submenu { display: none;}
.nombre-app { margin-left: 6%;}	
.header-container h1 a { font-size: 2rem;}
nav#menu-principal { padding-top:0;}

header .tt-usuario {position: absolute; right: 30px; top: 20px; padding-right: 0; float: none;}
}

@media only screen and (max-width: 900px) { 
header .logo {margin-right: 0.25em;}
}
@media only screen and (max-width: 850px) {
.nombre-app {margin-left: 4em;}
.header-container h1 {font-size: 1rem;}
.header-container h1 a {font-size: 1.55rem;padding-top: 0.25em;}
.header-container h1 a span {font-size: 1rem;}
.header-container h1 .tt-aplicacion {font-size: 1.25rem;}
header .logo { width: auto; }
.logo img { height: 50px;}
.opciones, header .tt-usuario {display: none;}
.menu-bt-lupa {top: 15px; border-left:0;}
nav#menu-principal .menu-collapser{top: -4.25em; left: 0.55em;}
.fondo-buscar {top: 95px;}	
.col-2, .col-4 {width: 50%;}
.col-3, .col-5,.col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {width: 100%;}
}

@media only screen and (max-width: 768px) { }

@media only screen and (max-width: 680px) {
logo img {height: 50px;}
.header-container h1 {padding-top: 0;}	
.header-container h1 a span {font-size: 0.85rem;}

.header-container h1 .tt-aplicacion {display: block;padding-top: 0.25em;}
nav#menu-principal .menu-collapser {top: -4em;}
.menu-bt-lupa {right: 35px;}

#cookieChoiceInfo {font-size: 0.75em;}
	
.breadcrumb {display: none;}
h1 {font-size: 2rem; margin-top: 0.65em;}

a.bt-enlace, a.bt-buscar {margin: 1em auto;}
		
}
@media only screen and (max-width: 620px) {
.menu-bt-lupa {right: 5px;}
nav#menu-principal .menu-collapser, #menu-tools .menu-collapser {top: -4.55em;}
nav#menu-principal .menu-collapser {left: 0.55em;}
#menu-tools .menu-collapser {right: 0.25em;}
}

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

}

@media only screen and (max-width: 480px) {
.menu-idiomas {margin-left: 0;}
.opciones li, .menu-idiomas li {padding: 0 0.35em; font-size: 0.80em;}

.nombre-app {margin-left: 2.55em;}
.logo img {height: 35px;}
.header-container h1 {display: none;}

nav#menu-principal .menu-collapser {left: 0;}
nav#menu-principal .menu-collapser, #menu-tools .menu-collapser {top: -3.75em;}

.menu-bt-lupa {top: -1em; right: 3em;}
.fondo-buscar { top: 50px;}
header .buscador input[type=text] { width:100%;}

/*Sticky menu*/
.sticky {position: fixed; width: 100%; z-index:18; top: 0; left: 0; height: 50px;}
.tagline.sticky {top: 0; left: 0;  background: #fff; border-bottom: 2px solid #4ca5e0;width :  100%; margin-top:  0; text-align:  center; padding-top: 15px;}
.sticky .fondo-buscar {top: -26px;}
.header-container h1.sticky  { display: block;}
.header-container h1.sticky a span { display: inline;}
.header-container h1.sticky a {font-size: 1.55rem; padding-top: 0;}
header-container h1.sticky {padding-top: 0;}
.menu-tools.sticky {background: none; top: 50px !important;}
#menu-principal.sticky .menu-collapser { top: 0.15em !important;}
.menu-tools.sticky .menu-collapser {top: -45px !important;}
.sticky .menu-bt-lupa {top: -5em;}
.menu-tools.sticky ul {background: #33363f;position: absolute}

footer nav > ul {display: block;}
p.direccion {text-align: left; padding-top: 1em;}
p.direccion span {padding-top: 1em;}
.opciones-footer {border-bottom: 1px solid rgba(255, 255, 255, 0.25); padding-bottom: 1em;}

input[type=checkbox], input[type=radio] {margin: 0.35em;}
	
.col-1, .col-2, .col-3, .col-5,.col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {width: 100%; float: none;}
}

@media only screen and (max-width: 380px) {
.opciones li, .menu-idiomas li {padding: 0 0.35em;font-size: 0.75em;}
#menu-tools .menu-collapser {top: -3.35em; right: 0.75em;}
.menu-bt-lupa {right: 2.55em;}

.section-container h1 {font-size: 1.35rem;}
.logo img, header .logo:after {height: 30px;}
}

@media only screen and (max-width: 320px) {
.tagline.sticky {padding: 1em 5em;}
.tagline.sticky, .tagline.sticky span {font-size: 0.85rem;}
}


/*Fix for IE11 and 10 (Edge works well)*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1600px)  {  

}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1600px)  {  

}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1366px)  {  

}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1280px)  {  

}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1024px)  {  

}

/*Estilo IE9 alternativa a flexbox y más*/

.ie9 .margen p a, .ie9 .section-container.margen > ul li a, 
.ie9 .col-contenido p a, .ie9 .col-contenido > ul li a, .ie9 .col-contenido > ol li a, 
.ie9 .section-container.margen > ul.mapa-web ul > li a, .ie9 .submenu a:hover, 
.ie9  ul.slimmenu ul li a:hover, .ie9 .submenu li.activo a, .ie9 .submenu li.activo span {text-decoration: underline;}

.ie9 .margen p a:hover, .ie9 .section-container.margen > ul li a:hover, 
.ie9 .col-contenido p a:hover, .ie9 .col-contenido > ul li a:hover, 
.ie9 .col-contenido > ol li a:hover {text-decoration: none;}

.ie9 body { font-weight: normal;}

.ie9 .section-container { width: 92%}

.ie9 footer nav > ul > li { float: left;}

.ie9 .opciones-footer ul {  margin: 0 auto;}
.ie9 .navegacion-footer, .ie9 footer nav.opciones-footer ul {overflow: hidden;}

.ie9 .navegacion-footer > ul { margin:  0 auto;}
.ie9 .navegacion-footer > ul > li {width:  15%; margin:  0 1em; margin-bottom:  1em;}
.ie9 .navegacion-footer > ul > li:first-child {width:  80px;}