@charset "UTF-8";
/* Reset CSS*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
a, ul, li, article, main, footer, header, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	min-width: 320px;
	background-color: #D9DF3D;
}
/* HTML5 display-role reset for older browsers */
article, main, footer, header, nav, section {display: block;}
ul {list-style: none;}
/* Fim reset CSS */


/* Utilidades*/
*,*:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cf:before, cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
/* Fim Utilidades*/

#topo {
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 100%;
	max-width: 1200px;
}
.clear_both {
	clear: both;
}
#logo {
	width: 50%;
	height: auto;
	float: left;
}
#logo img {
	width: 100%;
	height: auto;
}
#anos {
	width: 50%;
	height: auto;
	float: right;
	margin-top: 20px;
}
#anos img {
	width: 100%;
	height: auto;
}
#menu {
	width: 100%;
	clear: both;
	padding-bottom: 10px;
}
#menu ul li {
	display: block;
	width: 29%;
	float: left;
	margin-top: 10px;
	margin-left: 2%;
	margin-right: 2%;
}
#menu ul li a {
	text-decoration: none;
	color: #000000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	padding: 5px;
	text-align: center;
	border-radius: 10px;
	display: block;
	font-size: 13px;
}
#menu ul li a:hover {
	opacity: 0.5;
}
#box_banner {
	width: 100%;
	background-color: #A1B64D;
	/* [disabled]height: auto; */
	padding-bottom: 83.75%;
}
#banner_mobile {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
}
#banner_mobile>div, #banner_desktop>div{
	text-align:center;
	width:auto;
	position:absolute;
	margin-left:auto;
	margin-right:auto
}
#banner_desktop>div{
	max-width: 1160px;
}
#banner_desktop {
	width: 100%;
	height: auto;
	max-width: 1160px;
	margin-left: auto;
	margin-right: auto;
	display: none;
	max-height: 370px;
}
#banner_mobile img, #banner_desktop img {
	width: 100%;
	height: auto;
	display: block;
}
#box_destaques {
	width: 320px;
	height: auto;
	padding-top: 35px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 35px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}
.destaques  {
	width: 100px;
	float: left;
}
.destaques img, .foto_home img, #facebook img, #instagram img  {
	width: 100%;
	height: auto;
	
}
.destaques a:hover {
	opacity: 0.5;
}
#box_content_home {
	width: 100%;
	height: auto;
	background-color: #F5F6D4;
}
.content_white {
	width: 100%;
	background-color: #FFFFFF;
}
.content_home, .seletor {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	max-width: 1200px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 14px;
	line-height: 24px;
}
.content_home {
	text-align: center;
}
.content_home p {
	margin-bottom: 10px;
}
.content_home h1 {
	font-weight: bold;
	color: #60890F;
	font-size: 16px;
}
#box_fotos_home {
	width: 100%;
	height: auto;
	background-image: url(../imagens/fundo_box_foto.jpg);
	background-repeat: repeat-x;
	background-position: 0% top;
}
.foto_home {
	width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.col_terco {
	margin-bottom: 25px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 17px;
	color: #636363;
}
.col_terco_txt {
	font-size: 15px;
	color: #707070;
}
.boolet {
	list-style-type: disc;
	padding-left: 34px;
	padding-bottom: 49px;
	font-size: 18px;
	line-height: 30px;
}
footer {
	background-color: #D9DF3D;
	width: 100%;
	height: auto;
}
#content_footer, #footer_print {
	padding: 20px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../imagens/logo_reinobebe.png);
	background-repeat: no-repeat;
	background-size: 160px auto;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	text-align: center;
	background-position: 15px 0%;
	font-size: 13px;
	color: #000000;
	max-width: 1180px;
}
#footer_print {
	display: none;
}
#content_footer a, #footer_print a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
#content_footer a:hover, #footer_print a:hover {
	text-decoration: underline;
}
.redes {
	width: 124px;
	height: auto;
	float: right;
	margin-bottom: 40px;
	margin-left: 0px;
	margin-top: 20px;
}
#facebook , #instagram {
	width: 50px;
	height: auto;
	float: right;
	margin-left: 10px;
	margin-bottom: 0px;
}
#facebook a:hover, #instagram a:hover {
	opacity: 0.5;
}
#content_footer p, #footer_print p {
	margin-bottom: 15px;
}
.footer_clear {
	clear: both;
}
.icon_fone {
	width: 20px;
	height: auto;
}
.endereco {
	width: 100%;
}
.fone {
	width: 100%;
	margin-bottom: 15px;
}
#box_seletor {
	width: 100%;
	height: auto;
	padding: 10px;
	background-color: #f5f6d4;
}
.seletor {
	text-align: left;
	color: #707070;
}
.seletor h1 {
	font-weight: bold;
	color: #1d9ec3;
	font-size: 30px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	margin-bottom: 15px;
}
.col_meia {
	padding: 10px;
	width: 100%;
	text-align: left;
}
.col_meia_seg {
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	width: 100%;
	text-align: left;
}
.col_meia h2, .col_meia_seg h2, .loja h2  , .coluna_produtos h2{
	font-weight: bold;
	color: #1CBBB4;
	font-size: 22px;
	margin-bottom: 10px;
}
.col_meia ul, .col_meia_seg ul , .coluna_produtos ul{
	margin-left: 15px;
	color: #707070;
	margin-bottom: 15px;
}
#botoes {
	width: 260px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}
.button {
	width: 120px;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
.button a {
	text-decoration: none;
	border-radius: 10px;
	font-weight: bold;
	padding: 5px;
	background-color: #BEDA89;
	color: #FFFFFF;
	width: 120px;
	float: left;
}
.button a:hover {
	background-color: #A6C271;
}
.loja {
	width: 100%;
	text-align: left;
	padding: 10px;
	margin-top: 30px;
}
.loja p a, .seletor p a {
	text-decoration: none;
	color: #1D9EC3;
	font-weight: bold;
}
.loja p a:hover, .seletor p a:hover {
	text-decoration: underline;
}
.mapa {
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
.mapa img {
	width: 100%;
	height: auto;
}

/* ----------------FORMS---------------------- */
.coluna_form {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.coluna_form p {
	margin-top: 25px;
}
form label {
	color: #707070;
	font-size: 16px;
}
label #Nome, #Empresa, #Telefone, #Email{
	width: 100%;
}
label #Mensagem {
	width: 100%;
	height: 120px;
}
p label #Nome, p label #Telefone, p label #Email {
	height: 35px;
}
.campo_obrigatorio {
	font-size: 11px;
	color: #DA1316;
	margin-top: 0px;
}
input[type=submit], input[type=reset] {
	background-color: #BEDA89 !important;
	border: 1px solid transparent;
	text-decoration: none;
	border-radius: 10px;
	font-weight: bold;
	padding: 5px;
	color: #FFFFFF;
	width: 120px;
	height: 36px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 12px;
}
input[type=submit] {
	margin-left: 10px;
	margin-right: 0px;
}
input[type=reset] {
	margin-left: 0px;
	margin-right: 10px;
}
input[type=submit]:hover, input[type=reset]:hover {
	background-color: #A6C271 !important;
}
#botao_form {
	width: 265px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	margin-bottom: 35px;
}

/* ----------------PRODUTOS---------------------- */
.coluna_produtos {
	padding: 10px;
	width: 100%;
	text-align: left;
}
.coluna_produtos_fotos {
}
.coluna_produtos_fotos img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
#produtos {
	width: 100%;
}
#produtos ul li {
	text-align: center;
}
#produtos ul li a {
	display: block;
	margin-bottom: 10px;
	border-radius: 10px;
	padding: 5px;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #7D7D7D;
	font-size: 16px;
}
#produtos ul li a:hover {
	opacity: 0.7;
	color: #000000;
	text-decoration: underline;
}

a, a:active, a:visited { text-decoration: none; color: white; }
a:hover { text-decoration: underline; color: #333; }
.navegacao ul {
	margin: 0;
	border-radius: 10px;
	padding: 0;
}
.navegacao li {
	list-style: none;
	border-radius: 10px;
	font-size: 110%;
}
.menu-icon {
	padding-top: 3px;
	font-size: 18px;
	color: #7D7D7D;
	padding-left: 20px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}
.navegacao a {
	display: block;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-left: 5%;
	padding-bottom: 0.25em;
	text-decoration: none;
}
.navegacao li a {
	border-radius: 10px;
	color: #7D7D7D;
}
.navegacao li a:hover, .navegacao li a:focus, .navegacao li a:active {
	/* [disabled]opacity: 0.7; */
	text-decoration: underline;
	color: #000000;
}
.navegacao {
	font: 100%/1.4 sans-serif;
	background: #ffffff;
	height: 2.6em;
	overflow: hidden;
	webkit-transition: height 2s;
	-moz-transition: height 2s;
	-o-transition: height 2s;
	-ms-transition: height 2s;
	transition: height 2s;
	border-radius: 10px;
	padding: 5px;
	clear: both;
}
.navegacao:hover, .navegacao:focus, .navegacao:active {
	height: 30em;
	webkit-transition: height 2s;
	-moz-transition: height 2s;
	-o-transition: height 2s;
	-ms-transition: height 2s;
	transition: height 2s;
}
/* ----------------FIM PRODUTOS---------------------- */






/* Media Queries*/
@media screen and (min-width:350px){
#menu ul li a {
	font-size: 14px;
}
#box_destaques {
	width: 100%;
}
.destaques  {
	width: 33%;
}
}


@media screen and (min-width:500px){
#menu ul li a {
	font-size: 16px;
}
#logo {
	width: 250px;
	height: auto;
}
#anos {
	width: 245px;
	height: auto;
}
#banner_mobile {
	padding: 0px;
	display: none;
}
#box_banner {
	padding-bottom: 31.875%;
}
#banner_desktop {
	display: inherit;
}
#box_destaques {
	max-width: 640px;
}
#content_footer, #footer_print {
	font-size: 14px;
}
.foto_home {
	width: 80%;
}
.redes {
	margin-bottom: 30px;
}
#botoes {
	width: 340px;
}
.button {
	width: 150px;
	margin-left: 10px;
	margin-right: 10px;
}
.button a {
	width: 150px;
}
#botao_form {
	width: 426px;
}
input[type=submit], input[type=reset] {
	margin-left: 15px;
	margin-right: 15px;
	font-size: 16px;
	width: 180px;
}
}

@media screen and (min-width:600px){
.fone br {
	display: none;
}
.redes {
	margin-top: 0px;
}
#produtos ul li a {
	width: 45%;
	margin-top: 1.5%;
	margin-right: 2%;
	margin-left: 2%;
	margin-bottom: 1.5%;
	float: left;
}
}

@media screen and (min-width:700px){
#menu ul li {
	width: 14.6%;
	margin-left: 1%;
	margin-right: 1%;
}
#menu ul li a {
	font-size: 14px;
}
#topo {
	background-image: url(../imagens/tracos_fundo3.jpg);
	background-repeat: no-repeat;
	background-size: 90% auto;
	background-position: right center;
}
#anos {
	margin-right: 50px;
}
.content_home {
	font-size: 16px;
	line-height: 28px;
}
.seletor {
	font-size: 16px;
	line-height: 28px;
}
.content_home h1 {
	font-size: 18px;
}
.foto_home {
	width: 29.3%;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
}
.mapa {
	width: 90%;
}
.coluna_form {
	width: 650px;
}
.coluna_produtos {
	width: 45%;
	float: left;
	margin-bottom: 0px;
	margin-left: 50px;
	padding-right: 20px;
}
.coluna_produtos_fotos {
	float: left;
	width: 40%;
}
}

@media screen and (min-width:750px){
.footer_clear {
	display: none;
}
#content_footer, #footer_print {
	text-align: left;
	padding-left: 180px;
	padding-top: 30px;
}
#dados {
	float: left;
}
}

@media screen and (min-width:900px){
#logo {
	width: 286px;
	height: auto;
}
	#menu ul li a {
	font-size: 16px;
}
#topo {
	background-position: center top;
	background-size: 100% auto;
	background-image: url(../imagens/tracos_fundo.jpg);
}
#anos {
	margin-top: 50px;
}
#box_destaques {
	max-width: 740px;
}
.destaques  {
	margin-left: 20px;
	margin-right: 20px;
	width: 200px;
}


#content_footer p, #footer_print p {
	margin-bottom: 10px;
}
#content_footer p br {
	display: none;
}
.col_meia {
	width: 50%;
	float: left;
}
.col_meia_seg {
	padding-top: 40px;
	float: left;
	width: 50%;
}
#botoes {
	clear: both;
	margin-top: 45px;
	width: 460px;
}
.button {
	width: 200px;
	margin-left: 15px;
	margin-right: 15px;
}
.button a {
	width: 200px;
}
.loja {
	width: 30%;
	float: left;
}
.mapa {
	width: 70%;
	float: left;
	text-align: center;
}
.mapa img {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#produtos ul li a {
	width: 30%;
	margin-right: 1.6%;
	margin-left: 1.6%;
	float: left;
}
}
@media screen and (min-width:975px){
.col_terco   {
	margin-left: 8%;
	margin-right: 0%;
	width: 25%;
	font-size: 16px;
	float: left;
	text-align: left;
}
.col_terco_txt {
	font-size: 14px;
}
}
@media screen and (min-width:1000px){
.endereco {
	width: auto;
	float: left;
	clear: both;
}
.fone {
	width: auto;
	float: left;
	margin-bottom: 10px;
}
#facebook , #instagram {
	width: 45px;
}
.redes {
	width: 110px;
}
.navegacao {
	width: 100%;
	height: auto;
	border: none;
	display: block;
	overflow: inherit;
	clear: both;
	background-color: #F5F6D4;
}
.navegacao:hover, .navegacao:focus, .navegacao:active {
	height: 0px;
	margin-right: 0px;
	background-color: #F2F4CF;
}
.navegacao li a {
	background-color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	width: 30%;
	margin-right: 1.6%;
	margin-left: 1.6%;
	margin-top: 1%;
	padding: 8px;
	float: left;
}
.navegacao li a#onlink {
	background-color: #BEDA89;
	color: #000000;
}
.navegacao li a:hover {
	opacity: 0.7;
}
.menu-icon {
	display: none;	
}
}

@media screen and (min-width:1100px){
#menu {
	width: 74%;
	float: right;
	clear: right;
}
#topo {
	/* [disabled]background-size: 100% 100px; */
	background-position: center 0%;
	background-image: url(../imagens/tracos_fundo2.jpg);
}
#logo {
	margin-top: 20px;
}
#anos {
	width: 220px;
}	
.endereco {
	margin-right: 5px;
}
#facebook , #instagram {
	width: 50px;
}
.redes {
	width: 120px;
}
#produtos ul li a {
	width: 23%;
	margin: 1%;
	float: left;
}
}
@media screen and (min-width:1160px){
#box_banner {
	padding-bottom: 0px;
	height: 370px;
}
}


@media print{
#menu  , .redes, #botoes, #content_footer{
	display: none;
}
#anos {
	width: 25%;
}
#logo {
	width: 25%;
	margin-top: 0px;
}
footer {
	background-color: #FFFFFF;
	margin-top: 0px;
	border-top: 1px solid #000000;
	margin-bottom: 0px;
}
#topo {
	background-image: none;
	margin-top: 0px;
}
.col_meia {
	width: 50%;
	padding: 0px;
	float: left;
}
.col_meia_seg {
	padding-top: 15px;
	float: left;
	width: 50%;
}
#footer_print {
	padding-bottom: 0px;
	background-image: none;
	display: inherit;
	font-size: 12px;
}
#footer_print p {
	margin-bottom: 5px;
}
.content_home, .seletor {
	font-size: 8pt;
	line-height: 11pt;
}
#box_seletor {
	background-color: #FFFFFF;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-top: 1px;
	margin-bottom: 1px;
}
.col_meia h2, .col_meia_seg h2, .coluna_produtos h2 {
	font-size: 16px;
	margin-bottom: 10px;
	color: #000000;
}
.seletor h1 {
	color: #000000;
	font-size: 22px;
}
.endereco {
	float: left;
	clear: left;
	margin-bottom: 10px;
}
#dados {
	margin-left: auto;
	margin-right: auto;
}
.content_home, .seletor {
	font-size: 12px;
}
}