html {
overflow-x:hidden;
position:relative;
min-height:100%;
}
body {
background:#f5f0cd url(/imagens/layout/bgmain.png) fixed;
font-family:Roboto,Arial,Helvetica,Garuda;
font-size:1em;
font-weight:400;
color:#000;
height:100%;
margin:0;
}
::-webkit-scrollbar {
width:17px;
}
::-webkit-scrollbar-track {
background-color:#f5f0cd;
}
::-webkit-scrollbar-thumb {
background-color:#17723d;
border:2px #f5f0cd solid;
}
a {
color:#1d1b0b;
text-decoration:none;
}
a:hover {
color:#007130;
}
a.branco {
color:#fff;
}
a:hover.branco {
color:#f6f1ce;
}
a.verde {
color:#00913d;
}
a:hover.verde {
color:#524d2a;
}
.block {
display:block;
width:100%;
height:100%;
}
.topo {
display:table;
width:100%;
}
.logo {
display:table-cell;
width:80%;
vertical-align:top;
box-sizing:border-box;
padding:30px;
}
.redes {
display:table-cell;
width:20%;
white-space:nowrap;
vertical-align:top;
text-align:right;
box-sizing:border-box;
padding:50px 30px 0;
}
.redeico {
display:inline-block;
width:45px;
height:45px;
background:#00913d;
border-radius:30px;
text-align:center;
box-sizing:border-box;
}
.redeico:hover {
background:#17723d;
}
.menu_master {
width:100%;
margin:0;
background-color:#90EE90;
text-align:center;
}
.menu_item {
display:inline-block;
box-sizing:border-box;
vertical-align:top;
margin:15px 40px;
}
.menu_responsivo {
display:none;
position:fixed;
width:100%;
background-color:#17723d;
box-sizing:border-box;
padding:13px 0 8px 10px;
z-index:9999;
}
#menu_resp {
display:none;
position:fixed;
width:100%;
background-color:#17723d;
border-bottom:3px #f6f1ce solid;
box-sizing:border-box;
padding:0 10px 15px 20px;
font-size:1em;
font-weight:500;
line-height:2.2em;
z-index:999999;
}
.rodape {
width:100%;
background:rgba(255,252,229,0.7);
box-sizing:border-box;
padding:20px 10px 10px;
text-align:center;
font-size:0.9em;
color:#524d2a;
font-weight:700;
line-height:1.4em;
}
.rod_ico {
display:inline-block;
width:40px;
height:40px;
background:#00913d;
border-radius:30px;
text-align:center;
box-sizing:border-box;
}
.rod_box {
display:inline-block;
text-align:left;
box-sizing:border-box;
margin:0 20px;
font-size:1.2em;
color:#00913d;
}
.home_txt {
width:90%;
max-width:1250px;
margin:50px auto;
text-align:center;
font-size:2.5em;
color:#8f895f;
}
.tit {
width:100%;
text-align:center;
box-sizing:border-box;
}
h1 {
line-height:1em;
margin:30px 10px;
}
.pula {
display:none;
}
.pag_int {
width:93%;
max-width:1200px;
margin:0 auto 50px;
}
.prod_index {
display:inline-block;
width:100%;
max-width:250px;
box-sizing:border-box;
margin:20px;
vertical-align:top;
text-align:center;
font-weight:500;
}
.prod_img {
width:100%;
max-width:250px;
border:0;
box-shadow:5px 5px 15px #4c4c4c;
margin-bottom:8px;
}
.press {
display:inline-block;
width:94%;
max-width:1100px;
box-sizing:border-box;
background:#f5f0cd;
border:2px #609930 solid;
box-shadow:0 5px 8px #888;
margin:20px auto;
padding:15px 12px;
vertical-align:top;
text-align:left;
font-size:0.9em;
}
.press1 {
display:inline-block;
width:50%;
max-width:350px;
box-sizing:border-box;
background:#f5f0cd;
border:2px #609930 solid;
box-shadow:0 15px 8px #888;
margin:20px auto;
padding:15px 12px;
vertical-align:top;
text-align:left;
font-size:0.9em;
}
.press2 {
display:inline-block;
width:50%;
max-width:350px;
box-sizing:border-box;
background:#f5f0cd;
border:2px #609930 solid;
box-shadow:0 15px 8px #888;
margin:20px auto;
padding:29px 12px;
vertical-align:top;
text-align:center;
font-size:0.9em;
}
.press3 {
display:inline-block;
width:60%;
max-width:703px;
box-sizing:border-box;
background:#f5f0cd;
border:2px #609930 solid;
box-shadow:0 15px 8px #888;
margin:20px auto;
padding:29px 12px;
vertical-align:top;
text-align:center;
font-size:0.9em;
}
.boxform {
display:inline-block;
width:95%;
max-width:550px;
vertical-align:top;
text-align:left;
line-height:1.3em;
box-sizing:border-box;
margin:20px;
}
.vid_container {
position:relative;
width:100%;
height:0;
padding-bottom:56.25%;
}
.video {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
form {
margin:0;
}
input[type=text] {
width:95%;
max-width:600px;
border:1px #9f9da1 solid;
border-radius:2px;
background-color:#fff;
padding:6px;
font-size:0.9em;
color:#000;
}
input[type=text]:focus {
border:1px #17723d solid;
background:#efefef;
outline:none;
}
textarea {
resize:none;
width:95%;
max-width:600px;
height:150px;
border:1px #9f9da1 solid;
border-radius:2px;
background-color:#fff;
padding:6px;
font-size:1em;
}
textarea:focus {
border:1px #17723d solid;
background:#efefef;
outline:none;
}
@media screen and (max-width:1225px) {
.rod_box {
margin:0 10px;
font-size:1.1em;
}
}
@media screen and (max-width:1055px) {
.menu_item {
margin:12px 25px;
}
}
@media screen and (max-width:1060px) {
.rod_box {
margin:5px 10px;
}
}
@media screen and (max-width:825px) {
.menu_item {
margin:12px 17px;
}
}
@media screen and (max-width:730px) {
.topo {
padding:50px 0 30px;
}
.logo {
display:inline-block;
width:100%;
text-align:center;
padding:15px;
}
.redes {
display:none;
}
.menu_master {
display:none;
}
.menu_responsivo {
display:inline;
}
.boxform {
width:90%;
margin:20px 0;
}
}
@media screen and (max-width:585px) {
.rodape {
padding:10px 10px 5px;
}
.rod_box {
width:100%;
max-width:240px;
margin:5px;
}
.home_txt {
font-size:1.7em;
}
h1 {
font-size:1.4em;
margin:0 10px 20px;
}
}
@media screen and (max-width:450px) {
.pula {
display:inline;
}
}