/* CSS GERAL PARA QUALQUER TEMA */
/* Pop box */
.PopBoxImageSmall
{
   border: none 0px white;
   cursor: url("../js/popbox/images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
   border: solid thin #CCCCFF;
   cursor: url("../js/popbox/images/magminus.cur"), pointer;
} 
/* Fim pop box */

/* Transparencia :
	como usar 
	<div id="flutuante" class="transparent"></div>
	<outradiv com z-index:2 ></div>
*/
.transparent { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); -moz-opacity : 0.6; }
#flutuante { position:absolute; top: 0px; left: 0px; width:100%;  height:175%; z-index:1; background-color: #000; }
/* fim transp */



* { margin:0; padding:0; list-style:none; font-family:Arial, Helvetica, sans-serif; border:none; border-collapse:collapse; color:#666666; font-size:11px;  }
a { text-decoration:none; color:#FF0000; }
a:hover { text-decoration:underline; }

button { cursor:pointer; text-indent:-9000px; overflow:hidden; background-repeat:no-repeat; display:inline-block; }
button span { display:none;}

.limpar{ clear:both; }

/* PAGINACAO */
#divPaginacao { text-align:center; width:100%; color:#999999; padding:2px 0; }
#divPaginacao a { color:#666666; border:solid 2px #ccc; background-color:#fff; text-align:center; padding:0 3px; }
#divPaginacao a:hover { text-decoration:none; }
#divPaginacao .selecionado { padding:0 3px; }

.paginacao{
font-family:"Trebuchet MS";
color:#666666;
font-size:11px;
text-decoration:none;
background-image:url(../img/bg_pag_repetir.jpg);
background-repeat:repeat-x;
background-position:center;
}
.paginacao_selecionada{
font-weight:bold;
font-size:12px;
}

#botaovoltar{ float:right; margin:20px 5px 0 0;}
#botaosubir{ float:right; margin:20px 20px 0 0;}

#geral{ width:100%; min-height:1000px; background:url(../img/index/body.jpg) repeat-x #DFDECA;}
#topo{ width:980px; height:190px; background:url(../img/index/topo.jpg) no-repeat; overflow:hidden; margin:0 auto;}


/*			INDEX			*/

#formlogin{ display:block; margin:0 0 0 376px; padding:2px 0 0 0; font-weight:bold; color:#000000; height:20px; vertical-align:middle; padding:5px 0 0 0; *padding:2px 0 0 0; *vertical-align:top;}
#spanlogin{ color:#FFFFFF;}
#spansenha{ color:#FFFFFF;}
#indexlogin{ width:120px; height:20px;}
#indexsenha{ width:120px; height:20px;}
#indexbotao{ width:30px; height:20px; text-indent:0; background:#FFFFFF; font-weight:bold; color:#666666; cursor:pointer; vertical-align:bottom; *vertical-align:top; *margin:3px 0 0 0;}
#spanlinkrecuperar{ color:#35B1F4; font-weight:normal;}
#ancorarecuperar{ color:#35B1F4; font-weight:normal; cursor:pointer;}

#ancoralogomarca{ width:386px; height:95px; float:left; margin:20px 0 0 30px;}

#ancoraidiomas{ width:20px; float:left; vertical-align:top; margin:30px 0 0 10px;}

#menuindex{ width:940px; height:40px; margin:0 auto; background:url(../img/index/bg_menu.jpg) repeat-x; }
#menuindex ul{ width:940px; display:block; height:40px; text-align:center;}
#menuindex ul li{ *float:left; display:inline-block; height:40px; list-style-type:none; cursor:pointer; text-decoration:none; margin:auto 25px; }
#menuindex ul li a{ display:inline-block; height:40px; line-height:40px; *height:25px; *line-height:25px; *margin:15px 0 0 0;}
#menuindex ul li a:hover{ background:url(../img/index/setamenu.gif) no-repeat bottom center;}

#rodapebranco{ width:980px; background:#FFFFFF; margin:0 auto; padding:20px 0 20px 0;}
#rodape{ width:900px; height:40px; margin:0 auto; background:url(../img/index/bg_rodape.jpg) repeat-x;}
#copy{ float:left; width:250px; margin:10px 0 0 10px;}
#logorodape{ margin:5px 0 0 180px; float:left; width:140px; height:30px; background:url(../img/index/logorodape.jpg) no-repeat;}
#logorodape span{ display:none;}
#linkmiraline{ float:right; width:150px; margin:10px 0 0 0;}
#linkmiraline a{ color:#666666; font-weight:bold;}


#conteudo{ width:980px; margin:0 auto;}
#conteudoesquerdo{width:20px; height:405px; background:url(../img/index/bg_conteudoesquerdo.jpg) no-repeat #FFFFFF;}
#conteudodireito{ width:20px; height:405px; background:url(../img/index/bg_conteudodireito.jpg) no-repeat #FFFFFF;}


/*			HOME			*/
#homebusca02{ width:792px; height:29px; _width:775px; _height:15px; background:#999999; color:#666666; font-weight:bold; margin:3px 0 0 126px; _margin:5px 0 0 0;}

#blocoeuro{ width:48px; height:29px; background:url(../img/bg_topobarrabusca.jpg) right no-repeat; margin:0 0 0 575px; *margin:0 0 0 550px; _margin:-30px 0 0 550px;}

#homebusca02texto{ width:150px; line-height:29px; _line-height:29px; vertical-align:middle; display:block; float:left; color:#666666; font-weight:bold; text-align:center;}

#homebusca02form{ display:block; float:left; width:600px; height:29px; vertical-align:middle; } 
#divamarela{ width:898px; height:5px; _height:1px; _padding:0; background:#FFCC00; margin:0 0 0 20px; _margin:-19px 0 0 20px; font-size:5px; }
#homebuscamaterial{ width:190px; height:25px; margin:2px 0 0 20px;  *margin:4px 0 0 20px; float:left; }
#homebuscasubmit{ float:left; width:100px; height:25px; margin:4px 0 0 20px; background:url(../img/botao_ok.gif) no-repeat; text-indent:-9000px;}


#homeproduto{ float:left; width:898px; height:280px; margin:2px 0 10px 20px; _margin:2px 0 10px 10px;}
#hometituloflutuante{

 width:898px; height:57px; background-color:#000; margin:-58px 0 0 0;
 _width:898px; _height:auto; _margin:-50px 0 0 0; _position:relative; _z-index:3;
 
 }
#homeprodutospan01{ display:block; font-size:12px; color:#FFFFFF; font-weight:bold; margin:0 0 0 20px; padding:5px 0 0 0;}
#homeprodutospan02{ display:block; font-size:24px; color:#FFFFFF; font-weight:bold; margin:0 0 0 20px;}

#homediv01{ float:left; width:290px; height:280px; background:url(../img/home/bg_divshome.jpg) no-repeat; margin:0 0 20px 15px;}
#homediv01 img{ margin:10px 0 0 0;}
#homediv01span02{ display:block; padding:10px;}
.botaoleiamais{ display:block; margin:0 0 0 10px;}


/*			EMPRESA			*/
#empresatopo{ font-weight:bold; font-size:20px; margin:20px 0 0 20px; width:900px; height:80px; background:url(../img/index/topopaginasinternas.jpg) no-repeat; font-size:30px; color:#FFFFFF; padding:20px 0 0 20px;}
#empresatitulo{ display:block; font-weight:bold; font-size:20px; margin:20px 0 0 20px;}
#empresatexto{ display:block; margin:5px 20px 0 20px; text-align:justify;}
#empresatitulofotos{ margin:20px 0 0 20px; font-weight:bold; font-size:20px;} 
.tabelafotos{ width:200px; float:left;}
#empresaespaco{ display:block; height:50px;}

#menuempresa{ float:left; width:200px; margin:20px 20px 0 20px;}
#menuempresa img{ margin:0 20px 20px 5px; border:solid 1px #C4C4C4; padding:5px 10px 5px 10px; background:#F0F0F0;}
#menuempresa ul{ width:200px;}
#menuempresa ul li{ width:200px; height:30px;}
#menuempresa ul li a{ display:block; width:190px; padding:0 0 0 10px; line-height:30px; vertical-align:middle; border-bottom:solid 1px #C4C4C4; font-size:11px; color:#666666;}
#menuempresa ul li a:hover{border-bottom:solid 1px #C4C4C4; border-left:solid 1px #666666; background:#F7F7F7;}


/*			NOTÍCIAS			*/
.divNoticia { width:900px; float:left; margin:0 0 0 20px; }
.divNoticia #titNoticia {width:900px; height:19px; padding:6px 0 0 0;}
.divNoticia #titNoticia #setinha { width:5px; height:9px; margin:0 0 0 10px; float:left;}
.divNoticia #titNoticia span { display:block; width:700px; margin:0 0 0 5px; float:left}
.divNoticia #titNoticia span a { font-weight:bold; color:#666666;}
.divNoticia #titNoticia span a:hover { text-decoration:underline;}
#noticiaimagem{ width:150px; float:left; margin:20px 20px 0 20px;}
#noticiatexto{ margin:20px; text-align:justify;}
#noticiatitulo{ font-size:20px; font-weight:bold;}

#textoultimasnoticias{ width:200px; font-size:15px; font-weight:bold; margin:0 0 0 20px;}
#ancoravertodas{ margin:0 0 0 660px;}
#sepanoticias{ display:block; width:900px; height:1px; background:#C4C4C4; margin:0 0 10px 20px;}


/*			FALE CONOSCO			*/
.formfaleconosco{ border:solid 1px #C4C4C4; margin:5px 0 0 2px; }
#faleconoscodados{ float:left; margin:20px;}
#separadorvertical{ float:left; width:5px; height:300px; border-left:1px solid #C4C4C4; margin:10px;}

#titulofaleconosco{ float:left; width:400px; height:40px; background:url(../img/bg_topofaleconosco.gif) no-repeat; color:#FFFFFF; font-weight:bold; font-size:20px; text-align:left; padding:8px 0 0 20px;}
#ladodireito{ float:left;}
#formfaleconosco #nome{ width:300px;}
#formfaleconosco #mensagem{ width:300px;}

/*		PRODUTOS		*/
#menuprodutos{ float:left; width:200px; margin:20px 0 0 20px;}
#menuprodutos ul{ width:200px;}
#menuprodutos ul li{ width:200px; height:30px;}
#menuprodutos ul li a{ display:block; width:190px; padding:0 0 0 10px; line-height:30px; vertical-align:middle; border-bottom:solid 1px #C4C4C4; font-size:11px; color:#666666;}
#menuprodutos ul li a:hover{border-bottom:solid 1px #C4C4C4; border-left:solid 1px #666666; background:#F7F7F7;}

/*		ÁREA RESTRITA		*/
#areaclientetitulo{ display:block; width:900px; font-size:20px; background:#F0F0F0; text-indent:20px;}
#arearestritasaudacao{ display:block; float:left; width:500px; margin:20px;}
#divlinks{ display:block; float:right; color:#306C9E; margin:20px 20px 0 0;}
.ancoracliente{ color:#306C9E; font-weight:bold; margin:0 5px 0 5px;}
#divarquivos{ display:block; float:left; margin:20px;}
#divarquivoslink{ display:block; float:left; width:100px; height:65px; background:url(../img/baixar.jpg); text-indent:-9000px;}
#divarquivostexto{ text-align:justify;}

#formalterasenha{ display:block; float:left; width:500px; margin:0 0 0 20px; background:#F0F0F0; padding:20px 0 20px 0;}
#formalterasenha input{ border:solid 1px #C4C4C4; margin:5px 0 0 5px;}
.td01{ text-align:right; margin:10px 0 0 0; font-weight:bold;}
.td02{ text-align:left; margin:10px 0 0 0;}
.td03{ text-align:center;}

#ondecomprar01{ display:none; width:300px; color:#666666; position:absolute; z-index:1; margin:-320px 0 0 440px; *margin:120px 0 0 -440px; padding:10px; background:#FFF; border:solid 2px #087DB8;}
#ondecomprar02{ display:none; width:300px; color:#666666; position:absolute; z-index:1; margin:-150px 0 0 470px; *margin:300px 0 0 -420px; padding:10px; background:#FFF; border:solid 2px #087DB8;}