/* CSS OnBIT Tecnologia */
/* Criando pela OnBIT Tecnologia */

@import url(menu.css);

body
	{
	 margin: 0;
	 font-family: Calibri;
	 font-size: 14px;
	 color: #5988B3;
	 text-align: justify;
	 background: #F5F5F5 url(../images/body.jpg) repeat-x;
	}
	
/* Alguns Estilos de LINKS */
	
a:link, a:visited, a:active
	{
	 color: #FEC605;
	 font-weight: bold;
	 text-decoration: none;
	}
	
a:hover
	{
	 color: #b58e01;
	 font-weight: bold;
	 text-decoration: underline;
	}
	
a img
	{ border: 0 none; }
	
h2
	{ font-size: 18px; }
	
h2, strong, h3, table a:active, table a:link, table a:visited, #botao a,  .botao a, .botao, b
	{
	 color: #37A3E7;
	 text-decoration: bold;
	}
	
h3, strong, table a:active, table a:link, table a:visited, b
	{ font-size: 14px; }
	
/* Fim de Estilos de LINKS */

.left { float: left; }

.right { float: right; }

.both { clear: both; }

#quadrobranco 
	{ 
	 padding: 10px;
	 background: #FFF;
	}
	
#input, .input
	{ 
	 width: 99%;
	 height: 100px;
	}
	
#container
	{
	 margin: 0;
	 background: url(../images/container.jpg) no-repeat top center;
	}
	
#conteudo
	{
	 width: 900px;
	 margin: 0 auto;
	}
	
/* Estilos de Botões */
	
#pesquisa #ir 
	{
	 width: 45px;
	 height: 28px;
	 text-indent: -9999px;
	 border: 0px none;
	 background: #F9F9F9 url(../images/ir.png);
	}
	
#alterar, #buscar, #novousuario, #boleto_submit , #confirmar, #novoticket, #criar, #voltar, #botao
	{
	 height: 50px;
	 width: 187px;
	 border: 0px none;
	}
	
.botao
	{
	 padding: 15px 40px 20px 40px;
	 margin-top: 20px;
	 text-align: center;
	 border: 0 none;
	 background: url(../images/botao.jpg) no-repeat;
	}
	
#alterar, #buscar, #novousuario, #boleto_submit , #confirmar, #novoticket, #criar, #voltar
	{ text-indent: -9999px; }
	
#alterar 
	{ background-image: url(../images/alterar.jpg); }
	
#buscar 
	{ background-image: url(../images/buscar.jpg); }
	
#buscar:hover
	{ background-image: url(../images/buscar2.jpg); }
	
#criar
	{ background-image: url(../images/criar.jpg); }
	
#criar:hover
	{ background-image: url(../images/criar2.jpg); }
	
#boleto_submit , #confirmar
	{ background-image: url(../images/confirmar.jpg); }
	
#boleto_submit:hover , #confirmar:hover
	{ background-image: url(../images/confirmar2.jpg); }
	
#botao, .botao, #botao a, .botao a
	{
	 color: #FEC605;
	 font-weight: bold;
	 text-align: center;
	}
	
#botao:hover, .botao:hover, #botao a:hover, .botao a:hover
	{
	 color: #b58e01; 
	 text-decoration: none;
	}
	
#botao, .botao
	{
	 margin-top: 20px;
	 background: url(../images/botao.jpg) no-repeat;
	}
	
#botao
	{ padding-top: 15px; }
	
.botao
	{ float: left; }
	
/* Fim dos Estilos de Botões */
	
/* TOPO */
	
#topo
	{
	 width: 1526px;
	 height: 345px;
	 margin: 0 auto;
	 background: url(../images/topo.png) no-repeat bottom center;
	}
	
#logo
	{
	width: 270px;
	height: 104px;
	text-indent: -9999px;
	padding-top: 20px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#download
	{
	width: 291px;
	height: 79px;
	float: right;
	margin: 140px 18px 0 0;
	}
	
#slogan
	{
	width: 438px;
	height: 118px;
	float: right;
	margin: 80px 50px 0 0;
	text-indent: -9999px;
	background: url(../images/slogan.png) no-repeat;
	}	
	
/* Fim dos Estilos do TOPO */
	
#divisor
	{
	width: 870px;
	height: 3px;
	background: url(../images/divisor.jpg) center bottom;
	clear: both;
	margin: 30px auto;
	}
	
#quadro01
	{
	width: 870px;
	margin: 0 auto; 
	padding: 30px 15px 0 15px;
	background: url(../images/quadro01_topo.png) center top no-repeat;
	}
	
#quadro01 img
	{
	margin-right: 10px;
	float: left;
	}
	
#quadro01_base
	{
	 width: 900px;
	 height: 30px;
	 background: url(../images/quadro01_base.png) no-repeat;
	}
	
#quadro02
	{
	 width: 392px;
	 padding: 33px 15px 0 15px;
	 background: url(../images/quadro02_topo.png) no-repeat;
	}
	
#quadro02 img
	{
	margin-right: 10px;
	float: left;
	}
	
#quadro02_base
	{
	width: 422px;
	height: 30px;
	background: url(../images/quadro02_base.png) no-repeat;
	}
	
#quadro03
	{
	width: 140px;
	float: left;
	padding-top: 17px;
	text-align: center;
	font-size: 12px;
	margin-right: 10px;
	background: url(../images/quadro03_topo.png) no-repeat center top;
	}
	
#quadro03 a
	{ color: #5988B3; }
	
#quadro03 #descricao 
	{ height: 70px; }
	
#quadro03_base
	{
	width: 140px;
	height: 17px;
	float: left;
	margin-bottom: 30px;
	background: url(../images/quadro03_base.png) no-repeat;
	}

#rodape .right {text-align: right;}
	
td {text-align: left; background: #FFF;}

.seta_up, .seta_down { padding: 5px 10px; }

.seta_up:hover, .seta_down:hover { text-decoration: none; }
	
.seta_up {background: url(../images/maior.png) no-repeat center center;}
	
.seta_down {background: url(../images/menor.png) no-repeat center center;}
	
#rodape
	{
	 padding: 35px 0;
	 background: #022486 url(../images/rodape.png) repeat-x;
	}