/* reset */
root {display: block;}
* {
    padding: 0;
    border: 0;
    margin: 0;
    box-sizing: border-box;
}
a {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
}
li {list-style: none;}
input, textarea, select {outline: none;}
/* fim reset */
/* fontes */

@font-face {
      font-family: 'fontello';
      src: url('fontes/fontello/fontello.eot?7367614');
      src: url('fontes/fontello/fontello.eot?7367614#iefix') format('embedded-opentype'),
           url('fontes/fontello/fontello.woff?7367614') format('woff'),
           url('fontes/fontello/fontello.ttf?7367614') format('truetype'),
           url('fontes/fontello/fontello.svg?7367614#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
@font-face {
      font-family: 'fontello2';
      src: url('fontes/fontello/fontello2.eot?78121890');
      src: url('fontes/fontello/fontello2.eot?78121890#iefix') format('embedded-opentype'),
           url('fontes/fontello/fontello2.woff?78121890') format('woff'),
           url('fontes/fontello/fontello2.ttf?78121890') format('truetype'),
           url('fontes/fontello/fontello2.svg?78121890#fontello2') format('svg');
      font-weight: normal;
      font-style: normal;
}

@font-face {
    font-family: 'ralewaymedium';
    src: url('fontes/raleway/raleway-medium-webfont.eot');
    src: url('fontes/raleway/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontes/raleway/raleway-medium-webfont.woff2') format('woff2'),
         url('fontes/raleway/raleway-medium-webfont.woff') format('woff'),
         url('fontes/raleway/raleway-medium-webfont.ttf') format('truetype'),
         url('fontes/raleway/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open-sans-bold';
    src: url('fontes/open-sans/OpenSans-Bold.eot');
    src: url('fontes/open-sans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('fontes/open-sans/OpenSans-Bold.woff2') format('woff2'),
        url('fontes/open-sans/OpenSans-Bold.woff') format('woff'),
        url('fontes/open-sans/OpenSans-Bold.ttf') format('truetype'),
        url('fontes/open-sans/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'open-sans-semi-bold';
    src: url('fontes/open-sans/OpenSans-Semibold.eot');
    src: url('fontes/open-sans/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
        url('fontes/open-sans/OpenSans-Semibold.woff2') format('woff2'),
        url('fontes/open-sans/OpenSans-Semibold.woff') format('woff'),
        url('fontes/open-sans/OpenSans-Semibold.ttf') format('truetype'),
        url('fontes/open-sans/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@

@font-face {
    font-family: 'open-sans';
    src: url('fontes/open-sans/OpenSans.eot');
    src: url('fontes/open-sans/OpenSans.eot?#iefix') format('embedded-opentype'),
        url('fontes/open-sans/OpenSans.woff2') format('woff2'),
        url('fontes/open-sans/OpenSans.woff') format('woff'),
        url('fontes/open-sans/OpenSans.ttf') format('truetype'),
        url('fontes/open-sans/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open-sans-light';
    src: url('fontes/open-sans/OpenSans-Light.eot');
    src: url('fontes/open-sans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('fontes/open-sans/OpenSans-Light.woff2') format('woff2'),
        url('fontes/open-sans/OpenSans-Light.woff') format('woff'),
        url('fontes/open-sans/OpenSans-Light.ttf') format('truetype'),
        url('fontes/open-sans/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'open-sans';
    src: url('fontes/open-sans/OpenSans.eot');
    src: url('fontes/open-sans/OpenSans.eot?#iefix') format('embedded-opentype'),
        url('fontes/open-sans/OpenSans.woff2') format('woff2'),
        url('fontes/open-sans/OpenSans.woff') format('woff'),
        url('fontes/open-sans/OpenSans.ttf') format('truetype'),
        url('fontes/open-sans/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mosk-thin-100';
    src: url('fontes/mosk/MoskThin100.eot');
    src: url('fontes/mosk/MoskThin100.eot?#iefix') format('embedded-opentype'),
        url('fontes/mosk/MoskThin100.woff2') format('woff2'),
        url('fontes/mosk/MoskThin100.woff') format('woff'),
        url('fontes/mosk/MoskThin100.ttf') format('truetype'),
        url('fontes/mosk/MoskThin100.svg#MoskThin100') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'mosk-medium-500';
    src: url('fontes/mosk/MoskMedium500.eot');
    src: url('fontes/mosk/MoskMedium500.eot?#iefix') format('embedded-opentype'),
        url('fontes/mosk/MoskMedium500.woff2') format('woff2'),
        url('fontes/mosk/MoskMedium500.woff') format('woff'),
        url('fontes/mosk/MoskMedium500.ttf') format('truetype'),
        url('fontes/mosk/MoskMedium500.svg#MoskMedium500') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'mosk-light-300';
    src: url('fontes/mosk/MoskLight300.eot');
    src: url('fontes/mosk/MoskLight300.eot?#iefix') format('embedded-opentype'),
        url('fontes/mosk/MoskLight300.woff2') format('woff2'),
        url('fontes/mosk/MoskLight300.woff') format('woff'),
        url('fontes/mosk/MoskLight300.ttf') format('truetype'),
        url('fontes/mosk/MoskLight300.svg#MoskLight300') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'mosk-semi-bold-600';
    src: url('fontes/mosk/MoskSemi-Bold600.eot');
    src: url('fontes/mosk/MoskSemi-Bold600.eot?#iefix') format('embedded-opentype'),
        url('fontes/mosk/MoskSemi-Bold600.woff2') format('woff2'),
        url('fontes/mosk/MoskSemi-Bold600.woff') format('woff'),
        url('fontes/mosk/MoskSemi-Bold600.ttf') format('truetype'),
        url('fontes/mosk/MoskSemi-Bold600.svg#MoskSemi-Bold600') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'mosk-ultra-bold-900';
    src: url('fontes/mosk/MoskUltra-Bold900.eot');
    src: url('fontes/mosk/MoskUltra-Bold900.eot?#iefix') format('embedded-opentype'),
        url('fontes/mosk/MoskUltra-Bold900.woff2') format('woff2'),
        url('fontes/mosk/MoskUltra-Bold900.woff') format('woff'),
        url('fontes/mosk/MoskUltra-Bold900.ttf') format('truetype'),
        url('fontes/mosk/MoskUltra-Bold900.svg#MoskUltra-Bold900') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'mosk-normal-400';
    src: url('fontes/mosk/MoskNormal400.eot');
    src: url('fontes/mosk/MoskNormal400.eot?#iefix') format('embedded-opentype'),
        url('fontes/mosk/MoskNormal400.woff2') format('woff2'),
        url('fontes/mosk/MoskNormal400.woff') format('woff'),
        url('fontes/mosk/MoskNormal400.ttf') format('truetype'),
        url('fontes/mosk/MoskNormal400.svg#MoskNormal400') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mosk-bold-700';
    src: url('fontes/mosk/MoskBold700.eot');
    src: url('fontes/mosk/MoskBold700.eot?#iefix') format('embedded-opentype'),
        url('fontes/mosk/MoskBold700.woff2') format('woff2'),
        url('fontes/mosk/MoskBold700.woff') format('woff'),
        url('fontes/mosk/MoskBold700.ttf') format('truetype'),
        url('fontes/mosk/MoskBold700.svg#MoskBold700') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'mosk-extra-bold-800';
    src: url('fontes/mosk/MoskExtra-Bold800.eot');
    src: url('fontes/mosk/MoskExtra-Bold800.eot?#iefix') format('embedded-opentype'),
        url('fontes/mosk/MoskExtra-Bold800.woff2') format('woff2'),
        url('fontes/mosk/MoskExtra-Bold800.woff') format('woff'),
        url('fontes/mosk/MoskExtra-Bold800.ttf') format('truetype'),
        url('fontes/mosk/MoskExtra-Bold800.svg#MoskExtra-Bold800') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'mosk-extra-light-200';
    src: url('fontes/mosk/MoskExtra-Light200.eot');
    src: url('fontes/mosk/MoskExtra-Light200.eot?#iefix') format('embedded-opentype'),
        url('fontes/mosk/MoskExtra-Light200.woff2') format('woff2'),
        url('fontes/mosk/MoskExtra-Light200.woff') format('woff'),
        url('fontes/mosk/MoskExtra-Light200.ttf') format('truetype'),
        url('fontes/mosk/MoskExtra-Light200.svg#MoskExtra-Light200') format('svg');
    font-weight: 300;
    font-style: normal;
}
/* grides */
.wrap {
    display: table;
    position: relative;
    margin: 0 auto;
    width: 980px;
}
.secao {
    width: 100%;
    display: table;
    position: relative;
}
.row {
    width: 100%;
    display: block;
    position: relative;
}
/*
OBS: MUDAR col-medium = 64% E col-regular = 36%
*/
.col-large {
    width: 75%;
}
.col-medium {
    width: 57%;
}
.col-regular {
    width: 43%;
}
.col-min {
    width: 25%;
}
.col-x2 {
    width: 50%;
}
.col-x3 {
    width: 33.31%;
}
.col-x4 {
    width: 25%;
}
.col-x5 {
    width: 20%;
}
.col-x6 {
    width: 16.65%;
}
/* alinhamento */
.box {
    width: auto;
    display: table;
    position: relative;
}
.col-inline {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: -3.8px;
}
.content {
    width: 100%;
    display: table;
    position: relative;
}
.container {
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
}
.central {
    width: 100%;
    height: 100%;
    display: table-cell;
    position: relative;
    vertical-align: middle;
}
.clearFix {clear: both;}
.image-adaptavel img {margin: 0 auto;}
.esq {float: left;}
.dir {float: right;}
/* fim alinhamento */
/* estilos padrao */
html, body {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    font-size: 16px;
}
img {display: block;}
.cont-absolute {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.link-full {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}
.faixa-dir, .faixa-esq {
    width: 50%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    z-index: 3;
}
.topo-fixo {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 5000;
}




/* GRIDS */
[class*='ko-col-'] {
    display: inline-block;
    margin-right: -4.4px;
}
.ko-col-1 {
    width: 8.33%;
}
.ko-col-2 {
    width: 16.67%; 
}
.ko-col-3 {
    width: 25%;  
}
.ko-col-4 {
    width: 33.33%;
}
.ko-col-5 {
    width: 41.66%;
}
.ko-col-6 {
    width: 50%;
}
.ko-col-7 {
    width: 58.3%;
}
.ko-col-8 {
    width: 66.7%;
}
.ko-col-9 {
    width: 75%;
}
.ko-col-10 {
    width: 83.28%;
}
.ko-col-11 {
   width: 91.7%;
}
.ko-col-12 {
    width: 100%;
}
.ko-col-offset-1 {
    margin-left: 8.33%;
}
.ko-col-offset-2 {
    margin-left: 16.67%; 
}
.ko-col-offset-3 {
    margin-left: 25%;  
}
.ko-col-offset-4 {
    margin-left: 33.33%;
}
.ko-col-offset-5 {
    margin-left: 41.66%;
}
.ko-col-offset-6 {
    margin-left: 50%;
}
.ko-col-offset-7 {
    margin-left: 58.3%;
}
.ko-col-offset-8 {
    margin-left: 66.7%;
}
.ko-col-offset-9 {
    margin-left: 75%;
}
.ko-col-offset-10 {
    margin-left: 83.28%;
}
.ko-col-offset-11 {
   margin-left: 91.7%;
}
.ko-col-offset-12 {
    margin-left: 100%;
}












