/* <link rel="StyleSheet" href="../css/site.css" type="text/css"> */

/* xxxxxxxxxxxx - " PRINCIPAL " - xxxxxxxxxxxx */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
}

/* xxxxxxxxxxxx - " HEADINGS (Cabeçalhos) " - xxxxxxxxxxxx */
h1,h2,h3,h4,h5,h6 { /* Propriedades comum entre os Heading = Títulos, Cabeçalhos */
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #666666;
}

h1 {font-size: 14px; color: #0066FF; margin-bottom: 8px;}
h2 {font-size: 16px;}
h3 {font-size:18px}


/* xxxxxxxxxxxx - " LINKS " - xxxxxxxxxxxx */

a { /* Propriedades comum entre os links */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066FF;
}

a:link { /* Link no estado inicial  */
	text-decoration: none;
}

a:visited { /* Link visitado */
	text-decoration: none;
}


a:hover { /* Link quando passa-se o mouse sobre ele */
	text-decoration: underline;
	color: #FF9900;
}

a:active { /* Link ativo (o que foi "clicado") */
	text-decoration: none;
}

/* xxxxxxxxxxxx - " Tratando Tabelas (sempre testar nos browsers" - xxxxxxxxxxxx */
TABLE{
	border: 0pt solid #000000;
	border-collapse: collapse;
	padding: 0pt;
}

TH{
	background-color: #009452;
	color: white;
	border: 0pt solid gray;
	font-weight: bold;
	text-align: center;
}

TH, TD{
	border: 0pt solid gray;
	padding: 2pt, 7pt;
}

/* xxxxxxxxxxxx - " Declarações das DIVs " - xxxxxxxxxxxx */

div.bordasuperior{
	height: 90px;
	width: 948px;
	background-image: url("../imgs/bordasup.png");
	margin-bottom: 7px;
	margin-left: 18px;
	border: 0px  solid #666666;
}

div.bordainferior{
	height: 140px;
	width: 840px;
	padding: 0px 0px 0px 0px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
	background-image: url("../imgs/bordainf.png");
	border: 0px  solid #666666;
}

div.geral{
	width: 840px;
	background-image: url("../imgs/bdfundos/fundobr_2.png");
	background-repeat: repeat-y;
	border: 0px  solid #000000;
	padding: 0px 0px 15px 12px;
}

div.linha { /* Usei a DIV linha para que as DIVs não usem os espaços das outras acima quando vago */
	height: 0px; /* Precisa manter a altura para que a posição fixe em 0 */
	padding: 0px 0px 0px 0px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
	margin: 0px 0px 0px 0px;
	border: 0px solid #000000;
}

div.principal{
	width: 840px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 10px 0px 0px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
	text-align: left;
	border: 0px  solid #000000;
}

div.corpo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px 0px 0px 0px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
	text-align: left;
	border: 0px  solid #666666;
}

div.conteudo{ /* DIV para conteúdos da página */
	padding: 0px 0px 0px 0px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
	float: left; /* direção da DIV dentro da página : left p/ esquerda, right p/ direta ...*/
	border: 0px  solid #000000;
}

div.input{
	
}

div.nomecampo{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

div.titulos{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000099;
	padding: 3px 1px 0px 3px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
	border: 1px solid #000099;
}

div.titulos2{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	/*background-color: #000099;*/
	padding: 5px 1px 2px 3px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
	border: 0px solid #000099;
}

div.caixatitulos{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px 1px 0px 3px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
	float: left;
	border: 0px solid #000099;
}

/* xxxxxxxxxxxx - " MENU LATERAL " - xxxxxxxxxxxx */

div.menulat { 
	width: 135px;
	padding: 0px 0px 0px 0px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
	border: 0px  solid #000000;
	float: left;
	margin-left: 3px;
}

ul#menulat {
	width: 130px;
	border: 1px solid #999999;
	margin: 0;
	padding: 0; /* bug do Firefox */
	list-style-type: none;
	background-color: #000099;

	/* background-color: #EFEFEF; */
}

ul#menulat li {
	border-bottom:1px solid #999999; /* borda inferior das barras do menu lateral */
	height: 22px;
}

ul#menulat li a:link, 
ul#menulat li a:visited {
	display: block; /* faz com que a troca da cor do fundo seja na extensão toda do elemento */

	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F3F3F3;

	border-left: 10px solid #000066; /* Barrinha a esquerda do menu lateral */
	padding-left: 5px;
	padding: 2px 0px 2px 5px; /* Margens - 1º superior, 2º direita, 3º inferior, 4º esquerda */

	height: 18px;
}

ul#menulat li a:hover { /* Link quando passa-se o mouse sobre ele */
	background-color: #0000CC;  /* #D9F9FB; */

	color: #FFFFFF;
	border-left: 10px solid #000000;/* Barrinha a esquerda do menu lateral */
	border-bottom: 1px solid #FFFFFF; /* borda inferior das barras do menu lateral */	
	
	height: 18px;
}

/* xxxxxxxxxxxx - " MENU DE PEDIDO " - xxxxxxxxxxxx */

div.menuped { 
	width: 147px;
	padding: 0px 0px 0px 0px; /* Margens 1º superior, 2º direita, 3º inferior, 4º esquerda */
	float: left;
	margin-left: 3px;
}

ul#menuped {
	width: 145px;
	border: 1px solid #FFFFFF;
	margin: 0;
	padding: 0; /* bug do Firefox */
	list-style-type: none;
	background-color: #FFFFFF;
}

ul#menuped li {
	border-top:2px solid #666666; /* borda inferior das barras do menu lateral */
	border-bottom:2px solid #999999; /* borda inferior das barras do menu lateral */
	height: 22px;
	background-color: #EAEAEA;
	margin-bottom: 5px;
}

ul#menuped li a:link, 
ul#menuped li a:visited {
	display: block; /* faz com que a troca da cor do fundo seja na extensão toda do elemento */

	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;

	border-left: 10px solid #CCCCCC; /* Barrinha a esquerda do menu lateral */
	padding-left: 5px;
	padding: 3px 0px 2px 5px; /* Margens - 1º superior, 2º direita, 3º inferior, 4º esquerda */

	height: 17px;
}

ul#menuped li a:hover { /* Link quando passa-se o mouse sobre ele */
	background-color: #FFFFCC;  /* #D9F9FB; */

	color: #000000;
	border-left: 10px solid #ECEC00;/* Barrinha a esquerda do menu lateral */
	padding: 3px 0px 2px 5px; /* Margens - 1º superior, 2º direita, 3º inferior, 4º esquerda */	

	height: 17px;
}

/* xxxxxxxxxxxx - " Espaços a esquerda " - xxxxxxxxxxxx */
span.tab1{
	padding-left: 50px; 
}