*, *:before, *:after{box-sizing: border-box;padding: 0; margin: 0;text-decoration: none;text-rendering: optimizeLegibility;outline: 0;}
html, body{font-family:'Roboto Condensed','PT Sans Narrow',sans-serif;font-size: 12px;font-weight: 400;background:aliceblue;color:#252c4a;box-sizing: border-box;scroll-behavior: smooth;}
.material-icons {font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 24px;line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block;white-space: nowrap;word-wrap: normal;direction: ltr;font-feature-settings: 'liga';-moz-osx-font-smoothing: grayscale;}
.material-icons.md-x {font-size: 16px;}
.material-icons.md-12 { font-size: 14px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-72 { font-size: 72px; }
.neu {font-family: 'Neucha', cursive;}
.kan{font-family: 'Baloo 2';}
a {text-decoration: none;outline: 0!important;}
.clear{clear: inline-end;}
/*@media all and (min-width: 240px) and (max-width: 480px) {	*{		font-size:0.8rem;	}}*/
a{color:#4D99E0;outline:0; font-weight:normal;}
a:active{color:inherit;}
a img{border:0;}
a [class^="icon-"]{color:inherit;text-decoration:none;outline: 0;}
strong,b{font-weight:bold;font-size: inherit;}
.hide{display:none;}
.show{display:block;}
/*---------------------------------
	VARIOS
-----------------------------------*/
.brd-top{border-top: 1px #fff dashed;}
.brd-bot{border-bottom: 1px #fff dashed;}
/*---------------------------------
	HR
-----------------------------------*/
hr{clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;margin:1px 0;min-height: 0;height:1px;}
hr.alt1{border-top: 1px #ccc  solid;}
hr.alt2{border-top: 2px #2e47aa dotted;margin:5px 5px;}
hr.alt3{border-top: 1px #e5e5e5 solid;}
hr.alt4{border-top: 1px #2e47aa dashed;margin:30px 0px;}
hr.alt5{border-top: 1px #2e47aa dashed;margin:10px 0px;}
hr.faded {clear: both;float: none;width: 100%;height: 2px;margin:0px;border: none;background:#12AEF7;
background-image: -webkit-gradient(  linear,  left bottom,  right bottom,color-stop(0, rgb(180,180,180)),color-stop(0.1, rgb(66,66,66)),color-stop(0.9, rgb(66,66,66)),color-stop(1, rgb(0,0,0)));
background-image: -moz-linear-gradient(left center,rgb(18,174,247) 0%,rgb(18,174,247) 30%,rgb(18,174,247) 70%,rgb(18,174,247) 100%);
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
/*---------------------------------
	ENCABEZADOS
-----------------------------------*/
h1,h2,h3,h4,h5,h6{line-height:110%; font-weight:normal;margin-top:3px;margin-bottom:3px;font-family: 'Baloo 2';}
h1.neu,h2.neu,h3.neu,h4.neu{letter-spacing: 0;}

h1{font-size:2.4em;letter-spacing: -1px;}
h2{font-size:2em;letter-spacing: -1px;}
h3{font-size:1.6em;letter-spacing: -1px;}
h4{font-size:1.3em;letter-spacing: -1px;}
h5{font-size:1.1em;;letter-spacing: 0px;}
h6{font-size:0.9em;;letter-spacing: 0.35px;}
/*---------------------------------
	PARRAFOS
-----------------------------------*/
p{margin:10px 0;font-weight:normal;text-align:justify;}
/*---------------------------------
	CITAS
-----------------------------------*/
blockquote p{font-size:1.25em;line-height:1.15em;font-style: italic;margin:30px 30px 30px 0;padding:0 0 0 20px;border-left:2px solid #ccc;}
blockquote span{font-size:0.75em;display:block;color:#ccc; }
blockquote.small p{font-size:1em!important;color: #A83159;}
datalist{visibility: hidden;}
/*---------------------------------
	LISTAS
-----------------------------------*/
ul, ol{padding:0;margin:0 0 20px 25px;}
li{padding:3px 0;margin:0;}
ul.list-unstyled{padding:0;margin:0 0 20px 0;}
ul.list-unstyled li{padding:5px 0;margin:0;list-style-type:none;}
ul.alt{padding:0;margin:0 0 20px 0;}
ul.alt li{list-style-type:none;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;margin:0 0 -1px 0;background:url(img/icon-arrow-right.png) no-repeat 5px 0.7em;padding-left:20px;}
/*---------------------------------
	BOTONES
-----------------------------------*/
button,a.btn,a.btn:visited,a.button,a.button:visited,input[type="submit"],input[type="reset"],input[type="button"]{position:relative;top:0;left:0;vertical-align: middle;margin:0;border: none;padding:5px 8px;line-height:105%;cursor: pointer;width:auto;overflow:visible;font-weight:normal;font-size:13px;text-decoration:none;vertical-align: middle;box-sizing: border-box;display:inline-block;background:#2E47AA;border-radius:4px;color:#fff;}
button:active,a.btn:active,a.btn:visited:active,a.button:active,a.button:visited:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);}
button[disabled],.disabled:active{-webkit-box-shadow:none;box-shadow:none;}
button,input[type="submit"],input[type="reset"],input[type="button"]{padding:6px 12px;}
a.btn:hover {animation-name: pulse;}
button.small, a.btn.small, a.button.small{font-size:11px;padding:5px 10px; font-weight:normal;}
button.large, a.btn.large, a.button.large{font-size:1.3em;padding:8px 15px;}
button.disabled, a.btn.disabled, a.button.disabled{color:#ccc;cursor:default;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVQImWNgQAJ67qv+k8phYGAAABqXCHlzRTS+AAAAAElFTkSuQmCC) repeat;}
button.disabled:hover, a.btn.disabled:hover, a.button.disabled:hover{border:1px solid #ccc;background:#efefef;}
button:hover,a.btn:hover,a.button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{border:1px solid #bbb;}
/*---------------------------------
	BARRA
-----------------------------------*/
ul.button-bar{display:inline-block;margin:0;padding:0;font-size:0;position:relative;top:0;left:0;border:0;background:0;}
ul.button-bar li{display:inline-block;position:relative;top:0;left:0;margin:0 -1px 0 0;padding:0;line-height:100%;font-size:0px;border:1px solid #ccc;background: rgb(252,252,252);}
ul.button-bar li a{margin:0;display:inline-block;padding:7px 10px;position:relative;top:0;left:0;font-weight:normal;font-size:12px;text-shadow:0 1px 0 #fff;color:#666;text-decoration:none;vertical-align: middle;line-height:100%;border-left:1px solid #fff;}
ul.button-bar li a:hover{background: rgb(252,252,252);}
ul.button-bar li a:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);box-shadow:inset 0 3px 5px rgba(0,0,0,0.2),inset 0 -10px 20px rgba(0,0,0,0.07);border-left:1px solid #ccc;}
.pill{border-radius:15em;}
.pop{box-shadow:0px 1px 2px rgba(0,0,0,0.7);}
.inset{box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);}
.square{border-radius:0;}
button.naranja,a.btn.naranja,a.button.naranja,input[type=submit].naranja,input[type=reset].naranja,input[type=button].naranja{color:#fff;border:0px solid #FC730A;background: #FC730A;}
button.naranja:hover,a.btn.naranja:hover,a.button.naranja:hover{border:0px solid #FC730A;background: rgb(249,191,74);}
button.azul,a.btn.azul,a.button.azul,input[type=submit].azul,input[type=reset].azul,input[type=button].azul{color:#fff;border:0px solid #4D99E0;background: #197AD5}
button.azul:hover,a.btn.azul:hover,a.button.azul:hover{border:0px solid #1D6DC1;background: rgb(155,205,255);}
button.rosa,a.btn.rosa,a.button.rosa,input[type=submit].rosa,input[type=reset].rosa,input[type=button].rosa{color:#fff;border:0px solid #EF0251;background: rgb(255,93,177);}
button.rosa:hover,a.btn.rosa:hover,a.button.rosa:hover{border:0px solid #EF0251;background: rgb(255,169,213);}
button.verde,a.btn.verde,a.button.verde,input[type=submit].verde,input[type=reset].verde,input[type=button].verde{color:#fff;border:0px solid #669E00;background: rgb(143,196,0);}
button.verde:hover,a.btn.verde:hover,a.button.verde:hover{border:0px solid #669E00;background: rgb(198,226,120);}
button.rojo,a.btn.rojo,a.button.rojo,input[type=submit].rojo,input[type=reset].rojo,input[type=button].rojo{color: #fff;border: 0px solid #B21203;background-color: rgb(219, 61, 23);}
button.rojo:hover,a.btn.rojo:hover,a.button.rojo:hover{border:0px solid #B21203;background: rgb(234, 118, 92);}
/*---------------------------------
	PRE & CODE
-----------------------------------*/
code{font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;font-size:0.9em;border:1px solid lightblue;padding:1px;-webkit-border-radius:3px;border-radius:3px;color:#518BAB;line-height:1.3em;}
pre{white-space: pre-wrap;word-wrap: break-word;margin: 0 0 0 0;background:#f6f6f6;padding:5px;margin:0 0;border:2px solid #4d4d4d;font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;font-size:0.9em;}
/*---------------------------------
	MENU SUPERIOR
-----------------------------------*/
.navv {background: none;position: absolute;top: 0px;z-index: 999;right: 190px;}
.navv > .nav-btn {display: none;}
.navv > .nav-links {display: inline;float: right;font-size: 15px;}
.navv > .nav-links > a {display: inline-block;padding: 6px;text-decoration: none;color: #efefef;margin-right: 8px;background: #77598f;border-radius: 4px;top: 9px;position: relative;}
.navv > .nav-links > a:hover {/*background-color: #3d4cbf;*/background-color:#f6f6f6;color:#313440;border-radius: 6px;padding: 4px 8px;}
.navv > #nav-check {display: none;}
@media (max-width:600px) {
.navv {background: none;position: relative;top: 20px;left: calc(81vw);z-index: 999;}
.navv {width: 40px;text-align: center;}
.navv > .nav-btn {display: inline-block;position: absolute;right: 0px;top: 4px;z-index: 600;}
.navv > .nav-btn > label {display: inline-block;width: 40px;height: 40px;padding: 12px;}
/*.navv > .nav-btn > label:hover,.navv  #nav-check:checked ~ .nav-btn > label {background-color: rgba(0, 0, 0, 0.3);}*/
.navv > .nav-btn > label > span {display: block;width: 20px;height: 7px;border-top: 2px solid #eee;}
.navv > .nav-links {position: absolute;display: block;width: 100vw;background-color:#3b89bd;height: 0px;transition: all 0.3s ease-in;overflow-y: hidden;top: 0px;left: 18px;}
.navv > .nav-links > a {display: block;width: 100%;}
.navv > #nav-check:not(:checked) ~ .nav-links {height: 0px;}
.navv > #nav-check:checked ~ .nav-links {height: 100vh;overflow-y: auto;position: relative;width: 100vw;}
}
/*---------------------------------
	TABLAS
-----------------------------------*/
table{width:100%;margin:0 0 10px 0;text-align:left;border-collapse: collapse;}
thead, tbody{margin:0;padding:0;}
th, td{padding:7px 10px;font-size:0.85em;border-bottom:1px dotted #ddd;text-align:left;}
thead th{font-size:1em;padding:10px;border-bottom:4px solid #666;}
tbody tr.last th,tbody tr.last td{border-bottom:0;}

table.data thead, tbody{margin:0;padding:0;}
table.data th, td{padding:7px 10px;font-size:1em;border-bottom:1px dotted #ddd;text-align:left;}
table.data td:nth-child(odd){background: #eaeaea;border-bottom:1px dashed #666;}
table.data td:nth-child(even){background: #e3e3e3;border-bottom:1px dashed #666;}
table.data thead th{font-size:1.1em;padding:10px;border-bottom: 2px dotted #666;background: cornflowerblue;}
table.data tbody tr.last th,tbody tr.last td{border-bottom:0;}

table.striped tr.alt{background:#CAE0ED;opacity:0.85;}
table.striped thead th{background:#3F4B5D;border-right:2px solid #197AD5; }
table.striped tbody th{background:#f5f5f5;text-align:right;padding-right:15px;border-right:1px dotted #e5e5e5;}
table.striped tbody tr.alt th{background:#efefef;}
table.striped tr {background-color: #e2e2e2; opacity: .85;}
table.tight th, .tight td{padding:2px 10px;}
/* ordenable */
table.sortable{border:1px solid #ddd;}
table.sortable thead th{cursor: pointer;position:relative;top:0;left:0;border-right:1px solid #ddd;}
table.sortable thead th:hover{background:#efefef;}
table.sortable span.arrow{border-style:solid;border-width:5px;
display:block;position:absolute;top:50%;right:5px;font-size:0;
border-color:#ccc transparent transparent transparent;
line-height:0;height:0;width:0;margin-top:-2px;}
table.sortable span.arrow.up{border-color:transparent transparent #ccc transparent;margin-top:-7px;}
table.azul5 {border: 2px solid #fff;background-color: #EEEEEE;width: 100%;text-align: left;border-collapse: collapse;}
table.azul5 td, table.azul5 th {border: 2px solid #FFFFFF;}
table.azul5 tbody td {font-size: 12px;}
table.azul5 tr:nth-child(odd) {background: aliceblue;color: #666;}
table.azul5 tr:nth-child(even) {background: #E4EDF9;color: #393939;}
table.azul5 tr:hover{background: #bedcf6;}
table.azul5 thead {background: #3D4CBF;}
table.azul5 thead th {background: #3D4CBF;font-size: 14px;font-weight: bold;color: #FFFFFF;border-left: 2px solid #D0E4F5;}
table.azul5 thead th:first-child {border-left: none;}
table.azul5 tfoot {font-size: 14px;font-weight: bold;color: #FFFFFF;background: #FFFFFF;border-top: 2px solid #444444;}
table.azul5 tfoot td {font-size: 14px;}
table.azul5 tfoot .links {text-align: right;}
table.azul5 tfoot .links a{display: inline-block;background: #3D4CBF;color: #FFFFFF;padding: 2px 8px;border-radius: 5px;
}
/*---------------------------------
	BREADCRUMBS
----------------------------------- */
#breadcrumb {list-style: none;display: inline-block;margin: 3px 0 0 0;position: absolute;}
#breadcrumb .icon {font-size: 11px;}
#breadcrumb ul {margin: 0;}
#breadcrumb li {float: left;}
#breadcrumb li a {transition: none;color: #FFF;display: block;background: #3498db;text-decoration: none;position: relative;height: 34px;line-height: 34px;padding: 0 6px 0 0;text-align: center;margin-right: 23px;font-size: 11px;;}
#breadcrumb li:nth-child(even) a {background-color: #2980b9;}
#breadcrumb li:nth-child(even) a:before {border-color: #2980b9;border-left-color: transparent;}
#breadcrumb li:nth-child(even) a:after {border-left-color: #2980b9;}
#breadcrumb li:first-child a {padding-left: 15px;-webkit-border-radius: 4px;border-radius: 4px 0 0 4px;}
#breadcrumb li:first-child a:before {border: none;}
#breadcrumb li:last-child a {padding-right: 15px;-webkit-border-radius: 0;border-radius: 0 4px 4px 0;}
#breadcrumb li:last-child a:after {border: none;}
#breadcrumb li a:before, #breadcrumb li a:after {content: "";position: absolute;top: 0;border: 0 solid #3498db;border-width: 17px 10px;width: 0;height: 0;}
#breadcrumb li a:before {left: -20px;border-left-color: transparent;}
#breadcrumb li a:after {left: 100%;border-color: transparent;border-left-color: #3498db;}
#breadcrumb li a:hover:before {border-color: #A83159;border-left-color: transparent;}
#breadcrumb li a:hover:after {border-left-color: #A83159;}
#breadcrumb li a:hover {background-color: #A83159/*1abc9c*/;}
#breadcrumb li a:active {background-color: #16a085;}
#breadcrumb li a:active:before {border-color: #16a085;border-left-color: transparent;}
#breadcrumb li a:active:after {border-left-color: #16a085;}
/*---------------------------------
TABS
-----------------------------------*/
.tabs {display: flex;flex-wrap: wrap;width: 100%;}
.tabs label {order: 1;display: block;padding: .50em 1em;font-size:13px;/*margin-right: 0.1em;*/cursor: pointer;background: #2E47AA;font-weight: bold;transition: background ease 0.2s;top: 4px;border-top: 2px solid #2980b9;border-right: 1px dotted #e3e3e3;color: #fff;}
div.tabs label:first-of-type {border-radius: 8px 0 0 0;border-left: 2px solid #2980b9;}
div.tabs label:last-of-type {border-radius: 0 8px 0 0;border-right: 2px solid #2980b9;}
.tabs .tab {order: 99;flex-grow: 1;width: 100%;display: none;padding: 0 1rem 1.5rem 1rem;background: #fff;border-radius: 0 8px 8px 8px;border: 2px solid #2980b9;}
.tabs input[type="radio"] {display: none;}
.tabs input[type="radio"]:checked + label {background: #fff;color: #4d577d}
.tabs input[type="radio"]:checked + label + .tab {display: block;}
@media (max-width: 45em) {
.tabs .tab,.tabs label {order: initial;}
.tabs label {width: 100%;margin-right: 0;margin-top: 0.2rem;}
}
/*---------------------------------
ACORDEON
-----------------------------------*/
.accinput {position: absolute;opacity: 0;z-index: -1;}
.acctabs {border-radius: 8px;overflow: hidden;/*box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);*/}
.acctab {width: 100%;color: white;overflow: hidden;border-radius: 10px;}
.acctab-label {display: flex;justify-content: space-between;background: #514a62;font-weight: normal;cursor: pointer;font-size: 18px;height:40px;line-height:38px;font-weight: bold;/* Icon */}
.acctab-label:hover {background: #514a62;}
.acctab-label::after {font-size:12px;text-align: center;transition: all .35s;transform: rotate(90deg);right: -8px;position: relative;top: 12px;}
.acctab-content {max-height: 0;padding: 0 1em;color: #2c3e50;background: white;transition: all .35s;}
.acctab-close {display: flex;justify-content: center;padding: 9px;font-size: 0.85em;background: #514a62;cursor: pointer;width: 80px;float: right;border-radius: 7px;}
.acctab-close:hover {background: #514a62;}
.accinput:checked + .acctab-label {background: #514a62;}
/*.accinput:checked + .acctab-label::after {-webkit-transform: rotate(90deg);transform: rotate(90deg);}*/
.accinput:checked ~ .acctab-content {max-height: 100vh;padding: 1em;}
/*---------------------------------
TOOLTIP
-----------------------------------*/
[data-tooltip],.tooltip {  position: relative;  cursor: pointer;}
[data-tooltip]:before,[data-tooltip]:after,.tooltip:before,.tooltip:after {
  position: absolute;
  visibility: hidden;
  opacity: 0;
	transition:
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24),
		-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}
[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus:before,[data-tooltip]:focus:after,.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after {visibility: visible;opacity: 1;}
.tooltip:before,[data-tooltip]:before {z-index: 1001;border: 6px solid transparent;background: transparent;content: "";white-space: pre-line;}
.tooltip:after,[data-tooltip]:after {z-index: 1000;padding:7px;width: auto;min-width:110px;max-width: 350px;background-color: #5468d5;color: #fff;content: attr(data-tooltip);font-size: 10px!important;line-height: 1.1;white-space: break-spaces;border-radius: 5px;font-weight: 400;}
[data-tooltip]:before,[data-tooltip]:after,.tooltip:before,.tooltip:after,.tooltip-top:before,.tooltip-top:after {bottom: 100%;left: 50%;}
[data-tooltip]:before,.tooltip:before,.tooltip-top:before {/*margin-left: calc(-50%);*/margin-bottom: -10px;border-top-color: #000;border-top-color: #5468d5;}
[data-tooltip]:after,.tooltip:after,.tooltip-top:after {margin-left: -35px;}
[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus:before,[data-tooltip]:focus:after,.tooltip:hover:before,.tooltip:hover:after,.tooltip:focus:before,.tooltip:focus:after,.tooltip-top:hover:before,.tooltip-top:hover:after,.tooltip-top:focus:before,.tooltip-top:focus:after {-webkit-transform: translateY(-12px);transform:  translateY(-12px);}
.tooltip-left:before,.tooltip-left:after {right: 100%;bottom: 50%;left: auto;}
.tooltip-left:before {margin-left: 0;margin-right: -12px;margin-bottom: 0;border-top-color: transparent;border-left-color: #000;border-left-color: #5468d5;}
.tooltip-left:hover:before,.tooltip-left:hover:after,.tooltip-left:focus:before,.tooltip-left:focus:after {-webkit-transform: translateX(-12px);transform:translateX(-12px);}
.tooltip-bottom:before,.tooltip-bottom:after {top: 100%;bottom: auto;left: 50%;text-align: center;}
.tooltip-bottom:before {margin-top: -12px;margin-bottom: 0;border-top-color: transparent;border-bottom-color: #000;border-bottom-color: hsl(230.7, 60.6%, 58.2%);;}
.tooltip-bottom:hover:before,.tooltip-bottom:hover:after,.tooltip-bottom:focus:before,.tooltip-bottom:focus:after {-webkit-transform: translateY(12px);transform:translateY(12px);}
.tooltip-right:before,.tooltip-right:after {bottom: 50%;left: 100%;}
.tooltip-right:before {margin-bottom: 0;margin-left: -12px;border-top-color: transparent;border-right-color: #000;border-right-color: #5468d5;}
.tooltip-right:hover:before,.tooltip-right:hover:after,.tooltip-right:focus:before,.tooltip-right:focus:after {-webkit-transform: translateX(12px);transform:translateX(12px);}
.tooltip-left:before,.tooltip-right:before {top: 10px;}
.tooltip-left:after,.tooltip-right:after {margin-left: 0;margin-bottom: -16px;white-space: pre;}
.tooltip.big:after {font-size: 13px!important;}

.ttooltip {display:inline-block;position:relative;border-bottom:1px dotted #666;text-align:left;font-style: normal;font-weight: 400;line-height: 1.2;text-align: start;text-shadow: none;text-transform: none;letter-spacing: normal;word-break: normal;word-spacing: normal;white-space: normal;line-break: auto;font-size: 0.875rem;overflow-wrap: break-word;}
#demo .tooltip:hover .right {visibility: visible;opacity: 1;}
#demo .tooltip .right i {position: absolute;top: 50%;right: 100%;margin-top: -12px;width: 12px;height: 24px;overflow: hidden;}
#demo .tooltip .right i::after {content: '';position: absolute;width: 12px;height: 12px;left: 0;top: 50%;transform: translate(50%,-50%) rotate(-45deg);background-color: #444444;box-shadow: 0 1px 8px rgba(0,0,0,0.5);}
#demo .tooltip .right {min-width: 200px;max-width: 400px;top: 50%;left: 100%;margin-left: 20px;transform: translate(0, -50%);padding: 0;color: #EEEEEE;background-color: #444444;font-weight: normal;font-size: 12px;border-radius: 8px;position: absolute;z-index: 99999999;box-sizing: border-box;box-shadow: 0 1px 8px rgba(0,0,0,0.5);visibility: hidden;opacity: 0;transition: opacity 0.8s;}
.ttooltip .top {min-width:320px;max-width:480px;top:-20px;left:50%;transform:translate(-30%,-100%);padding:6px;color:#ffffff;background-color:#313440;font-weight:normal;font-size:11px!important;border-radius:5px;position:absolute;z-index:99999999;box-sizing:border-box;box-shadow:0 1px 8px rgba(0,0,0,0.5);display:none;min-height: 180px;background: #313440 url('../images/abogado2.png');background-repeat: no-repeat, no-repeat;background-position: 4% 12px, 45% 0.5%;background-size: 18%;line-height: 135%;}
.ttooltip:hover .top {display:block;}
.ttooltip .top i {position:absolute;top:100%;left:30%;margin-left:-15px;width:30px;height:15px;overflow:hidden;}
.ttooltip .top i::after {content:'';position:absolute;width:15px;height:15px;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:#313440;box-shadow:0 1px 8px rgba(0,0,0,0.5);}

/*---------------------------------
TOAST
-----------------------------------*/
.toast-title {font-weight: bold;color:#fff;}
.toast-message {-ms-word-wrap: break-word;word-wrap: break-word;color:#fff;}
.toast-message a,.toast-message label {color: #ffffff;}
.toast-message a:hover {color: #cccccc;text-decoration: none;}
.toast-close-button {position: relative;right: -0.3em;top: -0.3em;float: right;font-size: 18px;font-weight: bold;color: #ffffff;-webkit-text-shadow: 0 1px 0 #ffffff;text-shadow: 0 1px 0 #ffffff;opacity: 0.8;}
.toast-close-button:hover,.toast-close-button:focus {color: #000000;text-decoration: none;cursor: pointer;opacity: 0.4;}
button.toast-close-button {padding: 0;cursor: pointer;background: transparent;border: 0;appearance: none;}
.toast-top-center {top: 0;right: 0;width: 100%;}
.toast-bottom-center {bottom: 0;right: 0;width: 100%;}
.toast-top-full-width {top: 0;right: 0;width: 100%;}
.toast-bottom-full-width {bottom: 0;right: 0;width: 100%;}
.toast-top-left {top: 12px;left: 12px;}
.toast-top-right {top: 50px;right: 80px;}
.toast-bottom-right {right: 12px;bottom: 12px;}
.toast-bottom-left {bottom: 12px;left: 12px;}
#toast-container {position: fixed;z-index: 999999;}
#toast-container * {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#toast-container > div {position: relative;overflow: hidden;margin: 0 0 6px;padding: 15px 15px 15px 50px;width: 500px;-webkit-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;background-position: 15px center;background-repeat: no-repeat;-webkit-box-shadow: 0 0 12px #999999;box-shadow: 0 0 12px #999999;color: #ffffff;opacity: 0.9;}
#toast-container > :hover {-webkit-box-shadow: 0 0 12px #000000;box-shadow: 0 0 12px #000000;opacity: 1;}
#toast-container > .toast-info {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;}
#toast-container > .toast-error {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;}
#toast-container > .toast-success {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;}
#toast-container > .toast-warning {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;}
#toast-container.toast-top-center > div,#toast-container.toast-bottom-center > div {width: 550px;margin: auto;}
#toast-container.toast-top-full-width > div,#toast-container.toast-bottom-full-width > div {width: 96%;margin: auto;}
.toast {background-color: #030303;}
.toast-success {background-color: #51a351;}
.toast-error {background-color: #bd362f;}
.toast-info {background-color: #2f96b4;}
.toast-warning {background-color: #f89406;}
.toast-progress {position: absolute;left: 0;bottom: 0;height: 4px;background-color: #000000;opacity: 0.4;}
@media all and (max-width: 240px) {#toast-container > div {padding: 8px 8px 8px 50px;width: 11em;}
#toast-container .toast-close-button {right: -0.2em;top: -0.2em;}}
@media all and (min-width: 241px) and (max-width: 480px) {#toast-container > div {padding: 8px 8px 8px 50px;width: 18em;}
#toast-container .toast-close-button {right: -0.2em;top: -0.2em;}}
@media all and (min-width: 481px) and (max-width: 768px) {
#toast-container > div {padding: 15px 15px 15px 50px;width: 25em;}
}
/*---------------------------------
SLIDER
-----------------------------------*/
.slider-ctr {width: 700px;height: 440px;position: relative;/*top: 50%;left: 50%;margin-top: -220px;margin-left: -350px;*/box-sizing: border-box;border: 10px solid white;border-radius: 5px;overflow: hidden;box-shadow: 0 10px 15px 3px rgba(0, 0, 0, 0.15), 0 5px 20px 3px rgba(0, 0, 0, 0.1);}
.slider-ctr:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.6) 100%);pointer-events: none;z-index: 9;}
.slider-control {position: absolute;right: 30px;bottom: 30px;width: 80px;overflow: hidden;border-radius: 3px;box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15);z-index: 99;}
.slider-control .control {width: 50%;height: 40px;display: block;float: left;text-align: center;line-height: 40px;cursor: pointer;transition: .3s all ease;background: white;}
.slider-control .control .icon {pointer-events: none;transition: .3s all ease;top: 7px;position: relative;}
.slider-control .control.disabled {pointer-events: none;background: #ddd;}
.slider-control .control.disabled .icon {opacity: .5;}
.slide {width: inherit;position: absolute;top: 0;right: 0;bottom: 0;left: 0;transition: 0.45s all cubic-bezier(0.65, 0.05, 0.36, 1);-webkit-clip-path: inset(0 0 0 0);clip-path: inset(0 0 0 0);}
.slide:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.125);}
.slide.slide-on {-webkit-clip-path: inset(0 100% 0 0);clip-path: inset(0 100% 0 0);}
.slide.text-on .title {transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;-webkit-clip-path: inset(0 0 0 0);clip-path: inset(0 0 0 0);}
.slide.text-on .author {transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.6s;-webkit-clip-path: inset(0 0 0 0);clip-path: inset(0 0 0 0);}
.slide img {width: inherit;display: block;}
.slide figcaption {position: absolute;top: 30px;left: 30px;}
.slide .title {font-size: 50px;margin-bottom: 2px;color: white;transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;-webkit-clip-path: inset(0 0 0 100%);clip-path: inset(0 0 0 100%);font-weight: 400;letter-spacing: 10px;text-transform: uppercase;position: relative;}
.slide .author {font-size: 26px;color: black;opacity: .8;transition: 0.3s all cubic-bezier(0.65, 0.05, 0.36, 1) 0.45s;-webkit-clip-path: inset(0 0 0 100%);clip-path: inset(0 0 0 100%);font-weight: 300;letter-spacing: 3px;position: relative;z-index: 9;}
/*---------------------------------
	IMAGENES
-----------------------------------*/
img{margin:0;padding:0;display:inline-block;position:relative;vertical-align: bottom;}
.boxed {background: none repeat scroll 0% 0% #FFF;padding: 5px;border: 1px solid #CCC;}
img.align-left, .img-wrap.align-left{float:left;margin:0 10px 5px 0;}
img.align-right, .img-wrap.align-right{float:right;margin:0 0 5px 10px;}
img.full-width{clear:both;display:block;width:100%;height:auto;margin:0 0 10px 0;}
div.caption{background:#f5f5f5;border:1px solid #ddd;padding:3px;max-width:100%;display:inline-block;height:auto;}
div.caption img{display:block;padding:0;margin:0;width:100%;height:auto;}
div.caption span{display:block;margin-top:3px;font-size:0.8em;color:#666;padding:0px 5px;}
/*---------------------------------
	FORMULARIOS
-----------------------------------*/
form{padding:0;margin:0;}
fieldset{margin:0;padding:10px;border:none;background:none;position: relative;top:0;left:0;}
legend {padding:5px;margin:0;display:block;position: relative;top:0;left:0;font-size:1.2em;text-align:left}
legend:after {content: "";height: 2px;background: linear-gradient(to right, #223f7f 0%,rgb(78, 137, 223) 22%,rgba(0,0,0,0) 100%);display: block;margin-bottom: 0px;margin-top: 4px;}
legend span{float:right;background:#ccc;border:6px solid #666;border-radius: 50%;padding:8px;color:#e45c3a;}
label{display:inline-block;vertical-align: middle;margin:2px 0 2px 0;position:relative;top:0;left:0;font-weight:700;;font-size:1em;padding:0 5px;background: none;}
label.d{min-width:30%;text-align:right;}
label.inline{display:inline;margin:0;font-weight:normal;font-size:15px;}
label span{color:#999;font-size:0.9em;padding-left:5px;font-style:italic;}
label span.right{position:absolute;bottom:0;right:20px;text-align:right;display:inline-block;}
label.disabled{color:#999;}
.flat{display:inline-block;vertical-align: middle;width:auto;margin:0px;border:0px solid #666;border-bottom:1px dotted #666;padding:0px;text-indent:0px;-webkit-border-radius:0px;border-radius:0px;background:#fff;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
:invalid {  box-shadow: none;}
:-moz-submit-invalid {  box-shadow: none;}
:-moz-ui-invalid {  box-shadow: none;}
input, select, textarea {border:1px solid #3d4cbf;width: 95%;display:inline-block;vertical-align: middle;margin:4px;padding:5px;text-indent:1px;border-radius:5px;background:#fff;box-sizing: border-box;line-height: 150%;color:#666;}
.w100 {width: 100%;}
input[disabled="disabled"], input.disabled{color:#73879C;background:#e6e6e6;border:1px solid #e6e6e6;/*box-shadow:inset 0 1px 2px #ddd;*/background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVQImWNgQAJ67qv+k8phYGAAABqXCHlzRTS+AAAAAElFTkSuQmCC) repeat;}
/* Focus */
/*input[type="text"]:focus,textarea:focus,button:focus,a.button:focus,select:focus,input[type="file"]:focus,input[type="password"]:focus{}*/
/* Tansisiones */
input[type="text"],textarea,button,a.button,a,input[type="file"]{transition: box-shadow 0.5s, border 0.5s, background 0.5s;}
input.checkbox,input[type="checkbox"]{display:inline;width:auto;margin:0;padding:0;border:0;background:none;vertical-align:middle;}
input.radio,input[type="radio"]{display:inline;width:auto;margin:0;padding:0;border:0;background:none;vertical-align:middle;}
input[type="radio"]:focus,input[ type="checkbox"]:focus{-webkit-box-shadow: 0 0 5px #6DB9FF;box-shadow: 0 0 5px #6DB9FF;outline-color: #6DB9FF;}
/*input.file,input[type="file"]{-webkit-box-shadow:none;box-shadow:none;border:none;margin-top:14px;border:1px solid #e1e1e1;}*/
select{display:inline;margin:2px;line-height:170%;padding:8px;vertical-align: middle;background:#fefefe;border-radius:5px;}
input.camu{font-size: 12px;background: inherit;border: none!important;display: inline;width:auto;color:#fff;text-align: center;text-transform: uppercase;font-weight: bold;padding: 0;}
input.camu:focus{background:#f3f3f3;color:#c30;width:auto;}
input.camu:invalid{background: inherit;border: none!important;display: inline;width:auto;color:#fff;text-align: center;text-transform: uppercase;font-weight: bold;padding: 0;}
input.camu:required:invalid{background: inherit;border: none!important;display: inline;width:auto;color:#fff;text-align: center;text-transform: uppercase;font-weight: bold;padding: 0;}
select.camu{font-family: inherit;  font-size: 1em;background: inherit;border: none!important;display: inline;width:auto;color:#252c4a;text-align: center;text-transform: uppercase;padding: 0;}
select.camu:invalid{background: inherit;border: none!important;display: inline;width:auto;color:#fff;text-align: center;text-transform: uppercase;font-weight: bold;padding: 0;}
select.camu:required:invalid{background: inherit;border: none!important;display: inline;width:auto;color:#fff;text-align: center;text-transform: uppercase;font-weight: bold;padding: 0;}
/* Vertical -----------------------------------*/
form.vertical label{display:block;}
form.vertical input,form.vertical select{display:block;margin-bottom:10px;}
form.vertical textarea{display:block;margin-bottom:10px;height:90px;}
form.vertical .chzn-container{display:block;margin-bottom:10px;}
form.vertical .chzn-choices{display:block;margin-bottom:10px;}
/* radios y check */
form.vertical input.checkbox,
form.vertical input[type="checkbox"],
form.vertical input.radio,
form.vertical input[type="radio"],
form.vertical label.inline{display:inline;width:auto;margin:0;}
/* Validaciones */
label.error{color:#D13646;font-weight: 700;}
input.error{color:#fff;background-color: #D13646;}
select.error{color:#fff;background-color: #D13646;}
textarea.error{color:#fff;background-color: #D13646;}
/*
input:invalid{background-color: #D13646!important;}
input:required {  }
select:invalid{border:0px solid #D13646!important;}
textarea:invalid{border:0px solid #D13646!important;}
input:focus{ background-color:#8C99FF;; color:#fff;border:1px dotted #ffffff;}
select:focus{ background-color:#f2f2f2;color:#666;border:1px dotted #ffffff;}
textarea:focus{ background-color:#f2f2f2; color:#666;border:1px dotted #ffffff;}
*/
input:required:valid { border-color: #70c4987a;color:#333}
input:invalid { border-color: #3d4cbf;}
input:required:focus:valid { background: #70c4987a; background-size: 25px;color:#333;}
input:required:focus:invalid { background:#d83d3d;background-size: 25px;color:#fff;}
input:focus:invalid { background:#d83d3d;background-size: 25px;color:#fff;}

select:required:valid { border-color: #70c4987a;}
select:invalid { border-color: #3d4cbf;}
select:required:focus:valid { background:#fff; background-size: 25px;color:#333;}
select:required:focus:invalid { background:#d83d3d;background-size: 25px;color:#fff;}
select:focus:invalid { background:#d83d3d;background-size: 25px;color:#fff;}

textarea:required:valid { border-color: green;}
textarea:invalid { border-color: #3d4cbf;}
textarea:required:focus:valid { background:#70c4987a; background-size: 25px;color:#333;}
textarea:required:focus:invalid { background:#d83d3d;background-size: 25px;color:#fff;}
textarea:focus:invalid { background:#d83d3d;background-size: 25px;color:#fff;}

::placeholder {font-style: italic;font-size: 95%;color:#666;}  /* Firefox 18- */
/* Alertas */
.notice{background:#ffc959;padding:10px;margin:10px 0;border-radius:5px;color:#666;line-height:120%;vertical-align:middle;position:relative;top:0;left:0;clear:both;}
.notice.warning span { position: relative;top: -4px;font-weight: 700;  }
.notice.warning span i { top: 5px;position: relative;margin-right: 4px;}
.notice.error{background:#d13646;color:#fff;}
.notice.error span { position: relative;top: -4px;font-weight: 700;  }
.notice.error span i { top: 5px;position: relative;margin-right: 4px;}
.notice.success{border:0px solid green;background:#1eb364;color:#fff;}
.notice.success span { position: relative;top: -4px;font-weight: 700;  }
.notice.success span i { top: 5px;position: relative;margin-right: 4px;}
.inputfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.inputfile + label {font-size: 0.9rem;/* 20px */font-weight: 400;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;display: inline-block;overflow: hidden;width: max-content;/* 10px 20px */}
.no-js .inputfile + label {display: none;}
/*.inputfile + label * { pointer-events: none; *//* in case of FastClick lib use }*/
.inputfile + label svg {width: 1em;height: 1em;vertical-align: middle;fill: currentColor;margin-top: -0.25em;/* 4px */margin-right: 0.25em;/* 4px */}
/* estilo 1 */
.inputfile-1 + label {color: #f1e5e6;background-color: #d3394c;}
.inputfile-1:focus + label,.inputfile-1.has-focus + label,.inputfile-1 + label:hover {background-color: #722040;}
/* estilo 2 */
.inputfile-2 + label {color: #d3394c;border: 2px solid currentColor;}
.inputfile-2:focus + label,.inputfile-2.has-focus + label,.inputfile-2 + label:hover {color: #722040;}
/* estilo 3 */
.inputfile-3 + label {color: #d3394c;}
.inputfile-3:focus + label,.inputfile-3.has-focus + label,.inputfile-3 + label:hover {color: #722040;}
/* estilo 4 */
.inputfile-4 + label {color: #d3394c;}
.inputfile-4:focus + label,.inputfile-4.has-focus + label,.inputfile-4 + label:hover {color: #722040;}
.inputfile-4 + label figure {width: 100px;height: 100px;border-radius: 50%;background-color: #d3394c;display: block;padding: 20px;margin: 0 auto 10px;}
.inputfile-4:focus + label figure,.inputfile-4.has-focus + label figure,.inputfile-4 + label:hover figure {background-color: #722040;}
.inputfile-4 + label svg {width: 100%;height: 100%;fill: #f1e5e6;}
/* estilo 5 */
.inputfile-5 + label {color: #d3394c;}
.inputfile-5:focus + label,.inputfile-5.has-focus + label,.inputfile-5 + label:hover {color: #722040;}
.inputfile-5 + label figure {width: 100px;height: 135px;background-color: #d3394c;display: block;position: relative;padding: 30px;margin: 0 auto 10px;}
.inputfile-5:focus + label figure,.inputfile-5.has-focus + label figure,.inputfile-5 + label:hover figure {background-color: #722040;}
.inputfile-5 + label figure::before,.inputfile-5 + label figure::after {width: 0;height: 0;content: '';position: absolute;top: 0;right: 0;}
.inputfile-5 + label figure::before {border-top: 20px solid #dfc8ca;border-left: 20px solid transparent;}
.inputfile-5 + label figure::after {border-bottom: 20px solid #722040;border-right: 20px solid transparent;}
.inputfile-5:focus + label figure::after,.inputfile-5.has-focus + label figure::after,.inputfile-5 + label:hover figure::after {border-bottom-color: #d3394c;}
.inputfile-5 + label svg {width: 100%;height: 100%;fill: #f1e5e6;}
/* estilo 6 */
.inputfile-6 + label {color: #d3394c;}
.inputfile-6 + label {border: 0px solid #d3394c;background-color: #fff;padding: 0;}
.inputfile-6:focus + label,.inputfile-6.has-focus + label,.inputfile-6 + label:hover {border-color: #722040;}
.inputfile-6 + label span,.inputfile-6 + label strong {padding: 0.625rem 1.25rem;/* 10px 20px */
}
.inputfile-6 + label span {width: 200px;min-height: 2em;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;vertical-align: top;}
.inputfile-6 + label strong {height: 100%;color: #fff;background-color:#2e47aa;display: inline-block;}
.inputfile-6:focus + label strong,.inputfile-6.has-focus + label strong,.inputfile-6 + label:hover strong {background-color: #A83159;}
@media screen and (max-width: 50em) {.inputfile-6 + label strong {display: block;}}
/* RADIO Y CHECKBOX*/
.radio-container {display: flex;justify-content: center;align-items: center;}
.radio-container .list {flex: 0 0 20rem;list-style: none;}
.radio-container .list__item {position: relative;padding: 0px;}
.radio-container .list__item:hover > .label, .radio-container .list__item:hover > .labelc {color: #A83159;}
.radio-container .list__item:hover > .label::before, .radio-container .list__item:hover > .labelc::before {border: 0.5rem solid #A83159;margin-right: 1rem;}
.radio-container .list__item .radio-btn {position: absolute;opacity: 0;visibility: hidden;}
.list__item .radio-btn:checked + .label {color: #A83159;}
.radio-btn:checked + .label::before, .radio-btn:checked + .labelc::before {margin-right: 1rem;border: 0.35em solid #A83159;background: #fff;}
.list__item .label, .list__item .labelc    {display: flex;align-items: center;padding: 0.15rem 0;color: #2e47aa;font-size: 1.1rem;text-transform: uppercase;cursor: pointer;transition: all 0.25s linear;}
.list__item .label::before {display: inline-block;content: "";height: 1.25em;width: 1.25em;margin-right: 0.625rem;border: 0.35em solid #2e47aa;border-radius: 50%;transition: all 0.25s linear;}
.list__item .labelc::before {display: inline-block;content: "";height: 1.25em;width: 1.25em;margin-right: 0.625rem;border: 0.35em solid #2e47aa;border-radius: 10%;transition: all 0.25s linear;}

.cbx {-webkit-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;cursor: pointer;}
.cbx span {display: inline-block;vertical-align: middle;transform: translate3d(0, 0, 0);color: #fff;}
.cbx span:first-child {position: relative;width: 26px;height: 26px;border-radius: 50%;transform: scale(1);vertical-align: middle;border: 7px solid #506EEC;;transition: all 0.2s ease;background: #fff;}
.cbx span:first-child svg {position: absolute;z-index: 1;top: 2px;left: 0px;fill: none;stroke: white;stroke-width: 3;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 16px;stroke-dashoffset: 16px;transition: all 0.3s ease;transition-delay: 0.1s;transform: translate3d(0, 0, 0);}
.cbx span:first-child:before {content: "";width: 100%;height: 100%;background: #506EEC;display: block;transform: scale(0);opacity: 1;border-radius: 50%;transition-delay: 0.2s;}
.cbx span:last-child:after {position: absolute;top: 8px;left: 0;height: 1px;width: 100%;background: #B9B8C3;transform-origin: 0 0;transform: scaleX(1);}
.cbx:hover span:first-child {border-color: #3cc76c;}
.inp-cbx:checked + .cbx span:first-child {border-color: #3cc76c;background: #3cc76c;animation: check 0.6s ease;}
.inp-cbx:checked + .cbx span:first-child svg {stroke-dashoffset: 0;}
.inp-cbx:checked + .cbx span:first-child:before {transform: scale(2.2);opacity: 0;transition: all 0.6s ease;}
.inp-cbx:checked + .cbx span:last-child {color: #3cc76c;transition: all 0.3s ease;font-size: 1em;}
.inp-cbx:checked + .cbx span:last-child:after {transform: scaleX(1);transition: all 0.3s ease;}
@keyframes check {50% {transform: scale(1.2);}}

/* ---------------------------------------
CROPPIE
----------------------------------------- */
.croppie-container {width: 350px;height: 100%;}
.croppie-container .cr-image {z-index: -1;position: absolute;top: 0;left: 0;transform-origin: 0 0;max-height: none;max-width: none;color:#e7e7e7;}
.croppie-container .cr-boundary {position: relative;overflow: hidden;margin: 0 auto;z-index: 1;/*width: 100%;height: 100%;*/width: 300px;height: 580px;background: url(../images/camara_01.png) no-repeat;background-position: center;background-size: 45%;top: 10px;}
.croppie-container .cr-viewport,.croppie-container .cr-resizer {position: absolute;border: 12px solid #3d4cbc;margin: auto;top: 0;bottom: 0;right: 0;left: 0;/*box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);*/z-index: 0;}
.croppie-container .cr-resizer {z-index: 2;box-shadow: none;pointer-events: none;}
.croppie-container .cr-resizer-vertical,.croppie-container .cr-resizer-horisontal {position: absolute;pointer-events: all;}
.croppie-container .cr-resizer-vertical::after,.croppie-container .cr-resizer-horisontal::after {display: block;position: absolute;box-sizing: border-box;border: 1px solid black;background: #fff;width: 10px;height: 10px;content: '';}
.croppie-container .cr-resizer-vertical {bottom: -5px;cursor: row-resize;width: 100%;height: 10px;}
.croppie-container .cr-resizer-vertical::after {left: 50%;margin-left: -5px;}
.croppie-container .cr-resizer-horisontal {right: -5px;cursor: col-resize;width: 10px;height: 100%;}
.croppie-container .cr-resizer-horisontal::after {top: 50%;margin-top: -5px;}
.croppie-container .cr-original-image {display: none;}
.croppie-container .cr-vp-circle {border-radius: 50%;}
.croppie-container .cr-overlay {z-index: 1;position: absolute;cursor: move;touch-action: none;}
.croppie-container .cr-slider-wrap {width: 75%;margin: 5px auto;text-align: center;}
.croppie-result {position: relative;overflow: hidden;}
.croppie-result img {position: absolute;}
.croppie-container .cr-image,.croppie-container .cr-overlay,.croppie-container .cr-viewport {-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);}

/* OVERLAY --------------------------- */
/*#overlay{ height: 520px;width: 600px;margin: 0 auto;padding: 45px 18px 20px 25px;position: absolute;bottom: 5%;right: 4%;z-index: 1000;display: none;opacity: 0;}*/
#overlay{ height: 100%;width: 100%;margin: 0 auto;padding: 45px 18px 20px 25px;position: absolute;bottom: 0%;right: 0%;z-index: 1000;display: none;opacity: 0;}
#overlay p{font-size: 16px;}
#cierra{position:fixed;top:0;left:0;background:rgba(0,0,0,0.55);z-index:500;width:100%;height:100%;display:none;}
#overlay:target, #overlay:target + #cierra{display:block;opacity:1;}
.cierra{display: block;position: absolute;top: 60px;right: 40px;color:#3e4dbe;height: 30px;width: 30px;line-height: 32px;font-size: 23px;text-decoration: none;text-align: center;font-weight: bold;border-radius: 50%;border: 3px solidwhite;background:#fff;}
/* OVERLAY ---------- */
div#preloader {display: none;position: fixed;height: 100%; width: 100%;z-index: 9999;opacity: 0.65;/*background: url("images/regalos_linea.png") repeat-x bottom center;background-size: auto 100%*/;/*background:url(img/eidos_logo_bg.png) no-repeat 90% 5%, url(img/eidos_logo_bg.png) no-repeat 90% 95%; background-size:20%;*/}
.overlayh {float: left;height:118vh;width: 0;position:fixed;z-index:10000;left: 0;top: 0;background-color:rgba(0, 0, 0, 0.92);overflow: hidden;transition: all ease 0.75s;}
/*.overlayh-content {position: relative;top:5%;width: 100%;text-align: center;margin-top:10px; }*/
.overlayh a {padding:4px;padding-top:8px; text-decoration: none;font-size: 32px;display: block;}
.overlayh a:hover, .overlayh a:focus {color: #f1f1f1;}
.overlayh .closebtn {position: absolute;right:25px;font-size:55px;width:50px;height:50px;text-align: center;line-height: 25px;}
@media screen and (max-height: 450px) {
   .overlayh a {font-size: 20px}
   /*.overlay .closebtn {font-size: 40px;top: 135px;right: 55px; }*/
}

.sort {font-family: inherit;font-weight: bold;font-size:inherit;padding:5px;border-radius: 5px;border:none;display:inline-block;color:#fff;text-decoration: none;background-color:unset;}
.sort:hover {text-decoration: none;border:none;}
.sort:focus {outline:none;}
.sort:after {display:inline-block;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid transparent;content:"";position: relative;top:-2px;right:-5px;}
.sort.asc:after {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #fff;content:"";position: relative;top:-2px;right:-5px;}
.sort.desc:after {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #fff;content:"";position: relative;top:-2px;right:-5px;}
.pagination {text-align:right;margin:5px;}
.pagination li {display:inline-block;padding:3px;}
.pagination li a{font-family: inherit;font-weight: bold;font-size:14px;color:#fff;padding: 4px 8px;background: #234ed0;border-radius: 6px;}

.paginationBottom {text-align:right;margin:5px;}
.paginationBottom li {display:inline-block;padding:3px;}
.paginationBottom li a{font-family: inherit;font-weight: bold;font-size:13px;color:#fff;padding: 4px 8px;background: #234ed0;border-radius: 6px;}
.paginationBottom li.active a{font-family: inherit;font-weight: bold;font-size:13px;color:#666;padding: 4px 8px;background: #ebb75c;border-radius: 6px;}

.paginationTop {text-align:right;margin:5px;}
.paginationTop li {display:inline-block;padding:3px;}
.paginationTop li a{font-family: inherit;font-weight: bold;font-size:13px;color:#fff;padding: 4px 8px;background: #234ed0;border-radius: 6px;}
.paginationTop li.active a{font-family: inherit;font-weight: bold;font-size:13px;color:#666;padding: 4px 8px;background: #ebb75c;border-radius: 6px;}

table.bande {border: 2px solid #fff;background-color: #EEEEEE;width: 100%;text-align: left;border-collapse: collapse;}
table.bande td, table.bande th {border: 2px solid #FFFFFF;border-radius: 8px;}
table.bande tbody td {font-size: 12px;border-radius: 8px;}
table.bande tr:nth-child(odd) {background: aliceblue;color: #666;}
table.bande tr:nth-child(even) {background: #E4EDF9;color: #393939;}
table.bande tr:hover{background: #bedcf6;}
table.bande thead tr th {background: #405184;font-size: 12px;font-weight: bold;color: #FFFFFF;padding:6px;}
table.bande thead tr th:first-child {border-left: none;}
.search{font-size: 12px;border-radius: 5px;background: #d2d2d2;border: none;margin: 5px;width: 100%;padding: 6px;}