/* CSS Document */
body {	
	margin:0px auto;
	text-align:center;
	background:#EDEDED;
}
#pagina {
	margin:0 auto;
	display:table;
	background:url(imagens/fundo.gif) center repeat-y;
	width:755px;
	background-color:#FFF;
}
#header{
	background:#EDEDED url(../imagens/topo.jpg) center no-repeat; 
	width:755px; 
	height:244px;
	margin:0;
	padding:0;
}
#header01{
	background:#EDEDED url(../imagens/topo01.jpg) center no-repeat; 
	width:755px; 
	height:244px;
}
#content {
	margin:0 auto; 
	width:732px; 
	font:10px verdana, arial; 
	/*font-weight:bold; 
	color:#23758d; 
	background:#fff url(../vendas/imagens/bg_content.gif) top no-repeat; 
	padding:10px; 
	border:0px solid #E9E9E9;*/
}
#content h1{
	color:#FFF; 
	font:12px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 510px;
	font-weight:bold;
	position:absolute;
	top:150px;
	border:none;
}
#content h2{
	color:#336666; 
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
}
#content5 h2{
	color:#336666; 
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
}
#content3 h2{
	color:#336666; 
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
}
#content3 a{
	color:#336666; 
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:left; text-decoration:none;
	font-weight:bold;
}
#content3 a:hover{
	color:#336666; 
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:left; text-decoration: underline;
	font-weight:bold;
}
#content4 h2{
	color:#336666; 
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
}
#content p{
	color:#000000; 
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
#content a{
	color:#336666; 
	text-decoration:none;
}
#content a:hover{
	color:#FF9900; 
	text-decoration:underline;
}
.cellmd {
	float:left;
	width:220px;
	margin:5px 10px 0 0;
	text-align:right;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
.linha {
	width:100%;
}
#menugeral {
	width:100%;
	height:180px;
}
/*input{background-color:#ededed; border:1px solid #23758d;}*/
table{
	border:0px solid #888;
}
table td{
	border:1px solid #ededed;
}
.editar {
	width:100%;
	text-align:right;
	margin: 0 0 10px 0;
}
#logoff {
	margin:0px 40px 55px 0;
	width:710px;
	height:15px;
	text-align:right;
	background:url(../imagens/logoff.gif) right bottom no-repeat;
	padding:110px 20px 0 0;
}
#logoff a{	
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#23758d;
	font-weight:bold;
}
#logoff a:hover {
	color:#CC0000;
}
#menu{
	width:730px; 
	margin: 0 0 0 30px;
	text-align:center;
}
#menu h1{
	color:#FFF; 
	font-size:11px; 
	padding:1px; 
	text-align:center; 
}
.vendas a, .produto a, .representante a, .usuarios a, .relatorio a, .cambio a, .nova a, .vendas2 a {
	height: 39px;
	background-repeat:no-repeat;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding:0 0 0 25px;
	font-weight:bold; 
	color:#23758d;
	text-decoration:none;
	float: left;
}
.vendas a:hover, .produto a:hover, .representante a:hover, .usuarios a:hover, .relatorio a:hover, .cambio a:hover, .nova a:hover, .vendas2 a:hover {
	background-position: 0 -39px;
	color:#FF9900;	
}
.vendas a {background-image:url(../imagens/b_vendas.gif); width: 70px;}
.produto a {background-image:url(../imagens/b_produtos.gif); width: 80px;}
.representante a {background-image:url(../imagens/b_representantes.gif); width: 120px;}
.usuarios a {background-image:url(../imagens/b_usuario.gif); width: 80px;}
.relatorio a {background-image:url(../imagens/b_relatorio.gif); width: 90px;}
.cambio a {background-image:url(../imagens/b_cambio.gif); width: 70px;}
.nova a {background-image:url(../imagens/b_nova.gif); width: 40px;}
.vendas2 a {background-image:url(../imagens/b_vendas.gif); width: 130px;}
/*.menu{border:1px solid #8DB4C5; background-color:#8DB4C5; margin-right:5px;text-align:center;padding:2px; width:120px; float:left;}
.menu a{color:#035875; text-decoration:none;}
.menu a:hover{color:#fff;text-decoration:underline;}*/

/******site*********/
#topo {
	background:url(imagens/topo.gif);
	height:242px;
	width:100%;
	margin:0;
}
#detalhe {
	width:182px;
	height:179px;
	float:left;
	margin:0 0 0 11px;
}
#flash {
	width:400px;	
	height:115px;
	float:right;
	margin:25px 12px 0 0;
}
#titulo {
	width:260px;
	height:20px;	
	margin:10px 0 0 100px;
	text-align:left;
	float:right;
}
#titulo h1 {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}
#menusite {
	width:700px;
	height:40px;
	margin:0 auto;
	clear:both;
}
#menusite ul {
	margin:0;
	padding:0;
}
#menusite li {	
	margin:0 5px;
	width:87px;	
	list-style:none;	
	height:32px;
	float:left;
}
#menusite li a.link {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	display:block;
	height:32px;
	background:#FFF url(imagens/botao.gif) center top no-repeat;
	background-position:0 -2px;
	text-decoration:none;
}
#menusite li a.link:hover {
	background-position:0 0;
	padding:2px 0 0 0;
}	
#menusite .select {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	display:block;
	height:32px;
	background:#FFF url(imagens/botao.gif) center top no-repeat;
	text-decoration:none;
	background-position:0 0;
	padding:2px 0 0 0;
}	
#rodape {
	width:100%;
	margin:0 auto;
	height:25px;
	background:url(imagens/rodape.gif) center top no-repeat;
	text-align:left;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0 0 0;
	clear:both;
}
#rodape a {
	text-decoration:none;
	color:#08597D;
	padding:0 10px;
}
#rodape a:hover {
	color:#000;
}
#submenu {
	width:550px;
	float:left;
}
#contato {
	width:80px;
	float:right;
	margin:0 35px 0 0;
	color:#003366;
	text-align:right;
}
#contato a {
	height:13px;
	width:80px;
	display:block;
	text-align:center;
	background:url(imagens/contato.gif) right top no-repeat;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#08597D;
}
#contato a:hover {
	color:#000000;
	background-position:right -13px;
}
#saibamais {
	width:182px;
	height:285px;
	margin:0 25px 0 0;
	float:right;
	padding:50px 10px 0 10px;
	background:url(imagens/saiba.gif) no-repeat;
}
#saibamais p {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
#saibamais h2 {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#08597D;
}
#saibamais a {
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#08597D;
	text-decoration:none;
}
#saibamais a:hover {
	color:#08597D;
	text-decoration:none;
}
#saibamais .saiba {
	text-align:right;
}
#textoindex {
	width:450px;
	float:left;
	margin:20px 0 20px 20px;
}
#textoindex p {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}
#content1 {
	margin:0 auto; 
	height:340px;
	width:100%;
	/*background:url(imagens/fundo01.jpg) bottom no-repeat;*/
}
#content1 p, #content8 p, #content10 p, #content2 p, #content11 p, #content12 p {
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
#content2, #content3, #content4, #content5, #content6, #content7, #content8, #content9, 
#content10, #content11, #content12  {
	margin:10px auto; 
	display:table;
	width:90%;
	text-align:justify;
}
#content3 { background:url(imagens/fundo03.jpg) right top no-repeat; }
#content4 { background:url(imagens/fundo04.jpg) right top no-repeat; }
#content5 { background:url(imagens/fundo05.jpg) right top no-repeat; }
#content6 { background:url(imagens/fundo06.jpg) right top no-repeat; }	
#content7 { background:url(imagens/fundo07.jpg) right top no-repeat; }
#content9 { background:url(imagens/fundo09.jpg) right top no-repeat; }
#content10 { background:url(imagens/fundo10.jpg) right top no-repeat; }	
#content11 { background:url(imagens/fundo11.jpg) right top no-repeat; }
#content12 { background:url(imagens/fundo12.jpg) right top no-repeat; }
#content3 p, #content4 p, #content5 p, #content6 p, #content7 p, 
#content9 p, #content11 p {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	margin-right: 270px;
}
#content9 p {
	margin:8px 0 0 0;
}
#content9 a, #content12 a {
	text-decoration:none;
	color:#08597D;
	font-weight:bold;	
} 
#content9 a:hover, #content12 a:hover {
	text-decoration:underline;
}
#content2 h2, #content12 h2 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#08597D;
}
.linha {
	width:450px;
	text-align:center;
	margin:5px;
}
.esquerda {
	width:75px;
	float:left;
	text-align:right;
	margin:0 5px 0 0;
}	
.direita {
	width:350px;
	float:left;
	text-align:left;
}
th {
	background:#069;
	color:#FFF;
	border-bottom:1px solid #000;
	font:bold 12px Arial, Helvetica, sans-serif;
}
td {
	background:#FFF;
	color:#000;
	font:10px Arial, Helvetica, sans-serif;
}
.produtos{
	width:325px;
	height:auto;
	float:left;
	margin-right:10px;
}
.listaProduto{
	width:330px;
	height:auto;
	float:left;
}
#fundo{
	width:100%;
	height:auto;
	float:left;
	margin-bottom:30px;
}
.textoAzul{	
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#08597D;
}
.Textobold {
	color: #336666;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.linksgerais a{
	color: #0099CC;
	text-decoration:none;
}
.linksgerais a:hover { 
	color:#336666; 
	text-decoration: underline;
}