@import url(style_templates.css);

/* ------------------------- */
/* ENTRADAS GERAIS GENERICAS*/
/* ------------------------- */

HTML{
  	/*scrollbar-stuff*/
   	scrollbar-face-color: #007bc2; 
	scrollbar-highlight-color: #007bc2; 
	scrollbar-shadow-color: #fff; 
	scrollbar-3dlight-color: #fff; 
	scrollbar-arrow-color: #fff; 
	scrollbar-track-color: #cae8fa; 
	scrollbar-darkshadow-color: #007bc2;

	background-image:url(imagens/fundo3.gif);
	background-repeat:repeat;
	background-position:bottom;
	/*background-position:right bottom;*/

	margin:0;
	padding:0;
	
	/*height:100%;*/
	width:100%;
	overflow-x:hidden;
}

img {border:none;}

#back {
	background-image:url(imagens/fundo2.gif);
	background-repeat:repeat-x;
	background-position:0% 100%;
	/*background-position:right bottom;*/
}

body{
	background:#fff url(imagens/fundo1.gif);
	background-repeat:repeat-x;
	background-position:0% 0%;
	/*background-position:right top;*/

	margin:0;
	padding:0;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	line-height:200%;
}

h1 {
	margin:30px 0 0 0;
	padding:0;
	
	text-align:left;
	
	/*font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	color:#005990;*/

	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight: bold;
	color: #005990;
	font-size:11px;
	
	
	/*background-image:url(imagens/list_h.gif);
	background-position:0 0;
	background-repeat:no-repeat;*/
}

h2 {
	margin:15px 0 0 0;
	padding:0 0 0 6px;
	
	text-align:left;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#668808;

	background-image:url(imagens/list_h2.gif);
	background-position:0 14px;
	background-repeat:no-repeat;
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	line-height:200%;
}

a, .destaque_a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#668808;
	text-decoration:none;
	font-weight:normal;
}

a:hover {
	text-decoration:underline;
}

/* ---------------------- */
/* ENTRADAS DE FORMULARIO */
/* ---------------------- */

form {
	margin:0;
	padding:0;
}

.button {
	margin:0;
	padding:0;
	border:0;
}

input {
	border:1px solid #bbb;
}

.formButton, #submit  {
}

/* --------------------------------- */
/* ENTRADAS ESTRUTURAIS / CONSTRUÇÃO */
/* --------------------------------- */

#geral {
	/* BCKUP FORMAR DE CENTRALIZAR 1
	position:absolute;
	top:0;
	left:50%;
	margin:15px 0 0 -375px;
	padding:0 6px 0 12px;
	border-style:none;
	width: 732px; */ /*750 - (6 + 12)*/
	

	/* FORMAR DE CENTRALIZAR 2:*/
	position:relative;
	margin: 0 auto 0 auto;
	padding:15px 6px 0 12px;
	overflow-x:hidden;
	border-style:none;
	width: 732px;  /*750 - (6 + 12)*/
}

#header {
	margin:0;
	padding:0;
	
	height:148px;
	width:732px;
}

#logo {
	margin:0;
	padding:0;
	/*position:absolute;*/
	/*left*/
	float:left;
	
	background-color:#fff;
}

#logo a {
	margin:0;
	padding:0;
}

img {
	margin:0;
	padding:0;
}

#banner {
	margin:0;
	padding:0;
	float:right;
	background-image:url(imagens/banner.gif);
	background-position:right top;
	background-repeat:no-repeat;
	width:567px;
	height:148px;
}

#middle {
	margin:0;
	padding:16px 0 0 0;
	clear:both;
	width:732px;
}

/* ----------------------------- */
/* ENTRADAS PARA A AREA DE LOGIN */
/* ----------------------------- */

#login {
	height:20px;
	float:right;
	margin:0;
	padding:10px 20px 0 0;
	text-align:right;
	vertical-align:top;

	color:#666;
}

#login a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	vertical-align:top;
	text-decoration:none;
}

#login a:hover {
	text-decoration:underline;
}

/* ------------------------------ */
/* ENTRADAS PARA A PESQUISA/BUSCA */
/* ------------------------------ */

#busca {
	height:23px;
	width:269px;
	float:right;
	margin:67px 0 0 0;
	padding:0;
	clear:both;
}

.caixa_txt {
	border:0;
	background-color:transparent;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	height:15px;
	width:115px;
	
	vertical-align:top;
	margin:2px 10px 0 0;
	padding:3px 0 0 0;
}

/* -------------------- */
/* ENTRADAS PARA O MENU */
/* -------------------- */

#menu_float {
	float:left;
	margin:0;
	padding:0;
}

#menu {
	margin:0 0 0 10px;
	padding:0;
	width:129px;
	height:376px; /*menos 5 de border*/
	border-top:5px solid #007bc2;
}

#menu ul {
	margin:0 0 0 6px;
	padding:0;
	width:113px;

	list-style:none;
}

#menu ul li {
	margin:0;
	padding:0;
	border-bottom:1px solid #007bc2;
	height:24.1px; /*altura de cada botao. CALCULO: altura util do menu (376) menos o numero de linhas que separam os botoes (para saber o numero de linhas basta somar o total de botoes menos um, nesse caso deu 14). Do resultado, divida pelo numero de botoes (nesse caso 15). CALCULO FINAL: (376/n linhas) - n botoes*/
				/*mesma altura do #menu ul li a */
}

#item_desativado {
	background-color:#009bf5;
	margin:-1px 0 0 -6px;
	width:129px;
	height:28px; /*um pouco maior que a altura do #menu ul li, consideramos a ausencia de borda e pelo -1px margin-top */
	border:0;
	
	position:absolute;
}

#menu ul li a {
	display:block;
	
	margin:0;
	padding:0 0 0 16px;
	width:97px; /*113 menos 16(padding)*/
	height:24.1px; /*mesma altura do #menu ul li */
	
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000;
	text-decoration:none;
}

#menu ul li a:hover {
	background-color:#e0e0e0;
}

#menu ul li a:active {
	background-color:#afb405;
}

#menu_detalhe_topo {
	background-image:url(imagens/menu_detalhe_topo.gif);
	background-repeat:no-repeat;
	background-position:center top;
	

	width:129px;
	height:323px;
	margin:-1px 0 0 0;
	padding:0;
	
	clear:both;
	
}

#menu_detalhe_base {
	position:absolute;
	left:22px;
	
	width:129px;
	height:371px;
	_height:400px;
	
	margin:-371px 0 0 0;
	padding:0;

	
	background-image:url(imagens/menu_detalhe_base.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

/* ------------------------ */
/* ENTRADAS PARA O CONTEUDO */
/* ------------------------ */

#conteudo_float {
	float:right;
	margin:0;
	padding:0 4px 0 0;
	width:563px;
}

#conteudo {
	margin:0;
	padding:0;
	width:563px;
}

#conteudo_int {
	margin:0;
	padding:0;
	width:563px;
	background-color:#fff;
	background:#fff url(imagens/bg_content_int.gif);
	background-position:0 0;
	background-repeat:repeat-y;
	
	
	min-height:787px;
}

#coluna1, #coluna2 {
	width:275px;
	height:378px; /* +3px do border */
	background-color:#fff;
	border-top:3px solid #e0e0e0;
	margin:0;
	padding:0;
}

#coluna1 {
	float:left;
}

#coluna2 {
	float:right;
}

/* ---------------------- */
/* ENTRADAS PARA O RODAPE */
/* ---------------------- */

#rodape {
	position:relative;

	background-image: url(imagens/rodape.gif);
	background-position:right top;
	background-repeat:no-repeat;
	
	margin:0;
	padding:37px 0 0 0;
	width:732px;
	min-height:151px;
	
	clear:both;
	color:#000;
	line-height:120%;
}

#rodape p {
	line-height:160%;
	margin:0 0 0 10px;
	padding:0;
}

#rodape h4, .destaque_h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
			
	background-image:url(imagens/list.png);
	background-position:0% 50%;
	background-repeat:no-repeat;
	padding:0 0 0 10px;
	margin:0;
}

#rodape_esq_float {
	float:left;
}

#rodape_esq {
	width:275px;
	margin:0 0 0 180px;
	padding:0;
}

#rodape_dir_float {
	float:right;
}
#rodape_dir {
	width:275px;
	margin:0;
	padding:0;
}

#squad_white1, #squad_white2 {
	background-color:#fff;
	margin:50px 0 0 0;
	padding:0;
	width:186px;
	height:25px;
	width:186px;
}
#squad_white2 {
	margin:30px 0 0 0;
}

.destaque_h4 {
	margin:6px 0 0 0;
}

/* ----------------- */
/* ENTRADAS DE LOGON */
/* ----------------- */

#adm_nomes {
	float:left;
	width:80px;
	text-align:right;
	padding:0 15px 0 0;
	clear:both;
}

#adm_caixas {
	float:left;
	width:300px;
}

#adm_info {
	clear:both;
	padding:8px 0 0 0;
	margin:0 0 8px 0;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	
	color:666px;
}

.adm_info_al {
	padding:0 80px 0 0;
}

.adm_field {
	padding:10px;
	border:none;/* borda das caixa de login */
	border:1px solid #f6f6f6;
	border-top:4px solid #e0e0e0;
	background-color:#fff;
}

.adm_form {
	padding:5px 0 0 0;
	margin:0;
}

.adm_legend, legend {
	font-weight: bold;
	text-transform:uppercase;
	color:#005990;
	padding:0 8px 0 8px;
}

.adm_item {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#534a71;
	
	height:20px;
	clear:both;
	
	padding:10px 0 0 0;

}

.adm_input_text_p {
	padding:3px;
	margin:0;
	
	width:160px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#534a71;
}

.adm_input_text_g {
	padding:3px;
	margin:0;
	
	width:225px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#534a71;
}

.adm_submit {
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	background-color:#668808;
	border:0;
	color:#fff;
	
	font-size:10px;
	text-transform:uppercase;
	
	height:20px;
}