/* DEFINIÇÕES GERAIS */

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

strong{font-weight:bold;}

em{font-style:italic;}

html,address{font:normal normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;}

html,body{text-align:center; height:100%;}

body{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../imagens/principal/bg_site.jpg) center center repeat-x fixed;}

html{height:100%;}

img{border:none;}

a{color:#000;}

a:hover{color:#f60;}

a:focus{outline:none;}



/* CLASSES DE USO GERAL*/

.left{float:left}

.right{float:right}

.clear{clear:both;}

.none{display:none}

.block{display:block}

.inline{display:inline}

.indent{text-indent:-100000px}

.absolute{position:absolute}

.relative{position:relative}

.hidden{overflow:hidden;}

.center{text-align:center;}

.tleft{text-align:left;}

.tright{text-align:right;}

.font10{font-size:10px;}

.font11{font-size:11px;}

.font12{font-size:12px;}

.font13{font-size:13px;}

.font14{font-size:14px;}

.font16{font-size:16px;}

.font18{font-size:18px;}

.font20{font-size:20px;}

.mais {margin:5px 0 0 0; font:bold 11px Arial, Helvetica, sans-serif; float:right;}



	

	/* CORES */

	.red{color:red;}

	.black{color:#000;}

	.white{color:#fff;}

	.blue{color:#0A90F1;}

	.blue2{color:#015996;}

	.grey{color:#616161;}

	/* cores principais do site */

	.cor1 {color:#f60;}

	.cor2 {color:#063;}

	.cor3 {color:#666;}



	

/* larguras */

.w5 {width:5%;}

.w10 {width:10%;}

.w15 {width:15%;}

.w20 {width:20%;}

.w25 {width:25%;}

.w30 {width:30%;}

.w35 {width:35%;}

.w40 {width:40%;}

.w45 {width:45%;}

.w50 {width:50%;}

.w55 {width:55%;}

.w60 {width:60%;}

.w65 {width:65%;}

.w70 {width:70%;}

.w75 {width:75%;}

.w80 {width:80%;}

.w85 {width:85%;}

.w90 {width:90%;}

.w95 {width:95%;}

.w100 {width:100%;}



.saudacao {font:bold 10px Arial, Helvetica, sans-serif; float:left; padding:10px; border-bottom:4px solid #939598; margin:7px 0 0 0;}





#flutuante {width:400px; height:320px; top:50%; left:50%; margin:-160px 0 0 -200px; position:absolute; z-index:100;}



/*################################## PRINCIPAL ##############################################*/

/* ESTRUTURA */

div#principal{position:relative; min-height:100%;}

/* {behavior:url(js/iepngfix.htc);}*/ /*png para ie6*/

.ie6 #principal {height:100%;}



/* conteudo */

#conteudo {width:768px; margin:0 auto; background:#fff url(../imagens/principal/bg_cont.gif) center 122px repeat-y; border-left:2px solid #ccc; border-right:2px solid #ccc; min-height:500px; border-bottom:5px solid #ccc;}



/* TOPO */

div#topo{background:#fff url(../imagens/principal/bg_topo.jpg) no-repeat; width:768px; height:130px;}

h1 {background:url(../imagens/principal/logo.gif) no-repeat; width:208px; text-indent:-99999px; float:left; margin:22px 0 0 60px;}

h1 a {display:block; height:65px;}



/* COLUNAS DA INDEX */

div#colEsq{float:left; clear:both; margin:0 0 0 6px;}



/* newsmais */

#newsmais { background:url(../imagens/principal/bg_newsmais.jpg) no-repeat; width:120px; height:201px; margin:20px 5px 0 5px; float:left; clear:both;}

#newsmais p {text-align:left; font:11px Trebuchet Ms, Arial, Heveltica, sans-serif; margin:40px 0 0 5px; padding:0;}

#newsmais form {margin:10px auto; padding:0; width:auto;}

#newsmais form input {font-size:11px; width:auto; height:12px; padding:4px; margin-bottom:3px; border:solid 1px #f60; cursor:pointer;}

/*#newsmais form input.ok {width:40px; height:19px; margin:0 auto; padding:0 0 0 6px; background:url(../imagens/botoes.gif) 0 -266px no-repeat; border:none; font:bold 10px Arial, Helvetica, sans-serif; text-align:left;}*/



div#colDir {float:right; width:145px; text-align:left; padding:0 8px 0 0; background:url(../imagens/principal/bg_calendario.jpg) no-repeat; margin:-55px 0;}

.ie #colDir {background-position:1px 0;}



/* banners */

.fullban {float:right; width:468px; height:60px; margin:22px 5px 0 0; border:1px solid #666;}

.banindique {border:1px solid #000; margin:5px 4px; float:left; clear:both; font-size:0;}

.banhiper {background:#fff; margin:10px 0 0 12px; border:1px solid #666; padding:0; text-align:center; font-size:13px; font-weight:bold; float:left;}

.banners {float:left; width:120px; background:#fff; margin:10px 0 0 12px; border:1px solid #666; font-size:0; display:inline;}



/* proximas turmas */

#proxturmas {margin:10px 0 0 0;}

#proxturmas li {border-bottom:1px solid #ccc; padding:10px 0 10px 20px; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../imagens/principal/seta_lista.gif) 10px 15px no-repeat;}

#proxturmas li a {display:block;}

#proxturmas li a:hover, #proxturmas li a:hover span, #proxturmas li a:hover strong {color:#063;}

#proxturmas li span {text-transform:uppercase; color:#f60; font-size:12px;}

#proxturmas li strong {font-size:12px; color:#f00;}



/* meio */

#meioi {margin:0; padding:10px; text-align:left; float:left; width:458px; font-size:13px;}

#meio {margin:0; padding:15px; text-align:left; float:left; width:448px; font-size:13px;}



/* INDEX > cursos */

#cursosi li {width:459px;margin:10px 0 0 0; padding:0 0 10px 0; border-bottom:1px solid #ccc;}

#cursosi li a {background:url(../imagens/principal/imgs_nossoscursos.jpg) no-repeat; height:127px; display:block;}

#cursosi li a.curso_petgas {background-position:0 0;}

#cursosi li a.curso_segtrabalho {background-position:0 -127px;}

#cursosi li a.curso_meioambiente {background-position:0 -254px;}

#cursosi li a.curso_design {background-position:0 -381px;}

#cursosi li a.curso_msproject {background-position:0 -508px;}

#cursosi li a.curso_promob {background-position:0 -635px;}

#cursosi li a h3 {width:270px; float:left; margin:10px 0 0 170px; font-size:18px; line-height:16px; color:#f60;}

#cursosi li a p {width:270px; float:left;  margin:5px 0 0 170px; font:11px Arial, Helvetica, sans-serif; color:#000; line-height:normal;}

#cursosi li a:hover p {color:#f60;}



/* noticias */

#noticiasi {margin:10px 0 0 0;}

#noticiasi li {border-bottom:1px dashed #666; font:11px Arial, Helvetica, sans-serif;}

#noticiasi li a {padding:5px; display:block;}

#noticiasi li a:hover {color:#f60; background:#f3f3f3;}



/* contatoi | cursos realizados */

#contatoi {width:50%; border-right:1px solid #ccc; margin:10px 0 0 0; float:left; background:url(../imagens/principal/img_msn.jpg) 0 22px no-repeat;}

#contatoi a, #cursosrealizados a {display:block;}

#contatoi h3, #cursosrealizados h3 {font-size:18px; font-weight:bold; color:#f60;}

#contatoi p, #cursosrealizados p {font:11px Arial, Helvetica, sans-serif; line-height:normal;}

#cursosrealizados {width:218px; margin:10px 0 0 0; float:right; background:url(../imagens/principal/img_cursosrealizados.jpg) 5px 22px no-repeat; padding:0 0 0 6px;}



/* MENUS */



/* topmenu */

#topcont {float:left; background:#fff url(../imagens/principal/bg_topmenu.gif) repeat-x; margin:0 0 0 6px; width:610px;}

#topmenu {float:left;}

#topmenu li {display:inline; position:relative;}

#topmenu li a {display:block;}

#topmenu li ul {display:none; position:absolute;}

#topmenu li:hover ul, #topmenu li.over ul {display:block; top:55px; margin-left:-60px; border-top:solid 1px #f60;}

.ie #topmenu li:hover ul, .ie #topmenu li.over ul {display:block; top:65px; margin-left:40px; border-top:solid 1px #f60;}

#topmenu li:hover ul li {display:block; height:1%; float:left; clear:both;}

#topmenu li:hover ul li a {background:#fff; color:#f60; display:block; padding:6px 0 6px 10px; border-right:solid 5px #f60; border-left:solid 1px #f60; border-bottom:solid 1px #f60; text-align:left; font:bold 10px Verdana, Geneva, sans-serif;width:150px;}

#topmenu li:hover ul li a:hover {background:#fed0b1; color:#f60;}



.topmn {background:url(../imagens/principal/menu.gif) no-repeat; height:55px; text-indent:-99999px; float:left;}

.mn_instituto {background-position:0 0; width:133px;}

.mn_instituto:hover {background-position:0 -55px;}

.mn_localizacao {background-position:-133px 0; width:98px;}

.mn_localizacao:hover {background-position:-133px -55px;}

.mn_parceiros {background-position:-231px 0; width:82px;}

.mn_parceiros:hover {background-position:-231px -55px;}

.mn_cadastro {background-position:-313px 0; width:81px;}

.mn_cadastro:hover {background-position:-313px -55px;}

.mn_contato {background-position:-394px 0; width:74px;}

.mn_contato:hover {background-position:-394px -55px;}

/* menu */

ul.menu {margin:0; float:left;font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-align:left; width:128px; border-bottom:solid 1px #4c902c;}

ul.menu li {display:block; border-top:solid 1px #4c902c; border-bottom:solid 1px #003319; background:url(../imagens/principal/seta_menu.gif) no-repeat;}

ul.menu li a {display:block; color:#fff; padding:6px 0 6px 20px; background:#063 url(../imagens/principal/seta_menu.gif) 8px 8px no-repeat;}

ul.menu li a:hover {display:block; color:#063; padding:6px 0 6px 20px; margin:0; background:#e5f9a1 url(../imagens/principal/seta_menu2.gif) 8px 8px no-repeat; color:#063; border-left:solid 5px #97b925;}

ul.menu li a.destaca {color:#ff0;}

ul.menu li a.destaca:hover {color:#063;}

/* submenu */

ul.menu li ul {display:none; position:absolute;}

ul.menu li:hover ul {display:block; margin:-26px 0 0 129px; border-top:1px solid #063;}

ul.menu li:hover ul li {border-top:none; border-bottom:1px solid #063; border-right:1px solid #063; border-left:1px solid #063;}

ul.menu li:hover ul li a {background:#e5f9a1; font:bold 10px Verdana, Geneva, sans-serif; color:#063; display:block; color:#063; padding:6px 15px 6px 15px; margin:0; border-right:solid 5px #97b925;}

ul.menu li:hover ul li a:hover {background:#97b925; color:#e5f9a1; border-right:solid 5px #063; padding:6px 10px;}

/* Fix IE. Hide from IE Mac \

* html ul li { float: left; }

* html ul li a { height: 1%; }*/

/* End */



/* botoes */

.botoes {background:url(../imagens/principal/botoes.gif) no-repeat; width:85px; height:19px; text-indent:-99999px; display:block; border:none; cursor:pointer;}

.bt_saibamais {background-position:0 -228px; width:90px; float:right; margin:10px 10px 0 0;}

a:hover span.bt_saibamais {background-position:0 -247px;}

.bt_ir {background-position:0 -304px; width:29px; height:19px; float:right; margin:10px 5px 5px 0;}

.bt_ir:hover {background-position:0 -323px;}

.bt_mapa {background-position:0 -342px; width:80px; height:81px; float:right; margin:0 0 0 2px; border:3px solid #f60;}

.bt_inscricao {background-position:center -424px; width:120px; height:41px; margin:10px auto; padding:5px; border:1px dashed #f60;}

.bt_inscricao:hover {border:2px solid #f60;}

.bt_indicar {background-position:0 -76px;}

.bt_indicar:hover {background-position:0 -95px;}

.bt_imprimir {background-position:0 -152px;}

.bt_imprimir:hover {background-position:0 -171px;}

.bt_comentar {background-position:0 -114px;}

.bt_comentar:hover {background-position:0 -133px;}

.bt_subir {background-position:0 -190px;}

.bt_subir:hover {background-position:0 -209px;}

.bt_enviar {background-position:0 -475px; width:90px; margin:0 0 0 120px;}

.bt_enviar:hover {background-position:0 -494px; margin:0 0 0 120px;}

.bt_fechar {background-position:0 -38px; width:80px;}

.bt_fechar:hover {background-position:0 -57px; width:80px;}

#newsmais input.bt_ok {background-position:0 -266px; width:40px; border:none; height:19px; margin:0 auto;}

#newsmais input.bt_ok:hover {background-position:0 -285px;}



/* INTERNAS */



p {margin:10px 0 0 0; line-height:1.4em;}

h2, h3, h4 {margin:10px 0 0 0;}



/* o instituto */

#oinstituto h3.nome {margin:15px 0 0 0; font-size:18px; font-weight:bold; padding:1px 10px; background:#f3f3f3; color:#063}

.descricao {font-size:11px; margin:5px 0 0 0;}

#oinstituto ul {margin:10px 0 0 0;}

#estrutura li {background: url(../imagens/internas/seta_lista.gif) 0 5px no-repeat; padding:0 0 0 15px;}

.local {padding:5px; border:1px dotted #f60; margin:10px 0 0 0; float:right;}

.mapa {padding:5px; border:1px dotted #f60; margin:10px auto;}

/* parceiros */

#parceiros li {background:none; padding:10px; display:block;}

.parceiros, .logo_unifor {background: url(../imagens/internas/parceiros.gif) no-repeat; display:block; text-indent:-99999px; margin:10px auto 0 auto;}

.parc_unifor, .logo_unifor {background-position:0 -128px; width:113px; height:74px;}

.logo_unifor {margin:10px 0;}

.parc_creapb {background-position:0 0; width:181px; height:40px;}

.parc_crearn {background-position:0 -38px; width:181px; height:40px;}

.parc_sinduscon {background-position:0 -78px; width:128px; height:50px;}

/* cursos */

#cursos h4 {background:url(../imagens/internas/titulos.jpg) 0 -856px no-repeat; width:280px; height:27px; padding:3px 0 0 28px; margin:20px 0 0 0; display:block; font-size:16px; color:#063;}

#cursos p {padding:0 10px;}

#cursos img {float:right; margin:0 0 1px 10px;}

#cursos ul {margin:10px 0 0 26px;}

#cursos li {list-style-type:square;}

#cursos address {text-align:left; font-size:13px; font-weight:normal; border:none; background:none; margin:10px 0 0 0; line-height:1.4em;}

#cursos address strong { text-transform:uppercase;}

#obscurso {border:1px dashed /*#f60*/#666; background:/*#fed0b1*/#eee; padding:5px; text-align:left; font-size:12px; margin:20px 0;}

#obscurso h2 {font-size:14px; font-weight:bold; color:#f60; margin:0 auto; text-align:center;}

#obscurso li {text-align:left; font-size:11px;}

#cursos #cursos_lista {margin:20px 0 0 0;}

#cursos_lista li {list-style:none; margin:0 0 5px 0; font-size:14px; font-weight:bold; text-align:left;}

#cursos_lista li a {display:block; background:url(../imagens/internas/seta_lista.gif) 8px 8px no-repeat; padding:3px 25px; border:1px solid #fff;}

#cursos_lista li a:hover {background:#f4fadf url(../imagens/internas/seta_lista.gif) 8px 8px no-repeat; border:solid 1px #063; color:#063;}

/* links */

#links h3 {margin:15px 0 0 0; font-size:18px; font-weight:bold; padding:1px 10px; background:#f3f3f3; color:#063}

#links ul {padding:0; text-align:left; margin:10px 30px;}

#links li {padding:0; margin:5px 0; font-size:11px; list-style-image:url(../imagens/principal/seta_lista.gif);}

#links a {color:#000;}

#links a:hover {color:#f60;}

/* artigos - profissao - eventos */

#artigos {font-size:13px;}

#artigos ul, #profissao ul, #eventos ul {margin:20px 0 0 0;}

#artigos li a, #profissao li a, #eventos li a {font:11px Trebuchet Ms, Verdana, Arial, Heveltica, sans-serif; background:url(../imagens/principal/seta_lista.gif) 8px 8px no-repeat; margin:0; color:#000; display:block; padding:5px 0 5px 20px;}

#artigos li a:hover, #profissao li a:hover, #eventos li a:hover {font-weight:bold; background:#f4fadf url(../imagens/principal/seta_lista.gif) 8px 8px no-repeat; border:solid 1px #063; margin:0; color:#000;}

.borda {width:120px; height:120px; background:url(../imagens/internas/borda_artigos.gif) no-repeat; position:absolute; z-index:1;}

div.imgartigo {float:left; margin:10px 10px 0 0; width:120px; height:120px;}

.imgartigo img {width:120px; height:120px;}

#fonte {margin:10px 0 0 0; padding:10px 0; border-top:1px solid #ccc;}

#fonte .autor {font-size:11px; text-align:right; float:left; width:350px; margin:0;}

#fonte img {border:1px dotted #666; padding:5px; margin:0 0 0 5px; background:#fff; width:80px; height:80px; float:right;}

.opcoes {display:block;background:url(../imagens/internas/bg_opcoes.gif) no-repeat; width:360px; height:18px; margin:5px 0 0 0; padding:6px 45px;}

.opcoes li {display:inline; float:left; margin:0 5px 0 0;}

.opcoes li a {display:block;}

#comentarios li {font-size:11px; border-bottom:1px dashed #ccc; padding:10px 15px; margin:0;}



#noticias h3 {margin:0;}

.data {font-size:10px; margin:20px 0 0 0; display:block;}

/* profissao em foco*/


#profissao img {width:190px; height:76px;}

.imgprofissao {float:right;}

.bordaprofissao {width:190px; height:76px; float:right; background: url(../imagens/internas/borda_profissao.gif) no-repeat; position:absolute; z-index:1; }

#contprofissao ul {margin:10px 0 0 26px;}

#contprofissao li {list-style-type:square;}

#profissao h4 {background:url(../imagens/internas/titulos.jpg) -178px -779px no-repeat; width:223px; height:27px; padding:3px 0 0 28px; margin:20px 0 0 0; display:block; font-size:16px; color:#063;}

/* galeria eventos */

#galeria_fotos {margin:20px 0 0 0;}

#galeria_fotos a {float:left; display:block; padding:3px; margin:5px 5px; border:1px solid #f60; font-size:0;}

#galeria_fotos a img {border:none;}

#galeria_fotos a:hover {border:4px solid #f60; padding:0;}

/* indicar - comentar */

#indicar, #comentar, #indicarsite {width:410px; margin-left:-206px; height:405px; left:48%; bottom:230px; z-index:10; display:none; position:absolute; border:2px solid #f60; background:#fff; padding:20px;}

#comentar {height:280px;}

/*#indicarsite {width:410px; margin:-206px 0 0 -202px; height:405px; left:50%; top:50%; z-index:10; display:none; position:absolute; border:2px solid #f60; background:#fff; padding:20px;}*/





/* tabelas */

table {border-collapse:collapse; border:1px solid #ffcase;}

.trcor1 {background:url(../imagens/internas/bg_tr1.gif) repeat-x top;}

.trcor2 {background:#fff8e8 url(../imagens/internas/bg_tr2.gif) 0 0 repeat-x;}

tr {background:#fff; border-left:1px solid #ddd;}

.tittab {background:url(../imagens/internas/bg_tittab.gif) repeat-x top;color:#fff; font:18px Arial, Helvetica, sans-serif; font-weight:bold; /*padding:5px 7px;*/ height:47px;}

.tittd {background:url(../imagens/internas/bg_tittd.gif) repeat-x top; height:47px; font-weight: bold;}

.tittd td {color:#fff;}

td {font-size:12px; line-height: 1.4em; font-family: Arial, Helvetica, sans-serif; color:#777777; padding: 10px 7px; border-top: 1px solid #ffca5e; border-right:1px solid #ddd; text-align: left;}



/* contato */

#contato address {border:none; background:none;}



/* TÍTULOS */

.titulos {background:url(../imagens/internas/titulos.jpg) no-repeat; text-indent:-99999px; display:block;}

/* titulos menu*/

.tit_menu {width:130px; height:25px; clear:both; border-bottom:solid 1px #003319; margin:0;}

.tit_posi {background-position:-291px -629px;}

.tit_teci {background-position:-291px -654px;}

.tit_proi {background-position:-291px -679px;}

.tit_infoi {background-position:-291px -704px;}

.tit_comui {background-position:-291px -729px;}

.tit_infi {background-position:-291px -754px;}

.tit_atua {background-position:-291px -779px;}

.tit_conc {background-position:-291px -804px;}

/* titulos index */

.tit_proxturmas {background:url(../imagens/principal/tit_proxturmas.gif) no-repeat; width:131px; height:17px; margin:20px auto;}

.tit_acontece {background-position:0 -550px; width:460px; height:29px;}

.tit_nossoscursos {background-position:0 -749px; width:140px; height:18px; margin:10px 0 0 0;}

.tit_noticias {background-position:0 -827px; width:89px; height:19px; margin:10px 0 0 0;}

.tit_contatoi {background-position:0 -808px; width:87px; height:19px; margin:0 0 86px 0;}

.tit_cursosrealizados {background-position:0 -769px; width:178px; height:18px; margin:0 0 86px 0;}

.tit_fone {background:url(../imagens/principal/tit_fone.gif) no-repeat; width:422px; height:26px; margin:18px 10px 0 0; float:right;}

/* titulos internos */

.tit_int {width:470px; height:50px; margin:0 0 0 -10px;}

.tit_oinstituto {background-position:0 0;}

.tit_localizacao {background-position:0 -50px;}

.tit_parceiros {background-position:0 -100px;}

.tit_contato {background-position:0 -150px;}

.tit_pos {background-position:0 -200px;}

.tit_tec {background-position:0 -250px;}

.tit_pro {background-position:0 -300px;}

.tit_infomais {background-position:0 -350px;}

.tit_empresas {background-position:0 -400px;}

.tit_estagio {background-position:0 -450px;}

.tit_sugestoes {background-position:0 -500px;}

.tit_cadastro {background-position:0 -578px;}

.tit_atu {background-position:0 -886px;}

.tit-concurso {background-position:0 -936px;}

.tit_indartigo {background-position:0 -709px; width:290px; height:40px; margin:0;}

.tit_comentarios {background:url(../imagens/internas/bg_comentarios.gif) no-repeat; height:26px; display:block; color:#666; font:bold 14px Arial, Helvetica, sans-serif; padding:10px 0 0 15px;}

.subtitulo {color:#f60; border-bottom:1px dotted #ccc; border-left:3px solid #ccc; padding:5px 10px; font-size:14px; font-weight:bold; margin:0;}

/* cursos */

.titcursos {background:#666; color:#fff; font-size:18px; font-weight:bold; text-align:center; margin:1px 0 0 0; padding:3px 0;}

.titprofissao {background:#f60; color:#fff; font-size:18px; font-weight:bold; text-align:center; margin:1px 0 0 0; padding:3px 0;}

.tit_indicarsite {background-position:0 -629px; width:290px; height:40px; margin:0;}

.tit_comentar {background-position:0 -669px; width:290px; height:40px; margin:0;}



/* FORMS */

fieldset{margin:0; padding:0; border:none;}

form *{font-family:Arial, Helvetica, sans-serif; font-size:11px;}



/*contato - inscricoes - cadastro - autenticacao */

form {width:450px; margin:20px auto;}

form label {font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; width:120px; display:block; float:left; text-align:right; padding:2px 5px 2px 0;}

form input, select, textarea {font:12px Arial, Helvetica, sans-serif; color:#000; border:solid 1px #f60; cursor:pointer; background-color:#fff; margin-bottom:5px; padding:3px; width:220px;}

.input_menor {width:110px;}

.select_menor {width:80px;}

form .pletra {text-transform:capitalize;}

form .maius {text-transform:uppercase;}

form .minus {text-transform:lowercase;}

form .botoes {margin:0 0 0 120px;}

#formvagas label {width:150px;}

#formvagas .botoes {margin:0 0 0 150px;}

.obsform {font:bold 10px Arial, Helvetica, sans-serif; text-transform:uppercase;}

#form_preinscricao h3 {font-size:15px; font-weight:bold; margin:20px 0 10px 0; text-align:center;}

select option {padding:2px; font-weight:bold; background:#eee;}



/* RODAPE */

div#rodape{width:758px; left:0; margin:0 auto 20px auto; background:#fff url(../imagens/principal/bg_rodape.gif) 0 bottom no-repeat; padding:5px; border-left:2px solid #ccc; border-right:2px solid #ccc;}

address {display:block; margin:5px; padding:5px; background:#97b925; border:solid 1px #063; font:bold 11px Arial, Helvetica, sans-serif; text-align:center;}



/* ASSINATURAS */





/*################################## NAVEGAÇÃO ##############################################*/

/* tamletra */

#tamletra {font:bold 11px Arial, Helvetica, sans-serif; color:#666; float:right; margin:10px 0 0 0;}

#tamletra li {display:inline; float:left; margin:0 3px 0 0;}

#tamletra li span {padding:10px 0; display:block; float:left;}

#tamletra li a {background:url(../imagens/principal/botoes.gif) no-repeat; height:19px; text-indent:-99999px; display:block; border:none; cursor:pointer; float:left;}

#tamletra li a.bt_a1 {background-position:-40px -266px; width:40px;}

#tamletra li a.bt_a1:hover {background-position:-40px -285px;}

#tamletra li a.bt_a2 {background-position:-40px -304px; width:40px;}

#tamletra li a.bt_a2:hover {background-position:-40px -323px;}



/* paginacao */

#paginacao {margin:20px auto; text-align:center;}

.pgoff, .pgoff {font:11px Verdana, Arial, Helvetica; font-size:11px; border:solid 1px #f00; color:#f00; text-decoration:none; padding:5px;}

.pgant, .pgprox {font:bold 11px Verdana, Arial, Helvetica; color:#aaa; text-decoration:none; padding:5px; border:solid 1px #aaa;}

a.pg, a.pg {font:bold 11px Verdana, Arial, Helvetica; color:#060; text-decoration:none; padding:5px; border:solid 1px #060;}

a:hover.pg, a:hover.pg {font:bold 11px Verdana, Arial, Helvetica; border:solid 1px #060; background:#f4fadf; color:#060; text-decoration:none; padding:5px;}



/*** HIGHSLIDE  ***/



.highslide-container div {

	font-family: Verdana, Helvetica;

	font-size: 10pt;

}

.highslide-container table {

	background: none;

}

.highslide {

	outline: none;

	text-decoration: none;

}

.highslide img {

	border: 2px solid silver;

}

.highslide:hover img {

	border-color: gray;

}

.highslide-active-anchor img {

	visibility: hidden;

}

.highslide-gallery .highslide-active-anchor img {

	border-color: black;

	visibility: visible;

	cursor: default;

}

.highslide-image {

	border-width: 2px;

	border-style: solid;

	border-color: white;

	background: gray;

}

.highslide-wrapper, .highslide-outline {

	background: white;

}

.glossy-dark {

	background: #111;

}



.highslide-image-blur {

}

.highslide-number {

	font-weight: bold;

	color: gray;

	font-size: .9em;

}

.highslide-caption {

	display: none;

	font-size: 1em;

	padding: 5px;

	/*background: white;*/

}

.highslide-heading {

	display: none;

	font-weight: bold;

	margin: 0.4em;

}

.highslide-dimming {

	position: absolute;

	background: black;

}

a.highslide-full-expand {

   background: url(../imagens/highslide/fullexpand.gif) no-repeat;

   display: block;

   margin: 0 10px 10px 0;

   width: 34px;

   height: 34px;

}

.highslide-loading {

	display: block;

	color: black;

	font-size: 9px;

	font-weight: bold;

	text-transform: uppercase;

	text-decoration: none;

	padding: 3px;

	border: 1px solid white;

	background-color: white;

	padding-left: 22px;

	background-image: url(../imagens/highslide/loader.white.gif);

	background-repeat: no-repeat;

	background-position: 3px 1px;

}

a.highslide-credits,

a.highslide-credits i {

	padding: 2px;

	color: silver;

	text-decoration: none;

	font-size: 10px;

}

a.highslide-credits:hover,

a.highslide-credits:hover i {

	color: white;

	background-color: gray;

}

.highslide-move, .highslide-move * {

	cursor: move;

}



.highslide-viewport {

	display: none;

	visibility: hidden;

	position: fixed;

	width: 100%;

	height: 100%;

	z-index: 1;

	background: none;

	left: 0;

	top: 0;

}

.highslide-overlay {

	display: none;

}

.hidden-container {

	display: none;

}

/* Example of a semitransparent, offset closebutton */

.closebutton {

	position: relative;

	top: -15px;

	left: 15px;

	width: 30px;

	height: 30px;

	cursor: pointer;

	background: url(../imagens/highslide/close.png);

	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */

}





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

/* Controls for the galleries.											   */

/* Remove these if you are not using a gallery							   */

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

.highslide-controls {

	width: 195px;

	height: 40px;

	background: url(../imagens/highslide/controlbar-white.gif) 0 -90px no-repeat;

	margin: 20px 15px 10px 0;

}

.highslide-controls ul {

	position: relative;

	left: 15px;

	height: 40px;

	list-style: none;

	margin: 0;

	padding: 0;

	background: url(../imagens/highslide/controlbar-white.gif) right -90px no-repeat;



}

.highslide-controls li {

	float: left;

	padding: 5px 0;

	margin:0;

}

.highslide-controls a {

	background-image: url(../imagens/highslide/controlbar-white.gif);

	display: block;

	float: left;

	height: 30px;

	width: 30px;

	outline: none;

}

.highslide-controls a.disabled {

	cursor: default;

}

.highslide-controls a.disabled span {

	cursor: default;

}

.highslide-controls a span {

	/* hide the text for these graphic buttons */

	display: none;

	cursor: pointer;

}





/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */

.highslide-controls .highslide-previous a {

	background-position: 0 0;

}

.highslide-controls .highslide-previous a:hover {

	background-position: 0 -30px;

}

.highslide-controls .highslide-previous a.disabled {

	background-position: 0 -60px !important;

}

.highslide-controls .highslide-play a {

	background-position: -30px 0;

}

.highslide-controls .highslide-play a:hover {

	background-position: -30px -30px;

}

.highslide-controls .highslide-play a.disabled {

	background-position: -30px -60px !important;

}

.highslide-controls .highslide-pause a {

	background-position: -60px 0;

}

.highslide-controls .highslide-pause a:hover {

	background-position: -60px -30px;

}

.highslide-controls .highslide-next a {

	background-position: -90px 0;

}

.highslide-controls .highslide-next a:hover {

	background-position: -90px -30px;

}

.highslide-controls .highslide-next a.disabled {

	background-position: -90px -60px !important;

}

.highslide-controls .highslide-move a {

	background-position: -120px 0;

}

.highslide-controls .highslide-move a:hover {

	background-position: -120px -30px;

}

.highslide-controls .highslide-full-expand a {

	background-position: -150px 0;

}

.highslide-controls .highslide-full-expand a:hover {

	background-position: -150px -30px;

}

.highslide-controls .highslide-full-expand a.disabled {

	background-position: -150px -60px !important;

}

.highslide-controls .highslide-close a {

	background-position: -180px 0;

}

.highslide-controls .highslide-close a:hover {

	background-position: -180px -30px;

}



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

/* Styles for the HTML popups											     */

/* Remove these if you are not using Highslide HTML						     */

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

.highslide-maincontent {

	display: none;

}

.highslide-html {

	background-color: white;

}

.highslide-html-content {

	display: none;

	width: 400px;

	padding: 0 5px 5px 5px;

}

.highslide-header {

	padding-bottom: 5px;

}

.highslide-header ul {

	margin: 0;

	padding: 0;

	text-align: right;

}

.highslide-header ul li {

	display: inline;

	padding-left: 1em;

}

.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {

	display: none;

}

.highslide-header a {

	font-weight: bold;

	color: gray;

	text-transform: uppercase;

	text-decoration: none;

}

.highslide-header a:hover {

	color: black;

}

.highslide-header .highslide-move a {

	cursor: move;

}

.highslide-footer {

	height: 16px;

}

.highslide-footer .highslide-resize {

	display: block;

	float: right;

	margin-top: 5px;

	height: 11px;

	width: 11px;

	background: url(../imagens/highslide/resize.gif) no-repeat;

}

.highslide-footer .highslide-resize span {

	display: none;

}

.highslide-body {

}

.highslide-resize {

	cursor: nw-resize;

}



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

/* Styles for the Individual wrapper class names.							 */

/* See www.highslide.com/ref/hs.wrapperClassName							 */

/* You can safely remove the class name themes you don't use				 */

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



/* hs.wrapperClassName = 'draggable-header' */

.draggable-header .highslide-header {

	height: 18px;

	border-bottom: 1px solid #dddddd;

}

.draggable-header .highslide-heading {

	position: absolute;

	margin: 2px 0.4em;

}



.draggable-header .highslide-header .highslide-move {

	cursor: move;

	display: block;

	height: 16px;

	position: absolute;

	right: 24px;

	top: 0;

	width: 100%;

	z-index: 1;

}

.draggable-header .highslide-header .highslide-move * {

	display: none;

}

.draggable-header .highslide-header .highslide-close {

	position: relative;

	float: right;

	z-index: 2;

	padding: 0;

}

.draggable-header .highslide-header .highslide-close a {

	display: block;

	height: 16px;

	width: 16px;

	background-image: url(../imagens/highslide/closeX.png);

}

.draggable-header .highslide-header .highslide-close a:hover {

	background-position: 0 16px;

}

.draggable-header .highslide-header .highslide-close span {

	display: none;

}

.draggable-header .highslide-maincontent {

	padding-top: 1em;

}



/* hs.wrapperClassName = 'titlebar' */

.titlebar .highslide-header {

	height: 18px;

	border-bottom: 1px solid #dddddd;

}

.titlebar .highslide-heading {

	position: absolute;

	margin: 1px 0.4em;

	color: #666666;

}



.titlebar .highslide-header .highslide-move {

	cursor: move;

	display: block;

	height: 16px;

	position: absolute;

	right: 24px;

	top: 0;

	width: 100%;

	z-index: 1;

}

.titlebar .highslide-header .highslide-move * {

	display: none;

}

.titlebar .highslide-header li {

	position: relative;

	top: 3px;

	z-index: 2;

	padding: 0 0 0 1em;

}

.titlebar .highslide-maincontent {

	padding-top: 1em;

}



/* hs.wrapperClassName = 'no-footer' */

.no-footer .highslide-footer {

	display: none;

}



/* hs.wrapperClassName = 'wide-border' */

.wide-border {

	background: white;

}

.wide-border .highslide-image {

	border-width: 10px;

}

.wide-border .highslide-caption {

	padding: 0 10px 10px 10px;

}



/* hs.wrapperClassName = 'borderless' */

.borderless .highslide-image {

	border: none;

}

.borderless .highslide-caption {

	border-bottom: 1px solid white;

	border-top: 1px solid white;

	background: silver;

}



/* hs.wrapperClassName = 'outer-glow' */

.outer-glow {

	background: #444;

}

.outer-glow .highslide-image {

	border: 5px solid #444444;

}

.outer-glow .highslide-caption {

	border: 5px solid #444444;

	border-top: none;

	padding: 5px;

	background-color: gray;

}



/* hs.wrapperClassName = 'colored-border' */

.colored-border {

	background: white;

}

.colored-border .highslide-image {

	border: 2px solid green;

}

.colored-border .highslide-caption {

	border: 2px solid green;

	border-top: none;

}



/* hs.wrapperClassName = 'dark' */

.dark {

	background: #111;

}

.dark .highslide-image {

	border-color: black black #202020 black;

	background: gray;

}

.dark .highslide-caption {

	color: white;

	background: #111;

}

.dark .highslide-controls,

.dark .highslide-controls ul,

.dark .highslide-controls a {

	background-image: url(../imagens/highslide/controlbar-black-border.gif);

}



/* hs.wrapperClassName = 'floating-caption' */

.floating-caption .highslide-caption {

	position: absolute;

	padding: 1em 0 0 0;

	background: none;

	color: white;

	border: none;

	font-weight: bold;

}



/* hs.wrapperClassName = 'controls-in-heading' */

.controls-in-heading .highslide-heading {

	color: gray;

	font-weight: bold;

	height: 20px;

	overflow: hidden;

	cursor: default;

	padding: 0 0 0 22px;

	margin: 0;

	background: url(../imagens/highslide/icon.gif) no-repeat 0 1px;

}

.controls-in-heading .highslide-controls {

	width: 105px;

	height: 20px;

	position: relative;

	margin: 0;

	top: -23px;

	left: 7px;

	background: none;

}

.controls-in-heading .highslide-controls ul {

	position: static;

	height: 20px;

	background: none;

}

.controls-in-heading .highslide-controls li {

	padding: 0;

}

.controls-in-heading .highslide-controls a {

	background-image: url(../imagens/highslide/controlbar-white-small.gif);

	height: 20px;

	width: 20px;

}



.controls-in-heading .highslide-controls .highslide-move {

	display: none;

}



.controls-in-heading .highslide-controls .highslide-previous a {

	background-position: 0 0;

}

.controls-in-heading .highslide-controls .highslide-previous a:hover {

	background-position: 0 -20px;

}

.controls-in-heading .highslide-controls .highslide-previous a.disabled {

	background-position: 0 -40px !important;

}

.controls-in-heading .highslide-controls .highslide-play a {

	background-position: -20px 0;

}

.controls-in-heading .highslide-controls .highslide-play a:hover {

	background-position: -20px -20px;

}

.controls-in-heading .highslide-controls .highslide-play a.disabled {

	background-position: -20px -40px !important;

}

.controls-in-heading .highslide-controls .highslide-pause a {

	background-position: -40px 0;

}

.controls-in-heading .highslide-controls .highslide-pause a:hover {

	background-position: -40px -20px;

}

.controls-in-heading .highslide-controls .highslide-next a {

	background-position: -60px 0;

}

.controls-in-heading .highslide-controls .highslide-next a:hover {

	background-position: -60px -20px;

}

.controls-in-heading .highslide-controls .highslide-next a.disabled {

	background-position: -60px -40px !important;

}

.controls-in-heading .highslide-controls .highslide-full-expand a {

	background-position: -100px 0;

}

.controls-in-heading .highslide-controls .highslide-full-expand a:hover {

	background-position: -100px -20px;

}

.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {

	background-position: -100px -40px !important;

}

.controls-in-heading .highslide-controls .highslide-close a {

	background-position: -120px 0;

}

.controls-in-heading .highslide-controls .highslide-close a:hover {

	background-position: -120px -20px;

}



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

/* Styles for text based controls.						                     */

/* You can safely remove this if you don't use text based controls			 */

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



.text-controls .highslide-controls {

	width: auto;

	height: auto;

	margin: 0;

	text-align: center;

	background: none;

}

.text-controls ul {

	position: static;

	background: none;

	height: auto;

	left: 0;

}

.text-controls .highslide-move {

	display: none;

}

.text-controls li {

    background-image: url(../imagens/highslide/controlbar-text-buttons.png);

	background-position: right top !important;

	padding: 0;

	margin-left: 15px;

	display: block;

	width: auto;

}

.text-controls a {

    background: url(../imagens/highslide/controlbar-text-buttons.png) no-repeat;

    background-position: left top !important;

    position: relative;

    left: -10px;

	display: block;

	width: auto;

	height: auto;

	text-decoration: none !important;

}

.text-controls a span {

	background: url(../imagens/highslide/controlbar-text-buttons.png) no-repeat;

    margin: 1px 2px 1px 10px;

	display: block;

    min-width: 4em;

    height: 18px;

    line-height: 18px;

	padding: 1px 0 1px 18px;

    color: #333;

	font-family: "Trebuchet MS", Arial, sans-serif;

	font-size: 12px;

	font-weight: bold;

	white-space: nowrap;

}

.text-controls .highslide-next {

	margin-right: 1em;

}

.text-controls .highslide-full-expand a span {

	min-width: 0;

	margin: 1px 0;

	padding: 1px 0 1px 10px;

}

.text-controls .highslide-close a span {

	min-width: 0;

}

.text-controls a:hover span {

	color: black;

}

.text-controls a.disabled span {

	color: #999;

}



.text-controls .highslide-previous span {

	background-position: 0 -40px;

}

.text-controls .highslide-previous a.disabled {

	background-position: left top !important;

}

.text-controls .highslide-previous a.disabled span {

	background-position: 0 -140px;

}

.text-controls .highslide-play span {

	background-position: 0 -60px;

}

.text-controls .highslide-play a.disabled {

	background-position: left top !important;

}

.text-controls .highslide-play a.disabled span {

	background-position: 0 -160px;

}

.text-controls .highslide-pause span {

	background-position: 0 -80px;

}

.text-controls .highslide-next span {

	background-position: 0 -100px;

}

.text-controls .highslide-next a.disabled {

	background-position: left top !important;

}

.text-controls .highslide-next a.disabled span {

	background-position: 0 -200px;

}

.text-controls .highslide-full-expand span {

	background: none;

}

.text-controls .highslide-full-expand a.disabled {

	background-position: left top !important;

}

.text-controls .highslide-close span {

	background-position: 0 -120px;

}





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

/* Styles for the thumbstrip.							                     */

/* See www.highslide.com/ref/hs.addSlideshow    							 */

/* You can safely remove this if you don't use a thumbstrip 				 */

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



.highslide-thumbstrip {

	height: 100%;

}

.highslide-thumbstrip div {

	overflow: hidden;

}

.highslide-thumbstrip table {

	position: relative;

	padding: 0;

	border-collapse: collapse;

}

.highslide-thumbstrip td {

	padding: 1px;

	/*text-align: center;*/

}

.highslide-thumbstrip a {

	outline: none;

}

.highslide-thumbstrip img {

	display: block;

	border: 1px solid gray;

	margin: 0 auto;

}

.highslide-thumbstrip .highslide-active-anchor img {

	visibility: visible;

}

.highslide-thumbstrip .highslide-marker {

	position: absolute;

	width: 0;

	height: 0;

	border-width: 0;

	border-style: solid;

	border-color: transparent; /* change this to actual background color in highslide-ie6.css */

}

.highslide-thumbstrip-horizontal div {

	width: auto;

	/* width: 100% breaks in small strips in IE */

}

.highslide-thumbstrip-horizontal .highslide-scroll-up {

	display: none;

	position: absolute;

	top: 3px;

	left: 3px;

	width: 25px;

	height: 42px;

}

.highslide-thumbstrip-horizontal .highslide-scroll-up div {

	margin-bottom: 10px;

	cursor: pointer;

	background: url(../imagens/highslide/scrollarrows.png) left center no-repeat;

	height: 42px;

}

.highslide-thumbstrip-horizontal .highslide-scroll-down {

	display: none;

	position: absolute;

	top: 3px;

	right: 3px;

	width: 25px;

	height: 42px;

}

.highslide-thumbstrip-horizontal .highslide-scroll-down div {

	margin-bottom: 10px;

	cursor: pointer;

	background: url(../imagens/highslide/scrollarrows.png) center right no-repeat;

	height: 42px;

}

.highslide-thumbstrip-horizontal table {

	margin: 2px 0 10px 0;

}

.highslide-viewport .highslide-thumbstrip-horizontal table {

	margin-left: 10px;

}

.highslide-thumbstrip-horizontal img {

	width: auto;

	height: 40px;

}

.highslide-thumbstrip-horizontal .highslide-marker {

	top: 47px;

	border-left-width: 6px;

	border-right-width: 6px;

	border-bottom: 6px solid gray;

}

.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {

	margin-left: 10px;

}

.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {

	border-bottom-color: white !important;

}

.highslide-thumbstrip-vertical div {

	height: 100%;

}

.highslide-thumbstrip-vertical a {

	display: block;

}

.highslide-thumbstrip-vertical .highslide-scroll-up {

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 25px;

}

.highslide-thumbstrip-vertical .highslide-scroll-up div {

	margin-left: 10px;

	cursor: pointer;

	background: url(../imagens/highslide/scrollarrows.png) top center no-repeat;

	height: 25px;

}

.highslide-thumbstrip-vertical .highslide-scroll-down {

	display: none;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 25px;

}

.highslide-thumbstrip-vertical .highslide-scroll-down div {

	margin-left: 10px;

	cursor: pointer;

	background: url(../imagens/highslide/scrollarrows.png) bottom center no-repeat;

	height: 25px;

}

.highslide-thumbstrip-vertical table {

	margin: 10px 0 0 10px;

}

.highslide-thumbstrip-vertical .highslide-marker {

	left: 0;

	margin-top: 8px;

	border-top-width: 6px;

	border-bottom-width: 6px;

	border-left: 6px solid gray;

}

.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {

	border-left-color: white;

}



.highslide-viewport .highslide-thumbstrip-float {

	overflow: auto;

}

.highslide-thumbstrip-float ul {

	margin: 2px 0;

	padding: 0;

}

.highslide-thumbstrip-float li {

	display: block;

	height: 60px;

	margin: 0 2px;

	list-style: none;

	float: left;

}

.highslide-thumbstrip-float img {

	display: inline;

	border-color: silver;

}

.highslide-thumbstrip-float .highslide-active-anchor img {

	border-color: black;

}

.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {

	display: none;

}

.highslide-thumbstrip-float .highslide-marker {

	display: none;

}

.closebutton {

    /* NOTE! This URL is relative to the HTML page, not the CSS */

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(

		src='../highslide/../imagens/highslide/close.png', sizingMethod='scale');



	background: none;

	cursor: pointer;

}



/* Viewport fixed hack */

.highslide-viewport {

	position: absolute;

    left: expression( ( ( ignoreMe1 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );

	top: expression( ( ignoreMe2 = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' );

	width: expression( ( ( ignoreMe3 = document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) ) + 'px' );

	height: expression( ( ( ignoreMe4 = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) ) + 'px' );

}



/* Thumbstrip PNG fix */

.highslide-scroll-down, .highslide-scroll-up {

	position: relative;

	overflow: hidden;

}

.highslide-scroll-down div, .highslide-scroll-up div {

	/* NOTE! This URL is relative to the HTML page, not the CSS */

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(

		src='/highslide/../imagens/highslide/scrollarrows.png', sizingMethod='scale');

	background: none !important;

	position: absolute;

	cursor: pointer;

	width: 75px;

	height: 75px !important;

}

.highslide-thumbstrip-horizontal .highslide-scroll-down div {

	left: -50px;

	top: -15px;

}

.highslide-thumbstrip-horizontal .highslide-scroll-up div {

	top: -15px;

}

.highslide-thumbstrip-vertical .highslide-scroll-down div {

	top: -50px;

}



/* Thumbstrip marker arrow trasparent background fix */

.highslide-thumbstrip .highslide-marker {

	border-color: white; /* match the background */

}

.dark .highslide-thumbstrip-horizontal .highslide-marker {

	border-color: #111;

}

.highslide-viewport .highslide-marker {

	border-color: #333;

}

.highslide-thumbstrip {

	float: left;

}



/* Positioning fixes for the control bar */

.text-controls .highslide-controls {

	width: 480px;

}

.text-controls a span {

	width: 4em;

}

.text-controls .highslide-full-expand a span {

	width: 0;

}

.text-controls .highslide-close a span {

	width: 0;

}