/*******************************

	CSS Designed by
	@author Rogério Alencar Lino Filho
	@url http://rogeriolino.wordpress.com/
	@date 13 de Setembro de 2007

********************************/

* {
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

html, body {
	text-align: center;
	background: #F1F1F1;
}

#geral {
	width: 778px;
	margin: 0px auto;
	text-align: left;
}

#geral #site {
	background: #FFFFFF url(../imgs/conteudo_bg.jpg) no-repeat left bottom;
	float: left;
	text-align: left;
}

/*****************************
	TOPO
*****************************/
#topo {
	width: 778px;
	height: 170px;
/*	background: url(../imgs/topo_bg.jpg) no-repeat; */
}

/*****************************
	TOPO > LOGO
*****************************/
#topo h1 {
	padding: 20px 0px 69px 100px;
}

#topo h1 a {
	width: 207px;
	height: 61px;
	overflow: hidden;
	text-indent: -2000px;
	background: url(../imgs/logo.jpg) no-repeat;
	display: block;
}

/*****************************
	TOPO > NAVBAR
*****************************/
#topo #navbar {
	height: 19px;
	background: url(../imgs/navbar_bg.jpg) no-repeat;
}

#topo #navbar ul {
	float: right;
	padding: 3px 10px;
}

#topo #navbar ul li {
	height: 12px;
	border-left: 1px solid #10024A;
	border-right: 1px solid #2C49D2;
	padding: 1px 5px;
	list-style: none;
	float: left;
}
#topo #navbar ul li.primeiro { border-left: none; }
#topo #navbar ul li.ultimo { border-right: none; }

#topo #navbar ul li a {
	width: 12px;
	height: 12px;
	overflow: hidden;
	text-indent: -2000px;
	background-position: center center;
	*background-position: center 2px;
	background-repeat: no-repeat;
	float: left;
	display: block;
}

#topo #navbar ul li a#nav_voltar { background-image: url(../imgs/nav_voltar.jpg); }
#topo #navbar ul li a#nav_home { background-image: url(../imgs/nav_home.jpg); }
#topo #navbar ul li a#nav_email { background-image: url(../imgs/nav_email.jpg); }


#topo #navbar p {
	font: bold 11px Arial, Verdana, Sans-serif;
	color: #28166f;
	padding: 3px 10px;
	float: left;
}

/*****************************
	CONTEUDO
*****************************/
#conteudo {}

/*****************************
	CONTEUDO > ESQUERDA
*****************************/
#conteudo #esquerda {
	width: 204px;
	padding: 0px 0px 150px 0px;
	float: left;
}

/*****************************
	CONTEUDO > ESQUERDA >MENU
*****************************/
#conteudo #esquerda #menu { background: url(../imgs/azulejo.jpg) repeat; }
#conteudo #esquerda #menu div { 
	padding: 0px 0px 0px 30px;
	background: url(../imgs/setas.gif) no-repeat left 23px;
}

#conteudo #esquerda #menu ul {
	width: 172px;
	border-right: 1px solid #B0B0B0;
	border-bottom: 1px solid #808080;	
	background: #e9e9e9;
}

#conteudo #esquerda #menu ul li {
	padding: 3px 10px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #B0B0B0;
	list-style: none;
	position: relative;
}

#conteudo #esquerda #menu ul li.restrito {
	background: #99DF9C;
}

#conteudo #esquerda #menu ul li a {
	font: bold 12px Arial, Verdana, Sans-serif;
	color: #28166f;
	padding: 0px 0px 0px 20px;
	background: url(../imgs/menu_item_bg.jpg) no-repeat;
}

/* SUBMENU */
#menu ul li ul {
	top: 0px;
	left: 172px;
	_left: 162px;
	width: 180px; /*180*/
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	position: absolute;
	display: none;
}

#menu ul li ul li { padding: 3px 10px; }

#conteudo #esquerda #menu ul li ul li a:hover {}

#menu ul li:hover ul,
#menu ul li.over ul { display: block; }

/*****************************
	CONTEUDO > ESQUERDA > FALE_SETPES
*****************************/
#conteudo #esquerda #fale_setpes {
	width: 200px;
	height: 74px;
	background: url(../imgs/fale_setpes_bg.jpg) no-repeat left 4px;
	margin: 10px 0px;
	float: left;
}

#conteudo #esquerda #fale_setpes h3 {
	font: bold 12px Arial, Verdana, Sans-serif;
	color: #0033cc;
	padding: 1px 0px 0px 4px;
	text-transform: uppercase;
}

#conteudo #esquerda #fale_setpes p {
	width: 150px;
	font: bold 14px Arial, Verdana, Sans-serif;
	color: #666666;
	padding: 9px 0px 0px 25px;
	text-align: center;
}

#conteudo #esquerda #fale_setpes p a {
	font: bold 14px Arial, Verdana, Sans-serif;
	color: #666666;
}

/*****************************
	CONTEUDO > ESQUERDA > ASSOCIADOS
*****************************/
#conteudo #esquerda #associados {
	width: 200px;
	margin: 10px 0px;
	border-right: 1px solid #EDEDED;
	border-bottom: 1px solid #E6E6E6;
	float: left;
}

#conteudo #esquerda #associados h3 {
	font: bold 12px Arial, Verdana, Sans-serif;
	color: #777777;
	padding: 1px 0px 0px 4px;
	text-transform: uppercase;
}

#conteudo #esquerda #associados div {
	width: 200px;
	padding: 10px 0px;
	float: left;
}
#conteudo #esquerda #associados p {
	font: 11px Arial, Sans-serif;
}


/*****************************
	CONTEUDO > ESQUERDA > BILHETAGEM
*****************************/
#conteudo #esquerda #bilhetagem {
	width: 200px;
	border: 1px solid #CCCCCC;
	background: url(../imgs/azulejo.jpg);
	margin: 10px 0px;
	float: left;
}

#conteudo #esquerda #bilhetagem div {
	padding: 10px 0px 0px 0px;
}

#conteudo #esquerda #bilhetagem div h3,
#conteudo #esquerda #bilhetagem div h4 {
	font: 14px Arial, Verdana, Sans-serif;
	color: #009900;
	text-transform: uppercase;
	text-align: center;
}
#conteudo #esquerda #bilhetagem div h3 { font-size: 21px; }
#conteudo #esquerda #bilhetagem div h4 { font-weight: bold; padding: 0px 0px 12px 0px; }

#conteudo #esquerda #bilhetagem span {
	width: 85px;
	height: 177px;
	text-indent: -500px;
	margin: -10px 0px 0px 0px;
	overflow: hidden;
	background: url(../imgs/bilhetagem_bg.gif) no-repeat right top;
	float: left;
	position: relative;
}

#conteudo #esquerda #bilhetagem a.b_btn {
	width: 90px;
	height: 18px;
	font: bold 12px Arial, Verdana, Sans-serif;
	color: #002FAD;
	text-align: center;
	text-decoration: none;
	margin: 4px 0px 4px 10px;
	padding: 2px 0px 0px 0px;
	background: url(../imgs/bilhetagem_btn.jpg) no-repeat;
	float: left;
}

/*****************************
	CONTEUDO > DIREITA
*****************************/
#conteudo #direita {
	width: 560px;
	padding: 0px 0px 20px 0px;
	float: right;
}

#conteudo #direita #noticias,
#conteudo #direita #enquete_restrito,
#conteudo #direita #parceiros,
#conteudo #direita #guia_informativo {
	width: 545px;
	padding: 0px 0px 20px 0px;
	float: left;
}
#conteudo #direita #guia_informativo { width: 560px; }

#conteudo #direita h2 {
	width: 535px;
	height: 25px;
	font: bold 16px Arial, Verdana, Sans-serif;
	color: #666666;
	padding: 6px 0px 0px 10px;
	margin: 15px 0px 10px 0px;
	text-transform: uppercase;
	background: url(../imgs/azulejo.jpg) repeat -5px -5px;
}

#conteudo #direita h2 span.seta1 {
	padding: 0px 0px 0px 25px;
	background: url(../imgs/seta1.jpg) no-repeat;
}

#conteudo #direita h2,
#conteudo #direita h2 { text-align: right; }

#conteudo #direita h2 span.setas,
#conteudo #direita h2 span.setas {
	height: 25px;
	text-align: right;
	background: url(../imgs/setas2.gif) no-repeat left center;
	display: block;
}

#conteudo #direita h2 span.seta2,
#conteudo #direita h2 span.seta2 {
	padding: 0px 25px 0px 0px;
	background: url(../imgs/seta2.jpg) no-repeat right center;
}

/*****************************
	CONTEUDO > DIREITA > DESTAQUE
*****************************/
#conteudo #direita #destaque {
	padding: 10px 0px 10px 0px;
}

#conteudo #direita #destaque #destaque_conteudo {
	width: 525px;
	font: 12px Arial, Sans-serif;
	color: #333333;
	padding: 5px 10px;
	border: 1px dashed #1B1079;
	background: #f9f9f9 url(../imgs/destaque_bg.gif) no-repeat scroll 10px 5px;
}

#conteudo #direita #destaque h2 {
	width: 480px;
	height: 5px;
	padding: 5px 0px;
	_padding: 5px 0px 0px 0px;
	font: bold 12px Arial, Sans-serif;
	color: #000066;
	background: none;
}

#conteudo #direita #destaque #destaque_conteudo p {
	text-align: justify;
}

/*****************************
	CONTEUDO > DIREITA > ACESSAR_LOGIN
*****************************/

#conteudo #direita #acessar_login a {
	width: 225px;
	height: 46px;
	overflow: hidden;
	text-indent: -1000px;
	margin: 0px 150px;
	float: left;
}

#conteudo #direita #acessar_login a#siga_vitoria { background: url(../imgs/siga_vitoria.jpg) no-repeat center center; }
#conteudo #direita #acessar_login a#cartao_transcol { background: url(../imgs/cartao_transcol.jpg) no-repeat center center; }

/*****************************
	CONTEUDO > DIREITA > NOTICIAS
*****************************/
#conteudo #direita #noticias div.noticia h3 a {
	font: bold 11px Arial, Sans-serif;
	color: #000066;
}

#conteudo #direita #noticias div.noticia h3 span {
	font: 11px Arial, Sans-serif;
	color: #000066;
}

#conteudo #direita #noticias div.noticia p {
	font: 11px Arial, Sans-serif;
	color: #333333;
}

/*****************************
	CONTEUDO > DIREITA > ENQUETE
*****************************/
#conteudo #direita #enquete_restrito {
	float: left;
}


#conteudo #direita #enquete_restrito #enquete {
	width: 319px;
	height: 100%;
	border: 1px solid #CCCCCC;
	_padding: 0px 0px 4px 0px;
	float: left;
}

#conteudo #direita #enquete_restrito #enquete h2 { width: 309px; }

#conteudo #direita #enquete_restrito #enquete p {
	font: bold 11px Arial, Sans-serif;
	color: #000066;
	padding: 0px 10px 10px 10px;
}

#conteudo #direita #enquete_restrito #enquete ul { padding: 0px 0px 10px 0px; _padding: 0px 0px 4px 0px; }

#conteudo #direita #enquete_restrito #enquete ul li {
	width: 280px;
	font: bold 12px Arial, Sans-serif;
	color: #000066;
	padding: 3px 0px 1px 15px;
	list-style: none;
}

#conteudo #direita #enquete_restrito #enquete ul li span {
	_height: 16px;
	padding: 1px 0px 1px 2px;
	background: #DFE3FF;
	display: block;
}

#conteudo #direita #enquete_restrito #enquete ul li span em {
	font: bold 11px Arial, Sans-serif;
	color: #333333;
	padding: 1px 0px 1px 5px;
	_position: absolute;
}

#conteudo #direita #enquete_restrito #enquete ul li label { 
	font: bold 11px Arial, Sans-serif;
	color: #333333;
}

#conteudo #direita #enquete_restrito #enquete ul li label input { 
	margin: 0px 10px 0px 0px;
}


/*****************************
	CONTEUDO > DIREITA > AREA_RESTRITA
*****************************/
#conteudo #direita #enquete_restrito #area_restrita {
	width: 198px;
	border: 1px solid #CCCCCC;
	_padding: 0px 0px 10px 0px;
	float: right;
}
#conteudo #direita #enquete_restrito #area_restrita h2 { width: 188px; }

#conteudo #direita #enquete_restrito #area_restrita div { padding: 0px 0px 4px 12px; }

#conteudo #direita #enquete_restrito #area_restrita div span {
	font: bold 11px Arial, Sans-serif;
	color: #333333;
}

#conteudo #direita #enquete_restrito #area_restrita div input {
	width: 165px;
	height: 18px;
	border: 1px solid #DADADA;
}

#conteudo #direita #enquete_restrito #area_restrita a.btn {
	margin: 4px 0px 3px 70px;
}

/*****************************
	CONTEUDO > DIREITA > GUIA_SINDICAL & INFORMATIVO
*****************************/
#conteudo #direita #guia_informativo #guia_sindical a,
#conteudo #direita #guia_informativo #informativo a {
	text-indent: -1000px;
	overflow: hidden;
}

#conteudo #direita #guia_informativo #guia_sindical a {
	width: 319px;
	height: 63px;
	background: url(../imgs/guia_sindical.jpg) no-repeat;
	float: left;
}

#conteudo #direita #guia_informativo #informativo { padding: 0px 15px 0px 0px; }
#conteudo #direita #guia_informativo #informativo a {
	width: 196px;
	height: 63px;
	background: url(../imgs/informativo_online.jpg) no-repeat;
	float: right;
}

/*****************************
	CONTEUDO > DIREITA > PARCEIROS
*****************************/
#conteudo #direita #parceiros {
	border-top: 1px solid #AFB4C5;
	padding-top: 3px;
}

#conteudo #direita #parceiros h3 {
	font: bold 10px Arial, Sans-serif;
	color: #717992;
	text-transform: uppercase;
}

#conteudo #direita #parceiros ul li {
	padding: 5px 6px;
	display: inline;
}

#conteudo #direita #parceiros ul li a img{
	border: none;
}

/*****************************
	PAGINAS 
****************************/
#paginas #conteudo p {
	font-family: Verdana, Arial, Sans-serif; 
	color: #333333;
/*	text-align: justify;*/
	padding: 5px 10px;
	font-size: 12px; 
}
#paginas #conteudo td {
	font-family: Verdana, Arial, Sans-serif; 
	color: #333333;
/*	text-align: justify;*/
	padding: 5px 10px;
	font-size: 12px; 
}

#paginas #conteudo a {
	font-family: Verdana, Arial, Sans-serif;
	color: #000000;
}

#paginas #conteudo .subtitulo {
	font-family: Verdana, Arial, Sans-serif;
	color: #333333;
	text-transform: uppercase;
}
*/
/*****************************
	NOTICIAS 
*****************************/

#noticias #conteudo p {
	font: 12px Verdana, Arial, Sans-serif;
	color: #333333;
	text-align: justify;
	padding: 5px 10px;
}

#noticias #direita ul {
	padding: 10px 15px;
}

#noticias #direita ul li {
	padding: 3px 0px;
	list-style: circle;
}

#noticias #direita ul li a {
	font: 12px Verdana, Arial, Sans-serif;
	color: #000000;
}

#noticias #direita ul li a span {
	font: 10px Verdana, Arial, Sans-serif;
	font-style: italic;
	color: #000000;
}

#noticias #direita a {
	font: bold 12px Verdana, Arial, Sans-serif;
	color: #000000;
}

#noticias #direita h3 {
	font: bold 16px Arial, Verdana, Sans-serif;
	text-transform: uppercase;
	padding: 20px 0px 0px 10px;
	color: #393395;
}

#noticias #direita h4 {
	font: bold 12px Arial, Verdana, Sans-serif;
	padding: 5px 0px 10px 10px;
	color: #000000;
}

#noticias #direita {
	font: 12px Verdana, Arial, Sans-serif;
	color: #666666;
}

#noticias #direita #pagina {
	padding: 10px 0px 0px 20px;
}

#noticias #direita #mais_recentes h5 {
	font: bold 12px Arial, Verdana, Sans-serif;
	padding: 25px 0px 0px 10px;
	color: #000000;
}

/*****************************
	JORNAL
*****************************/
#jornal #direita #jornais {
	padding: 10px 0px 0px 30px;
}

#jornal #direita #jornais div.jornal { 
	width: 230px;
	height: 280px;
	padding: 15px 10px;
	text-align: center; 
	float: left;
}

#jornal #direita #jornais div.jornal a:hover { text-decoration: none; }

#jornal #direita #jornais div.jornal a span {
	font: 12px Arial, Verdana, Sans-serif;
	color: #000000;
	text-align: center; 
	display: block;
}

#jornal #direita #jornais div.jornal a img {
	border: none;
}

/*****************************
	DOCUMENTOS
*****************************/
#documentos #direita h3 {
	font: bold 14px Arial, Verdana, Sans-serif;
	color: #000000;
	text-transform: uppercase;
	padding: 10px 0px 0px 0px;
}

#documentos #direita #pagina div {
	padding: 10px 0px 0px 20px;
}


/*****************************
	DOCUMENTOS
*****************************/
#legislacao #direita h3 {
	font: bold 14px Arial, Verdana, Sans-serif;
	color: #000000;
	text-transform: uppercase;
	padding: 10px 0px 0px 10px;
}

#legislacao #direita #pagina dl {
	padding: 10px 0px 0px 20px;
}

#legislacao #direita #pagina dl dt a {
	font: bold 12px Arial, Verdana, Sans-serif;
	color: #000000;
}

#legislacao #direita #pagina dl dd {
	font: 12px Arial, Verdana, Sans-serif;
	color: #666666;
	padding: 0px 0px 20px 0px;
}



/*****************************
	CONTATO
*****************************/
#contato #direita form {
	padding: 10px 0px 0px 60px;
}

#contato #direita form div {
	padding: 3px 0px;
}

#contato #direita form div label { 
	font: 12px Verdana, Arial, Sans-serif;
	padding: 3px 0px;
	display: block;
}

#contato #direita form div input,
#contato #direita form div textarea {
	border: 1px solid #949DC4;
}

#contato #direita form div input {
	width: 330px;
	padding: 3px 10px;
}

#contato #direita form div textarea {
	width: 350px;
	height: 100px;
}

#contato #direita form div input.submit {
	width: 150px;
	padding: 3px 0px;
	text-align: center;
	background: #f1f1f1;
}

#contato #direita #contato_informacoes {
	width: 540px;
	padding: 20px 0px;
}

#contato #direita #contato_informacoes div {
	width: 265px;
	height: 110px;
	padding: 10px 0px;
	border: 1px solid #949DC4;
}

#contato #direita #contato_informacoes div h4,
#contato #direita #contato_informacoes div p {
	font: 11px Verdana, Arial, Sans-serif;
	color: #333333;
	padding: 3px 0px;
	text-align: center;
}
#contato #direita #contato_informacoes div h4 { font-weight: bold; font-size: 12px; }

/*****************************
	RODAPE
*****************************/
#rodape { 
	width: 778px;
	height: 29px;
	background: url(../imgs/rodape_bg.jpg) repeat-x;
	clear: both;
}

#rodape div { 
	width: 445px;
	height: 29px;
	padding: 0px 0px 0px 198px;
	background: url(../imgs/rodape_bg2.jpg) no-repeat;
	float: left;
}

#rodape div p {
	font: bold 10px Arial, Sans-serif;
	color: #666666;
	padding: 3px 0px 0px 0px;
	line-height: 10px;
	text-align: center;
}

#rodape span {
	float: right;
}

#rodape span a {
	height: 21px;
	font: bold 10px Arial, Sans-serif;
	color: #666666;
	padding: 8px 30px 0px 0px;
	background: url(../imgs/logo_nauta.gif) no-repeat 92px center;
	float: left;
}
#rodape span a:hover { text-decoration: underline; }

/*****************************
	COMUNICADO
*****************************/
#comunicado {
	left: -600px;
	width: 550px;
	border: 1px solid #38357C;
	position: absolute;
	background: #FFFFFF;
	z-index: 1000;
}

#comunicado #comunicado_barra {
	height: 25px;
	padding: 5px 0px 0px 20px;
	background: #05138E url(../imgs/comunicado_barra_bg.jpg) repeat-x;
}

#comunicado #comunicado_barra h2 {
	font: bold 13px Verdana, Arial, Sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
}

#comunicado #comunicado_barra a {
	width: 17px;
	height: 17px;
	margin: 0px 10px 0px 0px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(../imgs/comunicado_close.jpg) no-repeat;
	float: right;
}

#comunicado h3 {
	font: bold 13px Verdana, Arial, Sans-serif;
	color: #333333;
	padding: 15px 0px 0px 20px;
	text-transform: uppercase;
}

#comunicado #comunicado_mensagem {
	padding: 10px 20px;
}

#comunicado p {
	font: 12px Verdana, Arial, Sans-serif;
	color: #333333;
	padding: 5px 0px;
	text-align: justify;
}

#comunicado hr {
	color: #999999;
	margin: 5px 0px;
}

/*****************************
	HORARIO_ITINERARIO
*****************************/
#horario_itinerario p {
	font: 12px Arial, Verdana, Sans-serif;
	color: #000000;
	padding: 10px 20px;
}


#horario_itinerario form {
	padding: 0px 0px 0px 20px;
}

#horario_itinerario form h3 {
	font: bold 14px Arial, Verdana, Sans-serif;
	color: #000000;
	padding: 20px 0px;
}

#horario_itinerario form p {
	font: bold 12px Arial, Verdana, Sans-serif;
	color: #000000;
	padding: 3px 0px;
}

#horario_itinerario form select {
	width: 500px;
}

/*****************************
	EMPRESAS_ASSICIADAS
*****************************/
#empresas_associadas #conteudo h4 {
	font: bold 12px Verdana, Arial, Sans-serif;
	color: #291B7A;
	padding: 20px 0px 5px 10px;
}

#empresas_associadas #conteudo h3 {
	font: bold 14px Verdana, Arial, Sans-serif;
	text-transform: uppercase;
	color: #291B7A;
	padding: 20px 0px 5px 10px;
	float: left;
}

#empresas_associadas #conteudo .associado {
	width: 540px;
	height: 70px;
	padding: 15px 0px 0px 20px;
	float: left;
}

#empresas_associadas #conteudo .associado img {
	float: left;
}

#empresas_associadas #conteudo .associado ul {
	padding: 5px 0px 0px 0px;
	float: left;
}

#empresas_associadas #conteudo .associado ul li {
	font: bold 12px Verdana, Arial, Sans-serif;
	color: #291B7A;
	padding: 3px 20px;
	_padding: 0px 20px;
	list-style: none;
}

/*****************************
	MISC.
*****************************/
div.left { float: left; }
div.right { float: right; }
.bold { font-weight: bold !important; }

span.pdf, span.zip,  span.rar, span.jpg, span.gif, span.doc,  span.xls,  span.ppt,  span.pps, span.padrao {
	height: 20px;
	padding: 2px 0px 2px 28px;
	display: block;
}

span.pdf { background: url(../../icones/pdf.gif) no-repeat; }
span.zip { background: url(../../icones/zip.gif) no-repeat; }
span.rar { background: url(../../icones/zip.gif) no-repeat; }
span.jpg { background: url(../../icones/jpg.gif) no-repeat; }
span.gif { background: url(../../icones/jpg.gif) no-repeat; }
span.doc { background: url(../../icones/doc.gif) no-repeat; }
span.xls { background: url(../../icones/xls.gif) no-repeat; }
span.ppt { background: url(../../icones/ppt.gif) no-repeat; }
span.pps { background: url(../../icones/pps.gif) no-repeat; }
span.padrao { background: url(../../icones/txt.gif) no-repeat; }


#direita ul {
	padding: 10px 15px;
}

#direita ul li {
	padding: 3px 0px;
	list-style: circle;
}

#direita ul li a {
	font: 12px Verdana, Arial, Sans-serif;
	color: #000000;
}

#alert {
	width: 540px;
	margin: 30px 0px;
	border: 1px dashed #38357C;
	background: #f1f1f1;
	float: left;
}

#alert p {
	font: bold 12px Verdana, Arial, Sans-serif;
	color: #000000;
	text-align: center;
	padding: 15px 20px;
}

a.btn {
	height: 21px;
	font: bold 11px Arial, Sans-serif;
	color: #2A62CA;
	margin: 4px 5px 3px 5px;
	padding: 3px 0px 0px 0px;
	text-transform: lowercase;
	background: url(../imgs/btn_center.jpg) repeat-x center top;
	position: relative;
	float: left;
}

a.btn span.left {
	padding: 3px 0px 4px 10px;
	*padding: 0px 0px 4px 10px;	
	background: url(../imgs/btn_left.jpg) no-repeat left top;
	position: relative;
}

a.btn span.right {
	padding: 3px 10px 4px 0px;
	background: url(../imgs/btn_right.jpg) no-repeat right top;
}

a:hover {
	text-decoration: underline;
}