/* ---- Estrutura da página ---- */



body {

	background-image: url(../imagens/fundo_paginaG2010.jpg);

	margin: 0;

	padding: 0;

	text-align: center;

}



#container {

	width: 930px;

	margin:0 auto; 

	padding:0;

	text-align: left;

}



#comunica{
	margin: 0;
	padding: 15px 0 0 20px;
	width: 500px;
	height: 325px;
	position: absolute;
	text-align: left;
	z-index: 1000;

}

.comunicate{
	width: 500px;
	height: 325px;
	margin: 0;
	padding: 15px;
	font: normal 20px Arial, Helvetica, sans-serif;
	color: #06c;
	text-align: left;
	background-color: #fff;
	border: solid 10px #06c;

}



#slogan{

	margin: 0;

	padding: 28px 0 0 165px;

	width: 298px;

	height: 85px;

	position: absolute;

	z-index: 900;

}







#energia{

	margin: 0;
	padding: 10px 0 0 20px;
	width: 470px;
	height: auto;
	position: absolute;
	text-align: left;
	z-index: 5000;

}



.avisoenergia{

	width: 800px;

	height: 300px;

	margin: 0;

	padding: 30px;

	font: normal 20px Arial, Helvetica, sans-serif;

	color: #fff;

	text-align: center;

	background-color: #036;

	border: solid 10px #09C;

}





/* ---- Cabeçalho (topo com logomarca, menu e acesso a área restrita) ---- */



#cabecalho {

	height: 385px;

	margin: 0;

	padding:0;

}



#cabecalho_restrito {

	height: 385px;

	margin: 0;

	padding:0;

}



#topo {

	background-image:url(../imagens/topo_genialis2016-2.jpg);

	height: 380px;

}



#topo_natal {

	background-image:url(../imagens/topo_natal2012_5.jpg);

	height: 380px;

}



#v829{

	position: absolute;

	margin: -155px 0 0 730px;

	width: 189px;

	height: 182px;

	* margin-left: -200px; 

}



#partnersap{

	position: absolute;

	margin: 43px 0 0 822px;

	width: 100px;

	height: 59px;

	* margin-left: -120px; 

	* margin-top: 20px;

}



#topo h1 {

	margin: 0;

	padding: 18px 0 0 10px;

}



#banner_na {

	clear: both;

	margin: 0;

	padding: 5px 0 5px 0;

}



img.bna460 {

	float: left;

	margin-right: 10px;

}



/* ---- Conteúdo (Destaques, Opinião e Sistema Genialis) ---- */



#conteudo {

	height: 497px;

	background-image: url(../imagens/fundo_mioloG2010_tudoazul.jpg);

	margin: 0;

	padding: 0;

}



#conteudo2-2 {

	height: 497px;

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

	margin: 0;

	padding: 0;

}



#conteudo2-3 {

	height: 497px;

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

	margin: 0;

	padding: 0;

}

#conteudo2-4 {

	height: 497px;

	background-image: url(../imagens/fundo_mioloG2010_alt4-2.png);

	margin: 0;

	padding: 0;

}



#fundotop {

	width: 926px;

	height: 69px;

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

	margin: 0;

	padding: 0;

}

#fundotop2 {

	width: 926px;
	height: 69px;
	background-image: url(../imagens/fundo_miolo_azul_topo_p837.jpg);
	margin: 0;
	padding: 0;

}



#fundovstop {

	width: 926px;

	height: 69px;

	background-image: url(../imagens/fundo_vs_top.jpg);

	margin: 0;

	padding: 0;

}





#fundotop2 {

	width: 926px;

	height: 69px;

	background-image: url(../imagens/fundo_miolo_azul_topo_p837.jpg);

	margin: 0;

	padding: 0;

}



#conteudo_fundo {

	width: 926px;

	height: auto;

	background-image: url(../imagens/fundo_mioloG2010_unica_azul_div_apostop.gif);

	margin: 0;

	padding: 0;

}



#conteudo_fundo2 {

	width: 926px;

	height: auto;

	background-image: url(../imagens/fundo_mioloG2010_unica_azul_div_apostop.gif);

	margin: 0;

	padding: 0;

}



#conteudo_fundo_sistema {

	width: 926px;

	height: 0 auto;

	background-image: url(../imagens/fundo_mioloG2010_unica_azul_div_apostop.gif);

	display:block;

    clear:both;

    /*visibility:hidden;*/

    overflow:hidden;

}



#fundobaixo {

	width: 926px;

	height: 33px;

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

	margin: 0;

	padding: 0;

	clear:both;

}



#fundobaixo2 {

	width: 926px;

	height: 33px;

	background-image: url(../imagens/fundo_mioloG2010_unica_azul_divbaixo.gif);

	margin: 0;

	padding: 0;

	clear:both;

}



#conteudo_unica {

	height: 497px;

	background-image: url(../imagens/fundo_mioloG2010_unica.jpg);

	margin: 0;

	padding: 0;

}



#destaques {

	float: left;

	height: 427px;

	width: 272px;

	margin: 0;

	padding: 75px 10px 0 25px;

}



#destaques2-3 {

	float: left;

	height: 427px;

	width: 272px;

	margin: 0;

	padding: 45px 10px 0 25px;

}



#opiniao {

	float: left;

	height: 427px;

	width: 265px;

	margin: 0;

	padding: 75px 15px 0 30px;

}

#opiniao2 {

	float: left;

	height: 427px;

	width: 400px;

	margin: 0;

	padding: 75px 25px 0 40px;

}

#sistema2 {

	float: right;
	
	height: 427px;

	width: 390px;

	margin: 0;

	padding: 75px 40px 0 35px;

}



#opiniao2-3 {

	float: left;

	height: 427px;

	width: 265px;

	margin: 0;

	padding: 45px 15px 0 30px;

}



#sistema {

	height: 427px;

	width: 265px;

	float: right;

	margin: 0;

	padding: 75px 20px 0 25px;

}





#sistema2-3 {

	height: 427px;

	width: 265px;

	float: right;

	margin: 0;

	padding: 45px 20px 0 25px;

}



#unica {

	min-height: 427px;

	/*height: 427px;*/

	width: 875px;

	margin: 0 10px 0 10px;

	padding: 15px 10px 0 18px;

	text-align:justify;

	position: relative;

}


.abre-mobile {
	height: 562px;
	width: 875px;
	margin: 0;
	padding: 0;
	position: relative;
	background-image: url(../imagens/fundo_abre_sistema_mobile.jpg);
}

.am-texto1 {
	position: absolute;
	width: 95px;
	height: 95px;
	margin: 340px 0 0 21px;
	padding: 2px 0 10px 0px;
	left: 1px;
}

.am-texto1 p {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	line-height: 1.3em;
}

.am-texto2 {
	position: absolute;
	width: 570px;
	height: 110px;
	margin: 135px 0 0 85px;
	padding: 10px 10px;
}

.am-texto2 p {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: left;
	line-height: 1.3em;
}

.am-texto3 {
	position: absolute;
	width: 275px;
	height: 85px;
	margin: 400px 0 0 535px;
	padding: 7px 10px 10px 10px;
	
}

.am-texto3 p {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: left;
	line-height: 1.3em;
}

.mobile-apre {
	clear: both;
	width: 875px;
	height: 610px;
	margin: 0;
	padding: 0;
	position: relative;
}

.am-texto4 {
	position: absolute;
	width: 320px;
	height: 530px;
	margin: 25px 0 0 0;
	padding: 15px 10px;
	background-color: #9cc;
}

.am-texto4 p {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: justify;
	line-height: 1.3em;
}

.am-texto5 {
	position: absolute;
	width: 500px;
	height: 530px;
	margin: 25px 0 0 350px;
	padding: 15px 10px;
	background-color: #e8e8e8;
	left: 2px;
}

.am-texto5 p {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	line-height: 1.3em;
}


.img1 {

	float:right;

	padding: 0 0 0 20px;

}



.img2 {

	float: left;

	padding: 0 20px 0 0;

}



.a2a_kit{

	margin: 10px 0 0 0;

}



#b1 {

	float: left;

	margin:0;

	padding:0;

}



#b2 {

	float: left;

	margin:0 0 0 10px;

	padding:0;

}



#b3 {

	float: right;

	margin:0;

	padding:0;

}



.falecon {

	width: 285px;

	height: 200px;

	background-image: url(../imagens/box_fale.gif);

}



.falecon img {

	padding: 5px 0 0 5px;

}



#folder {

	height: 50px;

	width: 170px;

	margin: 0 10px 0 0;

	padding: 5px;

	float:right;

}



#logovoccia {

	height: 118px;

	width: 200px;

	margin: 0 20px 0 0;

	float:right;

}



#pagsmenusistema {

	height: auto;

	width: 580px;

	margin:0 15px 0 0;

	padding:10px;

	text-align: justify;

	float: right;

}



#menusistema {

	height: 175px;

	width: 260px;

	margin:10px 0 0 10px;

	padding:5px 10px 0 13px;

	text-align: left;

	float: left;

}



#anuncio {

	height: 450px;

	width: 800px;

	margin: 0 0 0 35px;

	text-align:center;

}



#vs{

	clear: both;

	width: auto;

	height: auto;

	position: relative;

}



#vs2{

	clear: both;

	width: 931px;

	height: 303px;

	position: relative;

	background-image: url(../imagens/fundo_alt3.jpg); 

}



#vs2-2{

	clear: both;

	width: 931px;

	height: 303px;

	position: relative;

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

}



#vs2-3{

	clear: both;

	width: 931px;

	height: 303px;

	position: relative;

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

}



#vs2_b1{

	float: left;

	width: 380px;

	height: 190px;

	position: relative;

	margin: 80px 0 0 30px;

	/*background-color: #09F;*/

}



#vs2_b1_2-3{

	float: left;

	width: 380px;

	height: 190px;

	position: relative;

	margin: 45px 0 0 30px;

	/*background-color: #09F;*/

}



#vs2_b2{

	float: left;

	width: 200px;

	height: 190px;

	position: relative;

	margin: 80px 0 0 48px;

	/*background-color: #09F;*/

}



#vs2_b2_2-3{

	float: left;

	width: 200px;

	height: 190px;

	position: relative;

	margin: 45px 0 0 48px;

	/*background-color: #09F;*/

}



#vs2_b3{

	float: right;

	width: 200px;

	height: 190px;

	position: relative;

	margin: 80px 30px 0 0;

	/*background-color: #09F;*/

}



#vs2_b3_2-3{

	float: right;

	width: 200px;

	height: 190px;

	position: relative;

	margin: 45px 30px 0 0;

	/*background-color: #09F;*/

}



#bop{

	clear: both;

	width: 931px;

	padding: 7px 0 7px 0;

	height: 185px;

	position: relative;

}



.btns_aten{

	width: 175px;

	height: auto;

	margin: 0 0 0 15px;

}



.btna{

	display: block;

	height: 25px;

	padding: 0 0 5px 0;

	margin: 0 0 0 0;

	font: normal 15px Arial, Helvetica, sans-serif;

	color: #006;

	text-decoration: none;

}



.btna:hover{

	color: #c60;

}



.btna img{

	float: left;

}



.btna_te{

	display: block;

	height: 20px;

	width: 135px;

	padding: 3px 0 2px 35px;

	margin: 0 0 0 0;

}



#unicavs {

	min-height: 100px;

	/*height: 427px;*/

	width: 875px;

	margin: 0 10px 0 10px;

	padding: 15px 10px 0 18px;

	text-align:justify;

	position: relative;

}



#boxarqs {

	clear: both;

	width: 885px;

	height: auto;

	margin: 0 auto;

	padding: 10px 0 0 0;

	position: relative;

}



/* -- Table Arquivos -- */



.tab { width: 100%; margin-bottom: 20px; /*border-collapse: collapse;*/ }

.tab th, .tab td { padding: 8px 12px; text-align: left; font-size: 1em; border-bottom: 1px solid #e3e3e3; background: transparent; }

.tab th { color: #fff; border-bottom: 2px solid #e3e3e3; background: #036; font: bold 14px Arial, Helvetica, sans-serif }

.tab th.action { border-right: 0;}

.tab th.checkbox, .tab td.checkbox { padding: 8px 2px;width: 20px; }

.tab td.action, .tab th.action { width: 35px; text-align: right; }

.tab td.action a.ico { float: right; }



.tab tr.odd   { background: #f8f8f8; }

.tab tr:hover { background: #efefef; }



.tab th.dragHandle  { padding: 0; width: 10px; }

.tab td.dragHandle  { padding: 0; width: 10px; cursor: move; background: url(images/dragHandle.png) 2px 2px no-repeat;} 



.tab td {font: normal 12px Arial, Helvetica, sans-serif; }

.tab td a { text-decoration: none; }





/* ---- Rodapé (menu apoio, Copyright, cadastro newsletter, endereço) ---- */



#rodape {

	background-image: url(../imagens/fundo_rodapeG2010.jpg);

	height: 175px;

	min-width: 930px;

	clear:both;	 

}



/* ---- Lista Accordion Página Favoritos -----*/



.pg1{

	float: left;

}



.pg2{

	float: right;

	padding: 0 200px 0 0;

}



#accordion h3{

	clear: both;

}