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

    font-family: 'Lato', sans-serif;
    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;
}

img,
object,
embed,
video{
    max-width: 100%;
    height: auto;
}

.ratiohd{ float: left; position: relative; padding-bottom: 38%; width: 100%; height: 0; margin-bottom: 30px;}

.element{position: absolute; left: 0; width: 100%; height: 100%; top: 0;}

body{background: #fbfbfb;}
h1{font-size: 2em; font-weight: 300;}
h2{font-size: 1.8em; font-weight: 400;}
h3{font-size: 1.2em; font-weight: 500; }
p{margin-bottom: 15px;}
p:last-child{margin-bottom: 0;}
b, strong{font-weight: bold;}
mark{padding: 1px 10px; background: #ccc; margin: 4px 0; }
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;}

/*FORMS*/
label{display: block; margin-bottom: 15px;}
input{padding: 10px; border: 1px #ccc solid; width: auto; }
input:valid {border:2px #59aa66 solid;}

/*PALETA*/
/*BACKGROUND*/
.bg-front{background: url(../img/fundo_yellow.png); color: #333; background-position: top; background-attachment: fixed;}/*inicio - video*/
.bg-gray{background: url(../img/fundo_topo.png); color: #fff;}/* rodape*/
.bg-body{background: url(../img/fundo_body.png); color: #000;}
.bg-blue{background-color: #34495e; color: #fff;}/*autor - rodape*/
.bg-light{background: url(../img/fundo_light.png); color: #444;}

/*FONT WEIGHT*/
.font-thin{font-weight: 100 !important;}
.font-light{font-weight: 300 !important;}
.font-normal{font-weight: 400 !important;}
.font-bold{font-weight: 700 !important;}

/*FONT SIZE*/
.fontzero{font-size: 0em !important;}
.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;}

/*BOOT*/
/*CONTAINER*/
.container{float: left; width: 100%;}
.content{width: 80%; margin: 0 10%; padding: 40px 0;}
.content-page{padding: 60px 0;}

.sectiontitle{float: left; width: 100%; margin-bottom: 30px; text-align: center;}
.sectiontitle h1{font-size: 2.4em; font-weight: 300; margin-bottom: 10px;}
.sectiontitle .tagline{font-size: 1.4em; font-weight: 300;}
.sectiontitle-nomargin, .articletitle-nomargin{margin: 0;}

.articletitle{float: left; width: 100%; margin-bottom: 30px;}
.articletitle h1{font-size: 1.8em; margin-bottom: 2px;}
.articletitle .tagline{font-size: 1.1em;}

/*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: 7px; -moz-border-radius: 7px; border-radius: 7px;}
.last{margin-right: 0 !important;}
.clear{clear: both;}

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

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

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

/*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-large:nth-child(2n+0){margin-right: 0;}
.box-full{width: 100%; margin: 0;}
.box-1557{width: 75%;}

/*BOTÕES*/
.btn{ display: inline-block; padding: 10px 20px; background: #333; border: 1px solid #222; cursor: pointer; font-size: 1em; font-weight: 400; color: #fff; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}
.btn:hover{text-decoration: none  !important;}
.btn-big{font-size: 1.5em; padding: 1.5% 2%;}
.btn-big:hover{font-size: 1.5em; padding: 1.5% 4%; transition: 0.5s;}

.btn-blue{background-color: #006699 !important; border-color: #006699 !important;}
.btn-blue:hover{background-color: #005984 !important; border-color: #005984 !important;}
.btn-green{background-color: #4b9157 !important; border-color: #4b9157 !important;}
.btn-green:hover{ background-color: #59aa66 !important; border-color: #59aa66 !important; }
.btn-yellow{background-color: #C0A94E !important; border-color: #C0A94E !important;}
.btn-yellow:hover{background-color: #AF8745 !important; border-color: #AF8745 !important;}
.btn-red{background-color: #9f0000 !important; border-color: #BB0000 !important;}
.btn-red:hover{background-color: #BB0000 !important; border-color: #9f0000 !important;}
.btn-simple{ border: 1px; border-style: solid; background: none; color: red; }
.btn-simple:hover{border: 1px; border-style: dashed; background: none; }


/*SHAREBOX*/
.sharebox{float: left; width: 100%; padding: 25px 0; text-align: center;}
.sharebox li{display: inline-block; background: #ccc; margin: 0 15px; background-position: left 10px center; background-repeat: no-repeat; background-size: auto 60%;}
.sharebox a{float: left; padding: 10px 20px 10px 40px; color: #fff;}
.sharebox .count{float: right; background: rgba(0,0,0,0.5); padding: 10px 15px; color: #fff;}

.sharebox .facebook{background-image: url(boot/social/facebook.png); background-color: #45619D;}
.sharebox .facebook:hover{background-color: #778FC4;}
.sharebox .google{background-image: url(boot/social/google.png); background-color: #DD4B39;}
.sharebox .google:hover{background-color: #E77D72;}
.sharebox .twitter{background-image: url(boot/social/twitter.png); background-color: #55ACEE;}
.sharebox .twitter:hover{background-color: #9ED0F5;}

/*TRIGGER*/
.trigger{position: relative; padding: 20px; color: #333; background: #ccc; border: 1px solid #333; font:400 16px 'Verdana', sans-serif;}
.trigger{border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.trigger .ajax_close{position: absolute; right: 10px; cursor: pointer; top: 10px; background: black; width: 20px; height: 20px; display: none;}
.trigger.accept{background-color: #E5F8CE; border-color: #D0F1A6;}
.trigger.infor{background-color: #45619D !important; border-color: #BCDFEF;}
.trigger.alert{background-color: #FFF6BF; border-color: #FCEB77;}
.trigger.error{background-color: #FAD0D0; border-color: #F6ABAB;}

/*INPUT'S*/
.nome{background-image: url(boot/icons/pessoal.png) !important; background-repeat: no-repeat !important; background-position: left;}   
.email{background-image: url(boot/icons/email.png) !important; background-repeat: no-repeat !important; background-position: left;}   
.emp{background-image: url(boot/icons/emp.png) !important; background-repeat: no-repeat !important; background-position: left;}
.tel{background-image: url(boot/icons/telefone-icon.png) !important; background-repeat: no-repeat !important; background-position: left;}
.cel{background-image: url(boot/icons/cel-icone.png) !important; background-repeat: no-repeat !important; background-position: left;}
.valor{background-image: url(boot/icons/calc.png) !important; background-repeat: no-repeat !important; background-position: left;}
.hora{background-image: url(boot/icons/relogio.png) !important; background-repeat: no-repeat !important; background-position: left;}
.url{background-image: url(boot/icons/url.png) !important; background-repeat: no-repeat !important; background-position: left;}


@media (max-width: 980px){
    .box-small {width: 30%; margin-right: 5%;}    
}

@media (max-width: 855px){     
    .box-medium {width: 46.5%; margin-right: 7%;}
    .box-large {width: 90%; margin: 0 5%;}
}

@media (max-width: 680px){     
    .box-small {width: 46.5%; margin-right: 7%;}
}

@media (max-width: 639px){ 
    .fontsize2{ font-size: 1.7em;}
    .fontsize2b{ font-size: 2em;}
    .box-medium {width: 90%; margin: 0 5% !important; }
    .box-small {width: 46.5%; margin-right: 7%;}
    .box-large {width: 90%; margin: 0 5%;}
    .btn-big{font-size: 1em;}
}

@media (max-width: 500px){ 
    .fontsize1b{ font-size: 1.2em;}
    .font-light{font-weight: 450;}
    .fontsize2{ font-size: 1.5em;}
    .fontsize2b{ font-size: 1.5em;}
    .box-small {width: 97%; margin: 1.5%;}
    .box-large {width: 95%; margin: 0 2.5%;}
}