/* DEFINICIÓN DE CODIFICACIÓN DE CARACTERES --------------------------------------------------------------------------------------- */

@charset "UTF-8";


/* FUENTES ------------------------------------------------------------------------------------------------------------------------ */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');


/* CONFIGURACIÓN CSS -------------------------------------------------------------------------------------------------------------- */

.show-mobile { display:none !important; }
.show-tablet { display:none !important; }
.show-screen { display:inherit; }
.hide-mobile { display:inherit !important; }
.hide-tablet { display:inherit !important; }
.hide-screen { display:none !important; }

.max-img { width: 100%;	height: auto; }
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
body { -webkit-tap-highlight-color: rgba(0,0,0,0); }
body { -webkit-tap-highlight-color: transparent; }
table { overflow-x: auto; }
img { display: block; border: 0px; border-style: none; margin: 0px; padding: 0px; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus
textarea:-webkit-autofill, textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
	border: 0px solid #efefef !important;
	-webkit-text-fill-color: inherit !important;
	box-shadow: 0 0 0 1000px #ececec inset !important;
	transition: background-color 5000s ease-in-out 0s !important;
}
:focus { outline: none !important; }
::-webkit-scrollbar-button{ display: none; height: 13px; border-radius: 0px; background-color: #AAA; } ::-webkit-scrollbar-button:hover{ background-color: #AAA; } ::-webkit-scrollbar-thumb{ background-color: #808080; border-radius: 0; } ::-webkit-scrollbar-thumb:hover{ background-color: #808080; border-radius: 0; } ::-webkit-scrollbar-track{ background-color: #c0c0c0; } ::-webkit-scrollbar-track:hover{ background-color: #c0c0c0; } ::-webkit-scrollbar{ width: 10px; }
::-webkit-input-placeholder { color: #a8a8a7; }
::-moz-placeholder { color: #a8a8a7; }
:-ms-input-placeholder { color: #a8a8a7; }
:-moz-placeholder { color: #a8a8a7; }

.noselect, label, #menu, table, .barraSelectorMeses { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

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

.blink { color: #ff0000; animation: blinker 1s linear infinite; }
@keyframes blinker { 50% { opacity: 0; } }

.vacio { border-top: 0px !important; border-bottom: 0px !important; height: 0px !important; }

/* VM ----------------------------------------------------------------------------------------------------------------------------- */

#ovm {
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 100000;
	background-color: transparent;
	background-color: rgba(0,0,0,0);
}

#vm {
	width: 500px;
	min-height: 150px;
	max-width: 95%;
	max-height: 75%;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	padding: 20px;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	background-color: #ffffff;
	background-color: rgba(255,255,255,0.9);
	border: 1px solid #cccccc;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);
	overflow: auto;
}

#vm img {
	width: 64px;
	height: 64px;
	display: block;
	margin: 0px auto 15px auto;
	clear: both;
}

#vm p {
	margin-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9em;
	font-weight: 400;
	text-align: justify;
	color: #000000;
}

#vm h2.cont {
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 2em;
	font-weight: 400;
	text-align: center;
	color: #000000;
}

#vm .seg {
	position: absolute;
	top: 5px;
	right: 18px;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.7em;
	font-weight: 400;
	line-height: 10px;
	text-align: right;
	color: #cccccc;
}


#vm .bCerrar {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 10px !important;
	height: 10px !important;
	margin: 0px !important;
	cursor: pointer;
}

#vm .bVM {
	position: absolute;
	left: 0px;
	bottom: 20px;
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-around;
}

#vm .bSI {
	padding: 6px 0px 6px 0px;
	cursor: pointer;
	width: 100px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 2px;
	font-size: .8em;
	font-weight: 400;
	background-color: #3083c9;
	color: #ffffff;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	-ms-transition: color 0.2s;
	transition: color 0.2s;
}

#vm .bSI:hover {
	color: #cccccc;
}

#vm .bNO {
	padding: 6px 0px 6px 0px;
	cursor: pointer;
	width: 100px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 2px;
	font-size: .8em;
	font-weight: 400;
	background-color: #3083c9;
	color: #ffffff;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	-ms-transition: color 0.2s;
	transition: color 0.2s;
}

#vm .bNO:hover {
	color: #cccccc;
}

#ovm .loading {
	display: none;
	position: absolute;
	height: 20px;
	bottom: 5px;
	right: 20px;
	z-index: 2;
}

#ovm .loading img {
	margin: 0px auto;
}

#ovm .loading p {
	margin: 0px auto !important;
	font-size: 0.9em;
	font-weight: 400;
	line-height: normal;
	text-align: center;
	color: #ffffff;
}


/* CALENDARIO --------------------------------------------------------------------------------------------------------------------- */

.calendario {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.calendario .barraCalendario {
	background-color: #333333;
	height: 40px;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	-webkit-align-items: center;
	-webkit-justify-content: space-between;
	display: -moz-flex;
	-moz-flex-wrap: wrap;
	-moz-align-items: center;
	-moz-justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.calendario .barraCalendario2 {
	background-color: #333333;
	height: 40px;
}

.calendario .barraCalendario img {
	cursor: pointer;
	margin: 0px 10px !important;
	width: 22px !important;
	height: 22px !important;
}

.calendario .barraCalendario img.off {
	opacity: 0.3;
	cursor: auto;
}

.calendario .barraCalendario p, .calendario .barraCalendario2 p {
	display: table;
	margin: 0px !important;
	padding: 0px !important;
	font-size: 1.1em !important;
	color: #ffffff !important;
	text-align: center !important;
	margin: 0px !important;
	text-transform: uppercase;
}

.calendario .barraDiasSemana {
	height: 30px;
	background-color: #cccccc;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	-webkit-align-items: center;
	-webkit-justify-content: space-around;
	display: -moz-flex;
	-moz-flex-wrap: wrap;
	-moz-align-items: center;
	-moz-justify-content: space-around;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
}

.calendario .barraDiasSemana .diaSemana {
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	flex-grow: 1;
	-webkit-flex-basis: 0;
	-moz-flex-basis: 0;
	flex-basis: 0;
	font-family: 'Open Sans', sans-serif;	
	font-size: 0.8em;
	font-weight: 400;
	text-align: center;
	color: #333333;
}

.calendario .barraSemana {
	background-color: #ffffff;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	-webkit-align-items: center;
	-webkit-justify-content: space-around;
	display: -moz-flex;
	-moz-flex-wrap: wrap;
	-moz-align-items: center;
	-moz-justify-content: space-around;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
}

.calendario .cal_dia {
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	flex-grow: 1;
	-webkit-flex-basis: 0;
	-moz-flex-basis: 0;
	flex-basis: 0;
	margin: 1px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 30px;
	text-align: center;
	color: #333333;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.calendario .cal_dia:hover {
	background-color: #dce4eb;
}

.calendario .vacio:hover {
	background-color: #ffffff !important;
}

.calendario .cal_DiaMarcado {
    background-color: #49a0ae !important;
}

.calendario .cal_DiaMarcado_verde {
	background-color: #33cc00 !important;
	color: #ffffff !important;
}

.calendario .cal_DiaMarcado_amarillo {
	background-color: #ffff33 !important;
	color: #333333 !important;
}

.calendario .cal_DiaMarcado_rojo {
	background-color: #cc0000 !important;
	color: #ffffff !important;
}

.calendario .cal_DiaMarcado_negro {
	background-color: #000000 !important;
	color: #ffffff !important;
}

.calendario .cal_DiaMarcado_naranja {
	background-color: #ff7d00 !important;
	color: #ffffff !important;
}

.calendario .cal_hoy {
	font-weight: 600;
}

.calendario .cal_off {
	cursor: default;
	color: #cccccc !important;
}

.calendario .cal_off:hover {
	background-color: #ffffff !important;
}

.calendario .cal_festivo {
	cursor: default;
	color: #ffffff !important;
	background-color: #c5181f !important;
}

/* CALENDARIO DIAS FESTIVOS ---------------------------------------------------------------------------------------------------------------------- */

.calendarioAnual {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

.calendarioAnual .calendario {
	width: calc(25% - 20px);
	margin-bottom: 30px;
}

.calendarioAnual .barraYear {
	width: 100% !important;
	height: 50px;
	margin-bottom: 20px;
	border-radius: 5px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	background-color: #000000;
}

.calendarioAnual .barraYear img {
	cursor: pointer;
	margin: 0px 10px !important;
	width: 40px !important;
	height: 40px !important;
	transition: 0.3s ease-out;
}

.calendarioAnual .barraYear img:hover {
	opacity:  0.8;
}


.barraYear p {
	display: table;
	margin: 0px !important;
	padding: 0px !important;
	font-size: 2em !important;
	font-weight: 700;
	letter-spacing: 5px;
	color: #ffffff !important;
	text-align: center !important;
}

.calendarioAnual .calendario, .calendario .barraDiasSemana, .calendario .barraSemana {
	border: none !important;
}

#fechaCal b {
	font-weight: 700;
}

#bloqueEventos {
	display: flex;
	flex-wrap: wrap;
  	align-items: flex-start;
  	justify-content: space-between;	
}

#calendario {
    width: 30%;
}

#bloqueEventos .tablaResultados {
	width: calc(70% - 20px);
}

.bFechaFestivo {
	width: 150px;
	margin-right: 20px;
}

.bMotivoFestivo {
	width: calc(100% - 170px);
}

.ubicacion.flex {
	justify-content: flex-start;
}

.ubicacion.flex #bProvincia {
	margin-right: 20px;
}

/* ----------------------------------------------------- */

.calendario {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #ffffff !important;
	border-bottom: 1px solid #a3cbe7;
}

.calendario .barraCalendario {
	height: 36px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	background-color: #000000;
	border-radius: 5px 5px 0px 0px;
}

.calendario .barraCalendario2 {
	height: 36px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	background-color: #000000;
	border-radius: 5px 5px 0px 0px;
}

.calendario .barraCalendario img {
	cursor: pointer;
	margin: 0px 10px !important;
	width: 26px !important;
	height: 26px !important;
}

.calendario .barraCalendario img.off {
	opacity: 0.3;
	cursor: auto;
}

.calendario .barraCalendario p, .calendario .barraCalendario2 p {
	display: table;
	margin: 0px !important;
	padding: 0px !important;
	font-size: 1em !important;
	font-weight: 600;
	color: #ffffff !important;
	text-align: center !important;
	text-transform: capitalize;
	text-transform: uppercase;
}

.calendario .barraDiasSemana {
	height: 30px;
	padding: 0px 5px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	background-color: #a3cbe7;
	border: 1px solid #a3cbe7;
}

.calendario .barraDiasSemana .diaSemana {
	flex-grow: 1;
	flex-basis: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8em;
	font-weight: 600;
	line-height: 30px;
	text-align: center;
	padding: 1px;
	color: #ffffff;
}

.calendario .barraSemana {
	display: flex;
	padding: 0px 5px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	border-left: 1px solid #a3cbe7;
	border-right: 1px solid #a3cbe7;
	background-color: #ffffff;
}

.calendario .barraSemana:last-child {
	padding-bottom: 5px;
}

.calendario .cal_dia {
	flex-grow: 1;
	flex-basis: 0;
	margin: 1px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 30px;
	text-align: center;
	color: #4c145e;
	transition: #ffffff 0.3s ease-out;
}

.calendario .cal_dia:hover {
	background-color: #ffffcc;
}

.calendario .dia_vacio {
	background-color: #ffffff;
}

.calendario .dia_vacio:hover {
	background-color: #ffffff;
}

.calendario .cal_hoy {
	font-weight: 700;
	background-color: #a3cbe7;
}

.calendario .cal_hoy:hover {
	background-color: #a3cbe7;
}

.calendario .cal_festivo {
	color: #ffffff ;
	background-color: #cc0000 ;
}

.calendario .cal_festivo:hover {
	background-color: #cc0000 ;
}

.calendario .cal_DiaMarcado {
	color: #ffffff;
    background-color: #4c145e;
}

.calendario .cal_DiaMarcado:hover {
    background-color: #4c145e;
}

.calendario .cal_DiaMarcado.ok {
	color: #ffffff;
    background-color: #66cc00;
}

.calendario .cal_DiaMarcado.ok:hover {
    background-color: #66cc00;
}

.calendario .cal_DiaMarcado.off, .cal_DiaMarcadoOk.off {
	opacity: 0.4;
}

.calendario .cal_DiaMarcado.cal_festivo {
	color: #cc0000;
}

.calendario .cal_no_laborable {
	opacity: 0.5;
}

.calendario .cal_cumple {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIHN0eWxlPSJmaWxsOiM0MDU5NkI7IiBkPSJNNDg5LjAzLDQ2Mi45MzNIMjMuOTYzYy0xMi44LDAtMjMuNDY3LDEwLjY2Ny0yMy40NjcsMjMuNDY3djEuMDY3DQoJQzAuNDk2LDUwMS4zMzMsMTEuMTYzLDUxMiwyMy45NjMsNTEyaDQ2NGMxMi44LDAsMjMuNDY3LTEwLjY2NywyMy40NjctMjMuNDY3di0xLjA2N0M1MTIuNDk3LDQ3My42LDUwMS44Myw0NjIuOTMzLDQ4OS4wMyw0NjIuOTMzeg0KCSIvPg0KPHBhdGggc3R5bGU9ImZpbGw6I0ZGRDE1QzsiIGQ9Ik00ODkuMDMsMjU0LjkzM3YyMDhIMjMuOTYzdi0yMDhjMC0yMy40NjcsMTkuMi00Mi42NjcsNDIuNjY3LTQyLjY2N2gzNzkuNzMzDQoJQzQ2OS44MywyMTIuMjY3LDQ4OS4wMywyMzEuNDY3LDQ4OS4wMywyNTQuOTMzeiIvPg0KPHBhdGggc3R5bGU9ImZpbGw6I0NERDZFMDsiIGQ9Ik0yOTEuNjk3LDIxMi4yNjdoLTcwLjR2LTk5LjJjMC0xMS43MzMsOS42LTIxLjMzMywyMS4zMzMtMjEuMzMzaDI3LjczMw0KCWMxMS43MzMsMCwyMS4zMzMsOS42LDIxLjMzMywyMS4zMzNWMjEyLjI2N3oiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiNGRkQxNUM7IiBkPSJNMjgzLjE2Myw1NS40NjdjMCwxNC45MzMtMTEuNzMzLDI2LjY2Ny0yNi42NjcsMjYuNjY3Yy0xNC45MzMsMC0yNi42NjctMTEuNzMzLTI2LjY2Ny0yNi42NjcNCglzNS4zMzMtMTYsMjYuNjY3LTU1LjQ2N0MyNTYuNDk3LDAsMjgzLjE2Myw0MC41MzMsMjgzLjE2Myw1NS40Njd6Ii8+DQo8cGF0aCBzdHlsZT0iZmlsbDojRjhCNjRDOyIgZD0iTTI3My41NjMsNjEuODY3YzAsOS42LTcuNDY3LDE3LjA2Ny0xNy4wNjcsMTcuMDY3Yy05LjYsMC0xNy4wNjctNy40NjctMTcuMDY3LTE3LjA2Nw0KCXMzLjItMTAuNjY3LDE3LjA2Ny0zNi4yNjdDMjU2LjQ5NywyNi42NjcsMjczLjU2Myw1Mi4yNjcsMjczLjU2Myw2MS44Njd6Ii8+DQo8cGF0aCBzdHlsZT0iZmlsbDojRjJGMkYyOyIgZD0iTTQ0Ni4zNjMsMjEyLjI2N0g2Ni42M2MtMjMuNDY3LDAtNDIuNjY3LDE5LjItNDIuNjY3LDQyLjY2N3YxOS4yYzguNTMzLTMuMiwyMC4yNjcsMCwyNC41MzMsOS42DQoJbDYuNCwxNmM1LjMzMywxMy44NjcsMjMuNDY3LDE2LDMyLDQuMjY3bDMuMi00LjI2N2M3LjQ2Ny0xMC42NjcsMjQuNTMzLTEwLjY2NywzMC45MzMsMi4xMzNjNy40NjcsMTIuOCwyNi42NjcsMTIuOCwzMy4wNjctMS4wNjcNCglsMy4yLTYuNGM2LjQtMTIuOCwyNC41MzMtMTMuODY3LDMzLjA2Ny0xLjA2N2w5LjYsMTZjNy40NjcsMTEuNzMzLDI1LjYsMTEuNzMzLDMyLTEuMDY3bDEzLjg2Ny0yNS42YzcuNDY3LTEyLjgsMjUuNi0xMi44LDMyLDANCglsMjYuNjY3LDQ1Ljg2N2M2LjQsMTEuNzMzLDIzLjQ2NywxMi44LDMwLjkzMywxLjA2N2wzMi00NS44NjdjNi40LTkuNiwyMC4yNjctMTAuNjY3LDI4LjgtMi4xMzNsMjcuNzMzLDI4LjgNCgljOS42LDkuNiwyNS42LDYuNCwzMC45MzMtNS4zMzNsOC41MzMtMjAuMjY3YzQuMjY3LTguNTMzLDEyLjgtMTIuOCwyMS4zMzMtMTAuNjY3di0yMC4yNjcNCglDNDg5LjAzLDIzMS40NjcsNDY5LjgzLDIxMi4yNjcsNDQ2LjM2MywyMTIuMjY3eiIvPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0YxNTQzRjsiIGQ9Ik0xNjcuOTYzLDM0NC41MzNjLTEyLjgsMC0yMy40NjcsMTAuNjY3LTIzLjQ2NywyMy40NjdjMCwxMi44LDEwLjY2NywyMy40NjcsMjMuNDY3LDIzLjQ2Nw0KCQljMTIuOCwwLDIzLjQ2Ny0xMC42NjcsMjMuNDY3LTIzLjQ2N0MxOTEuNDMsMzU1LjIsMTgwLjc2MywzNDQuNTMzLDE2Ny45NjMsMzQ0LjUzM3oiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRjE1NDNGOyIgZD0iTTI1Ni40OTcsMzQ0LjUzM2MtMTIuOCwwLTIzLjQ2NywxMC42NjctMjMuNDY3LDIzLjQ2N2MwLDEyLjgsMTAuNjY3LDIzLjQ2NywyMy40NjcsMjMuNDY3DQoJCWMxMi44LDAsMjMuNDY3LTEwLjY2NywyMy40NjctMjMuNDY3QzI3OS45NjMsMzU1LjIsMjY5LjI5NywzNDQuNTMzLDI1Ni40OTcsMzQ0LjUzM3oiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRjE1NDNGOyIgZD0iTTc4LjM2MywzNDQuNTMzYy0xMi44LDAtMjMuNDY3LDEwLjY2Ny0yMy40NjcsMjMuNDY3YzAsMTIuOCwxMC42NjcsMjMuNDY3LDIzLjQ2NywyMy40NjcNCgkJUzEwMS44MywzODAuOCwxMDEuODMsMzY4QzEwMS44MywzNTUuMiw5MS4xNjMsMzQ0LjUzMyw3OC4zNjMsMzQ0LjUzM3oiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRjE1NDNGOyIgZD0iTTM0NS4wMywzNDQuNTMzYy0xMi44LDAtMjMuNDY3LDEwLjY2Ny0yMy40NjcsMjMuNDY3YzAsMTIuOCwxMC42NjcsMjMuNDY3LDIzLjQ2NywyMy40NjcNCgkJYzEyLjgsMCwyMy40NjctMTAuNjY3LDIzLjQ2Ny0yMy40NjdDMzY5LjU2MywzNTUuMiwzNTguODk2LDM0NC41MzMsMzQ1LjAzLDM0NC41MzN6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0YxNTQzRjsiIGQ9Ik00MzQuNjMsMzQ0LjUzM2MtMTIuOCwwLTIzLjQ2NywxMC42NjctMjMuNDY3LDIzLjQ2N2MwLDEyLjgsMTAuNjY3LDIzLjQ2NywyMy40NjcsMjMuNDY3DQoJCVM0NTguMDk3LDM4MC44LDQ1OC4wOTcsMzY4QzQ1OC4wOTcsMzU1LjIsNDQ3LjQzLDM0NC41MzMsNDM0LjYzLDM0NC41MzN6Ii8+DQo8L2c+DQo8Zz4NCgk8cmVjdCB4PSIyMy45NjMiIHk9IjQwNi40IiBzdHlsZT0iZmlsbDojRjhCNjRDOyIgd2lkdGg9IjQ2NS4wNjciIGhlaWdodD0iMTIuOCIvPg0KCTxyZWN0IHg9IjIzLjk2MyIgeT0iNDM1LjIiIHN0eWxlPSJmaWxsOiNGOEI2NEM7IiB3aWR0aD0iNDY1LjA2NyIgaGVpZ2h0PSIxMi44Ii8+DQo8L2c+DQo8cGF0aCBzdHlsZT0ib3BhY2l0eTowLjE7ZmlsbDojMjMxRjIwO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7IiBkPSJNNDY3LjY5NywyNzUuMmwtOC41MzMsMjAuMjY3DQoJQzQ1My44MywzMDcuMiw0MzcuODMsMzEwLjQsNDI4LjIzLDMwMC44TDQwMC40OTcsMjcyYy04LjUzMy04LjUzMy0yMi40LTcuNDY3LTI4LjgsMi4xMzNsLTMyLDQ1Ljg2Nw0KCWMtNy40NjcsMTAuNjY3LTI0LjUzMywxMC42NjctMzAuOTMzLTEuMDY3bC0yNi42NjctNDUuODY3Yy03LjQ2Ny0xMi44LTI1LjYtMTEuNzMzLTMyLDBsLTE3LjA2NywyNS42DQoJYy03LjQ2NywxMi44LTI0LjUzMywxMi44LTMyLDEuMDY3bC05LjYtMTZjLTcuNDY3LTEyLjgtMjUuNi0xMS43MzMtMzMuMDY3LDEuMDY3bC0zLjIsNi40Yy02LjQsMTIuOC0yNS42LDEzLjg2Ny0zMy4wNjcsMS4wNjcNCgljLTYuNC0xMS43MzMtMjMuNDY3LTEyLjgtMzAuOTMzLTIuMTMzbC0zLjIsNC4yNjdjLTguNTMzLDExLjczMy0yNi42NjcsOS42LTMyLTQuMjY3bC02LjQtMTYNCgljLTQuMjY3LTEwLjY2Ny0xNC45MzMtMTMuODY3LTI0LjUzMy05LjZWMjc1LjJjOC41MzMtMy4yLDIwLjI2NywwLDI0LjUzMyw5LjZsNi40LDE2YzUuMzMzLDEzLjg2NywyMy40NjcsMTYsMzIsNC4yNjdsMy4yLTQuMjY3DQoJYzcuNDY3LTEwLjY2NywyNC41MzMtMTAuNjY3LDMwLjkzMywyLjEzM2M3LjQ2NywxMi44LDI2LjY2NywxMi44LDMzLjA2Ny0xLjA2N2wzLjItNi40YzYuNC0xMi44LDI0LjUzMy0xMy44NjcsMzMuMDY3LTEuMDY3bDkuNiwxNg0KCWM3LjQ2NywxMS43MzMsMjUuNiwxMS43MzMsMzItMS4wNjdsMTMuODY3LTI1LjZjNy40NjctMTIuOCwyNS42LTEyLjgsMzIsMGwyNi42NjcsNDUuODY3YzYuNCwxMS43MzMsMjMuNDY3LDEyLjgsMzAuOTMzLDEuMDY3DQoJbDMyLTQ1Ljg2N2M2LjQtOS42LDIwLjI2Ny0xMC42NjcsMjguOC0yLjEzM2wyNy43MzMsMjguOGM5LjYsOS42LDI1LjYsNi40LDMwLjkzMy01LjMzM2w4LjUzMy0yMC4yNjcNCgljNC4yNjctOC41MzMsMTIuOC0xMi44LDIxLjMzMy0xMC42Njd2LTEwLjY2N0M0ODAuNDk3LDI2Mi40LDQ3MC44OTYsMjY2LjY2Nyw0NjcuNjk3LDI3NS4yeiIvPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=');
	background-repeat: no-repeat;
	background-position: 3px 5px;
	background-size: 15px;
}

.calendario .cal_cumple:not(.cal_DiaMarcado, .cal_festivo) {
	background-color: #ffffcc;
}

.leyendaCal {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.leyendaCal > div {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	margin: 0px 10px;
}

.leyendaCal > div div {
	width: 30px;
	height: 20px;
	margin-right: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.8em;
	line-height: 20px;
	font-weight: 400;
	text-align: center;
}

.leyendaCal > div p {
	margin: 0px;
	font-size: 0.8em;
	line-height: 20px;
	font-weight: 400;
}

.leyendaCal > div div.cal_hoy {
	font-weight: 700;
	background-color: #a3cbe7;
}

.leyendaCal > div div.cal_festivo {
	color: #ffffff ;
	background-color: #cc0000;
}

.leyendaCal > div div.cal_DiaMarcado {
	color: #ffffff;
    background-color: #4c145e;
}

.leyendaCal > div div.cal_DiaMarcado.ok {
	color: #ffffff;
    background-color: #66cc00;
}

.leyendaCal > div div.cal_cumple {
	background-color: #ffffcc;
}

.leyendaCal > div div.cal_cumple img {
	height: 16px;
	margin: 2px auto;
}




/* ELEMENTOS GENERALES ------------------------------------------------------------------------------------------------------------ */

body {
	position: relative;
	margin: 0px;
	padding-bottom: 60px;
	width: 100%;
    min-height: 100vh;
    clear: both;
	background-color: #ffffff;
}


body.F {
    background-color: #FFFFFF;
}

body.FM {
	padding: 10px 50px 10px 50px;
    background-color: #FFFFFF;
	overflow: auto;
	white-space: nowrap;    
}

body.scrollOff {
    overflow: hidden;
}

form {
    margin: 0px;
    padding: 0px;
}

p {
	margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: .9em;
    line-height: 1.5em;
    text-align: justify;
    color: #000000;
}

b {
	font-weight: 700;
}

blockquote {
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-size: .9em;
    line-height: 1.5em;
    text-align: justify;
}

li {
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-size: .9em;
    line-height: 1.5em;
}

h1 {
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    text-align: justify;
}

h2 {
    color: #000000;
    font-family: 'Open Sans', sans-serif;
}

a {
	outline: none;
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

iframe {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    border: 0px;
    outline: none;
}

iframe.oculto {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    visibility: hidden;
    display: none;
}

textarea {
    resize: none;
}

table {
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
}

th {
    text-align: left;
}

fieldset {
	position: relative;
    margin: 0px;
    margin-bottom: 25px;
    padding: 10px;
	border: 2px solid #d8d8d8;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;	
	border-radius: 5px;	    
}

fieldset .mas {
    position: absolute;
    top: -22px;
    right: 15px;
    padding: 0px 5px;
    background-color: #ffffff;
}

fieldset .mas:hover {
    opacity: 1;
}

legend {
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-size: .8em;
    font-weight: 700;
    text-align: left;
    letter-spacing: 1px;
}

input {
	-webkit-transition: border 0.3s;
	-moz-transition: border 0.3s;
	-o-transition: border 0.3s;
	-ms-transition: border 0.3s;
	transition: border 0.3s;
}


input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]):not(.switch):not([type=number]) {
	width: 100%;
	height: 34px;
	margin: 0px;
	padding: 0px 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9rem;
	font-weight: 400;
	border: 0px;
	border-radius: 5px;
	color: #000000 !important;
	background-color: #eff0f6;
}


.aviso {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
	color: #c5181f;
}

.avisoVerde {
	color: #23a720;
}

.avisoRojo {
	color: #c5181f;
}

.asteriscos {
	color: #000000;
	font-weight: 700;
	font-size: 2em;
}

#txtTags {
	text-transform: lowercase;
}

/* ----------------------------------------------------- */

input[type="file"]:not(.uploadifive) {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

input[type="file"]:not(.uploadifive) + label {
	display: table;
	height: 30px;
	padding: 0px 10px 0px 10px;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.7em;
	line-height: 28px;
	letter-spacing: 1px;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #3083c9;	
	background-color: #3083c9;	
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type="file"]:not(.uploadifive):focus + label, input[type="file"]:not(.uploadifive) + label:hover {
    color: #3083c9;
	background-color: transparent;
}

/* ----------------------------------------------------- */

[type="radio"]:checked,
[type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) +
label {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	line-height: 24px;
	display: inline-block;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) +
label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	border: 2px solid #ccc;
	border-radius: 100%;
	background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) +
label:after {
	content: '';
	width: 20px;
	height: 20px;
	background: #3083c9;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
[type="radio"]:not(:checked) +
label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
[type="radio"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

select {
    background-repeat: no-repeat;
    background-size: auto 6px; 
    background-position: 5px center;
}

select.loading {
	background-image: url("../imagenes/loading.svg");
}

/* ----------------------------------------------------- */

input[type="date"] {
	width: 150px;
}

input[type="checkbox"] {
    width: 30px !important;
    height: 30px !important;
}

input[type="email"] {
	text-transform: lowercase;
}

input[type="iban"] {
	text-transform: uppercase;
}

input[type="url"] {
	padding-left: 30px !important;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDkwLjY2NyA0OTAuNjY3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTAuNjY3IDQ5MC42Njc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxjaXJjbGUgc3R5bGU9ImZpbGw6IzkwQ0FGOTsiIGN4PSIyNDUuMzMzIiBjeT0iMjQ1LjMzMyIgcj0iMTkyIi8+DQo8Zz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMjE5NkYzOyIgZD0iTTY4Ljc3OSwxNjkuNTU3YzUuMjczLDIuNjE4LDExLjY3LDAuNDcsMTQuMjkzLTQuOGMyMC4xNTctNDAuNjI2LDU0Ljg3My03Mi4xNzQsOTcuMjM3LTg4LjM2Mw0KCQljLTE5LjM4NiwyMy41NzEtMzMuMjgzLDUxLjE2LTQwLjY4Myw4MC43NjhjLTEuNzgxLDUuNjE1LDEuMzI4LDExLjYxMSw2Ljk0MywxMy4zOTJjNS42MTUsMS43ODEsMTEuNjExLTEuMzI4LDEzLjM5Mi02Ljk0Mw0KCQljMC4wNzktMC4yNDgsMC4xNDgtMC41LDAuMjA5LTAuNzUzYzE0LjkzMy01My45MDksNDMuNDEzLTkwLjQzMiw3NC40OTYtOTcuMzg3VjE2MGMwLDUuODkxLDQuNzc2LDEwLjY2NywxMC42NjcsMTAuNjY3DQoJCWM1Ljg5MSwwLDEwLjY2Ny00Ljc3NiwxMC42NjctMTAuNjY3VjY1LjQ1MWMzMS4wODMsNi45NTUsNTkuNTg0LDQzLjQ3Nyw3NC40OTYsOTcuMzg3YzEuMzY1LDUuNzMxLDcuMTE3LDkuMjcsMTIuODQ4LDcuOTA1DQoJCWM1LjczMS0xLjM2NSw5LjI3LTcuMTE3LDcuOTA1LTEyLjg0OGMtMC4wNi0wLjI1NC0wLjEzLTAuNTA1LTAuMjA5LTAuNzUzYy03LjQtMjkuNjA4LTIxLjI5Ny01Ny4xOTctNDAuNjgzLTgwLjc2OA0KCQljNDIuMzcyLDE2LjE4NSw3Ny4wOTYsNDcuNzMyLDk3LjI1OSw4OC4zNjNjMi40NTksNS4zNTMsOC43OTIsNy43LDE0LjE0NSw1LjI0MWM1LjM1My0yLjQ1OSw3LjctOC43OTIsNS4yNDEtMTQuMTQ1DQoJCWMtMC4wOTEtMC4xOTktMC4xODktMC4zOTUtMC4yOTMtMC41ODhDMzc3LjA5Myw1NS4wOTUsMjU1LjY4NSwxNC4xMzIsMTU1LjUzNyw2My43NDhjLTM5LjY4OSwxOS42NjMtNzEuODMxLDUxLjgwNS05MS40OTQsOTEuNDk0DQoJCUM2MS40MDEsMTYwLjUwNCw2My41MiwxNjYuOTEsNjguNzc5LDE2OS41NTd6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzIxOTZGMzsiIGQ9Ik00MjEuODg4LDMyMS4xMDljLTUuMjczLTIuNjE4LTExLjY3LTAuNDctMTQuMjkzLDQuOGMtMjAuMTYzLDQwLjYzLTU0Ljg4Niw3Mi4xNzgtOTcuMjU5LDg4LjM2Mw0KCQljMTkuMzg2LTIzLjU3MSwzMy4yODMtNTEuMTYsNDAuNjgzLTgwLjc2OGMxLjc4MS01LjYxNS0xLjMyOC0xMS42MTEtNi45NDMtMTMuMzkyYy01LjYxNS0xLjc4MS0xMS42MTEsMS4zMjgtMTMuMzkyLDYuOTQzDQoJCWMtMC4wNzksMC4yNDgtMC4xNDgsMC40OTktMC4yMDksMC43NTNjLTE0LjkzMyw1My45MDktNDMuNDEzLDkwLjQzMi03NC40OTYsOTcuMzg3di05NC41MjhjMC01Ljg5MS00Ljc3Ni0xMC42NjctMTAuNjY3LTEwLjY2Nw0KCQljLTUuODkxLDAtMTAuNjY3LDQuNzc2LTEwLjY2NywxMC42Njd2OTQuNTQ5Yy0zMS4wODMtNi45NTUtNTkuNTg0LTQzLjQ3Ny03NC40OTYtOTcuMzg3Yy0xLjM2NS01LjczMS03LjExNy05LjI3LTEyLjg0OC03LjkwNQ0KCQlzLTkuMjcsNy4xMTctNy45MDUsMTIuODQ4YzAuMDYsMC4yNTQsMC4xMywwLjUwNSwwLjIwOSwwLjc1M2M3LjQsMjkuNjA4LDIxLjI5Nyw1Ny4xOTcsNDAuNjgzLDgwLjc2OA0KCQljLTQyLjM3Mi0xNi4xODUtNzcuMDk2LTQ3LjczMi05Ny4yNTktODguMzYzYy0yLjQ1OS01LjM1My04Ljc5Mi03LjctMTQuMTQ1LTUuMjQxYy01LjM1MywyLjQ1OS03LjcsOC43OTItNS4yNDEsMTQuMTQ1DQoJCWMwLjA5MiwwLjE5OSwwLjE4OSwwLjM5NiwwLjI5MywwLjU4OWM0OS42MTcsMTAwLjE0OCwxNzEuMDI1LDE0MS4xMTEsMjcxLjE3Miw5MS40OTRjMzkuNjg5LTE5LjY2Myw3MS44MzEtNTEuODA1LDkxLjQ5NC05MS40OTQNCgkJQzQyOS4yNDgsMzMwLjE2OSw0MjcuMTM4LDMyMy43NjQsNDIxLjg4OCwzMjEuMTA5eiIvPg0KPC9nPg0KPHBhdGggc3R5bGU9ImZpbGw6IzAwOTY4ODsiIGQ9Ik01My4zMzMsMTQ5LjMzM2gzODRjMjkuNDU1LDAsNTMuMzMzLDIzLjg3OCw1My4zMzMsNTMuMzMzVjI4OGMwLDI5LjQ1NS0yMy44NzgsNTMuMzMzLTUzLjMzMyw1My4zMzMNCgloLTM4NEMyMy44NzgsMzQxLjMzMywwLDMxNy40NTUsMCwyODh2LTg1LjMzM0MwLDE3My4yMTIsMjMuODc4LDE0OS4zMzMsNTMuMzMzLDE0OS4zMzN6Ii8+DQo8Zz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojRkFGQUZBOyIgZD0iTTI2Ni42NjcsMjk4LjY2N2MtNC41OTcsMC4wMDYtOC42ODEtMi45MzUtMTAuMTMzLTcuMjk2bC0xMS4yLTMzLjY0M2wtMTEuMiwzMy42NDMNCgkJYy0xLjIzNyw0LjY5My01LjcxMiw3Ljc4Mi0xMC41MzksNy4yNzVjLTQuNzM4LTAuMTgtOC43ODgtMy40NjUtOS45NDEtOC4wNjRsLTIxLjMzMy04NS4zMzMNCgkJYy0xLjQyNi01LjcyLDIuMDU2LTExLjUxMyw3Ljc3Ni0xMi45MzljNS43Mi0xLjQyNiwxMS41MTMsMi4wNTYsMTIuOTM5LDcuNzc2bDEyLjQzNyw0OS43OTJsOS43NDktMjkuMjQ4DQoJCWMyLjUzNS01LjU5MSw5LjEyMi04LjA2OCwxNC43MTMtNS41MzNjMi40NTQsMS4xMTMsNC40MiwzLjA3OSw1LjUzMyw1LjUzM2w5Ljc0OSwyOS4yNDhsMTIuNDM3LTQ5Ljc5Mg0KCQljMS40MjYtNS43Miw3LjIxOC05LjIwMiwxMi45MzktNy43NzZjNS43MiwxLjQyNiw5LjIwMiw3LjIxOCw3Ljc3NiwxMi45MzlsMCwwbC0yMS4zMzMsODUuMzMzDQoJCWMtMS4xNTMsNC41OTktNS4yMDQsNy44ODQtOS45NDEsOC4wNjRMMjY2LjY2NywyOTguNjY3eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNGQUZBRkE7IiBkPSJNMTM4LjY2NywyOTguNjY3Yy00LjU5NywwLjAwNi04LjY4MS0yLjkzNS0xMC4xMzMtNy4yOTZsLTExLjItMzMuNjQzbC0xMS4yLDMzLjY0Mw0KCQljLTEuMjIxLDQuNzA0LTUuNzA3LDcuODAxLTEwLjUzOSw3LjI3NWMtNC43MzgtMC4xOC04Ljc4OC0zLjQ2NS05Ljk0MS04LjA2NEw2NC4zMiwyMDUuMjQ4Yy0xLjQyNi01LjcyLDIuMDU2LTExLjUxMyw3Ljc3Ni0xMi45MzkNCgkJczExLjUxMywyLjA1NiwxMi45MzksNy43NzZsMTIuNDM3LDQ5Ljc5Mmw5Ljc0OS0yOS4yNDhjMi41MzUtNS41OTEsOS4xMjItOC4wNjgsMTQuNzEzLTUuNTMzYzIuNDU0LDEuMTEzLDQuNDIsMy4wNzksNS41MzMsNS41MzMNCgkJbDkuNzQ5LDI5LjI0OGwxMi40MzctNDkuNzkyYzEuNDI2LTUuNzIsNy4yMTgtOS4yMDIsMTIuOTM5LTcuNzc2YzUuNzIsMS40MjYsOS4yMDIsNy4yMTgsNy43NzYsMTIuOTM5bC0yMS4zMzMsODUuMzMzDQoJCWMtMS4xNTMsNC41OTktNS4yMDQsNy44ODQtOS45NDEsOC4wNjRMMTM4LjY2NywyOTguNjY3eiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNGQUZBRkE7IiBkPSJNMzk0LjY2NywyOTguNjY3Yy00LjU5NywwLjAwNi04LjY4MS0yLjkzNS0xMC4xMzMtNy4yOTZsLTExLjItMzMuNjQzbC0xMS4yLDMzLjY0Mw0KCQljLTEuMjYsNC42NzctNS43MTksNy43NTUtMTAuNTM5LDcuMjc1Yy00LjczOC0wLjE4LTguNzg4LTMuNDY1LTkuOTQxLTguMDY0bC0yMS4zMzMtODUuMzMzYy0xLjQyNi01LjcyLDIuMDU2LTExLjUxMyw3Ljc3Ni0xMi45MzkNCgkJYzUuNzItMS40MjYsMTEuNTEzLDIuMDU2LDEyLjkzOSw3Ljc3NmwxMi40MzcsNDkuNzkybDkuNzQ5LTI5LjI0OGMyLjUzNS01LjU5MSw5LjEyMi04LjA2OCwxNC43MTMtNS41MzMNCgkJYzIuNDU0LDEuMTEzLDQuNDIsMy4wNzksNS41MzMsNS41MzNsOS43NDksMjkuMjQ4bDEyLjQzNy00OS43OTJjMS40MjYtNS43Miw3LjIxOC05LjIwMiwxMi45MzktNy43NzYNCgkJYzUuNzIsMS40MjYsOS4yMDIsNy4yMTgsNy43NzYsMTIuOTM5bC0yMS4zMzMsODUuMzMzYy0xLjE1Myw0LjU5OS01LjIwNCw3Ljg4NC05Ljk0MSw4LjA2NEwzOTQuNjY3LDI5OC42Njd6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 5px center;	
}

input[type="url"].aviso {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIHN0eWxlPSJmaWxsOiM0OTVBNzk7IiBkPSJNNTAxLjQ2MSwzODMuNzk5TDMyMC41MDEsNTEuNDAxQzMwNi43LDI4LjYsMjgyLjcsMTQuOCwyNTYsMTQuOHMtNTAuNywxMy44LTY0LjUwMSwzNi42MDENCglMMTAuNTM5LDM4My43OTlDLTMuMjU5LDQwNy41MDEtMy41Niw0MzUuNzAxLDkuOTQxLDQ1OS40YzEzLjQ5OSwyMy42OTksMzcuNzk4LDM3LjgsNjUuMDk5LDM3LjhoMzYxLjkyDQoJYzI3LjMwMSwwLDUxLjYwMS0xNC4xMDEsNjUuMDk5LTM3LjhDNTE1LjU2LDQzNS43MDEsNTE1LjI1OSw0MDcuNTAxLDUwMS40NjEsMzgzLjc5OXoiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiM0MjUxNkQ7IiBkPSJNNTAyLjA1OSw0NTkuNGMtMTMuNDk5LDIzLjY5OS0zNy43OTgsMzcuOC02NS4wOTksMzcuOEgyNTZWMTQuOGMyNi43LDAsNTAuNywxMy44MDEsNjQuNTAxLDM2LjYwMQ0KCUw1MDEuNDYxLDM4My44QzUxNS4yNTksNDA3LjUwMSw1MTUuNTYsNDM1LjcwMSw1MDIuMDU5LDQ1OS40eiIvPg0KPHBhdGggc3R5bGU9ImZpbGw6I0ZGREUzMzsiIGQ9Ik00NzUuNjYxLDM5OS4xTDI5NC42OTksNjYuNjk5QzI4Ni42MDEsNTIuOSwyNzEuOTAxLDQ0LjgsMjU2LDQ0LjhzLTMwLjYwMSw4LjEwMS0zOC42OTksMjEuODk5DQoJTDM2LjMzOSwzOTkuMWMtOC4zOTksMTQuMTAxLTguMzk5LDMxLjE5OS0wLjI5OCw0NS4zYzguMDk5LDE0LjM5OSwyMi43OTgsMjIuOCwzOSwyMi44aDM2MS45MmMxNi4yMDEsMCwzMC45MDEtOC40MDEsMzktMjIuOA0KCUM0ODQuMDYsNDMwLjI5OSw0ODQuMDYsNDEzLjIwMSw0NzUuNjYxLDM5OS4xeiIvPg0KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQkMzMzsiIGQ9Ik00NzUuOTYsNDQ0LjRjLTguMDk5LDE0LjM5OS0yMi43OTgsMjIuOC0zOSwyMi44SDI1NlY0NC44YzE1LjkwMSwwLDMwLjYwMSw4LjEwMSwzOC42OTksMjEuODk5DQoJTDQ3NS42NjEsMzk5LjFDNDg0LjA2LDQxMy4yMDEsNDg0LjA2LDQzMC4yOTksNDc1Ljk2LDQ0NC40eiIvPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzQ5NUE3OTsiIGQ9Ik0yNTYsNDM3LjJjLTE2LjUzOCwwLTMwLTEzLjQ2Mi0zMC0zMHMxMy40NjItMzAsMzAtMzBzMzAsMTMuNDYyLDMwLDMwUzI3Mi41MzgsNDM3LjIsMjU2LDQzNy4yeiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiM0OTVBNzk7IiBkPSJNMjg2LDMxNy4yYzAsMTYuNTM4LTEzLjQ2MiwzMC0zMCwzMHMtMzAtMTMuNDYyLTMwLTMwdi0xNTBjMC0xNi41MzgsMTMuNDYyLTMwLDMwLTMwDQoJCXMzMCwxMy40NjIsMzAsMzBWMzE3LjJ6Ii8+DQo8L2c+DQo8Zz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojNDI1MTZEOyIgZD0iTTI4Niw0MDcuMmMwLTE2LjUzOC0xMy40NjItMzAtMzAtMzB2NjBDMjcyLjUzOCw0MzcuMiwyODYsNDIzLjczOCwyODYsNDA3LjJ6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzQyNTE2RDsiIGQ9Ik0yODYsMzE3LjJ2LTE1MGMwLTE2LjUzOC0xMy40NjItMzAtMzAtMzB2MjEwQzI3Mi41MzgsMzQ3LjIsMjg2LDMzMy43MzgsMjg2LDMxNy4yeiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=');
}

input[type="url"].ok {
	border: 0px !important;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDQyNi42NjcgNDI2LjY2NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDI2LjY2NyA0MjYuNjY3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojNkFDMjU5OyIgZD0iTTIxMy4zMzMsMEM5NS41MTgsMCwwLDk1LjUxNCwwLDIxMy4zMzNzOTUuNTE4LDIxMy4zMzMsMjEzLjMzMywyMTMuMzMzDQoJYzExNy44MjgsMCwyMTMuMzMzLTk1LjUxNCwyMTMuMzMzLTIxMy4zMzNTMzMxLjE1NywwLDIxMy4zMzMsMHogTTE3NC4xOTksMzIyLjkxOGwtOTMuOTM1LTkzLjkzMWwzMS4zMDktMzEuMzA5bDYyLjYyNiw2Mi42MjINCglsMTQwLjg5NC0xNDAuODk4bDMxLjMwOSwzMS4zMDlMMTc0LjE5OSwzMjIuOTE4eiIvPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=')
}

input[type="currency"] {
	font-size: 1.2em !important;
	font-weight: 700 !important;
	text-align: right;
	padding-right: 22px !important;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDgxLjU2OSA0ODEuNTY5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODEuNTY5IDQ4MS41Njk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGQ9Ik00NDQuMjg4LDQyOS4yODhjLTUuNC0xMy4yLTEwLjktMjYuNC0xNi45LTM5LjRjLTUuMy0xMS42LTEyLjEtMTUtMjQuOC0xMi4xYy0xNi4xLDMuNy0zMS45LDguNi00OCwxMS45DQoJCWMtMzEuMSw2LjUtNjIuMyw3LjEtOTMtMi42Yy0zOC41LTEyLjEtNTktNDAtNzEuNi03NmgxMDQuNGM4LjIsMCwxNC44LTYuNiwxNC44LTE0Ljh2LTMyLjljMC04LjItNi42LTE0LjgtMTQuOC0xNC44aC0xMTQuNA0KCQljMC05LjItMC4xLTE4LDAtMjYuOGgxMTQuNGM4LjIsMCwxNC44LTYuNiwxNC44LTE0Ljh2LTMyLjljMC04LjItNi42LTE0LjgtMTQuOC0xNC44aC0xMDBjMC0wLjQsMC0wLjgsMC4yLTENCgkJYzEyLTI3LjMsMjkuNS00OS4yLDU4LjItNjAuNmMzMy40LTEzLjIsNjcuNS0xMi45LDEwMS45LTUuOGMxNi4zLDMuMywzMi4zLDguMyw0OC42LDEyYzExLjksMi43LDE4LjgtMC44LDIzLjktMTEuOQ0KCQljNS45LTEyLjgsMTEuMy0yNS44LDE2LjctMzguOWM1LjEtMTIuMywyLjEtMjEtOS41LTI3LjhjLTIuOS0xLjctNS45LTMuMS05LTQuM2MtNDguMi0xOC44LTk3LjktMjUuOC0xNDkuMi0xNy42DQoJCWMtMzYuMSw1LjgtNjkuOCwxOC4yLTk4LjksNDAuOGMtMzYuNywyOC40LTYwLjUsNjUuOS03NC4zLDExMGwtMS43LDUuMWgtNTEuNGMtOC4yLDAtMTQuOCw2LjYtMTQuOCwxNC44djMyLjkNCgkJYzAsOC4yLDYuNiwxNC44LDE0LjgsMTQuOGg0MC41YzAsOSwwLDE3LjcsMCwyNi44aC00MC41Yy04LjIsMC0xNC44LDYuNi0xNC44LDE0Ljh2MzIuOWMwLDguMiw2LjYsMTQuOCwxNC44LDE0LjhoNDguOA0KCQljMy43LDEyLDYuOCwyNC4yLDExLjUsMzUuN2MyNC43LDU5LjYsNjYuMSwxMDIsMTI4LjQsMTIyLjJjNTEuNSwxNi43LDEwMy40LDE2LjIsMTU1LjMsMS45YzEzLjUtMy43LDI2LjktOC41LDM5LjctMTQuNA0KCQlDNDQ1Ljk4OCw0NTAuNzg4LDQ0OS4xODgsNDQxLjE4OCw0NDQuMjg4LDQyOS4yODh6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: right center;	
}

input[type="percent"] {
	font-size: 1.2em !important;
	font-weight: 700 !important;
	text-align: right;
	padding-right: 28px !important;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMzI5LjkwNCwzMDAuMjQ0Yy0xNi4zODgsMC0yOS43MjQsMTMuMzMyLTI5LjcyNCwyOS43MmMwLDE2LjM5MiwxMy4zMzYsMjkuNzI4LDI5LjcyNCwyOS43MjgNCgkJCWMxNi4zOTIsMCwyOS43Mi0xMy4zMzYsMjkuNzItMjkuNzI4QzM1OS42MiwzMTMuNTc2LDM0Ni4yOTIsMzAwLjI0NCwzMjkuOTA0LDMwMC4yNDR6Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik0xODEuNzY4LDE1Mi4xMTZjLTE2LjM5MiwwLTI5LjcyOCwxMy4zMzYtMjkuNzI4LDI5LjcyOGMwLjAwNCwxNi4zODQsMTMuMzQsMjkuNzE2LDI5LjcyOCwyOS43MTYNCgkJCXMyOS43MTYtMTMuMzMyLDI5LjcxNi0yOS43MTZDMjExLjQ4NCwxNjUuNDUyLDE5OC4xNTYsMTUyLjExNiwxODEuNzY4LDE1Mi4xMTZ6Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik0yNTYuMDEyLDBjLTE0MS4xNjQsMC0yNTYsMTE0LjgzNi0yNTYsMjU2YzAsMTQxLjE1NiwxMTQuODM2LDI1NiwyNTYsMjU2YzE0MS4xNDgsMCwyNTUuOTc2LTExNC44NDQsMjU1Ljk3Ni0yNTYNCgkJCUM1MTEuOTg4LDExNC44MzYsMzk3LjE2LDAsMjU2LjAxMiwweiBNMTgxLjc2OCwxMjAuMDkyYzM0LjA0LDAsNjEuNzQ0LDI3LjY5Niw2MS43NDQsNjEuNzUyYzAsMzQuMDQtMjcuNzA0LDYxLjc0NC02MS43NDQsNjEuNzQ0DQoJCQljLTM0LjA1MiwwLTYxLjc1Mi0yNy43MDQtNjEuNzUyLTYxLjc0NEMxMjAuMDE2LDE0Ny43ODgsMTQ3LjcyLDEyMC4wOTIsMTgxLjc2OCwxMjAuMDkyeiBNMTYyLjk5NiwzNzEuNjQ4DQoJCQljLTMuMTIsMy4xMjgtNy4yMjgsNC42OTYtMTEuMzIsNC42OTZjLTQuMDk2LDAtOC4xOTYtMS41NjgtMTEuMzI0LTQuNjk2Yy02LjI1Mi02LjI1Mi02LjI1Mi0xNi4zOTYsMC0yMi42NGwyMDguNjUyLTIwOC42Ng0KCQkJYzYuMjQ4LTYuMjUyLDE2LjM4OC02LjI1MiwyMi42NDQsMGM2LjI1Miw2LjI1Miw2LjI1MiwxNi4zOTYsMCwyMi42NDRMMTYyLjk5NiwzNzEuNjQ4eiBNMzI5LjkwNCwzOTEuNzEyDQoJCQljLTM0LjA0OCwwLTYxLjc1Mi0yNy43LTYxLjc1Mi02MS43NTJjMC0zNC4wNCwyNy43MDQtNjEuNzQ0LDYxLjc1Mi02MS43NDRjMzQuMDQ0LDAsNjEuNzQ0LDI3LjcwNCw2MS43NDQsNjEuNzQ0DQoJCQlDMzkxLjY0NCwzNjQuMDEyLDM2My45NDQsMzkxLjcxMiwzMjkuOTA0LDM5MS43MTJ6Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: calc(100% - 5px) 50%;
}

input[type="password"] {
	padding-right: 28px !important;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTIgNTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUyIDUyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBzdHlsZT0iZmlsbDojQzdDQUM3OyIgZD0iTTQwLjc3MSw1MkgxMS4yMjlDNy43ODksNTIsNSw0OS4yMTEsNSw0NS43NzFWMjYuMjI5QzUsMjIuNzg5LDcuNzg5LDIwLDExLjIyOSwyMGgyOS41NDINCglDNDQuMjExLDIwLDQ3LDIyLjc4OSw0NywyNi4yMjl2MTkuNTQyQzQ3LDQ5LjIxMSw0NC4yMTEsNTIsNDAuNzcxLDUyeiIvPg0KPHBhdGggc3R5bGU9ImZpbGw6I0U3RUNFRDsiIGQ9Ik00MC43NzEsMjBIMjZ2MzJoMTQuNzcxQzQ0LjIxMSw1Miw0Nyw0OS4yMTEsNDcsNDUuNzcxVjI2LjIyOUM0NywyMi43ODksNDQuMjExLDIwLDQwLjc3MSwyMHoiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiM0QzRDNEY7IiBkPSJNMjYsNDBMMjYsNDBjLTEuNjUsMC0zLTEuMzUtMy0zdi02YzAtMS42NSwxLjM1LTMsMy0zaDBjMS42NSwwLDMsMS4zNSwzLDN2Ng0KCUMyOSwzOC42NSwyNy42NSw0MCwyNiw0MHoiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiM1NDZBNzk7IiBkPSJNMTEuMjI5LDIwSDE1di02LjVDMTUsOC4yNjIsMTkuOTM1LDQsMjYsNHMxMSw0LjI2MiwxMSw5LjVWMjBoMy43NzENCgljMC4wNzcsMCwwLjE1MiwwLjAwOSwwLjIyOSwwLjAxMVYxMy41QzQxLDYuMDc1LDM0LjI1LDAsMjYsMFMxMSw2LjA3NSwxMSwxMy41djYuNTExQzExLjA3NywyMC4wMDksMTEuMTUyLDIwLDExLjIyOSwyMHoiLz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K');
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: calc(100% - 5px) 50%;
}

form[name='frmLogin'] input[type="password"] {
	background-image: none;
}

/* ----------------------------------------------------- */

#html {
	height: 100%;
	padding: 10px;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #e5e5e5;
	color: #000000;
	border-radius: 6px 0px 0px 6px;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;	
}


#html p {
	margin: 0px 0px 5px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	text-align:justify;
}

#html p a {
	color: #753681;
	text-decoration: underline;
}

#html p a:hover {
	text-decoration: none;
}

#html p.sistema {
	color: #753681;
	font-size: 0.8em;
	font-weight: 700;
}

#html p.sistema a {
	font-weight: 700;
}

#html p.sistema img {
	display: none;
}

#html p span.hora {
	color: #000000;
	font-size: 0.8em;
}

.vacio {
	border: 0px !important;
	height: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
}

.flex {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between; 	
}

.flexE {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-evenly; 	
}

.flexS {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

/* ----------------------------------------------------- */

.videoResponsive {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.videoResponsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

/* ----------------------------------------------------- */

#TT {
	display: none;
	position: absolute;
	z-index: 200000;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	background-color: rgba(255,255,255,0.9);
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;		
	border-radius: 5px;
	margin: 0px;
	padding: 2px 5px;
	color: #333333;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.7em;
}

#TT h2 {
	margin: 0px !important;
	font-size: 1.5em !important;
}

#TT p {
	margin: 0px !important;
	font-size: 1em;
}

/* ----------------------------------------------------- */

.mfp-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.7em;
}

.mfp-counter {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.7em;
}

.mfp-preloader {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
}

.bFecha {
	width: 160px;
}

#bFecha {
	margin-right: 20px;
}

.page-break {
	width: 100%;
}


/* CAPAS -------------------------------------------------------------------------------------------------------------------------- */

#cabecera {
	margin-bottom: 10px;
	padding: 10px 20px;
	height: 100px;
	background-image: url("../imagenes/fondoCabecera.jpg");
    background-repeat: no-repeat;
    background-size: cover;	
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;      
}

#cabecera img {
	width: auto;
	height: 40px;
 	/*filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.5));*/
}

#cabecera div {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
}

#cabecera div p {
	width: 300px;
	margin: 0px;
	font-size: 0.8em;
	font-weight: 700;
	color: #1f2952;
}

#cabecera div img {
	margin-left: 40px;
}

footer {
	position: fixed;
	bottom: 0px;
	z-index: 10;
	width: 100%;
    height: 30px;
    background-color: #000000;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;    
}

footer p {
    text-align: center;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: .7em;    
}

#contenido {
    margin: 10px 20px 20px 20px;
}

#rutaSeccion {
	max-width: 100%;
	min-height: 20px;
    margin-top: 10px;
    padding: 0px 10px;
    background-color: #a3cbe7;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;  
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;  
}

#rutaSeccion h3 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;  
}

#rutaSeccion img.separador {
    height: 10px;
    margin: 1px 3px 0px 5px;
}

#rutaSeccion h1, #rutaSeccion h2, #rutaSeccion h3 {
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: .8em;
	line-height: 20px;
    color: #000000;    
}

#ayuda {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
    margin-bottom: 30px;
	background-color: #dce4eb;
    padding: 10px;
}  

#ayuda #info {
	width: calc(100% - 300px);
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
}

#ayuda.mto #info {
	width: 100%;
}

#ayuda #info img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

#ayuda #info p {
	width: calc(100% - 30px);
    font-size: .8em;
    line-height: normal;
}

#ayuda div.bMas {
	margin: 0px;
}

#ayuda #buscador {
	width: 100%;
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;	
}

#ayuda #buscadorS {
	width: 100%;
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: flex-start;	
}

#ayuda #buscadorCentros {
	width: 100%;
	margin-top: 10px;
}

#ayuda #buscadorS #bFechaDesdeBuscador, #ayuda #buscadorS #bFechaHastaBuscador, #ayuda #buscadorS #bTitulacionesBuscador, #ayuda #buscadorS .boton {
	margin-right: 20px;
}

#ayuda #buscador fieldset {
	width: 100%;
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;	
}

#ayuda #buscador fieldset .bloqueCampoFormulario {
	margin-right: 20px;
}

.botonSeccion {
    float: left;
    margin: 0px;
    margin-left: 15px;
    margin-right: 14px;
}

.botonSeccion img {
    border: 0px;
    float: left;
    margin-right: 5px;
    margin-top: 1px;
}

.botonSeccion p {
    margin:0px;
    border: 0px;
    float: left;
    font-size: .7em;
}

.ventanaEnvios {
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #666666;
    overflow-x: hidden;
    overflow-y: scroll;
}

.leyenda {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
    margin: 20px 0px;
}

.leyenda div {
	margin: 2px 15px 2px 0px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
}

.leyenda div img {
	margin-right: 2px;
	height: 20px;
}

.leyenda div p {
	margin: 0px;
	font-size: 0.8em;
}


/* PANTALLA LOGIN ----------------------------------------------------------------------------------------------------------------- */

#formularioLogin  {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	padding-bottom: 30px;
	width: 400px;
	max-width: calc(100% - 20px);
}

#formularioLogin h1 {
	font-size: 1.8em;
	color: #999999;
	text-align: center;
}

#formularioLogin h2 {
	color: #999999;
	text-align: center;
}

#formularioLogin img {
	height: 100px;
	margin: 0px auto 20px auto;
}

#formularioLogin input {
	width: 100%;
	margin-bottom: 20px;
	height: 35px;
	padding: 5px;
    color: #000000;
    border: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: .9em;    
	background-color: #efefef;
	border: 2px solid #efefef;
}

#formularioLogin input::placeholder {
	text-transform: capitalize;
}

.bLogin {
	width: 100%;
}

.cml {
	padding: 2px;
	height: 24px;
}

.cml p {
	font-size: 0.8em;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	color: #ff3333;
}


/* FORMULARIOS -------------------------------------------------------------------------------------------------------------------- */

.ob::after {
	content: "*";
	font-weight: 700;
    font-size: 1em;
	color: #ff0000;
}


.bloqueCampoFormulario {
    margin-bottom: 10px;
}

.flexS .bloqueCampoFormulario {
    margin-right: 20px;
}

.ent, .lnk {
	display: none;
}

.bloqueCampoEditor {
    margin: 0px;
    margin-bottom: 10px;
}

.bloqueCampoFormulario p, .bloqueCampoEditor p {
    margin: 0px;
    font-size: .8em;
    text-align: left;
    color: #000000;
}

.bloqueCampoFormulario p img {
	cursor: default;
	display: inline-block;
	height: 10px;
}

.bloqueCampoFormulario input {
	width: 100%;
	height: 35px;
	margin: 0px;
	padding: 5px;
    color: #000000;
    border: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;    
    background-color: #efefef;
}

.diaI input {
	margin: 0px;
	padding: 5px;
    color: #000000;
    border: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: .9em;    
    background-color: #efefef;
}

.bloqueCampoFormulario select, fieldset > select {
	width: 100%;
	height: 35px;
	margin: 0px;
	padding: 4px;
    color: #000000;
    border: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;    
    background-color: #efefef;
}

.bloqueCampoFormularioDisabled select, fieldset > select {
	width: 100%;
	height: 35px;
	margin: 0px;
	padding: 4px;
    color: #000000;
    border: 0px;
    font-family: 'Open Sans', sans-serif;
    background-color: #efefef;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.bloqueCampoFormularioDisabled select option {
	white-space: wrap;
}


.bloqueCampoFormulario textarea {
	width: 100%;
	margin: 0px;
	padding: 5px;
    color: #000000;
    border: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;    
    background-color: #efefef;
}

.bloqueCampoFormulario img {
	display: inline-block;
    cursor: pointer;
    margin-top: 1px;
    margin-left: 5px;
}

input[name="chkNoticiaDestacada"], input[name="chkProductoDestacado"] {
	float: left;
	width: 28px;
	height: 28px;
	margin: 4px 4px 0px 0px;
}


.bloqueCampoFormulario .disabled {
	color: #BEBEBE;
}

/* BOTONES ------------------------------------------------------------------------------------------------------------------------ */

.boton {
	display: table;
	height: 35px;
	margin: 0px auto;
	padding: 0px 10px 0px 12px;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	line-height: 33px;
	letter-spacing: 2px;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #3083c9;	
	background-color: #3083c9;
	background-repeat: no-repeat;
	background-position: 10px 7px;
	background-size: 20px;	
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.boton:hover {
	color: #3083c9;
	background-color: transparent;
}

.botonOff {
	opacity: 0.2;
	display: table;
	height: 35px;
	margin: 0px auto;
	padding: 0px 10px 0px 12px;
	cursor: default;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	line-height: 33px;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #3083c9;	
	color: #ffffff;
	background-color: #3083c9;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.botonOff:hover {
	color: #ffffff !important;
	background-color: #3083c9 !important;
}

.bLogin {
	width: 250px;
}

#bVolver {
	margin-top: 20px;
	cursor: pointer;
	float: right;
	clear: all;
    padding-left: 24px;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9em;
	line-height: 30px;
	letter-spacing: 2px;
	color: #666666;    
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4OSA0ODkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4OSA0ODk7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxwYXRoIGQ9Ik00MjkuNCwyNTUuMDMzYy0zNS40LTQzLjEtMTAyLjEtOTQuNC0yMTkuNy05OC44di03OS44YzAtNC43LTIuNy05LjEtNy0xMS4xcy05LjQtMS40LTEzLDEuNkw0LjUsMjE5LjYzMyAgIGMtMi44LDIuMy00LjUsNS44LTQuNSw5LjRjMCwzLjcsMS42LDcuMSw0LjQsOS40bDE4NS4yLDE1My4zYzMuNywzLDguNywzLjcsMTMsMS42YzQuMy0yLDctNi4zLDctMTEuMXYtNzkuNSAgIGM3Ni44LDAuMywxOTQuMiw2LDI1Ni41LDExNS45YzIuMiwzLjksNi4zLDYuMiwxMC43LDYuMmMxLDAsMi4xLTAuMSwzLjEtMC40YzUuNC0xLjQsOS4xLTYuMyw5LjEtMTEuOCAgIEM0ODkuMSwzNzEuNTMzLDQ3My40LDMwOC42MzMsNDI5LjQsMjU1LjAzM3ogTTE5Ny40LDI3OC4yMzNMMTk3LjQsMjc4LjIzM2MtMy4zLDAtNi40LDEuMy04LjcsMy42cy0zLjYsNS40LTMuNiw4Ljd2NjUuNyAgIGwtMTUzLjUtMTI3LjFsMTUzLjYtMTI2Ljd2NjUuN2MwLDYuNyw1LjQsMTIuMiwxMi4xLDEyLjNjMTc2LDEuNywyNDEuNiwxMDksMjYwLjcsMTg0LjQgICBDMzgyLjIsMjc4LjMzMywyNjguNywyNzguMjMzLDE5Ny40LDI3OC4yMzN6IiBmaWxsPSIjNjY2NjY2Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==');
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 20px;
}

.botonBuscar {
	width: 120px;
	margin: 0px 0px 10px 0px;
}

.botonVerTodo {
	width: 120px;
	margin: 0px 0px 10px 0px;
}

.bRecortarFoto {
	display: none;
	padding: 0px 10px 0px 35px;
	background-image: url("../imagenes/crop.svg");
	background-repeat: no-repeat;
	background-position: 10px 7px;
	background-size: 20px;		
}

.bGuardarSesion:hover {
	background-color: rgba(50,50,50,0.8);
}

.bEnvio {
	padding: 0px 10px 0px 40px;
	background-image: url("../imagenes/save.svg");
	background-repeat: no-repeat;
	background-position: 10px 7px;
	background-size: 20px;		
}

.bMas {
	padding: 0px 10px 0px 40px;
	background-image: url("../imagenes/mas.svg");
	background-repeat: no-repeat;
	background-position: 10px 7px;
	background-size: 20px;		
}

.bEnviar {
	padding: 0px 10px 0px 40px;
	background-image: url("../imagenes/send.svg");
	background-repeat: no-repeat;
	background-position: 10px 7px;
	background-size: 20px;		
}

.bExcel {
	margin: 50px auto 0px auto;
	padding: 10px 10px 10px 45px;
	font-size: 1em;
	letter-spacing: 5px;
	line-height: 20px;
	background-size: 25px;
	border-color: rgb(0,150,0);
	background-color: rgb(0,150,0);
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggc3R5bGU9ImZpbGw6I0VDRUZGMTsiIGQ9Ik00OTYsNDMyLjAxMUgyNzJjLTguODMyLDAtMTYtNy4xNjgtMTYtMTZzMC0zMTEuMTY4LDAtMzIwczcuMTY4LTE2LDE2LTE2aDIyNA0KCWM4LjgzMiwwLDE2LDcuMTY4LDE2LDE2djMyMEM1MTIsNDI0Ljg0Myw1MDQuODMyLDQzMi4wMTEsNDk2LDQzMi4wMTF6Ii8+DQo8Zz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMzg4RTNDOyIgZD0iTTMzNiwxNzYuMDExaC02NGMtOC44MzIsMC0xNi03LjE2OC0xNi0xNnM3LjE2OC0xNiwxNi0xNmg2NGM4LjgzMiwwLDE2LDcuMTY4LDE2LDE2DQoJCVMzNDQuODMyLDE3Ni4wMTEsMzM2LDE3Ni4wMTF6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzM4OEUzQzsiIGQ9Ik0zMzYsMjQwLjAxMWgtNjRjLTguODMyLDAtMTYtNy4xNjgtMTYtMTZzNy4xNjgtMTYsMTYtMTZoNjRjOC44MzIsMCwxNiw3LjE2OCwxNiwxNg0KCQlTMzQ0LjgzMiwyNDAuMDExLDMzNiwyNDAuMDExeiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiMzODhFM0M7IiBkPSJNMzM2LDMwNC4wMTFoLTY0Yy04LjgzMiwwLTE2LTcuMTY4LTE2LTE2czcuMTY4LTE2LDE2LTE2aDY0YzguODMyLDAsMTYsNy4xNjgsMTYsMTYNCgkJUzM0NC44MzIsMzA0LjAxMSwzMzYsMzA0LjAxMXoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMzg4RTNDOyIgZD0iTTMzNiwzNjguMDExaC02NGMtOC44MzIsMC0xNi03LjE2OC0xNi0xNnM3LjE2OC0xNiwxNi0xNmg2NGM4LjgzMiwwLDE2LDcuMTY4LDE2LDE2DQoJCVMzNDQuODMyLDM2OC4wMTEsMzM2LDM2OC4wMTF6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzM4OEUzQzsiIGQ9Ik00MzIsMTc2LjAxMWgtMzJjLTguODMyLDAtMTYtNy4xNjgtMTYtMTZzNy4xNjgtMTYsMTYtMTZoMzJjOC44MzIsMCwxNiw3LjE2OCwxNiwxNg0KCQlTNDQwLjgzMiwxNzYuMDExLDQzMiwxNzYuMDExeiIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiMzODhFM0M7IiBkPSJNNDMyLDI0MC4wMTFoLTMyYy04LjgzMiwwLTE2LTcuMTY4LTE2LTE2czcuMTY4LTE2LDE2LTE2aDMyYzguODMyLDAsMTYsNy4xNjgsMTYsMTYNCgkJUzQ0MC44MzIsMjQwLjAxMSw0MzIsMjQwLjAxMXoiLz4NCgk8cGF0aCBzdHlsZT0iZmlsbDojMzg4RTNDOyIgZD0iTTQzMiwzMDQuMDExaC0zMmMtOC44MzIsMC0xNi03LjE2OC0xNi0xNnM3LjE2OC0xNiwxNi0xNmgzMmM4LjgzMiwwLDE2LDcuMTY4LDE2LDE2DQoJCVM0NDAuODMyLDMwNC4wMTEsNDMyLDMwNC4wMTF6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6IzM4OEUzQzsiIGQ9Ik00MzIsMzY4LjAxMWgtMzJjLTguODMyLDAtMTYtNy4xNjgtMTYtMTZzNy4xNjgtMTYsMTYtMTZoMzJjOC44MzIsMCwxNiw3LjE2OCwxNiwxNg0KCQlTNDQwLjgzMiwzNjguMDExLDQzMiwzNjguMDExeiIvPg0KPC9nPg0KPHBhdGggc3R5bGU9ImZpbGw6IzJFN0QzMjsiIGQ9Ik0yODIuMjA4LDE5LjY5MWMtMy42NDgtMy4wNC04LjU0NC00LjM1Mi0xMy4xNTItMy4zOTJsLTI1Niw0OEM1LjQ3Miw2NS43MDcsMCw3Mi4yOTksMCw4MC4wMTF2MzUyDQoJYzAsNy42OCw1LjQ3MiwxNC4zMDQsMTMuMDU2LDE1LjcxMmwyNTYsNDhjMC45NiwwLjE5MiwxLjk1MiwwLjI4OCwyLjk0NCwwLjI4OGMzLjcxMiwwLDcuMzI4LTEuMjgsMTAuMjA4LTMuNjgNCgljMy42OC0zLjA0LDUuNzkyLTcuNTg0LDUuNzkyLTEyLjMydi00NDhDMjg4LDI3LjI0MywyODUuODg4LDIyLjczMSwyODIuMjA4LDE5LjY5MXoiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiNGQUZBRkE7IiBkPSJNMjIwLjAzMiwzMDkuNDgzbC01MC41OTItNTcuODI0bDUxLjE2OC02NS43OTJjNS40NC02Ljk3Niw0LjE2LTE3LjAyNC0yLjc4NC0yMi40NjQNCgljLTYuOTQ0LTUuNDQtMTYuOTkyLTQuMTYtMjIuNDY0LDIuNzg0bC00Ny4zOTIsNjAuOTI4bC0zOS45MzYtNDUuNjMyYy01Ljg1Ni02LjcyLTE1Ljk2OC03LjMyOC0yMi41Ni0xLjUwNA0KCWMtNi42NTYsNS44MjQtNy4zMjgsMTUuOTM2LTEuNTA0LDIyLjU2bDQ0LDUwLjMwNEw4My4zNiwzMTAuMTg3Yy01LjQ0LDYuOTc2LTQuMTYsMTcuMDI0LDIuNzg0LDIyLjQ2NA0KCWMyLjk0NCwyLjI3Miw2LjQzMiwzLjM2LDkuODU2LDMuMzZjNC43NjgsMCw5LjQ3Mi0yLjExMiwxMi42NC02LjE3Nmw0MC44LTUyLjQ4bDQ2LjUyOCw1My4xNTINCgljMy4xNjgsMy42NDgsNy41ODQsNS41MDQsMTIuMDMyLDUuNTA0YzMuNzQ0LDAsNy40ODgtMS4zMTIsMTAuNTI4LTMuOTY4QzIyNS4xODQsMzI2LjIxOSwyMjUuODU2LDMxNi4xMDcsMjIwLjAzMiwzMDkuNDgzeiIvPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=");
}

.bPDF {
	margin: 50px auto 0px auto;
	padding: 10px 10px 10px 45px;
	font-size: 1em;
	letter-spacing: 5px;
	line-height: 20px;
	background-size: 25px;
	border-color: rgb(204, 74, 74, 0.8);
	background-color: rgb(205, 76, 76, 0.8);
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDU2IDU2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NiA1NjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0U5RTlFMDsiIGQ9Ik0zNi45ODUsMEg3Ljk2M0M3LjE1NSwwLDYuNSwwLjY1NSw2LjUsMS45MjZWNTVjMCwwLjM0NSwwLjY1NSwxLDEuNDYzLDFoNDAuMDc0DQoJCWMwLjgwOCwwLDEuNDYzLTAuNjU1LDEuNDYzLTFWMTIuOTc4YzAtMC42OTYtMC4wOTMtMC45Mi0wLjI1Ny0xLjA4NUwzNy42MDcsMC4yNTdDMzcuNDQyLDAuMDkzLDM3LjIxOCwwLDM2Ljk4NSwweiIvPg0KCTxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEOUQ3Q0E7IiBwb2ludHM9IjM3LjUsMC4xNTEgMzcuNSwxMiA0OS4zNDksMTIgCSIvPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiNDQzRCNEM7IiBkPSJNMTkuNTE0LDMzLjMyNEwxOS41MTQsMzMuMzI0Yy0wLjM0OCwwLTAuNjgyLTAuMTEzLTAuOTY3LTAuMzI2DQoJCWMtMS4wNDEtMC43ODEtMS4xODEtMS42NS0xLjExNS0yLjI0MmMwLjE4Mi0xLjYyOCwyLjE5NS0zLjMzMiw1Ljk4NS01LjA2OGMxLjUwNC0zLjI5NiwyLjkzNS03LjM1NywzLjc4OC0xMC43NQ0KCQljLTAuOTk4LTIuMTcyLTEuOTY4LTQuOTktMS4yNjEtNi42NDNjMC4yNDgtMC41NzksMC41NTctMS4wMjMsMS4xMzQtMS4yMTVjMC4yMjgtMC4wNzYsMC44MDQtMC4xNzIsMS4wMTYtMC4xNzINCgkJYzAuNTA0LDAsMC45NDcsMC42NDksMS4yNjEsMS4wNDljMC4yOTUsMC4zNzYsMC45NjQsMS4xNzMtMC4zNzMsNi44MDJjMS4zNDgsMi43ODQsMy4yNTgsNS42Miw1LjA4OCw3LjU2Mg0KCQljMS4zMTEtMC4yMzcsMi40MzktMC4zNTgsMy4zNTgtMC4zNThjMS41NjYsMCwyLjUxNSwwLjM2NSwyLjkwMiwxLjExN2MwLjMyLDAuNjIyLDAuMTg5LDEuMzQ5LTAuMzksMi4xNg0KCQljLTAuNTU3LDAuNzc5LTEuMzI1LDEuMTkxLTIuMjIsMS4xOTFjLTEuMjE2LDAtMi42MzItMC43NjgtNC4yMTEtMi4yODVjLTIuODM3LDAuNTkzLTYuMTUsMS42NTEtOC44MjgsMi44MjINCgkJYy0wLjgzNiwxLjc3NC0xLjYzNywzLjIwMy0yLjM4Myw0LjI1MUMyMS4yNzMsMzIuNjU0LDIwLjM4OSwzMy4zMjQsMTkuNTE0LDMzLjMyNHogTTIyLjE3NiwyOC4xOTgNCgkJYy0yLjEzNywxLjIwMS0zLjAwOCwyLjE4OC0zLjA3MSwyLjc0NGMtMC4wMSwwLjA5Mi0wLjAzNywwLjMzNCwwLjQzMSwwLjY5MkMxOS42ODUsMzEuNTg3LDIwLjU1NSwzMS4xOSwyMi4xNzYsMjguMTk4eg0KCQkgTTM1LjgxMywyMy43NTZjMC44MTUsMC42MjcsMS4wMTQsMC45NDQsMS41NDcsMC45NDRjMC4yMzQsMCwwLjkwMS0wLjAxLDEuMjEtMC40NDFjMC4xNDktMC4yMDksMC4yMDctMC4zNDMsMC4yMy0wLjQxNQ0KCQljLTAuMTIzLTAuMDY1LTAuMjg2LTAuMTk3LTEuMTc1LTAuMTk3QzM3LjEyLDIzLjY0OCwzNi40ODUsMjMuNjcsMzUuODEzLDIzLjc1NnogTTI4LjM0MywxNy4xNzQNCgkJYy0wLjcxNSwyLjQ3NC0xLjY1OSw1LjE0NS0yLjY3NCw3LjU2NGMyLjA5LTAuODExLDQuMzYyLTEuNTE5LDYuNDk2LTIuMDJDMzAuODE1LDIxLjE1LDI5LjQ2NiwxOS4xOTIsMjguMzQzLDE3LjE3NHoNCgkJIE0yNy43MzYsOC43MTJjLTAuMDk4LDAuMDMzLTEuMzMsMS43NTcsMC4wOTYsMy4yMTZDMjguNzgxLDkuODEzLDI3Ljc3OSw4LjY5OCwyNy43MzYsOC43MTJ6Ii8+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0NDNEI0QzsiIGQ9Ik00OC4wMzcsNTZINy45NjNDNy4xNTUsNTYsNi41LDU1LjM0NSw2LjUsNTQuNTM3VjM5aDQzdjE1LjUzN0M0OS41LDU1LjM0NSw0OC44NDUsNTYsNDguMDM3LDU2eiIvPg0KCTxnPg0KCQk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTE3LjM4NSw1M2gtMS42NDFWNDIuOTI0aDIuODk4YzAuNDI4LDAsMC44NTIsMC4wNjgsMS4yNzEsMC4yMDUNCgkJCWMwLjQxOSwwLjEzNywwLjc5NSwwLjM0MiwxLjEyOCwwLjYxNWMwLjMzMywwLjI3MywwLjYwMiwwLjYwNCwwLjgwNywwLjk5MXMwLjMwOCwwLjgyMiwwLjMwOCwxLjMwNg0KCQkJYzAsMC41MTEtMC4wODcsMC45NzMtMC4yNiwxLjM4OGMtMC4xNzMsMC40MTUtMC40MTUsMC43NjQtMC43MjUsMS4wNDZjLTAuMzEsMC4yODItMC42ODQsMC41MDEtMS4xMjEsMC42NTYNCgkJCXMtMC45MjEsMC4yMzItMS40NDksMC4yMzJoLTEuMjE3VjUzeiBNMTcuMzg1LDQ0LjE2OHYzLjk5MmgxLjUwNGMwLjIsMCwwLjM5OC0wLjAzNCwwLjU5NS0wLjEwMw0KCQkJYzAuMTk2LTAuMDY4LDAuMzc2LTAuMTgsMC41NC0wLjMzNWMwLjE2NC0wLjE1NSwwLjI5Ni0wLjM3MSwwLjM5Ni0wLjY0OWMwLjEtMC4yNzgsMC4xNS0wLjYyMiwwLjE1LTEuMDMyDQoJCQljMC0wLjE2NC0wLjAyMy0wLjM1NC0wLjA2OC0wLjU2N2MtMC4wNDYtMC4yMTQtMC4xMzktMC40MTktMC4yOC0wLjYxNWMtMC4xNDItMC4xOTYtMC4zNC0wLjM2LTAuNTk1LTAuNDkyDQoJCQljLTAuMjU1LTAuMTMyLTAuNTkzLTAuMTk4LTEuMDEyLTAuMTk4SDE3LjM4NXoiLz4NCgkJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0zMi4yMTksNDcuNjgyYzAsMC44MjktMC4wODksMS41MzgtMC4yNjcsMi4xMjZzLTAuNDAzLDEuMDgtMC42NzcsMS40NzdzLTAuNTgxLDAuNzA5LTAuOTIzLDAuOTM3DQoJCQlzLTAuNjcyLDAuMzk4LTAuOTkxLDAuNTEzYy0wLjMxOSwwLjExNC0wLjYxMSwwLjE4Ny0wLjg3NSwwLjIxOUMyOC4yMjIsNTIuOTg0LDI4LjAyNiw1MywyNy44OTgsNTNoLTMuODE0VjQyLjkyNGgzLjAzNQ0KCQkJYzAuODQ4LDAsMS41OTMsMC4xMzUsMi4yMzUsMC40MDNzMS4xNzYsMC42MjcsMS42LDEuMDczczAuNzQsMC45NTUsMC45NSwxLjUyNEMzMi4xMTQsNDYuNDk0LDMyLjIxOSw0Ny4wOCwzMi4yMTksNDcuNjgyeg0KCQkJIE0yNy4zNTIsNTEuNzk3YzEuMTEyLDAsMS45MTQtMC4zNTUsMi40MDYtMS4wNjZzMC43MzgtMS43NDEsMC43MzgtMy4wOWMwLTAuNDE5LTAuMDUtMC44MzQtMC4xNS0xLjI0NA0KCQkJYy0wLjEwMS0wLjQxLTAuMjk0LTAuNzgxLTAuNTgxLTEuMTE0cy0wLjY3Ny0wLjYwMi0xLjE2OS0wLjgwN3MtMS4xMy0wLjMwOC0xLjkxNC0wLjMwOGgtMC45NTd2Ny42MjlIMjcuMzUyeiIvPg0KCQk8cGF0aCBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTM2LjI2Niw0NC4xNjh2My4xNzJoNC4yMTF2MS4xMjFoLTQuMjExVjUzaC0xLjY2OFY0Mi45MjRINDAuOXYxLjI0NEgzNi4yNjZ6Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=");
}


/* PAGINACIÓN --------------------------------------------------------------------------------------------------------------------- */

.filaPaginacion {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.numResultadosPaginacion {
    margin: 5px;
    padding-right: 5px;
	display: flex;
	flex-wrap: nowrap;
  	align-items: center;
  	justify-content: flex-start;
	border-radius: 5px;
	background-color: #3083c9;
}

.numResultadosPaginacion p {
    margin: 0px 5px;
    font-size: 0.7em;
    line-height: 20px;
    color: #ffffff;
}

.numResultadosPaginacion select {
    padding: 1px 2px 0px 2px;
    height: 20px;
    border: 0px;
	font-size: .7em;
	color: #ffffff;
	background-color: #3083c9;
}

.controlesPaginacion {
    margin: 5px;
	display: flex;
	flex-wrap: nowrap;
  	align-items: center;
  	justify-content: flex-start;
}

.controlesPaginacion img {
	cursor: pointer;
	margin: 0px 2px;
	height: 20px;
}

.controlesPaginacion img:hover {
   opacity: 0.7;
}

.controlesPaginacion img.off {
   opacity: 0.2;
}

.controlesPaginacion p {
    margin: 0px 5px;
    font-size: 0.7em;
    color: #333333;
}


/* AVISO BLOQUEO IP --------------------------------------------------------------------------------------------------------------- */

.fondoIPB {
    background-color: #000000; 
}

.logoIPB {
 	margin: 30px;
 	padding: 0px;
 	margin-left: auto;
 	margin-right: auto;
}

.textoIPB {
	width: 1000px;
 	margin: 0px;
 	padding: 0px;
 	margin-top: 10px;
 	margin-left: auto;
 	margin-right: auto;
 	margin-bottom: 30px;
    font-size: 1em;
    color: #ffffff;
    text-align: justify;
    line-height:normal;
}

.textoIPB b {
	color: #ff0000;
}

#logosIPB {
	margin: 0px;
 	padding: 0px;
}

#logosIPB img {
	margin: 30px;
 	padding: 0px;
}


/* MENÚ ---------------------------------------------------------------------------------------------------------------------------- */

#menu {
	position: relative;
	left: 50%;
	width: calc(100% - 40px);
    height: 140px;
    padding: 5px;
    overflow: hidden;
    background-color: #ffffff;
	border: 1px solid #aaaaaa;
	transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-webkit-transform: translate(-50%,0%);
	-webkit-transition: width 0.3s ease-out, border 0.3s ease-out, filter 0.3s linear 0.3s;
	-moz-transition: width 0.3s ease-out, border 0.3s ease-out, filter 0.3s linear 0.3s;
	-ms-transition: width 0.3s ease-out, border 0.3s ease-out, filter 0.3s linear 0.3s;
	-o-transition: width 0.3s ease-out, border 0.3s ease-out, filter 0.3s linear 0.3s;
	transition: width 0.3s ease-out, border 0.3s ease-out, filter 0.3s linear 0.3s;
}

#menu #tabs {
	height: 30px;
    padding: 0px 10px 0px 10px;
    background-color: #000000;
	display: flex;
	flex-wrap: nowrap;
  	align-items: flex-end;
  	justify-content: space-between;	    
}

#menu #tabs ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
	display: flex;
	flex-wrap: nowrap;
  	align-items: center;
  	justify-content: flex-start;	    
}

#menu #tabs li {
    cursor: pointer;
    margin: 0px 6px 0px 0px;
    padding: 2px 10px 2px 10px;
    background-color: #d0d0d0;
    font-family: 'Open Sans', sans-serif;
    font-size: .7em;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; 
    border-bottom: 1px solid #000000;
}

#menu #tabs li:hover {
    background-color: #bab9b9;
}

#menu #tabs li.tabOn {
    background-color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

#menu #tabs #usuario {
	display: flex;
	flex-wrap: nowrap;
  	align-items: center;
  	justify-content: flex-end;	  
}

#menu #tabs #usuario p {
	margin-bottom: 5px; 
	font-size: 0.8em;
	color: #ffffff;
}

#menu #tabs #usuario img {
	cursor: pointer;
	height: 20px;
	margin: 0px 0px 5px 10px;
	transition: opacity 0.2s ease;
}	

#menu #tabs #usuario img:hover {
	opacity: 0.7;
}

#menu.fijo {
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 2;
	border: 1px solid #ffffff;
	filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.5));	
}

/* ----------------------------------------------------- */

.contenidoTabs {
    display: none;
    height: 95px;
    white-space: nowrap;
    overflow: auto;
    overflow-y: hidden;
}

/* ----------------------------------------------------- */

.opcionMenu {
    cursor: pointer;
    display: inline-table;
    white-space: nowrap;
    width: 80px;
    margin: 0px;
    margin-top: 15px;
    margin-right: 5px;
}

.opcionMenu:hover img {
    opacity: 0.5;
}

.opcionMenu img {
    width: 32px;
    height: 32px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 5px;
	transition: opacity 0.2s ease;
}

.opcionMenu p {
    white-space: normal;
    text-align: center;
    margin: 0px;
    line-height: 1em; 
    font-size: .8em;
}

.opcionMenu a:hover {
	text-decoration: none;
}

/* ----------------------------------------------------- */

#fMenuMovil {
	display: none;
	position: fixed;
	z-index: 9;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#botonMenuMovil {
	position: fixed;
    top: 7px;
    left: 7px;
    z-index: 2000;
    padding: 1px;
    cursor: pointer;
    background-color: #3083c9;
    border-radius: 5px;
}

#botonMenuMovil .bar1, #botonMenuMovil .bar2, #botonMenuMovil .bar3 {
    margin: 5px;
    width: 25px;
    height: 5px;
    display: block;
    background-color: #ffffff;
    border-radius: 5px;
}

#botonMenuMovil .bar:last-child {
    margin-bottom: 0;
}

#menuLateralMovil {
	position: fixed;
	z-index: 10;
	top: 0px;
	left: -240px;
	width: 240px;
	height: 100%;
	padding: 55px 5px 0px 5px;
	overflow-y: auto;
	background-color: #000000;
	background-color: rgba(0,0,0,0.8);
	-webkit-transition: left 0.4s ease;
	-moz-transition: left 0.4s ease;
	-ms-transition: left 0.4s ease;
	-o-transition: left 0.4s ease;
	transition: left 0.4s ease;	
}
#menuLateralMovil.open-sidebar {
    left: 0;
}

#menuLateralMovil h2 {
	margin: 0px 0px 5px 0px;
	padding: 0px 5px;
	font-size: 1em;
	font-weight: 300;
	color: #000000;
	background-color: #a3cbe7;
}

#menuLateralMovil ul {
    margin: 0;
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    list-style: none;
}

#menuLateralMovil ul li {
	cursor: pointer;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 22px;
	font-size: 0.9em;
	font-weight: 300;
	line-height: 22px;
	color: #ffffff;
	text-decoration: none;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: 0px 2px;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;	
}

#menuLateralMovil ul li.submenuM {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 0.7em;
}


/* TABLAS ------------------------------------------------------------------------------------------------------------------------- */

.tablaLogs {
    height: 300px;
    overflow: auto;
}

h2.tituloLogs {
    margin-top: 30px;
    padding: 5px;
    background-color: #333333;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #FFFFFF;
}

.tablaResultados {
	width: 100%;
}

.tablaResultados a:link, .tablaResultados a:active, .tablaResultados a:visited {
    text-decoration: none;
    color: #000000;
}
.tablaResultados a:hover {
    text-decoration: none;
}

.tablaResultados table {
	width: 100% !important;
}

.tablaResultados thead th {
    background-color: #333333;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
	padding: 5px;
}

.tablaResultados thead th img, .tablaResultados tbody td img {
	width: 25px;
	margin: 0px auto;
}



.filaDatos td {
	position: relative;
	z-index: 1;
}

.filaDatos td img.loading {
	width: 110px;
	display: none;
}

.filaDatos .selectorArchivos {
	float: none;
}

.filaDatos label {
	width: 110px;
	height: 20px !important;
	padding: 0px 10px 0px 10px !important;
	font-size: 0.8em !important;
	line-height: 18px !important;
	letter-spacing: 1px !important;
}

.filaDatos td a:hover {
	text-decoration: underline;
}

.botonesTabla div {
	display: flex;
	flex-wrap: nowrap;
  	align-items: center;
  	justify-content: center;  
}

.menuBotones {
	cursor: pointer;
	display: none;
}

.bloqueBotones {
	position: absolute;
	top: 1px;
	left: 2px;
	display: none;
  	padding: 2px;
	background-color: rgba(0,0,0,0.7);
}

.bloqueBotones img {
	cursor: pointer;
	float: left;
    margin: 2px 5px 2px 5px !important;
}

td.botonesTabla img {
	cursor: pointer;
    margin: 0px 5px 0px 5px;
}

.botonesTabla img.off, .bloqueBotones img.off {
	cursor: default;
	opacity: 0.2;
}

.N {
	cursor: pointer;
}

.tablaResultados tbody td {
    margin: 0px;
    padding: 0px;   
    border-bottom: 1px solid #BEBEBE;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8em;
    text-align: center;
    color: #000000;
    padding: 5px;
}

.filaDatos {
    background-color: #ffffff;
}

.filaDatos:hover {
    background-color: #eeeeee;
}

.pendiente {
    background-color: #ff9999;
}

.baja {
    opacity: 0.3;
}

.verde {
	background-color: #bfffbf !important;
}

.amarillo {
	background-color: #fffebf !important;
}

.rojo {
	background-color: #ff9696 !important;
}

.filaDatos_Sub {
    display: none;
    background-color: #ffffff;
    margin-bottom: 10px;
}

.filaDatos_Sub iframe {
	width: 100% !important;
	height: 100px !important
}

.filaCargandoDatos  {
    display: none;
}

.filaCargandoDatos p {
    margin: 10px;
    font-weight: 700;
    font-size: 11px;
    color: #5F5F5F;
}

.colgadorSubTabla {
    background-image: url('../imagenes/colgadorSubTabla.svg');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 30px 0px;
}

.subTabla {
    padding-top: 8px;
}

.subTabla img.loading {
	padding: 5px 0px 5px 0px;
	width: auto;
	height: auto;
    margin-left: 0px;
    margin-right: 0px;
}

table .separador {
	height: 20px;
	background-color: #BEBEBE;
}

.mas {
	cursor: pointer;
	height: 26px;
}

.mas:hover {
	opacity: 0.6;
}


/* PANTALLA ACCESO DENEGADO ------------------------------------------------------------------------------------------------------- */

#mensajeAccesoDenegado {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-top: 80px;
    margin-bottom: 115px;
    padding: 25px;
    background-color: #EEEEEE;
    text-align: center;
    border: 0px;
}

#mensajeAccesoDenegado img.iconoError {
    border:0px;
    margin-right: 15px;
    float:left;
}


/* INICIO ------------------------------------------------------------------------------------------------------------------------- */

.bloqueInfo {
	margin-top: 30px;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	-webkit-align-items: stretch;
	-webkit-justify-content: space-between;
	display: -moz-flex;
	-moz-flex-wrap: wrap;
	-moz-align-items: stretch;
	-moz-justify-content: space-between;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}

.info {
	width: 48%;
	margin-top: 50px;
	border: 1px solid #a1aeb7;
}

.info h1 {
	margin: 0px;
	padding: 5px;
	color: #ffffff;	
	background-color: #a1aeb7;
}

/* ----------------------------------------------------- */

.procesosMysql {
	width: 100%;
	margin-top: 50px;
}

.procesosMysql h1 {
	margin: 0px 0px 5px 0px;
	padding: 5px;
	color: #ffffff;	
	background-color: #a1aeb7;
}

.procesosMysql td {
	font-size: 0.6em !important;
}


/* SUBIDA ARCHIVOS / RECORTE DE FOTOS --------------------------------------------------------------------------------------------- */

.selectorArchivos {
	float: left;
	display: inline-flex;
	flex-wrap: nowrap;
  	align-items: center;
  	justify-content: flex-start;  
}

.selectorArchivos .indicadorArchivo {
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

.eliminarArchivo {
	width: 20px;
	height: 20px;
	margin: 5px 0px 5px 10px;
	opacity: 0.2;
}

.eliminarArchivo.on {
	cursor: pointer;
	opacity: 1;
}

/* ----------------------------------------------------- */

.datosRecorte {
	position: relative;
	float: right;
	display: flex;
	flex-wrap: nowrap;
  	align-items: stretch;
  	justify-content: space-between; 	
	width: 400px;
    margin-bottom: 20px;
    padding: 10px;
	border: 1px solid #d8d8d8;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;	
	border-radius: 10px;	    
	-webkit-box-shadow: inset 0px 0px 20px -2px rgba(178,178,178,0.2); 
	box-shadow: inset 0px 0px 20px -2px rgba(178,178,178,0.2);
	background-color: #effaee;
}

.datosRecorte p {
	font-family: monospace;
	font-size: 1em;
	color: #666666;
}

.datosRecorte img {
	height: 40px;
}

.datosRecorte div.posicion {
	width: 60px;
}

.datosRecorte div.tam {
	width: 90px;
}

.datosRecorte div.destino {
	width: 160px;
	padding-left: 5px;
	border-left: 1px solid #d8d8d8;
}

.datosRecorte div.destino div {
	display: none;
}

.datosRecorte div.destino div img {
	height: 20px;
	float: left;
	margin-right: 3px;
}

.datosRecorte div.destino div.avisoFoto p {
	font-size: 0.9em;
	line-height: 20px;
	color: #ff0000;
	font-weight: 700;
}

/* ----------------------------------------------------- */

#previoImagenContenedor {
	width: 100%;
	max-width: 500px;
    margin: 0px auto 10px auto;
}

#logo {
	display: block;
	margin: 0px auto;
	margin-bottom: 10px !important;
}

#previoImagen {
    width: 100%;
    margin-bottom: 10px !important;
}

/* CENTROS ------------------------------------------------------------------------------------------------------------------------ */

#planning {
	width: 100%;
}

#planning thead {
	background-color:#dce4eb;
}

#planning thead th {
	width: 16.6666%;
	margin: 0px;
    padding: 5px 10px;   
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    text-align: center;
    color: #ffffff;
	background-color: #000000;
}

#planning tbody td:hover {background: #cccccc}

#planning tbody td {
	margin: 0px;
    padding: 5px 10px;   
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9em;
    text-align: center;
    color: #000000;
	background-color: #ededed;
}

#planning tbody td span {
    font-size: 0.9em;
	font-weight: 700;
    color: #666666;
}



/* CENTROS ------------------------------------------------------------------------------------------------------------------------ */

#bNombreBuscador {
	width: calc(100% - 1040px);
}

#bDepartamentoBuscador {
	width: 250px;
}

#bProvinciaBuscador {
	width: 150px;
}

#bLocalidadBuscador {
	width: 300px;
}

#bDepartamento {
	display: table;
	margin-right: 20px;
}

#bCategoria {
	display: table;
	margin-right: 20px;
}

#bTitular {
	width: 100%;
}

#bDireccion {
	width: calc(100% - 690px);
}

#bProvincia {
	width: 150px;
}

#bLocalidad {
	width: 400px;
}

#bCP {
	width: 80px;
}

#bNombreR {
	width: calc(100% - 720px);
}

#bEmailR {
	width: 400px;
}

#bTelefonoR {
	width: 130px;
}


.diaI {
	/*width: calc(14.28571428571429% - 30px);*/
	width: 240px;
	margin: 20px 0px;
	padding: 10px;
	background-color: #e0e0e0;
	border-radius: 5px;
}

.diaI h3 {
	margin: 0px 0px 10px 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	text-align: center;
	text-transform: uppercase;
}

.diaI div {
	margin: 5px 0px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between !important; 
}

.diaI div p {
	width: 15px;
	margin: 0px;
	text-align: center;
}

.diaI div input {
	margin: 0px 5px;
}

.diaI .bCheck {
	margin: 10px 0px 0px 0px !important;
}

.diaI .bCheck input {
	width: 20px !important;
	height: 20px !important;
	margin: 0px 3px 0px 0px !important;
}

.diaI .bCheck p {
	width: calc(100% - 25px) !important;
	font-size: 0.8em;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;	
}



/* ESPACIOS ----------------------------------------------------------------------------------------------------------------------- */

#bTitularidad {
	display: table;
	margin-right: 20px;
}

.bRadio {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	margin: 8px 0px 0px 0px;
}

.bRadio p {
	margin: 0px 20px 0px 0px !important;
}

.bCheck {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;	
	margin: 10px 20px 0px 0px;
}

.bCheck input {
	width: 24px;
	height: 24px;
	margin-right: 6px;
}

.bCheck img {
	height: 24px;
	margin-right: 3px;
}

.bCheck label {
	cursor: pointer;
}

.bOtros  {
	width: 100%;
	margin-top: 20px;
}

.bNum {
	width: 100px;
}

fieldset fieldset {
	margin-top: 20px;
	width: calc(50% - 40px);
}


/* TALLERES ----------------------------------------------------------------------------------------------------------------------- */

#bNombreTallerBuscador {
	width: calc(100% - 500px);
}

#bTiposTalleresBuscador {
	width: 200px;
}

.listadoCentros .bloqueCampoFormulario {
	width: calc(20% - 10px);
	margin: 20px 0px;
}

.listadoCentros select {
	width: auto;
    position: absolute;
    top: -26px;
    right: 15px;
    background-color: #dce4eb;
	border-radius: 5px;
}

.listadoCentros .bCheck p {
	width: calc(100% - 30px);
}

.listadoDepartamentos .nota, .listadoCentros .nota {
	display: none;
	margin: 20px 0px;
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;
	color: #8aadc5;
}


/* USUARIOS DE LOS CENTROS -------------------------------------------------------------------------------------------------------- */

.flex {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}

.flexStart {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

img.imgInfo {
	width: 15px; 
	margin-right: 5px;
}

#bNombreBuscadorU {
	width: 65%;
}

#bYears {
	width: max-content;
}

#bDepartamentoBuscadorU {
	width: 310px;
}

#bCentroBuscadorU {
	width: calc(50% - 370px);
}

#bLocalidadBuscadorU {
	width: calc(50% - 470px);
}

#bIdentificacion {
	width: 12.5%;
}

#bIdentificacion select {
	float: left;
	width: 40%;
	margin-right: 5px;
}

#bIdentificacion input {
	width: 55%;
	text-transform: uppercase;
}

#bNombreU {
	width: 30%;
}

.bApellidosU {
	width: 55%;
}
	
#bSexo {
	width: 10%;
}

.bEmailU {
	width: 45%;
}

.bTelefono {
	width: 15%;
}

.bEmailF {
	width: 300px;
}



.bYears {
	width: 70px;
}

.flex.observaciones {
	justify-content: flex-start;
	align-items: center;
}

#bInteraccion {
	width: calc(100% - 180px);
}

.botonera {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.botonera .botonVerTodo {
	margin: 0px 0px 0px 10px;
}

/* ----------------------------------------------------- */

.obj {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px dotted #cccccc;
}

.obj[data-id='1'] {
    padding-top: 0px;
    border-top: none;
}

.obj .bloqueCampoFormulario {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between; 
}

.obj .bloqueCampoFormulario .del {
	cursor: pointer;
	width: 20px;
}

.obj .bloqueCampoFormulario .del:hover {
	opacity: 0.8;
}

.obj .bloqueCampoFormulario textarea, form .obj .bloqueCampoFormulario input {
	width: calc(100% - 30px);
}

.obj .duracionOBJ {
	width: calc(100% - 30px);
} 

/* ----------------------------------------------------- */

.obs {
    margin-top: 0px;
    padding-bottom: 20px;
    border-top: 1px dotted #cccccc;
}

.obs[data-id='1'] {
    padding-top: 0px;
    border-top: none;
}

.obs .bloqueCampoFormulario {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between; 
}

.obs .del {
	cursor: pointer;
	width: 25px;
}

.obs .del.off {
	cursor: not-allowed;
	opacity: 0.5;
}

.obs .bloqueCampoFormulario .del:hover {
	opacity: 0.8;
}

.obs .flex.numeracion {
	background-color: #e5aa17;
	padding: 10px;
	margin: 20px 0px 5px 0px;
}

.obs .flex.numeracion p {
	color: #ffffff;
	font-weight: 900;
}

.bloqueCampoFormulario.fechaOBS {
	width: 160px;	
	margin-right: 20px;
	
}

.obs .bloqueCampoFormulario.profesionalOBS {
	width: calc(100% - 180px);
}



/* PROFESIONALES ------------------------------------------------------------------------------------------------------------------ */

#bProfesionalBuscador {
	width: calc(100% - 770px);
}

#bTitulacionesBuscador {
	width: 200px;
}

.bApellidosP {
	width: calc(100% - 1340px);
}

.bEmailP {
	width: 300px;
}

#bIBAN {
	width: 275px;
	margin-right: 20px;
}	

#bNumSS {
	width: 150px;
	margin-right: 20px;
}

.bFecha2 {
	width: 160px;
	margin-right: 20px;
}


/* CONTROL DE ASISTENCIA ---------------------------------------------------------------------------------------------------------- */

.verdeA {
	background-color: #33cc66 !important;
}

.rojoA {
	background-color: #cc3333 !important;
}

.grisCA {
	background-color: #ededed !important;
}

.grisA {
	background-color: #666666 !important;
}

#asistencias {
	width: 100%;
}

#asistencias thead {
	background-color:#dce4eb;
}

#asistencias thead th {
	margin: 0px;
    padding: 5px 10px;   
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    text-align: center;
    color: #ffffff;
	background-color: #000000;
}

#asistencias thead th span {
    font-size: 0.8em;
	font-weight: normal;
    color: #cccccc;
}

#asistencias thead tr th.hoy { background-color: #3333ff }
#asistencias thead tr th.on:not(.hoy) { background-color: #999999 }
#asistencias tbody tr td.on { background-color: #cccccc }
#asistencias tbody tr td.off { cursor: default;	background-color: #666666; }

#asistencias tbody td {
	margin: 0px;
    padding: 5px 10px;   
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    text-align: right;
    color: #000000;
	background-color: #ededed;
}

#asistencias tbody td:not(.U) {
	cursor: pointer;
}

#asistencias tbody td.U span {
	cursor: pointer;
	text-decoration: underline;
}

#asistencias tbody td.U span:hover {
	text-decoration: none;
}

 
#asistencias tbody td:not(.U):not(.asiste):not(.falta):not(.off):not(.totales):hover {background: #cccccc}

#asistencias tbody td.asiste {
	background-color: #33cc66;
}

#asistencias tbody td.falta {
	background-color: #cc3333;
}

#asistencias .totales {
	cursor: default !important;
	text-align: center;
}

#asistencias .totales span {
	font-weight: 700;
	font-size: 1em;
}

#asistencias .totales span.asiste {
	color: #33cc66;
}

#asistencias .totales span.falta {
	color: #cc3333;
}

.barraSelectorMeses {
	background-color: #333333;
	width: 250px;
	height: 30px;
	margin: 10px auto;
	padding: 0px 5px;
	border-radius: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.barraSelectorMeses img {
	cursor: pointer;
	margin: 0px !important;
	width: 22px !important;
	height: 22px !important;
}

.barraSelectorMeses img.off {
	opacity: 0.3;
	cursor: auto;
}

.barraSelectorMeses p {
	display: table;
	margin: 0px 20px !important;
	padding: 0px !important;
	font-size: 1.1em !important;
	color: #ffffff !important;
	text-align: center !important;
	text-transform: uppercase;
}

.infoAB {
	margin: 50px 0px 0px 0px;
	font-size: 0.8em;
	text-align: center;
	text-transform: uppercase;
	color: #666666;
}

.bInformeMensual, .bInformeHistorico {
	margin: 0px auto !important;
}












/* SELECCIÓN / SUBIDA DE FOTOS ---------------------------------------------------------------------------------------------------- */

#bloqueSubidaArchivos {
    margin-left: 10px;
    margin-right: 10px;
}

#bloqueSelectorArchivos {
    margin: 10px;
}

.fotoSeleccion {
    width: 12%;
    margin: 1%;
    float: left;
    overflow: hidden;
}

.fotoSeleccion img {
    display: block;
    margin: 0px;
    width: 100%;
    cursor: pointer;
}

.fotoSeleccion p {
    margin: 0px;
    padding: 2px;
    font-size: 0.7em;
    line-height: 1.2em;
    background-color: #cccccc;
}


/* DOCUMENTOS --------------------------------------------------------------------------------------------------------------------- */

#bTituloBuscador {
	width: calc(100% - 1110px);
}

#bSelectorBuscador {
	width: calc(33% - 95px);
}

#bCategoriaBuscador {
	width: 200px;
}

#bCategoriaD {
	width: 200px;
}

#bTituloDoc, #bDescripcionDoc {
	width: 100%;
}

#bArchivoActual {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start; 
}

#bArchivoActual p {
	margin: 0px;
	line-height: 25px;
}

#bArchivoActual img {
	margin: 0px 0px 0px 8px !important;
	height: 25px;
}

/* USUARIOS ----------------------------------------------------------------------------------------------------------------------- */

#bNombre {
	width: 100%;
}

#bEmail {
	width: calc(25% - 15px);
}

#bPassword {
	width: calc(25% - 20px);
}

#bConfirmacionPassword {
	width: calc(25% - 20px);
}

#bPermisos {
	width: calc(25% - 20px);
}


/* SECCIONES ---------------------------------------------------------------------------------------------------------------------- */

#bIdSeccion {
	width: 100px;
}

#bIdSeccion input {
	text-align: center !important;
}

#bNombreSeccion {
	width: 300px;
}

#bPaginaSeccion {
	width: calc(100% - 450px);
}

#bBSTipoUsuario {
	width: 150px;
	margin-right: 20px;
}

#bGradoDependencia {
	width: 160px;
}

#bMinusvalia {
	width: calc(100% - 360px);
}

#bNombreF {
	width: calc(100% - 620px);
}

.fGest {
	margin-right: 20px;
}

.bFechaVal {
	width: auto;
}

.bFechaVal P {
	text-align: center;
}

.bFechaVal input {
	width: auto;
	text-align: center;
	color: #ffffff;
	background-color: #000000;
}

.infoVal {
	display: table;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px;
	line-height: 34px;
	font-size: 0.8em;
}

.bMotivo {
	width: calc(100% - 180px);
}

.bCausaBaja {
	width: 160px;
}

.bMotivoBaja {
	width: calc(100% - 360px);
}

.totales {
	margin: 30px auto;
}

.totales th {
	margin: 0px;
    padding: 5px 10px;   
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    text-align: center;
    color: #ffffff;
	background-color: #000000;
}

.totales td {
	margin: 0px;
    padding: 5px 10px;   
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9em;
    text-align: right;
    color: #000000;
	background-color: #eeeeee;
}

.ua {
	font-weight: 700;
	color: #ffffff !important;
	background-color: #95c11f !important;
}

.ud {
	font-weight: 700;
	color: #ffffff !important;
	background-color: #ffa40a !important;
}

.udd {
	font-weight: 700;
	color: #000 !important;
	background-color: #bfffbf !important;
}

.ur {
	font-weight: 700;
	background-color: #ffec3c !important;
}

.un {
	font-weight: 700;
	color: #ffffff !important;
	background-color: #9900df !important;
}

.ub {
	font-weight: 700;
	color: #ffffff !important;
	background-color: #e30613 !important;
}

.ure {
	font-weight: 700;
	color: #ffffff !important;
	background-color: #f0029f !important;
}

select[name='selEstadosBuscador'] option {
	font-weight: normal !important;
}

select[name='selEstadosBuscador'] option:nth-child(1) {
	color: #000000 !important;
	background-color: #efefef !important;
}


.especialidad {
	width: calc(25% - 25px);
	border: 1px solid #000;
	border-radius: 10px;
	margin: 20px 5px;
	padding: 10px;
}

.especialidad .tituloEspecialidad {
	text-align: center; 
	font-size: 1em;
	margin-bottom: 10px;
}

.cuadroResumenInformes {
	background-color: #dce4eb;
	border-radius: 10px;
	padding: 10px;
	margin: 20px 0px;
}

.informes {
	border: 1px solid #1f2952;
	padding: 20px;
	margin-right: 10px;
	border-radius: 10px;
}