/* RESET */
*, *:before, *:after{
    margin: 0;
    padding: 0;
    outline: 0;

    /*font-size: 1em;
    font-weight: 400;
    line-height: 1.2;*/
    letter-spacing: 0em;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

iframe,
img,
picture,
video,
figure,
embed {
    max-width: 100%;
}

body {
    font-size: 62.5%;
    /*line-height: 1.5em;*/
    font-family: 'Titillium Web', sans-serif;
    text-rendering: optimizelegibility;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    color: #444;
}
.htmlchars{font-size:1.5em; font:400 18px 'Titillium Web', sans-serif; letter-spacing:-0.03em; color:#FF0000; margin:0.5em 0 0 0;}

h1{font-size: 2em; font-weight: 300;}
h2{font-size: 1.8em; font-weight: 400;}
p{font-size: 1.5em; margin-bottom: 15px; line-height:145%;}
p:last-child{margin-bottom: 0;}
b, strong{font-weight: bold;}
mark{padding: 5px 10px; background-color: #eee;}
ul{list-style: none;}
img{border: none; max-width: 100%; vertical-align: middle;}
small{font-size: 0.75em; color: #555;}
a{text-decoration: none;}
a img{border: 0;}
a{
	-webkit-transition: all 100ms ease 10ms;
	-moz-transition: all 100ms ease 10ms;
	-o-transition: all 100ms ease 10ms;
	transition: all 100ms ease 10ms;
}

a:hover
{opacity:0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=9);
text-decoration:none;
}


/* ===== CONFIG MANUTENÇÃO ===================*/
#frame{width:100%; bottom:0; left:0; text-align:center; color:#FFF; background:#000; padding:6px; position:fixed;}
#frame{z-index:5000; opacity:0.85; -moz-opacity:0.85; filter:alpha(opacity=85);}
#frame .link{font:normal 15px Arial, Helvetica, sans-serif; color:#FFF;}
#frame .link a{font:normal 15px Arial, Helvetica, sans-serif; color:#FFF;}


/* PALETA DE CORES - COLOR, BACKGROUND */
.bg-branco{background-color: #FFF; color: #333;}
.bg-body{background-color: #fbfbfb; color: #333;}
.bg-gray{background-color: #444444; color: #fff;}
.bg-graylight{background-color: #B4AD8B; color: #333;}
.bg-graylight2{background-color: #f4f4f4; color: #333;}
.bg-graylight3{background-color: #CEC9B3; color: #333;}
.bg-graylight4{background-color: #ddd; color: #333;}
.bg-light{background-color: #E6E4D9; color: #444;}
.bg-blue{background-color: #34495e; color: #fff;}
.bg-bluelight{background-color: #CCD8D1; color: #444;}
.bg-orange{background-color: #E16F4D; color: #fff;}
.bg-orange2{background-color: #F60; color: #fff;}
.bg-green{background-color: #1A6600; color: #fff;}
.bg-vermelho{background-color:#D80000; color: #fff;}
.bg-red2{background-color:#FF0000 !important; color: #fff !important;}
.bg-row{background:#FFF url(../images/bg_row_gray.jpg) top left repeat-x; color:#333;}
.bg-gray small, .bg-blue small, .bg-orange small{color: #fff !important;}
.cor-yelow{color:#FFFF00 !important;}
.cor-red{color:#D80000 !important;}
.cor-red a{color:#D80000 !important;}
.cor-red2{color:#FF0000 !important;}
.cor-orange{color:#F60 !important;}
.cor-orange a{color:#F60 !important;}
.cor-green{color:#1A6600 !important;}
.cor-green a{color:#1A6600 !important;}
.cor-branco{color:#FFF !important;}
.cor-cinza1{color:#333 !important;}
.cor-blue{color:#2AA2C6 !important;}


/* TITULOS */
.sectiontitle{float:left; width:100%; margin-bottom:20px; text-align:center;}
.sectiontitle h1{font-size:2.6em; font-weight:300; margin-bottom:0;}
.sectiontitle h2{font-size:2.2em; font-weight:300; margin:0;}
.sectiontitle .tagline{font-size:1.4em; font-weight:300;}
.sectiontitle-nomargin, .articletitle-nomargin{margin: 0 !important;}
.tagline2{font-size:1.1em; font-weight:300 !important;}


/* CONTAINER */
.container{float:left; width:100%;}
.row{max-width:1128px; margin:0 auto;}
.row2{max-width:768px; margin:0 auto;}
.row3{max-width:1120px; margin:0 auto;}
.row-content{width:100%; margin:0 auto;}

.row-lanca{max-width:1120px; margin:0 auto;}

.row-page{padding:3em 0 !important;}
.row-page1{padding:1em 0;}
.row-page2{padding:2em 0 !important;}
.row-page3{padding:0 0 2em 0;}
.row-page4{padding:1em 0;}
.row-page5{padding:2em;}
.row-page6{padding:1em;}
.row-page7{padding:0 0 2em 0;}
.row-page_pc{padding:3em 0 !important;}

/* BOX */
.box{width: auto; float: left;}
.box-line{float: left; width: 100%;}

.box-small{width: 22.75%; margin-right: 3%;}
.box-medium{width: 30%; margin-right: 5%;}
.box-large{width: 46.5%; margin-right: 7%;}
.box-large2{width: 46%;}
.box-large3{width: 50%; margin-right:0;}
.box-large4{width: 49%; margin-right:1%;}

.box-slide{width: 74.46808510638298%; margin-right:2.12765957446809%;}
.box-slide img {max-width:100%; height:auto;}

.box-large-m{width: 50%; margin-right:0;}

.box-full{width: 100%; margin: 0;}
.box-466{width: 75%;}
.box-840{width: 74.5%; margin-right: 3%;}
.box-forthree{width: 64%;}
.box-forthreesmall{width: 30%;}
.sidebar{width: 22.75%; margin-right: 0; float:right;}


/*text align*/
.al-left{text-align: left;}
.al-right{text-align: right;}
.al-center{text-align: center;}

/*float*/
.fl-left{float: left !important;}
.fl-right{float: right !important;;}
.fl-none{float: none !important;;}

/*FONT SIZE*/
.fontzero{font-size: 0em !important;}
.fontsize07{font-size: 0.7em;}
.fontsize1{font-size: 1em;}
.fontsize1b{font-size: 1.5em;}
.fontsize2{font-size: 2em;}
.fontsize2b{font-size: 2.5em;}
.fontsize3{font-size: 3em;}
.fontsize3b{font-size: 3.5em;}

/*HELPERS*/
.textshadow{text-shadow: 1px 1px 0 #ccc;}
.boxshadow{-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);}
.radius{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.round{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.last{margin-right: 0 !important; float:right !important;}
.last2{margin-right:0 !important; float:right !important;}
.last3{margin-right:0 !important;}
.clear{clear: both;}

.pdg-zero{padding:0;}
.pdg-1{padding:0 10px;}
.pdg-2{padding:0 0 1em 0;}

.mrg-1{margin:0 0 3em 0 !important;}
.mrg-2{margin:1em 0 !important;}
.mrg-2b{margin:2em 0 !important;}
.mrg-3{margin:0 0 1em 0 !important;}
.mrg-b20{margin:0 0 20px 0 !important;}


/*FORMS*/
.form-field{display: block; margin-bottom:10px; font-size: 1.1em;}
.form-legend{font-size: 1.6em; font-weight: normal; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px #555 dotted;}

/*label{display: block; margin-bottom: 0;}
input,
textarea{padding:10px; border:1px #ccc solid; width:100%; color:#555; margin-bottom:0.8em; }
select{padding:10px; border:1px #ccc solid; width:100%; color:#555;}*/
input[type="submit"],
input[type="reset"],
button{width: auto; margin-top:0;}
input[type="color"]{height: 40px; cursor: pointer;}
.tt{font-size: 1.5em; font-weight: normal; margin-bottom: 0.1em; display:block; color:#333;}

/*.form-check .form-field{margin-bottom: 15px;}
.form-check label{display: inline-block; margin-right: 0 30px 0 0 !important; padding: 8px 15px 10px 15px; background: #fbfbfb; cursor: pointer;}
.form-check label:hover{background: #fff;}
.form-check input{float: left; width: auto; margin: 4px 10px 0 0; cursor: pointer;}*/

:valid{background: #fff; border-color: #59aa66}
.last-label{margin:0;}


/*BOTÕES*/
.btn{display:inline-block; padding:8px 10px 8px 10px; background:#333; border:1px solid #222; cursor:pointer; font-size:1.3em; font-weight:400; color:#fff;}
.btn2{display:inline-block; padding:8px 15px 7px 15px; background:#333; border:1px solid #222; cursor:pointer; font-size:1.3em; font-weight:400; color:#fff;}
.btn3{display:inline-block; padding:6px 12px 6px 12px; background:#333; border:1px solid #222; cursor:pointer; font-size:1em; font-weight:400; color:#fff;}

.btn:hover{text-decoration:none !important;}
.btn-small{display:inline; padding:8px 10px; background:#333; border:1px solid #222; cursor:pointer; font-weight:400; color:#fff; font-size:1.3em; padding:10px 20px;}
.btn-small2{display:inline-block; padding:6px 8px 6px 8px; background:#333; border:1px solid #222; cursor:pointer; font-weight:400; color:#fff; font-size:1em;}
.btn-big{font-size:1.8em; padding:20px 40px;}

.btn-blue{background-color: #59aed1; border-color: #4e99b7;}
.btn-blue:hover{background-color: #64c3ea; border-color: #59aed1}
.btn-green{background-color: #59ab66; border-color: #4b9157;}
.btn-green:hover{background-color: #66c475; border-color: #59aa66;}
.btn-yelow{background-color: #d1be5a; border-color: #b7a64e;}
.btn-yelow:hover{background-color: #d1bd59; border-color: #d1be5a;}
.btn-red{background-color: #D90000; border-color: #995b5b;}
.btn-red:hover{background-color: #cc7979; border-color: #b26a6a;}
.btn-cinza1{background-color: #666; border-color: #666;}
.btn-cinza1:hover{background-color: #999; border-color: #666;}
.btn-cinza2 a{background-color: #444; border:1px slid #666; text-decoration:none; color:#fff;}
.btn-cinza2:hover{background-color: #777; border-color: #444;}

/*TRIGGER*/
.trigger{float: left; width: 100%; padding: 25px; font-size: 1.2em; margin-bottom: 30px;}
.trigger2{float: left; width: 100%; padding: 15px; font-size: 1.4em; margin-bottom: 1em;}
.trigger-bottom{margin: 30px 0 0 0;}

.trigger-accept{background-color: #accc9a; color: #6b7f60;}
.trigger-accept2{background-color: #78AC5B; color: #FFF;}
.trigger-infor{background-color: #9ab7cc; color: #60727f;}
.trigger-alert{background-color: #c6b247; color: #776b2b;}
.trigger-alert2{background-color: #c6b247; color: #FFF;}
.trigger-error{background-color: #e69f9f; color: #FFF;}


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


/* POSITION */
.pst-absolute{position:absolute;}
.pst-relative{position:relative;}


/* ========== BACK TOP ========== */
.backtotop {
    position: fixed;
    right: 20px;
    bottom: 150px;
    width: 48px;
    height: 48px;
    display: block;
    background: url(../images/top.png) 0 0 no-repeat;
    z-index: 99999999;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}
.backtotop:hover {
    background: url(../images/top_hov.png) 0 0 no-repeat;
}
.backtotop.hidden {
    bottom: -100px
}


/* ========== PAGINATOR ========== */
.paginator{background:#fff; padding:5px; margin:5px 0; float:left; text-align:center; font:bold 12px Verdana, Geneva, sans-serif; border-top:1px solid #CCC;}
.paginator a{text-transform:lowercase; text-decoration:none; color:#E21F26; padding:5px;}
.paginator .atv{padding:3px 5px; background:#f5f5f5;}
.paginator a:hover{background:#E21F26; color:#FFF;}