/*css*/
#cont {
	position:absolute;
	left:23px;
	top:153px;
	width:620px;
	height:430px;
	z-index:1;
	overflow:auto;
    display:inline;
	}
#atendimento {
   vertical-align:middle;
    position:absolute;
	left:65px;
	top:82px;
	width:510px;
	height:400px;
	z-index:2;
	overflow:auto;
	font-size: 13px;
	}
#cont1 {
    position:absolute;
	left:65px;
	top:11px;
	width:500px;
	height:370px;
	z-index:2;
	overflow:auto;
	font-size: 13px;
	}
#acesso{
	position:absolute;
	font-family:"Century Gothic",Arial;
	top:230px;
	left:69.3%; /*nao usar margin-left, apenas left senao ie nao aceita*/
	margin-top:4px;
	font-size:15px;
	font-weight:bold;
	color:#cccccc;
    width:20%;
	z-index:1;
}
#tribunais{
	position:absolute;
	font-family:"Century Gothic",Arial;
	top:265px;
	left:71.5%; /*nao usar margin-left, apenas left senao ie nao aceita*/
	margin-top:0px;
	font-size:15px;
	color:#cccccc;
    width:20%;
	z-index:1;
	}
#tribunais a{
    font-size:15px;
	color: #cccccc;
	}
#tribunais a:hover{
	font-size: 15px;
	color: #BFB596;
	} 
#canto{ position: absolute; top:53px;
    left:708px;width:261px;height:41px;display:inline;}
#nomepagina{
	padding:0;
	text-align:center;
	position:relative;
	font-family:"Century Gothic",Arial;
	top:0;
	left:0%; /*nao usar margin-left, apenas left senao ie nao aceita*/
	margin:0;
	font-size:22px;
	color:#ffffff;
	font-weight:normal;
    width:260px;
	height:40px;
	z-index:1;
}
#escritorio{
    position:absolute;
	top:55px;
    left:9%;
    text-align:justify;
	/*margin-left:0.5%;*/
	color:#000000;
	width:480px;
    z-index:1;
   	}
#titulo{
    margin-left:3%;
   	font-size: 16px;
	color: #BFB596;
	width:97%;
    z-index:1;
    left:0;
}
p{/*arrumar as margens no ie e ff*/
margin:7px; 
}
.paragrafo{
    text-align:justify;
	margin-left:1.5%;
	font-size:13px;
	color: #000000;
	width:97%;
    z-index:1;
}
.paragrafo a{
    font-size:13px;
	color: #000000;
	}

#paragrafo{left:15px;
    text-align:justify;
	margin-left:2.2%;
	font-size:13px;
	color: #000000;
	width:97%;
    z-index:1;
	}
#paragrafo a{
    font-size:13px;
	color: #000000;
	}
#paragrafo a:hover{
	font-size:13px;
	color: #BFB596;
	}
img {
	border:0px;
	}
    
body { 
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#000000;
	font: bold 62.5% "Century Gothic";
    
	SCROLLBAR-FACE-COLOR: #f0ede6;/*barra2*/
	SCROLLBAR-HIGHLIGHT-COLOR: #000000;/*barra1*/
	SCROLLBAR-SHADOW-COLOR: #000000; /*barra1*/
	SCROLLBAR-3DLIGHT-COLOR: #f0ede6;
	SCROLLBAR-ARROW-COLOR:  #000000;/*barra1*//*barra2*/
	SCROLLBAR-TRACK-COLOR: #f0ede6;
	SCROLLBAR-DARKSHADOW-COLOR: #f0ede6;
     }
     
#tabelaP {
	position:absolute;
	/*background-image:url(imagens/background.jpg);*/
	width:1000px;
	height:586px;
	}
    
#menu {
	font-size:14px;
	color:#ffffff;
	position:absolute;
	left:10%;
	top:20%;
	width:685px;
	height:32px;
	z-index:3;
	}
.campo {  
	  font-family: "Century Gothic", Arial; 
	  font-size: 10pt; 
	  color:#333333; 
	  background-color: #ffffff; 
	  border:#666666; 
	  border-style: solid; 
	  border-top-width: 1px; 
	  border-right-width: 1px; 
	  border-bottom-width: 1px; 
	  border-left-width: 1px
	  }
	  
 #botoes{
    position:absolute;
    top:272px;
    font-family:"Century Gothic", Arial;
	left:258px;
 }	
 #botoes2{
    position:absolute;
    top:298px;
    font-family:"Century Gothic", Arial;
	left:264px;
 }	
.font1 {/*texto*/
	font-family:"Century Gothic",Arial;
	font-size:14px;
	/*font-weight:normal;*/
	color:#FFFFFF;

	}
	
.font2 {/*acesso facil*/
	font-family:"Century Gothic",Arial;
	font-size: 16px;
	font-weight:bold;
	color: #ffffff;
	}

.font3 {/*index - observação*/
	font-family:"Century Gothic",Arial;
	font-size: 11px;
	font-weight:bold;
	color: #000000;
	}
.font4 {/*atendimento e contato - frase*/
	font-family:"Century Gothic",Arial;
	font-size:13px;
	font-weight:normal;
	color:#000000;

	}
	
.font5 {
	font-family:"Century Gothic",Arial;
	font-size:13px;
	font-weight:bold;
	color:#000000;

	}

.font6 a{
	font-family:"Century Gothic",Arial;
	font-size:14px;
	font-weight:normal;
	color:#000000;
	}
.font6 a:hover {
	font-family:"Century Gothic",Arial;
	font-size: 14px;
	font-style: normal;
	color: #BFB596;
}

.font6 a:link {
	font-family:"Century Gothic",Arial;
	font-size: 14px;
	color: #000000;
}
.font6 {
	font-family:"Century Gothic",Arial;
	font-size:13px;
	font-weight:normal;
	color:#000000;
	}	

font6:hover {
	text-decoration: none;
	color:#BFB596;
	}
							
.link a {
	font-family:"Century Gothic",Arial;
	font-size: 11px;
	color: #000000;
	font-weight:bold;
	text-decoration:underline;

}
.link a:hover {
	text-decoration: none;
	color: #BFB596;
}

a {
	font-family:"Century Gothic",Arial;
	font-size: 14px;
	color:#ffffff;
/*	font-weight:bold;*/
	text-decoration:none;
}

a:hover {
	text-decoration: none;
	color:#BFB596;
}
hr {
	border : dotted;
	color:#ffffff;
	height: 1px;
	width:80%;
	text-align:left;
}
#hr {
	border:solid;
	color:#ffffff;
	height: 1px;
	width:80%;
	text-align:center;
}

#reformas {
	position:absolute;
	left:0px;
	top:258px;
	width:110px;
	height:200px;
	z-index:10;
	}
#contato {
	position:absolute;
	left:4px;
	top:40px;
	width:17px;
	height:14px;
	z-index:6;
}

ul#primary-nav,ul#primary-nav ul {/*cor de fundo do menu horizontal*/
    list-style-type:none;
    position:absolute;
    top:104.3px;
    left:0px; /* se boto % o ie mexe se nao ponho nada ao lado o ie nao mexe e o firefox sim*/
	margin-left:0;
    margin-top:0;
    padding:0; /* usar somente padding para os 2 browsers, pois padding-left right ou top nao rola no ff*/
	/*border-bottom:1px;*/
    background:#000000 url(imagens/barrapreta.jpg); /*kuando usa no-repeat ele nao mostra a imagem so a cor do fundo*/
	font-size:100%;
	width:615px;
	line-height:27px;
    z-index:50;
	}
ul#primary-nav li { /*menu horizontal*/
	/*list-style-image: url(imagens/barrapreta.jpg) no-repeat; */
	position: relative;
    /*list-style: none;*/
	/*list-style-type: circle;*/ 
     float:left;
	 /*padding-right:37px;/*espaço entre os itens do menu vert e horiz*/
	 z-index:50;
      }
ul#primary-nav li a {
	padding-bottom:0;
	list-style-type:none;
    display:block;
    text-decoration: none;
    float:left;
   /*    color: red;   cor das letras do menu */
    padding-top:2px;
    background:transparent;
    z-index:50;
  }

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {/*layer fundo dos sub-menus*/
/*	list-style-image: url(HTML/img/quadradinho.jpg) no-repeat;*/ 
    position: absolute;
    display:none; /*esconde o menu drop down*/
	left: -18%;   /* Set 1px less than menu width */
    top:103%;
	margin:0;
	/*----->/*background: #000000 url(imagens/fundolayer.jpg);/* fundo do layer que contem os submenus - nao pode usar no-repeat senao nao fica a figura*/
	width:100px;
	z-index:50;
	}
ul#primary-nav li ul li a {/* Sub Menu Styles */
 	background: transparent url(imagens/barrapretap.jpg) left center no-repeat;
 /*	padding: 4px 2px 4px 2px;*/
	padding-left:2px;
	width:187px;/*tamanho dos submenus largura*/
	left:0%;
	border-right:2px solid #BFB596;
	border-top:1px solid #BFB596;
	border-bottom:2px solid #BFB596;
	z-index:50;
	} 
 
ul#primary-nav li:hover ul ul ,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul {
	display: block;/* Hide sub-menus initially */
	/*top: 12px;*/
	} 

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */

ul#primary-nav li.menuparent { background: transparent /*url(imagens/barradourada.jpg) */left center no-repeat; }
/*ul#primary-nav li.menuparent { background: transparent /*url(imagens/barradourada.jpg) left center no-repeat; } /*Cor dos que tem o -> */

/*ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color: #f9f9f9; }*/
/*ul#primary-nav li.over { background-color: blue } cor da selecao quando tem submenu */

ul#primary-nav li a:hover { color: #BFB596;  }
/*ul#primary-nav li a:hover { color: blue; background-color: blue} cor da letra dos menus com selecao / cor do fundo */
/*bug de transparencias ie6*/
/*back\ground-color: transparent;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”yourPNG.png”, sizingMethod=”crop”);*/
#action{
position:absolute;
left:91%;
top:565px;
font-family:"Century Gothic";
font-size:11px;
color:#ffffff;
width:80px;
}

#action a{
    font-size: 11px;
	color: #ffffff;
	}
#action a:hover{
	font-size: 11px;
	color: #ffffd3;
	}