*::-moz-selection{
background:#446d8a;  /*---Cor de fundo--*/
color:#fff;   /*--cor da fonte--*/
}

*::selection{
background:#446d8a;/*---Cor de fundo--*/
color:#fff;  /*--cor da fonte--*/
}

body{
margin:auto;
background-image:url(../images/background.jpg);
background-position:top center;
background-repeat:no-repeat;
font-family: 'Marvel', arial;
color:#404040;
font-size:17px;
background-color:#f0f1f2;
line-height:24px;
}

#site{
margin:auto;
width:960px;
}

#topo{
float:left;
width:960px;
height:156px;
}

#logo{
float:left;
width:165px;
height:53px;
margin-top:54px;
margin-left:37px;
}

#televendas{
float:left;
width:350px;
margin-top:20px;
margin-left:365px;
text-align:right;
}

.televendas{
color:#98a0a6;
font-size:17px;
}

.numeros{
color:#f3f3f4;
font-size:18px;
}

#menu{
float:left;
width:680px;
margin-top:5px;
margin-left:75px;
}

#banner{
float:left;
width:960px;
height:325px;
}

#banner_interna{
float:left;
width:960px;
}

#conteudo{
float:left;
width:960px;
margin-top:20px;
}

#conteudo_interna{
float:left;
width:960px;
background-image:url(../images/back-interna.png);
background-repeat:repeat-x;
}

#box1{
float:left;
width:240px;
padding:35px;
border:#dfe3e6 solid 1px;
}

#titulo_box1{
float:left;
width:240px;
padding-bottom:15px;
border-bottom:#dfdfdf solid 1px;
font-weight:900;
}

#subtitulo_box1{
float:left;
width:240px;
margin-top:10px;
}

#texto_box1{
float:left;
width:240px;
height:100px;
margin-top:10px;
text-align:justify;
}

#box2{
float:left;
width:240px;
padding:35px;
margin-left:11px;
border:#dfe3e6 solid 1px;
}

#titulo_box2{
float:left;
width:240px;
padding-bottom:15px;
border-bottom:#dfdfdf solid 1px;
font-weight:900;
}

#subtitulo_box2{
float:left;
width:240px;
margin-top:10px;
}

#texto_box2{
float:left;
width:240px;
height:100px;
margin-top:10px;
text-align:justify;
}

#box3{
float:left;
width:240px;
margin-left:11px;
padding:35px;
border:#dfe3e6 solid 1px;
}

#titulo_box3{
float:left;
width:240px;
padding-bottom:15px;
border-bottom:#dfdfdf solid 1px;
font-weight:900;
}

#subtitulo_box3{
float:left;
width:240px;
margin-top:10px;
}

#texto_box3{
float:left;
width:240px;
height:100px;
margin-top:10px;
text-align:justify;
}

#box4{
float:left;
width:395px;
margin-top:20px;
padding:35px;
border:#dfe3e6 solid 1px;
}

#titulo_box4{
float:left;
width:395px;
padding-bottom:15px;
border-bottom:#dfdfdf solid 1px;
font-weight:900;
}

#subtitulo_box4{
float:left;
width:395px;
margin-top:10px;
}

#texto_box4{
float:left;
width:395px;
height:68px;
margin-top:10px;
text-align:justify;
}

#box5{
float:left;
width:395px;
margin-top:20px;
margin-left:24px;
padding:35px;
border:#dfe3e6 solid 1px;
}

#titulo_box5{
float:left;
width:395px;
padding-bottom:15px;
border-bottom:#dfdfdf solid 1px;
font-weight:900;
}

#subtitulo_box5{
float:left;
width:395px;
margin-top:10px;
}

#texto_box5{
float:left;
width:395px;
height:68px;
margin-top:10px;
text-align:justify;
}

.botao_home{
float:left;
width:240px;
}

.botao_home a{
float:left;
width:240px;
height:31px;
padding-top:10px;
margin-top:15px;
text-align:center;
background-image:url(../images/botao.jpg);
color:#000000;
text-decoration:none;
}

.botao_home a:hover{
float:left;
width:240px;
height:31px;
background-image:url(../images/botao.jpg);
background-position:0px 41px;
}

.subtitulo{
color:#a4a4a4;
font-size:20px;
}

#rodape{
float:left;
width:100%;
height:208px;
margin-top:20px;
background-image:url(../images/back-rodape.jpg);
background-repeat:repeat-x;
background-position:top center;
}

#cont_rodape{
margin:auto;
width:960px;
}

#logo_pq{
float:left;
width:129px;
height:44px;
margin-top:60px;
margin-left:38px;
}

#chamada_rodape{
float:left;
width:360px;
margin-top:70px;
margin-left:15px;
}

.chamada_rodape{
color:#fcfcfc;
text-transform:uppercase;
}

.chamada_rodape a{
color:#fcfcfc;
text-decoration:none;
text-transform:uppercase;
}

.chamada_rodape a:hover{
color:#fcfcfc;
text-decoration:underline;
}

#newsletter{
float:left;
width:360px;
margin-top:20px;
margin-left:30px;
}

#titulo_newsletter{
float:left;
width:360px;
}

#form_news{
float:left;
width:360px;
margin-top:10px;
}

.receba{
color:#fff;
font-size:20px;
font-family: 'Maven Pro Black', sans-serif;
font-weight:bolder;
text-transform:uppercase;
}

.receba2{
color:#ff9300;
font-size:20px;
font-family: 'Maven Pro Black', sans-serif;
font-weight:bolder;
text-transform:uppercase;
}

label{
color:#e3e9f0;
font-size:20px;
text-transform:uppercase;
}

.input_news{
background-color:#e3e9f0;
border:#ced3da solid 1px;
padding:3px;
width:290px;
}

.botao{
background-color:#3e647f;
border:#466a85 solid 1px;
padding:10px;
color:#FFFFFF;
cursor:pointer;
}

.botao:hover{
background-color:#FFFFFF;
border:#466a85 solid 1px;
padding:10px;
color:#3e647f;
cursor:pointer;
}

#cont_rodape2{
margin:auto;
width:960px;
}

#endereco_rodape{
float:left;
margin-top:15px;
width:600px;
}

#olivi{
float:right;
margin-top:15px;
width:300px;
text-align:right;
}

.rodape{
color:#ffffff;
font-size:14px;
text-transform:uppercase;
}

.olivi{
font-size:14px;
text-transform:uppercase;
color:#ffb900;
}

.olivi a{
font-size:14px;
text-transform:uppercase;
color:#ffb900;
text-decoration:none;
}

.olivi a:hover{
text-decoration:underline;
}

h2{
margin:0;
color:#ff9300;
font-size:35px;
font-family: 'Maven Pro Black', sans-serif;
letter-spacing:-2px;
font-weight:bolder;
}

h3{
margin:0;
color:#ff9300;
font-size:20px;
font-family: 'Maven Pro Black', sans-serif;
font-weight:bolder;
}

h4{
margin:0;
color:#21537b;
text-transform:uppercase;
font-size:18px;
font-family: 'Maven Pro Black', sans-serif;
font-weight:bolder;
}

#titulo_interna{
float:left;
width:890px;
margin-top:35px;
margin-left:35px;
border-bottom:#dfdfdf solid 1px;
padding-bottom:15px;
}

#subtitulo_interna{
float:left;
width:890px;
margin-left:35px;
}

.subtitulo{
font-size:20px;
color:#a4a4a4;
}

.entre_contato{
color:#a6a6a6;
font-size:33px;
font-weight:bold;
line-height:35px;
}

.entre_contato2{
color:#a6a6a6;
font-size:24px;
font-weight:bold;
line-height:35px;
}

.tele{
color:#61798d;
font-size:44px;
font-weight:bold;
line-height:40px;
}

.clique{
color:#ff9300;
font-size:24px;
font-weight:bold;
line-height:30px;
}

.clique a{
color:#ff9300;
font-size:24px;
font-weight:bold;
line-height:30px;
text-decoration:none;
}

.clique a:hover{
color:#61798d;
}

#box_empresa1{
float:left;
width:330px;
margin-top:30px;
margin-left:35px;
text-align:justify;
}

#box_empresa2{
float:left;
width:330px;
margin-top:30px;
margin-left:35px;
text-align:justify;
}

#box_empresa3{
float:left;
width:160px;
margin-top:30px;
margin-left:35px;
}

#chamada_produtos{
float:left;
width:870px;
padding:10px;
margin-top:20px;
margin-left:35px;
background-color:#ececec;
font-weight:bold;
color:#a4a4a4;
font-size:24px;
}

.base_produto{
float:left;
width:890px;
margin-top:20px;
margin-left:35px;
}

.base_produto_foto{
float:left;
width:208px;
}

.base_produto_texto{
float:left;
width:662px;
margin-left:20px;
text-align:justify;
}

#box_catalogo{
float:left;
width:395px;
margin-top:30px;
margin-left:35px;
text-align:justify;
}

#box_catalogo2{
float:left;
width:425px;
margin-top:30px;
margin-left:35px;
padding-left:35px;
border-left:#f1f1f2 solid 1px;
}

#box_contato{
float:left;
width:395px;
margin-top:30px;
margin-left:35px;
text-align:justify;
}

#box_contato2{
float:left;
width:425px;
margin-top:30px;
margin-left:35px;
padding-left:35px;
border-left:#f1f1f2 solid 1px;
}

.visualizar{
color:#404040;
}

.visualizar a{
color:#404040;
text-decoration:none;
}

.visualizar a:hover{
color:#404040;
text-decoration:underline;
}

#box_clientes_1{
float:left;
width:240px;
padding:20px 35px 0px;
}

#box_clientes_2{
float:left;
width:240px;
padding:20px 35px 0px;
margin-left:11px;
}

#box_clientes_3{
float:left;
width:240px;
margin-left:11px;
padding:20px 35px 0px;
}

#box_clientes_4{
float:left;
width:240px;
padding:20px 35px 0px;
}

#box_clientes_5{
float:left;
width:240px;
padding:20px 35px 0px;
margin-left:11px;
}

#box_clientes_6{
float:left;
width:240px;
margin-left:11px;
padding:20px 35px 0px;
}

.titulo_box_clientes{
float:left;
width:240px;
padding-bottom:5px;
border-bottom:#dfdfdf solid 1px;
font-weight:900;
}

.subtitulo_box_clientes{
float:left;
width:240px;
margin-top:10px;
}

.texto_box_clientes{
float:left;
width:240px;
margin-top:10px;
text-align:justify;
}

.input{
background-color:#e3e9f0;
border:#ced3da solid 1px;
padding:3px;
width:312px;
}

.textarea{
background-color:#e3e9f0;
border:#ced3da solid 1px;
padding:3px;
width:389px;
resize:none;
}

.arrowlistmenu{
width: 265px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-family: 'Marvel', arial;
font-size:14px;
font-weight:bold;
color: #fff;
background:#808080;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .menuheader:hover{ /*CSS class for menu headers in general (expanding or not!)*/
font-family: 'Marvel', arial;
font-size:14px;
font-weight:bold;
color: #fff;
background:#2b343b;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.menuheader a{
font-family: 'Marvel', arial;
font-size:14px;
font-weight:bold;
color: #fff;
text-decoration:none;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background:#2b343b;
color: #fff;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #737373;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #737373;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #737373;
background-color: #F3F3F3;
}

#base_produto_menu{
float:left;
width:265px;
}

#descricao_produtos{
float:left;
width:603px;
margin-left:20px;
}

#titulo_produtos{
float:left;
width:603px;
}

#texto_produtos{
float:left;
width:603px;
margin-top:15px;
text-align:justify;
}

#fotos_produtos{
float:left;
width:603px;
margin-top:15px;
}

.caixa_produto{
float:left;
width:132px;
margin-bottom:25px;
}

.caixa_produto2{
float:left;
width:132px;
margin-left:25px;
margin-bottom:25px;
}

.foto_caixa_produto{
float:left;
width:128px;
height:110px;
border:#808080 solid 2px;
}

.texto_caixa_produto{
float:left;
width:132px;
margin-top:5px;
}

#dhtmltooltip{
position: absolute;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.borda-foto{
border:#808080 solid 2px;
}