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

body{background: #fbfbfb;}
h1{font-size: 2em; font-weight: 300;}
h2{font-size: 1.8em; font-weight: 400;}
h1{font-size: 1.5em; font-weight: 500;}
p{margin-bottom: 15px;}
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;}

/*PALETA*/
/*BACKGROUND*/
.bg-body{background-color: #fbfbfb; color: #333;}
.bg-gray{background-color: #444444; color: #fff;}
.bg-graylight{background-color: #B4AD8B; color: #333;}
.bg-light{background-color: #E6E4D9; color: #444;}
.bg-acesso{background-color: #808040; color: #444;}
.bg-blue{background-color: #34495e; color: #fff;}
.bg-bluelight{background-color: #CCD8D1; color: #444;}
.bg-orange{background-color: #E16F4D; color: #fff;}

.bg-gray small, .bg-blue small, .bg-orange small{color: #fff !important;}

/*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;}*/
.fontzero{display: inline-block;width: 1px;position: absolute;text-indent: -9999px;}
.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*/
.content{width: 80%; margin: 0 10%; padding: 40px 0;}

/*HELPERS*/
.last{margin-right: 0 !important;}
.clear{clear: both;}


/*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 !important;}
.sharebox a:hover{text-decoration: none !important;}
.sharebox .count{float: right; background: rgba(0,0,0,0.5); padding: 10px 15px; color: #fff;}

.sharebox .facebook{background-color: #45619D; width: 280px;}
.sharebox .facebook:hover{background-color: #778FC4;}
.sharebox .google{background-color: #DD4B39; width: 280px;}
.sharebox .google:hover{background-color: #E77D72;}
.sharebox .twitter{background-color: #55ACEE; width: 280px;}
.sharebox .twitter:hover{background-color: #9ED0F5;}


/*BOTÕES*/
.btn-acesso {
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px;
    border: 1px #4a9e3e solid;
    color: #fff;
    text-shadow: 1px 1px 0 #333;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none !important;
    cursor: pointer;
    -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);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.btn-acesso:hover {
    background: #D5D5AA;
    border-color: #3e8434; 
    color: #fff;
}
.btn-blue{background-color: #59aed1; border-color: #4e99b7;}
.btn-green{background-color: #59ab66; border-color: #4b9157;}
.btn-yelow{background-color: #d1be5a; border-color: #b7a64e;}
.btn-red{background-color: #b26a6a; border-color: #995b5b;}

.ul,li a{background-color: #00AA00; color: white;}
.ul,li a:hover{background-color: #000;}
.p{font-size: 13px;}

.rodape{z-index: -1;}
.h1{font-size: small;}
.frame{
    width: 600px;
    height:450px;
}