/*! normalize.css v3.0.2 | MIT License | git.io/normalize ! Todos los content-box son border-box */
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    overflow-x: hidden;
}
body{
    margin:0;
    font-size:0;
    white-space:inherit;
    overflow-x:hidden;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block;
    box-sizing:border-box;
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:.67em 0
}
 mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -webkit-appearance:textfield;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:700
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
.hidden{
    display:none !important;
    visibility:hidden
}
.visuallyhidden{
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto
}
.clearfix:before,.clearfix:after{
    content:" ";
    display:table
}
.clearfix:after{
    clear:both
}
.clearfix{
    *zoom:1
}
hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0
}
audio,canvas,iframe,img,svg,video{
    vertical-align:middle
}
fieldset{
    border:0;
    margin:0;
    padding:0
}
textarea{
    resize:vertical
}
/* TEXTOS */
 section,header,footer,h1,h2,h3,h4,h5,p,div,ul,li,a,span{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
 input,button,textarea,select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:none;
     margin: 0;
    padding:0;
    outline:none;
}
/* SELECTION Y TAP */
 input,textarea,button,select,a,.hamburger,p, h2, h1 {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
 ::-moz-selection{
    background:#b3d4fc;
    text-shadow:none
}
::selection{
    background:#b3d4fc;
    text-shadow:none
}
 header ::-moz-selection, footer ::-moz-selection{
    background:transparent;
    text-shadow:none
}
 header ::selection, footer ::selection{
    background:transparent;
    text-shadow:none
}
/* FLECHAS EN INPUTS NUMBER*/
 input[type="number"] {
     -moz-appearance: textfield;
     appearance: textfield!important;
}
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 input:-internal-autofill-previewed, input:-internal-autofill-selected, textarea:-internal-autofill-previewed, textarea:-internal-autofill-selected, select:-internal-autofill-previewed, select:-internal-autofill-selected {
     background-color: rgba(0, 0, 0, 0) !important;
     background-image: none !important;
     color: rgb(0, 0, 0) !important;
}
/* TELÉFONO DE COSTADO */
 @media only screen and (max-height: 480px) and (orientation: landscape) {
     body > * {
        display: none;
    }
     body::after {
        position: fixed;
        height: 100vh;
        width: 100vw;
        padding:60px 10% 0;
        font-size: 18px;
        content: 'Para obtener una mejor experiencia por favor utilice su teléfono en forma vertical o maximice la pantalla de su navegador.';
        color: #ccc;
        background-color: #444;
         box-sizing: border-box;
         z-index: 99999
    }
}
/* comun a o todas las paginas */
 div, a, p, h1, h2, h3, h4, h5, span, input,form, ul, li, section, iframe, button {
    box-sizing: border-box;
     position: relative;
}
 ul,li {
    font-size: 0;
    white-space: inherit;
    margin: 0;
    padding: 0;
    border: 0;
     list-style: none;
}
 a {
    text-decoration: none;
}
 svg {
     display: block;
     margin: 0;
     height: auto;
     border: none;
     max-width: 100%;
     font-size: 0;
     white-space: inherit;
}
 img {
     border-image-width: 0!important;
     border-image-height: 0!important;
     font-size: 0;
     white-space: inherit;
     max-width: 100%;
     outline: none;
     border: 0:
}
/******************* EXTRAS *****************************/
 [data-link],[data-goto] {
    cursor: pointer;
}
 p span[data-goto]:hover {
     color: #4cabd5;
}
 [class*="bt-"] {
     display: inline-block;
     margin: 30px 5px;
     font-size: 16px;
     font-weight: 700;
     border: solid 1px #00171c;
     color: #00171c;
     padding: 15px 30px;
     letter-spacing: 1px;
     cursor: pointer;
}
 .no-touch [class*="bt-"]:hover {
     background-color:#00171c;
     border-color: #00171c;
     color: #fff;
}
 .bt-blanco {
     border-color: #fff;
     color: #fff;
}

body > *:not(.loading) {
  visibility: hidden;
}

body > div.loading {
  font-size: 11px;
  color: #999;
  font-weight: 700;
  visibility: visible;
  position: fixed;
  top:50%;
  left: 10%;
  -webkit-animation: fadeIn 800ms ease-out 1 forwards;
  -moz-animation: fadeIn 800ms ease-out 1 forwards;
  animation: fadeIn 800ms ease-out 1 forwards;
}

body > div.loading .tipo {
  fill:#646464;
  display: block;
}

 @-webkit-keyframes fadeIn {
     0%{opacity: 0;}
     100% {opacity: 1;}
}
 @keyframes fadeIn {
     0%{opacity: 0;}
     100% {opacity: 1;}
}
