/* CSS Document */

/* Configurações Gerais */

body {margin:0px;}

h1{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:150%; color:#990000; font-weight:bold; }

h2{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:130%; color:#990000; font-weight:bold; }

h3{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:120%; color:#990000; font-weight:bold; }

h4{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:110%; color:#990000; font-weight:bold; }

h5{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%; color:#990000; font-weight:bold; }

h6{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:90%;  color:#990000; font-weight:bold; }

p {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:80%;  color:#000;    font-weight:100;}

#barra_esq {position:absolute;width:343px;height:465px;	z-index:1;left: 0;top: 0;}

#cabecalho {
	position:absolute;
	width:427px;
	z-index:4;
	left: 344px;
	top: 1px;
	height: 78;

}

#rodape {position:absolute;font-family:Arial, Helvetica, sans-serif;font-size:80%;color:#990000;width:770px;height:38px;

z-index:13; left: 0px;top: 514px;}

#barratit {

	position:absolute;

	width:343px;

	height:75px;

	z-index:2;

	left: 0px;

	top: 0;

}	

#titulo {

	text-align: center;

	position:absolute;

	width:298px;

	height:26px;

	z-index:14;

	left: 5px;

	top: 95px;

}

#nome_esq {

	position:absolute;

	border-top:1px solid #ECD2C5;

	color:#990000;

	font-family:verdana,arial,freesans,helvetica;

	font-size:80%;

	top:0px;

	left:16px;

	width:122px;

	z-index:14;

	overflow: visible;

}



/* menu horizontal */ 

#menuh {

	position:absolute;

	z-index:12;

	left: 0;

	top: 466px;

	width: 770px;

}

ul.menuh {margin:0px;

	 padding:0;

	 width:770px;}

ul.menuh li {

	list-style:none;

	display:inline;}

ul.menuh li a {

	float:left;

	border-top:0.1em solid #fff;

	border-right:0.1em solid #909090;	

	border-bottom:0.1em solid #909090;

	border-left:0.1em solid #fff;

	width: 180px;

	font:0.68em  Verdana, Arial, Helvetica,sans-serif;	

	background:#FBE4CE;

	color:#990000;

	text-align:center;

	padding:0.2em 0.2em 0.2em 0.2em;

	text-decoration:none;

}

ul.menuh a:hover{

	background:#990000;

	color:#FBE4CE;

	border-color:#000 #fafafa #fafafa #000; 

	text-decoration:underline;

	float:left;	

	padding:0.2em 0.2em 0.2em 0.2em;

}

		

/* Fix IE. Hide from IE Mac \*/

* html ul.menuh li { float: left; height: 1%; }

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

/* End */	



/* menus pagina principal */

#menu {background-image:url(imagens/oya.gif);position:absolute;width:345px;height:274px;z-index:2;left: 381px;top: 130px;}

#menu1 {position:absolute;width:112px;height:36px;z-index:7;left: 640px;top: 120px;}

#menu2 {position:absolute;width:92px;height:36px;z-index:5;left: 490px;top: 97px;}

#menu3 {position:absolute;width:104px;height:36px;z-index:6;left: 312px;top: 136px;}

#menu4 {position:absolute;width:143px;height:38px;z-index:10;left: 277px;top: 337px;}

#menu5 {position:absolute;width:129px;height:36px;z-index:9;left: 498px;top: 392px;}

#menu6 {position:absolute;width:134px;height:27px;	z-index:11;	left: 636px;top: 356px;}

#menu7 {position:absolute;width:264px;height:23px;z-index:8;left: 204px;top: 247px;}



#menu1 a {width: 112px;display: block;text-align:left;padding: 5px 10px;margin-bottom:1px;text-decoration: none;color: #000;

voice-family: "\"}\"";voice-family:inherit;width:105px;}

#menu1 a:hover {font-family:Arial, Helvetica, sans-serif;}

#menu1 a span {display: none;}

#menu1 a:hover span {display: block;position: absolute;top:-20px;left: -200px;width: 200px;padding: 5px;margin-left:2px;

color: #000;background:#FBE4CE;font-size: 90%;text-align:left;border:1px solid #000;}



#menu2 a {width: 112px;display: block;text-align:left;padding: 5px 10px;margin-bottom:1px;text-decoration: none;color: #000;

voice-family: "\"}\"";voice-family:inherit;width:105px;}

#menu2 a:hover {font-family:Arial, Helvetica, sans-serif;}

#menu2 a span {display: none;}

#menu2 a:hover span {display: block;position: absolute;top:-15px;left: -300px;width: 300px;padding: 5px;margin-left:2px;

color: #000;background:#FBE4CE;font-size: 90%;text-align:left;border:1px solid #000;}



#menu3 a {width: 112px;display: block;text-align:left;padding: 5px 10px;margin-bottom:1px;text-decoration: none;

color: #000;voice-family: "\"}\"";voice-family:inherit;width:105px;}

#menu3 a:hover {font-family:Arial, Helvetica, sans-serif;}

#menu3 a span {display: none;}

#menu3 a:hover span {display: block;position: absolute;top:-30px;left: -170px;width: 200px;padding: 5px;margin-left:2px;

color: #000;background:#FBE4CE;font-size: 90%;text-align:left;border:1px solid #000;}



#menu4 a {width: 112px;display: block;text-align:left;padding: 5px 10px;margin-bottom:1px;text-decoration: none;color: #000;

voice-family: "\"}\"";voice-family:inherit;width:105px;}

#menu4 a:hover {font-family:Arial, Helvetica, sans-serif;}

#menu4 a span {display: none;}

#menu4 a:hover span {display: block;position: absolute;top:30px;left: 100px;width: 200px;padding: 5px;

margin-left:2px;color: #000;background:#FBE4CE;font-size: 90%;text-align:left;border:1px solid #000;}



#menu5 a {width: 112px;display: block;text-align:left;padding: 5px 10px;margin-bottom:1px;text-decoration: none;

color: #000;voice-family: "\"}\"";voice-family:inherit;width:105px;}

#menu5 a:hover {font-family:Arial, Helvetica, sans-serif;}

#menu5 a span {display: none;}

#menu5 a:hover span {display: block;position: absolute;top:-25px;left: -170px;width: 200px;padding: 5px;margin-left:2px;

color: #000;background:#FBE4CE;font-size: 90%;text-align:left;border:1px solid #000;}



#menu6 a {width: 112px;display: block;text-align:left;padding: 5px 10px;margin-bottom:1px;text-decoration: none;color: #000;

voice-family: "\"}\"";voice-family:inherit;width:105px;}

#menu6 a:hover {font-family:Arial, Helvetica, sans-serif;}

#menu6 a span {display: none;}

#menu6 a:hover span {display: block;position: absolute;top:20px;left: -200px;width: 200px;padding: 5px;margin-left:2px;color: #000;

background:#FBE4CE;font-size: 90%;text-align:left;border:1px solid #000;}



#menu7 a {width: 112px;display: block;text-align:left;padding: 5px 10px;margin-bottom:1px;text-decoration: none;color: #000;

voice-family: "\"}\"";voice-family:inherit;width:105px;}

#menu7 a:hover {font-family:Arial, Helvetica, sans-serif;}

#menu7 a span {display: none;}

#menu7 a:hover span {display: block;position: absolute;top:30px;left: 170px;width: 200px;padding: 5px;margin-left:2px;

color: #000;background:#FBE4CE;font-size: 80%;text-align:left;border:1px solid #000;}



/* Estrutura */

#texto_esq {

	position:absolute;

	color:#990000;

	font-family:verdana,arial,freesans,helvetica;

	font-size:80%;

	top:143px;

	left:9px;

	width:167px;

	z-index:14;

	height: 319;

}

#texto {

	position:absolute;

	width:460px;

	height:372px;

	z-index:3;

	left: 313px;

	top: 89px;

	visibility: visible;

	overflow: auto;

	overflow-x:auto;

}

.texto{

	text-align:left;

	color:#990000;

	font-family: "Times New Roman", Times, serif;

	font-size:70%;

	text-indent:15px;

}



.titulo{

	text-align:left;

	color:#990000;

	font-size:100%;

	font-family:verdana,arial,freesans,helvetica;

	font-weight:bolder;

	height:auto;

}

 ul {margin: 0;padding: 0;list-style: none;width: 160px;border-bottom: 1px solid #ccc;}  

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

 ul li {position: relative;	}	

 li ul {position: absolute;left: 159px;	top: 0;	display: none;	}	

 ul li a {display:block;text-decoration: none;color: #990001;background: #FBE4CE;padding: 5px;border: 1px solid #ccc;

	border-bottom: 0;}

 ul li a:hover {display: block;text-decoration: underline;color: #FBE4CE;background: #990001;padding: 5px;

	border: 1px solid #ccc;	border-bottom: 0;}	

 ul li a span.txt{display: none;}	

 ul li a:hover span.txt {display: block;position: absolute;top:-75px;left: 375px;width: 350px;padding: 10px;margin-left:2px;

color: #000;background:#FBE4CE;font-family:Arial, Helvetica, sans-serif;text-align:left;border:1px solid #000;z-index:14;}



/* Fix IE. Hide from IE Mac \*/

* html ul li { float: left; height: 1%; }

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

/* End */		



/* Atividades Programadas */

#calendario{position:absolute;width:425px;height:305px;z-index:10;left: 347px;top: 92px;visibility: visible; overflow:visible;}



/* Projetos */

#txt_proj {position:absolute;width:425px;height:371px;z-index:3;left: 345px;top: 95px;overflow: scroll;visibility: visible;}

#txt_proj ul {margin:auto; padding:inherit; list-style: none; width: 400px;border-bottom: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%;}

#txt_proj ul li {border-bottom:none; list-style:circle;}



/* menu projetos */



#projetos {position:absolute; font-family:verdana,arial,freesans,helvetica; font-size:70%;top:126px; left:2px; z-index:14; width:190px;}

#projetos a:hover {font-family:Arial, Helvetica, sans-serif;}

#projetos a span {display: none;}

#projetos ul {margin: 0;padding: 0;list-style: none; width: 180px;border-bottom: 1px solid #ccc; background-color: #FBE4CE;}

#projetos ul li {position: relative;}

#projetos li ul {position: absolute;left: 189px;top: 0;display: none;}

#projetos ul li a {display: block;text-decoration: none;color: #990001;background: #FBE4CE;padding: 0px;border: 1px solid #ccc;

	border-bottom: 0; padding:10px;}

#projetos ul li a:hover {display: block;text-decoration: underline; color:#FBE4CE;background:#990001 ;padding: 0px;border: 1px solid #ccc;	border-bottom: 0; padding:10px;}		

#projetos li:hover ul ul, li.over ul ul {display:none;}

#projetos li:hover ul, li li:hover ul, li.over ul, 

#projetos li li.over ul {display: block;} /* Aqui a magica */



/* Manutenção ,Agradecimento, MAPA Fale Conosco */

#manut{

	position:absolute;

	width:770px;

	height:276px;

	z-index:14;

	left: 2px;

	top: 109px;

	overflow: hidden;

	visibility: visible;

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

}

#obrigado{position:absolute;width:700px;height:276px;z-index:14;left: 33px;top: 144px;overflow: hidden;visibility: visible;background-image: url(imagens/obrigado.gif);background-repeat:no-repeat;}

#MAPA{position:absolute;width:487px;height:373px;z-index:3;left: 280px;top: 90px;overflow: hidden;visibility: visible;}

p.fone{font-family:Arial, Helvetica, sans-serif;text-align: left; font-size:85%; margin-left:5px ;color:#990000;}

p.texto{font-family:Arial, Helvetica, sans-serif;text-align:left; font-size:85%; margin-left:5px ; color:#990000;}



/* galeria de fotos */

#galeria{

	position:absolute;

	width:487px;

	height:373px;

	z-index:3;

	Top: 90px;

	visibility: visible;

	overflow: hidden;

	left: 280px;

}

#galeria_g{position:absolute;width:487px;height:373px;z-index:3;left: 280px;Top: 90px;visibility: visible;overflow: scroll;}

#galeria_menu {position:absolute;border-top:1px solid #ECD2C5;color:#990000;	font-family:verdana,arial,freesans,helvetica;

	font-size:80%;top:164px;left:10px;width:122px;z-index:14;overflow: visible; }

#galeria_menu ul {margin: 0;padding:0;list-style: none; width: 160px;border-bottom: 1px solid #ccc; background-color: #FBE4CE;}

#galeria_menu ul li {position: relative;}

#galeria_menu li ul {position: absolute;left: 189px;top: 0;display: none;}

#galeria_menu ul li a {display: block;text-decoration: none;color: #990001;background: #FBE4CE;padding: 0px;border: 1px solid #ccc;

	border-bottom: 0; padding:10px;}

#galeria_menu ul li a:hover {display: block;text-decoration: underline;color: #FBE4CE;background:#990001 ;padding: 0px;border: 1px solid #ccc;	border-bottom: 0; padding:10px;}	

#galeria_menu li:hover ul ul, li.over ul ul {display:none;}

#galeria_menu li:hover ul, li li:hover ul, li.over ul, 

#galeria_menu li li.over ul {display: block;} /* Aqui a magica */

#galeria iframe {width:440px; height:373px; margin:0; border-top:solid 1px #000000; vertical-align:top; float:right;}



/* Diversificado */

#Layer1 {position:absolute;width:343px;height:55px;z-index:3;left: 1px;}

.style1 {font-size: 70%}

#jornal {
	position:absolute;
	width:150px;
	height:37px;
	z-index:14;
	left:21px;
	top:292px;
	overflow: visible;

}

#Utilidade {

	position:absolute;

	width:162px;

	height:60px;

	z-index:1;

	left:16px;

	top:209px;

}



ol {font-family:Arial, Helvetica, sans-serif;font-size:70%;text-align:left;font-weight:100;}



	#screen {

		position: absolute;

		top: 1%;

		left: 1%;

		width: 487px;

		height: 373px;

		background: #000;

		color: #ffff00;

	}



	#screen div {

		position: absolute;

		overflow: hidden;

		cursor: pointer;

	}

	#screen img {

		position: absolute;

		width: 100%;

		height: 100%;

	}

	#screen .label {

		position: absolute;

		color: #ffff00;

		background: #000;

		font-family: arial;

		white-space: no-wrap;

	}