/**
 *####################### LEIA ATENTAMENTE ANTES DE ALTERAR QUALQUER COISA####################
 *!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 *
 * ARQUIVO DE BOOT- Responsavel pela MODULARIZACAO -PADROES DO TEMPLATE- do CSS.
 * Neste arquivo se encontra o arquivo reset, e as classes para modularizar, ao MAXIMO, o css e reaproveitar codigo.
 * DEFINICAO DO OOCSS - CSS ORIENTADO AO OBJETO
 * Para realizar alteracoes no css, basta "misturar" as classes para criar stylos diferentes com os padroes 
 * do TEMPLATE. E tambem, nunca deletar, pois isso podera afetar diretamento no stylo.
 * Para alterar diretamente o CSS, alterar os STYLOS, com nomenclaturas, iguais as paginas - com execao do HEADER E FOOTER
 *
 *
 * @copyright (c) 2015 - 2019, Scomação, Fernando J.C - Desenvolvend0+ |Programando com Qualidade|
 * @license http://desenvolvend0mais.com.br <contato@desenvolvend0mais.com.br>
 * 
 * OBS: LICENSA DE USO, COM EXPIRACAO EM 14/09/2016,do Software - SCRIPT - de USO para AGENCIA SITES10 - CURITIBA/PR - BRASIL 
 *
 * @author Scomação, Fernando J.C <fernando.scomacao@desenvolvend0mais.com.br>
 */


/*RESET*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}
/* HTML5 display-role reset for older browsers */
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;}
/*#################################################################################*/



/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!TEMPLATE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/*#################################################################################*/



/*#################################################################################*/


/*#################################################################################*/

/*#################################################################################*/



/*#################################################################################*/

/*BACKGROUNDS-IMAGES*/


/*#################################################################################*/
/*BACKGROUNDS-COLORS*/
.bg-transparent{background-color: transparent;}
.bg-white{background-color: #fff;}
.bg-black{background-color: #000;}

/*#################################################################################*/

/*FONTS-COLOR*/
.fonte-color-white{color: #fff;}
.fonte-color-black{color: #000;}


/*#################################################################################*/

/*FONTS-FAMALY*/


/*#################################################################################*/


/*SHORT ICONS*/
.shorticon-nome{
    background-image: url();
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}



/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!HELPERS!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*TRIGGERS*/
.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;}

/*DIVS -FLOAT*/
.div-float-none{float: none}
.div-float-left{float: left}
.div-float-right{float: right}
/*#################################################################################*/


/*BACKGROUNDS-IMGS*/
.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}

/*#################################################################################*/

/*FONTS-WIGHT*/
.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;}

/*#################################################################################*/

/*SECTIONS -FLOAT*/
.section-float-none{float: none}
.section-float-left{float: left}
.section-float-right{float: right}
/*#################################################################################*/

/*DISPLAY*/
.display-block{display: block;}
.display-inline{display: inline;}
.display-inline-block{display: inline-block;}
.display-none{display: none}

/*#################################################################################*/

/*POSITION*/
.pos-relative{position: relative}
.pos-absolut{position: absolute}
.pos-fixed{position: fixed}

/*#################################################################################*/

/*TEXT-ALIGN*/
.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{border: none !important;}


/*#################################################################################*/

/*MARGIN-NONE*/
.margin-left-none{margin-left: 0 !important}
.margin-right-none{margin-right: 0 !important}
.margin-none{margin: 0 !important}

/*#################################################################################*/

/*MARGIN-CENTER*/
.margin-center{margin: 0 auto}

/*#################################################################################*/
/*PADDING*/

.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}

/*#################################################################################*/

/*CONTAINERS*/
.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;}
/*#################################################################################*/


/*CONTEUDOS*/
.conteudo-total{width: 100%;}
.conteudo-center-970{width: 950px; margin: 0 auto;}

/*CLEAR*/
.clear{clear: both;} 

/*DIVS EMPETYS*/
.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;}


/*#################################################################################*/