@font-face {
    font-family: 'Roboto';
    src: url('/N045/fonts/roboto-v30-latin-regular.eot');
    src: url('/N045/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'),
         url('/N045/fonts/roboto-v30-latin-regular.woff') format('truetype'),
         url('/N045/fonts/roboto-v30-latin-regular.svg') format('svg');
}
@font-face {
  	font-family: 'RobotoBold';
  	src: url('/N045/fonts/Roboto-Bold.eot');
  	src: url('/N045/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
	  	 url('/N045/fonts/Roboto-Bold.woff') format('truetype'),
      	 url('/N045/fonts/Roboto-Bold.svg') format('svg');
}
/* -----------------------------------*/
/* ------------ GENERAL <<<----------*/
/* ---------------------------------*/
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
html, body {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-wrap: break-word;width: 100%;height: 100%;line-height: 1.2;}
html {font-size:62.5%;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body {font-family: "Roboto", Helvetica, sans-serif;font-weight: 400;font-size: 12.5px;background-color: #fff;color: #171c8f;}
@media (max-width: 740px) {body {font-size: 13.5px;}}
h1, h2, h3, h4, h5, h6 {font-family: "RobotoBold", Roboto, Helvetica, sans-serif;font-weight: 400;letter-spacing: -.5px;}
h2 { font-size: 2em; }
h3 {font-size: 1.5em;margin-bottom: 10px;}
a, a:link, a:visited { text-decoration: none !important; color: #171c8f; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; }
a:hover { text-decoration: underline; color: #485975; }
:focus { outline: none; }
p {line-height: 1.5em;color: #5e5e5e;margin-bottom: 10px;text-align: left;}
p::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection { background: #e97276; color: #fff; }
img {border: none;margin: 0 auto;}
small { margin-top: 10px; padding-bottom: 10px; font-size: 12px; line-height: 1.2em; color: #444a59; display: inline-block;    text-align: left; }
sup, sub {font-size: 12px;}
.mensaje span.icon-ok, .mensaje span.icon-ko, .mensaje span.icon-info_aviso {
	font-size: 18px;
	line-height: 21px;
}
.detalle_error {
	width: 100%;
	padding-left: 22px;
	margin-top: 5px;
	overflow: hidden;
	float: left;
}
.detalle_error .icon-aviso {
	font-size: 40px;
	float: left;
	margin-right: 10px;
}
.detalle_error p.ko {
	font-weight: normal;
}
.mensaje button {
	margin-bottom: 10px;
}

.triangle-up,
.triangle-down,
.triangle-equal {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
}
.triangle-up.big,
.triangle-down.big,
.triangle-equal.big {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 14px solid black;
}
.triangle-up.up,
.triangle-down.up,
.triangle-equal.up {
    border-bottom-color:rgb(23, 28, 143);
}
.triangle-up.down,
.triangle-down.down,
.triangle-equal.down {
    border-bottom-color: #d9534f;
}
.triangle-up.equal,
.triangle-down.equal,
.triangle-equal.equal {
    border-bottom-color: #928b81;
}
.triangle-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #aaabab;
}
.triangle-down {
    transform: rotate(180deg);
}
.triangle-equal {
    transform: rotate(90deg);
}
.ps-scrollbar-x-rail,
.ps-scrollbar-y-rail {
    z-index: 50;
}
@media only screen and (max-width: 740px) {
    .ps-scrollbar-x-rail,
    .ps-scrollbar-y-rail {
        display: none !important;
    }
}
.perfect-scrollbar {
    transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    width: 100vw;
    height: 100vh;
}
.valor_negativo {
	color: #d9534f;
}

.mgtop10{
    margin-top: 10px;
}

.mgtop20{
	margin-top: 20px;
}

.mgtop30 {
	margin-top: 30px;
}
.mgtop50 {
	margin-top: 50px;
}

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

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

@-moz-keyframes parpadeo{
	100% { opacity: 1.0; }
	10% { opacity: 0.0; }
	200% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {
	100% { opacity: 1.0; }
	10% { opacity: 0.0; }
	200% { opacity: 1.0; }
}

@keyframes parpadeo {
	100% { opacity: 1.0; }
	10% { opacity: 0.0; }
	200% { opacity: 1.0; }
}


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

table.tab_det_cuenta {
	width: 500px;
	border-collapse: collapse;
	margin: 0 0 20px 20px;
	color: #555555;
	font-size: 12px;
	text-align: center;
}
table.tab_det_cuenta thead, .tab_det_cuenta tbody {
	border: 1px solid #e0e0e1;
}
table.tab_det_cuenta thead tr {
	background-color: #e0e0e1;
}
table.tab_det_cuenta thead tr th {
	padding: 5px;
}
table.tab_det_cuenta td {
	padding: 8px 5px;
}
table.tab_det_cuenta tfoot {
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	text-align: left;
	font-style: italic;
}
.tcomun.uploadFiles-livebox {
    width: 97%;
    margin: 20px;
}

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

/* -------- LABEL <<<----------*/
label {
    font-weight: 600;
}
label.sin_negrita {
	font-weight: normal !important;
	width: 100%;
}
.label_radio{
	margin: 0 0 15px 0 !important;
	clear: none!important;
}
.login .label_radio{
	margin: 0 0 10px 0 !important;
}
.label_check{
	width: 90%;
	margin: 2px 0 6px 3px;
	clear: none!important;
}
.label_checkUM{
	width: 90%;
	margin: 2px 0 5px 0 !important;
	clear: none!important;
}
form.utilidades label.labelFecha{
	width: auto;
}

form.utilidades label.labelFecha2{
	width: auto;
	margin-left: 40px;
}
form#Cliente div:not(.field_help .checkbox-table){
	position:relative;
}
.uploadFile {
	display: -ms-flexbox;
	-ms-flex-pack: justify;
	-ms-flex-align: center;
	display: -webkit-flex;
	display: flex;
	flex-direction:row;
	align-items: center;
	width: 100%;
}
.uploadFile label{
	width:auto;
}


/* -------- INPUTS <<<----------*/
.input {
    position: relative;
    margin-bottom:20px;
	text-align: left;
}
.login .input{
	margin-bottom:10px;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input::-ms-clear, input::-ms-reveal {
    display: none;
}
select, input[type="text"], input[type="password"], input[type="number"] {
	width: 100%;
	background-color: white;
	border: 1px solid #d4d4d4;
	height: 50px;
	font-size: 15px;
	cursor: inherit;
	padding: 5px 8px;
	color: #616161;
	display: inline-block;
	border-radius: 0;
	text-align:left;
	padding:8px 10px 4px;
	filter: none;
}

input:disabled,
input[readonly],.readonly{
	 background:#efefef;
	 color:#5e5e5e;
	 border-color:#b0b0b0;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	pointer-events: none;
   	cursor: default;
}
input:disabled + label,
input[readonly],.readonly + label{
	 color:#b0b0b0;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	pointer-events: none;
   	cursor: default;
}

input::-webkit-input-placeholder {
    color: #616161;
}
input:focus::-webkit-input-placeholder {
    color: #d0d0d0;
}
input::-moz-placeholder {
    color: #616161;
}
input:focus::-moz-placeholder {
    color: #d0d0d0;
}
input:-ms-input-placeholder {
    color: #616161;
}
input:focus:-ms-input-placeholder {
    color: #d0d0d0;
}

input::-ms-reveal,
input::-ms-clear{
    display: none;
}
select:focus::-ms-value {
      background-color: white;
      color:#616161;
}
.inputImporte{
	padding-right: 36px;
}
.importeMoneda{
	color: #5e5e5e;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    right:14px;
    top: 14px;
}
.inpuTable label {
    display: inline;
}

.chosen-single, .chosen-drop, .chosen-results, .chosen-search-input{
	background: #171c8f !important;
    color: white !important;
}
.chosen-container{
	float: right;
    width: 60%;
}
@media only screen and (max-width: 740px) {
	input[type="button"]:not([class^="icon"]):not(.btnform4), button:not([class^="icon"]):not(.btnform4), .button {
		margin: 0 auto;
		float:none;
	}
	.chosen-container-single .chosen-single{
	    border:0!important
    }

	select, input[type="text"]{
		margin: 10px 5px 0 0!important;
	}
	input[type="password"] {
		margin: 10px 0 0;
	}
	input[type="password"]:first-child {
		margin: 10px 0;
		min-height:40px;
	}
	.importeMoneda{
		top: 16px;
	}
}

input:focus, textarea:focus, select:focus {
	outline: none;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
     background-color: #fff !important;
     -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.fechaInput{
	max-width:108px!important;
    width: auto;
}

.input label{
	margin-bottom:10px;
	display:block;
}
.input.has-error input,
.input.has-error select {
    border: 2px solid #d9534f !important;
}
.input .error {
    margin-top: -45px;
    background-color: #d9534f;
    color: white;
    width: 100%;
    position: absolute;
    height:0;
}

p.error{
	margin-bottom: 5px;
}

.input.has-error .error:after {
    content: " ";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #d9534f;
    left: 20px;
    top: -4px;
    transform: rotate(45deg);

}
.input.has-error .error {
    transition: all .3s ease-out;
    margin-top:0;
    height:auto;
    padding: 12px 22px;
    z-index:2;
}
.input .title {
    display: block;
    font-size: 18px;
    margin-bottom: 8px;
    margin-top: 22px;
}
.input .eye {
    padding: 10px;
    position: absolute;
    right: 10px;
    bottom: -10px;
    transform: translateY(-50%);
    width: 41px;
    cursor:pointer;
}
form.transferencias input {
	cursor: inherit!important;
}
.contPNG input[type="password"]{
	width: 250px;
    text-align: center;
    margin-top: 9px;

}
.contPIN{
	float: left;
}
.contPIN input[type="password"] {
	text-align: center;

}

.contPIN.erroneo .error{
	margin-top: 30px!important;
   /* height: 30px!important;*/
	padding:8px 22px!important
}
.contEleForm {
	position: relative;
	display: inline-block;
	width:416px;
}
.contEleForm + .textoRinput{
	margin-left:15px;
}

.contEleForm.calendar{
	width: 150px;
}
.contEleForm.calendar + label{
	min-width:60px;
	margin-left: 12px;
}
.contEleForm .numerico {
    width: 100px;
    text-align: center;
}
.login .contEleForm .numerico {
    width: 100%;
    text-align: left;
}
@media only screen and (min-width: 320px){
	.contEleForm.calendar + label{
		min-width:88px;
		margin-left:5px;
	}
}
@media only screen and (min-width:768px){
	.contEleForm.calendar + label{
		min-width:60px;
		margin-left: 12px;
	}
	.contEleForm {
		width: 310px;
	}
}
.calendar > input{
	text-align: center;
}
.contEleForm.calendar .inputCalendar{
	width: 136px;
    padding-right: 44px;
}

@media only screen and (min-width: 320px) {
	.contEleForm {
		margin: 5px;
		width: 80%;
	}
}

 @media only screen and (min-width: 740px) {
	.divLstRadios.contEleForm{
		max-width:100%;
		width:auto;
	}
	.contEleForm {
		margin: 10px 0 0;
	}
}
.divHora{
	max-width:415px;
}
@media only screen and (min-width: 320px) {
	.divHora>input{
	    width: 32%;
	    text-align: center;
	    margin-top: 10px;
	}
}
@media only screen and (min-width: 768px) {
	.divHora>input{
		width:32.774%;
		text-align:center;
		margin-top:0;
	}
}
.divHora .contEleForm{
	width: calc((100% - 188px) /3)!important;

}
.divHora .contEleForm>input{
	text-align:center;
}
@media only screen and (min-width: 320px) {
	.divHora .contEleForm{
		width: calc((100% - 134px) /3)!important;
	}
}

@media only screen and (min-width: 740px) {
	.divHora .contEleForm{
		width: calc((100% - 188px) /3)!important;
	}
}

.login .contEleForm {
	width:100%;
	max-width:none;
	margin: 0;
	position: relative;
}
.contEleForm .infoForm{
	position: absolute;
	top: -40px;
	right: -1px;
	z-index: 10;
}
.contEleForm .infoForm i{
	font-size: 25px!important;
	font-weight: 900;
	color: #171c8f;
	display: block!important;
	margin: 0;
}
.contEleForm .infoForm i:before{
	margin:0;

}
.contEleForm .infoForm .field_help{
	right: 0;
	padding: 10px;
	background: rgba(255,255,255,1);
	width:400px;
	border: 2px solid #171c8f;
	border-radius: 10px;
}
.contEleForm .infoForm .field_help img{
	width:100%;
}

.contEleForm.erroneo input, .contEleForm.erroneo select{
	background-color: #fff !important;
	color: #e97276 !important;
	outline: none;
	border: 2px solid #B32D29 !important;
}

.contEleForm .error {
    background-color: #d9534f;
    color: white;
    width: 100%;
    position: absolute;
    padding: 0 22px;
    height:0;
}

.contEleForm.erroneo .error:after {
    content:"";
    position: absolute;
    display: block;
    top: -4px;
    left: 20px;
    width: 8px;
    height: 8px;
    background-color: #d9534f;
    transform: rotate(45deg);
}
.contEleForm.erroneo .error {
    z-index:2;
    width: 100%;
    height:auto;
    padding: 5px 5px;
    top: 54px;
    transition: all .3s ease-out;
}
.login .contEleForm.erroneo .error {
    margin-top: 54px;
    top:0;
}
.contEleForm + button:not(.btnform4){
	margin:50px 0 25px;
}

.divIbanCell input {
    display:inline-block;
    width: 56.1px;
    clear: none;
    padding: 5px 5px;
    text-align: center;
    text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
	.divIbanCell input {
		width: inherit;
	}
}

.divCCCCell input {
    /*display: table-row-group;*/
    clear: none;
    text-align: center;
}
.divCCCCell input.inpEn, .divCCCCell input.inpOf{
    width:80px;
}
.divCCCCell input.inpDc {
    width: 60px;
}
.divCCCCell input.inpNc {
    width: 140px;
}
.divIbanCell input:last-of-type, div.divCCCCell input:last-of-type{
	margin-right:0!important;
}
@media only screen and (min-width: 320px) {
	.divIbanCell, div.divCCCCell{
	   margin:10px 0 10px 0px;
	   width:100%;
	   display:flex;
	   justify-content: space-between;
	}
	.divCCCCell input {
    	margin-right: 0px!important;
    	width:inherit;
	}
	.divCCCCell input.inpEn, .divCCCCell input.inpOf{
    	width:50px;
	}
	.divCCCCell input.inpDc {
	    width: 40px;
	}
	.divCCCCell input.inpNc {
	    width: 110px;
	}
}
@media only screen and (min-width: 375px) {

	.divCCCCell input.inpEn, .divCCCCell input.inpOf{
    	width:64px;
	}
	.divCCCCell input.inpDc {
	    width: 50px;
	}
	.divCCCCell input.inpNc {
	    width: 114px;
	}
}

@media only screen and (min-width: 568px) {

	.divIbanCell input {
    	margin-right: 4px!important;
    	width: 50px;
	}
	.divCCCCell input {
    	margin-right: 5px!important;
	}
	.divCCCCell input.inpEn, .divCCCCell input.inpOf{
    width:80px;
	}
	.divCCCCell input.inpDc {
	    width: 60px;
	}
	.divCCCCell input.inpNc {
	    width: 168px;
	}

}
@media only screen and (min-width: 740px) {
	.divIbanCell, div.divCCCCell{
	   margin:10px 0 10px 0;
	   width:415px!important;
	   display:inline-block;
	}
	.divIbanCell input {
    	width:15%;
    }
}

/* ------ RADIOS & CHECKBOX <<<-------*/

input[type="radio"]:not(:checked),
input[type="radio"]:checked {
    position: absolute;
    left: -9999px;
}
input[type="radio"]:not(:checked) + label,
input[type="radio"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor:default;
}
input[type="radio"]:not(:checked) + label:before,
input[type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top:-1px;
    width: 15px;
    height: 15px;
    border: 1px solid rgb(65,182,230);
    border-radius: 50%;
    background-color: transparent;
}
input[type="radio"]:not(:checked) + label:after,
input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    top:2px;
    left: 3px;
    border-radius: 50%;
    background-color: rgb(65,182,230);
    transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
}
input[type="radio"]:checked + label:after {
    opacity: 1;
}
input[type="radio"]:disabled:not(:checked) + label:before,
input[type="radio"]:disabled:not(:checked) + label:after,
input[type="radio"]:disabled:checked + label:before,
input[type="radio"]:disabled:checked + label:after {
    opacity: 0.4;
	pointer-events: none;
   	cursor: default;
    background-color: transparent;
    border-color: #4c5356;
}
.checkbox {
    margin: 0% 3% 1% 0.5%;
    display: table;
    width: 100%;
}
.contEleForm.checkbox-table {
    width: auto;
}
.checkbox input[type="checkbox"] {
    opacity: 0;
}
.checkbox input[type="checkbox"]:not(:checked) + label:after,
.checkbox input[type="checkbox"]:not(:checked) + label:before {
    opacity: 0;
    transform: scale(0);
}
.checkbox input[type="checkbox"]:checked + label {
    border: 2px solid #d4d4d4 !important;
}
.checkbox input[type="checkbox"]:checked + label:after,
.checkbox input[type="checkbox"]:checked + label:before {
    opacity: 1;
    transform: scale(1);
}
.checkbox input[type="checkbox"]:not(:checked),
.checkbox input[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
.checkbox input[type="checkbox"]:not(:checked) + label,
.checkbox input[type="checkbox"]:checked + label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 22px;
    height: 22px;
    border: 1px solid #d4d4d4;
    vertical-align: middle;
    margin-right:10px!important;
}
.checkbox input[type="checkbox"]:not(:checked) + label:before,
.checkbox input[type="checkbox"]:checked + label:before {
    content: '';
    display: block;
    position: absolute;
    left: 7px;
    bottom: 2px;
    width: 14px;
    height: 3px;
    transform-origin: 0 50%;
    transform: rotate(-50deg);
    background-color: rgb(65,182,230);
    transition: 100ms;
}
.checkbox input[type="checkbox"]:not(:checked) + label:after,
.checkbox input[type="checkbox"]:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    background-color: rgb(65,182,230);
    left: 2px;
    bottom: 2px;
    width: 7px;
    height: 3px;
    transform-origin: 100% 50%;
    transform: rotate(45deg);
    transition: 100ms;
}

.checkbox.title {
    height:50px;
    border:1px solid #d4d4d4;
    margin-bottom:15px;
    padding:10px 8px 8px;
}

@media only screen and (min-width: 320px) {
	.checkbox.title {
		width:100%;
	}
}
@media only screen and (min-width:740px) {
	.checkbox.title {
		 max-width:527px;
	}
}
@media only screen and (min-width: 998px) {
	.checkbox.title {
		 max-width:665px;
	}
}

@media only screen and (min-width:1200px) {
	.checkbox.title{
	  max-width: 764px;
	}

}

.divRadios{
	clear: both;
	display: table;
	padding-top: 10px;
}
.infoForm{
	display:inline-block;
	margin-top: 10px;
	height: 20px;
}


@media only screen and (min-width: 320px) {
	.divLstRadios {
	    clear:none;
	    margin:0;
	    display: table-cell;
	}
	.divLstRadios.contEleForm{
		margin-top:15px;
		display: inherit;
		margin-left: 10px;
	}
	.field_help {
   		position: absolute;
   		max-width: 308px;
   		right: auto;
   		top: 25px;
   		left: -199px;
   		width: 308px;
   		z-index: 10;
   }
   .textarea-container .field_help {
   	    left: -280px;
   }
   .field_help.imagen{
		left: auto;
   }
	.field_help p {
		background-color: white;
		z-index: 2;
		border: 1px solid #cacaca;
		border-radius: 5px;
		padding: 10px;
		font-size: 12px;
	}
	.icon-info.tip {
	    font-size: 18px;
	    font-weight: bold;
	    border: 0;
	    background-color: transparent;
	    color: rgb(23, 28, 143);
	    width: auto;
	    height: auto;
	}
	/*.section-margin {
	    margin-left: 25px;
	}*/
}
@media only screen and (min-width: 768px) {
	.divLstRadios {
	    clear: both;
	    margin:15px 0px 0;
	    display:block;
	    margin: 0 12px;
	}
	.divLstRadios.contEleForm{
		margin: 15px;
		display: inline-table;
	}
	.field_help, .textarea-container .field_help {
		left: 0;

  }
	.field_help p {
		position: absolute;
		width: 100%;
		left:auto;
	}
	.section-margin {
		margin-left: 50px;
	}

}


.login .divLstRadios {
    clear: both;
    margin:0;
}


.divRadio {
	display: inline-block;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-right: 20px;
}
.divRadio input {
    margin-right: 5px !important;
}
.grupo{
	padding-left:8px;
}
/*----------*/
/* -------- MENSAJE MOVIL <<<----------*/
#cuadro-vaica {
	display: none;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	background-color: rgba(23, 28, 143, 0.9);
	text-align: center;
	position: fixed;
	bottom:0px;
	left:0px;
	right:0px;
	z-index: 100;
	padding: 10px 20px 10px 20px;
	border-radius: 30px 30px 0px 0px;
	border: none;
}
#boton-cerrar-vaica {
	min-width: 40px;
	min-height:40px;
	width: 40px;
	height: 40px;
	border: none;
	border-radius: 25px;
	background-color: rgb(255 101 101 / 0%);
	color: white;
	font-size: 2em;
	position: absolute;
	top: 10px;
	right: 10px;
	font-style: normal;
}
#boton-abrir-vaica {
	width: 200px;
	height: 40px;
	border: 2px solid white;
	margin: 0px 0px 10px 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	border-radius: 25px;
	color: #a9731f;
	background-color: rgb(0 0 0 / 0%);
	font-size: 1em;
	font-style: normal;
}
#boton-abrir-vaica:hover {
	background-color: rgb(61 64 148);
}
#texto-vaica{
	color:white;
}
/*----------*/
.search-input {
    width: 100%;
    position: relative;
    background-color: red;
}
.search-input:after {
    display: block;
    content: ' ';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color:rgb(23, 28, 143);
    bottom: 0;
}
.search-input .search {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.search-input input {
    border: none;
    width: 100%;
    height: 40px;
    font-size: 21px;
    padding-left: 30px;
    color:rgb(23, 28, 143);
}
.search-input .close {
    right: 0;
    opacity: 1;
}
.search-input .close:hover:after,
.search-input .close:hover:before {
    background-color: #5d5850;
}
.search-input .close:after,
.search-input .close:before {
    background-color: #928b81;
}

/* -------- SELECT <<<----------*/

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	z-index: 2;
}
select::-ms-expand {
    display: none;
}
option {
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
option:disabled {
    color: #cacaca;
}
.selectCont {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.simulaSelect:after {
	content: "\67";
	display: inline-block;
	top: 10px;
	right: 2px;
	font-family: 'ontinyent-tipo' !important;
	position: absolute;
	font-size: 16px;
	cursor: pointer;
	pointer-events: none;
	background-color: white;
	color: #d4d4d4;
	padding: 8px 8px 8px 5px;
}


@media only screen and (min-width: 320px) {
	.selectCont, .contEleForm, header .selectCont, .contEleForm {
		width: calc(100% - 10px);
	}
	.contEleForm.fileUpload {
		width: calc(75% - 10px);
	}
	.fileUpload input[type="text"] {
		width: 65%;
		margin: 0!important;
	}
	header .simulaSelect select {
		display: inline-block;
		width: 100%;
		height: auto;
		padding: 8px 30px 8px 8px;
		font-size: 12px;
		text-align: left;
		color: #171c8f;
		background-color: transparent;
		border-radius: 0;
		border: 1px solid #171c8f;
		cursor: inherit;
	}
	header .simulaSelect:after {
		content: "\67";
		display: inline-block;
		right: 0;
		font-family: 'ontinyent-tipo' !important;
		position: absolute;
		font-size: 14px;
		cursor: pointer;
		pointer-events: none;
		background-color: transparent;
		color: #fff;
		padding: 5px 10px;
		border: 0;
	}
	header .selectCont.simulaSelect.contEleForm {
		top: -20px;
	}
}
@media only screen and (max-width: 740px) {
	.simulaSelect:after {
		top: 4px;
	}
}

@media only screen and (min-width: 740px) {
	.selectCont, .contEleForm, header .selectCont, .contEleForm {
		width: calc(100%);
	}
	header .simulaSelect select {
		float: right;
		width: 60%;
		border: 1px solid #d4d4d4;
		color: white;
		background-color: #171c8f;
	}
	header .simulaSelect:after {
		right: 0;
		top: 0;
		position: absolute;
		font-size: 14px;
		color: white;
		padding: 8px 10px;
	}
	.selectCont.simulaSelect.contEleForm {
		top: 0;
	}
}

@media only screen and (min-width: 998px) {
	.selectCont, .contEleForm {
		width:415px;
	}
	.nocomun td .contEleForm  {
		width:auto;
	}
}
.selectCont.peq {
	width:78px;
}
.selectCont.peq select{
	padding-left:8px;
}

.contenedor-firma input[type=password]{
	text-align:center;
	margin-left: 5px;
}

.contenedor-firma input[type=password]:first-child{
	margin-left:0;
}

.cont_firma .form-group{
	margin-top:15px;
}

@media only screen and (min-width : 320px) {
	.contenedor-firma{
		display:inline-flex;
		justify-content: space-between;
		display:inline-block\9;
		flex-direction: row;
	}
	.contenedor-firma label{
		text-align:center;
		margin-left:5px;
		max-width:41px\9;
		display:inline-block\9;


	}
	.contenedor-firma label:first-child{
		margin-left:0;
	}
	.cont_firma input{
		text-align:center;
		padding:2px;
		display:block\9;

	}
}
#cont_compra .contEleForm{
	width:100%!important;
}
#cont_compra .contEleForm input{
	max-width: 15%;
}

#cont_compra .contenedor-firma input[type=password]{
	max-width: 15%;
}

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

input[type="button"],button,.button,.btn {
	text-align: center;
	border: none;
	width: 100%;
	cursor: pointer;
	height: 50px;
	text-decoration: none;
	transition: 0.2s linear;
	font-size: 15px;
	font-style: italic;
	font-weight: 600;
	display: inline-block;
	padding-top: 5px;
}
input[type="button"]:focus,button:focus{
	outline: none;
}

input[type="button"],button,.button {
    color:#fff;
    border: 2px solid rgb(23, 28, 143);
    background-color:rgb(23, 28, 143);
}
input[type="button"]:hover,button:hover,.button:hover {
    background-color: transparent;
    color:rgb(23, 28, 143);
    text-decoration: none;
    border:2px solid rgb(23, 28, 143)
}

.button.secundario {
    color:rgb(23, 28, 143);
    border: 2px solid rgb(23, 28, 143);
    background-color: rgba(255, 255, 255, 0.15);
    float:none!important;
    line-height:3;
    min-width: 150px;
    padding-left:30px!important;
    position:relative;
}
.button.secundario i {
	 position:absolute;
	 left:4px;
	 font-size:20px;
	 top:-10px;
}
.button.secundario:hover {
    background-color:rgb(23, 28, 143) !important;
    color: white;
    text-decoration: none;
}

input[type="submit"]:focus{
	border: 0;
	box-shadow: none;
}


a.btn:link, a.btn:visited {
	color: #fff;
	font-size: 12px;
	background-color:rgb(23, 28, 143);
	padding: 1.3% 5%;
	margin-top: 1%;
}
a.btn:hover {
	background-color: #485975;
	text-decoration: none;
}
input[type="button"]:not([class^="icon"]):not(.btnform4), button:not([class^="icon"]):not(.btnform4), .button {min-width: 150px;}
input[type="button"] + input[type="button"], .button + .button, button + button{
	 margin-left:20px;
}
input[type="button"].btnform4, button.btnform4 {
	color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
	transition: 0.2s linear;
	display: inline-block;
	margin-left:5px;
	max-width:108px;
}
input[type="button"].btnform4:hover, button.btnform4:hover {
	color:rgb(23, 28, 143);
}
@media only screen and (min-width: 320px) {
	:not(.contLB) input[type="button"]:not([class^="icon"]):not(.btnform4),:not(.contLB) button:not([class^="icon"]):not(.btnform4), :not(.contLB) .button {
		width: 100%;
		margin-bottom: 10px;
		margin-left: 0px;
	}
	body:not(.login) input[type="button"]:not([class^="icon"]):not(.btnform4),body:not(.login) button:not([class^="icon"]):not(.btnform4),body:not(.login) .button,body:not(.login) button:not(.btnform4) {
		margin: 0 0 0 10px;
		float: right;
	}

	input[type="button"].btnform4, button.btnform4 {
		margin-left:0;
		max-width:none;
	}
	.pre_posglobal .btn_input {
		display: inline-table;
	}
	.text-center {
		text-align: center!important;
	}
	#blqBotones{
		margin-top:0;
	}
	.c-icon-nav{
		margin: 25px 0;
		padding: 0;
		list-style: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: space-between;
		display: block\9;
		width:100%;
		text-align:center;
		min-height: calc(100vh - 100px);
	}

	.c-icon-nav>form{
		width: auto;
		margin: 0 auto;
		min-width: 275px;
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		clear: none;
		min-width: 25%\9;
		display:inline-block\9;
	}

	.c-icon-nav form .form-group{
		display: inline-block;
   		width: 100%;
    	clear: both;
	    margin: 25px 0 0;
	}

	.c-icon-nav .form-group button{
		height: auto;
		color: rgb(23, 28, 143);
		box-shadow:none;
		border: none;
		background: none;
		float:none!important;
		margin-left:0!important;
		font-size:14px;
	}
	.c-icon-nav .form-group button:before{
		font-size: 3rem;
		width: 100px;
		height: 100px;
		line-height: 100px;
		border-radius: 50%;
		border: 2px solid rgb(23, 28, 143);
		color: rgb(23, 28, 143);
		font-family: 'ontinyent-tipo';
		content: "\44";
		font-weight:400;
		position:relative;
		display:block;
		margin: 0 auto 20px;
		box-shadow:none;
		font-style: initial;
	}
}

@media only screen and (min-width: 568px) {
	/*.form-group {
		margin: 10% 15%;
	}*/
}


@media only screen and (min-width: 740px) {
	.c-icon-nav,.c-icon-nav form .form-group{
		margin:40px 0;
	}
	body:not(.login) input[type="button"]:not([class^="icon"]):not(.btnform4), body:not(.login) button:not([class^="icon"]):not(.btnform4), body:not(.login) .button, body:not(.login) button:not(.btnform4) {
    	width: auto;
	}
	input[type="button"].btnform4, button.btnform4 {
		margin-left:0;
		max-width:115px;
	}
}

.botContinuar {
	margin: 15px 5px;
	max-width: 265px;
	float: right;
}
@media only screen and (min-width: 320px) {
	.botContinuar {
		float: none;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 740px) {
	.botContinuar {
		float: right;
	}
}

.textoRinput{
    margin: 7px 15px 5px 5px;
    text-align: left;
    color: rgb(23, 28, 143);
    font-weight: bold;
    display: inline-block;
    word-break: break-word;
    line-height: 1.5;
}
.subseccion .textoRinput{
	margin-left:0;
	padding-left: 8px;
}
.login .textoRinput{
	width:100%;
}
.textoRinput:before{
	font-size:18px
}
@media only screen and (min-width: 320px) {
	.textoRinput{
	   min-width:88px;
	   width: 100%;
	}
	#listaTiposAvisos{
	  left: 0px;
	}
}
@media only screen and (min-width: 740px) {
	.textoRinput{
	  min-width: 171px;
	  width:auto;
	}
	.lg .textoRinput{
		width: 560px;
	}
	#listaTiposAvisos{
	  left: 0px;
	}
}
@media only screen and (min-width: 998px) {
	.textoRinput{
	  min-width:275px;

	}
	.lg .textoRinput{
		width:654px;
	}
	.contEleForm.erroneo .error.errorTextarea {
	    margin: 0;
	}
	#listaTiposAvisos{
	  left: 294px;
	}
}
@media only screen and (min-width:1200px) {
	.textoRinput{
	  min-width:320px;
	}
	.contEleForm textarea {
		margin: 0px 25px;
	}
	.contEleForm.erroneo .error.errorTextarea {
	    margin: 0 7%;
	}
	#listaTiposAvisos{
	  left: 338px;
	}
}
textarea{
	resize: none;
}

/*contenedor textarea*/
.section-margin .textarea-container {
    margin-bottom: 10px;
}
.textarea-container label {
	float: left;
    min-width: 280px;
	margin: 30px 32px 0 6px;
}

.textarea-container textarea {
    width: 100%;
    padding: 2%;
    resize: none;
    border: 1px solid #d4d4d4;
    color: #5e5e5e;
}

.linBotones {
    overflow: hidden;
    margin:20px auto;
    padding: 0 0 15px 5px;
    clear: both;
    width:100%;
    text-align:center;
    float:left;
}
.linBotones:first-child{
	padding-left:0;
}
#cont_compra .linBotones{
	padding-left:0;
}
#cont_compra .linBotones button:first-child{
	float:left;
	margin: 0;
}
.login .linBotones{
	margin: 8px 0 0;
	clear:none;
}

@media only screen and (max-width:540px) {
	.linBotones {
	    padding-left:0!important;
	    width:98%;
	    float:none;
	}
}
.divContTable{float:left;width:100%;}
.linBotones + .divContTable{
	margin-top:20px;
}

form.utilidades button.icon-calendar{
	margin-top: 2px !important;
}
form.utilidades button.icon-calendar:hover{
	    background: url(../img/ico_calendar.png) no-repeat!important;
	    border:0;
}
/*******************
  INPUT FILE
********************/


input[type="file"]{position:absolute;cursor:pointer;top:0;left:0;margin:0;padding:0;opacity:0;color:#444;filter:alpha(opacity=0);z-index: 100;}
input[type="file"]::-webkit-file-upload-button,input[type=file]:after{ cursor:pointer; }
.upload{width: 100%;height: 100%;}

.fileUpload input[type="text"]{
	width: 63.85%;
}
.fileUpload2 {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0;
}
.fileUpload .button{
	display:table;
	text-align:center;
	margin:0!important;
}
.fileUpload .button span{
	display:table-cell;
	vertical-align:middle;
}

.fileUpload .button span:before{
    display: inline-block;
    vertical-align: bottom;
    font-size: 18px;
    margin:0 5px 0 -5px;
}
.fileUpload2 .button span:before{
    display: inline-block;
    vertical-align: bottom;
    font-size: 18px;
    margin:0 5px 0 -5px;
}

@media only screen and (min-width: 320px) {

	.fileUpload input[type="text"] {
	    width: 70%;
	    margin:0!important;
	}
	.fileUpload  .button{
		margin-top:0;
	}

	.fileUpload2 {
		display: inline-block;
		vertical-align: middle;
		margin: 5px 0;
	}

	.fileUpload .button{
	    text-indent: -99999px;
	    width:50px!important;
	    min-width:50px;
	    padding:0 9.5px!important;
	}
	 .fileUpload2 .button{
	    text-indent: -99999px;
	    width: 50px!important;
	    min-width: 50px !important;
	    padding:0 9.5px!important;
	 }

	.fileUpload  .button span:before{
	    float:left;
	    text-indent:0;
	    margin:0 5px;
	}
   .fileUpload2  .button span:before{
	    float:left;
	    text-indent:0;
	    margin:0 5px;
	}
	.contEleForm.erroneo .error.errorDatePicker {
		margin-top: 5px;
	}
	.newDate .contEleForm.erroneo .error.errorDatePicker {
		margin-top: 64px;
	}
	.contEleForm.erroneo .error.errorUploadFile, .fileUpload .mensaje.ok, .uploadFile2 .mensaje.ok   {
		width: 70%!important;
		margin-top: 5px;
	}
}

@media only screen and (min-width:748px) {

	.fileUpload input[type="text"] {
		width: 80%;
		margin: 0!important;
	}
}


@media only screen and (min-width:768px) {
	.fileUpload input[type="text"]{
		width: 70%;
	}

	.fileUpload  .button{
	    text-indent:0;
		margin-left:0;
		min-width: 150px !important;
	}
	.fileUpload2  .button{
	    text-indent:0;
	    margin-left:0;
	    min-width: 150px !important;
	}
	.fileUpload  .button span:before, .fileUpload2  .button span:before{
	    float:none;
	    text-indent:0;
	    margin:0 5px 0 -5px;
	}
	.contEleForm.erroneo .error.errorDatePicker {
		margin-top: 5px;
	}
	.newDate .contEleForm.erroneo .error.errorDatePicker {
		margin-top: 53px;
	}
}


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

table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	color: #5e5e5e;
	font-weight: normal;
	margin-bottom:15px;
}
table td {
	padding:16px 7px 12px;
	border-bottom: 1px solid #ccc;
	font-size: 13.5px;
	word-break: break-word;
}
table td[data-title="Saldo"]{
	white-space: nowrap;
}
a.iconVerDetalle {
    text-align: center;
}
a.iconFraccionar {
    text-align: center;
}
@media only screen and (max-width: 768px) {
	table td {
		font-size: 12.5px;
	}
}

table td .input{
	margin-bottom:0;
	top: -20px;
}

table>tfoot>tr {
	background-color: #a9a8a8;
	height: 28px;
	min-height: 28px;
}
.fila_titular {
	background-color:rgb(23, 28, 143);
	color: #fff;
	font-weight: 300;
	font-size: 16px;
	width: 100%;
	height:44px;
	display: table;
	margin-bottom: 15px;
}
.fila_titular span {
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
}
.utilidades .fila_titular {
	margin-bottom: 20px;
}
tbody>tr:nth-child(odd) {
	background: #f8f8f8;
}
tr.fila_total {
	background-color: #a9a8a8;
	color: #fff;
	font-size: 13px;
}
tr.fila_total td {
	padding: 2px 10px;
}
tr.fila_subtitular {
	color: rgb(255,130,0);
}
tr.fila_subtitular th {
	border-bottom: 1px solid rgb(255,130,0);
	padding:10px;
	text-align: left;
}
tr.fila_subtitular th.center {
	text-align: center;
}
tr.fila_subtitular th.right {
	text-align: right;
}
td.center {
	text-align: center;
}
.td_w45 {
	width: 45%;
}
.td_w35 {
	width: 30%;
}
.td_w30 {
	width: 30%;
}
.td_w25 {
	width: 25%;
}
.td_w20 {
	width: 20%;
}
.td_w18 {
	width: 18%;
}
.td_w16 {
	width: 16%;
}
.td_w15 {
	width: 15%;
}
.td_w12 {
	width: 12%;
}
.td_w10 {
	width: 10%;
}
.td_w8 {
	width: 8%;
}
.td_w6 {
	width:6%;
}
.td_w5 {
	width:5%;
}
.td_w4 {
	width:4%;
}
.td_w2 {
	width:2%;
}
table th span.sortable {
    background-image: url('../img/sort_both.png');
    background-repeat: no-repeat;
    background-position: center;
    padding-right: 10px!important;
    cursor: pointer;
    margin-left: -8px;
}
table th.desc span.sortable {
    background-image: url('../img/sort_asc.png');
    background-repeat: no-repeat;
    background-position: center;
}
table th.asc span.sortable {
    background-image: url('../img/sort_desc.png');
    background-repeat: no-repeat;
    background-position: center;
}
.PGnomEmpresa{
	margin-bottom: 0;
    padding: 20px 0 0 10px;
    font-weight: bold;
    color:rgb(255,130,0);
    border-radius:10px;
}

.infoTabla{
	font-size: 13px !important;
	color:rgb(23, 28, 143);
	margin-bottom: 0;
}

.infoTabla .icon-ver_doc{
	font-size: 13px !important;
	vertical-align: baseline;
	font-weight: bold;
}

/* -----------------------------------*/
/* ------------- CAPTCHA <<<----------*/
/* ---------------------------------*/
.g-recaptcha {
    width: 100%;
    margin: 15px auto 0;
    display: inline-block;
}
.g-recaptcha div,#recaptcha_area, #recaptcha_table{
	margin: 0 auto;
}

#msgErro_recaptcha_response_field{
	text-align:center;
}
.recaptcha_r7_c1, .recaptcha_r8_c1{
	background-position: -43px -50px !important;
}
/* -------------------------------------- contenedores-------------------------------------------*/

.main, .footer, .header, .address {
	width: 100%;
	position: relative;
	overflow-x: hidden;
}
.header{
	min-height: 135px;
	 padding-top: 35px;
	overflow-x: visible;
}
.container{
	display:inline-block;
	width:100%;
	clear:both;
}

.contCaptchaInput{
	width: 100%;
}

#opPdtFrm,
#fichPdtVer,
#mensNoLeidos,
#mensNoLeidosAlta {
    padding: 6px 10px 4px 5px;
    color: #fff;
    background-color:rgb(255,130,0);
    margin: -9px 12px 9px 0;
    border-radius:4px;
}

#mensNoLeidosAlta {
	z-index: 9999;
}

#mensNoLeidosAltaDiv {
	background-color: rgba(255, 255, 255, 0.5);
    height: 100%;
    width: 100%;
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    z-index: 999;
    text-align: center;
    overflow: hidden;
    display: table;
}

/* -----------------------------------*/
/* -------- IDIOMAS <<<----------*/
/* ---------------------------------*/
.head-nav{
    text-align: right;
    list-style: none;
    position:absolute;
    top: 15px;
    right:40px;
}
@media only screen and (max-width: 767px) {
	.head-nav{top:18px;right:10px}

}

.head-nav_item {
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding: 0 15px;
    border: 1px solid #fff;
    width: 83px;
}
.head-nav_link {
    line-height: 38px;
    display: block;
    text-decoration: none;
    height: 35px;
    font-weight: 600;
    color: #fff!important;
    font-size: 11px;
    text-align: left;
}
.head-nav_link:hover + .head-nav_dropdown {

}
.head-nav_link-icon {
    position: absolute;
    color:#fff;
    right: 5px;
}
.head-nav_dropdown {
    transition-duration: 350ms;
    transition-property: all;
    transition-timing-function: ease;
    max-height: 0;
    width:120px;
    position: absolute;
    top: 70%;
    right: -20px;
    overflow: hidden;
    z-index: 5;
}
@media only screen and (max-width: 767px) {
	.head-nav_dropdown {
	    width: 102px;
	    right: 0;
	}
}

.head-nav_dropdown.is-open {
    max-height: 5000px;
    border: 1px solid #fff;
}
.head-nav_dropdown-content {
    transition-duration: 350ms;
    transition-property: all;
    transition-timing-function: ease;
    margin: 0;
    padding: 0 6px;
    background-color:#171c8f;
    text-align: left;
    list-style: none;
    transform: translateY(-100%);
}
.head-nav_dropdown.is-open .head-nav_dropdown-content {
    transform: translateY(0)
}

.head-nav_dropdown-list-item {
    display: block;
    border-top: 1px solid #006384;
}
.head-nav_dropdown-list-item:first-child{
	 border:none;
}
.head-nav_dropdown-list-link {
	font-weight: 600;
    color: #fff!important;
    font-size: 11px;
    line-height: 1.6;
    display: block;
    padding-top: 10.5px;
    padding-bottom: 10.5px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    text-transform: none;
}
.head-nav_dropdown-list-item .active {
    background-color: rgba(0, 99, 132, 0.5);
    color: #fff;
}
.icon-flag:before{
	content:'';
	position:relative;
	width:25px;
	height:17px;
}
.es.icon-flag:before{
	background:url('../img/flag-es.png') no-repeat 0 0;
}
.en.icon-flag:before{
	background:url('../img/flag-uk.png') no-repeat 0 0;
}
.va.icon-flag:before{
	background:url('../img/flag-va.png') no-repeat 0 0;
}

/* -----------------------------------*/
/* ---------- HEADER LOGIN <<<-------*/
/* ---------------------------------*/

.header img {
	float: left;
	margin: 0px 0 0px 15px;
}
.header div#logoPrincipal {
	float: left;
	height:100px;
	width:250px;
	margin:8px 0 0 18px;
}
@media only screen and (max-width:768px) {
	.header div#logoPrincipal {
		height:80px;
		margin:0 0 0 18px;
	}
}


.header div#logoPrincipal a{
	display:block;
	background: rgb(23, 28, 143) url('../img/logo_ontinyent.svg') no-repeat 0 50%;
	background-size:contain;
	width:250px;
    height:80px;
}
@media only screen and (min-width: 320px) {
	.header {
		background-color:rgb(23, 28, 143);
	}
	.page .login-header .info .text {
		text-indent: 0;
		line-height: 1.5;
		margin-top: -3%;
	}
	.login .icon-phone:before, .login .icon-e, .login .icon-email:before {
		text-indent: 0;
		float: left;
	}
}
@media only screen and (max-width: 768px) {
	.page .login-header .info .text {
		text-indent: -9999px;
	}
	.header div#logoPrincipal a{
		width:235px;
	}
}
@media only screen and (min-width: 768px) {
	.header div#logoPrincipal,.header div#logoPrincipal a{
		width:250px;
		background-color: transparent;
		background-size:contain;
		margin:8px 0 0 18px;
	}
}
@media only screen and (max-width: 1024px) {
	.header{
		height:auto;
	}
}

.header div#infoUsuario {
	float: right;
	margin: 5px 30px 0 0;
}
.header div p {
	font-size: 11px;
	text-align: right;
	line-height: 14px;
	margin-bottom: 0;
	margin-left: 5px;
}
.header div p+p+p {
	font-weight: normal;
	margin-bottom: 5px;
}
@media only screen and (min-width: 320px) {
	.header div p {
		text-align: left;
		color:rgb(23, 28, 143);
		margin:5px 0 0 5px

	}
}
@media only screen and (min-width:740px) {
	.header div p {
		text-align: right;
		color:#fff;
		margin:0 5px 0 0
	}
}
.header div a.icon-encender {
	float: right;
	font-weight: bold;
	margin-top: 10px;
	color: rgb(255,130,0);
	line-height: .9;
	padding-bottom:15px;
}
.header div a:before {
	line-height: .7;
}

 @media only screen and (min-width: 320px) {
	.header div a.icon-encender {
		position: absolute;
		right: 15px;
		margin-top:0;
		top: 28px;
		text-indent: -9999px;
	}
	.header div a.icon-encender:before {
	 	font-size:25px;
	 	font-weight: 600;
	 	line-height: .6;
	}
	.header div a:before {
	    float: left;
	    font-size: 16px;
	    text-indent: 0;
	}
}
@media only screen and (min-width: 740px) {
	.header div a.icon-encender {
		position:relative;
		top:auto;
		right:auto;
		margin-top: 10px;
		text-indent: 0;
	}
	.header div a.icon-encender:before {
	 	font-size: 14px;
	}
	.header div a:before {
		font-size: 19px;
		position: relative;
		text-indent: 0;
	}
	.info-cab {
	    display: -ms-flexbox;
	    display: flex;
	    text-align: right;
	    -webkit-box-pack: flex-end;
	    -ms-flex-pack: flex-end;
	    justify-content: flex-end;

	}
	#divSelect_SELECCIONARCONTRATO + .info-cab, #divSelect_SELECCIONARCONTRATO + form + .info-cab {
	    margin-top: 0;
	}
}

.info-cab {
	margin-top: 15px;
}


.page .login-header {
    height: 125px;
    width: 100%;
    position: relative;
}

.page .login-header .logo {
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    height: 80px;
	width:250px;
}
.page .login-header .logo a{
	display:block;
    background:#fff url('../img/logo_ontinyent.svg') no-repeat 0 50%;
	background-size:contain;
	height: 80px;
	width:250px;

}
@media only screen and (min-width: 320px) {
	.page .login-header{
		height:80px;
		background-color: #171c8f;
	}
	.page .login-header .logo,.page .login-header .logo a{
	    width: 310px;
	    background-color: rgb(23, 28, 143);
	    background-position-x: 14px;
	    background-size: 200px;
	    left:0;
	}
	.page .login-header .info {
		position: absolute;
		z-index: 2;
		display: inline-block;
    	display: -ms-inline-flexbox;
    	display: inline-flex;
		top: 40px;
		right: 40px;
		color: white;
		width: auto;
		font-size: 12px;
		font-weight: 600;
		transform: translateY(-50%);

	}
}
@media only screen and (min-width: 568px) {
	.page .login-header .logo,.page .login-header .logo a{
	    background-size: 250px;
	}
	.page .login-header .info {
		position: absolute;
		right: 40px;
		top: 50%;
		transform: translateY(-50%);
		color:white;
		font-weight: 600;
	}
}
@media only screen and (min-width: 768px) {
	.page .login-header{
	    height:125px;
		margin: 0 auto;
		background-color: #171c8f;
	}
	.page .login-header .logo {
        left:30px;
	}
	.page .login-header .info {
		position: absolute;
		z-index: 2;
		top:85px;
		right: 40px;
		width: auto;
		color: white;
		font-size: 12px;
		font-weight: 600;
		transform: translateY(-50%);
	}
}

@media only screen and (min-width: 768px) {
	.page .login-header .info .text {
    	margin-left:18px;
	}
	.page .login-header .info .text {
		display: inline-block;
		margin-left: 30px;
	}

}
.page .login-header .info .text a {
	text-decoration: none;
	color: white;
}
.page .login-header .info .text a:before {
	font-size:20px;
	vertical-align: middle;
}
.page .login-header .info .text img {
    display: inline-block;
    width: 26px;
    vertical-align: middle;
    margin-right: 5px;
    transform: translateY(-2px);
}
.page .login-header .info .text:first-child {
    margin-left: 0;
}

/* -----------------------------------*/
/* --------- MAIN LOGIN <<<----------*/
/* ---------------------------------*/

.main {
	min-height: -moz-calc(100vh - 178px);
	min-height: -webkit-calc(100vh - 178px);
	min-height: -o-calc(100vh - 178px);
	min-height: calc(100vh - 178px);
	display: flex;
	padding-bottom:50px;
	margin-top: 15px;
}

.supTitleIcon{
    width: 100%;
    height:36px;
    margin-bottom:15px;
}

h3.titleIcon{
	font-weight: 300;
	font-size: 26px;
	color:rgb(23, 28, 143);
	float:left;
}
@media only screen and (max-width: 768px) {
	.supTitleIcon{
	    margin-bottom:7px;
	}
	h3.titleIcon{
		font-size: 20px;
	}
}

h3.titleIcon:before {
    font-size: 29px;
    vertical-align:sub;
}
.titleIcon > span {
    line-height: 1.5;
}

.iconVerDetalle > [class*='icon-']:before{
	margin-right: 0;
	font-size:24px!important;
}

.iconFraccionar > [class*='icon-']:before{
	margin-right: 0;
	font-size:24px!important;
}

.textMsg{
	vertical-align: middle;
}

.iconsSup{
	margin-top: 2px;
}
.sinCtas{
    font-size: 13px;
    float: left;
    margin: 0px 10px 0 5px;
    line-height: 20px;
}
.login .page .main {
    width: 100%;
    background: #f5f5f5;
    display: flex;
    height:auto;
    min-height: calc(100vh - 336px);
    margin-top: 0;
    padding-bottom: 15px;
    text-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}
.login .page .main.utilidades {padding-top:25px;}
.login .page .main.utilidades.dobleCol {

    margin-top:0;
}
.dobleCol .text.pb45 {
    margin: 20px;
}
.dobleCol .page-container i {
    font-size: 100px;
    display: block;
    margin-bottom: 20px;
    text-align: center;
}
button#botActualizaDatos {
    width: auto;
}

@media only screen and (min-width: 768px) {
   /* .login .page .main {
        min-height:calc(100vh - 291px);
    }*/

}
@media only screen and (min-width: 1200px) {
    .login .page .main {
        height: calc(100vh - 320px);
	}
    .login .page .main.utilidades {
    	 padding-bottom:0;
    }

}
@media only screen and (min-width: 998px) and (max-height: 768px){
	.login .page .main {
        height:calc(100vh - 325px);
    }
    .login .page .main.utilidades {
    	 padding-bottom:100px;
    	 height: auto;
    }
}
.page-container {
    width: 100%;
    max-width: 1180px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (min-width:0) and (min-resolution:.001dpcm) {

    .page-container {
        margin:10% auto 0\9;
    }

}
.utilidades .page-container{
	vertical-align:middle;
}
.login .text b{
	color:#171c8f
}

.login .left-content {
    width: 50%;
    padding-left:0;
    padding-right:4%;
    display: table-cell;
    text-align: left;
    margin-bottom:0;
    position: relative;
    vertical-align: middle;
}
.login .left-content .header {
	border:0;
	background:transparent;
}
.login .left-content .header .enter {
    color: #928b81;
    font-size: 12px;
    margin-bottom: 10px;
}

.login .left-content .content {
    padding-left: 60px;
    position: relative;
    margin-top: 75px;
}
@media only screen and (min-width: 320px) {
	.login .page-container {
		flex-direction:column;
	}
    .login .left-content .content {
       margin-top: 15px;
       padding-left: 45px
    }
}
@media only screen and (min-width: 850px) {
	.login .page-container.row {
		flex-direction:row;
	}
}

@media only screen and (min-width: 1200px) {
    .login .left-content .content {
        padding-left: 60px;
    }
}
.login .left-content .content:before {
    position: absolute;
    left: 0;
    top: -3px;
    font-size: 32px;
}
.login .left-content .title {
    color:rgb(23, 28, 143);
    padding-bottom: 18px;
    display: block;
}
.login .left-content .content .text-1 {
	color: #7b8489;
    padding-bottom: 30px;
}
.login .left-content .content .text-2 {
    color: #aaabab;
}
.login .right-content {
    width: 50%;
    display: table-cell;
    padding-left: 5%;
    padding-right:0;
    position: relative;
    text-align: left;
    margin-bottom: 0;
    position: relative;
    vertical-align: middle;
}
.login .right-content :not(.text) + .particular{
	transform: translateY(8%)
}

.backend-error {
    color: #d9534f;
    font-size: 13px;
    padding:30px;
    margin-top: -55px;
    margin-bottom: 20px;
    margin: 0 auto;
}
.login .right-content .backend-error {
    display: none;
    background: rgba(234, 234, 234, 1);
    max-width:none;
    padding: 12px 30px;
}
.backend-error h3 span{
   margin-left:15px;
}
.backend-error h3:before{
   font-size:2em;
}
@media only screen and (min-width: 768px) {
 .backend-error {
     max-width: 50%;
 }
}
.login .right-content .radius-list {
    text-align: left;
    font-size: 14px;
    color: #444a59;
    margin-bottom: 4px;
}
.login .right-content .radius-list .input {
    display: inline-block;
    width: 49%;
    margin-bottom: 0;
}
.login .right-content .recover-password, .recover-password p  {
    font-size: 12px;
    text-align: center;
    margin: 15px auto 25px;
    cursor: pointer;
    color: rgb(255,130,0);
}

.login .forms.particular{
	text-align:center;
}

.login .forms.particular img:not(.eye) {
    width: 60%;
    margin: 20px auto;
    display:block;
}

.login .forms.particular .input.cif {
    display: none;
}

.login .contTokenSMS{
	text-align:center;
}
.login .contTokenSMS img:not(.eye){
	margin:15px auto;
	display:block;
}


.utilidades .page-container .contConCaptcha {
    transform: translateY(5%);
}

.login .left-content.contConCaptcha{
	/* margin:0; */
	/* transform: translateY(-28%); */
}

@media only screen and (max-width: 1200px) {
    .login .left-content {
         /* margin-bottom:0; */
    }
    .login .right-content{

   	}
}
@media only screen and (max-width: 992px) {
    .login .left-content {
         /* margin-bottom:0; */
    }
    .login .left-content,
    .login .right-content {
        width: 100%;
        /* float: none; */
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 4%;
    }
    .login .right-content {
   		padding-left: 6%;
   		/* transform: translateY(20%)!important; */
   		box-shadow: 0 0 black;
   	}
    .login .left-content.contConCaptcha{
		margin:0;
		transform: translateY(0%);
	}
}
@media only screen and (max-width: 767px) {
    .login .left-content .header {
        margin:40px 0 20px 10px;
    }
    .page .login-header .info {
        display:none;
    }
}
@media only screen and (max-width: 480px) {
	.login .left-content{
		margin: 0px 0 0;
	}
	.login .left-content.contConCaptcha{
		margin:0;
		transform: translateY(0%);
		padding-top: 0;
	}
}
@media only screen and (max-width: 321px) {
    .page .login-header .logo {
        left:0;
    	top: 40px;
    }
    .page .login-header .info .text img {
        display: none;
    }
    .login .left-content,
    .login .right-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-height: 768px){
	.login .page .main {
        min-height:calc(100vh - 159px);
    }
    .login .right-content{
   			/* transform: translateY(15%); */
   	}

}
@media only screen and (min-width:320px) {
	.login .left-content,
    .login .right-content {
        max-width: 525px;
    }
}
@media only screen and (min-width: 850px) {
	.login .left-content,
    .login .right-content {
        width: 50%;
    }
}
@media screen and (min-width: 55.5em) {
	.login .left-content{

	},
    .login .right-content {
         padding: 0 4% 0 1%;
    }
}
@media only screen and (min-width:1134px) {
	.login .left-content{

	}
    .login .right-content {

     }
}
.login .right-content .phone-container {
    margin-top: 10px;
    background-color: rgba(234, 234, 234, 0.5);
    padding: 20px 25px 15px;
    border-radius: 10px;
    overflow: auto;
    float: left;
    text-align:left;
    width:100%;
}
.login .right-content .phone-container h3:before{
	font-size:1.5em;
}

.login .right-content .phone-container .text {
    font-size: 14px;
    color: #7b8489;
    padding-bottom: 10px;
}
.login .right-content .title.center {
	font-size: 24px;
	text-align: center;
    padding-bottom: 18px;
}
.login .right-content .text {
    font-size: 13px;
    color: #7b8489;
    padding: 20px 0 0;
}
.login .right-content h2.title{
	margin-bottom:15px;
}

.login .right-content h3 + .text {
	padding:0;
}

.login .right-content .apart .small-letter {
	padding: 20px;
	font-size: 12px;
	color: #7b8489;
	text-align: center;
}

.captchaCont {
    text-align: left;
}

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

#footerPrincipal.footer {
	border-top: 1px solid #ccc;
	bottom: 0;
}
#footerPrincipal.footer p, #footerPrincipal.footer .address {
	width: 100%;
	margin: 15px auto 15px;
	text-align: center;
}
#footerPrincipal.footer .address {
	font-size: 12px;
	line-height: 13px;
	color: #928b81;
}
#footerPrincipal.footer p {
	font-size: 12px;
}

.login .footer {
    margin: 0 auto;
    padding: 0 15px 15px;
    font-size: 13px;
    position:relative;

}
@media only screen and (min-width: 320px) {
    .login .footer {
        transform: translate(0, 20%);
        min-height: 125px;
    }
}
@media only screen and (min-width: 768px) {
    .login .footer {
        width:calc(100% - 80px);
        transform: translate(0, 20%);
        max-width:1720px;
    }
}

.ft-content {
    padding-left: 15px;
    padding-right: 15px;
    display: table-row;
    vertical-align: middle;
    color:rgb(23, 28, 143);
}
.ft-content a {
    font-size: 18px;
    font-weight: 600;
}

/* -----------------------------------*/
/* ----------- MAIN <<<----------*/
/* ---------------------------------*/

#contenido{
	background-color: #FFF;
	padding:1px 1% 1% 0;
	position:relative;
}
.section {
	width: 84%;
	transition: width 0.5s, margin 0.5s;
	min-height: 500px;
	float: right;
	margin-left: auto;
}
.section1 {
	width: 89.5%;
	width: -moz-calc(100% - 41px);
	width: -webkit-calc(100% - 41px);
	width: -o-calc(100% - 41px);
	width: calc(100% - 41px);
	margin-left: auto;
	transition: width 0.5s, margin 0.5s;
}
.sectionFull{
	width: 75% !important;
    margin: 50px auto 0;
    float:none;
}


/* -----------------------------------*/
/* ----------- NAVEGACION------------*/
/* ---------------------------------*/

.nav {
	width: 15%;
	max-width: 300px;
	overflow: hidden;
	position: relative;
	left: 0;
	bottom: 0;
	min-height: 100%;
	transition: width 0.5s;
	background-color: #f8f8f8;
	z-index: 9;
	float: left;
}
.nav ul {
	margin-top:15px;
	width: 100%;
}
@media only screen and (max-width : 998px) {
	.nav ul {margin-top:8px;}
}

.nav ul>li>ul {
	margin-top: 0;
	-webkit-box-shadow: inset 50px 5px 0px -10px rgba(120,129,143,1);
	-moz-box-shadow: inset 50px 5px 0px -10px rgba(120,129,143,1);
	box-shadow: inset 50px 5px 0px -10px rgba(120,129,143,1);
	background-color: #f8f8f8;
}
.nav ul>li>ul>li:hover {
	border-right: none;
}
.nav ul li {
	width: 100%;
	padding: 0;
}
.nav ul li span {
	font-size: 13px;
	text-align: left;
	width: 100%;
	font-weight: 300;
	color: #5c5b5b;/* padding: 13px 0 12px 0;*/
}
.nav ul li span:hover, nav ul li a:hover {
	color:rgb(23, 28, 143);
	text-decoration: none;
}
.nav ul li a.icon-casa, .nav ul li a.icon-usuario, .nav ul li a.icon-flechas_transf, .nav ul li a.icon-doc_info, .nav ul li a.icon-herramientas {
	vertical-align: middle;
	cursor: pointer;
	line-height: 15px;
}
.nav ul li a.icon-casa:before, .nav ul li a.icon-usuario:before, .nav ul li a.icon-flechas_transf:before, .nav ul li a.icon-doc_info:before, .nav ul li a.icon-herramientas:before {
	padding-top: 12px!important;
	font-size: 18px;
}
.nav ul li a:hover {
	background-color: #d9d9d9;
	cursor: pointer;
	border-right: 3px solidrgb(23, 28, 143);
}
.nav ul li a.active {
	background-color: #d9d9d9;
	cursor:pointer;
	color:rgb(23, 28, 143);
	border-right: 3px solidrgb(23, 28, 143);
}
.nav ul li a.active span, .nav ul li a.active {
	color:rgb(23, 28, 143) !important;
}
.nav1 {
	width: 40px;
	transition: width 0.5s;
	position: absolute;
	top: 0;
	bottom: auto;
}
.nav1 ul li span {
	display: none;
}
.cabecera_nav {
	width: 100%;
	background-color: #d9d9d9;
	height: 38px;
	line-height: 37px;
}
.cabecera_nav button {
	color: #fff;
	float: right;
	font-size: 20px;
	background-color:rgb(23, 28, 143);
	padding: .6px 10px;
	vertical-align: middle;
	width: 40px!important;
	margin-top: 0;
	height: 38.19px;
	border: 0;
}
.footer_nav {
	width: 100%;
	background-color: #d9d9d9;
	height: 40px;
	line-height: 37px;
	padding-left: 15px;
	position: absolute;
	bottom: 0;
}
.footer_nav a {
	color: #333;
	font-size: 13px;
	text-align: left;
}
.nav1 .footer_nav {
	padding-left: 10px;
}
.nav1 .footer_nav a {
	color: transparent;
}
#menu_desplegado {
	margin-bottom: 40px;
}
#menu_desplegado li > a{
	vertical-align: middle;
	display: block;
	min-width: 200px;
}
#menu_desplegado li.menuLat ul {
	display: none;
}
#menu_desplegado, #footer_nav_desplegado {
	display: block;
}

.opMenuSup {
    padding: 0 10px;
    display: inline-block;
}
a.menuSupLink:hover{
	color:#e10e49;
}
#menu_desplegado, #footer_nav_desplegado {
	display: block;
}
.displayed, #menu_desplegado li.menuLat ul.displayed{
	display: block;
}
.nav2 {
    width: 100% !important;
    max-width: 300px !important;
    position: absolute;
}

.nav2 ul li span {
    display: inline !important;
}

#footer_nav_desplegado a span {
    padding:3px 0 0 20px;
    display: inline-block;

}
.nav2 .footer_nav a{
	color: #FFF !important;
}

/* -----------------------------------*/
/* ---------- BREADCRUMB <<<---------*/
/* ---------------------------------*/

.breadcrumb {
	float: left;
	width: 100%;
	margin: 0px 0 20px;
	color: rgb(255,130,0);
}
.paso1_cuenta, .paso2_cuenta {
	width: 100%;
	float: left;
	clear: left;
}
.paso1_cuenta {
	color: #fff;
}
.paso2_cuenta {
	padding-left: 5px;

}
.paso2_cuenta label{
	width: auto;
}

/* -----------------------------------*/
/* ------- POSICION GLOBAL <<<-------*/
/* ---------------------------------*/

.section h3:not(.titleIcon) {
	color: #0a0a0a;
	float: left;
	font-size: 17px;
}
.icon-imprimir, .icon-excel, .icon-pdf, .icon-q43 {
	float: right;
	font-size: 18px;
	margin-left: 5px;
}
[class*='icon-menu']:before {
	margin: -2px 0 0;
}
.doc {
	font-size: 25px;
	color: #5e5e5e;
	vertical-align: middle;
	font-weight: normal;
}
@media only screen and (min-width: 320px) {
	.buscadorMovimientos select {
	   text-align:left;
	}
}
@media only screen and (min-width: 740px) {
	.buscadorMovimientos select {
	  text-align: center;
	}
}


.doc:hover, .icon-imprimir:hover {
	opacity: 0.7;
	color:rgb(23, 28, 143);
}
/* -----------------------------------*/
/* --------- FORM FILTRO <<<---------*/
/* ---------------------------------*/
.form_movimientos_avanzados {
	width: 100%;
	float: left;
	text-align: center;
}
.opBuscadorAv{
	margin-bottom: 20px;
}
.opBuscadorAv .divRadio {
    display: block;
}
.opBuscadorAv {
    text-align: left;
}
.opBuscadorAv *{
	display:inline-block;
}
.divTrasFav{
	overflow:hidden;
}

.form_movimientos_avanzados input {
	height: 25px;
	margin-left: 5px;
	width: 135px;
}
.form_movimientos_avanzados input[type="radio"] {
	width: 18px;
	height: 18px;
	padding: 0;
	margin: 5px 1% 0% 0%;
	border: 1px solid #ccc;
	float: left;
	clear: left;
	vertical-align: top;
}
.form_movimientos_avanzados label {
	color: #5e5e5e;
	margin-top: 4px;
}
.form_movimientos_avanzados label i {
	font-size: 10px;
	font-weight: normal;
}
#btn_cerrar:hover {
	text-decoration: underline;
}
.buscadorMovimientos select {
	height: auto;
    width:180px;
}
@media only screen and (min-width: 320px) {
	.buscadorMovimientos select {
	   width:300px;
	}
}
@media only screen and (min-width: 740px) {
	.buscadorMovimientos select {
	  width:180px;
	}
}

/* -----------------------------------*/
/* ------ PASOS FORMULARIO <<<-------*/
/* ---------------------------------*/
#pasosOp {
	margin: 15px 0 20px;
	display: table;
	width: 100%;
}
.pasosTotales2 .fase_activa, .pasosTotales2 .fase_no_activa {
	width: 50%;
}
.pasosTotales3 .fase_activa, .pasosTotales3 .fase_no_activa {
	width: 33.3%;
}
.pasosTotales4 .fase_activa, .pasosTotales4 .fase_no_activa {
	width: 25%;
}
.fase_activa, .fase_no_activa {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	height: 42px;
}
.fase_activa {
	background-color: rgb(255,130,0);
	color: #fff;
}
.fase_no_activa {
	background-color:rgb(23, 28, 143);
	border-left: 1px solid #fff;
	color: #fff;
}
/* -----------------------------------*/
/* ------- TRANSFERENCIAS <<<-------*/
/* ---------------------------------*/
p.descripcion {
	width: 100%;
    padding: 15px;
    margin-bottom: 15px;
    background-color: #f8f8f8;
    color: #5c5b5b;
    border:1px solid #ccc;
}

h4.tit_tabla {
    color: #fff;
    padding: 5px;
    text-align: left;
    width: 100%;
    width: calc(100% - 5px);
    margin: 25px 5px;
    background-color: rgba(16,30,142,1);
    height: 25px;
    display:inline-block;
}

h4.tit_form {
	color: rgb(255,130,0);
	padding-bottom: 3px;
	border-bottom: 2px solid rgb(255,130,0);
	text-align: left;
	width: 100%;
	width: calc(100% - 5px);
	margin: 25px 5px;
	font-size: 20px;
}
h5.tit_form {
    color: rgb(23, 28, 143);
    padding-top: 10px;
    text-align: left;
    margin: 25px 5px;
    font-size: 19px;
}
.subseccion  {
    background: #f8f8f8;
    padding: 0px 10px 20px 5px;
}
h6.tit_form {
    font-size: 20px;
    margin-bottom: 10px;
}
p.txt_obligatorio {
	color: #CC4642;
	font-weight: normal;
	border-bottom: 2px solid #CC4642;
	padding-bottom: 3px;
	width: 100%;
	width: calc(100% - 5px);
	margin: 40px 5px 25px;
    float: left;
}
label.fecha {
	margin: 18px 0;
	color: #5e5e5e;
	font-weight: normal;
}
.open-close{
	text-align: right!important;
    width: 150px;
    display: inline-block;
}
@media only screen and (min-width: 320px) {
	.open-close{
		width:95%;
		display:block;
	}
}
@media only screen and (min-width: 740px) {
	.open-close{
		width: 150px;
		display: inline-block;
	}
}
dl.resultados_listado {
	width: 98%;
	padding: 1% 1% 5% 1%;
	border-collapse: collapse;
	text-align: left;
	color: #5e5e5e;
	font-weight: normal;
	overflow: hidden;
}
dl.resultados_listado dt {
	color:rgb(23, 28, 143);
	font-weight: bold;
	width: 300px;
	float: left;
	clear: left;
	margin-bottom: 8px;
}
dl.resultados_listado dd {
	color: #5e5e5e;
	width: 300px;
	float: left;
	margin-bottom: 8px;
}
dt.tit_sec_listado {
	width: 100% !important;
	font-weight: bold;
	margin: 0px;
	color: #5e5e5e !important;
}
dt.mgtop {
	margin: 30px 0 10px;
}
.resaltado_list {
	background-color: #f8f8f8;
	font-weight: bold;
	margin-bottom: 0px !important;
	padding-top: 3px;
	padding-bottom: 8px;
	margin-left: -10px;
}
dt.resaltado_list {
	padding-left: 10px;
	width:310px!important;
}
.margin_list {
	margin-top: 30px !important;
}

a.btn_borrar {
	width: 65px;
}

contPIN.cont_varios_btn {
	width: 100%;
	float: left;
	clear: left;
	border-top: 2px solid rgb(255,130,0);
	padding-top: 20px;
}

.txt_fav {
	float: left;
	width: 90%;
	margin: 3px 0 20px 10px;
	font-weight: bold;
	clear: none!important;
}

/* -----------------------------------*/
/* -------------- MENU <<<----------*/
/* ---------------------------------*/

#menuIzq{
	-webkit-box-shadow: inset 50px 5px 0px -10px rgba(217,217,217,1);
    -moz-box-shadow: inset 50px 5px 0px -10px rgba(217,217,217,1);
    box-shadow: inset 50px 5px 0px -10px rgba(217,217,217,1);
}

.nav ul li.nivel2 {
    height: auto;
}

.nav ul li.nivel2:hover {
   background-color: #eae9e9;
 }
.nav ul li.nivel2 a.active {
	background-color: #eae9e9;
    border: 0;
}

li.nivel2 a span {
    font-weight: 100;
    font-size: 11px;
    display: block;
    width: 96%;
    padding: 5px 0 5px 65px;
}
li.nivel3 a span {
    padding: 5px 0 5px 75px;
}
.nivel2 > a, .nivel3 > a {
	padding: 8px 0;
	display:block;
}
.menuLatLink{
	display:block;
}
.menuLatLink:before {
    padding: 14px 0;
    color: #333;
    padding-left: 10px;
	width:45px;
	font-size: 18px;
    font-weight: 500;
}
.active.menuLatLink:before, .nav ul li:hover > .menuLatLink:before {
	color: #FFFFFF;
}

.nav ul li a.active {
	-webkit-box-shadow: inset 50px 5px 0px -10px rgba(16,30,142,1);
    -moz-box-shadow: inset 50px 5px 0px -10px rgba(16,30,142,1);
    box-shadow: inset 50px 5px 0px -10px rgba(16,30,142,1);
}

.nav ul li a:hover{
	-webkit-box-shadow: inset 50px 5px 0px -10px rgba(16,30,142,1);
	-moz-box-shadow: inset 50px 5px 0px -10px rgba(16,30,142,1);
	box-shadow: inset 50px 5px 0px -10px rgba(16,30,142,1);
}


/* -----------------------------------*/
/* ----------- COLUMNAS <<<----------*/
/* ---------------------------------*/

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:10px;}[class*=col-]:first-of-type{padding-left:0}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-quinto2{width:60%}.col-xs-quinto{width:20%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}


/* -----------------------------------*/
/* ------------ MAPA WEB <<<-----------*/
/* ---------------------------------*/

.MapSeccionWeb {
    margin: 0.5% 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.colMap{
	font-weight: 100;
	width:250px;
	float: left;
	padding: 0 10px 15px;
}

.colMap li {
    margin: 2px 10px;
    padding: 5px 0;
    font-size: 20px;
    list-style-position: inside;
}

.colMap li a {
    font-size: 12px;
    font-weight: 100;
}

.colMap span {
    margin-left: -10px;
}

/* -----------------------------------*/
/* ------------ TECLADO <<<----------*/
/* ---------------------------------*/

.cont_teclado {
	float: left;
	width: 215px;
	height: 75px;
	margin:30px 0 0 25px;
	background-color: #e8e7e7;
	padding: 1px 0 1px 6px;
	position: relative;
}
.cont_teclado img {
	position: absolute;
	left: -12px;
	bottom:30px;
}
.cont_campos label {
	width: 80px;
	margin: 8px 0 14px 0;
}
.cont_campos input.width10 {
	margin-left: 1.8%;
	width: 16%;
	text-align: center;
}
.cont_teclado a.btn_teclado {
	background-color: #fff;
	height: 30px;
	padding: 5px 10px;
	border: 2px solid #b4b4b4;
	color:rgb(23, 28, 143);
	font-size: 12px;
	float: left;
	margin-right: 3px;
	margin-top: 4px;
	text-align: center;
	font-style: italic;
}
a.btn_borrar {
	width: 65px;
}
.cont_teclado a.btn_teclado:hover {
	text-decoration: none;
	background-color:rgb(23, 28, 143);
	color: #fff;
}
.cont_teclado button.btn_teclado{
    background-color: #fff;
    width: 31px!important;
    min-width:31px!important;
    height:30px;
    padding: 5px 10px!important;
    border:1px solid rgb(23, 28, 143);
    color:#101e8e;
    font-size:13px;
    float: left!important;
    text-align:center;
    font-weight: bold;
    font-style:inherit;
    min-width:0;
    margin: 4px 3px 0 0!important;
}
.cont_teclado button.btn_teclado.btn_borrar{
    width:65px !important;
}
.cont_teclado button.btn_teclado:hover{
    text-decoration:none;
    background-color:rgb(23, 28, 143);
    color:#fff;
}
.labelUtilidades{
	width: 165px !important;
}


/* Teclado virtual interior
=================================================*/
.contTecladoVirtual{
	clear: both;
	padding: 5px 0;
}
.contTecladoVirtual .contEleForm, .contTecladoVirtual .textoRinput{
	width:auto;
	min-width:0;
	margin:0;
}

.clearlabl{
	display: flex;
}

.clearlabl > label.tecladoVirtual {
	margin: 5px 0px 20px 0px;
}

input.inputVTDigit{
	height: 30px;
	padding: 0 4px;
	clear: none;
	float: left;
	margin: 0 5px 0 0;
	width: auto;
}
input.inputVTDigit:first-child{
	margin:0;
}


@media only screen and (max-width : 640px) {
	input.inputVTDigit{
		margin:0 3px 0 0;
		padding: 0 3px;
		height:45px;
		width:40px;
	}
}
@media only screen and (min-width :320px) {
	input.inputVTDigit{
		margin:0 3px 0 0;
		padding: 0 3px;

	}
}


/* -----------------------------------*/
/* ----------- THICKBOX <<<----------*/
/* ---------------------------------*/

.section_thickbox {
	width: 100%;
	overflow: hidden;
	background-color: #fff;
}
.tit_thickbox {
	width: 100%;
	overflow: hidden;
	background-color:rgb(23, 28, 143);
	padding: 3px 10px;
	margin-bottom: 12px;
	display: table;
}
.cont_thickbox {
	width: 100%;
	overflow: hidden;
	padding: 0px 20px;
}
.tit_cont_thickbox {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid rgb(255,130,0);
}
.tit_cont_thickbox h3 {
	float: left;
	width: 60%;
	color: rgb(255,130,0);
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 2px;
}
.tit_cont_thickbox p {
	float: right;
	width: 38%;
	font-weight: bold;
	text-align: right;
}
.tit_cont_thickbox p span {
	color: rgb(255,130,0);
	font-size: 18px;
}
.tit_thickbox h3, .tit_thickbox a {
	color: #fff;
	font-size: 15px;
	vertical-align: middle;
	display: table-cell;
}
.tit_thickbox h3 {
	line-height: 29px;
	text-transform: uppercase;
	padding:5px;
}
.tit_thickbox a {
	float: right;
	line-height: 29px;
}
.tit_thickbox .icon-imprimir:hover {
	opacity: 0.9;
	color: #fff;
}
.listado_thickbox {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	color: #5e5e5e;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	overflow: hidden;
	padding: 15px 20px;
}
.listado_thickbox dt {
	color:rgb(23, 28, 143);
	font-weight: bold;
	width: 200px;
	float: left;
	clear: left;
	margin-bottom: 8px;
}
.listado_thickbox dd {
	color: #5e5e5e;
	width: 300px;
	float: left;
	margin: 0 0 10px 0;
	padding-left: 5px;
}
.section_thickbox .linBotones{
    padding: 0;
}
.secBorrador {
    margin-left: 25px;
}


/* -----------------------------------*/
/* ----------- LIGHTBOX <<<----------*/
/* ---------------------------------*/
#bodyLightbox {
	overflow: hidden;
}
#divLightBox {
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	overflow: hidden;
	position:relative;
}
#divLightBox iframe {
	width:100%;
	height:100%;
}
#divLightBox > a {
	cursor: pointer;
	font-size: 11px;
}
#divLightBox > a:after {
	margin-left: 5px;
}
.contBtnCerrar {
	text-align: right;
	margin: 5px 10px 0 0;
}
.icon-close {
	cursor: pointer;
	font-weight: bold;
	font-size: 24px;
	font-family: "Roboto", Helvetica, sans-serif;
	color: #5c5b5b;
}
a.icon-close:hover {
	opacity: 0.7;
}
.center-content {
	height: 95%;
	position: relative;
	padding:0 25px 25px;
}
@media only screen and (max-width : 768px) {
	.center-content {
		height: 95%;
		padding:0 10px 25px;
	}
}
.contLB {
	background-color: #fff;
	height: 100%;
    overflow: auto;
    padding:1%;
}

.lightbox-movil {
	position: fixed;
    z-index: 10002;
    top: 10px;
    bottom: 10px;
    height: auto;
}
.csb{
	height: 100%;
	min-height: 515px;
    max-height: 815px;
    overflow: hidden;
    overflow-y: auto;
    width: 98%;
    padding: 1%;
    margin:15px auto!important;
}

/* -----------------------------------*/
/* ------------ LOADER <<<-----------*/
/* ---------------------------------*/

body.loading {
    overflow: hidden;
}

.c-spinner {
    background-color: rgba(255, 255, 255, 0.5);
    height: 100%;
    width: 100%;
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    z-index: 99999;
    text-align: center;
    overflow: hidden;
 	display:table;
}
.c-spinner-inner{
	 background-color: rgba(255, 255, 255, 0.5);
	 width: 100%;
	 position:absolute;
	 bottom: 0px;
	 right: 0px;
	 left: 0px;
	 top: 0px;
	 z-index: 99999;
	 text-align: center;
	 overflow: hidden;
	 display:block;
}


.c-spinner .loader, .c-spinner-inner .loader {
    margin-top: 300px;
}

@media only screen and (max-width : 768px) {
	.c-spinner .loader, .c-spinner-inner .loader {
		margin-top: 130px;
	}
}

.loader img {
 position: relative;
 top: 40%;
 transform: scale(0.4, 0.4);
}

#capaLogoCargando{
 display: none;
}

#capaLogoCargando, #capaLogoCargandoLB{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,0.2);
    z-index: 9999;
    text-align:center;
}

#capaLogoCargando img, #capaLogoCargandoLB img{
  position: relative;
    top: 5%;
    transform: scale(0.4, 0.4);
}
#capaLogoCargando img{
 margin-left: 150px;
 width: 60px;
}

#renvTokn, #solClv {
	text-decoration: none;
	color: rgb(255,130,0);
	cursor: pointer;
}

label#TIPOCLIP_label {
    width: 300px;
}

/* -----------------------------------*/
/* ----------- g MEDIAS <<<----------*/
/* ---------------------------------*/

@media only screen and (max-width : 1350px) {
	.nav ul li span{
	    font-size: 11px;
	}
}

@media only screen and (max-width : 1250px) {
	.nav ul li span{
	    font-size: 10px;
	}
	li.nivel2 a span{
		font-size: 10px;
		width: 85%;
    	padding: 5px 0 5px 55px;
	}

}

@media only screen and (max-width : 998px) {
	.nav{width:40px;transition: width 0.5s;}
	.nav ul li span{display:none;}
	.nav .footer_nav {padding-left:10px;}
	.nav .footer_nav a{color:transparent;}

	.section{
		width: 89.5%;
		width: -moz-calc(100% - 44px);
		width: -webkit-calc(100% - 44px);
		width: -o-calc(100% - 44px);
		width: calc(100% - 44px);
		transition: none;/*width 0.5s, margin 0.5s*/
		min-height:650px;
	}

	.MapSeccionWeb {
    	width: 32%;
	}

}
@media only screen and (max-width : 740px) {
	.header div#infoUsuario {
		padding: 10px;
		width: 100%;
		background: #fff;
		margin: 0;
	}
}

@media only screen and (max-width : 704px) {
	.margin_list {
		margin-top: 0 !important;
	}
	dt.resaltado_list {
		padding-left: 0;
		width: 100%;
	}
	.listado_thickbox dd{
		width: 100%;
	}

}

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


	.header img {
    	margin-left:8px!important;
	}

	.cont_campos{
		width: 100%;
	}

	.cont_teclado {
    	margin: 20px 0!important;
    }

	.cont_teclado img {
   		display: none;
	}
	.opBuscadorAv * {
	    display:block;
	    width: 97%;
	}

	.divfecha{
		width: 100%;
		clear: both;
	}

    .calendar>input{
       width:200px;
    }

	form.utilidades label.labelFecha, form.utilidades label.labelFecha2{
    	display:inline-block;
    	margin:5px 5px 5px 0!important;
	}
	form.utilidades label.labelFecha2{
		width: 30px!important;

	}

	#filtrosBuscador .calendar{
	    width: 56%;
        display: inline-block;
        position:relative;
	}
	form.utilidades button{
	   display: inline-block;
	}


    #filtrosBuscador #divSelect_MESMVTO select{
		padding: 0 4px 0 0px;
	}

	tr.fila_subtitular th, table td {
    	padding: 2px;
		word-break: break-word;
	}

	.divContTable{
		overflow-x: auto;
		width: 100%;
	}

	table.tab_det_cuenta{
		width: 98%;
		margin-left:1%;
		margin-right:1%;
	}

	dt.mgtop {
    	margin: 15px 0 10px;
	}

	.width100, .width80, .width70, .width60, .width50 {width: 94%;
    margin-left: 5px;}
	.width40{width:90%;}
	.width15{width:100%;}
	.width20{width:70%;}
	.width10{width:60%;}
	.width5{width:50%;}

	/*#AUXPIN, #AUXPAN, #AUXCIF{
		width: auto;
	}*/

	.mrgnKyboardCif{
		margin-top: 20px;
	}

	.labelLeft_radio{
		width: 100% !important;
    	margin-bottom: 5px !important;
	}

	.divRadios > .divRadio{
		width: 50% !important;
		overflow: hidden;
		float: left;
	}

	.divRadios > .divRadio > label{
		width: 85% !important;
	}

	.paso2_cuenta{
		padding-left: 1%;
	}
	.form_movimientos_avanzados{
		width: 100%;
	}
	form.transferencias h4, h4.tit_form, p.txt_obligatorio{
		margin: 10px 0 15px;
	}

	.tit_cont_thickbox h3, .tit_cont_thickbox p{
		width: 100%;
	}

	.MapSeccionWeb {
    	width: 49%;
    	float: left;
	}

}

@media only screen and (max-width : 450px) {
	/* Tabla responsive */

	table.tcomun thead th{
		display: none;
	}
	table.tcomun thead {
		border-bottom: 1px solid #e10e49;
	}
	table.tcomun{
		display: table
	}

	table.tcomun  tfoot{
		display: table-footer-group;
	}

	table.tcomun tbody, table.tcomun  th, table.tcomun  tr, table.tcomun  td{
		display: block;
	}

	table.tcomun  tbody, table.tcomun  tfoot, table.tcomun  tfoot tr{
		position: relative;
	}

	table.tcomun tbody tr {
		border-bottom: 1px solid #ccc;
	}

	table.tcomun td {
		border: 0 !important;
		text-align: left !important;
		padding: 10px 0;
		display: block;
		padding-left:41%!important;
		letter-spacing: -.5px;
		min-height: 34px;
	}
	table.tcomun.movs td {
	    padding-left: 50%!important;
	}
	table.tcomun td:before {
		content: attr(data-title);
		position: absolute;
		left: 5px;
		width: 40%;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
		overflow: hidden;
	}

	table.tcomun tr.fila_total{
		height: auto;
	}

	table.tcomun tfoot tr td:first-child {
		display: none;
	}

	#menuSup{
		display: none;
	}

	#opPdtFrm{
		width: 100%;
	    clear: both;
	    display: inline-block;
	    font-size: 12px;
	}
}

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


	#AUXPIN, #AUXPAN, #AUXCIF{
		width: 100%;
	}

	.footer .address{
		font-size: 8px;
	}

	.pasosTotales3 .fase_activa, .pasosTotales3 .fase_no_activa{
		font-size: 11px;
	}

	.MapSeccionWeb {
    	width: 99%;
    	float: none;
	}

}

/* -----------------------------------*/
/* ------------ SEGUROS <<<----------*/
/* ---------------------------------*/

.modSeguro {
    text-align: center;
    padding: 20px 40px!important;
    height: 390px;
    position: relative;
}

.modSeguro img {
    display: block;
    max-height: 140px;
    margin-bottom: 15px;
}

.modSeguro h4 {
    font-size: 22px;
}

.modSeguro p {
    font-size: 14px;
    margin: 15px 0;
}

.modSeguro button {
    float: none!important;
    position: absolute;
    bottom: 0;
    width: 200px!important;
    left: calc(50% - 100px);
}


.contPlegado{
	margin-top:15px;
	max-height:68px;
	height:68px;
	transition:max-height 1s ease-out;
	overflow:hidden;
}
.contPlegado.open{
	max-height:1200px;
	height:auto;
}

.tipo {
    width: 132px;
    height: 130px;
    position: relative;
    display: inline-block;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border:1px solid #d4d4d4;
    margin:20px 10px;
    position: relative;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    background: #fff;
}
.tipo:hover{
     border:1px solid #171c8f;
}
.tipo:hover img,.tipo.checked img{
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.tipo .chx {
    opacity: 0;
    transform: scale(0);
    width:0;
    position:absolute;
}
.tipo.checked{
	border:1px solid #5cb85c;
}
.tipo input[type="checkbox"]:checked + label:after {
    font-family: 'ontinyent-tipo';
    content: '\6a';
    position:absolute;
    bottom: 8px;
    right: -10px;
    color: #5cb85c;
    font-size: 2em;
    z-index: 2;
}
.tipo input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}
.tipo input[type="checkbox"]:checked + label:after {
    opacity: 1;
}


.tipo label.marca, .tipo label.marca img {
    cursor:pointer;
}

.tipo.icon-open-cross{
	border:3px solid #171c8f;
	cursor:pointer;

}

.tipo.icon-open-cross:before{
	font-size: 3em;
    line-height: 0;
    font-weight: 600;
    color:#171c8f;
}


/* -----------------------------------*/
/* ------------ POLIZAS <<<----------*/
/* ---------------------------------*/
.modPoliza {
    cursor: pointer;
    padding:0;
    text-align: left;
    display:inline-block;
}
.modPoliza:hover,.modPoliza.checked{
     border:1px solid rgb(255,130,0);
}
.modPoliza label{
	padding: 20px;
	display:block;
	width:100%;
	height:100%;
}
.modPoliza h4{
	font-size:18px;
}
.modPoliza span{
	color:#5e5e5e;
	position:absolute;
	bottom:18px;
}
.modPoliza input[type="checkbox"]:checked + label>*,.modPoliza:hover label>*{
 	color:rgb(255,130,0)
}


@media only screen and (min-width:320px) {
	.tipo {margin:2% 4%;}

	.modPoliza h4 {
	    width: 90%;
	}
	.modPoliza {
	    width:274px;
	}
}
@media only screen and (min-width:768px) {
	.tipo {margin:2% 2.8%}

	.modPoliza {
	    width:294px;
	}
}
@media only screen and (min-width:1220px) {
	.tipo {margin:20px 10px;}
	.modPoliza {
	    width: 238px;
	}
	.contEleForm.fileUpload {
		width: 50%;
    	max-width: 500px;
	}
}



/* -----------------------------------*/
/* -------------- PRINT <<<----------*/
/* ---------------------------------*/
@media print {
  #menuIzq, #menuSup, #footerPrincipal, button, .iconsSup, #pasosOp, form, .icon-encender {
		display: none;
	}
	a {
		pointer-events: none;
		cursor: default;
	}
	#headerPrincipal a {
	    display: none;
	}
	#logoPrincipal{
		content: url("../img/logo_ontinyent.png");
		margin: 15px 0 15px 30px;
	}
	#contenido{
		width: 98%;
	    margin-left: 1%;
	    margin-right: 1%;
	}
	.verPrint{
	display : block !important;
	}
}
.mensaje {
	width: 100%;
	padding:15px 15px 13px;
	color: #fff;
	margin-bottom:15px;
	display: table;
}
.mensaje:before {
    font-size: 21px;
    font-family: 'ontinyent-tipo';
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
    padding-right: 15px;
    width: 40px;
}
.login .mensaje {
    width: calc(100% - 47px);
     position: absolute;
    top: 61px;
    z-index: 10;
}

.pre_posglobal {
    padding: 0;
}
.section .mensaje {
    width: 100%;
}

.mensaje.ok {
	width: 100%;
	margin-top: 6px;
	background-color:#5cb85c;
}
.mensaje.ok.save {
	width: 70%;
}
.mensaje.infoRes {
    width: 100%;
}


@media only screen and (min-width:320px) {
	.ok:after{
	   content:"";
	   display: block;
	   position: absolute;
	   width: 8px;
	   height: 8px;
	   border-bottom:  none;
	   border-right: none;
	   background-color:transparent;
	   border:none;
	   left: 20px;
	   top: 60px;
	   transform: rotate(45deg);
	}
	.infoRes.ok:after {
		background-color: #5cb85c;

	}
}

@media only screen and (min-width:740px) {
	.ok:after{
	   top: 50px;
	}
}
.mensaje.ok:before{
   content: "\6a";
}

.mensaje.ko,.mensaje.error {
	background-color: #d9534f;
}
.mensaje.ko:before,.mensaje.error:before {
	content: "\31";
}
.mensaje.warning{
    background-color: #f0ad4e;
    position: relative;
    padding-left: 45px;
}
.mensaje.warning:before{
	content: "\e90d";
	position: absolute;
	top: 16px;
	left: 15px;
}
.contConCaptcha .mensaje{
	top: -20px;
	width: 100%;
}

/* -----------------------------------*/
/* ----------- RPDatos <<<----------*/
/* ---------------------------------*/

.imgFacilita{
	display:block;
	max-width:468px;
	height:66px;
	margin: 10px auto;
	background:transparent url('../img/banners/Facilita_RGPD.jpg') no-repeat 0 0;
	background-size:contain;
}


/*EJEMPLO CLAVE FIRMA*/

.ej-firma {
    height: 120px;
    position: relative;
}

.ball{
	width: 80px;
    height: 80px;
    background: rgb(23, 28, 143);
    border-radius: 50%;
}


/*REGISTRO HUELLA Y FACE*/

[data-role^="info-"] {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

[data-role^="info-"] .mensaje {
    position: absolute;
    top: 15px;
}

[data-role^="info-"] .blockInfo{
    text-align:center;
}
[data-role^="info-"] .blockInfo i:first-of-type{
    font-size: 70px;
    display: block;
    margin-bottom: 20px;
}
[data-role^="info-"] .blockInfo	.info{
    margin-top: 25%;
}
[data-role^="info-"] .blockInfo .info .icon-info{
    display: block;
    font-size: 25px;
    margin-bottom: 25px;
}
/*FORMULARIO DE CONTACTO*/


[data-role="contacto"]	.container-fluid:first-of-type{
	padding: 0 5px;
}
[data-role="contacto"]	.container-fluid:first-of-type p>a{
	background: rgb(23, 28, 143);
    padding:5px 20px;
    color: #fff;
    margin: 5px 0;
    display: inline-block;
    min-width: 150px;
    font-size:16px;
    font-size: 16px;
    font-weight: bold;
}

/************************************************************************
  PASOS
************************************************************************/
#mcdPasosOp{
	clear:both;
	margin-bottom: 25px;
	display: inline-block;
	width: calc(100% + 50px);
	margin-left: -25px;
}

.breadcrumb{
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    counter-reset: stepper-nav-count;
    background:transparent;
}
.breadcrumb li{
	display: inline-block;
    display: -ms-inline-flexbox;
    display: inline-flex;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	position: relative;
	text-align:center;
	min-width: 33%;
	align-items: center;
	justify-content: center;
}
.breadcrumb li:before{
    color: #fff;
    font-size:25px;
    display: block;
    position: absolute;
    color:#4c5356;
}

.breadcrumb li:not(:last-child)::after {
    display: block;
    width: 1000px;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 40px;
    z-index: -1;
    content: "";
    background-color: #d8d8d8;
}
.breadcrumb li:last-child::after {
    display: block;
    width: 1000px;
    height: 16px;
    position: absolute;
    left: 50%;
    top: 35px;
    transform: translateY(-50%);
    background-color: #f5f5f5!important;
    z-index: -1;
    content: "";
}
.breadcrumb li span.step{
	cursor:pointer;
	text-align: center;
}
.breadcrumb li span.leyenda{
	display:none;
}
.breadcrumb li span.step:before {
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    font-size: 1rem;
    line-height: 44px;
    display: flex;
    width:70px;
    height:70px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 1px #4c5356;
    box-shadow: 0 0 0 1px #4c5356;
    color: #4c5356;
    background-color:rgba(234, 234, 234, 1);
    content:'';
    z-index:1;
    justify-content: center;
    align-items: center;
}

.breadcrumb li span.step:after {
    z-index:2;
    display: block;
    width:25px;
    height:25px;
    border-radius: 50%;
    counter-increment: stepper-nav-count;
    content: counter(stepper-nav-count);
    -webkit-box-shadow: 0 0 0 1px #4c5356;
    box-shadow: 0 0 0 1px #4c5356;
    color: #4c5356;
    background-color: #fff;
    position:absolute;
    top: 0px;
    left: 36px;
    line-height: 2;
}
.breadcrumb.two-steps li span.step:after {
	left: 85px;
}


.breadcrumb li span.leyenda:before,.breadcrumb li span.leyenda:after{
	content:'';
}

.breadcrumb li.current span.leyenda{
    display: block;
    border: 1px solid #d8d8d8;
    color: #555;
    position: absolute;
    top: 50px;
    background: rgba(255,255,255,.8);
    padding: 10px;
    font-size: 11px;
    text-align: left;
    z-index: 5;
    left: 60%;
    width: 250px;
    border-radius:10px;
}
.breadcrumb li + li.current span.leyenda {
    top:65px;
    left:-29px;
}
.breadcrumb li + li + li.current span.leyenda {
    left: -150px;
}

.breadcrumb li.current:before {
    color: #fff;
    font-size: 40px;
}
.breadcrumb li.current:after {
    background-color: #d8d8d8;
}

.breadcrumb li.active:after {
    background-color: #171c8f;
}

.breadcrumb li.current span,.breadcrumb li.active span{
    color: #171c8f;
}

.breadcrumb li.current span:before,.breadcrumb li.active span:before{
    border-color: #171c8f;
    color: #fff;
    background-color: #171c8f;
    -webkit-box-shadow: 0 0 0 1px #171c8f;
    box-shadow: 0 0 0 1px #171c8f;
    z-index:1;
    width:80px;
    height:80px;
}

/* -----------------------------------*/
/* ----------- RECURSOS <<<----------*/
/* ---------------------------------*/
.overflow-hidden {
    overflow: hidden;
}
.underline {
    text-decoration: underline;
}
.hide, .oculto{
    display: none!important;
}
.show {
    display:block!important;
}
.disabled, button:disabled {
	border-color:#a8adb3;
    background-color:#f2f2f2;
    color:#4c5356;
	pointer-events: none;
   	cursor: default;
}
.pull-right{
	float:right!important;
	margin-bottom: 10px !important;
}
.pull-left{
	float:left!important;
}
.bg_gris {
	background-color: #f8f8f8;
}
.bg_blanco {
	background-color: #fff;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}
.obligatorio {
	color: #d9534f;
}
.alig_right {
	text-align: right !important;
}
.alig_center {
	text-align: center !important;
}
.noDisplay {
	display: none !important;
}
.text-bold{
	font-weight:600;
}

.fontWeightNormal {
	font-weight: normal;
}


@media print {
	@page{size:A4 landscape;margin:2cm 1cm 2.5cm 1cm;background-color:#fff;}
	@page:first{margin-top:0.5cm;}
	*{overflow:visible!important;min-height:auto;}
    html,body{font-size:11px;}

	.header,.noPrint{
		display: none !important;
	}
	.print{
		display:block!important;
	}
	.main{
		display:block;
		min-height:auto;
		margin:0;
	}
    table{
    	height:100%!important;
    	position: relative;
    	width:100%;
	}
	table>thead>tr>th,table>tfoot>tr>td,table>tbody>tr>td{
		font-size:10px;
		width:auto!important;
		padding:5px;
		min-width:0;
	}
}