/**************************************************************
 *	PROGRAMADO POR: Javier Rico Motos y Sergio Santos Belmonte 
 *	EMAIL: info@zuinqstudio.com 
 *	WEB: http://www.zuinqstudio.com 
 *	© Todos los derechos reservados 
 ***************************************************************/

:root {
	--color-principal: #26D07C;
}

body.imprimible {
	background-color: #fff;
	margin: 15px;
	width: 595px;
}

.mobile {
	display: none !important;
}

.desktop {
	display: block !important;
}

.border-box {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

input[type=button],
input[type=reset],
input[type=submit],
button,
.boton {
	background: var(--color-principal);
	color: #fff;
	margin: 0;
	padding: 10px 15px;
	display: inline-block;
	font-size: 1.1em;
	line-height: 1.1em;
	font-family: 'sanslight';
	border-width: 0;
	text-transform: uppercase;
	min-width: 150px;
	text-decoration: none;

	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
button:hover,
.boton:hover {
	text-decoration: none !important;
}

input[type=button]:disabled,
input[type=reset]:disabled,
input[type=submit]:disabled,
button:disabled,
.boton:disabled {
	opacity: 0.5;
	-moz-opacity: 0.5;
}

.boton.rojo {
	background-color: #ff6666;
}

button.enlace,
input.enlace {
	background-color: transparent;
	border-width: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	cursor: pointer;
	font-size: 8pt;
	font-weight: bold;
}

img.miniatura {
	width: 40px;
}

.centrado {
	text-align: center;
}

.vert-align {
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

h2.title {
	color: #3c4752;
	font-weight: normal;
	text-align: left;
}

.ui-dialog h2.title {
	display: none;
}

/* Mensajes */
div.message {
	border: 0;
	margin: 0 0 1.5em 0;
	overflow: hidden;
}

div.message p {
	margin: 0 !important;
}

div.message {
	border: 0;
	clear: none;
	float: none;
	width: auto;

	border: 1px solid #DDDDDD;
	margin-bottom: 2em;
	padding: 1em 1em 1em 40px;
	font-size: 1.2em;
	text-shadow: 1px 1px 0 rgba(255,255,255,.75);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,.65), inset -1px -1px 0 rgba(255,255,255,.65);
	-moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,.65), inset -1px -1px 0 rgba(255,255,255,.65);
	-o-box-shadow: inset 1px 1px 0 rgba(255,255,255,.65), inset -1px -1px 0 rgba(255,255,255,.65);
	box-shadow: inset 1px 1px 0 rgba(255,255,255,.65), inset -1px -1px 0 rgba(255,255,255,.65);
}

div.message.error {
	background: #fae8e6 url(../img/iconos/icono-error.png) no-repeat 12px 50%;
	border-color: #f89fac;
	color: #a71c30;
}

div.message.warning {
	background: #ffeec1 url(../img/iconos/icono-aviso.png) no-repeat 12px 50%;
	border-color: #e5d6a2;
	color: #a47624;
}

div.message.success {
	background: #dbf1d7 url(../img/iconos/icono-success.png) no-repeat 12px 50%;
	border-color: #a6cd68;
	color: #4d6f13;
}

div.message.info {
	background: #d2ebff url(../img/iconos/icono-info.png) no-repeat 12px 50%;
	border-color: #b8cadb;
	color: #346a97;
}

/* Iconos */
span.icon {
	display: inline-block;
	height: 16px;
	margin: 0 0.25em;
	vertical-align: middle;
	width: 16px;
}

span.icon.anyadir {
	background: url(../img/iconos/anyadir.png) no-repeat 50% 50%;
}

span.icon.excel {
	background: url(../img/iconos/exportar.png) no-repeat 50% 50%;
}

span.icon.imprimible {
	background: url(../img/iconos/imprimible.png) no-repeat 50% 50%;
}

span.icon.pdf {
	background: url(../img/iconos/pdf.png) no-repeat 50% 50%;
}

span.icon.listado {
	background: url(../img/iconos/listado.png) no-repeat 50% 50%;
}

span.icon.editar {
	background: url(../img/iconos/editar.png) no-repeat 50% 50%;
}

span.icon.ver {
	background: url(../img/iconos/ver.png) no-repeat 50% 50%;
}

span.icon.seleccionar {
	background: url(../img/iconos/seleccionar.png) no-repeat 50% 50%;
}

span.icon.eliminar {
	background: url(../img/iconos/eliminar.png) no-repeat 50% 50%;
}

span.icon.descargar {
	background: url(../img/iconos/descargar.png) no-repeat 50% 50%;
}

span.icon.prohibido {
	background: url(../img/iconos/prohibido.png) no-repeat 50% 50%;
}

span.icon.es {
	background: url(../img/iconos/es.png) no-repeat 50% 50%;
}

span.icon.es-des {
	background: url(../img/iconos/es-des.png) no-repeat 50% 50%;
}

span.icon.en {
	background: url(../img/iconos/en.png) no-repeat 50% 50%;
}

span.icon.en-des {
	background: url(../img/iconos/en-des.png) no-repeat 50% 50%;
}

span.icon.fr {
	background: url(../img/iconos/fr.png) no-repeat 50% 50%;
}

span.icon.fr-des {
	background: url(../img/iconos/fr-des.png) no-repeat 50% 50%;
}

span.icon.it {
	background: url(../img/iconos/it.png) no-repeat 50% 50%;
}

span.icon.it-des {
	background: url(../img/iconos/it-des.png) no-repeat 50% 50%;
}

input.eliminar-boton[type="submit"] {
	padding-left: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: underline;
	background: url(../img/iconos/eliminar.png) 0% 50% no-repeat;
}

/* Ver Detalle */
div.detalle {
	text-align: center;
}

div.detalle img.miniatura {
	width: 40px;
}

div.detalle fieldset {
	margin: 2em 0;
	padding: 1em 2em;
	color: #444;
	text-align: left;
	border-width: 0px;
	margin: auto;
	width: 90%;
}

div.detalle fieldset legend {
	display: none;
}

div.detalle fieldset p {
	padding-bottom: 5px;
	border-bottom: 1px solid #ededed;
}

div.detalle fieldset p strong {
	display: block;
}

div.detalle fieldset p blockquote {
	margin-left: 5px;
}

div.detalle fieldset .botones {
	margin-top: 15px;
}

/* Formularios */
div.formulario {
	text-align: center;
}

div.formulario .opciones {
	margin: 15px 15px 0 15px;
}

div.formulario img.miniatura {
	width: 40px;
}

div.formulario fieldset {
	margin: 2em 0;
	padding: 1em 2em;
	color: #444;
	text-align: left;
	margin: auto;
	width: 90%;
	border-width: 0px;
}

div.formulario fieldset legend {
	display: none;
}

div.formulario fieldset h3 {
	font-family: 'sanssemibold';
	font-size: 1.2em;
	text-decoration: underline;
	margin: 15px 0 10px 0;
	text-transform: uppercase;
}

div.formulario fieldset h4 {
	font-family: 'sanssemibold';
	font-size: 1.1em;
	margin: 10px 0 10px 0;
}

div.formulario fieldset div.lista-checkbox {
	padding: 0.5em 0;
	clear: both;
}

div.formulario fieldset div.lista-checkbox:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

div.formulario fieldset div.lista-checkbox h4 {
	font-size: 1.2em;
	margin: 10px 5px 5px 0;
}

div.formulario fieldset div.lista-checkbox label {
	margin: 0;
	padding: 0;
	border-width: 0;
	width: 50%;
	float: left;
	clear: none;
}

div.formulario fieldset div.lista-checkbox label span.label-label {
	display: inline-block;
	padding: 2px 0 0 0;
}

div.formulario fieldset div.lista-checkbox label span.label-contenido {
	margin: 0;
	padding: 0;
}

div.formulario fieldset div.lista-checkbox-2 label {
	width: 50%;
}

div.formulario fieldset div.lista-checkbox-2 label span.label-label {
	width: 92%;
}

div.formulario fieldset div.lista-checkbox-3 label {
	width: 33%;
}

div.formulario fieldset div.lista-checkbox-3 label span.label-label {
	width: 88%;
}

div.formulario fieldset div.lista-checkbox-4 label {
	width: 25%;
}

div.formulario fieldset div.lista-checkbox-4 label span.label-label {
	width: 85%;
}

div.formulario fieldset div.lista-label {
}

div.formulario fieldset div.lista-label-checkbox {
	margin: 0 0 15px 5px;
}

div.formulario fieldset div.lista-label-checkbox span.label-label {
	font-weight: normal;
}

div.formulario fieldset div.lista-label-checkbox span.lista-label-label {
	display: block;
	line-height: 1.8em;
	font-size: 1.2em;
	color: #4f5f6f;
	font-family: 'sanslight';
	clear: both;
}

div.formulario fieldset div.lista-label label {
	float: left;
	width: 100%;
}

div.formulario fieldset div.lista-label label select,
div.formulario fieldset div.lista-label label textarea,
div.formulario fieldset div.lista-label label input.inputTexto {
	width: 100%;
}

div.formulario fieldset div.lista-label label select:disabled,
div.formulario fieldset div.lista-label label textarea:disabled,
div.formulario fieldset div.lista-label label input.inputTexto:disabled {
	background-color: #ececec;
}

div.formulario fieldset div.lista-label label select[readonly],
div.formulario fieldset div.lista-label label textarea[readonly],
div.formulario fieldset div.lista-label label input.inputTexto[readonly] {
	background-color: #ececec;
}

div.formulario fieldset div.lista-label:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

div.formulario fieldset div.lista-label-2 label {
	width: 50%;
}

div.formulario fieldset div.lista-label-3 label {
	width: 33.33%;
}

div.formulario fieldset div.lista-label-4 label {
	width: 25%;
}

div.formulario fieldset div.lista-label-5 label {
	width: 20%;
}

div.formulario fieldset div.lista-label-6 label {
	width: 16.66%;
}

div.formulario fieldset div.lista-label-7 label {
	width: 14.28%;
}

div.formulario fieldset div.lista-label-8 label {
	width: 12.5%;
}

div.formulario fieldset div.lista-label-9 label {
	width: 11.11%;
}

div.formulario fieldset div.lista-label-10 label {
	width: 10%;
}

div.formulario fieldset .preview-imagen {
}

div.formulario fieldset .preview-imagen img {
	padding: 2px;
	border: 1px solid #BBBBBB;
	max-width: 25%;
	max-height: 100px;
}

div.formulario fieldset .preview-imagen span.InputFileFormValidadoEliminar {
}

div.formulario fieldset .preview-imagen span.InputFileFormValidadoEliminar input {
}

div.formulario fieldset label {
	display: block;
	margin: 0 0 15px 0;
	padding: 0 15px 0 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.formulario fieldset label input.inputTexto {
	background-color: #fdfdfd;
	border: 1px solid #cccccc;
	color: #4f5f6f;
	padding: 0 15px;
	line-height: 50px;
	min-height: 50px;
	font-size: 1.1em;
	font-family: 'sansregular', serif;
	width: 100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.formulario fieldset label input.inputTexto::-webkit-input-placeholder {
	color: #CCC;
}

div.formulario fieldset label input.inputTexto::-moz-placeholder {
	color: #CCC;
}

div.formulario fieldset label input.inputTexto:-ms-input-placeholder {
	color: #CCC;
}

div.formulario fieldset label input.inputTexto.toggleval {
	color: #CCC;
}

div.formulario fieldset label input.inputTexto.toggleval.tv-focused,
div.formulario fieldset label input.inputTexto.toggleval.tv-changed {
	color: #444;
}

div.formulario fieldset label textarea {
	border: 1px solid #cccccc;
	color: #4f5f6f;
	padding: 0.4em;
	height: 80px;
	width: 100%;
	font-family: 'sansregular';

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.formulario fieldset label textarea.condiciones {
	margin-bottom: 5px;
}

div.formulario fieldset label select {
	background-color: #fff;
	border: 1px solid #cccccc;
	color: #4f5f6f;
	padding: 0.4em;
	font-size: 1.1em;
	line-height: 50px;
	min-height: 50px;
	width: 100%;
	font-family: 'sansregular', serif;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.formulario fieldset label input.inputDate {
}

div.formulario fieldset label input.inputCheckbox {
	margin-right: 5px;
	margin-bottom: 1px;
}

div.formulario fieldset label input.buscador {
	margin: 0px !important;
	width: 200px !important;
}

div.formulario fieldset label input.buscadorAjax {
	margin: 0px !important;
	padding-left: 20px !important;
	width: 200px !important;
	background: url('../img/iconos/ajax.gif') 0% 50% no-repeat !important;
}

div.formulario fieldset label span.clearfix {
	display: block;
	clear: left;
}

div.formulario fieldset label span.label-label {
	display: block;
	line-height: 1.8em;
	font-size: 1.2em;
	color: #4f5f6f;
	font-family: 'sanslight';
	padding-left: 5px;
}

div.formulario fieldset label span.label-contenido {
	display: block;
}

div.formulario fieldset label span.label-contenido span.ayuda {
	color: #888;
	padding-left: 5px;
	font-size: 0.8em;
	font-style: italic;
	display: block;
	min-height: 18px;
}

div.formulario fieldset label span.label-contenido span.lista-checkbox {
	margin-bottom: 10px;
}

div.formulario fieldset label span.label-contenido span.lista-checkbox span.lista-checkbox-item {
	width: 31%;
	float: left;
}

div.formulario fieldset label span.label-contenido span.lista-checkbox span.lista-checkbox-item input.inputCheckbox {
	margin-top: 0px;
}

div.formulario fieldset label span.label-contenido span.lista-checkbox span.lista-checkbox-item span.label-checkbox {
	margin: 0 10px 0 3px;
}

div.formulario fieldset label span.label-contenido div.radios {
	margin-bottom: 10px;
}

div.formulario fieldset label span.label-contenido div.radios span.radio-item {
	display: inline;
}

div.formulario fieldset label span.label-contenido div.radios span.radio-item label.radio {
	display: inline;
	border-width: 0px;
	top: 3px;
	position: relative;
	margin-right: 10px;
}

div.formulario fieldset label span.label-contenido div.radios span.radio-item input.inputRadio {
	margin: 3px 3px 0 0;
}

div.formulario fieldset label span.label-contenido div.wrapperInputFileFormValidado {
	font: normal 8pt tahoma, verdana, trebuchet ms, arial, helvetica;
	color: #222;
}

div.formulario fieldset label span.label-contenido div.wrapperInputFileFormValidado input.inputTexto {
	float: left;
	width: 100%;
}

div.formulario fieldset label span.label-contenido div.wrapperInputFileFormValidado span.InputFileFormValidadoEliminar {
	display: block;
	float: left;
	margin: 5px 0 0 5px;
}

div.formulario fieldset label span.label-contenido div.wrapperInputFileFormValidado span.InputFileFormValidadoEliminar input {
	margin-right: 5px;
}

div.formulario fieldset label span.label-contenido div.wrapperInputFileFormValidado .separador {
	display: block;
	float: left;
	margin: 5px 0 0 5px;
}

div.formulario fieldset label span.label-contenido div.wrapperInputFileFormValidado a.descargar {
	display: block;
	float: left;
	margin: 5px 0 0 5px;
	text-decoration: underline !important;
	color: #444444;
}

div.formulario fieldset label.label-input-autocomplete {

}

div.formulario fieldset label.label-input-autocomplete .label-contenido {
	position: relative;
}

div.formulario fieldset label.label-input-autocomplete .label-contenido ul.autocomplete-items {
	list-style-type: none;
	border: 1px solid #cccccc;
	border-width: 0 1px 1px 1px;
	margin: 0;
	padding: 0;
	top: 33px;
	left: 0;
	right: 0;
	position: absolute;
	overflow: hidden;
	background-color: #fff;
	display: none;
	max-height: 200px;
	overflow-y: auto;
}

div.formulario fieldset label.label-input-autocomplete .label-contenido ul.autocomplete-items li {
	display: block;
	cursor: pointer;
	margin: 0;
	padding: 7px 10px;
	border-bottom: 1px solid #cccccc;
}

div.formulario fieldset label.label-input-autocomplete .label-contenido ul.autocomplete-items li:hover {
	background-color: #cecece;
}

div.formulario fieldset label.label-checkbox {
}

div.formulario fieldset label.label-checkbox span.label-label {
	display: inline-block;
	margin-top: 2px;
}

div.formulario fieldset label.label-checkbox span.label-contenido {
}

div.formulario fieldset label.label-checkbox span.label-contenido span.ayuda {
	min-height: 5px;
}

div.formulario fieldset label.input-aviso {
}

div.formulario fieldset label.input-aviso  span.label-label {
	color: #3E7937;
}

div.formulario fieldset label.input-aviso span.label-contenido {
}

div.formulario fieldset label.input-aviso  span.aviso {
	color: #3E7937;
	padding-left: 5px;
	font-size: 0.8em;
	font-style: italic;
	display: block;
	clear: left;
}

div.formulario fieldset label.input-aviso input.inputTexto {
	border: 1px solid #3E7937;
	background-color: #AAD6A4;
	color: #3E7937;
}

div.formulario fieldset label.input-aviso input.inputTexto::-webkit-input-placeholder {
	color: #8BAE86;
}

div.formulario fieldset label.input-aviso input.inputTexto::-moz-placeholder {
	color: #8BAE86;
}

div.formulario fieldset label.input-aviso input.inputTexto:-ms-input-placeholder {
	color: #8BAE86;
}

div.formulario fieldset label.input-aviso input.inputTexto.toggleval {
	color: #8BAE86;
}

div.formulario fieldset label.input-aviso input.inputTexto.toggleval.tv-focused,
div.formulario fieldset label.input-aviso input.inputTexto.toggleval.tv-changed {
}

div.formulario fieldset label.input-aviso select {
	border: 1px solid #3E7937;
	background-color: #AAD6A4;
	color: #3E7937;
}

div.formulario fieldset label select option:disabled {
	color: #cecece;
}

div.formulario fieldset label.input-aviso textarea {
	border: 1px solid #3E7937;
	background-color: #AAD6A4;
	color: #3E7937;
}

div.formulario fieldset label.input-error {
}

div.formulario fieldset label.input-error  span.label-label {
	color: #ff6666;
}

div.formulario fieldset label.input-error span.label-contenido {
}

div.formulario fieldset label.input-error span.error {
	color: #ff6666;
	padding-left: 5px;
	font-size: 0.8em;
	font-style: italic;
	display: block;
	clear: left;
}

div.formulario fieldset label.input-error input.inputTexto {
	border: 1px solid #ff6666;
	background-color: #f8f3f3;
	color: #ff6666;
}

div.formulario fieldset label.input-error input.inputTexto::-webkit-input-placeholder {
	color: #fb9999;
}

div.formulario fieldset label.input-error input.inputTexto::-moz-placeholder {
	color: #fb9999;
}

div.formulario fieldset label.input-error input.inputTexto:-ms-input-placeholder {
	color: #fb9999;
}

div.formulario fieldset label.input-error input.inputTexto.toggleval {
	color: #fb9999;
}

div.formulario fieldset label.input-error input.inputTexto.toggleval.tv-focused,
div.formulario fieldset label.input-error input.inputTexto.toggleval.tv-changed {
}

div.formulario fieldset label.input-error select {
	border: 1px solid #ff6666;
	background-color: #f8f3f3;
	color: #ff6666;
}

div.formulario fieldset label.input-error textarea {
	border: 1px solid #ff6666;
	background-color: #f8f3f3;
	color: #ff6666;
}

div.formulario .formulario-eliminar {
	text-align: right;
}

div.formulario .formulario-eliminar a {
	display: inline-block;
	padding: 5px 10px;
	color: #a71c30;
	border: 1px solid #a71c30;
	background-color: #fae8e6;
	text-transform: uppercase;
	font-weight: bold;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* Tablas formateadas */
div.tablaFormato {
	background-color: #e1e1e1;
	border: 1px solid #ccc;
	margin: 3em 0;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: 0 4px 0 #e8e7e7;
	-moz-box-shadow: 0 4px 0 #e8e7e7;
	-o-box-shadow: 0 4px 0 #e8e7e7;
	box-shadow: 0 4px 0 #e8e7e7;
}

div.tablaFormato input[type=submit],
div.tablaFormato button,
div.tablaFormato a {
	color: #444444;
	min-width: inherit;
	padding: 0;
	text-transform: inherit;
	display: inline-block;
	margin: 0 0 0 5px;
	font-size: 12px;
	line-height: 12px;
}

div.tablaFormato input:hover,
div.tablaFormato button:hover,
div.tablaFormato a:hover {
	text-decoration: underline;
}

div.tablaFormato form {
	margin: 0;
}

div.tablaFormato table {
	border: 0;
	margin: 0 auto;
	width: 99.99%;
}

div.tablaFormato table tr th,
div.tablaFormato table tr td {
	border: 0;
}

/* Headers */
div.tablaFormato table thead tr th {
	background: none;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding: 0.75em 1em;
	text-shadow: 1px 1px 0 #fff;
	color: #444444;
	white-space: nowrap;

	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5);
	-o-box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5);
}

div.tablaFormato table thead tr th.seleccion {
	width: 10px;
}

div.tablaFormato table thead tr th.acciones {
	width: 70px;
}

div.tablaFormato table thead tr th a {
	text-decoration: underline;
}

div.tablaFormato table thead tr th a:hover {
	text-decoration: underline;
}

div.tablaFormato table thead tr th.first {
	-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.5), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5);
	-moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.5), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5);
	-o-box-shadow: inset 1px 0 0 rgba(255,255,255,.5), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5);
	box-shadow: inset 1px 0 0 rgba(255,255,255,.5), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5);
}

div.tablaFormato table thead tr th.last {
	-webkit-box-shadow: inset -1px 0 0 rgba(255,255,255,.5), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5);
	-moz-box-shadow: inset -1px 0 0 rgba(255,255,255,.5), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5);
	-o-box-shadow: inset -1px 0 0 rgba(255,255,255,.5), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5);
	box-shadow: inset -1px 0 0 rgba(255,255,255,.5), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.5);
}

/* Columns */
div.tablaFormato table tbody tr td {
	background-color: #FFF;
	border-bottom: 1px solid #ccc;
	font-size: .9166em;
	padding: 0.75em 1.25em;
}

div.tablaFormato table tbody tr.par td {
}

div.tablaFormato table tbody tr.impar td {
	background-color: #EEEDED;
}

div.tablaFormato table tbody tr td.hover {
	background-color: #F0F0F0;
}

div.tablaFormato table tbody tr td.acciones {
	text-align: right;
}

div.tablaFormato table tbody tr td.acciones a {
	margin-left: 10px;
}

div.tablaFormato table tbody tr td.acciones a.eliminar {
	color: #900 !important;
	margin-left: 18px;
}

div.tablaFormato table tbody tr td.acciones a:first-child {
}

div.tablaFormato table tbody tr td.acciones a:first-child span.icon {
	border-width: 0;
}

/* Footer */
div.tablaFormato table tfoot tr td {
	background-color: #eeeded;
	font-size: .9166em;
	padding: 0.75em 0.5em;
}

div.tablaFormato table tfoot tr td input,
div.tablaFormato table tfoot tr td a {
	text-decoration: none;
	color: #444444;
}

div.tablaFormato table tfoot tr td a:hover {
	text-decoration: none;
}

div.tablaFormato table tfoot tr td .pdf {
	padding-right: 18px;
}

div.tablaFormato table tfoot tr td.total,
div.tablaFormato table tfoot tr td a {
	font-weight: bold;
}

/* Paginación */
.paginacion {
	float: right;
	margin: 15px;
	text-align: right;
	font-size: 1.1em;
}

.paginacion .registros {
	display: inline;
}

.paginacion ul {
	display: inline;
	margin: 0 0 0 2em;
	padding: 0;
}

.paginacion ul li {
	display: inline-block;
	margin: 0 0 0 0.5em;
	min-width: 20px;
	height: 20px;
	line-height: 20px;
}

.paginacion ul li a {
	color: #555454;
	display: inline-block;
	font-size: 1.16666em;
	padding: 0;
	min-width: 20px;
	height: 20px;
	text-align: center;
}

.paginacion ul li a:focus,
.paginacion ul li a:hover {
	background-color: #e8f3f7;
	color: #222;
	text-decoration: none !important;
}

.paginacion ul li a.actual {
	background-color: var(--color-principal);
	color: #fff;
}

.paginacion ul li.primero,
.paginacion ul li.anterior,
.paginacion ul li.siguiente,
.paginacion ul li.ultimo {
	font-size: 0;
	width: 20px;
	top: -5px;
	position: relative;
}

.paginacion ul li.primero a {
	background: url('../img/iconos/primera.png') no-repeat 50% 50%;
}

.paginacion ul li.anterior a {
	background: url('../img/iconos/anterior.png') no-repeat 50% 50%;
}

.paginacion ul li.siguiente a {
	background: url('../img/iconos/siguiente.png') no-repeat 50% 50%;
}

.paginacion ul li.ultimo a {
	background: url('../img/iconos/ultima.png') no-repeat 50% 50%;
}

/* Avisos */
div.aviso {
	width: 300px;
	height: 150px;
	padding-left: 75px;
	padding-top: 10px;
	margin-top: 30px;
	margin-left: 60px;
	border: 2px solid #083785;
	text-align: center;
	color: #083785;
	font: bold 15pt trebuchet ms, tahoma, verdana, arial, helvetica;
	background: #f1f4ff;
}

div.aviso h1 {
	text-align: center;
	font-size: 18pt;
	margin: 0px;
	padding: 2px;
}

div.aviso p {
	font-size: 14pt;
	margin: 0px;
	padding: 5px;
}

/* Menu Pestañas */
div.pestanas {
}

div.pestanas ul.menu-pestanas {
	margin: 0 0 10px 0;
	position: relative;
	z-index: 80;
}

div.pestanas ul.menu-pestanas li {
	margin: 0;
	list-style-type: none;
	display: inline-block;
	padding-bottom: 10px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

div.pestanas ul.menu-pestanas li a {
	display: inline-block;
	background-color: var(--color-principal);
	font-size: 1.2em;
	color: #fff;
	text-transform: uppercase;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	min-width: 50px;
	border: 1px solid #e5e4e4;
	border-width: 1px 0 0 1px;
}

div.pestanas ul.menu-pestanas li:hover {
}

div.pestanas ul.menu-pestanas li:hover a {
	text-decoration: none !important;
	background-color: #3c4752;
}

div.pestanas ul.menu-pestanas li.current {
	background: transparent url('../img/iconos/ico-pestana.png') 50% 100% no-repeat;
}

div.pestanas ul.menu-pestanas li.current a {
	text-decoration: none !important;
	background-color: #3c4752;
}

div.pestanas ul.menu-pestanas li.pestana-error {
}

div.pestanas ul.menu-pestanas li.pestana-error.current {
	background: transparent url('../img/iconos/ico-pestana-error.png') 50% 100% no-repeat;
}

div.pestanas ul.menu-pestanas li.pestana-error a,
div.pestanas ul.menu-pestanas li.pestana-error.current a {
	background-color: #ff6666;
}

div.pestanas div.pestana {
	padding: 0 20px 15px 20px;
	min-height: 200px;
}

div.pestanas div.pestana .pestana-title {
	text-align: center;
	text-decoration: underline;
	font-size: 1.3em;
	text-transform: uppercase;
}

div.pestanas div.pestana.listado {
	padding: 0 !important;
	margin-top: -9px;
}

div.pestanas div.pestana.listado .title-wrapper {
	min-height: 40px;
	margin-bottom: 1px;
}

div.pestanas div.pestana.listado .title-wrapper h2 {
	line-height: 40px;
	font-size: 1.8em;
}

div.pestanas div.pestana.listado .title-wrapper div.buscador {
}

div.pestanas div.pestana.listado .title-wrapper div.buscador form {
	top: 8px;
	right: 8px;
}

div.pestanas div.pestana.listado .title-wrapper div.buscador form label input.inputTexto {
	height: 25px;
	line-height: 25px;
}

div.pestanas div.pestana.listado .title-wrapper div.buscador form a {
	top: 4px;
	right: 4px;
}

div.pestanas div.pestana.listado .title-wrapper div.buscador legend {
	width: 25px;
	height: 25px;
	top: 8px;
	right: 8px;
}

/* Loading */
div#loading {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: fixed;
	background: rgba(255, 255, 255, 0.9);
	z-index: 99998;
}

div#loading p#loading-content {
	display: table;
	margin: auto;
	background: transparent url('../img/iconos/ajax-loader-panel.gif') 50% 0 no-repeat;
	color: #4f5f6f;
	text-transform: uppercase;
	font-family: 'sanslight';
	padding-top: 40px;
	margin-top: 315px;
	font-size: 1.3em;
}

/* Bloques de datos repetibles */
.bloque-repetible {

}

.bloque-repetible .repetible {
	position: relative;
}

.bloque-repetible .repetible .repetible-datos {
	margin-right: 60px;
}

.bloque-repetible .repetible .repetible-opciones {
	min-width: 60px;
	position: absolute;
	right: 15px;
	bottom: 26px;
	text-align: left;
}

.bloque-repetible .repetible .repetible-opciones .opcion-anyadir {
	width: 22px;
	height: 22px;
	background: transparent url("../img/iconos/repetible-anyadir.png") 0 0 no-repeat;
	text-indent: -9999px;
	margin-left: 7px;
	cursor: pointer;
	display: none;
}

.bloque-repetible .repetible .repetible-opciones .opcion-eliminar {
	width: 22px;
	height: 22px;
	background: transparent url("../img/iconos/repetible-eliminar.png") 0 0 no-repeat;
	display: inline-block;
	text-indent: -9999px;
	margin-left: 7px;
	cursor: pointer;
}

.bloque-repetible .repetible:first-child .repetible-opciones .opcion-eliminar {
	display: none;
}

.bloque-repetible .repetible:last-child .repetible-opciones .opcion-anyadir {
	display: inline-block;
}

/** Modals */
.modal {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 99;
	display: none;
}

.modal .modal-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9999;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	background-color: rgba(0, 0, 0, 0.4);

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.modal .modal-content {
	min-width: 300px;
	min-height: 300px;
	box-sizing: border-box;
	background-color: #fff;
	top: 50%;
	left: 50%;
	z-index: 99999;
	position: absolute;
	padding: 50px 80px;
	font-size: 1.2em;
	text-align: left;
	max-height: 95%;
	overflow-y: auto;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.modal .modal-content .modal-close {
	position: absolute;
	right: 30px;
	top: 30px;
	font-size: 20px;
}

.modal .modal-content h2 {
	color: #3c4752;
	text-align: center;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-family: 'IntegralCFExtra', serif;
	font-size: 30px;
}

.modal .modal-content p {
	line-height: 1.4em;
	font-size: 15px;
	margin: 10px 0;
}

.modal .modal-content p a {
	text-decoration: underline;
}

.modal .modal-content .wrapper-btns {
	margin-top: 40px;
	text-align: center;
}

.modal .modal-content .wrapper-btns .boton {
	margin: 0 10px;
}

.modal.autoshow,
.modal.show {
	display: block;
}

.modal.autoshow .modal-bg,
.modal.show .modal-bg {
	animation: fadeIn .3s;
}
