@CHARSET "UTF-8";

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


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

}


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

}


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

}


/*MONTSERRAT*/

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


@font-face {
    font-family: 'montserrat_light';
    src: url('../fonts/montserrat/Montserrat-Light.eot');
    src: url('../fonts/montserrat/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat/Montserrat-Light.woff2') format('woff2'),
         url('../fonts/montserrat/Montserrat-Light.woff') format('woff'),
         url('../fonts/montserrat/Montserrat-Light.ttf') format('truetype'),
         url('../fonts/montserrat/Montserrat-Light.svg#montserrat_light') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'montserrat_regular';
    src: url('../fonts/montserrat/Montserrat-Regular.eot');
    src: url('../fonts/montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
         url('../fonts/montserrat/Montserrat-Regular.woff') format('woff'),
         url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype'),
         url('../fonts/montserrat/Montserrat-Regular.svg#montserrat_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'montserrat_bold';
    src: url('../fonts/montserrat/Montserrat-Bold.eot');
    src: url('../fonts/montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
         url('../fonts/montserrat/Montserrat-Bold.woff') format('woff'),
         url('../fonts/montserrat/Montserrat-Bold.ttf') format('truetype'),
         url('../fonts/montserrat/Montserrat-Bold.svg#montserrat_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}	

body{
	color: #212529;
	font-family: montserrat_regular, open_sansregular;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

a{
	color: #0074ca;
	text-decoration: none;
}

#contenedora {
	margin: 0 auto;
	max-width: 960px;
	text-align: center;
	width: 100%;
	overflow: hidden;
}

.pestana2OficinaTramite {
	font-weight: bold;
    margin-bottom: 15px;
    font-size: 14px;
	text-align: left;
	padding: 0px;
}

.cnt-datos .lbl-titulo {
	width: 90%;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.pestana2OficinaTramite .titulo-1 {
	display: block;
    font-size: 13px;
    margin-bottom: 12px;
}

.pestana2OficinaTramite .nombre-oficina {
	font-size: 16px;
    margin-bottom: 12px;
    display: block;
    color: #000000;
}

.pestana2OficinaTramite .icon-right {
	width: 16px;
    height: 16px;
    background: url(../img/arrow-right.png) center right no-repeat;
    display: inline-block;
    background-size: 100%;
    margin: 0px 8px -3px 8px;
}

.pestana2OficinaTramite .subcontenedor-tramite {
	display: block;
	padding: 9px;
	border: 2px solid #e8e8e8;
	margin-top: 12px;
}

.pestana2OficinaTramite .subcontenedor-tramite > div {
	padding: 3px;
}

.pestana2OficinaTramite .nombre-tramite {
    color: #000000;
}

.titulo-3 {
	display: block;
    /* font-weight: bold; */
    margin: 10px 0px;
}

#contenido {
	background-color: #fff;
	border: 10px;
	height: auto;
	margin: 0 auto;
	vertical-align: top;
	width: 100%;
}
.calendario {
	margin: 0 2% 0 0;
	padding: 5px 0 0 0
}
.column.calendario,
.tabla-ancha{
	width: 35%;
}
.column.calendario {
	float: left;
}

.tab-pane .tab-row .tab.selected {
	background: url('../img/fndTabSel.gif') center left no-repeat !important;
}

/* ESTILOS CITA PREVIA */
h2 {
	font-size: 26px;
}



#cabecera {
	background-color: white;
    height: 120px;
    width: 95%;
    margin: .5rem auto 1.2rem;
    box-shadow: 1px 2px 12px -4px rgba(0, 0, 0, 0.20);
    border: 1px solid #d9d9d9;
	background-repeat: no-repeat;
	overflow: hidden;
}
.logo-cabecera{
	margin-left: 115px;
	position: relative;
	top: -40px; 
}
.logo{ 
  	height:100%;
  	display:inline-block;
  	width: 20%;
  	float: left;
}
.logo img{
	max-height: 80%;
	margin: 6%;
}
.logo-rojo{
	
}
.fondo-cabecera{    
	background-color: #63A1D8;
    background: black none repeat scroll 0 0;
    height: 75px;
    border-radius: 8px;
    margin-left: 1em;
    width: 40%;
}
.titulo-cabecera{
	color: #fff;
    display: inline;
    margin-left: 0px;
    width: 100%;
}

/*Requisito Accesibilidad, cambiar h2 por h1 en el titulo de cabecera*/
.titulo-cabecera h1{
	color:#fff;
	display: inline-block;
	margin-top: 20px;
}

.fondo-cabeceraPastilla{
	border-radius: 8px;
	display: inline-block;
    float: right;
    width: 80%;
    height:100%;
    position: relative;
}

.titulo-cabeceraPastilla {
	color: #212529;
    font-weight: bold;
    font-size: 22px;
    float: right;
    width: 75%;
    height: 22px;
    line-height: 22px;
    position: relative;
    top: 50%;
    margin-top: -12px;
}

.bloqueIdiomas {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    line-height: 1em;
    position: absolute;
    right: 0px;
}

.bloqueIdiomas .icono-idiomas {
	background-image: url(../img/icons/icon-globe.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 100%;	
}

.bloqueIdiomas .combo-idiomas {
	display: none;
}

.bloqueIdiomas .select2-container--default {
	width: auto;
    top: -6px;
    font-weight: bold;
    font-size: 15px;
    color: #29416c;
}

.bloqueIdiomas .select2-container--default .select2-selection--single {
	border: none;
	margin: 0px;
}

.bloqueIdiomas .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 3px;
}

.bloqueIdiomas .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #29416c transparent transparent transparent;
    border-width: 7px 7px 0 7px;
    margin-top: -4px;
}

.idiomaSeleccionado{
	float:right;
	margin-left: 0px;
	padding: 0.25em 0.73333em;
	font-weight: bold;
    color: white;
    border-radius: 3px;
    background: #003382;
    font-size: 18px;
    cursor: pointer;
}

.idioma{
	float:right;
	margin-left: 0px;
	padding: 0.25em 0.5em;
	font-weight: bold;
    color: white;
    border-radius: 3px;
    font-size: 18px;
    cursor: pointer;
}

.idioma:hover{
	background: #003382;
}

.align-center{
	text-align:center;
	width: 100%;
}

@media (max-width: 970px) {
	.titulo-cabecera h1{
	display: none;
	}
	
	.titulo-cabeceraPastilla{
		font-size: 20px;	
		line-height: 6em;
	}
}
.tablaCitasPrevias, .tablaConsultas {
    margin: 0 auto 1%;
    max-width: 650px;
	width: 95%;
}

.tablaCitasPrevias .contenedor-principal,
.tablaConsultas {
	border: 1px solid #7d7d7d;
    -webkit-box-shadow: 1px 2px 12px -4px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 1px 2px 12px -4px rgba(0, 0, 0, 0.20);
	box-shadow: 1px 2px 12px -4px rgba(0, 0, 0, 0.20);
}

#tablaCitasPrevias.calendario,
#tablaConsultas.calendario,
#tablaConsultas.tabla-ancha{
	max-width: 810px;
}

.miga-pan{
    margin: 0 auto;
    width: 1025px;
}
#pasos{
	height: 40px;
	margin: 0 auto;
	width: 745px;
}

#pasos.pasos-4 {
	width: 545px;
}

#textos-pasos{
	margin-bottom: 10px;
	text-align: center;
	width: 975px;
}
#textos-pasos div {
	color: #999999;
	display: inline;
	font-family: montserrat_bold, open_sansbold;
	margin: 0px 0px 0px 20px;
	display: inline-block;
	width: 120px;
}
#textos-pasos div.texto-pasos-resaltado{
	color: #29416c;
}
#pasos div {
  background-image: url("../img/pasosSprite.png");
  background-position: 0 -60px;
  background-repeat: no-repeat;
  float: left;
  height: 20px;
  width: 20px;
}
#pasos div.camino.camino-normal{
	width: 125px;
}
#pasos div.camino.camino-largo{
	width: 120px;
}
#pasos div.camino {
  background-repeat: repeat;
}
#pasos div.camino.resaltado {
  background-position: 0 -80px;
}
#pasos div.paso {
  background-position: 0 -20px;
}
#pasos div.paso.resaltado {
  background-position: -20px -20px;
}
#pasos div.paso.inicio {
  background-position: 0 0;
}
#pasos div.paso.inicio.resaltado {
  background-position: -20px 0;
}
#pasos div.paso.fin {
  background-position: 0 -40px;
}
#pasos div.paso.fin.resaltado {
  background-position: -20px -40px;
}
.tab-page{
	padding: 15px 4%;
}
.cntFicha {
    padding-left: 50px;
}
.cntFicha.cntFicha-pestana-2 {
    padding-left: 20px;
}

.cntFicha2 {
	text-align: right;
	margin: 0px;
}

.cntFicha2 .boton {
	float: none;
}
.camposFicha {
    overflow: hidden;
}

ul.cntFicha li.columna1,
ul.camposFicha li.columna1,
ul.cntFicha li.columna2,
ul.camposFicha li.columna2 {
     margin: 0 0 10px;
     float: left;
     width: 100%; 
}

ul.camposFicha li {
    clear: both;
    margin-right: 20px;
    overflow: hidden;
}
li {
    list-style: none outside none;
}

#cntElegirCentro label {
	float: left;
    line-height: 32px;
    width: 178px;
    font-weight: bold;
    height: 32px;
    font-size: 13px;
    text-align: left;
}

#cntElegirCentro.cntFicha-pestana-2 label {
    width: 198px;
}

ul.cntFicha li select,
ul.camposFicha li select {
    height: 32px;
    line-height: 20px;
    width: 340px;
    color:#212529;
    display: inline-block;
    float: right;
}

ul.cntFicha li select.hideMode,
ul.camposFicha li select.hideMode {
	display: none;	
}

input, select, textarea {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #7d7d7d;
    box-shadow: 2px 2px 2px #dedfe1 inset;
    border-radius: 5px;
    margin: 0 0 0 5px;
    width: 135px;
    font-family: montserrat_regular, open_sansregular;
}

.inputDisabled {
    background: none repeat scroll 0 0 #e2e2e2;
    border: 1px solid #e2e2e2;
    box-shadow: 2px 2px 2px #dedfe1 inset;
    border-radius: 5px;
    margin: 0 0 0 5px;
    width: 135px;
}

input[type="text"], textarea{
	box-shadow: none;
	height: 26px;
	line-height: 26px\9;
	max-width: 334px;
	padding: 2px;
	vertical-align: middle\9;
	width: 95%;
	color:#212529;
	float: right;
}

ul.cntFicha li select, 
ul.camposFicha li select {
	max-width: 342px;
	padding-right: 32px;
}

.content .select2-container {
	padding-left: 2px;
}

#tipoDocumento input[type="select"] {
	box-shadow: none;
	height: 26px ;
	line-height: 26px\9 ;
	max-width: 334px ; 
	padding: 2px ;
	vertical-align: middle\9;
	width: 95% ;
	color:#212529;
	
}

#tipoDocumento{
	box-shadow: none;
	height: 30px;
	line-height: 26px\9 ;
	max-width: 340px;
	padding: 2px !important;
	vertical-align: middle\9;
	width: 95% !important;
}


.textAlignLeft{
	text-align:left;
}

.marginLeftSmall{
	margin-left: 10%;
	width:95%;
	text-align:left;
	padding-bottom: 10px;
	padding-top: 10px;
	
}
.noPaddingLeft{
	padding-left:0px;
}
.comboLargoFormulario{
	box-shadow: none;
	height: 26px !important;
	line-height: 26px\9 ;
	max-width: 334px !important;
	padding: 2px !important;
	vertical-align: middle\9;
	width: 95% !important;
}

textarea{
	height: 80px;
	resize: vertical;
}

textarea#comentarios {
    height: auto;
}


.recaptchatable hr{
	border: 1px solid #d2d0d1;
	margin: 5px 0;
	width: 90%;
}
#recaptcha_reload,
#recaptcha_switch_audio,
#recaptcha_switch_img{
	height: 20px;
	width: 20px;
}
input[type="checkbox"] {
	background: none;
	border: none;
	box-shadow: none;
	width: 15px;
	color:#212529;
	
}
#privacidad {
	margin-top: 50px;
	text-align: center;
}

#privacidad a {
	cursor: pointer;	
}

#enviaSMS {
    margin-left: -4px;
}
#texto-privacidad{
	margin: 10px 0 20px 30px;
	width: 88%;
}
#privacidad span{
	margin-left: 5px;
}
#texto-privacidad-seguridad{
	font-family: montserrat_bold, open_sansbold;
	font-size: 15px;
}
.asterisco-seguridad{
	color: #000;
	font-family: montserrat_bold, open_sansbold;
	font-size: 15px;
}
select {
	box-shadow: none;
	height: 28px;
    vertical-align: middle;
    width: 160px;
}
.margen-bottom {
	display: inline-block;
	margin-bottom: 10px;
}
input[type="text"].disabled,
textarea.disabled, 
select.combo:disabled {
    color: #454545 !important;
    background-color: #efefef !important;
    opacity: 1;
}

.boton, 
.botonEliminar, 
.botonEditar, 
.botonDeshabilitado, 
#btnSMS,
#tablaCitasFuturas .cita .enlaceVer, 
#tablaCitasFuturas .cita .enlaceEliminar {
    background: #29416c;
    border: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    float: right;
    font-family: montserrat_bold, open_sansbold;
    height: 40px;
    margin-bottom: 10px;
    font-size: 15px;
    border-radius: 5px;
}

.boton:disabled, 
.botonEliminar:disabled, 
.botonEditar:disabled, 
.botonDeshabilitado:disabled, 
#btnSMS:disabled,
#tablaCitasFuturas .cita .enlaceVer:disabled, 
#tablaCitasFuturas .cita .enlaceEliminar:disabled {
	background-color: #c1c8d4;
	cursor: default;
}

.botonDisabled{
	background: #a4b9e2;
    border: none;
    box-shadow: none;
    color: rgb(255, 255, 255);
    cursor: pointer;
    float: right;
    font-family: montserrat_bold, open_sansbold;
    height: 40px;
    margin-bottom: 10px;
    font-size: 15px;
    border-radius: 5px;
}

.boton-width {
    width: 160px;	
}

.boton-width-2 {
    width: 220px;
	
}

.boton-accion:hover:enabled,
.boton-accion:focus:enabled {
	border: 2px solid #29416c;	
	font-size: 16px;
	background-color: #7e8da6;
}

.enlace-imprimir-color{
	color : #1393e4;
}

.boton:focus{
	outline: none;
}
.texto-captcha{
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
    width: 100%;
}

.captchaInsercion #recaptcha_logo,
.captchaInsercion #recaptcha_whatsthis_btn{
	display: none;
}

.captchaInsercion #recaptcha_table{
	background: none;
}
.captchaInsercion #recaptcha_table tr td{
	padding: 0;
}
.captchaInsercion #recaptcha_response_field{
	border: 1px solid #d2d2d2 !important;
	width: 296px !important;
}
.captchaInsercion #recaptcha_image{
	border: 1px solid #d2d2d2 !important;
	border-radius: 2px;
	width: 100%;
}
.captchaInsercion{
	margin-left: -5px;
	float: left;
	width: 100%;
}
#recaptcha_area .recaptchatable{
	border: none !important;
}

.cabecera-resguardo{
	background: #e7f3fe;
	color: #78a9db;
	margin-bottom: 5px;
	padding: 5px;
}
.enlaces-ayuda{
	color: #000;
	display: block;
	margin-bottom: 5px;
	text-align: right;
}
.enlace-imprimir,
.enlace-editarCalendario{
	display: inline-block
}

.enlace-editarCalendario{
	margin-right: 15px;
	width:300px;
}
.cntDatosResguardo{
	text-align :left;
	border: 1px solid #7d7d7d;
	padding: 15px 15px 15px 15px;	
}

.cntDatosResguardo .datosAdicionales {
	float: left;
	width: 100%;	
	padding: 3px 0px;
}

.cntDatosResguardo .datosAdicionales input,
.cntDatosResguardo .datosAdicionales select {
	float: right;
}

#resguardoInstrucciones span {
	display: block;
    margin: 5px 0px 10px 0px;
}

.logo-datos-resguardo{
	display: inline-block;
	float: left;
	width: 42%;
}

.logo-datos-resguardo img {
	max-width: 100%;
	max-height: 75%;
}

.log-impresora{
	background-image: url("../img/icon_impresora.png");
	background-size: 45px 45px;
	    background-repeat: no-repeat;
	height: 45px;
    width: 45px;
	float: left;
	padding-left:30px;
}
.logo-rojo{
	background-image: url("../img/terrassa_rojo.png");
	background-size: 300px 125px;
	float: left;
	height: 300px;
    width: 125px;
}
#resguardoFechaOperacion{
	float: right;
	margin-top: 25px;
	max-width: 58%;
	text-align: right;
}
.titulo-resguardo{
	background-color: #e7f3fe;
	color: #1393e4;
	float: right;
	height: 28px;
	line-height: 25px;
	margin-bottom: 30px;
	margin-top: 10px;
	text-align: center;
	width: 100%;
}
#contenidoDatosResguardo{
	clear: both;
}
#contenidoDatosResguardo p{
	margin: 0;
}

/* CALENDARIO */
.cnt-tab-calendario .ui-datepicker {
  background-image: none;
  background-color: #fff;
  width: 100%;
}

.cnt-calendario.ui-datepicker {
	background-image: none;
	background-color: #fff;
	width: 250px;
    max-width: 100%;
}


.cnt-tab-calendario .ui-datepicker .ui-state-default,
.cnt-calendario.ui-datepicker .ui-state-default {
  color: #666;
}
.cnt-tab-calendario .ui-datepicker .ui-widget-header,
.cnt-calendario.ui-datepicker .ui-widget-header {
  background: none repeat scroll 0 0 #29416c;
  border: none;
  color: #fff;
}
.cnt-tab-calendario .ui-datepicker th,
.cnt-calendario.ui-datepicker th {
  padding: 6px 4px 8px;
}
.cnt-tab-calendario .ui-datepicker .ui-datepicker-title,
.cnt-calendario.ui-datepicker .ui-datepicker-title {
  line-height: 21px;
}
.cnt-tab-calendario .ui-datepicker td,
.cnt-calendario.ui-datepicker td {
  opacity: 1;
}
.cnt-tab-calendario .ui-datepicker td span,
.cnt-calendario.ui-datepicker td span {
  border: 1px solid #e8e8e8;
}
.cnt-tab-calendario .ui-datepicker .diaHoy span,
.cnt-calendario.ui-datepicker .diaHoy span {
  border: 1px solid #000;
}
.cnt-tab-calendario .ui-datepicker .diaLibre a,
.cnt-calendario.ui-datepicker .diaLibre a {
  background: #ffffff;
  color: #000000;
  border-color: #697a98;
}
.cnt-tab-calendario .ui-datepicker .diaNoDisponible span,
.cnt-calendario.ui-datepicker .diaNoDisponible span {
  background: #e8e8e8;
}
.cnt-tab-calendario .ui-datepicker .diaOcupado span,
.cnt-calendario.ui-datepicker .diaOcupado span {
  background: #999999;
  color: #fff;
}

.cnt-tab-calendario .ui-widget-content,
.cnt-calendario .ui-widget-content {
	border: none;
}

.cnt-tab-calendario .ui-datepicker .diaPasado span,
.cnt-calendario.ui-datepicker .diaPasado span {
  background: #fff;
  border-style: dashed;
}
.cnt-tab-calendario #datepicker .ui-datepicker-header .ui-datepicker-prev-hover,
.cnt-tab-calendario #datepicker .ui-datepicker-header .ui-state-hover {
  background: #fff;
  border-color: #8bb900;
}
.cnt-tab-calendario .ui-datepicker a.ui-state-active,
.cnt-calendario.ui-datepicker a.ui-state-active {
  background: #29416c;
  border-color: #697a98;
  color: #ffffff;
}
.cnt-tab-calendario a.ui-state-default.ui-state-hover,
.cnt-calendario a.ui-state-default.ui-state-hover {
  background: #697a98;
  border-color: #29416c;
}
.cnt-calendario a.ui-state-default.ui-state-hover {
	color: #ffffff;
}
.cnt-tab-calendario .ui-datepicker .ui-datepicker-calendar .ui-state-disabled,
.cnt-calendario.ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
  filter: none;
}
.cnt-tab-calendario .ui-datepicker.ui-widget,
.cnt-calendario.ui-datepicker.ui-widget {
  font-family: montserrat_regular, open_sansregular;
  font-size: 13px;
}
.cnt-tab-calendario .ui-datepicker .ui-datepicker-prev,
.cnt-tab-calendario .ui-datepicker .ui-datepicker-next,
.cnt-calendario.ui-datepicker .ui-datepicker-prev,
.cnt-calendario.ui-datepicker .ui-datepicker-next {
  display: block;
}
.cnt-tab-calendario .ui-datepicker a.ui-datepicker-prev.ui-state-hover,
.cnt-tab-calendario .ui-datepicker a.ui-datepicker-next.ui-state-hover,
.cnt-calendario.ui-datepicker a.ui-datepicker-prev.ui-state-hover,
.cnt-calendario.ui-datepicker a.ui-datepicker-next.ui-state-hover {
  border: none;
}

.cnt-tab-calendario .ui-datepicker select.ui-datepicker-month,
.cnt-tab-calendario .ui-datepicker select.ui-datepicker-year,
.cnt-calendario.ui-datepicker select.ui-datepicker-month,
.cnt-calendario.ui-datepicker select.ui-datepicker-year {
    width: 45%;
    background: #29416c;
    color: #ffffff;
    border: none;
    font-weight: bold;
    margin: 0px;
    height: 20px;
}

#cntConfirmarCitaPrevia #detalle-cita,
#cntConfirmarCitaPreviaTR #detalle-cita {
	vertical-align: top;
}
#tablaCitasFuturas thead tr,
#cntTablaCalendario table thead tr{
	height: 39px;
}
#tablaCitasFuturas th,
#cntTablaCalendario table th{
	background-color: #29416c;
	color: #FFF; 
	padding-left: 5px;
}
#tablaCitasFuturas th.primerTh,
#cntTablaCalendario table th.primerTh{
	border-radius: 3px 0 0 3px;
}
#tablaCitasFuturas th.ultimoTh,
#cntTablaCalendario table th.ultimoTh{
	border-radius: 0 3px 3px 0;
}
#tablaCitasFuturas tr{
	height: 55px;
}
#cntTablaCalendario table tr{
	height: 27px;
}
#tablaCitasFuturas td,
#cntTablaCalendario table td{
	padding-left: 5px;
}
#tablaCitasFuturas td{
	vertical-align: middle\9;
}
#tablaCitasFuturas tr.par{
	background-color: #f8f9fa;
	border-bottom: 1px solid #ecf0f3;
	border-top: 1px solid #ecf0f3;
	
}
#cntTablaCalendario{
	display: inline-block;
	width: 63%;
	float: right;
}
#tablaCitasFuturas table,
#cntTablaCalendario table{
	border: 1px solid #7d7d7d;
	border-collapse: separate;
/* 	border-spacing: 1px; */
    border-radius: 5px;
    box-shadow: 1px 2px 12px -4px rgba(0, 0, 0, 0.2);
    margin-bottom: 25px;
    padding: 2px;
    width: 100%;
    
}
#cntTablaCalendario table{
	color: #FFF;
}

.calendarioDia span.body-franja-libre.selected,
#cntTablaCalendario span.selected{
	background-color: #29416c;
	color: #ffffff;
}

#info-franja-disponible {
	padding: 0px 32px;
	font-size: 14px;
}

#info-franja-disponible .titulo-1 {
    display: block;
    font-weight: bold;
    text-align: left;
    margin-bottom: 8px;
}
 
#info-franja-disponible .titulo-2 {
	text-align: left;
    display: block;
}

#contenedorCalendario {
	display: none;
}

#tituloCitasFuturas{
	margin-bottom: 15px;	
}
.body-franja{
	background-color: #FFF;
	color: #000;
}
.body-franja-ocupada{
	background-color: #e8e8e8;
}
.body-franja-libre{
	background-color: #29416c;
	cursor: pointer;
}

.calendarioDia span.body-franja-libre {
    cursor: pointer;
    border: 1px solid #697a98;
    color: #212529;
    background-color: #ffffff;
}

.calendarioDia span.body-franja-libre:hover {
    border: 1px solid #29416c;
	background-color: #697a98;
	color: #ffffff;
}

.body-franja-libre:focus{
	background-color: #29416c7a;
}

.body-franja-solo-agrupacion{
	background-color: #e8e8e8;
}
.body-franja-no-disponible{
	background-color: #e8e8e8;
}

.leyenda-calendario{
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 0;
	font-weight: bold;
}

.leyenda-calendario li{
	display: inline;
}

.leyenda-calendario li span{
	display: inline-block;
	height: 13px;
	margin: 0 5px 0 10px;
	width: 13px;
}
.leyenda-calendario li span.no-disp{
	background-color: #e8e8e8;
}
.leyenda-calendario li span.selecc{
	background-color: #29416c;
}
.leyenda-calendario li span.disp{
	background-color: #ffffff;
	border: 1px solid #29416c;
}
.leyenda-calendario li span.ocup{
	background-color: #003382;
}

.row{
	width:100%;
	display:table;
}

.column{
	display: inline-block;
    vertical-align: top;
}

.margenTop{
	margin-top:5px;
}
.oculto{
	display:none;	
}

.cntAyuda {
    padding: 20px 0 0 55px;
}

.txtAyuda {
	display: inline-block;
    margin-bottom: 15px;
}

table.cntFicha {
    margin: 20px 0;
}

table.cntFicha td {
    clear: both;
    overflow: hidden;
}

table.cntFicha td.columna1 {
    color: #494a4e;
    font-size: 80%;
    height: 25px;
    line-height: 1.5em;
    margin: 0 0 0 25px;
    text-align: right;
    width: 100px;
}

table.cntFicha td.columna2 {
    margin: 0 0 3px;
    text-align: left;
    vertical-align: top;
}

.cnt-elegir-accion, 
.cnt-elegir-accion-ocultar {
    margin: 0 0 20px;
    overflow: hidden;
}

.contenedor-principal-mapa .cnt-elegir-accion {
	margin-right: 8px;
}

.cntAcciones {
	margin-top: 30px;
}

.cnt-elegir-accion.cnt-elegir-accion-mini.cntFicha {
	padding-left: 0px;
}

.cnt-elegir-accion.cnt-elegir-accion-mini .boton-accion {
	font-size: 13px;
	width: 120px;
}

.cnt-elegir-accion.cnt-elegir-accion-mini .boton-accion:hover, 
.cnt-elegir-accion.cnt-elegir-accion-mini .boton-accion:focus {
	font-size: 14px;
}

.horasDia{
	margin:10px;
}

.diaActivo a{
	background-color : orange !important;
	background-image :none !important;
	color: White !important;
	font-weight:bold !important;
	font-size: 12pt;
}

.diaSenalado{
	border: 1px solid green !important;
}

 .specialDate { background-color: #6F0 !important; }
  .specialDate a{ background-color: #6F0 !important; }
  
  .cntLabel {
    overflow: hidden;
    padding: 0 0 5px;
}

.cntAyudaCalendario {
    padding: 5px 0 0px;
}

.cntFichaCita {
    background-color: #eef5fd;
    border: 1px solid #dde4ec;
    color: #54758f;
    font-size: 120%;
    font-weight: bold;
    line-height: 1.5em;
    margin: 15px 55px;
    padding: 5px;
    text-align: center;
}

#horasDia label {
    color: #4d4e52;
    float: left;
    font-size: 75%;
    height: 25px;
    line-height: 25px;
    margin: 0 0 0 30px;
    width: 55px;
}

#cntConfirmarCitaPrevia,
#cntConfirmarCitaPreviaTR, 
#cntCancelarCitaPrevia li {
    margin: 0;
    padding: 0;
}
#cntConfirmarCitaPrevia label,
#cntConfirmarCitaPreviaTR label { 
    display:inline-block;
    margin: 0 10px 0 30px;
    text-align: right;
    vertical-align: middle;
    width: 175px;       
}
#cntConfirmarCitaPrevia label[for="Comentarios"],
#cntConfirmarCitaPreviaTR label[for="Comentarios"] {
    vertical-align: top;
}

#cntCancelarCitaPrevia label {
    color: #4d4e52;
    float: left;
    font-size: 75%;
    height: 25px;
    line-height: 25px;
    margin: 0 0 0 30px;
    width: 200px;
}
#cntConfirmarCitaPrevia .columna1 input,
#cntConfirmarCitaPreviaTR .columna1 input {    
    display:inline-block;
    height: 25px;
    margin: 0 0 0 16px;
}

#cntTabCita .msgOk {
    height: auto;
    margin-bottom: 20px;
    padding: 20px;
    text-align: center;
    margin-top: 20px;
}
.diaConCitas, .msgOk, table.tblCalendario td.diaConCitas {
    background-color: #dde4ec;
    color: #54758f;
    font-size: 100%;
    font-weight: bold;
    height: 25px;
    margin: 0 auto;
    width: 230px;
}

#cntCitaTicket {
    border: 1px solid #cccccc;
    padding: 30px;
    text-align: center;
    width: 210px;
}
#cntCitaTicket, #frmSMS, .cntBtnImprimirTicket {
    margin: 0 auto;
}

h1 {
    color: #6886bc;
    font-size: 200%;
}


#cntCitaTicket #txtDatosPersonales {
    font-size: 120%;
    font-weight: bold;
}
#cntCitaTicket p {
    margin: 5px 0;
}

.mensajeAviso{
	margin-left:80px;
	margin-top:5px;
}

.ayudaServicio{
	 margin-left:70px;
	 margin-top:10px;
	 margin-bottom: 10px;
}

.captcha{
	margin: 20px 0 50px 30px;
}

.cntElegirCentro label {
	text-transform: capitalize;
}

.esMenor {
	width: 100% !important;
	height: auto !important;
}

.esMenor input {
	width: auto !important;
	margin-right: 5px;
}

#datosTutor {
	margin-top: 30px;
}

.cabeceraCentro{
	text-align:center;
	padding-top:8px;
}

.contenedorPrincipal{
	outline: 1px solid #b5d2e2;
}

.botonImprimir{
	margin: 0;
    padding: 0;
    text-align: center;
}
#contenidoDatosResguardo #resguardoFecha {
    margin-bottom: 20px;
}
#recaptcha_reload_btn {
    border-bottom: 1px solid #d2d0d1 !important;
    display: inline-block;
    height: 27px;
    margin-bottom: 4px;
}
.no-close .ui-dialog-titlebar-close{
    display:none;
}
.calendarioDia{
   	text-align: left;
   	float: right;
    width: 370px;
}

.calendarioDia span {
	border-radius: 15px;
	color: #636363;
	display: inline-block;
	line-height: 30px;
	margin: 5px;
	text-align: center;
	width: 80px;
	font-weight: bold;
}

.cntTablaCalendario .fecha-dia {
	color: #212529;
    font-weight: bold;
}

.popup-loading {
	text-align: center;
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
	z-index: 100;
}

.popup-loading.loading {
	display: block;
}

.popup-loading .fondo {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #666666;
    opacity: 0.5;
}

.popup-loading img {
	position: absolute;
    width: 120px;
    height: 120px;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -90px;
}

.popup-loading #mensajeCarga {
	position: absolute;
    width: 280px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-left: -140px;
    margin-top: 20px;
    font-size: 16px;
    color: #ffffff;
}

#popupAvisoLegal{
	display: none;
}

/*AVISO LEGAL*/
.cnt-aviso-legal {
	display: none;
	padding: 8px 12px;
    text-align: justify;
}

.avisoLegal .title_legal_advert, 
.avisoLegal .title2_legal_advert article,
.avisoLegal .subtitle_legal_advert {
	font-family: open_sansregular;
	text-align: justify;
}

.avisoLegal li {
	list-style: initial;
}

/*
.avisoLegal span{
	display: block;
	font-family: montserrat_regular, Arial;
	padding: 5px;
} 
.avisoLegal .title_legal_advert, 
.avisoLegal .title2_legal_advert,
.avisoLegal .subtitle_legal_advert {
	display: block;
	font-family: montserrat_regular, Arial;
	padding: 5px;
}

.avisoLegal bold{
	font-weight : bold;
}
.avisoLegal ol{
	display: block;
	font-family: montserrat_regular, Arial;
	padding: 5px 70px;
}

.avisoLegal ul li{
	list-style: inherit;
}

.avisoLegal ol li{
	padding:5px 0 0 0;
	list-style: inherit;
}
.avisoLegal ol ol li{
	padding:5px 0 0 0;
	list-style: outside none lower-latin;
}
.avisoLegal .title_legal_advert{
	font-size: 22px;
	padding: 20px 5px;
	 
}
.avisoLegal .title2_legal_advert{
	font-size: 16px;
	padding: 10px 5px;
}
.avisoLegal .span_underline{
	text-decoration: underline;
}
.avisoLegal .span_side_padding{
	padding: 0 5px;
}
.avisoLegal .span_top_padding{
	padding: 5px 5px 0 5px;
}
.avisoLegal .span_bottom_padding{
	padding: 0 5px 5px 5px;
}
*/
a.link-consultar{
	font-size: 1.25em;
    font-weight: bold;
}
.textoConsultar{
	margin-bottom: 10px;
	font-weight: bold;
}

#resguardoCodigoQR {
	float:right;
	position:relative;
	margin-right: 10px;
	display: none;
}

@media print{
	.enlaces-ayuda{
		display:none;
	}
}


.errorOficinaServicio{
	color: #000;
    font-weight: bold;
	font-size: 1.1em;    
	display: inherit;
	text-align: center;
    margin-bottom: 5px;
}

.noHuecos{
	font-size: 14px;
	color: #000;
	text-align: initial;
	padding: 0 10px;
}


#contenidoDatosResguardo .label{
	font-size: 14px;
}

#contenidoDatosResguardo .valor{
	font-size: 15px;
    font-weight: bold;
}

#contenidoDatosResguardo .valorAdicionales{
	font-size: 15px;
	font-weight: bold;
}

.hideMode{
	display : none;
}


.selectGrande{
	width:95%;
	max-width: 340px;
}

.ptn4Importante {
	font-size:1.1em;
	padding-left: 28px;
}

.ptn4Importante .icon-info {
	margin-left: -28px;
}

.ptn4ImportanteSub{
	font-size:1.0em;
}

.icon-info {
	display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/icon-exclamation.png) center right no-repeat;
    background-size: 100% auto;
    margin-right: 8px;
}

.info-pestana.info-pestana-warning .icon-info,
.mensaje-warning .icon-info{
	float: left;
}
	
.mensaje-warning .icon-info {
	background: url(../img/icon-exclamation-yellow.png) center right no-repeat;
	background-size: 100% auto;
}

#infoPestana4,
#infoPestana4TR,
#cntElegirCentro .info-pestana,
.cnt-acompanantes .info-pestana,
.info-pestana.info-pestana-warning {
  	margin-bottom: 20px;
    background-color: #e8e8e8;
    color: #212529;
    padding: 8px 12px;
    text-align: left;
}

#cntElegirCentro .info-pestana,
.cnt-acompanantes .info-pestana {
	margin-top: 12px;
    padding: 8px 3%;
    width: 94%;
    position: relative;
    float: left;
}

.cnt-acompanantes .info-pestana {
	margin-top: 0px;
	margin-bottom: 0px;
    position: relative;
    width: 340px;
    float: right;
    padding: 2px 0px;
    background-color: transparent;
}

#cntElegirCentro .info-pestana > label {
	width: 100%;
    height: auto;
    line-height: 24px;
    font-weight: normal;
}

#cntConfirmarCitaPrevia .cnt-acompanantes .info-pestana > label,
#cntConfirmarCitaPreviaTR .cnt-acompanantes .info-pestana > label {
	width: 100%;
    height: auto;
    line-height: 24px;
    font-weight: normal;
    text-align: left;
    margin: 0px;
}

#cntElegirCentro .info-pestana > label i,
.cnt-acompanantes .info-pestana > label i {
    position: absolute;
    top: 10px;
}

.cnt-acompanantes .info-pestana > label i.icon-info {
	background: url(../img/icon-exclamation-lightgray.png) center right no-repeat;
	top: 3px;	
	left: 0px;
	width: 18px;
    height: 18px;
	background-size: contain;
}

#cntElegirCentro .info-pestana label div,
.info-pestana.info-pestana-warning label div {
	padding-left: 28px;
}

.cnt-acompanantes .info-pestana label div {
	line-height: 15px;
    font-size: 11px;
    padding-left: 24px;
}

#cntConfirmarCitaPreviaAnadirAcompanantes ul.margenTop {
	margin-top:10px;
}

.selectPequeno{
	width:20% !important;
	max-width: 60px !important;
}

.telefono{
	width: 72% !important;
	max-width:264px !important;
}

.mensaje-error {
	border: 1px solid #e05c5c;
    width: 100%;
    float: left;
    margin: 10px 0%;
    padding: 5px 0px;
    background: #f9dede;
    color: #808080;
    font-size: 12px;	
}

.tablaConsultas #contenedorPrincipal > .mensaje-error {
	border: 1px solid #e05c5c;
    width: 95%;
    float: none;
    margin: 10px auto;
    display: block;
}

.mensaje-info {
	border: 2px solid #197d19;
    width: 100%;
    float: left;
    margin: 10px 0%;
    padding: 5px 0px;
    background: #d1e5d1;
    color: #808080;
    font-size: 12px;	
}

.tablaConsultas #contenedorPrincipal > .mensajeInfo {
	float: none;
	display: block;
	width: 90%;
    margin: 10px 5%	
}

.label-info {
	display: block;
    text-align: left;
    font-weight: bold;
}

.label-info-desc {
	display: block;
    text-align: left;
    font-weight: normal;
}

.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda .label-info {
    font-weight: normal;
}

.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda .label-info span {
	padding: 0px;
}

.mensaje-warning {
	border: 2px solid #ffdf7d;
    width: 97%;
    float: none;
    display: block;
    margin: 10px 0%;
    padding: 5px 1%;
    background: #fff9e5;
    color: #808080;
    font-size: 12px;	
}

.mensaje-warning.mensaje-warning-2 {
	text-align: left;
}

.mensaje-warning.mensaje-warning-2 div {
	padding-left: 28px;
}

/* COMBOS */

select {
	padding: 0px 5px;
	border-radius: 5px;
}

.content .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 30px;
    margin-right: 2px;
    overflow: hidden;
}

.content .select2-codigos-postales .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border: none;
    height: 30px;
    width: 30px;
    top: 2px;
    left: 6px;
}

select.combo,
.content .select2-container--default .select2-selection--single .select2-selection__arrow b {
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background: url('../img/arrow-down.png') center right no-repeat;
	line-height: 30px;
    height: 30px;
    float: right;
}

select.combo::selection {
  	background: url('../img/arrow-up.png') center right no-repeat;
}

.cnt-combo {
	width: 340px;
    float: right;
    text-align: left;
}

.cnt-combo .combo {
    margin: 0px;
    float: left;
    width: 80px;
}

/* POP UP */

.ui-widget-content.dialogo-carga,
.ui-widget-content.dialogo-carga .ui-widget-header {
	background: none;
	border: none;
}

.ui-widget-content.dialogo-carga #mensajeCarga {
    color: #ffffff;
    font-size: 16px;
}

.cnt-confirmacion {
    padding: 12px;
    text-align: left;
    display: none;
}

.cnt-confirmacion .titulo-1 {
	font-weight: bold;
    font-size: 15px;
}

.cnt-confirmacion .cntFicha label {
	font-size: 14px;
    font-weight: bold;
    width: 20%;
    display: inline-block;
}

.cnt-confirmacion .cntFicha span {
	font-size: 14px;
    display: inline-block;
}

/* CAPTCHA */

.cnt-captcha input, 
.cnt-captcha textarea {
	float: none;
}

.cnt-captcha .cntAcciones {
	float: right;
}


.imagenCaptcha {
  width: 56%;
  float: left;
  margin-left: 20%;
}

.logosAudioCaptcha {
  width: 10%;
  float: left;
  margin-top: 2%;
}

.logosAudioCaptcha img {
  display: block;
  padding: 5%;
  cursor:pointer;
}

.logosAudioCaptcha img:hover,
.logosAudioCaptcha img:focus {
    height: 32px;
    width: 32px;
    margin: -1px;
}

.captcha_audio {
  width: 345px;
  height: 35px;
  margin-top: 2%;
}

#recaptcha_response_field_datos {
  margin-top: 2%;
}

#pasos.corto{
  width: 41em;
}

#pasos.corto2 {
  width: 48em;
}


.pasosMovil {
  display: none;
}

.imgCaptcha {
 width: 100%;
}

.cnt-captcha .recaptcha_response_field_datos {
	width: 54%;
    max-width: none;
    float: left;
    margin-left: 20%;
    padding: 2px 1%;
}

.columna1Nivel{
	margin: 0 0 0px;
	float: left;
	width: 100%;
}

.contenedorNivelServicio{
	margin: 0 0 10px;
	float: left;
	width: 100%;
}

#accionesCalendarioNoHueco{
	display: none;
}

.boton-envio-justificante{
	max-height: 32px;
}

input[type="text"].input-email-justificante{
	max-width: 270px;
}

#pestana4Justificante{
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 14px;
	text-align: center;
	padding: 0px 10%;
}

#contenedorLeyendaJustificante{
	margin: 20px 0px;
}

#cntConfirmarJustificante label{
	display: inline-block;
	text-align: right;
	vertical-align: middle;
	width: 135px;
}

#info-franja-disponible .titulo-3 {
    display: block;
	font-weight: unset;
    text-align: left;
    margin-bottom: 8px;
}

.calendarioDia span .titulo-3.titulo-3-ancho {
	width: auto;
    line-height: initial;
}

.displayNone {
	display :none;
}

/* IE9, IE10, IE11 */
@media screen and (min-width:0\0) {
    select,
    select:hover,
    select:focus {
		-webkit-appearance: none;
		-moz-appearance: none;
		background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
		background-repeat: no-repeat;
		background-position: right 10px center;
		padding-right: 25px;
    }

	select::-ms-expand {
	    display: none;
	}
}


/* DISPONIBILIDAD (MAPA) */

.contenedor-principal-mapa .cnt-vista {
	display: none !important;
}


.tablaCitasPrevias .contenedor-principal-mapa {
    float: left;
    padding: 0px;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
	width: 125%;
    margin-left: -10%;
    position: relative;
}

.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda {
    float: left;
    width: 38%;
	border: 1px solid #7d7d7d;
    -webkit-box-shadow: 1px 2px 12px -4px rgb(0 0 0 / 20%);
    -moz-box-shadow: 1px 2px 12px -4px rgba(0, 0, 0, 0.20);
    box-shadow: 1px 2px 12px -4px rgb(0 0 0 / 20%);
    padding: 0px;
    height: 575px;
    margin: 0px -1px;
}

.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda ul {
	margin: 0px;
}

.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda span,
.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda ul li {
	padding: 8px 4%;
    width: 92%;	
}

.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda span span {
	padding: 0px;
	width: auto;
}

.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda .cnt-canales {
    padding-top: 0%;
	border-bottom: 1px solid #7d7d7d;	
}


.tablaCitasPrevias .contenedor-principal-mapa .columna-derecha {
    float: left;
    width: 60%;
    padding: 0px 0px 0px 1%;
}

.tablaCitasPrevias .contenedor-principal-mapa .columna-derecha .map {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 575px;
}

.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda .cntFicha.cntFicha-pestana-2 {
	padding-left: 0px;
}

.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda ul.cntFicha li select {
	width: 100%;
	float: left;
}

.tablaCitasPrevias .contenedor-principal-mapa #cntElegirCentro.cntFicha-pestana-2 label {
	width: 100%;
}

.tablaCitasPrevias .contenedor-principal-mapa .contenedor-oficinas {
    overflow-y: auto;
    height: 322px;
    width: 107%;
    margin-left: -4%;
    text-align: left;
    padding: 0px;
    cursor: pointer;
}

.contenido-mapa-info {
    padding: 8px 4% 8px 5%;
}

.tablaCitasPrevias .contenedor-principal-mapa .contenedor-oficinas .contenido-mapa-info:hover,
.tablaCitasPrevias .contenedor-principal-mapa .contenedor-oficinas .contenido-mapa-info:focus {
	background-color: #f2f8f8;
}

.map .gm-ui-hover-effect {
	top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
}

.map .gm-ui-hover-effect img {
	width: 20px;
    height: 20px;
    margin: 0px;
}

.map .contenido-mapa-info {
	padding: 2px;	
}

.map .contenido-mapa-info h3,
.map .contenido-mapa-info .info-oficina {
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.map .contenido-mapa-info .boton-accion {
	width: 100%;
    margin-top: 8px;
    margin-bottom: 0px;
}

.contenido-mapa-info h3 {
    margin: 0px 0px 5px 0px;
    font-size: 14px;
    color: #0D7578;
    line-height: 20px;
	padding-left: 25px;
}

.contenido-mapa-info h3.oficina-selected {
	color: #2D426B;
}

.contenido-mapa-info .info-oficina {
	padding-left: 25px;
}

.contenido-mapa-info .info-oficina p {
	padding-left: 20px;
    font-size: 12px;
    color: #000000;
    margin: 8px 0px;
}

.contenido-mapa-info .info-oficina i {
	display: inline-block;
    width: 16px;
    background-size: contain;
    height: 16px;
	margin-left: -20px;
    margin-right: 4px;
}

.contenido-mapa-info .info-oficina .info-direccion i {
	background-image: url(../img/icons/i-direccion.png);
}

.contenido-mapa-info .info-oficina .info-telefono i {
	background-image: url(../img/icons/i-telefono.png);
}

.contenido-mapa-info .info-oficina .info-horario i {
	background-image: url(../img/icons/i-horario.png);
}

.contenido-mapa-info .info-oficina .cnt-primer-hueco {
	border: 1px solid #0D7578;
	border-radius: 5px;
	padding: 8px 3%;
}

.contenido-mapa-info .info-oficina .cnt-primer-hueco h4 {
	font-size: 12px;
    color: #0D7578;
    margin: 0px;
    font-weight: normal;
}

.contenido-mapa-info .info-oficina .cnt-primer-hueco p {
    font-size: 12px;
    color: #0D7578;
    font-weight: bold;
	padding: 0px;
    margin: 5px 0px 0px 0px;
}

.contenido-mapa-info .info-oficina .cnt-primer-hueco p.lbl-warning,
#info-franja-disponible .titulo-1 .lbl-warning {
	color: #ff000f;
}

.tablaCitasPrevias .contenedor-principal-mapa .btn-search {
	background-image: url(../img/icons/i-search.png);
    float: left;
    width: 26px;
    height: 26px;
    background-size: contain;
    margin-left: 5px;
    margin-top: 2px;
}

.contenido-mapa-info,
.contenido-mapa-info * {
    outline:none;
}

.cnt_chkOficinas {
	width: 20px;
    height: 20px;
    position: relative;
    float: left;
    margin-right: 5px;
	margin-left: -25px;
}

.tablaCitasPrevias .contenedor-principal-mapa #cntElegirCentro.cntFicha-pestana-2 .cnt_chkOficinas label.lbl_chkOficinas {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 3px;
  border: 1px solid #B7C1B7;
}

.cnt_chkOficinas input[type=checkbox]:checked + label.lbl_chkOficinas {
	background-color: #2D426B
}

.cnt_chkOficinas label.lbl_chkOficinas:after {
	content: '';
	width: 10px;
	height: 4px;
	position: absolute;
	top: 5px;
	left: 4px;
	border: 2px solid #fcfff4;
	border-top: none;
	border-right: none;
	background: transparent;
	opacity: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.cnt_chkOficinas label.lbl_chkOficinas:hover::after {
  opacity: 0.3;
}
.cnt_chkOficinas input[type=checkbox] {
  visibility: hidden;
}
.cnt_chkOficinas input[type=checkbox]:checked + label.lbl_chkOficinas:after {
  opacity: 1;
}

.contenedor-principal-mapa .cnt-ordenacion {
	border: 1px solid #0D7578;
    float: left;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 8px;
}

.contenedor-principal-mapa .cnt-ordenacion .btn-ordenacion {
	float: left;
	width: 50%;
	line-height: 28px;
	text-align: left;
}

.contenedor-principal-mapa .cnt-ordenacion .btn-ordenacion.selected {
	background-color: #0D7578;
	color: #ffffff;
}

.contenedor-principal-mapa .cnt-ordenacion .btn-ordenacion i {
	float: left;
    width: 18px;
    height: 18px;
    margin: 5px 8px;
    background-size: contain;
}

.contenedor-principal-mapa .cnt-ordenacion .btn-ordenacion.btn-ordenacion-disponible i {
	background-image: url(../img/icons/i-disponible.png);
}

.contenedor-principal-mapa .cnt-ordenacion .btn-ordenacion.selected.btn-ordenacion-disponible i {
	background-image: url(../img/icons/i-disponible-white.png);
}

.contenedor-principal-mapa .cnt-ordenacion .btn-ordenacion.btn-ordenacion-cercania i {
    width: 15px;
	background-image: url(../img/icons/i-cercania.png);
}

.contenedor-principal-mapa .cnt-ordenacion .btn-ordenacion.selected.btn-ordenacion-cercania i {
	background-image: url(../img/icons/i-cercania-white.png);
}

.contenedor-principal-mapa .mensajeInfo {
	position: absolute;
    bottom: 24px;
    left: 3px;
    width: 58%;
}

.contenedor-justificante-mapa {
	border: 1px solid #7d7d7d;
    -webkit-box-shadow: 1px 2px 12px -4px rgb(0 0 0 / 20%);
    -moz-box-shadow: 1px 2px 12px -4px rgba(0, 0, 0, 0.20);
    box-shadow: 1px 2px 12px -4px rgb(0 0 0 / 20%);
	padding: 15px 4%;
	display: none;
}

.contenedor-principal-mapa .cnt-vista {
	display: none;
}

.columna1Especial {
    display: flex;
    justify-content: space-between;
    width: 100%;
    float: left;
    margin: 0 0 10px;
}

.select2-codigos-postales {
    text-align: right;
    width: 342px;
}

/* FIN DISPONIBILIDAD (MAPA) */

/* SELECT 2 CORRECCIONES */

.content .select2-container--default .select2-selection--single {
    margin: 0px;
    border-radius: 5px;
    border: 1px solid #7d7d7d;
}


/* FIN SELECT 2 CORRECCIONES */

/* COMBOS CANALES */

.divComboCanales {
    display: flex;
    flex-direction: column;
    padding-right: 9px;
}

/* FIN COMBOS CANALES */