* { font-family:'Roboto', Arial, Helvetica, sans-serif; font-weight:400;}
/* body{ margin:0; border:0; background:url(../bg-embreve-1.png) top center no-repeat #a9c33e;} */ 
body{ margin:0; border:0; background:#FFF;}
.box { max-width:420px; overflow:auto; margin:0 auto; padding:40px 20px 20px 20px}
h1 {font-size: 42px; color:#666; text-align:center; padding-bottom:40px; font-weight:bold; margin:0;}
h3 {font-size: 22px; color:#000; text-align:center; margin:0; padding-bottom:20px;}
p { font-size:15px; margin:0; padding:0 0 20px 0; font-weight:normal; color:#666; text-align:center;}
a { color:#000; text-decoration:none;}
a:hover { color:#000; text-decoration:underline;}

.btn {color:#fff; background:url(../bg-bt.png) repeat-x top #a9c33e; border-radius:5px; font-size:13px; font-weight:500; padding:8px 21px 8px 21px; margin:0 0 5px 0; text-transform:uppercase; border:0;}
.btn.active, .btn:active, .btn:focus, .btn:hover,.open .dropdown-toggle.btn-primary{color:#fff; background:url(../bg-bt-hover.png) repeat-x top #a9c33e; border:0}
.btn.active, .btn:active, #box.open .dropdown-toggle.btn-primary{background-image:none}
.btn .badge{color:#2C3E50;background-color:#fff}

.selo { padding-top:8px;}
.mr-15 { margin-right:15px;}

.explicacao { font-style:italic;}
.logo { width:75%; height:auto}

/* .copy { position:absolute; bottom:0; width:100%; height:25px; text-align:center; color:#FFF; font-size:11px;} */
.copy { text-align:center; color:#666; font-size:11px; margin-top:40px}
.copy a { color:#666; text-decoration:none;}
.copy a:hover { color:#a9c33e; text-decoration:none;}

.oi1, .oi2 { text-align:center}

@media (min-width:768px){
h1 {font-size: 72px;}
.mr-20 { margin-right:15px;}
.oi1 { text-align:right}
.oi2 { text-align:left}
}