/* 

desenvolvido por Luiz Paulo Pedrosa

http://visaointerativa.com.br

55(61) 9212 5803 – contato@visaointerativa.com.br

abril de 2006

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



body{ 

	margin: 20px auto; padding:0; 

	text-align:center; 

	font:14px Verdana, Arial, Helvetica, sans-serif;

	line-height: 120%;

	background: #fff url("../i/background.gif") left top repeat-x;

	}

	

/* ESTILOS GERAIS

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

a{color:#777; text-decoration:none;}

a:hover{color:#005A97; text-decoration:none;}



hr{ visibility: hidden; clear:both; margin: 0 0 20px 0;}

.hr {clear:none; display:none;}



h1{

	margin: 0; padding:0;

	text-indent: -50000px; 

	background: url("../i/logo.gif") 60px top no-repeat; 

	width: auto; height:32px; position: relative; top:3px; left: 10px;

	}

h2{ 	

	font-size: 110%; margin: 28px 0 10px 25px; padding:0;

	width: auto; height:auto; border:0px solid #000; color:#C21C22;

	}

h3{ 	

	font-size: 90%; margin: 0 0 6px 30px; padding:0;

	width: 300px; height:auto; border:0px solid #000;

	color:#C21C22;

	}

h3 a{ 	

	color:#005A97; 

	text-decoration:underline;	

	}

h3 a:hover{ 	

	color:#777; 

	text-decoration:none;

	}

	

h6{ 	

	margin: 0 0 6px 30px; padding:0;

	width: 300px; height:auto; border:0px solid #000;

	color:#777;

	}

html>body h6{ 	

	font-size:80%;

	}

p{ 

	font-size: 80%; line-height: 18px; text-indent: 15px; border: 0px solid #000;

	width: 280px; margin:6px 0 0px 30px; padding:0 8px 0 0;

	}

form{ width:200px; height:auto; margin:0; padding:8px;}



fieldset{ width:200px; height:auto; margin:0 0 0 20px; padding:8px;}	

legend{ margin:0; padding:8px; font-size:90%;}	

fieldset p{ 

	font-size: 80%; line-height: 18px; text-indent: 0px; border: 0px solid #000;

	width: 280px; margin:6px 0 0 0; padding:0;

	}

fieldset textarea{ width:180px;}



fieldset textarea.termos{ width:450px; margin:0; padding:8px; border:1px solid #000; }



.btn{ border:1px solid #000; border-left:1px solid #ccc; border-top:1px solid #ccc; background-color:#fff}



.widthauto{ width:auto; margin: 0 15px 8px 30px;}

 	

.ilustra{ float:right; position: relative; right: 6px; top:-19px;}

html>body .ilustra{ float:right; position: relative; right: 6px; top:-17px;}



.anchor{ position:relative; left:15px;}

/* DIV CENTRALIZA TUDO

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

#central{

	position: relative;

	padding:0; margin: 0 auto;

	width:640px; height: auto;

	text-align: left;

	border:0px solid #000; clear:both;

	background: url("../i/back_central2.gif") 48px 53px no-repeat;

	}	



/* NAVEGAÇÃO 1

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

#nav1{

	width:30px; height: 379px;

	margin:0 0 0 7px;

	border:0px solid yellow;

	position: absolute; left: 14px; top:57px;

	background:url("../i/background_nav1.jpg") -1px top no-repeat;

	z-index: 1

	}

html>body #nav1{

	position: absolute; left: 14px; top:56px;

	}

#nav1 ul{

	width: 32px; height: 150px;

	margin:0; padding:0;

	list-style:none; border:0px solid #000;

	position: relative;

	}

#nav1 li{ 

	text-indent:-50000px;

	border:0px solid yellow;

	margin: 0; padding:0;

	}

#nav1 li.ag{ 

	background: url("../i/bt_agencia.jpg") left top no-repeat;

	width:32px; height:101px; position: relative; left: -1px; top:-4px;

	}

#nav1 li.ag a{ 

	background: url("../i/bt_agencia.jpg") left top no-repeat;

	width:32px; height:101px; position: absolute; left: 0px; top:0px;

	}

#nav1 li.ag a:hover{ 

	background: url("../i/bt_agencia_over.jpg") left top no-repeat;

	width:32px; height:101px; position: absolute; left: 0px; top:1px;

	}

#nav1 li.com{ 

	background: url("../i/bt_comunicacao.jpg") left top no-repeat;

	width:32px; height:103px; position: relative; left: -1px; top:-5px;

	}

#nav1 li.com a{ 

	background: url("../i/bt_comunicacao.jpg") left top no-repeat;

	width:32px; height:103px; position: absolute; left: 0px; top:0px;

	}

#nav1 li.com a:hover{ 

	background: url("../i/bt_comunicacao_over.jpg") left top no-repeat;

	width:32px; height:103px; position: absolute; left: 0px; top:1px;

	}

	

#nav1 li.te{ 

	background: url("../i/bt_tecnologia.jpg") left top no-repeat;

	width:32px; height:90px; position: relative; left: -1px; top:-5px;

	}

#nav1 li.te a{ 

	background: url("../i/bt_tecnologia.jpg") left top no-repeat;

	width:32px; height:90px; position: absolute; left: 0px; top:0px;

	}

#nav1 li.te a:hover{ 

	background: url("../i/bt_tecnologia_over.jpg") left top no-repeat;

	width:32px; height:90px; position: absolute; left: 0px; top:1px;

	}

	

#nav1 li.co{ 

	background: url("../i/bt_contato.jpg") left top no-repeat;

	width:32px; height:94px; position: relative; left: -1px; top:-5px;

	}

#nav1 li.co a{ 

	background: url("../i/bt_contato.jpg") left top no-repeat;

	width:32px; height:94px; position: absolute; left: 0px; top:0px;

	}

#nav1 li.co a:hover{ 

	background: url("../i/bt_contato_over.jpg") left top no-repeat;

	width:32px; height:94px; position: absolute; left: 0px; top:0px;

	}

	

/* NAVEGAÇÃO 2

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

#main ul{ list-style:none; margin:0 20px 10px 20px; padding:0; border:0px solid yellow; width: auto; height: 20px; }



#main ul li{ float:left; margin: 0 8px 0 8px; font-size:90%;}





/* CONTEÚDO

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

#main{

	width: 591px; height:auto;

	margin: 0; padding:0;

	background: transparent url("../i/background_main2.gif") -2px 365px no-repeat ;

	border:0px solid green;

	position: relative; left: 49px; top:3px;

	}

html>body #main{ 

	position: relative; left: 49px; top:20px;

	background: transparent url("../i/background_main2.gif") -2px 360px no-repeat ;

	}

html>body .maincontato{ height:4000px;}



/* Coluna de novidades da home page

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

#main #news{position: absolute; right: 30px; top:58px; width:200px; height:auto; border:1px dotted #777; padding:8px}

html>body #main #news{ top:28px;}

#main #news h1{ 

	font-size:90%; font-weight:bold; color:#005A97; 

	background:transparent; text-indent:0;

	margin:0; padding:0;

	}

#main #news h2{ 
	font-size:80%; 
	font-weight:bold; color:#777; 
	background:transparent; text-indent:0;
	margin:8px 0 2px 0; padding:0; line-height:110%;
	}
#main #news h2 a{ 
	color:#0574c6; 
	text-decoration:none;
	}
#main #news h2 a:hover{ 
	color:#c21c22; 
	text-decoration:underline;
	}

#main #news p{

	margin:0 0 4px 0; padding:0; width:180px;	

	} 

#main #news img{ margin:4px 4px 20px 0;}

#main #news ul{margin:0 0 0 0px;}



/* CONTEÚDO HOME TECNOLOGIA

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

#main #coluna2{float: right; margin:-390px 0 0 0; padding:0; width:250px; height:auto; border:0px solid #eee;}

html>body #main #coluna2{float: right; margin:-390px 12px 0 0; padding:0; width:250px; height:auto; border:0px solid #000;}



#coluna2 h6{ 	

	margin: 0 0 6px 0px; padding:0;

	width: auto; height:auto; border:px solid #777;

	color:#777;

	}

#coluna2 p{ 

	font-size: 80%; line-height: 18px; text-indent: 15px; border: 0px solid #000;

	width: auto; margin:6px 0 0px 0px; padding:0 8px 0 0;

	}

#coluna2 ul{margin: 0; padding:0; height:auto; position:relative;}



#coluna2 li{ margin: 0; padding:0; float:none; list-style:none;}



/*tabela de planos*/

#tableplanos{

	width:370px; border:0px solid #777;

	margin: 0 4px 8px 6px; padding:0px;

	text-align:center;

	font-size:80%;

	}



#tableplanos th{

	width:auto; border-right:1px solid #777;border-bottom:1px solid #777;

	margin: 0 4px 8px 30px; padding:2px;

	text-align:center;

	}

#tableplanos th.left{

	width:auto; border-right:1px solid #777;border-bottom:1px solid #777;

	margin: 0 4px 8px 30px; padding:2px;

	text-align:left;

	}

#tableplanos td{

	width:auto; border-right:1px solid #777;border-bottom:1px solid #777;

	margin: 0 4px 8px 30px; padding:2px;

	text-align:center;

	}

#tableplanos caption{ 

	width:auto; border:0px solid #777;

	margin: 0 10px 8px 13px; padding:0px;

	text-align:center;

	font-size:90%;

	border-bottom:1px solid #000;

	}

	

/* LISTAS CONTEÚDO

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

#main ol{ list-style:none; margin:0 20px 10px 40px; padding:0; border:0px solid yellow; width: auto; height:auto; }

#main ol li{ margin: 0 8px 0 8px; font-size:80%; float:none; }



#main ol.bulets{ list-style:disc; margin:10px 20px 0px 40px; padding:0; border:0px solid yellow; width: auto; height:auto; }

#main ol.bulets li{ margin: 10px 8px 0 8px; font-size:80%; float:none; font-weight:bold; }



/* CONTEÚDO NAVEGAÇÃO PORTIFOLIO

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

#main #thunbs{position: absolute; right: 20px; top:80px; width:200px; height:auto; border:0px solid #000;}

#main #thunbs ul{margin: 0; padding:0; height:auto; position:relative;}



#main #thunbs li{ margin: 0 20px 15px 0; padding:0; text-indent:-5000px; float:left; list-style:none;}



#main #portfolio{position: absolute; right: 30px; top:80px; width:200px; height:auto; border:0px solid #000;}

#main #portfolio img{ margin:4px 4px 20px 0;}

#main #portfolio ul{margin:0 0 0 -18px;}

.navpecas { font-size:80%; margin:auto 8px auto 0;}

.navpecas a:hover{ text-decoration:none;}

.imgportgrande{ margin:10px 35px;}



/* PORTIFOLIO IDENTIDADE VISUAL

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

/*PONTUAL*/

#main #thunbs li.pontual{ 

	background: url("../i/portfolio/ico_pontual.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.pontual a{ 

	background: url("../i/portfolio/ico_pontual.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.pontual a:hover{ 

	background: url("../i/portfolio/ico_pontual_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

	

/* ROTA MINEIRA */

#main #thunbs li.rota{ 

	background: url("../i/portfolio/ico_rota.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.rota a{ 

	background: url("../i/portfolio/ico_rota.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.rota a:hover{ 

	background: url("../i/portfolio/ico_rota_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}



/* COOPERBRINQ */

#main #thunbs li.cooper{ 

	background: url("../i/portfolio/ico_cooperbrinq.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.cooper a{ 

	background: url("../i/portfolio/ico_cooperbrinq.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.cooper a:hover{ 

	background: url("../i/portfolio/ico_cooperbrinq_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}



/* PORTIFOLIO IMPRESSOS

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

/*UNB - BANNER CRB1*/

#main #thunbs li.crb-banner{ 

	background: url("../i/portfolio/ico_banner_crb1.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.crb-banner a{ 

	background: url("../i/portfolio/ico_banner_crb1.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.crb-banner a:hover{ 

	background: url("../i/portfolio/ico_banner_crb1_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

/*UNB - NPJ*/

#main #thunbs li.unb{ 

	background: url("../i/portfolio/ico_unb_npj.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.unb a{ 

	background: url("../i/portfolio/ico_unb_npj.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.unb a:hover{ 

	background: url("../i/portfolio/ico_unb_npj_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}



/*ARROGANCE*/

#main #thunbs li.arrogance{ 

	background: url("../i/portfolio/ico_arrogance.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.arrogance a{ 

	background: url("../i/portfolio/ico_arrogance.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.arrogance a:hover{ 

	background: url("../i/portfolio/ico_arrogance_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}



/*PORTO VITTORIA IMPRESSO*/

#main #thunbs li.portovittoria{ 

	background: url("../i/portfolio/ico_portovittoria.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.portovittoria a{ 

	background: url("../i/portfolio/ico_portovittoria.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.portovittoria a:hover{ 

	background: url("../i/portfolio/ico_portovittoria_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}



/* MANU*/

#main #thunbs li.manu{ 

	background: url("../i/portfolio/ico_manu.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.manu a{ 

	background: url("../i/portfolio/ico_manu.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.manu a:hover{ 

	background: url("../i/portfolio/ico_manu_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}



/* BACEN */

#main #thunbs li.bacen{ 

	background: url("../i/portfolio/ico_bacen_cartilha1.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.bacen a{ 

	background: url("../i/portfolio/ico_bacen_cartilha1.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.bacen a:hover{ 

	background: url("../i/portfolio/ico_bacen_cartilha1_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

/* BACEN 2 */

#main #thunbs li.bacen2{ 

	background: url("../i/portfolio/ico_folder_museubacen.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.bacen2 a{ 

	background: url("../i/portfolio/ico_folder_museubacen.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.bacen2 a:hover{ 

	background: url("../i/portfolio/ico_folder_museubacen_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

/* BACEN 3 */

#main #thunbs li.bacen3{ 

	background: url("../i/portfolio/ico_bacen_rel_estab.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.bacen3 a{ 

	background: url("../i/portfolio/ico_bacen_rel_estab.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.bacen3 a:hover{ 

	background: url("../i/portfolio/ico_bacen_rel_estab_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

/* BACEN 4 */

#main #thunbs li.bacen4{ 

	background: url("../i/portfolio/ico_bacen_cartazmuseu.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.bacen4 a{ 

	background: url("../i/portfolio/ico_bacen_cartazmuseu.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.bacen4 a:hover{ 

	background: url("../i/portfolio/ico_bacen_cartazmuseu_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

/* CLEUTON */

#main #thunbs li.cleuton{ 

	background: url("../i/portfolio/ico_drcleuton.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.cleuton a{ 

	background: url("../i/portfolio/ico_drcleuton.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.cleuton a:hover{ 

	background: url("../i/portfolio/ico_drcleuton_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

/* MINISTÉRIO DO PLANEJAMENTO */

#main #thunbs li.min-plan{ 

	background: url("../i/portfolio/ico_min_plan.jpg") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.min-plan a{ 

	background: url("../i/portfolio/ico_min_plan.jpg") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.min-plan a:hover{ 

	background: url("../i/portfolio/ico_min_plan_over.jpg") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

/* TJDFT */

#main #thunbs li.tjdft{ 

	background: url("../i/portfolio/ico_tjdft.jpg") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.tjdft a{ 

	background: url("../i/portfolio/ico_tjdft.jpg") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.tjdft a:hover{ 

	background: url("../i/portfolio/ico_tjdft_over.jpg") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

	

/* PORTIFOLIO WEB

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

/*ARCADIA KATZUT*/

#main #thunbs li.katzut{ 

	background: url("../i/portfolio/ico_katzut.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.katzut a{ 

	background: url("../i/portfolio/ico_katzut.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.katzut a:hover{ 

	background: url("../i/portfolio/ico_katzut_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

/*ARCADIA RENOV*/

#main #thunbs li.renov{ 

	background: url("../i/portfolio/ico_renov.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.renov a{ 

	background: url("../i/portfolio/ico_renov.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.renov a:hover{ 

	background: url("../i/portfolio/ico_renov_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

/*ARCADIA FREAKZ*/

#main #thunbs li.freakz{ 

	background: url("../i/portfolio/ico_freakz.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.freakz a{ 

	background: url("../i/portfolio/ico_freakz.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.freakz a:hover{ 

	background: url("../i/portfolio/ico_freakz_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

/*ARCADIA LUIZ XIMENES*/

#main #thunbs li.ximenes{ 

	background: url("../i/portfolio/ico_luiz_ximenes.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.ximenes a{ 

	background: url("../i/portfolio/ico_luiz_ximenes.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.ximenes a:hover{ 

	background: url("../i/portfolio/ico_luiz_ximenes_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

/*PEIXOTO*/

#main #thunbs li.peixoto{ 

	background: url("../i/portfolio/ico_peixoto") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.peixoto a{ 

	background: url("../i/portfolio/ico_peixoto.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.peixoto a:hover{ 

	background: url("../i/portfolio/ico_peixoto_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}



/*FINESTRI*/

#main #thunbs li.finestri{ 

	background: url("../i/portfolio/ico_finestri.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.finestri a{ 

	background: url("../i/portfolio/ico_finestri.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.finestri a:hover{ 

	background: url("../i/portfolio/ico_finestri_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}



/* CATÓLICA */

#main #thunbs li.catolica{ 

	background: url("../i/portfolio/ico_catolica.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.catolica a{ 

	background: url("../i/portfolio/ico_catolica.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.catolica a:hover{ 

	background: url("../i/portfolio/ico_catolica_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}



/* PORTO WEB */

#main #thunbs li.portoweb{ 

	background: url("../i/portfolio/ico_portovittoria_web.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.portoweb a{ 

	background: url("../i/portfolio/ico_portovittoria_web.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.portoweb a:hover{ 

	background: url("../i/portfolio/ico_portovittoria_web_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

/* TELEMIKRO */

#main #thunbs li.telemikro{ 

	background: url("../i/portfolio/ico_telemikro.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.telemikro a{ 

	background: url("../i/portfolio/ico_telemikro.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.telemikro a:hover{ 

	background: url("../i/portfolio/ico_telemikro_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

/* PASTEUR */

#main #thunbs li.pasteur{ 

	background: url("../i/portfolio/ico_pasteur.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.pasteur a{ 

	background: url("../i/portfolio/ico_pasteur.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.pasteur a:hover{ 

	background: url("../i/portfolio/ico_pasteur_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

/* L SOUZA */

#main #thunbs li.lsouza{ 

	background: url("../i/portfolio/ico_lsouza.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.lsouza a{ 

	background: url("../i/portfolio/ico_lsouza.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.lsouza a:hover{ 

	background: url("../i/portfolio/ico_lsouza_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

/* VIENA */

#main #thunbs li.viena{ 

	background: url("../i/portfolio/ico_viena.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.viena a{ 

	background: url("../i/portfolio/ico_viena.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.viena a:hover{ 

	background: url("../i/portfolio/ico_viena_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

	

/* TESOURO */

#main #thunbs li.tesouro{ 

	background: url("../i/portfolio/ico_tesouro.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.tesouro a{ 

	background: url("../i/portfolio/ico_tesouro.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.tesouro a:hover{ 

	background: url("../i/portfolio/ico_tesouro_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

	

/* PGFN */

#main #thunbs li.pgfn{ 

	background: url("../i/portfolio/ico_pgfn.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.pgfn a{ 

	background: url("../i/portfolio/ico_pgfn.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.pgfn a:hover{ 

	background: url("../i/portfolio/ico_pgfn_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

	

/* BACEN */

#main #thunbs li.bacenweb{ 

	background: url("../i/portfolio/ico_bacen_web.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.bacenweb a{ 

	background: url("../i/portfolio/ico_bacen_web.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.bacenweb a:hover{ 

	background: url("../i/portfolio/ico_bacen_web_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

	

/* SERPRO */

#main #thunbs li.serpro{ 

	background: url("../i/portfolio/ico_serpro.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.serpro a{ 

	background: url("../i/portfolio/ico_serpro.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.serpro a:hover{ 

	background: url("../i/portfolio/ico_serpro_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

	

/* PORTIFOLIO MULTIMÍDIA

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



/* AGUAS */

#main #thunbs li.aguas{ 

	background: url("../i/portfolio/ico_aguas.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.aguas a{ 

	background: url("../i/portfolio/ico_aguas.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.aguas a:hover{ 

	background: url("../i/portfolio/ico_aguas_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}



/* SENAI */

#main #thunbs li.senai{ 

	background: url("../i/portfolio/ico_senai.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.senai a{ 

	background: url("../i/portfolio/ico_senai.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.senai a:hover{ 

	background: url("../i/portfolio/ico_senai_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}



/* EQUILIBRIO */

#main #thunbs li.equilibrio{ 

	background: url("../i/portfolio/ico_equilibrio.gif") left top no-repeat; 

	position:relative; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.equilibrio a{ 

	background: url("../i/portfolio/ico_equilibrio.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

#main #thunbs li.equilibrio a:hover{ 

	background: url("../i/portfolio/ico_equilibrio_over.gif") left top  no-repeat; 

	position:absolute; left:0; top:0; width:67px; height:35px;

	}

	

/* CONTEÚDO GRÁFICA

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

#tablegrafica{

	width:370px; border:0px solid #777;

	margin: 0 4px 8px 0px; padding:0px;

	text-align:center;

	font-size:80%;

	}

html>body #tablegrafica{

	margin: 0 4px 8px 80px; padding:0px;

	}

#tablegrafica th{

	width:auto; border-right:1px solid #777;border-bottom:1px solid #777;

	margin: 0 4px 8px 30px; padding:2px;

	text-align:center;

	}

#tablegrafica th.left{

	width:auto; border-right:1px solid #777;border-bottom:1px solid #777;

	margin: 0 4px 8px 30px; padding:2px;

	text-align:left;

	}

#tablegrafica td{

	width:auto; border-right:1px solid #777;border-bottom:1px solid #777;

	margin: 0 4px 8px 30px; padding:2px;

	text-align:left;

	}

caption{ 

	width:370px; border:0px solid #777;

	margin: 0 4px 8px 80px; padding:0px;

	text-align:center;

	font-size:90%;

	border-bottom:1px solid #000;

	}

/* RODAPÉS

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

#base{

	width: 591px; height:30px;

	background: url("../i/back_rodape.jpg") center no-repeat;

	border:0px solid #000; margin:0; position:relative; left: 48px;

	}

	

/* NAVEGAÇÃO AUXILIAR DA BASE */

#base ul{ list-style:none; margin:0; padding:0;}

#base ul li{ float:right; margin:0 6px 0 0; font-size:80%;}

html>body #base ul li{ margin:0 10px 0 0; }



/* RODAPÉ */

#rodape{

	width: 591px; height:30px;

	background: #fff;

	border:0px solid #000; margin:0; position:relative; left: 48px;

	}

#rodape p{ 

	font-size: 80%; line-height: auto; text-indent: 30px;

	width: auto; margin:0; padding:0;

	}