/* --------------------------------- ESTILOS IMPORTADOS DE REDEFINIDO ---------------------------------- */
/* ----- Estilo básico de Bootstrap + Redefinido ----- */
@import url("redefinido_cms.css");


/* ------------------------------------------ ESTILOS PROPIOS ------------------------------------------ */

html {
	background-color: white;
	overflow: hidden;
}

html a {
	text-decoration: none !important;
	/*color: #FF6600;
	color: #0387F9;*/
	color: #777777;
}

html a:hover {
	text-decoration: none !important;
	/*color: #FF8E00;*/
	color: #000000;
}

body {
	width: 100%;
	min-width: 570px;
	min-height: 100vh;
	margin: 0 auto;
	font-family: 'Montserrat',"Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow-x: hidden !important;
}

div.row {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

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

#laguntza {
	display: none;
}


/* ------------------------- CLASES ------------------------- */
.separador_vertical {
	color: #D9D9D9;
	margin: 0 .6em 0 .5em;
}

.nodo_destacado .separador_vertical {
	color: #FFDCC4;
}

.separador_superior {
	padding-top: 1em;
	margin-top: 1em;
	border-top: 3px dotted #F6F6F6;
}

.cod {
	/*color: #FF6600;*/
	color: #4D84B5;
	font-size: 107%;
	font-weight: 700;
}

.fecha {
	color: #BABABA;
}

.txt_alerta {
	color: #FF0012;
	font-size: 110%;
	font-weight: 600;
}

.txt_destacado {
	color: #079907;
	font-size: 110%;
	font-weight: 600;
}

.txt_site {
	display: contents;
	color: #FF6600;
	font-size: 110%;
	font-weight: 600;
}

.taco_version {
    float: left;
    margin-left: 1em;
    margin-top: -.2em;
    margin-bottom: -.25em;
}

.txt_version {
	display: inline-block;
	color: #FFFFFF;
	background: #FF0012;
	font-size: 110%;
	font-weight: 600;
	padding: .2em 1em;
	margin: 0;
	margin-bottom: .2em;
}

.txt_txiki {
	font-size: 95%;
}

.txt_coordenadas_orig {
	float: left;
	width: 100%;
	position: relative;
	top:-.5em;
}

.txt_coordenadas_orig span {
	font-size: 105%;
	color: #999999;
}

.txt_label {
	display: inline-block;
	font-size: 105%;
	color: #999999;
	margin-top: .4em;
}

.txt_rojo {
	color: #FF0012;
}

.txt_naranja {
	color: #FF6600;
}

.txt_azul {
	color: #4D84B5;
}

.txt_grisoscuro {
	color: #333333;
}

.txt_tenue {
    color: #999999;
}

.txt_tenue_claro {
    color: rgba(255,255,255,.5);
}

.txt_tenue_claro2 {
    color: rgba(0,0,0,.3);
}

.txt_orden {
	color: #333333;
	font-style: normal;
	margin-left: 1em;
}

.txt_bold {
	font-weight: 700;
}

.txt_idiomapordefecto {
	color: rgba(0,0,0,.2);
	font-size: 12px;
	font-weight: bolder !important;
	font-style: normal;
	margin-left: .5em;
}

.fondo_naranja {
	color: #FFFFFF !important;
	background: #FF6600;
}

.fondo_naranja h4 {
	color: #FFFFFF !important;
	padding: 0em;
}

.fondo_gris {
	background: #F6F6F6;
	padding: .5em;
}

.fondo_gris.nodo_ok h4, .fondo_gris.nodo_anulado h4 {
	padding: .3em;
	padding-left: 2.5em;
	margin: 0;
	min-height: 1.5em;
}

.fondo_gris h4 {
	padding: .3em;
	margin: 0;
	min-height: 1.5em;
}

.aviso_formulario {
	padding: 1em 1.5em .2em 1.5em;
	color: #FFFFFF;
	background: #FF6600;
}

.fiz {
	float: left;
}

.fdc {
	float: right;
}

.centrar {
	text-align: center;
}

.centrar_todo {
	height: auto !important;
	text-align: center;
	padding: 5em 0em !important;
}

.clear {
	clear: both;
}

.clear0_5em {
	clear: both;
	height: .5em;
}

.clear1em {
	clear: both;
	height: 1em;
}

.clear1_5em {
	clear: both;
	width: 100%;
	height: 1.5em;
}

.anchura_100 {
	width: 100% !important;
}

.anchura_50 {
	width: 50% !important;
}

.anchuramin_3 {
	display: -webkit-box;
	min-width: 3em;
	width: auto;
	padding-right: .5em;
}

.anchura_auto {
	display: unset !important;
	width: auto !important;
}

.margin_top_0_4em {
	display: inline-block;
	margin-top: 0.4em;
}

.margin_top_1_5em {
	margin-top: 1.5em;
}

.margin_top_-1_5em {
	margin-top: -1.5em;
}

.margin_bottom_0em {
	margin-bottom: 0em !important;
}

.sin_padding {
	padding: 0 !important;
}

.sin_margin {
	margin: 0 !important;
}


a.flecha {
	color: #777777;
	font-weight: 500;
	padding-left: 1.5em;
	background: url(imagescss/ico_flecha.png) no-repeat left center;
	background-size: auto 60%;
}

a.flecha:hover {
	color: #333333;
	padding-left: 1.5em;
	background: url(imagescss/ico_flecha_over2.png) no-repeat left center;
	background-size: auto 60%;
}

a.enlace_docu {
	color: #2E9CFF;
	font-weight: 600;
}

a.enlace_docu:hover {
	color: #000;
}

.flechas_dobles {
	font-size: 150%;
	font-weight: bold;
	vertical-align: text-bottom;
    position: relative;
    bottom: .1em;
}

.invisible {
	display: none;
}

input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill,
input:-webkit-autofill:hover, select:-webkit-autofill:hover, textarea:-webkit-autofill:hover,
input:-webkit-autofill:active, select:-webkit-autofill:active, textarea:-webkit-autofill:active,
input:-webkit-autofill:focus, select:-webkit-autofill:focus, textarea:-webkit-autofill:focus {
	background-color: #FFD1B2 !important;
	-webkit-text-fill-color: #333333 !important;
	-webkit-box-shadow: 0 0 0 1000px #FFD1B2 inset !important;
	box-shadow: 0 0 0 1000px #FFD1B2 inset !important;
}

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

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

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

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

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


/* ------------------------- HEADER ------------------------- */
header {
	position: fixed;
	clear: both;
	width: 100%;
	height: 5em;
	padding: 0;
	margin: 0;
	color: #FFF;
	background: #91a2b1;
	z-index: 100;
}

header .row {
	float: none !important;
	width: 100%;
	max-width: 1200px;
	min-width: 570px;
	height: 5em;
	margin: 0 auto !important;
}

/* -------------- CABECERA -------------- */
header #cabecera {
	display: flex;
	padding: 0;
	margin: 0;
}

.logo_cabecera {
	display: inline-flex;
	float: left;
	height: 5em;
	width: 15em;
	padding: 0 2em;
	margin-left: 2em;
	background: #FFFFFF;
	vertical-align: middle;
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-ms-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	transform: skew(-20deg);
}

.logo_cabecera img {
	display: inline-flex;
	max-width: 11em;
	width: auto;
	max-height: 4em;
	height: auto;
	margin: auto;
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-ms-transform: skew(20deg);
	-o-transform: skew(20deg);
	transform: skew(20deg);
}

header #cabecera h1 {
	font-size:150%;
	margin: auto;
	margin-left: 2em;
}

header #cabecera h1 .txt_claro {
	color: rgba(255,255,255,.5);
}

header #cabecera .boton_menu {
	display: inline-flex;
	float:right;
	height: 5em;
	margin-right:.7em;
	cursor:pointer;
}

header #cabecera .boton_menu img {
	display: inline-flex;
	width:45px;
	height:43px;
	margin: auto;
}


/* -------------------------- MAIN -------------------------- */
main {
	clear: both;
	position: absolute;
	top: 5em;
	width: 100vw;
	height: calc(100vh - 10em);
	padding: 0;
	margin: 0;
	margin-bottom: 5em;
	color: #111;
	z-index: 1;
	overflow-y: auto;
	overflow-x: hidden !important;
	-webkit-overflow-scrolling: touch;
}

main .row {
	display: block;
	float: none !important;
	width: 100%;
	max-width: 1200px;
	min-width: 570px;
	min-height: calc(100vh - 10em);
	height:auto;
	margin: 0 auto !important;
	background: #FFF;
	-webkit-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.05);
	box-shadow: 5px 0px 15px 0px rgba(0,0,0,0.05);
}

/* ------------ ÍNDICE-MÓVIL ------------ */
#fondo_oscurecido {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    z-index: 200;
	cursor: pointer;
}

#indice_movil {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 20em;
	padding: 0;
	margin-right: -22em;
	background: #F6F6F6;
	font-size: 150%;
	overflow-y: auto !important;
	z-index: 201;
}

/* --------------- ÍNDICE --------------- */
#indice {
	display: none;
	min-height: 0em;
	height: auto;
	padding: 0;
	background: #F6F6F6;
}

/* ----- USUARIO ----- */
#usuario, #usuario_movil {
	float: left;
	width: calc(100% - 3em);
	min-height: 38px;
	height: auto;
	padding: 0;
	padding-left: 70px;
	margin: 2em 1.5em;
	background: url(imagescss/ico_usuario.png) no-repeat left top;
	background-size: auto 100%;
}

#usuario h2, #usuario_movil h2 {
	clear:both;
	padding: 0;
	margin: 0;
	margin-top: .2em;
}

#usuario ul, #usuario_movil ul {
	float: left;
	padding: 0;
	margin-top: .1em;
}

#usuario ul li, #usuario_movil ul li {
	display: inline;
}

#usuario ul li a, #usuario_movil ul li a {
	padding-right: .5em;
	margin-right: .3em;
	border-right: 1px solid #cccccc;
}

#usuario ul li a.flecha, #usuario_movil ul li a.flecha {
	color: #777777;
	font-weight: 400;
	padding-left: 0;
	padding-right: 1.5em;
	margin-right: 0em;
	border-right: none;
	background: url(imagescss/ico_flecha.png) no-repeat right center;
	background-size: auto 75%;
}

#usuario ul li a.flecha:hover, #usuario_movil ul li a.flecha:hover {
	color: #000000;
	padding-left: 0;
	padding-right: 1.5em;
	margin-right: 0em;
	border-right: none;
	background: url(imagescss/ico_flecha_over2.png) no-repeat right center;
    background-size: auto 75%;
}

/* ---- APARTADO ----- */
.indice_apartado {
	float: left;
	width: 100%;
	margin-bottom: 2em;
}

.indice_apartado h2 {
	float: left;
	width: calc(100% - 3em);
	margin: 0em 1.5em;
	/*color: #FF6600;*/
	color: #000000;
	font-size: 160%;
	font-weight: 600;
}

.indice_apartado ul {
	float: left;
	width: 100%;
	padding: .5em 1em 1em 1em;
	margin: 0;
	margin-top: -.2em;
	color: #999999;
	background: #e9e9e9;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #fdfdfd;
	font-size: 115%;
}

.indice_apartado ul li {
	float:left;
	width: 100%;
	padding-top: .5em;
	list-style: none;
}

.indice_apartado ul li a {
	float: left;
	width: 100%;
	color: #777777;
}

.indice_apartado ul li a:hover {
	color: #333333;
}

.indice_apartado ul li a.vineta {
	padding-left: 1.5em;
	background: url(imagescss/ico_flecha.png) no-repeat left center;
	background-size: auto 60%;
}

.indice_apartado ul li a.vineta_on {
	font-weight: 600;
	padding-left: 1.5em;
	/*color: #FF6600;*/
	color: #000000;
	background: url(imagescss/ico_flecha_over.png) no-repeat left center;
	background-size: auto 60%;
}

.indice_apartado ul li a:hover.vineta, .indice_apartado ul li a:hover.vineta_on {
	padding-left: 1.5em;
	color: #333333;
	background: url(imagescss/ico_flecha_over2.png) no-repeat left center;
	background-size: auto 60%;
}

/* ------------- CONTENIDOS ------------- */
#contenidos {
	min-height: 0em;
	height: auto;
	padding: 0 2em;
	font-size: 16px;
}

#contenido {
	float:left;
	width: 100%;
	min-height: 0em;
	height: auto;
	padding: 0;
	margin: 0;
	margin-top: 2em;
}

/* ----- TÍTULO ----- */
.titulo {
	float: left;
	width: 100%;
	min-height: 3.2em;
	padding: .75em 1em .5em 1.5em;
	margin: 0;
	margin-top: 2em;
	background: #E9E9E9;
}

.titulo h3 {
	float: left;
	padding: 0;
	margin: 0;
	/*color: #FF6600;*/
	color: #000000;
	font-size: 160%;
	font-weight: 600;
}

.botonera_titulo {
    float: right;
    max-width: 8em;
    width: auto;
    padding: 0;
    margin: 0;
}

.botonera_titulo li {
	float: right;
	margin-left: .5em;
}

.botonera_titulo li a img {
	width: 25px;
	height: 25px;
}

/* ----- CONECTA ----- */
.formdecontenido {
	float: left;
    width: 100%;
	padding: 0;
    padding-bottom: 1em;
    margin: 0;
	margin-top: 1em;
    border-bottom: 3px dotted #F6F6F6;
}

.formdecontenido label {
    width: 100%;
}

.formdecontenido label.label_button {
	display: table;
	width: auto;
	margin: 0 auto;
	text-align: center;
}

.formdecontenido input {
	float: left;
    width: 100%;
	padding: 0;
    padding: .5em 1em;
    margin: 0;
	font-weight: 400;
	background: #E9E9E9;
	border: none;
}

.formdecontenido input[type="submit"] {
	float: none;
	width: 100%;
	width: auto;
    font-weight: 600;
    color: #FFFFFF;
    background: #FF6600;
	text-align: center;
	cursor: pointer;
}

.formdecontenido input[type="submit"]:hover {
    font-weight: 600;
    color: #FFFFFF;
    background: #333333;
}

#aviso_conectando {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 299;
	visibility: hidden;
	text-align: center;
}

#aviso_conectando_caja {
	position: absolute;
	left: calc(50% - 15em);
	top: calc(50% - 5em);
	width: 30em;
	height: 10em;
	overflow: auto;
	z-index: 300;
	text-align: center;
	background: url(imagescss/fondo_reloj.png) no-repeat left 5% top 50% #FFB27F;
	background-size: auto 80%;
	padding-top: 4.5em;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	font-size: 135%;
}

#aviso_conectando_caja.padding-top-3_5 {
	padding-top: 3.5em !important;
}

.parpadeo {
  opacity: 0;
  animation: blinking 2s linear infinite;
}

@keyframes blinking {
  from,
  19.9% {
    opacity: 0;
  }
  20%,
  to {
    opacity: 1;
  }
}

.aviso_naranja {
	float: left;
	width: 100%;
	min-height: 3em;
	height: auto;
	padding: 1em 1em 1em 5em;
	margin: 0;
	margin-top: 1em;
	text-align: center;
	background: url(imagescss/fondo_alerta.gif) no-repeat left 5% top 50% #FF6600;
	background-size: auto 2.7em;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: 500;
}

/* ----- LISTA-NODOS ----- */
#lista_nodos {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 2em;
	margin-bottom: 3em;
}

#sublista_nodos, #subsublista_nodos {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

#lista_nodos li {
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: .6em .8em .5em 4em;
	font-size: 16px;
}

#lista_nodos #sublista_nodos li {
	padding-left: 7em;
	background-position-x: 4em;
}

#lista_nodos #subsublista_nodos li {
	padding-left: 10em;
	background-position-x: 7em;
}

#lista_nodos li.nodo_impar, #sublista_nodos li.nodo_impar, #subsublista_nodos li.nodo_impar, .nodo_impar {
	background-color: #F6F6F6;
}

#lista_nodos li.nodo_par, #sublista_nodos li.nodo_par, #subsublista_nodos li.nodo_par, .nodo_par {
	background-color: #FFFFFF;
}

#lista_nodos li.nodo_destacado, .nodo_destacado {
	background-color: #FFB27F;
}

#lista_nodos li a, #sublista_nodos li a, #subsublista_nodos li a {
	color: #777777;
}

#lista_nodos li.nodo_destacado a {
	color: #444444;
	font-size: 105%;
}

#lista_nodos li.nodo_destacado span.fecha {
	color: rgba(0,0,0,.5) !important;
}

#lista_nodos li a:hover, #sublista_nodos li a:hover, #subsublista_nodos li a:hover {
	color: #000000;
}

.nodo_ok {
    background-image: url(imagescss/ico_nodo_ok.png);
	background-repeat: no-repeat;
	background-position: left 1em top .5em;
	background-size: auto 1.5em;
}

.nodo_anulado {
    background-image: url(imagescss/ico_nodo_anulado.png);
	background-repeat: no-repeat;
	background-position: left 1em top .5em;
	background-size: auto 1.5em;
}

.nodo_pendiente {
    background-image: url(imagescss/ico_nodo_pendiente.png);
	background-repeat: no-repeat;
	background-position: left 1em top .5em;
	background-size: auto 1.5em;
}

.botonera_delista {
    float: right;
	width: 8em;
	padding: 0;
	margin: 0;
	text-align: right;
}

.botonera_delista li {
	float: right !important;
	width: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	margin-left: .5em !important;
	border: none !important;
}

.botonera_delista li a img {
	width: 25px;
	height: 25px;
}

/* - NAV-PAGINACIÓN - */
.nav_paginacion {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 3em;
	text-align: center;
	color: #BABABA;
	font-size: 16px;
}

.nav_paginacion li {
	display: inline-flex;
	padding-right: 1.2em;
	margin-right: 1.2em;
	border-right: 1px solid #E1E1E1;
}

.nav_paginacion li.sin_borde, .sin_borde {
	padding-right: 0em;
	margin-right: 0em;
	border: none !important;
}

.bot_anterior {
	height: 25px;
    padding-left: 2em;
	color: #777777;
    background: url(imagescss/bot_anterior.png) no-repeat left center;
	background-size: auto 100%;
}

.bot_anterior:hover {
    padding-left: 2em;
	color: #000000;
    background: url(imagescss/bot_anterior_over.png) no-repeat left center;
	background-size: auto 100%;
}

.bot_anterior_desactivado {
	height: 25px;
    padding-left: 2em;
    color: #CECECE;
    background: url(imagescss/bot_anterior_desactivado.png) no-repeat left center;
	background-size: auto 100%;
}

.bot_siguiente {
	height: 25px;
    padding-right: 2em;
	color: #777777;
	background: url(imagescss/bot_siguiente.png) no-repeat right center;
	background-size: auto 100%;
}

.bot_siguiente:hover {
    padding-right: 2em;
	color: #000000;
    background: url(imagescss/bot_siguiente_over.png) no-repeat right center;
	background-size: auto 100%;
}

.bot_siguiente_desactivado {
	height: 25px;
    padding-right: 2em;
    color: #CECECE;
    background: url(imagescss/bot_siguiente_desactivado.png) no-repeat right center;
	background-size: auto 100%;
}

.pag_de_hasta {
	color: #333333;
	font-weight: 500;
}

.pag_de_hasta_ancho {
	display: inline-block;
	width: 6em;
	text-align: center;
}

.pag_total {
	color: #4D84B5;
	font-weight: 600;
}

/* ----- FICHA-NODO ----- */

/* - METADATOS - */
.ficha_metadatos {
	float: left;
	width: 100%;
	height: auto;
	padding: 1.5em;
	margin: 0;
	margin-bottom: 2em;
	color: #333333;
    background: #FFB27F;
	font-size: 16px;
}

.txt_creadmod {
	float: left;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	font-size: 80%;
}

.txt_creadmod .cod {
	color: #000000;
}

.ficha_metadatos .txt_creadmod {
	width: calc(100% - 17em);
}

.bot_metadatos_txt {
	float: right;
	width: auto;
	height: auto;
	font-size: 90%;
	font-weight: 600;
	margin-right: -.5em;
}

.bot_metadatos_txt a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: .3em .4em .3em .8em;
	color: #333333;
	background-color: #FFD1B2;
}

.bot_metadatos_txt a:hover {
	color: #000000;
	background-color: #FFE4D2;
}

.bot_metadatos_txt a span {
	float: left;
	padding-top: .2em;
	padding-bottom: .17em;
}

.bot_metadatos_txt a img {
	width: 25px;
	height: 25px;
}

.bot_anadir {
	background-image: url(imagescss/bot_anadir.png);
	background-repeat: no-repeat;
	background-position: right .4em center;
	background-size: auto 75%;
	padding-right: 35px !important;
}

.bot_anadir:hover {
	background-image: url(imagescss/bot_anadir_over.png);
	background-repeat: no-repeat;
	background-position: right .4em center;
	background-size: auto 75%;
	padding-right: 35px !important;
}

.bot_editar {
	background-image: url(imagescss/bot_editar.png);
	background-repeat: no-repeat;
	background-position: right .4em center;
	background-size: auto 75%;
	padding-right: 35px !important;
}

.bot_editar:hover {
	background-image: url(imagescss/bot_editar_over.png);
	background-repeat: no-repeat;
	background-position: right .4em center;
	background-size: auto 75%;
	padding-right: 35px !important;
}

.bot_recortar {
	background-image: url(imagescss/bot_recortar.png);
	background-repeat: no-repeat;
	background-position: right .4em center;
	/*background-size: auto 75%;*/
	padding-right: 35px !important;
}

.bot_recortar:hover {
	background-image: url(imagescss/bot_recortar_over.png);
	background-repeat: no-repeat;
	background-position: right .4em center;
	/*background-size: auto 75%;*/
	padding-right: 35px !important;
}

.urls_amigables {
	float: left;
	width: 100%;
	height: auto;
	margin-top: 2em;
}

.urls_amigables li {
	float: left;
    width: 100%;
	vertical-align: middle;
}

.urls_amigables input {
	border: none;
	padding: .2em .4em;
	margin-bottom: .5em;
}

.txt_metadatos_tenue {
	color: #9a7056;
}

.form_txt_izda {
	float: left;
	width: 5em;
}

.form_input_dcha {
	float: left;
	width: calc(100% - 5em);
}

.metadatos_titu_apartado {
	float: left;
	width: 100%;
	min-height: 1.5em;
	height: auto;
	margin-top: 1.5em;
}

.metadatos_titu_botonera {
	float:left;
	width: calc(100% - 11em);
	min-height: 1.55em;
	height: auto;
	padding: 0;
	margin: 0;
    /*color: #FF6600;*/
	color: #000000;
	font-size: 140%;
	font-weight: 600;
	position: relative;
	bottom: -.65em;
}

ul.metadatos_apartado {
	float:left;
	width: calc(100% + 3em);
	height: auto;
	padding: .5em 1.5em 1.2em 1.5em;
	margin: 0;
	background: #F2A979;
	border-top: 1px solid #E9A274;
	border-bottom: 1px solid #F6C3A1;
	position: relative;
	left: -1.5em;
}

ul.metadatos_apartado li {
	float:left;
	width: 100%;
	height: auto;
	padding: 0;
	padding-bottom: .4em;
	margin: 0;
	margin-top: .3em;
	border-bottom: 3px dotted #F5BA94;
}

ul.metadatos_apartado li p {
	display: -webkit-box;
	float: left;
	width: calc(100% - 8em);
	padding: 0;
	padding-top: .2em;
	margin: 0;
	line-height: 1.2em;
}

/* - CAMBIO DE IDIOMA - */
.enlace_idioma {
    float: left;
    width: 100%;
    padding: 0;
    padding-bottom: .1em;
    margin: 0;
    margin-bottom: 1.5em;
    border-bottom: 3px dotted #F6F6F6;
	font-size: 120%;
}

.enlace_idioma li {
	display: inline-block;
	float: left;
	width: auto;
	margin-right: 1.5em;
	list-style: none;
}

.enlace_idioma li a {
	color: #A5A5A5;
}

.enlace_idioma li a:hover {
	color: #333333;
}

.enlace_idioma li a.vineta {
	padding-left: 1.5em;
	background: url(imagescss/ico_flecha.png) no-repeat left center;
	background-size: auto 70%;
}

.enlace_idioma li a.vineta_on {
	padding-left: 1.5em;
	/*color: #FF6600;*/
	color: #777777;
	background: url(imagescss/ico_flecha_over.png) no-repeat left center;
	background-size: auto 70%;
}

.enlace_idioma li a:hover.vineta, .enlace_idioma li a:hover.vineta_on {
	padding-left: 1.5em;
	/*color: #333333;*/
	color: #000000;
	background: url(imagescss/ico_flecha_over2.png) no-repeat left center;
	background-size: auto 70%;
}

/* - FICHA CONTENIDO - */
.titu_ficha_contenido, .ficha_contenido {
	float: left;
	width: 100%;
	margin-bottom: 2em;
}

.titu_contenido {
	float: left;
	width: calc(100% - 15em);
	padding: 0;
	margin: 0;
}

.titu_contenido h4 {
	font-size: 145%;
	font-weight: 600;
	margin-top: .2em;
}

h4.subrayado {
	padding-bottom:.3em;
	margin-bottom: 0em;
	border-bottom: 3px dotted #CCCCCC;
}

.fecha_antetitulo_contenido {
	width: 100%;
}

.descripcion_contenido {
	font-size: 110%;
	font-style: italic;
	font-weight: 500;
}

.bot_ficha_txt {
	float: right;
	width: auto;
	min-height: 1.55em;
	height: auto;
	font-size: 90%;
	font-weight: 600;
}

.bot_ficha_txt a {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: .3em .4em .3em .8em;
	color: #333333;
	background-color: #F6F6F6;
}

.bot_ficha_txt a:hover {
	color: #000000;
	background-color: #E9E9E9;
}

.bot_ficha_txt a span {
	float: left;
	padding-top: .2em;
	padding-bottom: .17em;
}

.bot_ficha_txt a img {
	width: 25px;
	height: 25px;
}

/* - GALERÍA DE FOTOGRAFÍAS - */
.ficha_foto {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

.botonera_foto {
	clear: both;
	float: right;
    width: auto;
	height: auto;
    padding: .3em .1em .3em .4em;
    margin: 0;
    text-align: right;
	background: #F6F6F6;
	position: relative;
	bottom: -35px;
	margin-top: -35px;
}

.botonera_foto li {
	display: inline-block;
	margin: 0 .3em 0 0;
}

.botonera_foto img {
	width: 25px;
	height: 25px;
}

.ficha_foto figure {
	float: left;
	width: 100%;
	height: auto;
}

.ficha_foto figure img {
	float: left;
	width: 100%;
	height: auto;
}

.ficha_foto figure figcaption {
	float: left;
	width: 100%;
	min-height: 2.5em;
	height: auto;
	padding: .6em 1em;
	color: #333333;
	background: #E9E9E9;
}

.pie_foto_navegacion {
	width: calc(100% - 10em);
}

.pie_foto {
	display: -webkit-box;
	/*color: #FF6600;*/
	color: #000000;
	font-style: italic;
	line-height: 1.2em;
	margin-top: .2em;
}

.nav_galeria {
	position: relative;
	top: -2.1em;
	right: 1em;
	float: right;
	margin-left: 2em;
	margin-bottom: -2.1em;
}

.nav_galeria li {
	float: left;
	display: inline-block;
}

.nav_galeria li.bot_anterior, .nav_galeria li.bot_siguiente {
	width: 25px;
	height: 25px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.nav_galeria li.bot_anterior_desactivado, .nav_galeria li.bot_siguiente_desactivado {
	width: 25px;
	height: 25px;
	padding: 0;
	margin: 0;
}

/* - DOCUMENTOS - */
.ficha_titu_apartado {
	float: left;
    width: 100%;
    min-height: 1.5em;
    height: auto;
    margin-top: 1.5em;
}

.ficha_titu_botonera {
	float: left;
	width: calc(100% - 11em);
    min-height: 1.55em;
	height: auto;
	padding: 0;
	padding-left: 1em;
	margin: 0;
	color: #000000;
	font-size: 140%;
	font-weight: 600;
	position: relative;
	bottom: -.65em;
}

ul.ficha_apartado {
    float: left;
    width: 100%;
    height: auto;
    padding: .5em 1.5em 1.2em 1.5em;
    margin: 0;
    background: #F2F2F2;
    border-top: 1px solid #E9E9E9;
    position: relative;
}

ul.ficha_apartado li {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    padding-bottom: .3em;
    margin: 0;
    margin-top: .4em;
    border-bottom: 3px dotted #DBDBDB;
}

ul.ficha_apartado li p {
    display: -webkit-box;
    float: left;
    width: calc(100% - 8em);
    padding: 0;
    padding-top: .2em;
    margin: 0;
    line-height: 1.2em;
}

ul.ficha_apartado li p a.vineta {
    padding-left: 1.5em;
	color: #777777;
    background: url(imagescss/ico_flecha.png) no-repeat left center;
    background-size: auto 70%;
}

ul.ficha_apartado li p a.vineta:hover {
    padding-left: 1.5em;
	color: #333333;
	background: url(imagescss/ico_flecha_over.png) no-repeat left center;
	background-size: auto 70%;
}

/* - BOTÓN VOLVER - */
.bot_volver {
	float: left;
	height: 25px;
	padding-left: 2.2em;
	padding-top: .08em;
	/*color: #FF6600;
	color: #0387F9;*/
	color: #777777;
	background: url(imagescss/bot_anterior.png) no-repeat left center;
	background-size: auto 100%;
}

.bot_volver:hover {
	padding-left: 2.2em;
	padding-top: .08em;
    color: #000000;
    background: url(imagescss/bot_anterior_over.png) no-repeat left center;
	background-size: auto 100%;
}


/* ----- ENVIO BOLETINES ----- */
#capa_muestra_boletin {
	border: 1px solid #EFEFEF;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
}

.padding_idiomas_boletin {
	padding: .5em .5em 0 .5em !important;
}


/* ----- FORMULARIO-EDICIÓN ----- */
form.form_kudeatu {
	float:left;
	width: 100%;
	margin-bottom: 2em;
}

form.form_kudeatu .sin_margin {
	margin-bottom: 0em !important;
}

form.form_kudeatu fieldset {
	width: 100%;
}

form.form_kudeatu .form_campo {
	float: left;
	width: 100%;
	padding: 0;
	padding-bottom: .5em;
	margin: 0;
	margin-bottom: .5em;
	border-bottom: 3px dotted #F6F6F6;
}

form.form_kudeatu .fondo_naranja {
	color: #FFFFFF;
    background: #FF6600;
    border-bottom: none !important;
	padding: 1em 1.5em !important;
}

form.form_kudeatu .form_flex {
	display: flex;
	padding: .5em 1em !important;
	margin: 0;
}

form.form_kudeatu label {
	width: 100%;
	height: 100%;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer;
	z-index: 100;
}

form.form_kudeatu .columna_izda {
	float: left;
	display: inline-flex;
	min-width: 3em;
	width: auto;
	padding-right: .5em !important;
}

form.form_kudeatu .columna_ctro {
	float: left;
	display: inline-flex;
	width: calc(100% - 12em);
	padding-right: 1em;
}

form.form_kudeatu .columna_ctro.anchura_sin_Botonera {
	width: calc(100% - 3em);
}

form.form_kudeatu .columna_dcha {
	float: left;
	display: inline-flex;
	width: 9em;
}

form.form_kudeatu .columna_unica {
	float: left;
	clear: both;
	width: 100%;	
}

.form_kudeatu h4 {
	/*color: #FF6600;*/
	color: #4D84B5;
	font-weight: 600;
	margin-top: .2em;
}

.form_kudeatu h4 span.sin_estilo {
	color: #999999 !important;
	font-weight: 400;
}

.form_kudeatu .fondo_naranja h4 {
	color: #FFFFFF;
	font-weight: 600;
	margin: 0em !important;
}

.form_kudeatu .mensaje_error {
	color: #FF0000;
	margin-bottom: .2em;
	font-style: italic;
	font-weight: 600;
}

.asterisco {
	font-size: 20px;
	font-weight: 500;
	color: #FF6600;
	vertical-align: middle;
	margin-right: .2em;
	margin-left: .2em;
	position: relative;
	top: .1em;
	line-height: .5em;
}

.form_txt_asterisco {
	font-size: 85%;
	font-style: italic;
	color: #999999;
}

.form_kudeatu label {
	float: left;
	width: 100%;
	min-height: 2.3em;
	padding: 0;
	padding-top: .4em;
	margin: 0;
	font-size: 105%;
	font-weight: 400;
	color: #999999;
}

.form_kudeatu input, .form_kudeatu select, .form_kudeatu textarea {
	float: left;
	width: 100%;
	background: #e9e9e9;
	border: none;
	padding: .5em 1em;
}

.form_kudeatu input.eremu_motza {
	float: none;
	width: 5em;
	height: 2.4em;
	background: rgba(0,0,0,.1);
	border: none;
	padding: .2em .5em;
}

.form_kudeatu textarea {
	resize: vertical;
	min-height: 2.5em;
}

.form_kudeatu textarea.mceNoEditor {
	height: none !important;
}

.form_kudeatu select {
	width: auto;
    max-width: 100% !important;
}

.form_kudeatu input[type=checkbox], .form_kudeatu input[type=radio] {
	height: 28px;
	cursor: pointer;
	margin-top: -.1em;
}

.form_kudeatu .columna_izda input[type=checkbox], .form_kudeatu .columna_izda input[type=radio], .form_kudeatu .columna_dcha input[type=checkbox], .form_kudeatu .columna_dcha input[type=radio] {
	margin-top: .3em;
}

.form_kudeatu .campo_dcha input[type=checkbox].con_texto {
	float: left;
	width: auto !important;
}

.form_kudeatu label.label_izda, .form_kudeatu div.texto_izda {
	float: left;
	width: 10em;
	height: auto;
	line-height: 1em;
	padding-top: .7em !important;
}

.form_kudeatu label.label_izda.sin_padding, .form_kudeatu div.texto_izda.sin_padding {
	padding-top: .3em !important;
}

.form_kudeatu label.label_dcha {
	float: right;
	width: calc(100% - 2em);
	height: auto;
	line-height: 1em;
	padding-top: .7em !important;
}

.form_kudeatu label.label_auto {
	float: left;
	width: auto;
	line-height: 1em;
	padding-top: .6em !important;
}

.form_kudeatu .campo_dcha {
	float: left;
	width: calc(100% - 10.6em);
}

.form_kudeatu .campo_dcha p {
	padding-top: .4em !important;
}

.form_kudeatu .campo_dcha span {
	float: left;
	padding: .5em 0em;
}

.form_kudeatu .campo_dcha .bot_recortar span {
	float: left;
	padding-top: .2em;
	padding-bottom: .17em;
}

.form_kudeatu .campo_dcha span.cod {
	padding: 0 !important;
}

.form_kudeatu .campo_dcha span.txt_site {
	display: inline-block;
	margin-top: -.15em;
}

.form_kudeatu .campo_corto {
	float: left;
	max-width: 15em;
	width: 100%;
}

.form_kudeatu .campo_corto2 {
	float: left;
	max-width: 30em;
	width: 100%;
}

.form_kudeatu .txt_instruccion {
	float: left;
	font-size: 85%;
	font-style: italic;
	color: #999999;
	padding: 0;
	padding-top: .7em;
	margin: 0;
	margin-left: .5em;
}

.form_kudeatu .form_botonera {
	float: left;
	width: 100%;
	margin: 1.5em 0em;
	text-align: center;
}

.form_kudeatu input.form_boton {
	float: none;
	min-width: 10em;
	width: auto;
	height: auto;
	padding: .5em 2em;
	margin: 0 .5em;
	font-weight: 600;
    color: #FFFFFF;
    background: #FF6600;
	border: none;
}

.form_kudeatu input.form_boton:hover {
    color: #FFFFFF;
    background: #333333;
}

a.enlace_con_miniatura {
	position: relative;
}

a.enlace_con_miniatura {
	cursor: help;
	cursor: url("../images_cms/mouse_photo.cur"), help;
	cursor-position: -2 -2;
}
 
a.enlace_con_miniatura img {
	position: absolute;
	top: calc(100% - 1.2em);
	left: 100%;
	display: none;
	margin-left: .5em;
	z-index: 999;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.5);
}
 
a.enlace_con_miniatura:hover img {
	display: block;
	width: 15em;
	height: auto;
}


/* -------------- BÚSQUEDA -------------- */
#busqueda {
	min-height: 0em;
	height: auto;
	padding: 0 3em;
	border: none;
	border-bottom: 3px dashed #F6F6F6;
}

.busqueda_vacia {
	border-bottom: none !important;
}

#busqueda h2 {
    float: left;
    width: 100%;
    margin: 0;
	margin-top: 1.5em;
    /*color: #FF6600;*/
	color: #000000;
	font-size: 200%;
	font-weight: 600;
}

#busqueda form {
	display: block;
	float: left;
	width: 100%;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

#busqueda form .invisible {
	display: none;
}

#busqueda form label {
	width: 100%;
}

#busqueda form label.label_mitad {
	width: calc(50% - .6em);
}

#busqueda form label.margin_dcha {
	margin-right: 1.2em;
}

#busqueda form input, #busqueda form label input, #busqueda form select {
	background: #e9e9e9;
	border: none;
	width: 100%;
	height: 40px;
	padding: 0 .8em;
	margin-bottom: .5em;
	color: #333333;
	font-size: 135%;
	font-weight: 400;
}

#busqueda form input[type="submit"] {
	font-weight: 600;
	color: #FFFFFF;
	background: #FF6600;
}

#busqueda form input[type="submit"]:hover {
	font-weight: 600;
	color: #FFFFFF;
	background: #333333;
}


/* ------------------------- FOOTER ------------------------- */
footer {
	position: fixed;
	bottom:0;
	clear: both;
	width: 100%;
	height: 5em;
	padding: 0;
	margin: 0;
	color: #FFF;
	background: #333333;
	z-index: 99;
}

footer .row {
	float: none !important;
	width: 100%;
	max-width: 1200px;
	min-width: 570px;
	height: 5em;
	margin: 0 auto !important;
}

/* ---------------- PIE ----------------- */
footer #pie {
	display: flex;
	padding: 0;
	margin: 0;
}

footer #pie p {
	display: inline-flex;
    padding: 0;
    margin: 1.9em 2em;
}


/* ---------------------------- MEDIA QUERYS ----------------------------- */

/* ----- col-xs ----- DISPOSITIVOS MUY PEQUEÑOS (móviles anchura menor o igual a 767px) ----- */
@media (max-width: 767px) {

	

}


/* ----- col-sm ----- DISPOSITIVOS PEQUEÑOS (tablets, anchura mayor o igual a 768px) -------- */
@media (min-width: 768px) {

	/* ------------------------- HEADER ------------------------- */
	.logo_cabecera {
		width:18em;
		padding: 0 3em;
	}

	.logo_cabecera img {
		max-width: 12em;
	}

	/* -------------- CABECERA -------------- */
	header #cabecera h1 {
		font-size:180%;
		margin-left: 3em;
	}

}


/* ----- col-md ----- DISPOSITIVOS MEDIANOS (ordenadores, anchura mayor o igual a 992px) ---- */
@media (min-width: 992px) {

		

}


/* ----- col-lg ----- DISPOSITIVOS GRANDES (ordenadores, anchura mayor o igual a 1200px) ---- */
@media (min-width: 1200px) {


	/* ------------------------- HEADER ------------------------- */
	.logo_cabecera {
		width:18em;
		padding: 0 3em;
		margin-left: 1em;
	}

	.logo_cabecera img {
		max-width: 12em;
	}

	/* -------------- CABECERA -------------- */
	header #cabecera h1 {
		font-size:180%;
		margin-left: 3em;
	}

	header #cabecera .boton_menu {
		display: none !important;
	}


	/* -------------------------- MAIN -------------------------- */
	main .row {
		display: flex;
	}

	/* ------------ ÍNDICE-MÓVIL ------------ */
	#fondo_oscurecido, #indice_movil {
		display: none !important;
	}

	/* --------------- ÍNDICE --------------- */
	#indice {
		position: inherit;
		display: block;
		width: 18em;
		min-height: calc(100vh - 10em);
		height: auto;
		background:#F6F6F6;
	}

	#usuario, #usuario_movil {
		padding-left: 45px;
		background-size: auto;
	}

	#usuario ul li a.flecha, #usuario ul li a.flecha:hover, #usuario_movil ul li a.flecha, #usuario_movil ul li a.flecha:hover {
	    background-size: auto;
	}

	.indice_apartado ul li a.vineta {
		padding-left: 1.5em;
		background-size: auto;
	}

	.indice_apartado ul li a.vineta_on {
		padding-left: 1.5em;
		background-size: auto;
	}

	.indice_apartado ul li a:hover.vineta, .indice_apartado ul li a:hover.vineta_on {
		padding-left: 1.5em;
		background-size: auto;
	}

	/* ------------- CONTENIDOS ------------- */
	#contenidos {
		min-height: calc(100vh - 10em);
		font-size: 13px;
		padding: 0 2em;
	}

	/* ----- TÍTULO ----- */
	.titulo {
		min-height: 3em;
	}

	.titulo h3 {
		font-size: 140%;
	}

	.botonera_titulo li a img {
		width: 20px;
		height: 20px;
	}

	/* ----- CONECTA ----- */
	/*#aviso_conectando {
		width: 44em;
		left: calc(50% - 22em);
		top: 35%;
		font-size: 115%;
	}*/

	#aviso_conectando_caja {
		width: 34em;
		height: 10em;
		left: calc(50% - 17em);
		top: calc(50% - 5em);
		font-size: 115%;
	}

	.aviso_naranja {
		padding: 1em 1em 1em 5em;
		background: url(imagescss/fondo_alerta.gif) no-repeat left 3% top 50% #FF6600;
		background-size: auto 2.7em;
	}

	/* ----- LISTA-NODOS ----- */
	#lista_nodos li, #sublista_nodos li, #subsublista_nodos li {
		font-size: 13px;
	}

	.nodo_ok {
		background-position: left 1em top .5em;
		background-size: auto;
	}

	.nodo_anulado {
		background-position: left 1em top .5em;
		background-size: auto;
	}

	.nodo_pendiente {
		background-position: left 1em top .5em;
		background-size: auto;
	}

	.botonera_delista li a img {
		width: 20px;
		height: 20px;
	}

	/* ----- FICHA-NODO ----- */

	/* - METADATOS - */
	.ficha_metadatos {
		font-size: 13px;
	}

	.bot_metadatos_txt a img, .bot_ficha_txt a img {
		width: 20px;
		height: 20px;
	}

	.bot_anadir, .bot_anadir:hover, .bot_editar, .bot_editar:hover, .bot_recortar, .bot_recortar:hover {
		padding-right: 30px !important;
	}

	/* - CAMBIO DE IDIOMA - */
	.enlace_idioma {
		font-size: 105%;
	}

	/* - GALERÍA DE FOTOGRAFÍAS - */
	.botonera_foto {
		position: relative;
		bottom: -29px;
		margin-top: -29px;
	}

	.botonera_foto img {
		width: 20px;
		height: 20px;
	}

	.nav_galeria li.bot_anterior, .nav_galeria li.bot_anterior_desactivado, .nav_galeria li.bot_siguiente, .nav_galeria li.bot_siguiente_desactivado {
		width: 20px;
		height: 20px;
	}

	/* - FORMULARIOS - */
	.form_kudeatu input[type=checkbox], .form_kudeatu input[type=radio] {
		height: 20px;
		margin-top: 0em;
	}
	
	.form_kudeatu .columna_izda input[type=checkbox], .form_kudeatu .columna_izda input[type=radio], .form_kudeatu .columna_dcha input[type=checkbox], .form_kudeatu .columna_dcha input[type=radio] {
		margin-top: .3em;
	}

	/* ----- NAV-PAGINACIÓN ----- */
	.nav_paginacion {
		font-size: 13px;
	}

	.bot_anterior, .bot_anterior_desactivado, .bot_siguiente, .bot_siguiente_desactivado {
		height: 20px;
	}

	/* ----- BOTÓN VOLVER ----- */
	.bot_volver {
		height: 20px;
		padding-top: .1em;
	}

	/* -------------- BÚSQUEDA -------------- */
	#busqueda {
		min-height: calc(100vh - 10em);
		border: none;
		border-left: 3px dashed #F6F6F6;
		padding: 0 1em;
	}

	#busqueda h2 {
		font-size: 160%;
	}

	#busqueda form label.label_mitad {
		width: calc(50% - .25em);
	}

	#busqueda form label.margin_dcha {
		margin-right: .5em;
	}

	#busqueda form input, #busqueda form label input, #busqueda form select {
		height: 30px;
		font-size: 100%;
		margin-bottom:0em;
	}


	/* ------------------------- FOOTER ------------------------- */

	/* ---------------- PIE ----------------- */
	footer #pie p {
	    margin: 1.9em .3em;
	}

	

}