/*
* Webs Minetad V1.0
* Copyright 2017, SGTIC Minetad
*09/12/2017
*/


/* Í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 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: 600;}
 
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;}

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;}

img.logopdu { margin-top: -2rem; max-width: 320px; }

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

/*Clases del RadEditor*/
img.right, .imagen_derecha {margin-left: 1.55em; float: right;}
img.left, .imagen_izquierda {margin-right: 1.55em; float: left;}
img.center, img.imagen_centrada, .center  { margin: 0 auto; display: block;}
p.right { text-align: right;}
p.left {text-align: left;}
p.center {text-align: center;}
.big { font-size: 1.25em;}
.small{ font-size: 0.85em;}

.highlight, .destacado {padding: 1em; font-style: italic; color: #000; border: 3px solid #f19a2a;}

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

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


/*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; -ms-flex-positive: 0;}
footer nav > ul > li:first-child {}

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';
  src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Versión 5.14.0 de las librerías gratuitas de FontAwesome */
@font-face {
  font-family: 'FontAwesomeRegular';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/fa-regular-400.eot');
  src: url('fonts/fa-regular-400.eot?#iefix') format('embedded-opentype'), url('fonts/fa-regular-400.woff2') format('woff2'), url('fonts/fa-regular-400.woff') format('woff'), url('fonts/fa-regular-400.ttf') format('truetype'), url('fonts/fa-regular-400.svg#fontawesome') format('svg');
}

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

@font-face {
  font-family: 'FontAwesomeSolid';
  font-style: normal;
  font-weight: 900;
  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: 'loraitalic';
    src: url('fonts/lora-italic-webfont.eot');
    src: url('fonts/lora-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lora-italic-webfont.woff2') format('woff2'),
         url('fonts/lora-italic-webfont.woff') format('woff'),
         url('fonts/lora-italic-webfont.ttf') format('truetype'),
         url('fonts/lora-italic-webfont.svg#loraitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Tipografía
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body, body.ms-backgroundImage { font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; background: #fff; color: #333;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
}

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

h1 { font-size: 2.55rem; margin-top:  0; margin-bottom: 0.65em; font-family: 'open_sansextrabold'; }
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: 0.85rem;  margin: 0; text-align: center;line-height: 1;  color:  #000; font-family: 'lorabold'; padding-top: 0.75em;  /* width: calc(100% - 560px); */ border-bottom: 3px solid #4ca5e0; }
.header-container h1 a {font-size: 3.55rem; color: #264c80; display: block; font-family: 'lorabold_italic'; letter-spacing: -1px;}
.header-container h1 a span { font-size: 2.4rem; color: #fff; font-family: 'lorabold_italic'; background-color: #4ca5e0; padding: 0 3rem 0 1rem; border-radius: 25px; margin-left: -12px; letter-spacing: normal;}
.header-container h1 a span:after {
	content: "\f1fa";
    font-family: 'FontAwesomeSolid';
    color: #fff;
    background: #4ca5e0;
    border-radius: 50%;
    display: inline;
    text-align: center;
    font-size: 1.1em;
    padding: .4rem;
    border: 5px solid #f1f1f1;
    margin-left: 7px;
    margin-top: 8px;
    position: absolute;
    transition: all .5s ease-in-out;
}
.header-container h1 a:hover span:after {
	transition: all .3s ease-in-out;
	background: #fff;
	color: #4ca5e0;
	border: 5px solid #4ca5e0;
}

.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;}

.texto-alertas, .panel-avisos, .procedimientos .aviso, p.valido, p.alerta  {padding: 0.55em 1.55em; font-family: 'loraitalic'; margin: 1em 0; position: relative; background:  #fff;}
.texto-alertas, .panel-avisos, .procedimientos .aviso  {border: 3px solid #f19a2a; color: #000; font-size: 1.15em; }

.texto-alertas:before, .panel-avisos:before, .aviso-encuesta:before, .opinion:before, .form-participa:before { content: ""; width:  100%; height: 50px; border-bottom:  5px solid #ddd; display: block; margin-bottom: 2em;}
.texto-alertas:after, .panel-avisos:after, .aviso-encuesta:after, .opinion:after, .form-participa:after { content: ""; width:  100%; height: 50px; display: block; position: absolute; top: 1em;}

.texto-alertas:after, .panel-avisos:after {background: url( imagenes/im-alertas.png) no-repeat center;}
.aviso-encuesta:after, .opinion:after, .form-participa:after {background: url( imagenes/im-pregunta.png) no-repeat center;}

/* 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: 85vh; 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% - 300px - 2%); overflow:  hidden;}
.nombre-app, header .tagline, header .logo {float: left;}

header .logo {margin-right: 3em; width:  270px;}
/*header .logo:after {content: ""; background: url(imagenes/constitucion-40.png) no-repeat; width: 236px; height: 60px;display: inline-block; float: right;}*/

.menu-idiomas { background: #264c80; padding: 0.25em 0; padding-left:  2%; margin-left:  -0.65em; height: 34px;}

.opciones {float: right; position: relative; margin-right:  2%;/* width: 300px; */top: -52px;}
.opciones li, .menu-idiomas li {padding: 0 0.65em; display:inline-block; font-size:  0.85em;}
.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, header .buscador { float: left;}
.opciones nav {margin-top: 1.35rem;}
.opciones li.activo { text-decoration: underline;}

/* Modificación buscador */
header .buscador {
	position: absolute;
	top: 80px; /* 76 */
	width: 250px; /*300*/
	right: 0;
	height: 50px;
	background-color: #fff;
	border-radius: 50px;
	box-shadow: inset 0 0 5px rgba(0,0,0,.5);
}
.menu-bt-lupa,
/* input[type=submit].boton-buscar,*/
input[type=submit].menu-boton-buscar {
	cursor:pointer; 
	border: 0;
	text-indent: -1000px;
	overflow: hidden;
	line-height: 0;
	margin: 0;
	float: right;
	color:#000;
	background: url(imagenes/bt-lupa.png) no-repeat center 10px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
    background-color: #4ca5e0a8; 
    /*transition: all .2s ease-in-out;*/
}
.menu-bt-lupa:hover, input[type=submit].menu-boton-buscar:hover {
    background-color: #4ca5e0;
    transform: scale(1.1);
}

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

header .buscador input[type=text] {
	border: 0;
	/* padding: 0 1em; */
	font-size: 1em;
	background-color: transparent;
	color: #000;
	height: 35px;
	width: calc(100% - 80px);
    font-family: "Open Sans", sans-serif;
	font-weight:  500;
	text-align: left;
	margin-left: .7rem;
	border-radius: 15px;
	margin-top: .5rem;
}

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;/* #586f7b*/
	border-top: 7px solid #4ca5e0; 
	padding: 1em;
    position: relative;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: 97% 100%;
    background-size: 210px;
}
.navegacion-footer, .opciones-footer {
	width: 50%;
    margin: 1em auto;
    flex-flow: row;
    flex-wrap: wrap;
    line-height: 1;
    position: relative;
    font-family: "Open Sans", sans-serif;
    text-align: left;
    padding-left: 6rem;
}
footer nav > ul {
    display: flex;
    flex-flow: column wrap;
    align-content: flex-start;
    z-index: 9;
    position: relative;
}
.navegacion-footer {
	border-right: 1px solid #ccc;
	order: 1;
}
.opciones-footer {order: 2;}

.navegacion-footer:before,
.opciones-footer:before{
    content: "";
    font-family: 'FontAwesomeSolid';
    color: #c3c3c3;
    font-size: 8rem;
    position: absolute;
    top: 0;
    right: 20%;
    /*left: 10%;*/
    transition: all .5s ease-in-out .1s;
    opacity: 0;
    transform: translateY(-75px);
    z-index: 1;
}
.navegacion-footer:before{
    content: "\f109";
}
.opciones-footer:before{
    content: "\f15c";
}
.navegacion-footer:hover:before,
.opciones-footer:hover:before{
	transition: all .3s ease-in-out .1s;
    opacity: .2;
    transform: translateY(+10px);
}
 
.navegacion-footer li h3 a {
    color: #000;
}
.navegacion-footer > ul > li.activo,
.navegacion-footer > ul > li > a,
.opciones-footer > ul > li > a {
    font-family: 'open_sansextrabold';
    font-size: 1.1rem;
    color: #fff;
    line-height:1.6;
}
.navegacion-footer > ul > li.activo{
	color: #4ca5e0;
}
.navegacion-footer ul li a:before,
.opciones-footer ul li a:before {
    content: "";
    position: absolute;
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent;
	transform: translateX(-25px);
	transition: all .2s linear;
	margin-top:.7rem;
}
.navegacion-footer ul li:hover a:before,
.opciones-footer ul li:hover a:before {
	border-width: 6px 0 6px 10.4px;
	border-color: transparent transparent transparent #4ca5e0;
	transform: translateX(-15px);
	transition: all .2s linear;
}
.navegacion-footer li a,
.opciones-footer li a {
    color: #000;
    font-weight: 600;
}
p.direccion {
    font-size: .85rem;
    text-align: center;
    /*position: absolute;
    bottom: -4px;*/
    margin: auto;
    color: #fff;
    letter-spacing:.4px;
    width:100%;
    left:0;
    line-height: 1.2;
    margin-bottom:.6rem;
	order: 4;
}
p.direccion span {} p.direccion span a {
    color: #fff;
}
footer .logo {
    margin: 0.5em 0 1.5em;
    text-align: center;
    clear: both;
    width:100%;
	order: 3;
}
footer .logo img {
    padding: 0;
	background: #fff;
}

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


/*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: 305px;}
.col-contenido {width: calc(100% - 305px);padding-left: 5%; padding-right:  5%; padding-bottom: 4em;}

.submenu, .sidebar, .col-contenido {display: table-cell; vertical-align: top;}
.col-contenido.col-centro { width: 50%;}
.sidebar { padding-top:  2em;}

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


/* Slimmenu (navegación Responsive)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
nav#menu-principal {clear: both; background: #fff; padding-top: 1em}
ul.slimmenu { display: flex; flex-wrap: nowrap; flex-flow: row; justify-content: flex-start; width: calc(100% - 115px); position:relative;z-index:99;} 
ul.slimmenu li {text-transform: uppercase; 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; /*#264C80;*/
  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;}

/* Modificación menú hamburguesa */
nav#menu-principal .menu-collapser {
	left: .5em;
	top: -4.55em;
	overflow: hidden;
}
.collapse-button {
	width: 49px;
	height: 49px;
	left: 5px;
	cursor: pointer;
	text-align: center;
	border-radius: 5px;
}
.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: "menú";
    position: absolute;
    display: block;
    width: 30px;
    height: 4px;
    background: #262626;
    cursor: pointer;
    font-size: .85em;
    color: #000;
    font-family: "Open Sans", sans-serif;
    line-height:5;
	}
nav#menu-principal .icon-bar {top: 20px; 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;}

/* Modificación menú hamburguesa */
.open nav#menu-principal .icon-bar:before,
nav#menu-principal .open .icon-bar:after
    {/*background: #fff;*/ top: 0;}

.open nav#menu-principal .icon-bar:before {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";}
.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);
  content: "";}
/*///////// */


/* 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:  280px; margin: 0 auto; left: -140px; right: -140px;}	
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;} */

/* menú principal desplegable  */
ul.slimmenu li > ul {
    position: absolute;
    top: 100%;
    width:260px;
    background: #fff;
    padding: 1em 0.65em;
    display: none;
    z-index: 99;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2);
    margin: 0 auto;
    left: 0px;
    border-bottom: 5px solid #4ca5e0;
    border-radius: 0 15px 15px 15px;
}
ul.slimmenu ul li {
    float: none;
    padding: 0.5em;
    border-bottom: 1px solid #e5e5e5;
    font-size: .9em;
    font-family: "Open Sans", sans-serif;
}
ul.slimmenu li > ul li {
    padding: 0.5em 1em;
}
ul.slimmenu li > ul li a:before {
    content: "";
    position: absolute;
    top:12px;
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent;
	transform: translateX(-25px);
	transition: all .3s linear;
}
ul.slimmenu li > ul li:hover a:before {
	border-width: 6px 0 6px 10.4px;
	border-color: transparent transparent transparent #4ca5e0;
	transform: translateX(-15px);
	transition: all .3s linear;
}
ul.slimmenu li > ul li a:after {
    content: "";
    position: absolute;
    bottom:0;
    left:0;
    width: 0;
	height: 0;
	transition: all .3s linear;
}
ul.slimmenu li > ul li:hover a:after {
    width: 100%;
	height: 1px;
	background-color: #4ca5e0;
	transition: all .3s linear;
}
ul.slimmenu ul li:hover {
    border-bottom: 1px solid #fff;
}
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;
}
ul.slimmenu.collapsed li > ul li a:before,
ul.slimmenu.collapsed li > ul li a:after {
    content: 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(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: 1em;}
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.activo .sub-collapser > i { color: #fff;}*/
ul.slimmenu li li .sub-collapser  {right: 20px;}

/*Menu herramientas*/

/*nav.menu-tools:before{
	content: "\f0ad";
    font-family: 'FontAwesomeSolid';
    font-size: 2.3rem;
    display: block;
    z-index: 2;
    line-height: 0;
    padding-top: .7rem;
    font-weight: 100;
    margin-bottom:0;
}*/

nav.menu-tools h2
/*nav.menu-tools li a:before*/ {
   /* background: url(imagenes/iconos-quicklinks.png) no-repeat; */
}
nav.menu-tools h2 {
    left: 0;
    position: relative;
    margin: 0;
    text-indent: -1000px;
    overflow: hidden;
    background-position: center -3px; /*-10*/
    background-size: 60px;
    display: block;
    width: 115px;
    height: 57px;
}
nav.menu-tools h2 a {
    display: block;
}
nav.menu-tools h2:before {
    bottom: 7px;
}
nav.menu-tools li a {
    color: #fff;
    font-size: 0.75em;
    display: block;
    text-align:center;
    font-weight: 600;
    text-shadow: 1px 1px #000;
}
nav.menu-tools li a:before {
    content: "\f1e1";
    font-family: 'FontAwesomeSolid';
    font-size: 2.3rem;
    display: block;
    z-index: 2;
    line-height: 1.4;
    padding-top: .7rem;
    font-weight: 100;
}
nav.menu-tools li.rgpd a:before {
    font-family: 'FontAwesomeBrands';
    content: "\f23e";
}
nav.menu-tools li.canales-acceso a:before {
    content: "\f109";
}
nav.menu-tools li.sugerencias a:before {
    content: "\f086";
}
nav.menu-tools li.hora-oficial a:before {
    content: "\f017";
}
nav.menu-tools li.cartas-servicios a:before {
    content: "\f15c";
}
nav.menu-tools li.registro a:before {
    content: "\f2c2";
}
nav.menu-tools li.medios a:before {
    content: "\f274";
}
nav.menu-tools li.comprobacion a:before {
    content: "\f1c0";
}
nav.menu-tools li.verificacion a:before {
    content: "\f058";
}
nav.menu-tools li a span,
nav.menu-tools li a abbr {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    display: block;
    text-align: center;
    padding: 0 1em;
    line-height: 1;
    font-weight: 600;
}
nav.menu-tools li a abbr[title] {
    border: 0;
}
/*Herramientas collapsed*/
#menu-tools .menu-collapser {
    right: 1.25em;
    top: -4.55em;
}
#menu-tools .collapse-button {
    width: 40px;
    height: 40px;
    background: url(imagenes/tools-responsive.png) no-repeat;
}
#menu-tools .icon-bar {
    position: absolute;
    display: block;
    cursor: pointer;
    width: 40px;
    height: 40px;
}
/*.open #menu-principal .menu-collapser, .open #menu-tools .menu-collapser,
.open-tools #menu-principal .menu-collapser, .open-tools #menu-tools .menu-collapser { z-index: 1;}	

.close #menu-principal .menu-collapser, .close #menu-tools .menu-collapser,
.close-tools #menu-principal .menu-collapser, .close-tools #menu-tools .menu-collapser { z-index: 1;}	*/


/*Responsive*/

@media only screen and (min-width: 1081px) {
	.main-container {overflow: hidden;}

	.home-container section, .section-container {
		width: calc(100% - 115px);
	}
	nav.menu-tools {
		position: absolute;
		top: -57px !important;
		right: -5px;
		bottom: 0;
		background-image: linear-gradient(transparent 57px, #33363f 57px);
	}
	nav.menu-tools ul {
		width: 115px;
	}
	nav.menu-tools li {
		background: rgba(76,76,76,1);
		background: -moz-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 23%, rgba(71,71,71,1) 33%, rgba(44,44,44,1) 46%, rgba(0,0,0,1) 56%, rgba(17,17,17,1) 66%, rgba(43,43,43,1) 79%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
		background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(23%, rgba(102,102,102,1)), color-stop(33%, rgba(71,71,71,1)), color-stop(46%, rgba(44,44,44,1)), color-stop(56%, rgba(0,0,0,1)), color-stop(66%, rgba(17,17,17,1)), color-stop(79%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
		background: -webkit-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 23%, rgba(71,71,71,1) 33%, rgba(44,44,44,1) 46%, rgba(0,0,0,1) 56%, rgba(17,17,17,1) 66%, rgba(43,43,43,1) 79%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
		background: -o-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 23%, rgba(71,71,71,1) 33%, rgba(44,44,44,1) 46%, rgba(0,0,0,1) 56%, rgba(17,17,17,1) 66%, rgba(43,43,43,1) 79%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
		background: -ms-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 23%, rgba(71,71,71,1) 33%, rgba(44,44,44,1) 46%, rgba(0,0,0,1) 56%, rgba(17,17,17,1) 66%, rgba(43,43,43,1) 79%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
		background: linear-gradient(135deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 23%, rgba(71,71,71,1) 33%, rgba(44,44,44,1) 46%, rgba(0,0,0,1) 56%, rgba(17,17,17,1) 66%, rgba(43,43,43,1) 79%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=1 );

		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
		transition: all .3s ease-in-out;
		height:95px;
	}
	nav.menu-tools li:hover {
		transform: translateX(-5px);
		border-radius: 10px 0 0 10px;
		border-left: 1px solid rgba(255, 255, 255, 0.25);
	}
	nav.menu-tools ul li a {
		padding-right: 5px;
	}

}

@media only screen and (max-width: 1080px) {
	.nombre-app { margin-left: 4%;}	
	.home-container section, .section-container {width: 100%;}
	nav.menu-tools h2 { width: 0; height: 0;}
	
	.menu-tools {position: relative; top: 0 !important; left: 0; min-height: 100px; /*background: #33363f;*/}
	.menu-tools ul {display: none;}
	.menu-tools ul.collapsed {display: flex; /*width: 100%; */flex-flow: row nowrap;}
	.menu-tools li {border-left: 1px solid rgba(255, 255, 255, 0.25);
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	}
	nav.menu-tools li {
		background: rgba(76,76,76,1);
		background: -moz-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 23%, rgba(71,71,71,1) 33%, rgba(44,44,44,1) 46%, rgba(0,0,0,1) 56%, rgba(17,17,17,1) 66%, rgba(43,43,43,1) 79%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
		background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(23%, rgba(102,102,102,1)), color-stop(33%, rgba(71,71,71,1)), color-stop(46%, rgba(44,44,44,1)), color-stop(56%, rgba(0,0,0,1)), color-stop(66%, rgba(17,17,17,1)), color-stop(79%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
		background: -webkit-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 23%, rgba(71,71,71,1) 33%, rgba(44,44,44,1) 46%, rgba(0,0,0,1) 56%, rgba(17,17,17,1) 66%, rgba(43,43,43,1) 79%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
		background: -o-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 23%, rgba(71,71,71,1) 33%, rgba(44,44,44,1) 46%, rgba(0,0,0,1) 56%, rgba(17,17,17,1) 66%, rgba(43,43,43,1) 79%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
		background: -ms-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 23%, rgba(71,71,71,1) 33%, rgba(44,44,44,1) 46%, rgba(0,0,0,1) 56%, rgba(17,17,17,1) 66%, rgba(43,43,43,1) 79%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
		background: linear-gradient(135deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 23%, rgba(71,71,71,1) 33%, rgba(44,44,44,1) 46%, rgba(0,0,0,1) 56%, rgba(17,17,17,1) 66%, rgba(43,43,43,1) 79%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=1 );
	
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
		transition: all .3s ease-in-out;
		height:95px;
	}
	nav.menu-tools li:hover a {
		transition: all .3s ease-in-out;
	}
	nav.menu-tools li:hover a {
		transform: scale(1.1);
	}
}

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

/*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, .open .menu-tools ul {
-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; }

/*Menu tools*/
.menu-tools {min-height: 0;}
.open-tools nav.menu-tools ul {
-webkit-transform: translateY(0px); -webkit-transition: transform 0.4s ease; 
transform: translateY(0px); transition: transform 0.4s ease;
}
.close-tools nav.menu-tools ul { 
-webkit-transform: translateY(-70px); -webkit-transition: transform 0.4s ease; 
transform: translateY(-70px); transition: transform 0.4s ease;}

.open-tools #menu-tools .collapse-button {opacity: 0.25;}
	
}

/*Home*/

.home-container {padding-bottom: 2em;}

.home-container section {/*width: calc(100% - 115px); */ background: #f1f1f1; padding: 1em 5%; position: relative;}

.home-container section.enlaces {background: #fff;}

section.introduccion{
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

section.introduccion:before {
	content: "\f1fa";
    font-family: 'FontAwesomeSolid';
    color: #ddd;
    font-size: 25em;
    position: absolute;
    top: -80px;
    left: 35%;
    z-index:0;
}
section.introduccion h1, section.introduccion > p,
section.introduccion .panel-avisos {margin: 1em auto; width: 80%;}

section.introduccion > p  {border-bottom: 1px solid #ccc; margin-bottom: 1em;}
.panel-avisos p {padding: 0;}

section.introduccion h1, section.introduccion p {
	text-align: center;
    line-height: 1.1;
    font-family: 'lorabold_italic';
    font-size: 2rem;
    position:relative;
    z-index: 9;
}
section.introduccion h1 { color: #264c80;}
section.introduccion p {font-size: 1.6em; padding-top: 0;}
section.introduccion .panel-avisos p {font-size: 1.20em; line-height: 1.35;}

.home-container a.enlace-home,
section.destacados .resultado-datos li > a {
	text-transform: uppercase;
	color: #000;
	min-width: 200px;
	display: block;
	font-style: normal;
	font-size: 1rem; 
	font-family: 'open_sansextrabold';
	transition: all .3s ease-in-out;
}
.home-container a.enlace-home:before,
section.destacados .resultado-datos li > a:before {
	content: "\f101";
    font-family: 'FontAwesomeSolid';
    color: #fff;
    background: #4ca5e0;
    border-radius: 50%;
    display: inline;
    font-size: 1em;
    padding: .4rem .5rem;
    border: 4px solid #fdfdfd;
    margin-right: 5px;
    transition: all .5s ease-in-out;
}
.home-container a.enlace-home:hover:before ,
section.destacados .resultado-datos li > a:hover:before {
	text-decoration: none;
	transition: all .3s ease-in-out;
	background: #fff;
	/*color: #070809;
	border: 4px solid #4ca5e0;*/
}

.home-container a.enlace-home:hover {text-decoration: none; color: #4ca5e0; }

.home-container a.enlace-home {margin: 0 auto; margin-top: 1.55em;}


section.destacados h2, section.enlaces h2 { color: #000; text-align: center; font-size: 2.25rem; margin-top: 0; }
section.destacados h2 { font-size: 3rem; margin-bottom: 0.55em; font-family: "open_sansextrabold";}

section.destacados .procedimientos { position: relative;}
section.destacados .procedimientos > ul { text-align: center; margin: 1em 0;}
section.destacados .procedimientos > ul > li { display: inline-block; margin: 0 0.55em; }
section.destacados .procedimientos > ul > li > a {background: #fff; color:#000; border: 4px solid #ccc; text-transform: uppercase; font-weight: 800; width: auto; padding: 0.25em 1em; border-radius: 10px;}
section.destacados .procedimientos > ul > li > a.active  {cursor: default; color: #fff; background: #000; border: 4px solid #fdfdfd; box-shadow: 0 0 3px rgba(0,0,0,.9);}
section.destacados .procedimientos > ul > li > a:hover { background: #4ca5e0;  color: #fff;}
/*section.destacados .procedimientos > ul > li > a.active:hover { background: #000;}*/


section.destacados .enlaces-todos {position: absolute; right: 5%; padding: 2em 1em; z-index: 99;}

#tab-1, #tab-2 {max-width: 1600px; overflow: hidden; width: 100%;}

.swiper-button-next, .swiper-button-prev, a.prev, a.next { width: 53px; height: 53px; background: url(imagenes/bt-volver-avanzar.png) no-repeat; display: block;
position: absolute; overflow: hidden; text-indent: -1000px; top: 45%; cursor: pointer;} 
.swiper-button-next, a.next  {background-position: top right;}
.swiper-button-prev, a.prev { background-position: top left;}

.swiper-button-next  {right: -4%; }
.swiper-button-prev {left: -4%;}

.swiper-button-disabled {opacity: 0;}

.swiper-pagination {height: 50px; text-align: center;}
.swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 50%; margin: 0.25em; background:  #fff; border: 1px solid #ccc; display: inline-block; cursor: pointer;}

.swiper-pagination-bullet-active { background:  #264c80; border: 1px solid #264c80;}

section.destacados .resultado-datos ul {
    background: #fff;
    border: 0;
    margin-top: 1.55em;
    clear: both;
    display: flex;
    flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    -ms-flex-direction: row;
}
section.destacados .resultado-datos ul li {
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-top: 0;
    padding: 1.55em 2em 2.75em 1.7em;
    flex-grow: 0;
    width: 25%;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    position: relative;
}
section.destacados .tag {
    padding-right: 0;
    padding-top: 0;
}
section.destacados .resultado-datos li > a {
    position: absolute;
    bottom: 1.3em;
    transition: all .3s ease-in-out;
}
section.destacados .resultado-datos li > a:hover {
    text-decoration: none;
    color: #4ca5e0;
}
/* section.destacados .compartir-enlace { top: .5em;} */
section.destacados .titulo {top: 1em;}

section.enlaces h2 { font-size: 2.25rem; /*border-bottom: 1px solid #ccc; */ padding-top: 1em;  margin-bottom: 1em; font-family: "open_sansextrabold";}
section.enlaces .carrousel{ overflow: hidden; width: 100%; /*min-height: 280px;*/}
section.enlaces ul {
display: flex; flex-flow: row wrap;
display:-ms-flexbox; -ms-flex-wrap:nowrap; -ms-flex-direction:row;}

section.enlaces ul > li {padding-bottom: 0.65em; border-radius: 20px; /* border: 1px solid #ccc; */ padding: 0.55em; margin: 1em; text-align: center; flex-grow:0; line-height: 1.1; transition: all .3s ease-in-out; font-weight: 600;}	

section.enlaces ul > li:hover { box-shadow: 0 0 3px rgba(0,0,0,.5); }	

section.enlaces ul > li img {margin: 0 auto ;display: block; }
section.enlaces ul > li span {font-size:  0.85em;  }
a.prev, a.next { top: 60%;}
a.next  {right: 1.5%; }
a.prev {left: 1.5%;}

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

.margen p a, .section-container.margen > ul li a, .col-contenido p a, .col-contenido > ul li a, .col-contenido > ol li a, .error-404 a, .panel-avisos a,
.ficha-datos a,.titulo a:hover, .gris a, .temas a:hover, .section-container.margen > ul.mapa-web li a:hover, .section-container.margen > ul.mapa-web ul > li a, section.enlaces ul > li  a:hover span, .direccion ul li a, .submenu a:hover, ul.slimmenu ul li a:hover, .listado-enlaces li a:hover, .listado-documentos li a:hover, .suscribirse a, .submenu li.activo a, .submenu li.activo span {
	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);
}
.col-contenido p a, .col-contenido > ul li a, .col-contenido > ol li a, .error-404 a, .panel-avisos a  {
    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);
}

.col-contenido p a:hover, .col-contenido > ul li a:hover, .col-contenido > ol li a:hover, .error-404 a:hover, .ficha-datos a:hover, .panel-avisos a:hover, .gris a:hover, a.close, .section-container.margen > ul.mapa-web > li a, .section-container.margen > ul.mapa-web ul > li a:hover, .direccion ul li a:hover, .margen p a:hover, .section-container.margen > ul li a:hover, .suscribirse a:hover {background-image:  none;  color:  #000;}

.ficha-datos a.bt-enlace, .ficha-datos a.ver-todo, .ficha-datos a.bt-buscar {text-shadow: none;}
.main-container .sidebar li a { border: 0;}

.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: 600;}

/*Menú secundario páginas interiores*/

.submenu nav {
	border-right: 7px solid #264C80; /*#f19a2a*/
	margin-top:  10em;
	padding:  0 .5em 0 2.3em;
	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 Sans', sans-serif; font-weight: 800;*/ 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-weight: 600; color: #264c80;}


/*Botones*/
a.bt-enlace,
a.ver-todo,
a.bt-buscar {
    padding: 0.55em 1.35em;
    font-size: 1.25em;
    color: #264c80;
    border: 3px solid;
    margin: 1em 0;
    text-align: center;
    line-height: 1.15;
    display: table;
    background: none;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    font-family: 'open_sansextrabold';
    -webkit-transition: border-color 0.4s, color 0.4s;
    transition: border-color 0.4s, color 0.4s;
    cursor: pointer;
}
a.bt-enlace,
a.bt-buscar {
    border-color: #4ca5e0;
    min-width: 250px;
    -webkit-transition: border-color 0.4s, color 0.4s;
    transition: border-color 0.4s, color 0.4s;
    ;
}
a.ver-todo {border-color: #4ca5e0; color: #264c80; margin: 0 auto; width:  350px; display:  block;}
a.ver-todo:after {font-family: 'FontAwesome'; padding-right: 0.35em; content: "\f067"; padding-left:  1em;}

a.bt-enlace:before, a.ver-todo:before, a.bt-buscar:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #4ca5e0;
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.1, 1, 1);
	transform: scale3d(0.1, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

a.bt-enlace, a.ver-todo, a.bt-buscar,
a.bt-enlace:before, a.ver-todo:before, a.bt-buscar:before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
a.bt-enlace:hover, a.ver-todo:hover, a.bt-buscar:hover {color: #fff;}
a.bt-enlace:hover:before, a.ver-todo:hover:before, a.bt-buscar:hover:before {opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
a.bt-enlace:before, a.bt-buscar:before{background: #4ca5e0;}
a.ver-todo:before {background: #264c80;}

.participa a.bt-enlace {margin: 1em auto;}


/*Iconos*/
/*iconos por cada formato*/
.listado-enlaces a:before,
.listado-documentos a:before,
.grupo-enlaces p a:before {
    /*content: "";
    background: #fff url(imagenes/sprite-file.png) 2px 0 no-repeat;
    width: 20px;
    height: 22px;
    padding-left: 24px;
    border-bottom: 3px solid #fff;*/
    
    content: "";
	font-family: 'FontAwesomeSolid';
	font-size: 1.3rem;
	width: 20px;
	height: 19px;
	display: inline-block;
	top: 1px;
	margin-right: -26px;
}
.listado-enlaces a:before,
.listado-documentos a:before,
.grupo-enlaces a:before {
    /* background-position: -274px 0; */
    content: "\f15b";
	color:#57565c;
}
.grupo-enlaces a.doc:before,
.grupo-enlaces a.docx:before,
.grupo-enlaces a.rtf:before,
doc:before,
.docx:before,
.rtf:before,
.grupo-enlaces a.doc:before,
.grupo-enlaces a.docx:before,
.grupo-enlaces a.rtf:before {
    /* background-position: -23px 0; */
    content: "\f1c2";
	color: #0a8db5;
}
a.pdf:before,
.listado-enlaces a.pdf:before,
.grupo-enlaces a.pdf:before {
    /*background-position: -49px 0;*/
    content: "\f1c1";
	color: #a40638;
}
.xls:before,
.xlsx:before,
.xml:before,
.csv:before,
.listado-enlaces a.xls:before,
.listado-enlaces a.xlsx:before,
.listado-enlaces a.xml:before,
.listado-enlaces a.csv:before,
.grupo-enlaces a.xls:before,
.grupo-enlaces a.xlsx:before,
.grupo-enlaces a.xml:before,
.grupo-enlaces a.csv:before {
    /*background-position: -75px 0;*/
    content: "\f1c3";
	color: #2c711f;
}
a.ppt:before,
a.pps:before,
.listado-enlaces a.ppt:before,
.listado-enlaces a.pps:before,
.grupo-enlaces a.ppt:before,
.grupo-enlaces a.pps:before {
    /*background-position: -101px 0;*/
    content: "\c33e22";
	color: #2c711f;
}
.aac:before,
.aif:before,
.iff:before,
.m3u:before,
.mid:before,
.midi:before,
.mp3:before,
.mpa:before,
.ra:before,
.ram:before,
.wav:before,
.wma:before {
    /*background-position: -152px 0;*/
    content: "\f1c7";
	color: #064a68;
}
/*audio*/

.asf:before,
.asx:before,
.avi:before,
.mov:before,
.mp4:before,
.mpg:before,
.qt:before,
.rm:before,
.wmv img {
   /* background-position: -127px 0; */
    content: "\f1c8";
	color: #d21a4f;
}
/*video*/

.gif:before,
.jpg:before,
.tif:before,
.tiff:before,
.png:before,
.jpeg:before {
    /* background-position: -177px 0; */
    content: "\f1c5";
	color: #80129b;
}
.zip:before,
.rar:before .exe:before,
.bat:before {
    /*background: none;
    width: 0;
    height: 0;
    padding: 0;*/
    content: "\f1c6";
	color: #777;
}
.htm:before .html:before,
.php:before,
.asp:before,
.aspx:before,
.xhtml:before,
.es:before,
.com:before,
.net:before {
    /* background-position: -274px 0; */
    content: "\f1c6";
	color: #90a605;
}

/*Enlace RSS*/
.container-novedades { position: relative;}
main .rss:after {background: #fff url(imagenes/icono-rss.png) no-repeat top right; width: 45px; height: 39px; content: ""; display: inline-block; position: absolute; border-bottom:  0;}


/*Iconos*/
.btn, .icn { margin: 0.25em; position: relative; }
.btn {width: 35px; height: 35px; text-indent:-1000px; overflow: hidden; display: inline-block;
background-color: #f1f1f1;/*Old browsers */ 
background: -webkit-linear-gradient(to top, #ddd 0%, #f1f1f1 100%);
background: -o-linear-gradient(top, #ddd 0%,#f1f1f1 100%);
background: -ms-linear-gradient(to top, #ddd 0%, #f1f1f1 100%);
background: linear-gradient(to top, #ddd 0%, #f1f1f1 100%);/*W3C */
}
.icn  {padding: 0.55em; padding-left: 2.35em;}

a.icn, a:hover.icn { border: 0;}
.btn:hover { opacity: 0.7; border: 2px solid #c7c7c7;}

.btn:before, .icn:before{content: ""; background: url(imagenes/sprite-iconos.png) no-repeat; position: absolute; top:2px; left: 2px; width: 30px; height: 30px;}


/* Listas
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section-container ul, .section-container ol { margin: 1em 2.35em;}
.section-container ol { list-style-type: decimal;}
.section-container li { margin-bottom: 0.35em;}
.section-container ul li:before {content:""; width:  8px; height:  8px; margin-right: 8px; background:  #f19a2a; display:  inline-block;}
.section-container ul li li:before {background:  none; border: 2px solid #f19a2a;}

.section-container ol.alfanum { list-style-type: lower-alpha;}

.section-container nav li:before, 
.section-container .breadcrumb li:before,  
.section-container .pagination li:before,
.section-container ul.mapa-web li:before,
.section-container .menu-faq li:before,
.section-container .resultados-busqueda li:before,
.section-container .listado-enlaces li:before,
.section-container .listado-documentos li:before,
.section-container .RadEditor li:before,
.section-container .buscar-datos li:before,
.section-container .buscar-parametros li:before,
.section-container .resultado-datos ul li:before,
.section-container .form-participa ul li:before,
.section-container .modal-content ol > li li:before
{width:  0; height:  0; background: none; margin:  0; display: inline; content: none;}

.section-container ul[class^="col-"]  { margin: 1em 0;}

.sidebar ul {margin: 1em 0; list-style-position:inside;}
.sidebar li {}
.sidebar li:first-child {}

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

/*listas resultado datos*/
.participa {border: 5px solid #f1f1f1; margin: 1.25em 0; padding: 1.25em 2em;}
p.resultados, p.rad-resultados {font-family: 'Lora', serif; font-weight:  400; font-size: 1.25em;}
p.resultados {margin-top: 4em;}
p.resultados span {font-style: italic; font-size: 0.9em; display: block;}
p.resultados strong {font-weight:  700; font-size: 1.25em;}

.resultado-datos ul { /* border: 1px solid #ddd; */ margin: 1.25em 0;}
.resultado-datos li {border-top: 1px solid #ddd; padding: 0.65em 1.25em; margin: 1em 0; overflow: hidden; position: relative; transition: all .2s ease-in-out;}

.resultado-datos ul li:hover { transform: scale(1.01); background-color: #f6f6f6; box-shadow: 0 0 5px rgba(0,0,0,.3); border-radius: 10px; }

.resultado-datos li:first-child {border-top: 0;}

.resultado-datos .columna-left  {display: flex; flex-direction: column;}
.resultado-datos .columna-left .tag  { min-height: auto; line-height: 1.5;}
.resultado-datos .columna-left .titulo {margin: 0; padding-bottom: 1.5rem; padding-top: 1.25rem; height: auto; line-height: 1.3;}

.resultado-datos .columna-left .tag {order: 1;}
.resultado-datos .columna-left .titulo {order: 2;}
.resultado-datos .columna-left .codigo {order: 4;}
.resultado-datos .columna-left .tema {order: 3;}

.tag,  .titulo, .organo, .codigo, .fecha { display: block;}
.tag {
	font-size:  0.8em;
	line-height: 1.35;
	font-family: "Open Sans", sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	padding-top: 1em;
	padding-right: 0;
	color: #000;
	padding-left: 14px;
	display: block;
    min-height: 50px;
    /*border-bottom: 1px solid #ccc;*/
}
.tag:before { content: ""; width: 10px; height: 10px; display: inline-block; margin-right: 10px; background: #4ca5e0; position: absolute; margin-left: -15px; margin-top: 3px;}
.tag.teleco:before { background: #dd3333;}
.tag.energia:before { background: #9a22af;}
.tag.turismo:before { background: #078292;}
.tag.industria:before { background: #08984c;}
.tag.comercio:before { background: #ff6600;}

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

.codigo {font-weight: 600; font-size: 0.95em;}
.descripcion {font-size:  1.05em; padding-bottom:  0;}
.fecha { font-size: 0.95em;}
.organo, .tema, .temas { 
	color: #666;
    font-family: "Open Sans", sans-serif;
    padding: 0.55em 0;
    display: block;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 1.2rem;
    border-top: 1px dotted#7fcde6;
    border-bottom: 1px dotted#7fcde6;
}
.organo a, .tema a, .temas a {color:  #264c80; /*#666*/ }

.columna-left  {float: left; width: calc(100% - 230px); padding-right: 2em; border-right: 1px solid #f1f1f1;}
.columna-right {float: right; width: 220px;padding-left: 1em; margin-top: 1.75em;}


/*Modos de acceso*/
.modo-acceso span {font-family: "Open Sans", sans-serif; font-size:  0.85rem;  min-height:  43px;}
.resultado-datos .modo-acceso span {display: block; padding-left: 40px; padding-top: 10px;}

.tt-acceso {left: -1000em; position: absolute;}

.acceso-libre, .certificado-digital, .user-pwd, .clave, .codigo-expediente {background: url(imagenes/iconos-acceso.png) no-repeat;line-height: 1;}
.gris .acceso-libre, .gris .certificado-digital, .gris .user-pwd, .gris .clave, .gris .codigo-expediente {display: block; float: left; width: 40px; height: 30px; text-indent: -1000px; overflow: hidden;}

.acceso-libre { background-position: 0 3px;}
.certificado-digital {background-position: 0 -78px;}
.user-pwd, .codigo-expediente {background-position: 0 -242px;}
.clave {background-position: 0 -160px;}


/*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  de resultados*/
.section-container ul.pagination { font-size: 1.25em; text-align: center; list-style: none; padding: 1.55em 0; border: 0; margin: 0;}
.section-container 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: 35px; text-align: center; overflow: hidden; margin: 0; color: #264c80; background: #fff; border: 0;}

.section-container ul.pagination li.next a, .section-container  ul.pagination li.prev a { text-indent: -1000em; background-image: url(imagenes/botones-volver-avanzar.png); background-repeat: no-repeat; width: 40px;}

.section-container ul.pagination li.prev a {background-position: 0 5px;}
.section-container ul.pagination li.next a {background-position: -63px 5px;}

.section-container ul.pagination li a:hover { opacity: 0.9; border-bottom: 3px solid #4ca5e0;}
.section-container ul.pagination li.next a:hover, .section-container  ul.pagination li.prev a:hover {border: 0;}

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

.section-container ul.pagination li.disabled a, .section-container ul.pagination li.disabled a:hover {opacity: 0.3; cursor: default;}


/*Lista de Faqs*/
.menu-faq .tt-categorias { text-transform: uppercase; font-weight: 300; font-size: 1.35em; }
.menu-faq ul {margin: 1.55em 0 2.55em 0; list-style: none;}
.menu-faq li {display: inline-block; font-size: 1.25em; margin: 0; margin-right: 0.55em; margin-bottom: 0.55em; font-family: "Bree Serif", serif;}
.menu-faq a { display: inline-block; padding:0.55em  0.75em; vertical-align: middle; font-style: normal;
-webkit-transform: translateZ(0);
transform: translateZ(0);
position: relative;
overflow: hidden;
}
.menu-faq a:before {content: ""; position: absolute;/* z-index: -1; */left: 0; right: 0; top: 0; bottom: 0;
border-color: #4ca5e0; border-style: solid; border-width: 0;
-webkit-transition-property: border-width;
transition-property: border-width;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.menu-faq a:hover:before, .menu-faq a:focus:before, .menu-faq .activo a:before {
-webkit-transform: translateY(0);
transform: translateY(0);
border-width: 3px;
}
.menu-faq ul li a, .menu-faq ul li a:hover { color: #000; border-bottom: none;}
.menu-faq li.activo {position: relative;}

.menu-faq li.activo a { background:#4ca5e0; color:  #fff;}
.menu-faq li.activo a:hover {color:  #fff;}
.menu-faq li.activo:after {
content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
	border-color: #4ca5e0 transparent transparent  transparent;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 0.55em);
    z-index: 99;
}

div.preguntas-frecuentes  { margin: 2em 0;}
.preguntas-frecuentes h2 { margin-top: 1em; color: #000; font-size: 1.35rem;}
.preguntas-frecuentes h2 strong { font-style: italic;}


/*Enlaces Acordeón*/

.accordion dt, .accordion dd {padding: 0.65em 1em;}
.accordion dt {color: #000; font-size: 1.25em; cursor: pointer; font-family: 'open_sansextrabold';}
.accordion dd {padding: 1em;}
.accordion dt:hover {transition: color .1s; color: #264c80;}
.accordion dt.open {color: #264c80;}
.accordion dt:before {font-family: 'FontAwesome'; padding-right: 1em; content: "\f078"; color: #000; float: right;}
.accordion dt.open:before  {content: "\f077"; color:#264c80; }


/*Listado de documentos y enlaces*/
.section-container > .grupo-enlaces { width: 85%;}
.sidebar .grupo-enlaces { margin-top: 6em; margin-left:  1em;}

ul.listado-enlaces, .listado-documentos ul {/*border: 6px solid #f9f9f9;*/ padding: 1em 2.55em; margin: 1.55em 0 2.55em 0;}
.listado-documentos li, ul.listado-enlaces li {list-style:none; padding: 0.65em 0; position: relative;}
ul.listado-enlaces >li, .listado-documentos li {border-bottom: 1px solid #ddd; margin-bottom: 0;}
ul.listado-enlaces >li:last-child, .listado-documentos li:last-child {border-bottom: 0;}

ul.listado-enlaces > li {margin-bottom: 0.55em;}
.listado-documentos > ul > li {margin-bottom: 0;}
.listado-enlaces li a, .listado-documentos li a {font-weight: 700; color: #264c80;}

.listado-enlaces li a, .listado-documentos li a {color: #000; font-style: normal; border: 0; padding-left: 1.55em;}

.listado-enlaces a:before, .listado-documentos li a:before { position: absolute; left: 0; top: 0.4em;}
.listado-documentos ul ul {border: 0; padding: 0;padding-top: 1em; margin: 0;} 


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

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

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

.tabladatos th, .tabladatos td, 
table.datos th, table.datos td, 
table.zebra th, table.zebra td  {padding: 0.55em;}

.tabladatos td, table.datos td, table.zebra td {border: 2px solid #f1f1f1; text-align: left; background: #fff;  vertical-align: top; padding-right: 1em; empty-cells: show;}

.tabladatos tbody th, table.datos tbody th, table.zebra tbody th { color: #264c80; text-align: left; background: #f1f1f1; border: 1px solid #ddd; font-weight: 600;}
.tabladatos tbody tr.principal td, table.datos tbody tr.principal td { color: #264c80; background: #f1f1f1; border: 1px solid #ddd; font-weight: 600; padding-right: 0.95em;}
.tabladatos tbody tr.principal td:first-child, table.datos tbody tr.principal td:first-child  { width: 460px;}
.tabladatos tbody tr.subobjetivo td:first-child, table.datos tbody tr.subobjetivo td:first-child { padding-left: 2em; }
.tabladatos tbody td span, table.datos tbody td span, table.zebra tbody td span { padding-left: 2em;}

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


/* Formularios
–––––––––––––––––––––––––––––––––––––––––––––––––– */

fieldset {border:  0;}
legend { font-size: 1.55em;}
label {color: #000;}

main input[type=text], main input[type=date], main input[type=tel], main input[type=email], main input[type=password], main input[type=number], main input[type=search], main input[type=mail], textarea {border: 1px solid #ddd; padding: 0.35em; font-size: 1.25em; margin: 0.55em 0; width: 100%; color: #000; background: #fff;}

main select {border: 3px solid #ddd; padding: 0.35em; font-size: 0.95em; margin: 0.25em 0; min-height: 45px; width: 100%; color: #000; background: #fff; }

input[type=checkbox], input[type=radio] {border: 0; box-shadow: none; width: auto; margin: 0.55em 1em;}
input[type=submit], input[type=reset] {font-size:  0.95rem; text-transform: uppercase; font-family: 'open_sansextrabold';}


input[type=text]:hover,input[type=text]:focus, textarea:hover, textarea:focus, select:hover {}
input[type=number]:hover, select:hover {border: 3px solid #f19a2a; background: #f19a2a;}


/*Encuestas de calidad*/

/*Ventana Modal*/
.modal {position: fixed; top: 0;right: 0; bottom: 0; left: 0;z-index: 1050; display: none;overflow: hidden; -webkit-overflow-scrolling: touch;}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {overflow-x: hidden;overflow-y: auto;}
.modal-dialog {position: relative; width: 55%; margin: 1em auto; min-height: 300px;}
.modal-content {position: relative; background-color: #fff; box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
}
.modal-backdrop {position: fixed;top: 0; right: 0;bottom: 0; left: 0; z-index: 1040; background-color: #000;}
.modal-backdrop.fade {opacity: 0;}
.modal-backdrop.in {opacity: .3;}
.modal-header .close {margin-top: -2px;}
.modal-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll;}

.modal-content {padding: 1em; font-size: 0.95em;} 
.ficha-datos.procedimientos .modal-content h2 { text-align: center; color: #000; border-bottom: 1px solid #ddd; font-size: 2em; margin: 1em 0;}
.modal-content p {color:  #666; font-family: "Lora", serif; font-size: 1.25em; text-align: center; padding: 1em;}
.modal-content p.descripcion {font-size: 0.95em; padding: 1em; text-align: left;}
.modal-content fieldset {width: 100%; margin: 0 auto; padding-top: 0; margin-left: 0;}
.modal-content legend {display:  none;}

.modal-body { padding: 0 5%;}
.modal-content ol li legend {display: inline-block; font-size: 1em; padding-top: 0; margin-bottom: 0;}

input#datetimepicker { display: inline-block; width: 250px; padding: 0.25em 1em; font-size: 1em;;}

.modal-content textarea { width: 90%}
.modal-content ol {counter-reset:li;  /*Initiate a counter */ margin-left: 1em;}
.modal-content ol > li {position:relative; list-style:none; margin-left: 15px; padding-bottom: 0.55em; font-size: 1em; color: #000;}
.modal-content ol > li:before {font-family: 'lorabold';
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top: 0;
    left: -35px;
	width: 25px;
	line-height:1;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
	color:#ee684a;
	font-size: 1.25rem;
	font-weight: 800;
/*	border-right: 3px solid #f19a2a;*/
	text-align: center;
}
.modal-content ul {margin: 0;}
.modal-content ol > li li { display: inline-block; padding: 0.55em 0.25em;}

.modal-content p.descripcion { font-size: 0.85em; text-align: center; line-height: 1.25; margin-top: 1em;}
.modal-content .g-recaptcha {width: 305px; margin-bottom: 1em;}


/*Buscador de datos*/

.section-container .buscar-datos {
    padding: 1em 7%;
    background: #fcfcfc;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
    height: 175px;
    /*margin: 2em -7.333%; */
    
    margin-bottom: 100px;
}
.buscar-datos input[type=search] {
    width: 80%;
    margin: 1em auto;
    padding-left: 2em;
    font-family: "Open Sans", sans-serif;
    border-radius: 65px;
}
.home-container .buscar-datos {
    width: 25%;
    border-radius: 15px;
    background: #fff;
    position: absolute;
    top: 20px;
    right: 5%;
    padding: 0 1em;
	border-radius: 50px;
	box-shadow: inset 0 0 5px rgba(0,0,0,.5);
}
.home-container .buscar-datos input[type=search] {
    border: 0;
    width: calc(100% - 80px);
    padding: 0.55em 0;
    margin: 0;

    font-size: 1em;
    background-color: transparent;
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    text-align: left;
    border-radius: 65px;
    margin-top: .5rem;
}
.home-container .buscar-datos input[type=submit] {
    cursor:pointer; 
	border: 0;
	text-indent: -1000px;
	overflow: hidden;
	line-height: 0;
	margin: 0;
	float: right;
	color:#000;
	background: url(imagenes/bt-lupa.png) no-repeat center 10px;
	width: 50px;
	height: 50px;
	min-width: 50px;
	border-radius: 50%;
   /* background-color: #4ca5e0a8; */
    transition: all .2s ease-in-out;
}
.home-container .buscar-datos input[type=submit]:hover {
	/* background-color: #4ca5e0; */
    transform: scale(1.1);
}

/*.buscar-datos input[type=search]:before { content: ""; width: 60px; height: 40px; background: url(imagenes/bt-lupa.png) no-repeat top left; display: block;}*/

.buscar-parametros { margin: 0 auto; min-width: 60%;}
.buscar-parametros:after {content: " "; display: table; width: 100%;}
.buscar-parametros > ul, .botones {width: auto; float: left; margin: 0; margin-bottom: 1em;}

.buscar-parametros > ul > li  {display: inline-block; padding: 0.25em 1.55em; border: 1px solid #000; margin: 0; margin-right: 2em; background: #fff; font-family: "Open Sans", sans-serif; border-radius: 10px;}

.buscar-parametros li a, .buscar-datos input[type=submit], .enlaces-todos, a.sin-paginar, .opinion input[type=submit], input[type=submit].bt-buscar  {display: inline-block; font-size:  0.95rem; text-transform: uppercase; color: #000; margin:  0; /*padding-top:  0.25em;*/ font-family: 'open_sansextrabold'; border-radius: 10px;}
.buscar-parametros > ul > li a span {font-family: "Open Sans", sans-serif;}
.buscar-parametros li a:hover {text-decoration: underline;}
.buscar-parametros li a.activo:after {color: #000;  font-family: 'FontAwesome'; content: "\f00c"; padding-left: 0.55em;}

.buscar-datos button {display: inline-block; font-size:  0.95rem; text-transform: uppercase; margin: 0; font-family: 'open_sansextrabold'; margin-right: 2em; background: none; color: #666; padding: 0.35em 1em; border: 0; line-height: 1.65;text-decoration: underline;}

.buscar-datos button:hover{text-decoration: none; color:#000;}

.buscar-datos input[type=submit], .opinion input[type=submit], input[type=submit].bt-buscar { background: #000; color: #fff; padding: 0.45em 2em; margin-right: 1em; border:  0;}
.form-participa input[type=submit].bt-buscar {font-size: 1.25em;}

input[type=submit].bt-buscar { margin: 1em auto; display: block; width: 300px;}
input[type=submit]:hover {background: #4ca5e0; color:  #fff;}

a.enlaces-todos, a.sin-paginar  {line-height: 1; text-decoration: underline;}
a.sin-paginar  { margin-top: 4em;}
a:hover.enlaces-todos, a:hover.sin-paginar { text-decoration: none;}
.buscar-parametros legend {text-align: center; border-bottom: 1px solid #ddd; margin-bottom: 0.25em; font-family: 'open_sansextrabold'; font-weight:  700; font-size: 1.75em; width: 100%;}

.dropdown ul {margin: 0; padding: 0; height: 250px; overflow: auto; padding-right: 1em;}
.dropdown li { margin: 0; padding: 0; padding-bottom: 0.25em; display:block; background:#fff;}
.dropdown li:first-child {padding-bottom: 1em; font-weight: 600;}
.dropdown label {font-size:  0.95em;}

.dropdown label span, .buscar-parametros input[type=checkbox], .buscar-parametros input[type=radio] {/*display:block; float: left;*/}
.buscar-parametros input[type=checkbox], .buscar-parametros input[type=radio] {margin:0.55em;}
.dropdown label  {/*overflow: hidden; display:block;*/}
.dropdown label span { width: 320px; line-height: 1.35; padding-top: 0.25em;}

.modalDialog {z-index: -1; opacity: 0; margin: 0 auto; min-width: 380px;
pointer-events: none;
background-color: #fff;box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.2);
padding: 1em; overflow: hidden;	
position: fixed; top: 50%; left: 50%; width: auto; height: auto;
	
/*-webkit-transition: opacity 100ms ease-in;
-moz-transition: opacity 100ms ease-in;
transition: opacity 100ms ease-in;*/
transition: all 0.3s;
	
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);	
}
.modalDialog:target {opacity:1; pointer-events: auto; z-index: 98; border-radius: 20px;}

.modalDialog .dropdown {padding: 1em; position: relative; margin: 0 auto; height: 335px; /* overflow: auto; */border:1px solid #fff;}
.modalDialog .close, .modal-header .close {border: 1px solid #000; color: #000; position: absolute; right: 1em;text-align: center;top: 1em;/*width: 35px;height: 35px;*/ padding: 0.25em 0.65em; text-decoration: none;font-weight: bold; font-family: 'open_sansextrabold'; border-radius: 50%;}
.modalDialog .close:hover, .modal-header .close:hover  {background: #000; color: #fff;}

.buscar-datos .modalDialog input[type=search] { width: 80%;}
.modalDialog input[type=submit] { margin: 0 auto; margin-top: 1em; width: 150px;display: block;}

.filtro { border: 1px solid #ddd; padding: 0.55em; position: relative; padding-right:  1em; float: right; cursor: pointer; width: 250px; margin-right: 0.65em; margin-top: 3em; border-radius: 15px;}
.filtro .dropdown {font-family: "Open Sans", sans-serif; font-weight: 600; color:  #000; padding-left: 1em; font-size: 1em; width: 100%;}
.filtro .dropdown:before { content: "\f107";width: 20px; height: 20px; display: block; float: right; color: #000;  font-family: 'FontAwesome'; font-size: 1.55em; line-height: 1.25; margin-left: 30px;}

.filtro fieldset > ul {display: none; position: absolute; background-color: #fff; width: 100%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 1em; z-index: 99; font-family: "Open Sans", sans-serif; margin: 0; top: 3em; left: 0; font-size: 0.95em;border: 1px solid #f1f1f1; }
.filtro:hover fieldset > ul {display: block;}

.filtro fieldset > ul > li {color:  #000; font-weight: 600;}
.filtro fieldset > ul > li li {color:  #666; font-weight: 400;}
.filtro fieldset > ul > li ul {margin: 1em;}
.filtro input[type=radio] { margin-right: 0.25em;}


/*Detalle de datos*/
.ficha-datos  { margin: 1em 0; position: relative; /*overflow: hidden;*/}
.ficha-datos h2 { padding-top: 0;}
.ficha-datos, .fichadatos-opendata { border: 1px solid #ddd; padding: 1em 2.55em;}
.ficha-datos dl:after {content: " "; display: table; clear: both;}
.ficha-datos dt {font-size: 1.35em; color: #285286; padding: 0.25em 0; border-bottom: 1px dotted #888; margin-bottom: 0.95em; font-family: 'lorabold';}
.ficha-datos dd { padding-bottom: 0.55em; width: 90%;}

.ficha-datos dd dl, .ficha-datos dl.gris, 
.ficha-datos div.gris dl {display: flex; flex-flow: row; flex-wrap:wrap;
display:-ms-flexbox; -ms-flex-direction:row; -ms-flex-wrap: wrap;}

.ficha-datos dd dt, .ficha-datos dd dd, 
.ficha-datos dl.gris dt, .ficha-datos dl.gris dd,
.ficha-datos div.gris dt, .ficha-datos div.gris dd
{ margin-bottom:0; padding: 0; font-size: 1em; line-height: 1.25em; padding-bottom: 0.95em; border: 0;
/*flex-basis: auto; */ flex-grow: 0; 
/*-ms-flex-preferred-size: auto;*/ -ms-flex-positive:0;}

.ficha-datos dd dt, .ficha-datos dl.gris dt {padding-right: 1.55em; color:  #000;}

.ficha-datos dd dt { width: 40%;}
.ficha-datos dd dd { width: 60%;}
.ficha-datos dd dd ul{margin-left: 0; padding-bottom: 0.5em;}

.ficha-datos a.bt-enlace {padding: 0.55em 1.35em; margin-bottom: 1em;}

/*Procedimientos*/
.ficha-datos.procedimientos { border: 0; padding: 0;}
.ficha-datos.procedimientos h2 {color: #000; padding-bottom: 0; border-bottom: 1px solid #ddd; margin-top: 1.55em; margin-bottom: 1em;}

.procedimientos a.bt-volver {/*position: absolute; top: -75px; right: 0; width: 100px; height: 50px;*/ 
	color: #264c80; 
	font-size: 0.95em; 
	text-transform: uppercase; 
	font-family: 'open_sansextrabold'; 
	background-image: none;
    display: inline-flex;
    align-items: center;
    margin-bottom: 2em;
	border-bottom: 1px solid #4ca5e0;

}
.procedimientos a.bt-volver:before {/*width: 65px; height: 50px;*/
	content: "\f190";
	font-size: 2em; 
	line-height: 0.75;
	font-family: 'FontAwesome'; 
	padding-right: 0.25em;
	background: #fff;
	margin-bottom: -3px;
}
.procedimientos a.bt-volver:hover,
.procedimientos a.bt-volver:focus {border-bottom: 1px solid transparent;}

.ficha-datos.procedimientos .gris, .ficha-datos.procedimientos .sia {padding: 1em 2.55em; background: #fafafa; border: 1px solid #ddd;}
.ficha-datos dl.gris dt, .ficha-datos dl.gris dd, 
.ficha-datos dl.sia  dt, .ficha-datos dl.sia dd, 
.ficha-datos div.gris dt, .ficha-datos div.gris dd
{border-bottom: 1px dotted #888; padding: 0.65em 0;}
.ficha-datos dl.gris dt{ width: 230px;}
.ficha-datos dl.gris dd  { width: calc(100% - 230px);}

.ficha-datos div.gris h4{ padding-top: 1em;}
.ficha-datos div.gris dl { padding: 0.25em 0;}
.ficha-datos div.gris dt { width: 50%; color: #000; padding-right: 2em;}
.ficha-datos div.gris dd  { width: 50%;}


.ficha-datos dl.sia dt, .ficha-datos dl.sia dd { width: 100%;}
.ficha-datos dl.sia dt { color:  #000; font-size:  1.25em; margin-bottom: 0;}

.ficha-datos .accordion {padding:  0; background: #fafafa; border: 1px solid #ddd; border-bottom: 0; margin-top: 1em; margin-bottom: 2em;}
.ficha-datos .accordion dt, .ficha-datos .accordion dd {border-bottom: 1px solid #ddd; }
.ficha-datos .accordion dt {color: #000; font-size: 1.25em; text-transform: uppercase; font-family: 'open_sansextrabold'; background: #fff;
padding: 0.55em 1em; margin-bottom: 0;}
.ficha-datos .accordion dd {padding:1em;  padding-left: 4.5em; width: 100%;}

.accordion .acceso-libre, .accordion .certificado-digital, .accordion .user-pwd, .accordion .clave, .accordion .codigo-expediente {padding: 0 2.55em 0.30em 2.55em;}

.ficha-datos.procedimientos a.file2, .ficha-datos.procedimientos a.file {/*font-weight: 600;font-size: 1.15em; */}

.aviso-encuesta { position: relative; margin:1em 0;}
.aviso-encuesta p { font-size: 1.15em; color:  #000; text-align: center; margin-bottom: 2em;}
.aviso-encuesta strong {font-size: 1.55em;}
.aviso-encuesta a.bt-enlace { margin:  0 auto; width: 320px;}

/*Datos Abiertos*/
.ficha-datos .rating-ficha {position: absolute; right: 2em; top: 1.55em;}

.rating-ficha .titulo { display:  none;}
.stars, .votantes {display: inline-block; padding-right: 0.25em;}

.fa {display: inline-block; /*font: normal normal normal 1em/1 FontAwesome; font-size: inherit;*/ font-family: 'FontAwesome'; font-style: normal;
text-rendering: auto; 
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale;}

.fa-star:before {content: "\f005"; }
.fa-star-o:before {content: "\f006";}
.fa-star-half:before {content: "\f089";}
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {content: "\f123"}

.fa-star:before, .fa-star-o:before, .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {font-size: 1.25em; 
color: #efa819; 
background: -webkit-linear-gradient(#f2d655,#d18b19);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}	
	
figure.foto {float: right; padding-left: 3em; margin-top: 3em; clear: both; width: 260px; background: #fff; margin:  0; text-align: center;}
figure.foto img {width: 220px;}

/*Rating star input*/

.rating {overflow: hidden; display: inline-block}
input[type=radio].rating-input {float: right; width: 18px; height: 18px; padding: 0; margin: 0 0 0 -18px; opacity: 0}
.rating-star {cursor: pointer; position: relative; display: block; width: 18px; height: 18px; background: url(imagenes/star.png) 0 -18px}
.rating-star:hover {background-position: 0 0}
.rating-star {position: relative; float: right; display: block; width: 18px; height: 18px; background: url(imagenes/star.png) 0 -18px}
.rating-star:hover,.rating-star:hover~.rating-star {background-position: 0 0}
.rating-input:checked~.rating-star,.rating-star:hover,.rating-star:hover~.rating-star {background-position: 0 0}
.rating-input:checked~.rating-star,.rating:hover .rating-star:hover,.rating:hover .rating-star:hover~.rating-star {background-position: 0 0}
.rating-star,.rating:hover .rating-star {position: relative;float: right;display: block;width: 18px;height: 18px;background: url(imagenes/star.png) 0 -18px}


/*Formularios Opendata*/
.aplicaciones .bloque-izq label{ display: block;}
.aplicaciones .bloque-izq input, .aplicaciones  .bloque-izq select{width: 250px;}

.opinion {margin: 2em 0; overflow: hidden; text-align: center; position: relative;}
.opinion fieldset { padding: 1em 0; overflow: hidden; margin: 0 auto;}
.opinion legend{ font-size:1.65em;  padding: 0.35em 0; line-height: 1.25em; font-family: 'Lora', serif; font-weight:  700; color: #000; text-align: center; width: 100%;}

.opinion fieldset > label{ font-size: 0.85em; padding-top: 1.15em; padding-bottom: 0.15em; display: block; clear: both; color: #666;}
.opinion textarea {width: 98%; resize:none; height: 60px;}
.opinion .mensaje {   clear: both; font-size: 1.15em; font-style: italic; padding-top: 10px;}

.form-participa { position: relative; padding-bottom: 1em;  border-bottom: 3px solid #ddd; margin-bottom: 1.65em; width: 80%; margin-bottom: 1em;}
.form-participa label, .form-participa legend {font-family: 'Open Sans', sans-serif; font-weight: 400; color:  #000; padding: 0.25px 0; display: block;}
.form-participa input {display: block; margin-bottom: 0.25em;}
.form-participa textarea {height: 100px; width: 100%; margin-bottom: 1em;}
.form-participa legend {font-size: 1em;}
.form-participa { }

.g-recaptcha { width: 300px; margin: 0 auto;}

.form-participa input[type="radio"]{ width: auto; display: inline; border: 0; margin-right: 5px;}
.form-participa .radio label{ display: inline-block; font-size: 1em; padding-bottom: 0.25em;}
.form-participa ul { margin: 1em 0;}

/*Formatos Open data*/
.fichadatos-opendata {margin-bottom: 1em;}

h2.csv-f, h2.odf-f, h2.pdf-f, h2.rdf-f, h2.shp-f, h2.sparql-f, h2.xml-f, h2.excel-f, h2.wms-f, h2.html-f, h2.default-f,  h2.xlsx-f, h2.ods-f, h2.kml-f, h2.rest-f, h2.json-f { color: #fff; font-size: 1.15em; padding: 0.25em 0.35em; border-radius: 5px; width: 85px; text-align: center; margin: 1em 0;font-family: 'Open Sans', sans-serif; font-weight: 300;}

a.csv-f, a.odf-f, a.pdf-f, a.rdf-f, a.shp-f, a.sparql-f, a.xml-f, a.xls-f, a.xlsx-f, a.excel-f, a.wms-f, a.html-f, a.default-f, a.ods-f, a.kml-f,  a.json-f, a.rest-f { color: #fff !important; font-size: 1em; padding: 3px 10px; border-radius: 5px; min-width: 45px; text-align: center; margin-bottom: 1em; /*display:block;*/ margin-left: 20px; border: 0; cursor: pointer;
font-family: 'Open Sans', sans-serif;font-weight: 300; background-image:  none !important; text-shadow: none;}

a.csv-f:hover, a.odf-f:hover, a.pdf-f:hover, a.rdf-f:hover, a.shp-f:hover, a.sparql-f:hover, a.xml-f:hover, a.xls-f:hover, a.excel-f:hover, a.wms-f:hover, input.html-f:hover, a.default-f:hover, a.ods-f:hover, a.kml-f:hover, a.rest-f:hover, a.json-f:hover{ text-decoration: underline;}

.csv-f { background: #92b601 !important;}
.odf-f { background: #000 !important;}
.pdf-f { background: #e40c2a !important;}
.rdf-f { background: #c93973 !important;}
.shp-f { background: #191695 !important;}
.sparql-f { background: #650d75 !important;}
.xml-f { background: #596f07 !important;}
.excel-f, .xls-f, .xlsx-f, .kml-f { background: #0e6e02 !important;}
.wms-f { background: #0c6775 !important;}
.html-f { background: #f14a29 !important;}
.default-f { background: #888 !important;}
.ods-f { background: #917822 !important;}
.rest-f { background: #ee9803 !important;}
.json-f { background: #07a5c7 !important;}

/*Prestadores*/
.suscribirse {border: 2px solid #4ca5e0; padding: 1em 2em; font-size: 1.25em; text-align: center;display: inline-block; margin: 1em auto;}  

.pasos-suscripcion { padding: 2em 3em; border: 3px solid #4ca5e0; margin:  1em 0;}
.pasos-suscripcion h3 {font-family: 'loraitalic'; margin-top: 0;}
.pasos-suscripcion ol {/*list-style-type: none; */padding-bottom: 2em; border-bottom: 1px solid #4ca5e0; margin: 1em 0; counter-reset:li;  /*Initiate a counter */ }

.pasos-suscripcion ol li {color:  #666; text-transform: uppercase; display: inline-block; font-size: 1.25em; font-family: "Open Sans", sans-serif; font-weight: 400; padding: 1em 1.55em; padding-right:  75px; position: relative;}

.pasos-suscripcion ol > li:before {font-family: 'open_sansextrabold';
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top: 1.25em;
    left: 0;
	width: 25px;
    height: 25px;
    border-radius: 50%;
	line-height:1.15;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
	color:#fff;
	font-size: 1.25rem;
    text-align: center;
    background: #5c5c5c;
}

.pasos-suscripcion ol > li:after {content: ""; width: 65px; height: 53px; background: url(imagenes/bt-volver-avanzar.png) no-repeat -60px 0; display: block; position: absolute; top: 0.55em; right: 0;}
.pasos-suscripcion ol > li:last-child:after {background: none;}
.pasos-suscripcion ol > li.activo:before { background: #264c80;}

.pasos-suscripcion ol li span {display: none;}
.pasos-suscripcion ol li.activo {font-family: 'open_sansextrabold'; color:  #264c80;}

.pasos-suscripcion label { display: block; padding-bottom: 1em;}
main .pasos-suscripcion input[type=mail] {width: 65%; margin:  0;}
.pasos-suscripcion input[type=submit] {padding: 0.55em 1.55em; background: #000; color: #fff; margin: 0; border: 0;}


/* Misceláneo - Funcionalidad JQuery
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Compartir Procedimientos en RRSS */

.resultado-datos .compartir-enlace {
	right: .3em;
	bottom: 1em;
}
.columna-right .compartir-enlace {
	right: .3em;
	top: 2em;
}
.columna-right .compartir-enlace,
.compartir-enlace {
	max-width: 45px;
	padding: 0.55em;
	padding-top: 0;
	max-height: 45px;
	overflow: hidden;
	border-radius: 10px;
	position: absolute;
	cursor:pointer;
	
	-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
	-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	   -moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	     -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	        transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
	   -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
	     -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
	        transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.columna-right .compartir-enlace:hover,
.compartir-enlace:hover {
	max-height: 160px;
	border: 1px solid #efefef;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);
	background-color: #fff;
		
	-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
	-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	   -moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	     -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	        transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
	   -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
	     -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
	        transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.resultado-datos .columna-right .compartir-enlace span.compartir-label:before,
section.destacados div.compartir-enlace span.compartir-label:before {
	content: "\f1e1";
    font-family: 'FontAwesomeSolid';
    color: #444; /*c3c3c3*/
    font-size: 2rem;
}

.resultado-datos .columna-right .compartir-enlace ul{ margin: auto;}
.resultado-datos .columna-right compartir-enlace ul li {border-top: none; padding: 0.65em 1.25em; overflow: visible; position: relative;}

.resultado-datos .columna-right .compartir-enlace ul li,
section.destacados .resultado-datos .compartir-enlace ul li {
	border-bottom: none;
	border-right: none;
	overflow:visible;
	border: 0;
}

.resultado-datos .columna-right .compartir-enlace ul li{
	padding: 0.55em 2em 0.55em 2em;
}

section.destacados .resultado-datos .compartir-enlace ul li{
	padding: 0.25em 2em 0.25em 2em;
}
section.container .resultado-datos .columna-right .compartir-enlace ul li{
	margin-bottom: auto;
}
.resultado-datos .columna-right .compartir-enlace ul li:hover,
section.destacados .resultado-datos .compartir-enlace ul li:hover {
	transform: none;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
}
.resultado-datos .columna-right .compartir-enlace ul li > a:before,
section.destacados .resultado-datos .compartir-enlace ul li > a:before{
	left: 0;
	padding: 0;
	border-radius: initial;
	border: none;
	margin-right:0;
}
.resultado-datos .columna-right .compartir-enlace ul li > a:hover:before
section.destacados .resultado-datos .compartir-enlace ul li > a:hover:before{
	border:none;
}
.resultado-datos .columna-right .compartir-enlace ul li a span,
.compartir-enlace ul li a span,
.compartir-enlace span.compartir-label span{
	display:none;
}
.resultado-datos .columna-right .compartir-enlace a.social,
.compartir-enlace a.social {
	display: block;
	width: 32px;
	transition: all .1s ease-in-out;
	position: absolute;
	bottom:6px;
	left:0;
}
/*.compartir-enlace a.social:hover {
	transform: scale(1.1);
}*/
.resultado-datos .columna-right .compartir-enlace a.social.facebook:before,
.resultado-datos .columna-right .compartir-enlace a.social.twitter:before,
.resultado-datos .columna-right .compartir-enlace a.social.correo:before,
.compartir-enlace a.social.facebook:before,
.compartir-enlace a.social.twitter:before,
.compartir-enlace a.social.correo:before {
	content: "";
    font-family: "FontAwesome";
    font-size: 2rem;
    margin: inherit;
    font-weight: 300;
    background-color: #fff;
    line-height: .9;
    position: absolute;
	bottom:6px;
	left:0;
}
.resultado-datos .columna-right .compartir-enlace a.social.facebook:before,
.compartir-enlace a.social.facebook:before {
	content: "\f082";
	color: #3b5998;
}
.resultado-datos .columna-right .compartir-enlace a.social.twitter:before,
.compartir-enlace a.social.twitter:before {
	/*content: "\f081";
	color: #0099d4;*/
	font-family: "FontAwesomeBrands";
    content: "\e61a";
	color: #000;
}
.resultado-datos .columna-right .compartir-enlace a.social.correo:before,
.compartir-enlace a.social.correo:before {
	font-family: 'FontAwesomeSolid';
	content: "\f199";
	color: #497293;
}

/* Botones fijos laterales compartir en RRSS */
.compartir {
	position: fixed;
	left: -29px;
	top: 40%;
	/* width: 70px; Arreglo parcial */ 
	z-index: 9999999;
	overflow: hidden;
	
	ms-animation: flipInY 0.5s ease-in;
	animation: flipInY 0.5s ease-in;
	animation-delay: .4s;
	/*display: none;*/
}
.compartir ul{
	display: flex;
    flex-direction: column;
	/*justify-content: center;*/
	margin-left: 0px;
	width:80px;
}
.compartir ul li{
	margin-bottom:0;
}
.compartir .compartir-label {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.compartir a span {
	display: none;
}
.compartir ul li:before {
	content: " ";
    display: inline-block;
    background: #4ca5e0;
	padding-right: 5px;
    width: 0; 
    height: 0; 
}
.compartir a.social {
    margin-right: 1em;
    font-size: 0.80em;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    font-style: normal;
    color: #000;
    font-weight: 600;
	border: 1px solid #ddd;
	padding: 10px 12px 10px 35px;
}
.compartir a.social:hover {
    color: #444;
    background-color: orange;
}
.compartir a.social.facebook,
.compartir a.social.twitter,
.compartir a.social.correo {
    display: inline-block;
    width: 10%;
	ms-transition: .3s all ease-in;
	transition: .3s all ease-in;
}
.compartir a.social.facebook{
	background-color: #3b5998;
}
.compartir a.social.facebook:hover {
  	background-color: #2d4373;
	transform: scaleX(1.2);
	transform: translateX(8px);
	-webkit-box-shadow: 10px 0px 5px -5px rgba(0,0,0,0.4);
	-moz-box-shadow: 10px 0px 5px -5px rgba(0,0,0,0.4);
	box-shadow: 10px 0px 5px -5px rgba(0,0,0,0.4);
}
.compartir a.social.twitter{
	background-color: #000;
}
.compartir a.social.twitter:hover{
	background-color: #070809;
	transform: scaleX(1.2);
	transform: translateX(8px);
	-webkit-box-shadow: 10px 0px 5px -5px rgba(0,0,0,0.4);
	-moz-box-shadow: 10px 0px 5px -5px rgba(0,0,0,0.4);
	box-shadow: 10px 0px 5px -5px rgba(0,0,0,0.4);
}
.compartir a.social.correo{
	background-color: #497293;
}
.compartir a.social.correo:hover{
	background-color: #406582;
	transform: scaleX(1.2);
	transform: translateX(8px);
	-webkit-box-shadow: 10px 0px 5px -5px rgba(0,0,0,0.4);
	-moz-box-shadow: 10px 0px 5px -5px rgba(0,0,0,0.4);
	box-shadow: 10px 0px 5px -5px rgba(0,0,0,0.4);
}
.compartir a.social.facebook:before,
.compartir a.social.twitter:before,
.compartir a.social.correo:before {
	font-family: "FontAwesome";
	font-size: 1.7rem;
	line-height: 1.7;
	padding-right: 2rem;
	margin-left: -20px;
	margin-right: 30px;
	color: #FFFFFF;
	font-weight: 400;
}
.compartir a.social.facebook:before {
	content: "\f09a";
}
.compartir a.social.twitter:before{
	/*content: "\f099";*/
	font-family: "FontAwesomeBrands";
    content: "\e61b";
}
.compartir a.social.correo:before{
	content: "\f0e0";
}


/*Fecha y hora oficial*/
.estilohora { font-size: 1.55em; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 800; padding: 0.55em 1em; margin: 1em 0; border: 5px solid #00b1f3; width: 335px;}
.estilohora span {padding-right:  0.55em;}

/*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}
	
/*Contacto*/
.direccion div { float: left; width: 43%; margin-right: 5%;}
.direccion div h2 {font-size: 1.55rem; padding-right: 2em;}

/*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;}

.col-contenido .mapa-web li a {color: #264c80;}
.col-contenido .mapa-web li li a { color: #000;}


/*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 (min-width: 1700px) {
	section.introduccion .panel-avisos { width: 60%;}
	section.introduccion h1, section.introduccion > p { width: 95%;}
	section.introduccion .panel-avisos { width: 68%;}
	.section-container .buscar-datos {margin: 2em -6.777%; margin-bottom: 3em;}
	#tab-1, #tab-2, section.enlaces .carrousel {max-width: 1600px;}	
}
@media only screen and (max-width: 1680px) {
	.section-container .buscar-datos {margin: 2em -7%; margin-bottom: 3em;}
	#tab-1, #tab-2, section.enlaces .carrousel {max-width: 1480px;}		
}

@media only screen and (max-width: 1600px){
	#tab-1, #tab-2, section.enlaces .carrousel {max-width: 1300px;}
	.buscar-parametros > ul > li {padding: 0.25em 1em; margin-right: 1em;}
	.buscar-datos input[type=search] {width: 98%;}
	ul.slimmenu li { padding: 0 .80em .55em; font-size: .95rem; }
}

@media only screen and (max-width: 1330px){
	ul.slimmenu li { font-size: .9rem; }
}
	
@media only screen and (max-width: 1420px){
	#tab-1, #tab-2, section.enlaces .carrousel {max-width: 1200px;}
}

@media only screen and (max-width: 1366px) {
	#tab-1, #tab-2, section.enlaces .carrousel {max-width: 1100px;}	
	section.enlaces ul > li {width: 183px;}
	
	.buscar-parametros > ul > li {padding: 0.25em 0.55em; margin-right: 0.75em;}
	.section-container .buscar-datos {margin: 2em -7.555%; padding: 1em 5%;}
	.buscar-datos input[type=search] {width: 94%;}
	.buscar-parametros li a, .buscar-datos input[type=submit], 
	.enlaces-todos, a.sin-paginar, input[type=submit].bt-buscar, .buscar-datos button {font-size: 0.85rem; margin-right: 0.75em;}
	.buscar-parametros li a {margin-right: 0;}
	p.resultados {margin-top: 4.55em;}
}

@media only screen and (max-width: 1280px) {
	ul.slimmenu li {font-size: 0.98rem;}
	/* aside {width: 287px;}*/
	
	aside.submenu { display: none;}
	/*.nombre-app { margin-left: 4%;}	*/
	
	/*.submenu nav {padding: 0 1em;}*/
	.col-contenido {padding-left: 3%; padding-right: 3%;}
	/*.navegacion-footer > ul > li > span, .navegacion-footer > ul > li > a {font-size: 0.85em;}*/
	p.direccion { font-size: .75rem; letter-spacing: 0; width: 80%; left: 10%; }
	.margen { padding-left: 2%; padding-right: 2%;}
	
	#tab-1, #tab-2, section.enlaces .carrousel {max-width: 1000px;}
	section.destacados .resultado-datos ul li {width: 33.333%;}
	section.destacados .titulo {font-size: 1.25rem;} 
		
	.section-container .buscar-datos {margin: 2em -5%;}
	.buscar-parametros > ul > li {padding: 0.25em 1em; margin-right: 1em;}	
	.buscar-datos input[type=search] {width: 90%;}
	
	
}

@media only screen and (max-width: 1240px) {
	#tab-1, #tab-2 {max-width: 1000px;}
	.section-container .buscar-datos {margin: 2em 0; border: 1px solid #ddd; height: 210px; border-radius: 20px;}
	.buscar-parametros > ul > li {padding: 0.25em 0.75em; margin-right: 0.35em;}
	/*.buscar-parametros {margin: 0 15%;}*/
}

@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: 1125px) {
	ul.slimmenu li {font-size: 0.8rem;} /*.87*/
	#tab-1, #tab-2, section.enlaces .carrousel {max-width: 960px;}
}

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

/* Modificación buscador */
	header .buscador { width: 100%; height: 0; }
	nav#menu-principal { padding-top:0;}
	.menu-bt-lupa {position: absolute; z-index: 99;  right: 2em; top: -0.25em; background-color: transparent;}
	.fondo-buscar { display: none; position: absolute; top: 65px; width: 100%; left: 0; background: #fff; padding: .3em; font-size: 1.55em; box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.16); z-index: 15; border-radius: 0 0 25px 25px; font-size: 1.2rem; }
	header .buscador input[type=text] { text-align: center;  width: 100%; margin-left: auto; }
	.menu-bt-lupa:hover, input[type=submit].menu-boton-buscar:hover { background-color: transparent; transform: scale(1); }
	
	.menu-bt-lupa {position: absolute; z-index: 99; right: 5em; top: 0;}
	
	.fondo-buscar {position: absolute; top: 83px; 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;}
	#menu-tools .menu-collapser {top: -4.65em;}
	
	.opciones {float: none; width: auto; margin-right: 0;}
	.opciones nav {margin-top: 1.35rem; position: absolute; right: 1em;}	
		
	header .buscador {width: 100%; }

}


@media only screen and (max-width: 1024px) {
	section.destacados .resultado-datos ul li {width: 50%;}

	.header-container h1 a { font-size: 3rem;}
	#tab-1, #tab-2 {max-width: 900px;}
	
	.section-container .buscar-datos {height: 175px;}
	.buscar-parametros {margin: 0 auto;}
	.buscar-datos input[type=search] {width: 85%;}
		
	.modal-dialog {width: 95%;}
	.modal {padding-left:0 !important;}
	.ficha-datos.procedimientos .modal-content h2 {font-size: 1.55em;}
	.modal-content p {font-size: 1em;}
	
	.home-container .buscar-datos { position: static; width: 60%; margin: 0 auto; margin-bottom: 2em;}
	
	/*A 1024px posiciona abajo el menú lateral de RRSS */

	.compartir {
		position: absolute;
		width: 95%;
		bottom: 0;
		left: auto;
		animation: none;
		top: auto;
		
	}
	.compartir ul {
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin-bottom:0;
		width: 100%;
	}
	.compartir a.social {
		margin-right: 1em;
		font-size: 0.80em;
		border-radius: 10px 10px 0 0;
		cursor: pointer;
		font-style: normal;
		color: #000;
		font-weight: 600;
		border: 1px solid #ddd;
		padding: 10px 12px 10px 35px;
		display:inline;
		padding-top: 10px;
		margin: auto;
	}
	.compartir a.social.facebook,
	.compartir a.social.twitter,
	.compartir a.social.correo {
		width: auto;
		height: 50px;
		transition: none;
	}
	.compartir a.social.facebook:hover,
	.compartir a.social.twitter:hover,
	.compartir a.social.correo:hover {
		transform: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	.compartir a.social.facebook:before,
	.compartir a.social.twitter:before,
	.compartir a.social.correo:before {
		line-height: 1.3;
		padding-right: 0;
		margin-left: 0;
	}
	
}

@media only screen and (max-width: 900px) { 
	header .logo {margin-right: 1.25em;}
	#tab-1, #tab-2 {max-width: 780px;}
}

@media only screen and (max-width: 850px) { 
	.header-container h1 a {font-size: 2rem;padding-top: 0.25em;}
	.header-container h1 a span {font-size: 1.5rem; margin-left:-2px;}
	
	.header-container h1 a span:after { margin-top: -3px; }

	header .logo { width: auto; /*margin-right: 0;*/}
	/*header .logo:after {width: 80px; height: 50px; margin-right: 1em;}*/
		
	.logo img { height: 60px;}
	.nombre-app { margin-left: 4em;}
	
	
	.menu-bt-lupa {top: -0.25em;}
	nav#menu-principal .menu-collapser, #menu-tools .menu-collapser {top: -4.25em;}
	#tab-1, #tab-2, section.enlaces .carrousel {max-width: 700px;}
		
	.section-container .buscar-datos {height: 210px; padding: 1em;}
	.buscar-parametros {margin: 0 10%;}
	p.resultados {font-size: 1em; margin-top: 6em;}
		
	.columna-left, .columna-right {float: none; width: 100%; border: 0; padding: 0; margin: 0;}
	.resultado-datos .modo-acceso span {display: inline-block; margin-right: 2em;}
	.columna-right .compartir-enlace { right: 1em; top: auto; bottom: 2em; }
	
	footer .logo{margin-bottom: 0;}
}

@media only screen and (max-width: 768px) { 
	#tab-1, #tab-2, section.enlaces .carrousel {max-width: 640px;}
		
	.home-container .buscar-datos { width: 90%;}
	section.introduccion h1 {font-size: 1.45em;}
	section.introduccion p {font-size: 1.35em;}
	section.introduccion:before { font-size: 23em; left: 25%; }
	nav.menu-tools li a { font-size: 0.7em; }
}

@media only screen and (max-width: 750px) { 
	.menu-tools ul	{flex-wrap: wrap;}
	.menu-tools li {width: 25%; flex-basis: 25%; border-left: 0; height: 100px;}
}

@media only screen and (max-width: 680px) {
	logo img {height: 50px;}
	.header-container h1 {padding-top: 0.75em; /*width: 80px;*/}	
	/*.header-container h1 a {font-size: 1rem;}*/
	.header-container h1 a span {font-size: 0.85rem;}
	/*header .logo:after {margin-left: 0.55em; margin-right: 0.55em;}*/
	
		
	.menu-bt-lupa {right: 4.25em;}
	section.destacados .resultado-datos ul li {width: 50%;}
	#cookieChoiceInfo {font-size: 0.75em;}
		
	#tab-1, #tab-2 {max-width: 560px;}
	section.destacados .titulo {font-size: 1.15rem;}
	.tag {font-size: 0.75em;}
		
	section.introduccion h1 {font-size: 1.35em;}
	section.introduccion p {font-size: 1.25em;}
	section.introduccion:before { display:none; }
		
	.breadcrumb {display: none;}
	h1 {margin-top: 0.65em;}
	.ficha-datos dd dt, .ficha-datos dd dd {width: 50%;}
	a.bt-enlace, a.bt-buscar {margin: 1em auto;}
		
	.resultado-datos .modo-acceso span {display: block; margin-right: 0;}
	
	.navegacion-footer, .opciones-footer { width: 100%;	padding-left: 4rem; }
	
	
	.navegacion-footer { border-bottom: 1px solid #ccc; border-right: none; padding-bottom: 1.5rem; }
	.navegacion-footer:before, .opciones-footer:before { right: 10%; }
}

@media only screen and (max-width: 620px) {
	.menu-bt-lupa {top: -0.65em; right: 3.25em;}
	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;}
	#tab-1, #tab-2 {max-width: 530px;}
}

@media only screen and (max-width: 600px) {
	#tab-1, #tab-2 {max-width: 520px;}
}

@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;}
	footer .logo img {height: 60px;}
	/*header .logo:after { width: 50px;height: 40px; margin-left: 0.25em; margin-right: 0.25em;}	*/
	.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: -1.25em; right: 3em;}
	.fondo-buscar { top: 44px; } /* Modificación buscador */
	header .buscador input[type=text] { width:100%;}
	
	/*Sticky menu*/
	.sticky {position: fixed; width: 100%; z-index:18; top: 0; left: 0; height: 60px;}
	.tagline.sticky {top: 0; left: 0;  background: #fff; border-bottom: 2px solid #4ca5e0;width :  100%; margin-top:  0; text-align:  left; padding-top: 15px; padding-left: 65px;}
	.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: -40px !important;}
	.sticky .menu-bt-lupa {top: -5em;}
	.menu-tools.sticky ul {background: #33363f;position: absolute}
		
	#tab-1, #tab-2, section.enlaces .carrousel {max-width: 410px;}
	section.enlaces .carrousel {height: 190px;}
	.home-container section {padding: 0.25em 5%;}
	
	section.introduccion h1 {font-size: 1.15em;}
	section.introduccion p {font-size: 1em;}
	section.introduccion .panel-avisos p {font-size: 1em; line-height: 1.25;}
	
	section.destacados h2 {font-size: 2rem; margin-bottom: 0.25em;}
	
	a.social { text-indent: -1000px; padding-right: 20px;}
	.procedimientos a.bt-volver {/*top: -62px; height: 40px;*/font-size: 0.85em;}
		
	.botones { float: none; width: 100%; text-align: center;}
	.section-container .buscar-datos {height: 210px;}
	.buscar-datos input[type=submit] {display: block; margin: 0 auto; width: 200px;}
		
	.filtro { display: none !important;}
		
	a.enlaces-todos, a.sin-paginar {display: block; margin-top: 1em;}
	section.destacados .enlaces-todos { font-size: 0.85em; margin: 0 auto; position:static; padding:0.55em; text-align: center; width: 150px;}
	
	p.resultados, p.rad-resultados {font-size: 1em;}
	p.resultados {text-align: center;}	
	.resultado-datos ul { margin-top: 4em; border:  0;}
	.filtro { position: absolute; margin-top:  3.75em; left: 100px;}
	section.destacados .titulo, .titulo {font-size: 1rem; padding-right: 1em;}
	.organo, .tema, .temas {font-size: 0.85em;}
	.resultado-datos li:first-child {border-top: 1px solid #ddd;}
	section.destacados .swiper-button-next, section.destacados .swiper-button-prev { background:none;}
	
	section.enlaces ul > li {margin: 0.25em;}
	section.enlaces ul > li span {font-size: 0.80em;}
	section.enlaces ul, .caroufredsel_wrapper {min-height: 150px;}
	a.next {right: 0;}
	a.prev {left: 0;}
	
	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;}
	
	.section-container h1 {font-size: 1.55rem;}
	.buscar-datos input[type=search], .buscar-datos input[type=submit] {border-radius:0; box-shadow: none;}
	.buscar-parametros {margin: 0;}
	.buscar-parametros li a { font-size: 0.75rem;}
	.texto-alertas:after, .panel-avisos:after, .aviso-encuesta:after, .opinion:after, .form-participa:after {width: 85%;}
	
	.ficha-datos.procedimientos h2{font-size: 1.35rem;}
	.ficha-datos.procedimientos {padding: 0.35em;}
	.ficha-datos.procedimientos .gris, .ficha-datos.procedimientos .sia {padding: 1em 1.55em;}
	.ficha-datos dd dl, .ficha-datos dl.gris {display: block;}
	
	.ficha-datos dl.gris dt, .ficha-datos dl.gris dd, 
	.ficha-datos dl.sia dt, .ficha-datos dl.sia dd,
	.ficha-datos div.gris dt, .ficha-datos div.gris dd	
	{ width:100%; overflow: hidden;}
	
	.ficha-datos .accordion dt {font-size: 0.90em;}
	.ficha-datos dl.gris dt,
	.ficha-datos div.gris dt
	{ border-bottom:0; padding-right:0;}
	
	.ficha-datos.procedimientos a.file2, 
	.ficha-datos.procedimientos a.file{font-size: 1em;}
	.ficha-datos .accordion dd {padding-left: 1em;}
		
	.accordion .acceso-libre, .accordion .certificado-digital, .accordion .user-pwd, .accordion .clave, .accordion .codigo-expediente 
	{padding: 0.25em 3.55em 0.70em 2.55em;}
	.modal-content { padding-top: 2em;}
		
	input[type=checkbox], input[type=radio] {margin: 0.35em;}	
	.modal-content textarea {width: 100%;}
	
	/* Modifica Compartir Redes Sociales a 480px */
	.compartir ul {
		padding-left: 25px;
	}
	.compartir a.social {
    	border: none;
		padding: 14px 0 5px 25px;
		margin-left: -7px;
	}
	.compartir a.social.facebook,
	.compartir a.social.twitter,
	.compartir a.social.correo {
		display: inline;
	}
	
	.fondo-buscar { top: 45px; } /* Modificación buscador */
}

@media only screen and (max-width: 415px) {
	#tab-1, #tab-2, section.enlaces .carrousel {max-width: 355px;}
}

@media only screen and (max-width: 390px) {
	.opciones li, .menu-idiomas li {padding: 0 0.35em;font-size: 0.75em;}
	#menu-tools .menu-collapser {top: -3.35em; right: 0.35em;}
	.menu-bt-lupa {right: 3em;}
	
	#tab-1, #tab-2, section.enlaces .carrousel { max-width: 335px;}
	.section-container .buscar-datos {min-height: 260px;}
	a.enlaces-todos {margin-top: 1em;}
	a.sin-paginar {margin-top: 1.5em;}
	.resultado-datos ul { margin-top: 1em; border:  0;}
	.buscar-parametros > ul > li {padding: 0.25em 0.55em;margin-right: 0.25em;}
	 p.resultados {margin-top: 3em;}
	.modalDialog {width: 335px;}
	.section-container h1 {font-size: 1.35rem;}
		
	.header logo img, header .logo:after {height: 30px;}
}

@media only screen and (max-width: 375px){
	.menu-bt-lupa {top: -1em;}
}

@media only screen and (max-width: 370px){
	
	#tab-1, #tab-2, section.enlaces .carrousel {max-width: 320px;}
	.aviso-encuesta a.bt-enlace {width: 200px;}
	.accordion .acceso-libre, .accordion .certificado-digital, .accordion .user-pwd, .accordion .clave, .accordion .codigo-expediente { padding-top: 0.35em; padding-right: 1.25em;}
	
	.ficha-datos .accordion dt {font-size: 0.85em; padding-bottom: 0.85em;}
}
	
@media only screen and (max-width: 320px) {
	.tagline.sticky {padding: 1em 5em;}
	.tagline.sticky, .tagline.sticky span {font-size: 0.85rem;}
	section.destacados > ul >li:nth-child(1) a {font-size: 2rem;}
}


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

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1600px)  {  
	section.destacados .resultado-datos { max-width: 1600px; margin: 0 auto;}
	.ficha-datos dd dl, .procedimientos.ficha-datos .gris {max-width: 1100px;}
	.procedimientos.ficha-datos .gris {max-width: 1300px;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1600px)  {  
	section.destacados .resultado-datos { max-width: 1400px; margin: 0 auto;}
	.ficha-datos dd dl {max-width: 1000px;}
	.procedimientos.ficha-datos .gris {max-width: 1200px;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1366px)  {  
	section.destacados .resultado-datos { max-width: 1200px; margin: 0 auto;}
	.ficha-datos dd dl {max-width: 900px;}
	.procedimientos.ficha-datos .gris {max-width: 1000px;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1280px)  {  
	section.destacados .resultado-datos { max-width: 1000px; margin: 0 auto;}
	.ficha-datos dd dl {max-width: 800px;}
	.procedimientos.ficha-datos .gris {max-width: 900px;}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1024px)  {  
	section.destacados .resultado-datos { max-width: 900px; margin: 0 auto;}
	.ficha-datos dd dl {max-width: 700px;}
	.procedimientos.ficha-datos .gris {max-width: 800px;}
}

/*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 .error-404 a, .ie9 .panel-avisos a, .ie9 .section-container.margen > ul.mapa-web ul > li a,  .ie9 section.enlaces ul > li  a:hover span, .ie9 .submenu a:hover, .ie9  ul.slimmenu ul li a:hover, .ie9 .listado-enlaces li a:hover, .ie9 .listado-documentos li a:hover, .ie9 .suscribirse a, .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, .ie9 .error-404 a:hover, .ie9 .panel-avisos a:hover, .ie9 .section-container.margen > ul.mapa-web ul > li a:hover {text-decoration: none;}

.ie9 .nav.menu-tools{ top: 0 !important;}

.ie9 body { font-weight: normal;}
.ie9 .section-container { width: 92%}

.ie9 footer nav > ul > li, .ie9 section.destacados .resultado-datos ul li, .ie9 section.enlaces ul > li { float: left;}

.ie9 section.destacados .resultado-datos ul{overflow:hidden;}
.ie9 section.destacados .resultado-datos ul li { border: 0; min-height: 320px;}

.ie9 .html_carousel { height: 190px;}
.ie9 section.enlaces ul > li {height: 160px;}


.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;}

.ie9 nav.menu-tools {background: #33363f;}
.ie9 .modalDialog {position: absolute; top: 200px;}
.ie9 .modalDialog .dropdown { z-index: 98;}


.ie9 .ficha-datos dd dt, .ie9 .ficha-datos dd dd, .ie9  .ficha-datos dl.gris dt, .ie9  .ficha-datos dl.gris dd { float: left; border-bottom: 0;}

/*
Data Picker*/
.xdsoft_datetimepicker {
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #fff;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #333;
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	padding: 8px;
	padding-left: 0;
	padding-top: 2px;
	position: absolute;
	z-index: 9999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
	padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	height: 210px;
	background: transparent;
	border: none;
}

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
	border: none !important;
}

.xdsoft_noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.xdsoft_noselect::selection { background: transparent }
.xdsoft_noselect::-moz-selection { background: transparent }

.xdsoft_datetimepicker.xdsoft_inline {
	display: inline-block;
	position: static;
	box-shadow: none;
}

.xdsoft_datetimepicker * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
	display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
	display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
	width: 300px;
	float: left;
	margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
	float: right;
	margin-right: 8px;
	margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
	width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
	width: 58px;
	float: left;
	text-align: center;
	margin-left: 8px;
	margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
	float: right;
	margin-right: 8px;
	margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
	margin-top: 8px;
	margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
	opacity: 0.5;
	background-position: -92px -19px;
	display: inline-block;
	width: 9px;
	height: 20px;
	vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
	float: left;
	background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
	float: left;
	background-position: -70px 0;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
	float: right;
	background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev ,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0 none;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
/*	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
	outline: medium none;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
	min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
	float: none;
	background-position: -40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left: 14px;
	margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
	float: none;
	margin-left: 0;
	margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
	background-position: -40px 0;
	margin-bottom: 7px;
	margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
	height: 151px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	cursor: pointer;
	border-bottom-width: 0;
	height: 25px;
	line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child {
	border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
	opacity: 1;
/*	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
}

.xdsoft_datetimepicker .xdsoft_label {
	display: inline;
	position: relative;
	z-index: 9999;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #fff;
	float: left;
	width: 182px;
	text-align: center;
	cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
	text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
	opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
	border: 1px solid #ccc;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 101;
	display: none;
	background: #fff;
	max-height: 152px;
	overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{ right: -7px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{ right: 2px }
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
	color: #fff;
	background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
	padding: 2px 10px 2px 5px;
	text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
	width: 100px;
	text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
	clear: both;
}

.xdsoft_datetimepicker .xdsoft_year{
	width: 48px;
	margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
	border-collapse: collapse;
	width: 100%;

}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
	padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
	width: 14.2857142%;
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
	padding: 0;
	border-collapse: collapse;
	cursor: pointer;
	height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
	width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
	color: #33aaff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #33aaff;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover {
	color: #fff !important;
	background: #ff8000 !important;
	box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
	background: #33aaff !important;
	box-shadow: #178fe5 0 1px 3px 0 inset !important;
	color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover {
	color: inherit	!important;
	background: inherit !important;
	box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
	color: #ccc !important;
	font-size: 10px;
	clear: both;
	float: none;
	margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }
.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }

.xdsoft_time_box {
	position: relative;
	border: 1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller {
	background: #ccc !important;
	height: 20px;
	border-radius: 3px;
}
.xdsoft_scrollbar {
	position: absolute;
	width: 7px;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
	left: 0;
	right: auto;
}
.xdsoft_scroller_box {
	position: relative;
}

.xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller {
	background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}