/* nav-mobile
-------------------------------------------------------------- */
nav .nav_mobile {
	display:none;
}
#nav-trigger {
	display: block;
	position: absolute;
	z-index: 10000;
    top:0px;
    right: 0;
    text-align: center;
    height: 80px;
    width: 80px;
}
#nav-trigger span {
	display: inline-block;
    background: url(../images/bg-nav-mobile.png) center center no-repeat;
    background-color: #000;
    height: 40px;
    width: 40px;
    cursor: pointer;
    top: 50px;
    position: relative; 
    
}
#nav-trigger span:after {
    
	display: inline-block;
	height: 80px;
	content: ""; 
}
#nav-trigger span:hover {
}
#nav-trigger span.open {
    background: none;
    height: 50px;
    width: 50px;
}
#nav-trigger.close{
	opacity: 1;
	height: 50px;
    width: 50px;
}
#nav-trigger span.open:after {
    height: 50px;
	width: 50px;
	opacity: 1;
    background: url(../images/bg-nav-close-mobile.png) center center no-repeat;
}
nav#nav-mobile {
	position: absolute;
	z-index: 1000;
	display: block; 
	width: 100%;
	margin-top: 0px;
}
nav#nav-mobile ul {
    margin-top: -10px !important;
	display: none;
	list-style-type: none;
	position: relative;
	left: 0;
	top: 0px;
	width: 100%;
	height: auto;
	background: #000;
	margin: 0;
    padding: 30px 0 0 0;
}
nav#nav-mobile li {
	width: 100%;
	display: block;
	list-style: none;
	text-align:center;
	padding: 0;
	margin: 0;
	color: #fff;
	font-size: 20px;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}
nav#nav-mobile a {
	width: 100%;
    display: block;
    color: #fff;
    font-size: 16px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    padding: 0 0 35px 0;
}
/*Sub*/
nav#nav-mobile ul li:hover ul,
nav#nav-mobile ul a:hover ul{
	visibility:visible;
}
nav#nav-mobile ul :hover ul{
	visibility:hidden;
}
nav#nav-mobile  ul :hover ul :hover ul{ 
	visibility:visible;
}
nav#nav-mobile ul ul {
	visibility: visible;
	width: auto;
	background: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
    z-index: 100 !important;
}
nav#nav-mobile ul li li a {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	padding: 6px 0 0 0;
	margin: 0;
	border: none;
}

/*fim do nav mobile*/

*{text-decoration:none; padding:0px; margin:0px; list-style-type:none;}

img {border:#FFFFFF solid 0px;}

body {font-family:tahoma; font-size:12px; color:#333333; background-image:url(../images/bg.jpg); background-repeat:no-repeat; background-position:top center}

p {font-family:'swis721_cn_btroman'; font-size:1.29em; color: #333333; line-height:18px; margin-bottom:15px;}

a:link {color:#666666; text-decoration:none;}

a:visited {color:#666666; text-decoration:none;}

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

header, nav, footer, article {display:block;}

nav{} article{} footer{}

h1 { color:#b72026; font-family: 'swis721_cn_btroman'; font-size:30px; font-weight:bold; margin-bottom:55px; text-transform:uppercase}

h2 { color:#b72026; font-family: 'swis721_cn_btroman'; font-size:18px; font-weight:bold; margin-bottom:30px;text-transform:uppercase}

h3 { color:#b72026; font-family: 'swis721_cn_btroman'; font-size:30px; font-weight:bold; margin-bottom:10px;text-transform:uppercase}

h4 { color:#b72026; font-family: 'swis721_cn_btroman'; font-size:26px; font-weight:bold; margin-bottom:10px;text-transform:uppercase; text-align:center; letter-spacing:10px}


#tudo {margin:auto; display:table; padding-bottom:10px;}

#tudo2 {margin:auto;  width:100%;display:table; padding-bottom:10px;}



#fundo-menu { float:left; width:100%; padding-bottom:10px;}

#logo { float:left; width:29%; height:auto;}

#endereco { float:left; width:100%; text-align:right}

div#endereco-responsivo{display:none;}

#menu { float:left; width:68.5%; height:90px; margin-left:20px;}

#menu ul{ float:right; }

#menu li{ float:left; font-family: 'swis721_cn_btroman'; font-weight:bold; font-style:italic; font-size:16px; padding-left:40px; padding-top:25px;}

#telefone { float:left; width:820px; margin-left:20px; margin-top:10px; text-align:right;}


#fundo-aloja{ margin:auto; width:100%; display:table; background-color:#ccc; background-image:url(../images/aloja.jpg); background-position:top center; background-repeat:no-repeat;}

#fundo-contato{ margin:auto; width:100%; display:table; background-color:#ccc; background-image:url(../images/bg-contato.jpg); background-position:top center; background-repeat:no-repeat;}

#fundo-localizacao{ margin:auto; width:100%; display:table; background-color:#ccc; background-image:url(../images/bg-localizacao.jpg); background-position:top center; background-repeat:no-repeat;}

#fundo-produtos{ margin:auto; width:100%; display:table; background-color:#fff; background-image:url(../images/bg-produtos.jpg); background-position:top center; background-repeat:no-repeat;}

#conteudo2 {margin:auto; width:1000px; height:320px; display:table;}


#conteudo {margin:auto; width:1000px; height:513px; display:table;}

#conteudo-menu{ float:left; width:1000px; }

#conteudo-topo{ float:left; width:1000px;}

#conteudo-direita{ float:right; width:390px; margin-right:40px;}

#redes{ float:left; width:340px; margin-top:20px;}

#redes li{ float:left; margin-top:5px;}

.icone{float:left; width:35px;}

.texto{float:left; width:300px;}

#produtos { float:left; width:1000px}

#produtos li{ float:left; height:119px; margin-left:15px; margin-bottom:20px}

.texto-produto{ margin:auto; width:850px; margin-bottom:50px;}

.texto-produto p {text-align:justify;font-family:'swis721_cn_btroman'; font-size:1.5em; color: #333333; line-height:28px; margin-bottom:15px; border-left:4px solid #b72026; padding-left:40px}

.texto-produto b {font-family:'swis721_cn_btroman'; font-size:1.12em; color: #b72026; line-height:28px; margin-bottom:15px;}




/* form */

#form-esquerda { float:left; width:340px; margin-top:20px;}

#form-direita { float:left; width:630px; margin-left:25px; margin-top:20px; text-align:right}

#form { float:left; width:670px;}

#form li{ float:left; height:50px;}

.input-name {float:left; width:70px; height:25px; padding-left:20px; margin-bottom:5px; padding-top:10px;  color:#666666; margin-bottom:30px;}

.input-geral {float:left; width:208px; margin-left:5px; height:25px; margin-bottom:10px; padding-top:8px; padding-left:10px; border:1px dotted #ccc}

.input-geral2 {float:left; width:650px; margin-left:5px; min-height:30px; margin-bottom:10px; padding-top:12px; padding-left:10px;}

.input-text-area {float:left; width:524px; margin-left:5px; min-height:156px; margin-bottom:5px; padding-top:18px; padding-left:10px; border:1px dotted #ccc}

input{ height:20px; border-left:none; border-right:none; border-top:none; border-bottom:none; background-color:transparent}

#form input{ height:20px; border-left:none; border-right:none; border-top:none; border-bottom:none; background-color:transparent; background-image:none}

textarea{ height:140px; border:none; background-color:transparent}

button { float:right; width:130px; height:32px; background-image:url(../images/enviar.png);  background-repeat:no-repeat; cursor: pointer; border:none;  background-color:transparent}

#form button { float:right; width:165px; height:32px; background-image:url(../images/enviar.jpg);cursor: pointer; border:none; background-color:transparent; background-repeat:no-repeat}


/* form */

#voltar { float:left; width:1000px;padding-bottom:10px; text-align: center}







#fundo-rodape{ margin:auto; width:100%; display:table; background-color:#000000; }

#rodape {margin:auto; display:table;}

#rodape-menu{ float:left; width:100%; height:auto;}

#rodape-menu-esquerda{ float:left; width:67.5%; margin-top:28px; margin-bottom:20px; text-align:center}

#rodape-menu-esquerda3{ float:left; width:100%; margin-top:10px; margin-bottom:20px; text-align:center}

#rodape-menu-esquerda ul{ margin-left: 4%;}



#rodape-menu-esquerda li{ float:left; font-family: 'swis721_cn_btroman'; font-weight:bold; font-style:italic; font-size:16px; padding-left:40px; padding-top:20px; margin-bottom:20px;}

#rodape-menu-esquerda p {font-family: 'swis721_cn_btroman'; font-weight:bold; font-style:italic; font-size:13px; text-transform:uppercase; letter-spacing:2px; color: #fff; line-height:20px; margin-bottom:5px;}

div#rodape-menu-esquerda a.mailempresa { display:none;}

#rodape-menu-direita{ float:left; width:28.5%; margin-left:30px; margin-top:22px; text-align:center;}

#agencia4s {margin:auto; width:100%; text-align:center; display: flex;justify-content:center; background-color:black; border-top: solid 2px #FAAF18;}

#agencia4s li{ float:left; margin-right:20px}

#agencia4s a{ color:#8a6736}

#agencia4s a:hover{ color:#177991}












/**********************************

Use: Reset Styles for all browsers

***********************************/
	
body, p, blockquote {}

a img, iframe { border: none; }
	
/* Headers
------------------------------*/

h1, h2, h3, h4, h5, h6 {}
	
/* Lists
------------------------------*/
	
ul, ol, dl, li, dt, dd {	margin: 0;	padding: 0;}
	
/* Links
------------------------------*/

a, a:link {}
a:visited {}
a:hover {}
a:active {}

/* Forms
------------------------------*/

form, fieldset {	margin: 0;	padding: 0;}
	
fieldset { border: 1px solid #000; }

legend {	padding: 0;	color: #000;}

input, textarea, select {	margin: 0;	padding: 1px;	font-size: 100%;	font-family: inherit;}
	
select { padding: 0; }











