@charset "utf-8";
/* CSS Document */
*{
margin:auto;
}
body{
background:url(imagem/fd_geral.jpg) repeat-x;
padding:19px 0 0 0;
}
img{
border:0px;
}
a{
text-decoration:none;
color:#5f5f5f;
}
h1{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:18px;
color:#386bb8;
text-decoration:none;
text-align:left;
margin:0px;
padding:0px;
font-weight:bold;
}
h2{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:16px;
color:#386bb8;
text-decoration:none;
text-align:left;
margin:0px;
padding:0px;
}
h2 a{
color:#386bb8;
} 
h2 a:hover{
text-decoration:underline;
}
.bordar_produtos {
border: 1px #fff solid;
display:block;
}
.bordar_produtos:hover{
border: 1px #e7e7e7 solid;
display:block;
}
h3{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:15px;
color:#386bb8;
text-decoration:none;
text-align:left;
margin:0px;
padding:0px;
}
h3 a{
color:#386bb8;
}
h3 a:hover{
text-decoration:underline;
}
h4{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:14px;
color:#386bb8;
text-decoration:none;
text-align:left;
margin:0px;
padding:0px;
}
h4 a{
color:#386bb8;
} 
h4 a:hover{
text-decoration:underline;
}
.texto_azul12{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:12px;
color:#386bb8;
text-decoration:none;
text-align:left;
margin:0px;
padding:0px;
line-height:15px;
}
.texto_azul11{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:8px;
color:#5493f3;
text-decoration:none;
text-align:left;
margin:0px;
padding:0px;
line-height:15px;
padding-top:5px;
}
.texto_cinza12{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5f5f5f;
text-decoration:none;
text-align:left;
margin:0px;
padding:0px;
line-height:15px;
}
.texto_cinza14{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5f5f5f;
text-decoration:none;
text-align:left;
margin:0px;
padding:0px;
line-height:14px;
}
.texto_cinza14 a{
text-decoration:none;
}
.texto_cinza14 a:hover{
text-decoration:underline;
}

.texto-destaque{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:14px;
color:#5f5f5f;
text-decoration:none;
text-align:left;
margin:0px;
padding:0px;
line-height:20px;
text-align:justify;
}
.texto-destaque a{
text-decoration:none;
}
.texto-destaque a:hover{
text-decoration:underline;
}

.texto_azul20{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:20px;
color:#386bb8;
text-decoration:underline;
text-align:left;
margin:0px;
padding:0px;
line-height:18px;
}
.titProdHome{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
text-align:center;
margin:0px;
padding:0px 10px;
line-height:18px;
height:36px;
}
.texto_branco20 a{
color:#FFFFFF;
}
.texto_branco20 a:hover{
text-decoration:underline;
}
.texto_azul14{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:14px;
color:#386bb8;
text-decoration:none;
text-align:left;
margin:0px;
padding:0px;
line-height:18px;
}
.saiba_mais{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:12px;
color:#b70b1c;
text-decoration:none;
text-align:left;
margin:0px;
padding:0px;
line-height:16px;
}
.saiba_mais:hover{
text-decoration:underline;
}
span.span-tags{position:relative; top:35px; font-size:8px; color:#5493F3;}
span.span-tags strong{font-weight:normal;}

/******************
*******************
     ESTRURA
*******************
******************/
#site{
width:1000px;
}
#site_int{
width:1000px;
float:left;
}
#topo{
width:1000px;
float:left;
}
#miolo{
width:1000px;
float:left;
}
#rodape{
width:1000px;
float:left;
}
/******************
*******************
      TOPO
*******************
******************/
#topo01{
width:1000px;
background:url(imagem/fd_topo.jpg) no-repeat;
height:80px;
float:left;
}
#topo01a{
float:left;
width:280px;
padding-left:150px;
}
#topo01b{
float: right;
width:50px;
margin:0px;
padding-top:56px;
}
#topo02{
width:1000px;
height:33px;
float:left;
padding:0;
margin:0;
}
#topo02 ul{
margin:0px;
padding:0;
width:1000px;
}
#topo02 ul li{
padding:0;
float:left;
padding-left:14px;
height:33px;
line-height:33px;
margin:0px;
text-align:right;
}
#topo02 ul li.imagediv
{
padding:0;
margin:0;
width:18px;
}
#topo02 ul li.imagediv img{
display:block;
height:33px;
width:18px;
}
#topo02 ul li a{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
text-align:left;
}
#topo02 ul li a:hover{
text-decoration:underline;
}
#banner_topo{
padding:11px 0px 12px 0px;
}
/******************
*******************
      CORPO
*******************
******************/
#corpo{
width:1000px;
float:left;
}
#corpo01a{
width:265px;
float:left;
}
#corpo01b{
width:715px;
float:right;
}
.slidelogo{position:relative;}
.slidelogo img{
	position:absolute;
	left:0px;
	top:0px;
}
/******************
*******************
       HOME
*******************
******************/
#home{
width:715px;
float:left;
}
#home01{
width:467px;
float:left;
}
#home02{
width:235px;
float:right;
}
#central{
width:467px;
float:left;
margin:0;
padding:0;
}

#central p{text-align:justify !important;}

#central02{
width:467px;
float:left;
height:253px;
padding-top:6px;
background:url(imagem/fd_galeria_home.jpg);
background-repeat:no-repeat;
margin-right:0;
}
#central02b,.descricaoProdHome{
width:467px;
height:90px;
margin:0px 0px 18px 0px;
float:left;
}
.descricaoProdHome{
font-size:12px;
color:#386bb8;
line-height:17px;
padding-left:10px;
width:450px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

.descricaoProdHome a{
text-decoration:none;
}
.descricaoProdHome a:hover{
text-decoration:underline;
}
#central02Artigos{
width:467px;
float:left;
height:150px;
padding-top:6px;
background:url(imagem/fd-destaque-artigos.jpg);
background-repeat:no-repeat;
margin:0;
padding:0;
}
#saibaMaisIso{
background:url(imagem/caixa_destaque01.jpg);
width:100%;
float:left;
height:90px;
margin:4px 0px;
}

/******************
*******************
      MENU
*******************
******************/
#menu{
width:265px;
float:left;
}
#menu01 ul{
width:265px;
float:left;
}
#menu01 ul li a{
width:238px;
background:url(imagem/fundo_menua.jpg) repeat-x;
height:22px;
*height:20px;
display:block;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:12px;
color:#5f5f5f;
text-decoration:none;
text-align:left;
margin:0px;
padding:11px 0px 0px 27px;
}
#menu01 ul li a:hover{
background:url(imagem/fundo_menub.jpg) repeat-x;
}
#menu02{
width:254px;
float:left;
margin-left:10px;
background:url(imagem/fundo_esq.jpg) repeat-x;
}
#menu02 ul li{
margin:0px;
padding:8px 0px 0px 10px;
*padding:7px 0px 0px 10px;
}
#menu02 ul li img{
position:relative;
top:3px;
padding-right:6px;
}
#menu02 ul li a{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:14px;
color:#386bb8;
text-decoration:none;
text-align:left;
}
#menu02 ul li a:hover{
text-decoration:underline;
}
/******************
*******************
    LD DIREITO
*******************
******************/
#lad_dir{
width:218px;
}
#lad_dir01{
width:218px;
background:url(imagem/fundo_ld_dir.jpg) repeat-x;
}
#lad_dir02{
width:218px;
background:url(imagem/fundo_ld_dir.jpg) repeat-x;
margin-top:19px;
*margin-top:25px;
_margin-top:22px;
}
#lad_dir03{
width:218px;
background:url(imagem/fundo_ld_dir.jpg) repeat-x;
margin-top:24px;
*margin-top:30px;
_margin-top:26px;
}
#lad_dir03a{
background:url(imagem/clientes-01.jpg) repeat-x;
height:35px;
width:218px;
}
#lad_dir03b{
width:218px;
background:url(imagem/clientes-02.jpg) repeat-y;
float:left;
}

#lad_dir03b ul{
padding-top:2px;
}
#lad_dir03b ul li{
width:78px;
height:46px;
float:left;
padding-left:20px;
margin-top:7px;
*margin-top:4px;
}
#lad_dir03c{
width:218px;
height:9px;
}
#lad_dir04{
width:218px;
background:url(imagem/fundo_ld_dir.jpg) repeat-x;
}
#lad_dir05{
width:218px;
background:url(imagem/fundo_ld_dir.jpg) repeat-x;
}
#lad_dir06{
width:218px;
background:url(imagem/fundo_ld_dir.jpg) repeat-x;
margin-top:8px;
}

/******************
*******************
   CAIXA RODAPE
*******************
******************/
#cx_rodape{
width:974px;
height:198px;
background:url(imagem/fd_caixa_rodape.jpg) repeat-x;
float:left;
margin-top:40px;
margin-left:12px;
}
#cx_rodape ul li{
width:300px;
float:left;
padding-left:22px;
}
/******************
*******************
      RODAPE
*******************
******************/
#rodape01{
width:1000px;
float:left;
}
#rodape01a{
width:400px;
float:left;
}
#rodape01a p{
color:#4575bd;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:17px;
text-align:left;
margin:0px;
padding:10px 0px 8px 12px;
}
#rodape01a p a{
color:#4575bd;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
}
#rodape01a p a:hover{
text-decoration:underline;
}
#rodape01b{
width:105px;
float:right;
padding-top:25px;
}

/******************
*******************
      PRODUTOS
*******************
******************/

.produtos{
float:left;
margin-bottom:10px;
}
.produtos ul li{
width:142px;
margin-right:11px;
margin-top:15px;
float:left;
text-align:center;
margin-bottom:5px;
}

.produtos ul li img{
margin-bottom:5px;
}

#listClientes h2{
width:120px;
float:left;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
}

/******************
*******************
CADASTRO / CONTATO
*******************
******************/
.cadastro h2{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color:#0B66CD;
font-size:15px;
margin-top:10px;
margin-bottom:5px;
padding-left:15px;
font-weight:bold;
}
.cadastro p{
padding:0px 0px 10px 25px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:14px;
}
.cadastro p input[type='text'],.cadastro p input[type='password'],.cadastro p select, .cadastro p textarea{
color:#333333; 
margin:0px;
padding:0px;
width:400px; 
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:12px;
}

/******************
*******************
	  ALERTAS
*******************
******************/

#modalContainer {
background-color:transparent;
position:absolute;
width:100%;
height:100%;
top:0px;
left:0px;
z-index:10000;

}

#alertBox {
position:relative;
width:280px;
min-height:100px;
margin-top:50px;
border:#CCC 2px solid;
background-color:#F2F5F6;
background-image:url(alert.png);
background-repeat:no-repeat;
background-position:20px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:url(imagens/caixa_atencao.jpg);
color:#FFF;
border-bottom:1px solid #CCC;
padding:5px 7px 2px 10px;
height:20px;
font-weight:normal;
}

#alertBox p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:5px;
padding-top:10px;
margin-left:55px;
float:left;
width:200px;
color:#000000;
}

#alertBox #closeBtn {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
display:block;
position:absolute;
margin:5px auto;
padding:3px;
border:#CCC 1px solid;
width:70px;
text-transform:uppercase;
text-align:center;
color:#FFF;
background-color:#053A66;
text-decoration:none;
top:70px;
left:100px;
}
#alertBox #imgAlert{
position:absolute;
top:35px;
left:15px;
}


.fundoOpaco{
filter: alpha(opacity=50);
moz-opacity:0.50;
opacity:0.50;	
float:left;
background:#000000;
left:0;
top:0;
z-index:10;
position:absolute;
font-size:11px;
}
/*FIM ALERTS*/

.div_alerta{
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
text-align:center;
padding-bottom:30px;
padding-top:10px;
margin-top:70px;
margin-bottom:70px;
border:1px solid #666666;
background-color:#f5f4f4;
color:#CC0000;
margin:auto;
line-height:17px;
}

.div_alerta img{
position:relative;
top:7px;
margin-right:5px;
}
.div_alerta a{
margin-top:25px;
}
.div_alertIcone{
width:75px;
float:left;
}
.div_alertMensagem{
width:315px;
float:left;
margin-bottom:15px;
text-align:left;
line-height:19px;
}
#tabeladicas1,#tabeladicas2,#tabeladicas3,#tabelaobras
{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:12px;
width:100%;
border:1px solid #CCCCCC;
}
#tabeladicas1 th,#tabeladicas2 th,#tabeladicas3 th,#tabelaobras th{
padding:5px;
text-align:center;
font-weight:bold;
background:#BFBFBF;
vertical-align:middle;
}
#tabeladicas1 td,#tabeladicas2 td,#tabeladicas3 td,#tabelaobras td
{
padding:5px;
text-align:center;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCC;
vertical-align:middle;
}
#tabeladicas1 td.left,#tabeladicas2 td.left,#tabelaobras td.left
{
text-align:left;
}
#tabeladicas1 td.blue
{
background:#5F85C6;
}
.caixaMiniaturas{
width:300px;
float:left;
margin-top:5px;
margin-left:33px;
margin-bottom:0;
}
#caixaArt{
margin-top:3px;
}
.caixaMiniaturasRolagem{
position:relative;
width:300px;
height:145px;
overflow:hidden;
left:0; 
margin:0;                    	
}
.miniaturas{
position:absolute;
left:0px;
top:0;
float:left;
width:650px;
}
.miniaturasLista{
width:100%;
float:left;
height:145px;
}
.miniaturasLista img{
padding-right:10px;

}
.btnEsq{
width:55px;
float:left;
padding-top:70px;
cursor:pointer;
}
.btnDir{
width:55px;
float:right;
text-align:right;
padding-top:70px;
cursor:pointer;
}
.titArtHome{
margin-top:8px;
padding-left:10px;
float:left;
width:390px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:12px;
color:#386bb8;
height:30px;
padding-bottom:3px;
padding-left:50px;
}
.titArtHome a{
color:#386bb8;
}
.titArtHome a:hover{
text-decoration:underline;
}


/* ***************************
******************************
	  SLIDE DE PRODUTOS
******************************
*************************** */

.slideshow{
	position:relative;	
}
.slideshow li{
	position:absolute;
	top:0px;
	left:0px;	
}

.slideshow img.img01-slide{
	padding:3px;
	border:1px solid #E7E7E7;
	left:12px;
}

.slideshow img.img-mini-slide{
	background:#c5c5c5;
	padding:4px 0px;
	margin:0px 0px 15px 0px;
}

.slideshow p{
	color:#3569bc;
	line-height:20px;
	font-size:11px;
	margin:0px 0px 15px 0px;
	height:40px;
	width:467px;
	font-family:Arial, Helvetica, sans-serif;
}
.slideshow p strong{
	font-size:16px;
	font-weight:bold;	
}

div.box-slideshow{position:relative;}

div.nav-slideshow{position:relative; z-index:99999;}
div.nav-slideshow .slideshow-prev{
	position:absolute;
	top:165px;
	left:0px;
	z-index:99999;
}

div.nav-slideshow .slideshow-next{
	position:absolute;
	top:165px;
	right:40px;
	z-index:999999;
} 

.slideshow h3{margin:10px 0px;}
/* ***************************
******************************
	  SLIDE DE PRODUTOS
******************************
*************************** */

div#coluna-a-distribuidor-autorizado{
	width:220px;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

div#coluna-b-distribuidor-autorizado{
	width:220px;
	float:right;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

div#coluna-a-distribuidor-autorizado p, div#coluna-b-distribuidor-autorizado p{
	text-align:left;
	padding:5px 15px;
	margin:0px 0px 10px 0px;
	background-color:#a2a2a2;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
}


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

div.box-controle-size{
	width:42px;
	float:right;
	padding:5px;
	border:1px solid #ccc;
	background-color:#F5F5F5;
}

div.box-controle-size .menos-size{font-size:13px;}
div.box-controle-size .mais-size{font-size:18px;}

div.box-controle-size a{color:#386BB8; text-decoration:none;}
div.box-controle-size a:hover{color:#E69706;}