html {
 overflow-x:hidden;
 position:relative;
 min-height:100%;
}

body {
 background-color:#f5f5e9;
 font-family:Oswald,Arial,Helvetica,Garuda;
 font-size:1em;
 color:#333300;
 font-weight:300;
 height:100%;
 margin:0;
}

a {
 color:#333300;
 text-decoration:none;
}

a:hover {
 color:#999917;
 text-decoration:none;
}

a.menulink {
 color:#333300;
 text-decoration:none;
}

a:hover.menulink {
 color:#fff;
 animation-name:menuanim;
 animation-duration:1s;
}
@-webkit-keyframes menuanim {
 from {color:#333300;}
 to {color:#fff;}
}
@keyframes menuanim {
 from {color:#333300;}
 to {color:#fff;}
}

.menu {
 width:100%;
 box-sizing:border-box;
 padding:5px;
 background-color:#cccc94;
 margin:0;
 position:fixed;
 top:0;
 left:0;
 z-index:99999;
}

.menu_master {
 width:100%;
 max-width:1000px;
 margin:0 auto;
 text-align:center;
 font-weight:400;
}

.menu_item {
 display:inline-block;
 vertical-align:top;
 box-sizing:border-box;
 margin:8px 25px;
}

.menu_icoresp {
 width:70px;
 height:auto;
 border:0;
 cursor:pointer;
 margin:7px 10px 3px;
 display:none;
}

#menu_resp {
 display:none;
 position:absolute;
 background-color:#cccc94;
 width:100%;
 top:40px;
 left:0;
 box-sizing:border-box;
 padding:10px 10px;
 font-weight:400;
}

.menu_item_resp {
 width:100%;
 background-color:#b4b483;
 box-sizing:border-box;
 padding:5px 10px;
 margin:10px auto;
}

.redesociais {
 display:inline-block;
 width:27px;
 height:27px;
 background:#333300;
 border-radius:4px;
 vertical-align:top;
 text-align:center;
 box-sizing:border-box;
 margin:6px 10px;
}

.redesociais:hover {
 background:#999917;
}

.logo_bg {
 width:100%;
 height:220px;
 background-image:url(/imagens/layout/bgtopo.jpg);
 box-sizing:border-box;
 margin:48px auto 0;
}

.logo {
 position:relative;
 width:100%;
 max-width:350px;
 box-sizing:border-box;
 margin:0 auto;
 padding:30px 10px 0;
}

.rodape {
 width:100%;
 background-image:url(/imagens/layout/bgtopo.jpg);
 box-sizing:border-box;
 padding:20px;
 color:#999929;
 font-weight:400;
}

.rodesq {
 display:table-cell;
 width:530px;
 vertical-align:top;
}

.rodir {
 display:table-cell;
 width:650px;
 vertical-align:top;
 text-align:right;
}

.centro {
 width:100%;
 max-width:1280px;
 box-sizing:border-box;
 margin:0 auto;
 padding:20px 50px 80px;
 font-size:1.25em;
}

.tit {
 display:inline-block;
 width:40px;
 height:8px;
 margin-right:10px;
 margin-left:-50px;
 border-bottom:1px #333300 solid;
}

h1 {
 font-size:1.8em;
}

.vid_container {
 position:relative;
 width:80%;
 height:0;
 padding-bottom:44%;
}

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

.prod_capa {
 width:90%;
 max-width:250px;
 border:1px #333300 solid;
 border-radius:3px;
 box-shadow:2px 2px 5px #9F9F9F;
}

.thumbs {
 width:120px;
 height:100px;
 margin:10px;
 border:1px #333300 solid;
 border-radius:3px;
}

form {
 margin:0;
}

input[type=text] {
 width:100%;
 max-width:600px;
 height:35px;
 border:0;
 background-color:#dfdfd1;
 box-sizing:border-box;
 padding:10px;
 font-size:0.9em;
 color:#333300;
}

input[type=text]:focus {
 border:1px #7d9929 solid;
 outline:none;
}

textarea {
 resize:none;
 width:96%;
 max-width:600px;
 height:150px;
 border:0;
 background-color:#dfdfd1;
 padding:10px;
 font-family:Arial;
 font-weight:normal;
 font-size:0.9em;
 color:#333300;
}

textarea:focus {
 border:1px #7d9929 solid;
 outline:none;
}

input[type=submit] {
 width:180px;
 height:35px;
 margin-top:10px;
 background-color:#303000;
 border:0;
 border-radius:3px;
 font-family:Oswald,Arial;
 font-size:0.8em;
 font-weight:400;
 color:#fff;
 cursor:pointer;
}





@media screen and (max-width:900px) {
 .centro {
 padding:20px 20px 50px;
 }
}

@media screen and (max-width:850px) {
 .rodesq {
 display:inline-block;
 width:100%;
 text-align:center;
 }
 .rodir {
 display:inline-block;
 width:100%;
 text-align:center;
 }
}

@media screen and (max-width:750px) {
 .menu_item {
  margin:8px 15px;
 }
 .logo {
 width:50%;
 }
 .vid_container {
 width:100%;
 }
}

@media screen and (max-width:625px) {
 .menu_master {
  display:none;
 }
 .menu_icoresp {
  display:inline;
 }
 h1 {
 font-size:1.1em;
 line-height:1.2em;
 }
 .tit {
 height:15px;
 }
}

@media screen and (max-width:550px) {
 .logo {
 width:60%;
 }
}

@media screen and (max-width:400px) {
 .logo {
 width:75%;
 }
}

@media screen and (max-width:300px) {
 .tit {
 display:none;
 }
}