#masthead{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navBar{
	float: left;
	width: 20%;
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#headlines{
  float:right;
	width: 20%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
}

#content{
	float: left;
  width: 55%;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


#globalNav{
padding: 0px 0px 5px 10px;
border-bottom: 1px solid #CCC;
color: #cccccc;
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
}


/* CSS Document */
body {
	background-color: #ffffff;
	color: #000000;
	margin:0;
	padding:0;
}
form { padding: 0; margin: 0; }

dt { font-weight: bold; }

/* NOTÍCIA */
.hc {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0px;
	margin: 0px;
	margin-left: 0px;
	border-color: #666666;
	font-weight: normal;
}
.hc2 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	margin-left: 0px;
	border-color: #666666;
	font-weight: normal;
}
/* ticker */


/* manchete */


/* chamadas */

.ma1h {
	margin: 4px 0 5px 0;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.ma1h a:hover {
	text-decoration: underline;
}
.ma1h a:visited {
	color:#333333;
	text-decoration:none;
	font-weight: bold;
}


.ch1l { margin: 0px 0 5px 10px; padding-left: 0px; font-size: 11px; font-family: arial, sans-serif; }
.ch1l li { margin: 0 0 0 5px; padding-left: 0px; font-size: 11px; font-family: arial, sans-serif; list-style: disc url(http://f.i.uol.com.br/folha/images/bullet.gif); }

/* fotos */

/* vinhetas */
.vi1 { background-image: url(http://f.i.uol.com.br/x-cccccc.gif); background-repeat: repeat-x; background-position: center; margin: 0 0 8px 0; } /* a margem quebra no Netscape 4.7 */
.vi1t { font: bold 12px arial, sans-serif; color: #cc3300; background: #ffffff; padding-right: 5px; }
.vi2t {
	font: bold 12px arial, sans-serif;
	color: #cc3300;
	padding-right: 5px;
	background-color: #FCFCFC;
}

/* NOTÍCIAS  */

.nottit { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #666666/*666666/*006600*/*/; text-transform: uppercase; text-decoration: none; text-align:center; }
.nottit select { font-size: 10px; font-family: Arial, Helvetica, sans-serif; width: 120px; }

.nottitb { font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#333333; text-decoration: none;}
.nottitb select { font-size: 18px; font-family: Arial, Helvetica, sans-serif; width: 120px; }

.nottitc { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color:#333333; text-decoration: none;}
.nottitc select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

.nottitp { font-size: 9px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #666666/*666666/*006600*/*/; text-decoration: none; }
.nottitp select { font-size: 9px; font-family: Arial, Helvetica, sans-serif; width: 120px; }
.nottitcp { font-size: 9px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color:#333333; text-decoration: none; }
.nottitcp2 { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#333333; text-decoration: none; }
.nottitcp select { font-size: 9px; font-family: Arial, Helvetica, sans-serif; width: 120px; }

.notq { margin: 0; padding: 2px 0px; border-bottom: 1px solid #d8d8d8;}
.notq2 { margin: 0; padding: 2px 5px; border-bottom: 1px solid #d8d8d8; background-color:#FFFFFF; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color:#666;}
.notq3 { border-bottom: 2px solid #d8d8d8;}
.notq a { text-decoration: none; }
.notq a:hover { text-decoration: underline; }
/* .notq a:visited { color: #000000; } */




/* menus */
.me1 { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.me1 select { font-size: 11px; font-family: arial, sans-serif; width: 120px; }

.me2 { padding-top: 8px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }

.me1i { margin: 0; padding: 2px 0 2px 0; border-bottom: 1px solid #cccccc; }
.me1i a { text-decoration: none; color: #000000; }
.me1i a:hover { text-decoration: underline; }
.me1i a:visited { color: #000000; }

.me1v { margin: 0; padding: 2px 0 2px 0; font-size: 9px; font-family: verdana, sans-serif; color: #cc3300; font-weight: bold; }
.me2v { margin: 10px 0 4px 0; font-size: 9px; font-family: verdana, sans-serif; color: #6699cc; font-weight: bold; }

/* busca */
.me1b { background-color: #eeeeee; margin: 0 0 5px 0; padding: 5px; text-align: center; }
.me1bv { margin: 5px 0 0 0; padding: 2px 0 2px 5px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #cc3300; font-weight: bold; background-color: #eeeeee; }
.me1bb { margin: 5px 0 0 0; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.me2i { margin: 0; padding: 2px 0 2px 0; }
.me2i a { text-decoration: none; color: #000000; }
.me2i a:hover { text-decoration: underline; }
.me2i a:visited { color: #000000; }

/* shopping */
.sh { padding-top: 10px; }

.classip { margin: 0; padding: 2px 0 2px 0; }

/* listas de noticias */

/* blocos */

/* seções */

/* article */
table.article tr td	{ font: 12px arial, sans-serif; }
.article { font: 12px Arial, Helvetica, sans-serif; line-height: 17px; }
.article span.data { font: bold 10px Arial, Helvetica, sans-serif; color: #cc3300; }
.article h1 { font: bold 20px Arial, Helvetica, sans-serif; margin-top: 0; }
.article h2 { font: bold 16px arial, sans-serif; }
.article h3 { font: bold 14px arial, sans-serif; margin: 0 0 8px 0; }
.article span.tagline { font: 10px Arial, Helvetica, sans-serif; }
.article span.links li { margin: 0 0 0 5px; padding-left: 0px; font-size: 11px; font-family: arial, sans-serif; list-style: square url(http://f.i.uol.com.br/folha/images/bullet.gif); }
.article span.jumpline { font: bold 10px Arial, Helvetica, sans-serif; }
.kicker { font: bold 10px Arial, Helvetica, sans-serif; color: #cc3300; }
.article .ad1 { width: 180px; height: 150px; margin: 0 0 5px 0; border-left: 5px solid #ffffff; float: right; text-align: center; font-family: arial, sans-serif; font-size: 10px; font-weight: bold; }
@media print{ .article .ad1 { display: none; } }

/* polls */
table.en1 { border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; }
table.en1 tr td	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
table.polls tr td { font: 12px Arial, Helvetica, sans-serif; line-height: 17px; }
.polls span.data { font: bold 10px verdana, arial, sans-serif; color: #cc3300; }
.polls h1 { font: bold 20px Arial, Helvetica, sans-serif; margin-top: 0; }
.polls span.tagline { font: 10px Arial, Helvetica, sans-serif; }

/* lupa */
span.lupa { position: relative; top: -15px; left: 135px; width: 15px; height: 15px; display: block; margin-bottom: -15px; }

/* estrela */
div.star { background: #ffffff url(http://f.i.uol.com.br/star.gif) no-repeat center; display: block; height: 12px; margin: 10px 0 -15px 0; padding: 0; }
div.star hr { display: none; }

/* contextual ads */
#contextual_ads { margin-top: 10px; }
table.ca1 { background-color: #eeeeee; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
table.ca1 a { font-size: 11px; }
table.ca1 p { padding: 0; margin: 0 0 15px 0; line-height: 130%; }
table.ca1 p.ca1l { font-size: 11px; text-align: center; padding: 0; margin: 0; }
.still {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: lighter;
	background-color: #3FB4E0;
}
.me1bbverde {
	margin: 5px 0 0 0;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
}
.me1bcinza {
	margin: 5px 0 0 0;
	padding: 2px 0 2px 5px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: lighter;
	background: #F3F3F3 url(../imagens/index2007/fundo_menu_topo.jpg) repeat-y;
	text-decoration: none;
	font-style: normal;
}

.me1bcinza a:link{
	color:#FFFFFF;
}


.me1bcinza a:hover{
	color:#FFFFFF;
}

.me1bcinza a:active{
	color:#FFFFFF;
}

ol.listcresceu { list-style-type:disc; padding: 0px 15px; font-size:14px; }
ol.listcresceu li { margin: 15px 0; }

div#educa_slide {
	margin: auto;
	background: #93C6DA url(../prefeitoperto/imagens/fundo_educacao.jpg) top left no-repeat;
	padding: 215px 20px 5px 20px;
	width: 472px;
	/*height: 152px;	*/
}
div#saude_slide {
	margin: 0 auto 20px;
	background: #BF6A3D url(../prefeitoperto/imagens/fundo_saude.jpg) top right no-repeat;
	padding: 80px 20px 20px 20px;
	width: 472px;
	height: 274px;
	font-weight: bold;
}
div#infra_slide {
	margin: 0 auto 20px;
	background: #E8BB00 url(../prefeitoperto/imagens/fundo_infra.jpg) top left no-repeat;
	padding: 100px 20px 20px 290px;
	width: 282px;
	height: 323px;
	font-weight: bold;
}

.pptitulo {
	font-size: 18px;
}


.me1bcinza a:hover { color: #000000; text-decoration: underline; }
a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
  color: #000;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.style1 {
	margin: 0;
	padding: 2px 0 2px 0;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #cccccc;
}
.style2 {font-size: 9px}
.topico {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #666666/*006600*/;
	font-weight: bold;
}

body {
	font: normal 11px Arial;
	}

.topico_menu
{
	margin: 0;
	padding: 5px 0px;
	
	font-weight: bold;
	font-size:11px;
	color: #666;
	
  	text-align:center;
	text-decoration: none;
	
	border-bottom: 1px solid #D8D8D8;
	
	background: #F0F0F0 url(../imagens/index2007/fundo_menu_left_b.jpg) repeat-y;

}

ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 131px; /* Width of Menu Items */
	border-right: 1px solid #D8D8D8;
	text-align:left;
	}

ul#nav li {
  	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none;
	position:relative;
	width: 131px;
	}
	
ul#nav li a {
	display: block;
	text-decoration: none;
	color: #000000;
	padding: 2px 2px 2px 5px;
	border-bottom: 1px solid #D8D8D8;
	}
	
ul#nav li a:hover {
	display: block;
	text-decoration: none;
	color: #000000;
	padding: 2px 2px 2px 5px;
	border-bottom: 1px solid #D8D8D8;
	background: #F0F0F0 url(../imagens/index2007/fundo_menu_left_b.jpg) repeat-y;
}

ul#nav li div {
	display: block;
	text-decoration: none;
	color: #000000;
	padding: 2px;
	border: 1px solid #ccc;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	cursor:default;
	}
	
input, select {
	border: 1px solid #CCC;
}
.imgtit1 {
	width: 131px;
	height: 40px;
	background: #F4F4F4 url(../imagens/index2007/topicomenu1.jpg) no-repeat;
	border-bottom: 0;
}
.imgcidade {
	width: 131px;
	height: 40px;
	background: #F4F4F4 url(../imagens/index2007/a_cidade.jpg);
	border-bottom: 0;
}
.imgportalvr {
	width: 131px;
	height: 40px;
	background: #F4F4F4 url(../imagens/index2007/portalvr.jpg);
	border-bottom: 0;
}

.imgplano {
	width: 131px;
	height: 40px;
	background: #F4F4F4 url(../imagens/index2007/planodiretor.jpg);
	border-bottom: 0;
}
.imgservicos {
	width: 131px;
	height: 40px;
	background: #F4F4F4 url(../imagens/index2007/servicos.jpg);
	border-bottom: 0;
}
.imggoverno {
	width: 131px;
	height: 40px;
	background: #F4F4F4 url(../imagens/index2007/governo.jpg);
	border-bottom: 0;
}
.imgsecretarias {
	width: 131px;
	height: 40px;
	background: #F4F4F4 url(../imagens/index2007/secretarias.jpg);
	border-bottom: 0;
}
.imgautarquias {
	width: 131px;
	height: 40px;
	background: #F4F4F4 url(../imagens/index2007/autarquias.jpg);
	border-bottom: 0;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%;}
* html ul li a { height: 1%; filter: Alpha(Opacity=80);}
* html ul li div { height: 1%; filter: Alpha(Opacity=80);}
/* End */

ul li a:hover { text-decoration: underline; color: #000000; } /* Hover Styles */
ul li a:visited { color: #000000; }

li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul ul {
	margin:0;
	padding:0;
	display: none;
}

ul.subm1 li a {
	text-indent: 5px;
}
ul.subm2 li a {
	text-indent: 15px;
}
ul.subm1 li a img {
	margin: 3px 0px 0 5px;
}
ul.subm2 li a img {
	margin: 3px 0px 0 15px;
}

.img_submenu {
	margin: 3px 5px 0 0;
	cursor: pointer;
}

ul ul {
	list-style-type:none;
	display:none;
/*
	border-bottom: 1px solid #D8D8D8;
	border-top: 0;
	background: #f5f5f5;
	position:absolute;
	display:none;
	left: 90px;
	top: -1;*/
}

/*
li:hover ul ul, li.over ul ul { display:none;} /* */
/*
li:hover ul, li li:hover ul, li.over ul, li li.over ul { display: block; } /* The magic */