article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
html, button, input, select, textarea {
    font-family: sans-serif;
}
body {
    margin: 0;
}
a:focus {
    outline: thin dotted;
}
a:active, a:hover {
    outline: 0;
}
h1 {
    font-size: 2em;
    margin: .67em 0;
}
h2 {
    font-size: 1.5em;
    margin: .83em 0;
}
h3 {
    font-size: 1.17em;
    margin: 1em 0;
}
h4 {
    font-size: 1em;
    margin: 1.33em 0;
}
h5 {
    font-size: .83em;
    margin: 1.67em 0;
}
h6 {
    font-size: .67em;
    margin: 2.33em 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: bold;
}
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
mark {
    background: #ff0;
    color: #000;
}
p, pre {
    margin: 1em 0;
}
code, kbd, pre, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: none;
}
q:before, q:after {
    content: '';
    content: none;
}
small {
    font-size: 80%}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -.5em;
}
sub {
    bottom: -.25em;
}
dl, menu, ol, ul {
    margin: 1em 0;
}
dd {
    margin: 0 0 0 40px;
}
menu, ol, ul {
    padding: 0 0 0 40px;
}
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
form {
    margin: 0;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}
legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}
button, input {
    line-height: normal;
}
button, select {
    text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}
button[disabled], html input[disabled] {
    cursor: default;
}
input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url("assets/fonts/proxima-nova/Proxima-Nova-Regular.eot");
    src: url("assets/fonts/proxima-nova/Proxima-Nova-Regular.eot?#iefix") format('embedded-opentype'), 
    /*url("assets/fonts/proxima-nova/Proxima-Nova-Regular.woff2") format('woff2'),*/ 
    url("assets/fonts/proxima-nova/Proxima-Nova-Regular.woff") format('woff'), url("assets/fonts/proxima-nova/Proxima-Nova-Regular.ttf") format('truetype'), url("assets/fonts/proxima-nova/Proxima-Nova-Regular.svg#proxima_nova_altregular") format('svg');
    font-weight: 400;
    font-style: 400
}
body {
    background: #fff;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: 0.6 all ease;
    -moz-transition: 0.6 all ease;
    -o-transition: 0.6 all ease;
    -ms-transition: 0.6 all ease;
    transition: 0.6 all ease;
    margin: 0;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dd, p, div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, ul:first-child, ol:first-child, li:first-child, dl:first-child, dd:first-child, p:first-child, div:first-child {
    margin-top: 0;
}
p {
    color: #000;
    margin: 15px 0;
    line-height: 1.25em;


     font-size: 12px;
}

table, ul, ol, li {
    color: #000;
    font-size: 16px;
}
table {
    width: 100%}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-style: 400;
    font-weight: 700;
    line-height: 1em;
    color: #000;
}
h1 {
    margin: 1.5em auto;
}
img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
iframe {
    border: none;
}
.dispTable {
    display: table;
    height: 100%;
    width: 100%}
.dispCell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%}
.section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 80%}
.block {
    display: block;
    font-size: 0;
    position: relative;
}
.block:after {
    content: '';
    display: block;
    clear: both;
}
.block > div {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
}
.block .b-full {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 100%;
    margin-left: 0%;
    margin-right: 3%;
}
.block .b-full:before, .block .b-full:after {
    content: '';
    display: table;
}
.block .b-full:after {
    clear: both;
}
.block .b-full:last-child {
    margin-right: 0%}
.block .b-half {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 49.050000000000004%;
    margin-left: 0%;
    margin-right: 1.9%;
}
.block .b-half:before, .block .b-half:after {
    content: '';
    display: table;
}
.block .b-half:after {
    clear: both;
}
.block .b-half:last-child {
    margin-right: 0%}
.block .b-1of3 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 32.06666666666666%;
    margin-left: 0%;
    margin-right: 1.9%;
}
.block .b-1of3:before, .block .b-1of3:after {
    content: '';
    display: table;
}
.block .b-1of3:after {
    clear: both;
}
.block .b-1of3:last-child {
    margin-right: 0%}
.block .b-2of3 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 66.03333333333332%;
    margin-left: 0%;
    margin-right: 1.9%;
}
.block .b-2of3:before, .block .b-2of3:after {
    content: '';
    display: table;
}
.block .b-2of3:after {
    clear: both;
}
.block .b-2of3:last-child {
    margin-right: 0%}
.block .b-1of4 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 23.575000000000003%;
    margin-left: 0%;
    margin-right: 1.9%;
}
.block .b-1of4:before, .block .b-1of4:after {
    content: '';
    display: table;
}
.block .b-1of4:after {
    clear: both;
}
.block .b-1of4:last-child {
    margin-right: 0%}
.block .b-3of4 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 74.52499999999999%;
    margin-left: 0%;
    margin-right: 1.9%;
}
.block .b-3of4:before, .block .b-3of4:after {
    content: '';
    display: table;
}
.block .b-3of4:after {
    clear: both;
}
.block .b-3of4:last-child {
    margin-right: 0%}
.a-center {
    text-align: center;
}
.a-left {
    text-align: left;
}
.a-right {
    text-align: right;
}
.fl-left {
    float: left;
}
.fl-right {
    float: right;
}
.clear {
    clear: both;
}
.hidden {
    display: none;
}
fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
fieldset:first-child {
    margin-top: 0;
}
fieldset .form-list {
    padding: 0;
}
.form-list {
    display: block;
    margin: 0;
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 0;
    list-style: none;
    font-size: 0;
}
.form-list .form-list {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.form-list.full {
    margin-left: 0 !important;
    padding: 0;
}
.form-list.full >li {
    display: block;
    margin-left: 0;
    width: auto;
}
.form-list.full .hintTip {
    display: block;
    width: 100%}
.form-list.full .currentInput .datepicker {
    width: 95% !important;
}
.form-list.full .currentInput textarea {
    width: 100%}
.form-list.compact >li {
    margin-bottom: 8px;
}
.form-list.four >li {
    width: 23%}
.form-list.center {
    text-align: center;
}
.form-list.middle >li {
    vertical-align: middle !important;
}
.form-list.half {
    padding: 0;
}
.form-list.half >li {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
}
.form-list.half >li:before, .form-list.half >li:after {
    content: '';
    display: table;
}
.form-list.half >li:after {
    clear: both;
}
.form-list.half >li:nth-child(2n) {
    margin-right: 0%;
    float: right;
}
.form-list.half >li:nth-child(2n+1) {
    clear: both;
}
.form-list.half >li.full {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.form-list.half >li.full:first-child {
    margin-left: auto;
}
.form-list.half >li.full:last-child {
    margin-right: auto;
}
.form-list.inline {
    margin-left: 0 !important;
    below(3)below(1);
}
.form-list.inline >li {
    display: inline-block;
    margin-left: 20px;
    width: auto;
    vertical-align: top;
    margin-top: 0;
}
.form-list.inline >li:first-child {
    margin-left: 0;
}
.form-list.grid-4 >li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 20px 0;
    padding: 0 15px;
    vertical-align: bottom;
    width: 23%}
.form-list.grid-3 >li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 20px 0 5px;
    padding: 0 15px;
    vertical-align: bottom;
    width: 33%}
.form-list [type=text], .form-list [type=password], .form-list [type=email] {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
}
.form-list >li {
    display: inline-block;
    margin: 0 0 20px 2%;
    width: 48%;
    margin-top: 0;
    font-size: 16px;
    vertical-align: top;
    below(1);
}
.form-list >li.full {
    display: block;
    width: auto;
}
.form-list >li.hidden {
    display: none;
}
.form-list >li.margin {
    margin-right: 50px;
}
.form-list >li .currentInput:nth-child(2) {
    margin-top: 50px;
}
.form-list >li.doble >.currentInput {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
    margin-top: 0;
}
.form-list >li.doble >.currentInput:before, .form-list >li.doble >.currentInput:after {
    content: '';
    display: table;
}
.form-list >li.doble >.currentInput:after {
    clear: both;
}
.form-list >li.doble >.currentInput:last-child {
    margin-right: 0%}
textarea {
    padding: 10px 15px;
    width: 100%;
    height: 65px;
    outline: none;
    vertical-align: bottom;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff !important;
    margin-top: 2px;
}
textarea.lineal {
    height: 15px;
    resize: none;
}
textarea.medio {
    height: 65px;
    resize: none;
}
textarea.full {
    height: 130px;
    resize: none;
}
@font-face {
    font-family: 'Montserrat';
    src: url("assets/fonts/Montserrat-Regular.eot?v=4.6.3");
    src: url("assets/fonts/Montserrat-Regular.eot?#iefix&v=4.6.3") format('embedded-opentype'), url("assets/fonts/Montserrat-Regular.woff2?v=4.6.3") format('woff2'), url("assets/fonts/Montserrat-Regular.woff?v=4.6.3") format('woff'), url("assets/fonts/Montserrat-Regular.ttf?v=4.6.3") format('truetype'), url("assets/fonts/Montserrat-Regular.svg?v=4.6.3") format('svg');
    font-weight: 400;
    font-style: 400;
}
@font-face {
    font-family: 'Montserrat-Bold';
    src: url("assets/fonts/Montserrat-Bold.eot?v=4.6.3");
    src: url("assets/fonts/Montserrat-Bold.eot?#iefix&v=4.6.3") format('embedded-opentype'), url("assets/fonts/Montserrat-Bold.woff2?v=4.6.3") format('woff2'), url("assets/fonts/Montserrat-Bold.woff?v=4.6.3") format('woff'), url("assets/fonts/Montserrat-Bold.ttf?v=4.6.3") format('truetype'), url("assets/fonts/Montserrat-Bold.svg?v=4.6.3") format('svg');
    font-weight: 400;
    font-style: 400;
}
@font-face {
    font-family: 'Phosphate';
    src: url('assets/fonts/Phosphate/Phosphate-Inline.eot');
    src: url('assets/fonts/Phosphate/Phosphate-Inline.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Phosphate/Phosphate-Inline.woff2') format('woff2'),
        url('assets/fonts/Phosphate/Phosphate-Inline.woff') format('woff'),
        url("assets/fonts/Phosphate/Phosphate-Inline-01.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'Montserrat';
    background: #e7e8ea;
}
.section {
    padding: 10px 0;
    max-width: 1200px;
}
strong {
    font-family: 'Montserrat-Bold'}
#js {
    position: absolute;
    z-index: 200;
}
.Lbox-overlay {
    display: block;
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, 0.75);
}
.Lbox-holder {
    width: 100%;
    height: 100%}
.Lbox-cont {
    position: relative;
    top: 50%;
    margin: 0 auto;
    padding: 45px 30px 30px;
    max-width: 440px;
    max-height: 80%;
    border-radius: 3px;
    background: #fff;
    border: 1px solid green3;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
    overflow: auto;
}
.Lbox-cont .btn-close {
    display: block;
    position: absolute;
    top: 14px;
    right: 14px;
    width: 24px;
    height: 23px;
}
.Lbox-cont .btn-close:after {
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    background-color: #ea655d;
    border-radius: 50%;
    content: 'x';
    font-family: 'Montserrat-Bold';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 22px;
}
.Lbox-cont .btn-close:hover {
    cursor: pointer;
}
.Lbox-cont .btn-close:hover:after {
    color: #fff;
    background-color: #0f76b1;
}
.Lbox-cont .btn-close.white {
    background-position: -400px -4px;
}
.Lbox-cont .btn-close.white:hover {
    background-position: -333px -34px;
    cursor: pointer;
}
.Lbox-cont .ico-status {
    display: none;
    margin: 0 20px 0 0;
    height: 45px;
    position: relative;
    vertical-align: middle;
    width: 45px;
}
.Lbox-cont .ico-status.error:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #ea655d;
    border-radius: 50%;
    color: #ea655d;
    content: '\f00d';
    font-family: 'FontAwesome';
    font-size: 28px;
    height: 100%;
    line-height: 43px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%}
.Lbox-cont .ico-status.ok:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid aqua3;
    border-radius: 50%;
    color: aqua3;
    content: '\f00c';
    font-family: 'FontAwesome';
    font-size: 22px;
    height: 100%;
    line-height: 45px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%}
.Lbox-cont .ico-status.warning:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #0f76b1;
    border-radius: 50%;
    color: #0f76b1;
    content: '\f071';
    font-family: 'FontAwesome';
    font-size: 22px;
    height: 100%;
    line-height: 42px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%}
.Lbox-cont.topLarge {
    margin-top: -240px !important;
    max-width: 600px;
}
.Lbox-cont.x-large {
    margin-top: -295px;
    min-width: 900px;
}
.Lbox-title {
    color: #0f76b1;
    display: inline-block;
    font-size: 30px;
    font-weight: 400;
    margin: 0;
    vertical-align: middle;
}
.Lbox-desc {
    color: #000;
    width: 80%;
    margin: 20px auto;
    padding: 10px;
}
form {
    display: block;
}
fieldset {
    margin: 0;
    padding: 0;
    border: none;
    display: block;
    min-width: 0;
}
fieldset:first-child {
    margin-top: 0;
}
fieldset .form-list {
    padding: 0;
}
.hintTip .hintTip-text {
    display: none;
}
.hintTip.error .customSelect {
    border-color: #ea655d;
}
.hintTip.error .customSelect .customSelect-label {
    background-color: rgba(234, 101, 93, 0.2);
    color: #ea655d;
}
.hintTip.error .customSelect .customSelect-arrow {
    background-color: #ea655d;
    border-color: #ea655d;
}
.hintTip.error textarea {
    border-color: #ea655d;
    background-color: rgba(234, 101, 93, 0.2) !important;
}
.hintTip.error .hintTip-text {
    color: #ea655d;
    font-size: .8em;
    display: block;
}
.form-list {
    display: block;
    margin: 0;
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 0;
    list-style: none;
    font-size: 0;
}
.form-list .form-list {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.form-list.full {
    margin-left: 0 !important;
    padding: 0;
}
.form-list.full >li {
    display: block;
    margin-left: 0;
    width: auto;
}
.form-list.full .hintTip {
    display: block;
    width: 100%}
.form-list.full .currentInput .datepicker {
    width: 95% !important;
}
.form-list.full .currentInput textarea {
    width: 100%}
.form-list.compact >li {
    margin-bottom: 8px;
}
.form-list.four >li {
    width: 23%}
.form-list.center {
    text-align: center;
}
.form-list.middle >li {
    vertical-align: middle !important;
}
.form-list.half {
    padding: 0;
}
.form-list.half >li {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
}
.form-list.half >li:before, .form-list.half >li:after {
    content: '';
    display: table;
}
.form-list.half >li:after {
    clear: both;
}
.form-list.half >li:nth-child(2n) {
    margin-right: 0%;
    float: right;
}
.form-list.half >li:nth-child(2n+1) {
    clear: both;
}
.form-list.half >li.full {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.form-list.half >li.full:first-child {
    margin-left: auto;
}
.form-list.half >li.full:last-child {
    margin-right: auto;
}
.form-list.inline {
    margin-left: 0 !important;
    below(3)below(1);
}
.form-list.inline >li {
    display: inline-block;
    margin-left: 20px;
    width: auto;
    vertical-align: top;
    margin-top: 0;
}
.form-list.inline >li:first-child {
    margin-left: 0;
}
.form-list.grid-4 >li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 20px 0;
    padding: 0 15px;
    vertical-align: bottom;
    width: 23%}
.form-list.grid-3 >li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 20px 0 5px;
    padding: 0 15px;
    vertical-align: bottom;
    width: 33%}
.form-list [type=text], .form-list [type=password], .form-list [type=email] {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
}
.form-list >li {
    display: inline-block;
    margin: 0 0 20px 2%;
    width: 48%;
    margin-top: 0;
    font-size: 16px;
    vertical-align: top;
    below(1);
}
.form-list >li.full {
    display: block;
    width: auto;
}
.form-list >li.hidden {
    display: none;
}
.form-list >li.margin {
    margin-right: 50px;
}
.form-list >li .currentInput:nth-child(2) {
    margin-top: 50px;
}
.form-list >li.doble >.currentInput {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
    margin-top: 0;
}
.form-list >li.doble >.currentInput:before, .form-list >li.doble >.currentInput:after {
    content: '';
    display: table;
}
.form-list >li.doble >.currentInput:after {
    clear: both;
}
.form-list >li.doble >.currentInput:last-child {
    margin-right: 0%}
.form-list input.btn {
    padding: 10px 20px 11px;
    font-size: 15px;
}
input {
    outline: none;
}
input[type=text], input[type=password], input[type=email], textarea {
    color: marine;
    background: #fff;
    border: 1px solid #0f76b1;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    vertical-align: middle;
    height: 40px;
    padding: 10px 15px;
    -webkit-transition: 0.6s all ease;
    -moz-transition: 0.6s all ease;
    -o-transition: 0.6s all ease;
    -ms-transition: 0.6s all ease;
    transition: 0.6s all ease;
}
input[type=text].error, input[type=password].error, input[type=email].error, textarea.error {
    background-color: rgba(234, 101, 93, 0.15);
    border-color: #ea655d;
}
input[type=text].disabled, input[type=password].disabled, input[type=email].disabled, textarea.disabled, input[type=text]:disabled, input[type=password]:disabled, input[type=email]:disabled, textarea:disabled {
    background: #ddd;
    cursor: not-allowed;
    color: #e7e8ea !important;
}
input[type=text].full, input[type=password].full, input[type=email].full, textarea.full {
    width: 100%}
input[type=text].small, input[type=password].small, input[type=email].small, textarea.small {
    width: 100px;
}
input[type=text].mini, input[type=password].mini, input[type=email].mini, textarea.mini {
    width: 50px;
}
input[type=radio], input[type=checkbox] {
    position: relative;
    margin: 10px 15px;
}
input[type=radio]:after, input[type=checkbox]:after, input[type=radio]:before, input[type=checkbox]:before {
    background: #fff;
    border: 3px solid #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 0 1px #0f76b1;
    box-shadow: 0 0 0 1px #0f76b1;
    content: '';
    display: block;
    height: 12px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 12px;
}
input[type=radio]:before, input[type=checkbox]:before {
    -webkit-box-shadow: inset 0 0 0 1px #0f76b1;
    box-shadow: inset 0 0 0 1px #0f76b1;
    z-index: 4;
}
input[type=radio]:checked:after, input[type=checkbox]:checked:after {
    -webkit-box-shadow: 0 0 0 1px #0f76b1;
    box-shadow: 0 0 0 1px #0f76b1;
}
input[type=radio]:checked:before, input[type=checkbox]:checked:before {
    background-color: #0f76b1;
    -webkit-box-shadow: inset 0 0 0 1px #0f76b1;
    box-shadow: inset 0 0 0 1px #0f76b1;
}
input[type=radio]:disabled:after, input[type=checkbox]:disabled:after {
    -webkit-box-shadow: 0 0 0 1px gray4;
    box-shadow: 0 0 0 1px gray4;
}
input[type=radio]:disabled:before, input[type=checkbox]:disabled:before {
    -webkit-box-shadow: inset 0 0 0 1px gray4;
    box-shadow: inset 0 0 0 1px gray4;
}
input[type=radio]:disabled:checked:before, input[type=checkbox]:disabled:checked:before {
    background-color: gray10;
}
input[type=radio].error:after, input[type=checkbox].error:after {
    -webkit-box-shadow: 0 0 0 1px #ea655d;
    box-shadow: 0 0 0 1px #ea655d;
}
input[type=radio].error:before, input[type=checkbox].error:before {
    -webkit-box-shadow: inset 0 0 0 1px #ea655d;
    box-shadow: inset 0 0 0 1px #ea655d;
}
input[type=checkbox]:after {
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0 1px #0f76b1;
    box-shadow: 0 0 0 1px #0f76b1;
}
input[type=checkbox]:before {
    display: none;
}
input[type=checkbox]:checked:after {
    background-color: #0f76b1;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0 1px #0f76b1;
    box-shadow: 0 0 0 1px #0f76b1;
}
input[type=checkbox]:disabled:checked:after {
    border-color: gray4;
    background-color: gray4;
}
input.noLabel {
    margin-bottom: 10px;
}
textarea {
    padding: 10px 15px;
    width: 100%;
    height: 100px;
    outline: none;
    vertical-align: bottom;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff !important;
    margin-top: 2px;
    resize: none;
    font-family: 'Montserrat';
}
textarea.lineal {
    height: 15px;
    resize: none;
}
textarea.medio {
    height: 65px;
    resize: none;
}
textarea.full {
    height: 130px;
    resize: none;
}
.customSelect >.labelFl {
    color: #0f0;
    font-size: 16px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    top: 50%;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition: 1s all ease;
    -ms-transition: 1s all ease;
    transition: 1s all ease;
    z-index: 0;
}
.customSelect.active .labelFl {
    color: c_aqua;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    top: -12px;
}
.customSelect.listo .labelFl {
    top: -12px;
    opacity: 1;
    -ms-filter: none;
    filter: none;
}
.customSelect.loading {
    border-right: 1px solid #0f76b1;
}
.customSelect.loading .customSelect-arrow {
    -webkit-animation: rotateplane 1.4s .5s infinite ease-in-out;
    -moz-animation: rotateplane 1.4s .5s infinite ease-in-out;
    -o-animation: rotateplane 1.4s .5s infinite ease-in-out;
    -ms-animation: rotateplane 1.4s .5s infinite ease-in-out;
    animation: rotateplane 1.4s .5s infinite ease-in-out;
    background: none;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    right: 8px;
    border-radius: 50%;
    border: 4px solid blue3;
    border-top-color: #fff;
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}
.customSelect.loading .customSelect-arrow .ico {
    display: none;
}
.customSelect.noLabel {
    margin: 10px 0;
}
.currentInput {
    display: inline-block;
    min-height: 50px;
    position: relative;
    width: 100%;
}
.currentInput .currentInput-label {
    color: #9ea0a3;
    display: block;
    font-size: 0;
    left: 15px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%;
    -webkit-animation: hintLabel_hide .5s;
    -moz-animation: hintLabel_hide .5s;
    -o-animation: hintLabel_hide .5s;
    -ms-animation: hintLabel_hide .5s;
    animation: hintLabel_hide .5s;
}
.currentInput input {
    width: 215px;
}
.currentInput input[type=checkbox] {
    margin-top: 10px;
    width: auto;
}
.currentInput .fecha-gris {
    background-position: -163px -141px;
    background-color: #fff;
    border: 1px solid #17a1e8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0;
    position: absolute;
    display: inline-block;
}
.currentInput.activo .currentInput-label, .currentInput.listo .currentInput-label {
    display: block;
    top: 2px;
    font-size: 12px;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-animation: hintLabel .5s;
    -moz-animation: hintLabel .5s;
    -o-animation: hintLabel .5s;
    -ms-animation: hintLabel .5s;
    animation: hintLabel .5s;
}
.currentInput.activo input[type=text], .currentInput.listo input[type=text], .currentInput.activo input[type=password], .currentInput.listo input[type=password], .currentInput.activo input[type=email], .currentInput.listo input[type=email] {
    padding: 17px 15px 3px;
}
.currentInput.activo textarea, .currentInput.listo textarea {
    padding: 17px 15px 3px;
}
.currentInput.activo .customSelect-label, .currentInput.listo .customSelect-label {
    padding: 17px 15px 3px;
    margin: 0;
    color: #9ea0a3;
}
.currentInput.activo .currentInput-label {
    color: marine2;
}
.currentInput.error .currentInput-label {
    color: #ea655d;
}
.currentInput.error input {
    border-color: #ea655d;
}
.currentInput .datepicker, .currentInput .rangeDate {
    display: inline-block !important;
    vertical-align: bottom !important;
}
.currentInput .rfc {
    text-transform: uppercase;
}
.customSelect {
    background: #fff;
    border: 1px solid #0f76b1;
    border-radius: 5px;
    border-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: marine;
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding-right: 41px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    min-width: 160px;
    width: 100%;
    font-family: 'Montserrat';
}
.customSelect.open {
    border-radius: 5px 5px 0 0;
}
.customSelect.open .customSelect-arrow {
    background: #0f76b1;
    border-color: #0f76b1;
    border-radius: 0 5px 0 0;
}
.customSelect.open .customSelect-arrow .ico {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    margin-top: 8px;
}
.customSelect.open .customSelect-options, .customSelect.open .customSelect-filter {
    display: block;
}
.customSelect.error {
    border-bottom: 1px solid #ea655d;
}
.customSelect.error .customSelect-label {
    color: #ea655d;
}
.customSelect.disabled {
    background: #ddd;
}
.customSelect.disabled .customSelect-label {
    color: #e7e8ea;
}
.customSelect.disabled .customSelect-arrow {
    background: #ddd;
}
.customSelect.disabled .customSelect-arrow .ico {
    border-top-color: #e7e8ea;
}
.customSelect.disabled .customSelect-arrow:hover {
    background: #ddd;
    cursor: not-allowed;
}
.customSelect.disabled .customSelect-arrow:hover .ico {
    border-top-color: #e7e8ea;
}
.customSelect.middle {
    width: 178px;
}
.customSelect.full {
    width: 100%;
}
.customSelect.filter .customSelect-options {
    margin-top: 53px;
}
.customSelect .hide {
    display: none !important;
}
.customSelect .currentSelect {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}
.customSelect .customSelect-arrow {
    background-color: #0f76b1;
    cursor: pointer;
    display: block;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 43px;
    height: 42px;
    border: 1px solid #0f76b1;
    border-radius: 0 5px 5px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.6s all ease;
    -moz-transition: 0.6s all ease;
    -o-transition: 0.6s all ease;
    -ms-transition: 0.6s all ease;
    transition: 0.6s all ease;
    z-index: 6;
}
.customSelect .customSelect-arrow .ico {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #fff;
    font-size: 0;
    line-height: 0;
    margin-left: 11px;
    margin-top: 17px;
    display: inline-block;
    background: transparent;
    -webkit-transition: 0.4s -webkit-transform ease;
    -moz-transition: 0.4s -moz-transform ease;
    -o-transition: 0.4s -o-transform ease;
    -ms-transition: 0.4s -ms-transform ease;
    transition: 0.4s transform ease;
}
.customSelect .customSelect-arrow:hover {
    background-color: marine;
    border-color: marine;
}
.customSelect .customSelect-arrow:hover .ico {
    border-top-color: #fff;
}
.customSelect-label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px 0 0 5px;
    cursor: default;
    color: marine;
    display: block;
    font-size: 16px;
    font-family: 'Montserrat';
    vertical-align: middle;
    overflow: hidden;
    padding: 10px 15px;
    -webkit-transition: 0.6s all ease;
    -moz-transition: 0.6s all ease;
    -o-transition: 0.6s all ease;
    -ms-transition: 0.6s all ease;
    transition: 0.6s all ease;
    white-space: nowrap;
    width: 100%}
.customSelect-options {
    background: #fff;
    border: 1px solid #0f76b1;
    border-radius: 0 0 5px 5px;
    display: none;
    left: -1px;
    max-height: 230px;
    margin-top: 0;
    overflow: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 7;
}
.customSelect-options >label {
    border-bottom: 1px solid gray6;
    color: black2;
    display: block;
    padding: 10px 15px;
}
.customSelect-options >label:hover {
    background: #0f76b1;
    color: #fff;
    cursor: pointer;
}
.customSelect-options >label.active {
    background: marine;
    color: #fff;
}
.customSelect-options >label.selected {
    background: rgba(15, 118, 177, 0.6);
    color: #fff;
}
.customSelect-options >label:last-child {
    border: none;
}
.btn {
    background: #0f76b1;
    color: #fff;
    border: 0;
    border-radius: 5px;
    padding: 8px 25px;
    cursor: pointer;
    font-size: 1.2em;
    -webkit-transition: 0.6s all ease;
    -moz-transition: 0.6s all ease;
    -o-transition: 0.6s all ease;
    -ms-transition: 0.6s all ease;
    transition: 0.6s all ease;
}
.btn:hover {
    background: #3fa4da;
}
.btn.white {
    background-color: #fff;
    color: #0f76b1;
    font-family: 'Montserrat-Bold';
}
.btn.white:hover {
    background-color: #3fa4da;
    color: #fff;
}
.headerInt {
    background: #0f76b1;
    text-align: right;
}
.headerInt .timer {
    font-size: 2.5em;
    vertical-align: middle;
    margin-right: 20px;
    color: #fff;
    -webkit-transition: 0;
    -moz-transition: 0;
    -o-transition: 0;
    -ms-transition: 0;
    transition: 0;
}
.headerInt.urgente .timer {
    color: #bd1928;
}
.headerInt.superUrgente .timer {
    -webkit-animation: pulseCol 1s ease-in-out infinite alternate;
    -moz-animation: pulseCol 1s ease-in-out infinite alternate;
    -o-animation: pulseCol 1s ease-in-out infinite alternate;
    -ms-animation: pulseCol 1s ease-in-out infinite alternate;
    animation: pulseCol 1s ease-in-out infinite alternate;
}
.navInt {
    margin: 0;
    padding: 0;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
}
.navInt li {
    display: inline-block;
}
.navInt li a {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #3fa4da;
    background-repeat: no-repeat;
}
.navInt li a.btnPrev {
    background-image: url("assets/bg/central/iconos.png");
    background-position: 3px 3px;
}
.navInt li a.btnNext {
    background-image: url("assets/bg/central/iconos.png");
    background-position: -25px 3px;
}
.navInt li a.active, .navInt li a:hover {
    background-color: #fff;
}
.navInt li a.disabled {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    cursor: not-allowed;
}
.navInt li a.disabled:hover {
    background-color: #3fa4da;
}
.navInt li a.check {
    background-image: url("assets/bg/central/check-white.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.navInt li a.check.active, .navInt li a.check:hover {
    background-image: url("assets/bg/central/check-blue.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.btnBott {
    text-align: center;
    padding: 20px 0;
}
h1 {
    margin: 20px 0 !important;
    color: #0f76b1;
}
.pageInt {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #cbd0d1;
}
.pageInt >li {
    display: block;
}
.pageInt >li.hidden {
    display: none;
}
.pageInt h2 {
    background: #0f76b1;
    color: #fff;
    padding: 10px 15px;
}
.pageInt .contenido {
    padding: 0 15px 15px;
    margin: 0 auto;
}
.pageInt .contenido em {
    font-size: 1.3em;
    font-family: 'Montserrat-Bold';
    padding-bottom: 15px;
    display: block;
    color: #0f76b1;
}
.wrapImage {
    position: relative;
}
.wrapImage p.instrux {
    background: #9ea0a3;
    margin: 0;
    padding: 12px 15px;
    text-align: right;
    color: #fff;
    position: relative;
}
.wrapImage p.instrux:after {
    display: block;
    content: '';
    border: 16px solid transparent;
    border-top-color: #9ea0a3;
    position: absolute;
    top: 100%;
    right: 15px;
}
.wrapImage .boxInstr {
    background: #9ea0a3;
    margin: 0;
    padding: 10px;
    font-size: 14px;
}
.wrapImage .boxInstr p {
    margin: 0 0 5px;
}
.wrapImage .boxInstr ol {
    margin: 0;
    padding: 0 15px;
}
.wrapImage .boxInstr ol li {
    margin: 0;
    font-size: 14px;
}
.wrapImage .int {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 118, 177, 0.6);
    text-align: center;
    display: none;
}
.wrapImage .int img {
    border: 3px solid #0f76b1;
    margin: 0 auto;
}
.wrapImage .int .img {
    position: relative;
    max-width: 370px;
    margin: 0 auto;
}
.wrapImage .int .btnClose {
    display: block;
    width: 35px;
    height: 35px;
    background: #ea655d url("assets/bg/central/iconos.png") -61px 4px no-repeat;
    border-radius: 50%;
    position: absolute;
    top: 0;
    margin-top: -10px;
    right: 0;
}
.wrapImage .int .btnClose:hover {
    background: #bb504a url("assets/bg/central/iconos.png") -61px 4px no-repeat;
}
.wrapImage .lupa {
    display: block;
    width: 100px;
    height: 100px;
    background: url("assets/bg/central/lupa.png") center top no-repeat;
    position: absolute;
    top: 55%;
    right: 27%;
    margin-top: -50px;
    margin-right: -50px;
    cursor: pointer;
}
.wrapImage .lupa:hover {
    background-position: center bottom;
}
.wrapImage .lupaMin {
    display: inline-block;
    background: url("assets/bg/central/iconos.png") -100px -3px no-repeat;
    width: 21px;
    height: 21px;
}
.wrapImage.open .lupa {
    display: none;
}
.wrapImage.open .int {
    display: block;
}
.onlyMobile {
    display: none;
}
.onlyMobile.mobile {
    display: block;
}
.contForm.resultados .b-1of3 {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.contForm.resultados .b-1of3:first-child {
    margin-left: auto;
}
.contForm.resultados .b-1of3:last-child {
    margin-right: auto;
}
.contForm.resultados .b-2of3 {
    display: none;
}
.titResultados {
    text-align: center;
    font-size: 2em;
    margin: 50px 0 30px !important;
    padding-bottom: 1px !important;
}
.msjRetro {
    margin: 0 auto 40px;
    text-align: center;
}
.casaTop {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
}
.casaTop .casa {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 60%;
    -ms-flex: 60%;
    flex: 60%;
    background-color: #538d37;
}
.casaTop .medidor {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 40%;
    -ms-flex: 40%;
    flex: 40%;
    background-color: #0f76b1;
}
.casaTop .medidor .caja {
    text-align: center;
    padding: 10px 0;
    margin-bottom: 10px;
}
.casaTop .medidor .caja span {
    background-color: #fff;
    border: 2px solid #fff;
    font-size: 2em;
    padding: 0 10px;
    border-radius: 4px;
    position: relative;
}
.casaTop .medidor .caja span:after {
    display: block;
    width: 45px;
    height: 45px;
    background: url("assets/bg/central/foco.png") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: absolute;
    top: -2px;
    left: -50px;
    content: ''}
.bgPos {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
}
.bgPos li {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    background: #b6b6b6;
    margin: 0 5px;
    border-radius: 5px;
}
.bgPos li span {
    border: 2px solid #000;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    border-radius: 5px;
    cursor: pointer;
}
.bgPos li span.rojo {
    background-color: #bd1928;
}
.bgPos li span.negro {
    background-color: #353535;
}
.bgPos li span.blanco {
    background-color: #fff;
}
.btnResetOrden {
    color: #000;
    font-size: .9em;
    border-bottom: 1px solid #000;
}
.portada {
    background-color: #0f76b1;
    width: 100%;
    height: 100%;
    position: fixed;
}
.portada .txtIntro {
    position: absolute;
    text-align: center;
    border: 2px solid #fff;
    top: 50%;
    left: 50%;
    max-width: 400px;
    width: 50%;
    margin-left: -200px;
    padding: 20px;
    margin-top: -100px;
}
.portada .txtIntro h2 {
    color: #fff;
    font-size: 3em;
    margin: 0 0 25px;
}
.portada .txtIntro .btn {
    display: block;
    width: 60%;
    margin: 0 auto;
}
.subRespuestas {
    color: #0f76b1;
    text-align: center;
    font-size: 1.5em;
}
.listPreguntas {
    list-style: none;
    margin-bottom: 40px;
}
.listPreguntas >li {
    margin-bottom: 30px;
}
.listPreguntas label {
    font-family: 'Montserrat-Bold';
    color: #0f76b1;
    font-size: 1.1em;
    display: block;
}
.listPreguntas .preguntaInfo {
    list-style: none;
}
.listPreguntas .preguntaInfo >li {
    position: relative;
}
.listPreguntas .preguntaInfo >li:after {
    content: '';
    background-color: #0f76b1;
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 5px;
    left: -20px;
}
.listPreguntas label, .listPreguntas .pregLabel {
    position: relative;
    padding-right: 60px;
    width: 80%;
}
.listPreguntas label .ico, .listPreguntas .pregLabel .ico {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: -5px;
    -webkit-background-size: 80%;
    -moz-background-size: 80%;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center center;
}
.listPreguntas label .ico.ok, .listPreguntas .pregLabel .ico.ok {
    background-color: #538d37;
    background-image: url("assets/bg/central/ok.png");
}
.listPreguntas label .ico.wrong, .listPreguntas .pregLabel .ico.wrong {
    background-color: #ea655d;
    background-image: url("assets/bg/central/wrong.png");
}
.listPreguntas label .ico.medio, .listPreguntas .pregLabel .ico.medio {
    background-color: #e9ba58;
    background-image: url("assets/bg/central/medio.png");
}
.listPreguntas .colores {
    list-style: none;
    margin: 0;
    padding: 0;
}
.listPreguntas .colores li {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 2px;
}
.listPreguntas .colores li span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 2px solid #000;
}
.listPreguntas .colores li span.rojo {
    background-color: #bd1928;
}
.listPreguntas .colores li span.blanco {
    background-color: #fff;
}
.listPreguntas .colores li span.negro {
    background-color: #353535;
}
.docenteResp {
    background: rgba(231, 232, 234, 0.8);
    padding: 10px;
    width: 80%;
    border-radius: 5px;
    position: relative;
    margin-bottom: 20px;
    display: none;
}
.docenteResp:after {
    content: '';
    position: absolute;
    display: block;
    border: 10px solid transparent;
    border-bottom-color: rgba(231, 232, 234, 0.8);
    top: -20px;
    left: 10px;
}
.docenteResp span {
    display: block;
    margin-bottom: 5px;
    font-family: 'Montserrat-Bold'}
.docenteResp p {
    margin: 0;
}
.docente .docenteResp {
    display: block;
}
.nota {
    margin: 20px 0 10px;
    text-align: right;
}
.nota a {
    color: #0f76b1;
}
.nota a:hover {
    text-decoration: underline;
}
.nota span {
    color: #0f76b1;
}
.cont-Table {
    overflow: auto;
}
.retroImg {
    display: block;
    margin: 5px auto;
}
.browser {
    background: #fff;
}
.browser .headerBrow .top {
    background: #919191;
    height: 30px;
    position: relative;
}
.browser .headerBrow .top:after {
    content: '';
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    background: url("assets/bg/quieroayudar/resize.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    right: 5px;
    top: 4px;
    cursor: not-allowed;
}
.browser .headerBrow .top .btnsFake {
    width: 70px;
    height: 100%;
    text-align: center;
    display: inline-block;
}
.browser .headerBrow .top .btnsFake span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #e6be57;
    position: relative;
    cursor: not-allowed;
}
.browser .headerBrow .top .btnsFake span:after, .browser .headerBrow .top .btnsFake span:before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
}
.browser .headerBrow .top .btnsFake span:after {
    background: #58b68c;
    left: -20px;
}
.browser .headerBrow .top .btnsFake span:before {
    background: #da7154;
    right: -20px;
}
.browser .headerBrow .top .pestania {
    display: inline-block;
    background: #eaeaea;
    width: 25%;
    height: 22px;
    position: relative;
    top: 8px;
    border-radius: 5px 5px 0 0;
}
.browser .headerBrow .top .pestania:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 18px;
    background: #e5e6ea;
    display: block;
    right: -34px;
    border-radius: 0 5px 0 0;
    cursor: not-allowed;
}
.browser .headerBrow .top .pestania:before {
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    background: url("assets/bg/quieroayudar/cerrar.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    border-radius: 50%;
    right: 5px;
    top: 5px;
    cursor: not-allowed;
}
.browser .headerBrow .bottom {
    background: #eaeaea;
    padding: 4px 0;
    position: relative;
}
.browser .headerBrow .bottom:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    right: 5px;
    background: url("assets/bg/quieroayudar/hamburguer.png") no-repeat center center;
    width: 30px;
    height: 24px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    cursor: not-allowed;
}
.browser .headerBrow .bottom .btns {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: auto;
    height: 30px;
    text-align: center;
    padding: 3px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
}
.browser .headerBrow .bottom .btns li {
    display: inline-block;
    width: 30px;
    margin: 0 2px 0 0;
    height: 100%;
}
.browser .headerBrow .bottom .btns li:first-child {
    margin-left: 4px;
}
.browser .headerBrow .bottom .btns li a {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}
.browser .headerBrow .bottom .btns li a.prev {
    background-image: url("assets/bg/quieroayudar/prev-off.png");
}
.browser .headerBrow .bottom .btns li a.prev:hover, .browser .headerBrow .bottom .btns li a.prev.active {
    background-image: url("assets/bg/quieroayudar/prev-on.png");
}
.browser .headerBrow .bottom .btns li a.prev.disabled {
    cursor: not-allowed;
}
.browser .headerBrow .bottom .btns li a.prev.disabled:hover {
    background-image: url("assets/bg/quieroayudar/prev-off.png");
}
.browser .headerBrow .bottom .btns li a.next {
    background-image: url("assets/bg/quieroayudar/sig-off.png");
}
.browser .headerBrow .bottom .btns li a.next:hover, .browser .headerBrow .bottom .btns li a.next.active {
    background-image: url("assets/bg/quieroayudar/sig-on.png");
}
.browser .headerBrow .bottom .btns li a.next.disabled {
    cursor: not-allowed;
}
.browser .headerBrow .bottom .btns li a.next.disabled:hover {
    background-image: url("assets/bg/quieroayudar/sig-off.png");
}
.browser .headerBrow .bottom .btns li a.reload {
    background-image: url("assets/bg/quieroayudar/reload.png");
    cursor: not-allowed;
}
.browser .headerBrow .bottom .search {
    display: inline-block;
    background: #fff;
    margin: 0 5px;
    width: 70%;
    vertical-align: middle;
    padding: 4px 10px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .9em;
    position: relative;
}
.browser .headerBrow .bottom .search:after {
    content: '';
    display: block;
    background: url("assets/bg/quieroayudar/favorito.png") center center no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    right: 5px;
    cursor: not-allowed;
}
.headerBusc {
    background: #fbfbfb;
    border-bottom: 1px solid #eaeaea;
    padding: 10px 30px;
}
.headerBusc img {
    display: inline-block;
    width: 30%;
    vertical-align: middle;
    margin-right: 10px;
}
.headerBusc p {
    display: inline-block;
    vertical-align: middle;
    width: 65%;
    position: relative;
}
.headerBusc p input[type='text'] {
    border-color: #86c6e0;
    width: 100%}
.headerBusc p:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: url("assets/bg/quieroayudar/lupa.png") center center no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 5px;
    right: 5px;
}
.listResult {
    font-style: none;
    margin: 0;
    padding: 0;
}
.listResult li {
    display: block;
    border-bottom: 1px solid #e5e6ea;
    padding: 20px 30px;
}
.listResult li h3, .listResult li p, .listResult li small {
    margin: 0;
}
.listResult li a {
    color: #5287a4;
}
.listResult li small {
    color: #80a162;
    cursor: not-allowed;
}
.noLink {
    cursor: not-allowed;
}
.link {
    cursor: allowed;
}
.cols {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
}
.cols .col1-4 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 25%;
    -ms-flex: 25%;
    flex: 25%;
}
.cols .col1-4 .header {
    background: url("assets/bg/quieroayudar/olfato-head-1.jpg");
}
.cols .col1-4.gray {
    background: #fff;
    text-align: center;
    padding-left: 10px;
}
p.titlePag1 {
    font-size: 25px;
    font-weight: 800;
    color:#F07A2A;
}

p.subTitlePage0 {
    font-size: 13px;
    text-align: center;
}

p.subTitlePage1 {
    font-size: 13px;
    text-align: left;
}

p.contenidoPage1{
    text-align: left;
}

p.subTitlePage0 strong{
    color: #F07A2A;
    font-family: 'Proxima Nova';
    font-size: 13px;
}

p.subTitlePage1 strong{
    color: #F07A2A;
    font-family: 'Proxima Nova';
    font-size: 11px;
}

p.noLink.btnOrange{
    margin-top: 2px;
}

p.btnOrange a{
    color: white;
}

div .IntroProyect{
    border-left: .5px solid #eaeaea;
    border-right: .5px solid #eaeaea;
    padding-left: 5px;
    padding-right: 5px;
}

/*.tabs .tabs-items li:nth-child(1):after {
    content: "";
    padding-right: 20px;
    border-right: 2.5px solid #9ea0a3;
}*/

.cols .col1-4.orange {
    background: #dc7255;
    padding: 20px 0;
}
.cols .col1-4.grayblog {
    background: #E7E7E7;
    padding: 20px 0;
}
.cols .col3-4 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 75%;
    -ms-flex: 75%;
    flex: 75%;
    padding: 0 20px;
}
.cols .col3-4 .header {
    background: url("assets/bg/quieroayudar/olfato-head-2.jpg");
}
.cols .col3-4 .header, .cols .col1-4 .header {
    height: 85px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.cols h4{
    padding: 2px 15px;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 0;
    color:#565D7A;
}
.cols h5 {
    /*padding: 20px 15px 5px;*/
    padding: 2px 15px;
    margin: 0;
    color:#333333;
    font-size: 10px;
}

.cols .col2-4 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    margin-right: 15px;
}
.cols .col2-4.gray {
    background: #fff;
}

div.col2-4.gray{
    content: "";
    padding-right: 2px;
    border-right: 1.5px solid #dfdfdf;
}

.cols .col2-4.orange {
    background: #dc7255;
    padding: 20px 0;
}
.fechas{
    border-left: 2.5px solid #575D7F;
}
.proyectos{
    display:inline-block;
    width: 100%;
    background: #F07A2A;
    color:#fff;
}
div.proyectos p{
    margin: 10px;
    color: #fff;
}

div.proyectos a{
    color: #fff;
    font-size: 13px;
}

.projectData {
    border-bottom: 1px solid #eaeaea;
    margin-top: 0;
}
.projectData p{
    margin-bottom: 3px;

}

.projectData li{
    list-style-type:square;
    color: #F07A2A;
}
.projectData strong{
    color: #F07A2A;
}
.more{
    background: #E7E7E7;
    color:#F07A2A;
    border-radius: .8em;
    padding: 5px;
    font-size: 11px;
}

.more a{
    color:#F07A2A;
}

h2.titleOrange{
    font-family: 'Phosphate';
    font-size: 18px;
    padding: 0;
}
h3.subTitleOrange{
    padding-top:5px;
    padding-left: 0;
    padding-bottom: 20px;
}

.titleOrange {
    background: #fff;
    text-align: left;
    color: #F07A2A;
    margin: 0;
    padding: 15px;
    font-family: 'Nickname';
}
.subTitleOrange{
    background: #fff;
    text-align: left;
    color: #F07A2A;
    margin: 0;
    padding: 15px;
    font-size: 13px;    
}

.subTitleOrange a{
    color: #F07A2A;
}

.subTitleOrangeProyect {
    background: #fff;
    text-align: left;
    color: #F07A2A;
    margin: 0;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;    
}
.contenidoOrangeProyect, .listDescripcion li{
   font-size: 12px;
   margin: 2px;
}
.titleGreen {
    background: #86a56a;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 15px;
}
.titleWhite {
    background: #fff;
    text-align: left;
    color: #dc7255;
    margin: 0;
    padding: 15px;
    font-size: 15px;
}

.spaceWhite {
    background: #fff;
    text-align: left;
    color: #dc7255;
    margin: 0;
    padding: 5px;
    font-size: 5px;
}
.fakeMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.fakeMenu .top {
    margin-top: 20px;
}
.fakeMenu label, .fakeMenu a {
    font-size: .8em;
    padding: 5px 10px;
    display: block;
}
.fakeMenu a {
    color:#C1C1C1;
}
.fakeMenu a.active {
    color:#eaeaea;
}
.fakeMenu label {
    background: #fff;
    font-family: 'Montserrat-Bold';
    display: block;
}
.fakeMenu.white a {
    color: #fff;
    padding: 2px 10px;
}
.fakeMenu.white a.active {
    color: #e9ba58;
}
.fakeMenu.white .top {
    margin-top: 10px;
}

.fakeMenu.gray a {
    color: #ABABAB;
    font-weight: 800;
    padding: 8px 10px;
    border-bottom: 1px solid #565D79;    
    font-family: 'Proxima Nova';
}

.fakeMenu.gray li{
    margin-left: 12px;
    margin-right: 12px;
}
/*.tabs .tabs-items li:nth-child(1):after {
    content: "";
    padding-right: 20px;
    border-right: 2.5px solid #9ea0a3;
}*/

.fakeMenu.gray a.active {
    color: #585B7C;
    font-weight: 800;
    font-family: 'Montserrat-Bold'
}
.fakeMenu.gray a.reactive.border {
    font-weight: 400;
    font-size: 12px;
    color:#585B7C;
    border: 1px solid #585B7C;
    border-radius: .8em;
    padding: 5px 5px;
    margin: 0 10px;
}
.fakeMenu.gray .top {
    margin-top: 10px;
}

.fakeMenu.grayNoBorder a {
    color: #ABABAB;
    font-weight: 800;
    padding: 2px 10px;   
}
.fakeMenu.grayNoBorder a.active {
    color: #585B7C;
    font-weight: 800;
}
.fakeMenu.grayNoBorder a.reactive.border {
    font-weight: 400;
    font-size: 12px;
    color:#585B7C;
    border: 1px solid #585B7C;
    border-radius: .8em;
    padding: 5px 5px;
    margin: 0 10px;
}
.fakeMenu.grayNoBorder .top {
    margin-top: 10px;
}

.fakeMenu.orange a {
    color: #ABABAB;
    font-weight: 800;
    text-align: left;
    padding-left: 0;
    border-bottom: 1px solid #F07A2A;    
    font-family: 'Proxima Nova';
    font-size: 10px;
}
.fakeMenu.orange a.active {
    color: #585B7C;
    font-weight: 800;
}
.fakeMenu.orange .top {
    margin-top: 10px;
}
.fakeMenu.orange li{
    margin-top: 5px;
    margin-bottom: 5px;
}

.contentP1 {
    overflow: hidden;
}
.contentP1 .colImg {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 33.33333333333333%;
    margin-left: 0%;
    margin-right: 0%;
}
.contentP1 .colImg:before, .contentP1 .colImg:after {
    content: '';
    display: table;
}
.contentP1 .colImg:after {
    clear: both;
}
.contentP1 .colImg ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.contentP1 .colTxt {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 66.66666666666666%;
    margin-left: 0%;
    margin-right: 0%;
    padding: 20px 10px;
}
.contentP1 .colTxt:before, .contentP1 .colTxt:after {
    content: '';
    display: table;
}
.contentP1 .colTxt:after {
    clear: both;
}
.contentP1 .colTxt p {
    font-size: .9em;
}


.contentP3 {
    overflow: hidden;
}
.contentP3 .colTitle {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 28.33333333333333%;
    margin-left: 0%;
    margin-right: 0%;
    border-right: 2.5px solid #F07A2A;
}
.contentP3 .colTitle:before, .contentP3 .colTitle:after {
    content: '';
    display: table;
}
.contentP3 .colTitle:after {
    clear: both;
}
.contentP3 .colTitle p {
    font-size: .7em;
}

.contentP3 .colTitle ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.contentP3 .colData {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 71.66666666666666%;
    margin-left: 0%;
    margin-right: 0%;  
    padding-left: 35px;  
}
.contentP3 .colData:before, .contentP3 .colData:after {
    content: '';
    display: table;
}
.contentP3 .colData:after {
    clear: both;
}
.contentP3 .colData p {
    font-size: .7em;
}

.btnOrange{
    background: #F07A2A;
    color:#fff;
    border-radius: .8em;
    width: 134px;
    height: 30px;
    text-align: center;
    padding: 8px;
}

ul.listDescripcion{
    margin: 0;
}

.listDescripcion li{
    list-style-type:square;
    padding: 0;
    margin: 0;
}

.headerNot {
    border-bottom: 1px solid #eaeaea;
    height: 85px;
    overflow: hidden;
}
.headerNot .logoNot {
    padding: 0 10px;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
}
.headerNot .logoNot:before, .headerNot .logoNot:after {
    content: '';
    display: table;
}
.headerNot .logoNot:after {
    clear: both;
}
.headerNot .logoNot img, .headerNot .logoNot h2 {
    display: inline-block;
    vertical-align: middle;
}
.headerNot .logoNot img {
    max-width: 50px;
}
.headerNot .logoNot h2 {
    color: #dc7255;
    font-size: 1.4em;
}
.headerNot .logoNot h2 small {
    display: block;
    color: #5388a4;
    font-size: .8em;
}
.headerNot .imgBg {
    background: url("assets/bg/quieroayudar/olfato-head-3.jpg") center center no-repeat;
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.headerNot .imgBg:before, .headerNot .imgBg:after {
    content: '';
    display: table;
}
.headerNot .imgBg:after {
    clear: both;
}
.balazo {
    border-bottom: 1px solid #eaeaea;
    padding: 5px 10px;
    font-size: .9em;
    margin: 0;
}
.contentP2 {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    border-bottom: 1px solid #eaeaea;
}
.contentP2 .colTxt {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 60%;
    -ms-flex: 60%;
    flex: 60%;
    padding: 15px 15px 0;
}
.contentP2 .colTxt p {
    font-size: .9em;
}
.contentP2 .colArts {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 40%;
    -ms-flex: 40%;
    flex: 40%;
    background: #dfdfdf;
    padding-top: 15px;
}
.contentP2 .colArts h3 {
    margin: 5px 0;
    font-size: 1em;
    padding: 0 0 0 15px;
    position: relative;
}
.contentP2 .colArts h3:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    display: block;
    left: 5px;
    background: #dc7255;
    border-radius: 50%;
    top: 50%;
    margin-top: -4px;
}
.contentP2 .colArts ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.contentP2 .colArts ul li {
    padding: 5px 10px;
}
.contentP2 .colArts ul a {
    color: #775589;
    cursor: not-allowed;
    font-size: .8em;
}

.contenido {
    padding: 15px;
}
.contenido p {
    font-size: .7em;
    color:#323232;
}

p.contenidoP {
    font-size:16px;
}

a.btn.btnNext{
    font-size: 16px;
}

p.comentario {
    background: #E7E7E7;
    color: #6D6D6D;
    border-radius: 8em;
    padding: 5px 15px;
    font-size: 13px;
    text-align: center;
    align-content: left;
    margin-right: 330px;
    font-weight: 800;
}
.cblue{
    color:#565D7A;
}
.headerP3 {
    background: url("assets/bg/quieroayudar/banner.png") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    height: 80px;
}
.headerP4 {
    /*background: url("assets/bg/quieroayudar/Patron.png") center center repeat;*/    
    background: url("assets/bg/quieroayudar/Banner-Blog-2.png") center center no-repeat;
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;*/
    height: 120px;
    /*display:inline-block;*/
}
.headerP4 img{
    margin:0 140px;
    padding-top: 17px;
}
.titleCentral{
    align-self: right;    
    align-content: right;
    padding-left: 250px;
    top: 290px;
    font-size: 20px;
} 
.linkOrange a{
    color: #F07A2A;
    font-size: 13px;
    display: inline-block;
    border-bottom: 1px solid #F07A2A;
    padding:2px 5px;
}
.subTitleCentral{
    align-self: right;
    align-content: right;
    padding-left: 250px;
    padding-top: 15px;
    top: 300px;
    font-size: 17px;
}
.titleGray {
    margin: 0;
    padding: 15px 20px;
    background: #dfdfdf;
    border-top: 1px solid #e5e6ea;
    border-bottom: 1px solid #e5e6ea;
    color: #dc7255;
}
.titleBlue {
    margin: 0;
    padding: 15px 20px;
    background: #565D7A;
    border-top: 1px solid #e5e6ea;
    border-bottom: 1px solid #e5e6ea;
    color: #fff;
    font-family: 'Proxima Nova';
    font-size: 30px;
}
.fuentes {
    list-style: none;
    margin: 0;
    padding: 0;
}
.fuentes li {
    font-size: .8em;
    color: #919191;
}


.tabs {
    width: 100%;
    padding: 10px 10px;
    font-family: 'Proxima Nova'
}

.tabs .tabs-items {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align:  center;
}
.tabs .tabs-items li {
    display: inline-block;
    padding: 8px 10px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: 200ms all linear;
    -moz-transition: 200ms all linear;
    -o-transition: 200ms all linear;
    -ms-transition: 200ms all linear;
    transition: 200ms all linear;
    position: relative;
    margin:0 5px;
}

.tabs .tabs-items li a{
    color: black;
}

.tabs .tabs-items li.active{
    background: #F07A2A;
}

.tabs .tabs-items li.active a{
    color:white;
}

.tabs .tabs-items li:after{
    content: '';
    display: block;
    height: 100%;
    top:0;
    right:-8px;
    position: absolute;
    border-right: 2.5px solid #F07A2A;
}

.tabs .tabs-items li:last-child:after{
    display: none;
}


.tabs .tabs-items li:hover {
    background:#dfdfdf;
    color:#0f76b1;
}

.tabs .tabs-items li.active {
    background:#F07A2A;
    color:#fff;    
}

.tabs .tabs-content {
    position: relative;
    background: #fff;
    width: 100%;
    padding-top: 20px;
}
.tabs .url {
    position: relative;
    background: #fff;
    width: 100%;
    margin-bottom: 10px;
    color: #9ea0a3;
    border: solid 1px #cbd0d1;
    border-radius: .3rem;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.tabs .tab {
    /*display: none;*/
    width: 100%;
}
.tabs .tab:before {
    content: '';
    display: table;
    clear: both;

}
.tabs .tab .right {
    max-width: 200px;
    float: right;
    margin: 2px 10px;
}
.tabs .tab .left {
    max-width: 200px;
    float: left;
    margin: 2px 10px;
}
.tabs .val {
    display: inline-block;
    margin-left: 30px;
    line-height: 1.8rem;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.oculta, .ocultaMensaje{
    display: none;
}

.correoEnviado ul{
    margin: 0;
    list-style: none;
    background: white;
    padding: 10px;
    border-left: 5px solid #F07A2A;
}

.correoEnviado ul li{
    margin-bottom: 10px;
}

.correoEnviado ul li label{
    color: #F07A2A;
    display: block;
    font-weight: 700;
}

@media screen and (max-width:1200px) and (min-width:1000px) {
    .section {
    padding: 20px 0;
    width: 90%}
.formHistoria .wrapOthers .label {
    font-size: 14px;
}
.formHistoria .form1 .form-list li input.date {
    min-width: 100px;
}
.wrapPhone.small {
    top: 20px;
    padding-top: 65px;
}
}@media screen and (max-width:1000px) and (min-width:801px) {
    .section {
    padding: 20px 0;
    width: 90%}
.imgDragon img {
    margin-top: 170px;
}
.wrapElement {
    top: 70px;
}
.wrapPhone.small {
    top: 50px;
    padding-top: 50px;
}
.formHistoria .wrapOthers >li {
    display: block;
}
.formHistoria .wrapOthers >li .label {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
}
.formHistoria .wrapOthers >li .img {
    width: 100%;
    text-align: center;
}
.formHistoria .wrapOthers >li .img img {
    width: 50%;
    display: inline-block;
    margin: 0 auto;
}
.formHistoria .form1 >ul {
    padding: 20px 8px 10px 5px;
}
.formHistoria .form1 .form-list li input.date {
    min-width: 91px;
}
textarea {
    height: 100px;
}
.historia .bannerImg img {
    top: -180px;
    margin-top: 0;
}
.wrapImage .lupa {
    top: 58%;
    right: 31%}
.bgPos li {
    width: 50px;
    height: 50px;
}
.bgPos li span {
    width: 50px;
    height: 50px;
}
.simulador .pinturas li {
    width: 25%}
}
@media screen and (max-width:800px) {
h1 {
    width: 70%;
    margin-bottom: 30px;
    }
.section {
    width: 90%
    }
footer {
    position: relative;
}
.block {
    overflow: visible;
}
.block .b-2of3, .block .b-1of3, .block .b-half {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.block .b-2of3:first-child, .block .b-1of3:first-child, .block .b-half:first-child {
    margin-left: auto;
}
.block .b-2of3:last-child, .block .b-1of3:last-child, .block .b-half:last-child {
    margin-right: auto;
}
.block .b-1of4, .block .b-1of5 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
}
.block .b-1of4:before, .block .b-1of5:before, .block .b-1of4:after, .block .b-1of5:after {
    content: '';
    display: table;
}
.block .b-1of4:after, .block .b-1of5:after {
    clear: both;
}
.block .b-1of4:nth-child(2n), .block .b-1of5:nth-child(2n) {
    margin-right: 0%;
    float: right;
}
.block .b-1of4:nth-child(2n+1), .block .b-1of5:nth-child(2n+1) {
    clear: both;
}
.block .b-full {
    float: none;
}
.wrapImage .lupa {
    top: 57%;
    right: 30%
   }

/*.cols .col1-4 { 
     *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
}  
.cols .col3-4 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
}*/

}
@media screen and (max-width:600px) {
    .section {
    width: 100%}
h1 {
    width: 100%;
    margin-bottom: 20px;
}
.wrapImage .lupa {
    top: 59%;
    right: 26%}
.casaTop {
    display: block;
}
.casaTop .casa {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    background-color: #8fc449;
}
.casaTop .medidor {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%}
.portada .txtIntro {
    max-width: 400px;
    width: 100%;
    margin-left: -200px;
}
.portada .txtIntro h2 {
    font-size: 2.5em;
}

}

@media screen and (max-width:420px) {
    .historia .bannerImg img {
    top: -60px;
    margin-top: 0;
}
.historia .cabecera .img {
    margin: 0 auto;
    display: block;
}
.historia .cabecera .info {
    margin-top: 20px;
    width: 100%}
.imgEstrellas {
    height: 80px;
}
.frmEval label span {
    width: 80%}
.textInst {
    width: 100%}
.imgPersonaje {
    width: 100%;
}
.imgPersonaje img {
    width: 30%;
    margin: 0 auto;
}
.resultado span.msjEstrellas {
    background-repeat: no-repeat;
    -webkit-background-size: 170px;
    -moz-background-size: 170px;
    background-size: 170px;
    width: 170px;
}
.resultado span.numero {
    background-repeat: no-repeat;
    -webkit-background-size: 50px;
    -moz-background-size: 50px;
    background-size: 50px;
    width: 50px;
}
.tblResBox table .btnReset.top {
    margin-top: 5px;
}
.tblResBox.double .cont-Table {
    width: 100%;
}
.tblResBox.double .cont-Table:first-child {
    margin-bottom: 30px;
}
}
@media print {
    .section {
    padding: 0;
}
.header {
    -webkit-print-color-adjust: exact;
}
.historia {
    padding: 30px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.historia .cabecera {
    padding-bottom: 0;
}
.historia .bannerImg img {
    top: -150px;
    margin-top: 0;
}
.botones, .btnAudio {
    display: none;
}
header {
    display: block;
}
}@-moz-keyframes pulseCol {
    0% {
    color: #bd1928;
}
50% {
    color: #fff;
}
100% {
    color: #bd1928;
}
}@-webkit-keyframes pulseCol {
    0% {
    color: #bd1928;
}
50% {
    color: #fff;
}
100% {
    color: #bd1928;
}
}@-o-keyframes pulseCol {
    0% {
    color: #bd1928;
}
50% {
    color: #fff;
}
100% {
    color: #bd1928;
}
}@keyframes pulseCol {
    0% {
    color: #bd1928;
}
50% {
    color: #fff;
}
100% {
    color: #bd1928;
}
}