html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

}

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

    display: block;

}

body {

    line-height: 1;

}

ol, ul {

    list-style: none;

}

blockquote, q {

    quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}


a{text-decoration: none;}


.bg-transparent{background-color: transparent;}

.bg-white{background-color: #fff;}

.bg-black{background-color: #000;}


.fonte-color-white{color: #fff;}

.fonte-color-black{color: #000;}


.shorticon-nome{

    background-image: url();

    background-repeat: no-repeat;

    background-position: center;

    background-size: auto 100%;

}

.trigger-process{line-height: 20px; border-left: solid 4px goldenrod; border-top: solid 1px goldenrod; display: none; border-bottom: solid 1px goldenrod; color: #525d6d}

.trigger-sucess{line-height: 20px; border-left: solid 4px #27AE61; border-top: solid 1px #27AE61; border-bottom: solid 1px #27AE61; color: #525d6d}

.trigger-fail{line-height: 20px; border-left: solid 4px salmon; border-top: solid 1px salmon; border-bottom: solid 1px salmon;  display: none; color: #525d6d}

.trigger-load{width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: cover;}


.div-float-none{float: none}

.div-float-left{float: left}

.div-float-right{float: right}


.bg-img-center-cover{background-repeat: no-repeat; background-position:center; background-size: cover}

.bg-img-center-contain{background-repeat: no-repeat; background-position:center; background-size: contain}

.bg-img-left-cover{background-repeat: no-repeat; background-position:left; background-size: cover}

.bg-img-left-contain{background-repeat: no-repeat; background-position:left; background-size: contain}

.bg-img-right-contain{background-repeat: no-repeat; background-position:right; background-size: contain}

.bg-img-right-cover{background-repeat: no-repeat; background-position:right; background-size: cover}


.fonte-light{font-weight:100}

.fonte-regular{font-weight:400}

.fonte-bold{font-weight:600}

.fonte-bolder{font-weight:900}

.fonte-300{font-weight:300}

.fonte-600{font-weight:600}

.fonte-900{font-weight:900}


.float-left{float: left;}

.float-right{float: right;}

.float-none{float: none !important;}


.section-float-none{float: none}

.section-float-left{float: left}

.section-float-right{float: right}


.display-block{display: block;}

.display-inline{display: inline;}

.display-inline-block{display: inline-block;}

.display-none{display: none}


.pos-relative{position: relative}

.pos-absolut{position: absolute}

.pos-fixed{position: fixed}


.text-center{text-align: center;}

.text-left{text-align: left;}

.text-right{text-align: right;}

.tex-alight-none{text-align: inherit !important}


.border-none{border: none !important;}


.margin-left-none{margin-left: 0 !important}

.margin-right-none{margin-right: 0 !important}

.margin-none{margin: 0 !important}


.margin-center{margin: 0 auto}


.padding-right-none{padding-right: 0 !important}

.padding-left-none{padding-left: 0 !important}

.padding-top-none{padding-top: 0 !important}

.padding-bottom-none{padding-bottom: 0 !important}


.container-10perc{ width: 10%;  float: left;}

.container-20perc{ width: 20%;  float: left;}

.container-30perc{ width: 30%;  float: left;}

.container-35perc{ width: 35%;  float: left;}

.container-70perc{ width: 70%;  float: left;}

.container-25perc{ width: 25%;  float: left;}

.container-75perc{ width: 75%;  float: left;}

.container-80perc{ width: 80%;  float: left;}

.container-50perc{ width: 50%;  float: left;}

.container-55perc{ width: 55%;  float: left;}

.container-59perc{ width: 59%;  float: left;}

.container-41perc{ width: 41%;  float: left;}

.container-45perc{ width: 45%;  float: left;}

.container-60perc{ width: 60%;  float: left;}

.container-65perc{ width: 65%;  float: left;}

.container-40perc{ width: 40%;  float: left;}

.container-1b{ width: 100%; float: left;}

.container-2b{ width: 50%;  float: left;}

.container-3b{ width: 33.33%;  float: left;}

.container-4b{ width: 25%;  float: left;}



.conteudo-total{width: 100%;}

.conteudo-center-970{width: 950px; margin: 0 auto;}



@media (max-width: 970px) {

    .conteudo-center-970{width: 100%;}

}


.clear{clear: both;} 


.div-empty-20px{height: 25px; width: 100%; display: block;}

.div-empty-25px{height: 25px; width: 100%; display: block;}

.div-empty-30px{height: 30px; width: 100%; display: block;}

.div-empty-50px{height: 50px; width: 100%; display: block;}

.div-empty-55px{height: 55px; width: 100%; display: block;}

.div-empty-60px{height: 60px; width: 100%; display: block;}

.div-empty-70px{height: 70px; width: 100%; display: block;}

.div-empty-80px{height: 80px; width: 100%; display: block;}

.div-empty-87px{height: 87px; width: 100%; display: block;}

.div-empty-90px{height:90px; width: 100%; display: block;}

.div-empty-100px{height: 100px; width: 100%; display: block;}

.div-empty-150px{height: 150px; width: 100%; display: block;}

.div-empty-200px{height: 200px; width: 100%; display: block;}