/*
** As identacoes no estilo de linguagem de programacao abaixo nao sao defeito nem problema nao.
** Quando voces virem uma identacao, significa que as regras identadas estao aplicadas a elementos 
** que estao dentro do elemento com menos identacao. Essa é uma forma que encontrei pra fazer o CSS
** ficar mais legivel e representar visualmente a estrutura dos elementos html e como as regras influenciam
** umas nas outras. Ou seja, facilitar a vida.
**
** Teoricamente essas regras nao devem ser alteradas e nem devem ser incluidas mais regras aqui. Porem 
** pode ocorrer de ter que ser inserida um regra geral. Quando isso acontecer certifique-se de enviar o
** arquivo para os demais colaboradores para que se mantenha o sincronismo do desenvolvimento.
*/

* {
	margin:0px;
	padding:0px;
}
body {
	width:723px;
	margin:auto;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	background:url(../Imagens/bgFullRed.jpg) repeat-x;
}
	#tudo {
		width:723px;
	}
		#topo {
			width:723px;
			height:167px;
			float:left;
		}
			#topo h1 { display:none; }
			#topo ul { display:none; }
		#conteudo {
			width:723px;
			min-height: 500px;
			float:left;
			background:url(../Imagens/bgAllRed.jpg) repeat-y top left;
		}
			#colEsquerda {
				width:162px;
				height:328px;
				float:left;
				background:url(../Imagens/bgMenu.jpg) no-repeat top left;
			}
				#login {
					width:162px;
					height:48px;
					visibility:hidden;
				}
					#login h3 { display:none; }
					#login p {
						margin:29px 0px 0px 24px;
					}
						#login a:link, #login a:visited {
							font-size:10px;
							color:#666666;
							text-decoration:none;
						}
						#login a:hover {
							text-decoration:underline;
						}
				#submenu {
					width:162px;
				}
					#submenu h3 { display:none; }
					#submenu ul {
						width:152px;
						margin:0;
						_margin-top: 29px;
						padding:0;
						list-style-type:none;
					}
					#submenu .espacoBranco {
						background-color: #FFFFFF;
						display: block;
						height: 20px;
						margin-left: 15px;
						_margin-left:0;
					}
						#submenu li {
							list-style:none;
							margin:0;
							padding-left: 15px;
						}
						#submenu li.subitem {
							list-style:none;
							margin:4px 0px 4px 0px;
							padding:0px 0px 5px 15px;
						}
							#submenu a {
								display: block;
								border-bottom: 1px #CCCCCC solid;
								background-color:#FFFFFF;
								padding-left: 15px;
								padding-top: 5px;
								padding-bottom: 3px;
							}
							* html #submenu li a {
								width:122px;
							}
							#submenu li a:link, #submenu li a:visited {
								color:#666666;
								text-decoration:none;
								font-weight:bold;
							}
							#submenu li a:hover {
								color:#333333;
								text-decoration:none;
							}
							#submenu li.subitem a:link, #submenu li.subitem a:visited {
								font-weight:normal;
								background:url(../Imagens/marcadorSquareIE.jpg) left top no-repeat;
								padding-left:10px;
							}
							#submenu li.subitem a:hover {
								font-weight:normal;
							}
				#outrosElementos {
					width:138px;
					padding-left:15px;
				}
			#colCentral {
				width:396px;
				float:left;
				background:url(../Imagens/bgCentral.jpg) top left no-repeat;
			}
				#colCentral #imgTopo {
					position:absolute;
					margin: -21px 0 0 228px;
				}
				#colCentral #titulo {
					width:396px;
					height:48px;
				}
					#colCentral #titulo a:link, #colCentral #titulo a:visited {
						font-size:10px;
						color:#999999;
						text-decoration:none;
						background:url(../Imagens/setaVolta.jpg) left top no-repeat;
						padding-left:10px;
						float:right;
						margin:-17px 18px 0px 0px;
						_margin:-27px 18px 0px 0px;
					}
					#colCentral #titulo a:hover {
						text-decoration:none;
						color:#666666;
					}
				#migalha {
					width:396px;
					height:36px;
				}
					#migalha ul {
						margin:-5px 0px 0px 15px;
						_margin:11px 0px 0px 15px;
					}
						#migalha li {
							display:inline;
							font-size:10px;
							color:#990000;
							background:url(../Imagens/setaBreadcrumb.jpg) left top no-repeat;
							padding-left:10px;
							margin-right:7px;
							text-transform:lowercase;
						}
							#migalha a:link, #migalha a:visited {
								color:#999999;
								text-decoration:none;
							}
							#migalha a:hover {
								color:#333333;
							}
					#migalha p {
						float:right;
						margin:-15px 20px 0px 0px;
						_margin:-15px 10px 0px 0px;
						font-size:10px;
						color:#999999;
					}
				#data {
					display:none;
				}
					
			 	#diagramacao {
					width:366px;
					padding:15px;
				}
					#diagramacao h3 {
						font-family:"Trebuchet MS", Arial, sans-serif;
						font-size:18px;
						font-weight:normal;
						color:#990000;
						margin-top:-25px;
						_margin-top:-15px;
					}
					#diagramacao h4 {
						font-family:"Trebuchet MS", Arial, sans-serif;
						font-size:13px;
						font-weight:bold;
						color:#CC6600;
						margin-top:15px;
						_margin-top:15px;
					}
					#diagramacao img.left { float:left; margin:0px 10px 10px -5px;}
					#diagramacao img.right { float:right; margin:0px 0px 10px 10px;}
					#diagramacao p {
						/*float:left;*/
						margin:10px 0px 0px 0px;
						_margin:10px 0px 0px 0px;
						line-height:18px;
					}
			#colDireita {
				width:154px;
				float:left;
			}
				#busca {
					width:154px;
				}
					#busca h4 {
						margin:0px 0px 0px 10px;
						text-indent:-3000px;
						background:url(../Imagens/titboxBusca.jpg) top left no-repeat;					
					}
					#busca form {
					}
						#busca input {
							width:91px;
							height:14px;
							font-family:Arial, Helvetica, sans-serif;
							font-size:11px;
							color:#666666;
							text-indent:3px;
							margin:1px 0px 1px 19px;
							display:block;
						}
						#busca .image {
							width:29px;
							height:15px;
							margin:-17px 5px 0px 0px;
							float:right;
						}
				#atendimento {
					width:154px;
					margin-top:10px;
					padding:15px 0px 15px 0px;
					background-color:#E5E5E5;
				}
					#atendimento h4 {
						margin:0px 0px 0px 10px;
						text-indent:-3000px;
						background:url(../Imagens/titboxAtendimento.jpg) top left no-repeat;	
					}
					#atendimento p {
						margin:5px 0px 5px 20px;
					}
					#atendimento form {
					}
						#atendimento input {
							width:91px;
							height:14px;
							font-family:Arial, Helvetica, sans-serif;
							font-size:11px;
							color:#666666;
							text-indent:3px;
							margin:1px 0px 1px 19px;
							display:block;
						}
						#atendimento .image {
							width:29px;
							height:15px;
							margin:-17px 5px 0px 0px;
							float:right;
						}
				#enquete {
					width:154px;
					margin-top:10px;
				}
					#enquete h4 {
						margin:0px 0px 0px 10px;
						text-indent:-3000px;
						background:url(../Imagens/titboxEnquete.jpg) top left no-repeat;	
					}
					#enquete p {
						margin:5px 0px 5px 20px;
					}
					#enquete form {
					}
						#enquete input {
							font-family:Arial, Helvetica, sans-serif;
							font-size:11px;
							color:#666666;
							margin:1px 3px 0px 18px;
							_margin:1px 0px 0px 8px;
							display:block;
							float:left
						}
						#enquete label {
							display:block;
							float:left;
							margin-top:0px;
							_margin-top:5px;
						}
						#enquete .image {
							width:29px;
							height:15px;
							margin:-17px 5px 0px 0px;
							float:right;
						}
						#enquete .marginRadio {
							margin-top:-5px;
						}
						#enquete .marginLabel {
							margin-top:-5px;
							_margin-top:-1px;
						}
				#chamadaAcoes {
					width:154px;
					margin-top:10px;
					padding:15px 0px 15px 0px;
					background-color:#E5E5E5;
				}
					#chamadaAcoes h4 {
						margin:0px 0px 0px 10px;
						text-indent:-3000px;
						background:url(../Imagens/titboxAcoes.jpg) top left no-repeat;	
					}
					#chamadaAcoes p {
						margin:5px 5px 5px 20px;
						text-align:right;
						font-weight:bold;
					}
					#chamadaAcoes ul {
						padding: 0;
						margin: 0;
						list-style-type:none;
					}
					#chamadaAcoes li {
						padding: 5px 0px 0 20px;
					}
					#chamadaAcoes a:link, #chamadaAcoes a:visited {
						color: #666666;
						padding-left: 10px;
						text-decoration: none;
					}
					#chamadaAcoes a:hover {
						text-decoration:underline;
					}
					#chamadaAcoes li a:link, #chamadaAcoes li a:visited {
						background:url(../Imagens/setaItemList.gif) 0 center no-repeat;
					}
				#chamadaProdutos {
					width:154px;
					margin-top:10px;
					padding:15px 0px 15px 0px;
					background-color:#E5E5E5;
				}
					#chamadaProdutos h4 {
						margin:0px 0px 0px 10px;
						text-indent:-3000px;
						background:url(../Imagens/titboxProdutos.jpg) top left no-repeat;	
					}
					#chamadaProdutos p {
						margin:5px 0px 5px 20px;
					}
					#chamadaProdutos img.prodInicial {
						margin-left: 5px;
					}
					#chamadaProdutos p.alinDireita {
						text-align:right;
						font-weight:bold;
					}
					
					#chamadaProdutos a:link, #chamadaProdutos a:visited {
						color: #666666;
						padding-left: 10px;
						text-decoration: none;
					}
					#chamadaProdutos a:hover {
						text-decoration:underline;
					}
				#chamadaVovo {
					margin-top:10px;
					padding:15px 0px 15px 0px;
					background-color:#E5E5E5;
				}
					#chamadaVovo h4 {
						margin:0px 0px 0px 10px;
						text-indent:-3000px;
						background:url(../Imagens/titboxVovo.jpg) top left no-repeat;	
					}
					#chamadaVovo p {
						margin:5px 0px 5px 20px;
					}
					#chamadaVovo img.prodInicial {
						margin-left: 5px;
					}
					#chamadaVovo p.alinDireita {
						text-align:right;
						font-weight:bold;
					}
					
					#chamadaVovo a:link, #chamadaVovo a:visited {
						color: #666666;
						padding-left: 10px;
						text-decoration: none;
					}
					#chamadaVovo a:hover {
						text-decoration:underline;
					}
		#rodape {
			width:723px;
			height:73px;
			float:left;
			padding-top:35px;
			_padding-top:40px;
			background:url(../Imagens/rodapeRed.jpg) top left no-repeat;
		}
			#rodape p {
				text-align:center;
				font-size:10px;
				color:#B46666;
				margin:5px 0px 5px 0px;
			}
			#rodape a:link, #rodape a:visited {
				color:#B46666;
				text-decoration:none;
			}
			#rodape a:hover {
				text-decoration:underline;
			}
			#rodape p.copyrightText {
				color:#9B3333;
			}
			
			
			

#ctl00__gvAcoes {
	width:130px !important;
	border:solid 0px red;
	margin:0px 0px 0px 15px;
	padding:0px;
	font-size:11px;
}
#ctl00__gvAcoes td{
	width:auto !important;
	border:none !important;
	margin:0px !important;
	padding:3px 0px 3px 0px !important;
	font-size:11px !important;
}