body{
    margin: 0;
    padding: 0;
    /*background: url(images/background.jpg);
	background-position:top center;
	background-repeat:no-repeat;
    background-attachment: fixed;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
}

#headerHorizontalMenu{ z-index:10; position:absolute; margin-bottom:30px; overflow:hidden;  width:770px}
#main{
	margin: 0 auto;
	/*margin-top: -82px;*/
	width:1000px;
	/* border: 1px #fff solid; */
}

/*
#contentMain{
    float:left;
    width:1000px;
    background-color: #FF3399;
}


#header{
    float:left;
    width:100%;
    height:118px;
    >>COMENTAR PRA BAIXO<<
    background: url(images/jpg/header_fundo.jpg) top left no-repeat;
	border: 1px #0F0 solid;
}
*/

#headerLogo{
    float:left;
}

#headerMenuBg{
    float:left;
    background: url(images/jpg/headerBg.jpg) no-repeat;
    width:820px;
    height:118px;
}

#headerMenuBg a{
    text-decoration: none;
    color: #FFF;
}

#headerMenuBg a:hover{
    text-decoration: underline;
}

#leftMenu{
    float:left;
    width: 230px;
}

#facebook{
	display:block;
	width:230px;
	height:40px;
	background:url(images/jpg/facebook2.png) top left  no-repeat;
	text-indent:-9999px;
	border-bottom:#333 1px solid
}
#facebook:hover{
	background:url(images/jpg/facebook2.png);
	background-position:-0 40px;
}

#flickr2{
	display:block;
	width:230px;
	height:40px;
	background:url(images/jpg/flickr2.png) top left no-repeat;
	text-indent:-9999px;
}
#flickr2:hover{
	background:url(images/jpg/flickr2.png);
	background-position:-0 40px;
}

#youtube2{
	display:block;
	width:230px;
	height:40px;
	background:url(images/jpg/youtube2.png) top left no-repeat;
	text-indent:-9999px;
	border-top:#333 1px solid
}
#youtube2:hover{
	background:url(images/jpg/youtube2.png);
	background-position:-0 40px;
}

#twitter{
	display:block;
	width:230px;
	height:40px;
	background:url(images/jpg/twitter2.png) top left no-repeat;
	text-indent:-9999px;
	border-top:#333 1px solid;
}
#twitter:hover{
	background:url(images/jpg/twitter2.png);
	background-position:-0 40px;
}

#contentMain{
    float:left;
    width: 770px;
    /*background-color: #33FFFF;*/
    background: url(images/jpg/fundo_tab_branco.jpg) repeat-x;
	padding-top:30px;
}

#contentLeft{
    float:left;
    width: 475px;
    /*background-color: #33FFFF;*/
}

#contentRight{
    float:left;
    width: 275px;
    /*background-color: #CCFF00;*/
}

.textLeftAlign{
    float:left;
    width: 100%;
    text-align:left;
    background-color: transparent;
}

.textCenterAlign{
    float:left;
    width: 100%;
    text-align:center;
}

.textRightAlign{
    float:left;
    width: 100%;
    text-align:right;
}

.tituloNoticia{
    float:left;
    width:100%;
	font-size: 18px;
	color: #ebab00;
	text-align: left;
	vertical-align: top;
}
.tituloNoticia_w_width{
	float:left;
	width:425px;
	font-size: 18px;
	color: #ebab00;
	text-align: left;
	vertical-align: top;
}

.tituloNoticia a{
    text-decoration: none;
    color: #ebab00;
}

.tituloNoticia a:hover{
    text-decoration: underline;
}

.txtForm{
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
	color: #666;
	border: 1px solid #666;
}
.upperText{
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
	color: #666;
}

.contentLeftBox{
	float:left; 
	margin:0 25px 10px 25px; 
	padding: 0 0 10px 0; 
	width:425px; 
	border-bottom: 1px solid #C7C7C7;
}

.contentRightBox{
	float:left; 
	margin:0 25px 10px 0px; 
	padding: 0 0 10px 0; 
	width:275px; 
	border-bottom: 1px solid #C7C7C7;
}

.projectWhiteHeader{
	float:left; 
	background: url(images/png/header_border_branco_725.png) no-repeat; 
	width:725px; 
	height:8px;
}

.projectWhiteBg{
	float:left; 
	background: url(images/png/fundo_border_branco_725.png) repeat-y; 
	width:725px;	
}

.projectWhiteFooter{
	float:left; 
	background: url(images/png/footer_border_branco_725.png) no-repeat; 
	width:725px; 
	height:8px;
}

.projectGreyHeader{
	float:left; 
	background: url(images/png/header_caixa_cinza_725.png) no-repeat; 
	width:725px; 
	height:8px;
}

.pedidosGreyHeader{
	float:left; 
	background: url(images/png/header_caixa_cinza_425.png) no-repeat; 
	width:425px; 
	height:8px;
}

.pedidosGrey2Header{
	float:left; 
	background: url(images/png/header_caixa_cinza_claro_425.png) no-repeat; 
	width:425px; 
	height:8px;
}


.projectGreyBg{
	float:left; 
	background: url(images/png/fundo_caixa_cinza_725.png) repeat-y; 
	width:725px;	
}

.pedidosGreyBg{
	float:left; 
	background: url(images/png/fundo_caixa_cinza_425.png) repeat-y; 
	width:425px;	
}

.pedidosGrey2Bg{
	float:left; 
	background: url(images/png/fundo_caixa_cinza_claro_425.png) repeat-y; 
	width:425px;	
}

.projectGreyFooter{
	float:left; 
	background: url(images/png/footer_caixa_cinza_725.png) no-repeat bottom; 
	width:725px; 
	height:8px;	
}

.pedidosGreyFooter{
	float:left; 
	background: url(images/png/footer_caixa_cinza_425.png) no-repeat bottom; 
	width:425px; 
	height:8px;	
}

.pedidosGrey2Footer{
	float:left; 
	background: url(images/png/footer_caixa_cinza_claro_425.png) no-repeat bottom; 
	width:425px; 
	height:8px;	
}

.projectListTitle{
	float:left; 
	width:430px; 
	/*padding:0 0 0 10px;*/
	border:0px solid #000; 
}

.projectSearch{
	float:left;
	width:500px;
	border:0px solid #000;
}

.projectSearchHeader{
	float:left;
	background: url(images/png/header_caixa_cinza_500.png) no-repeat top;
	width:500px;
	height:8px;
}

.projectSearchBg{
	float:left;
	background: url(images/png/fundo_caixa_cinza_500.png) repeat-y;
	width:500px;
}

.projectSearchFooter{
	float:left;
	background: url(images/png/footer_caixa_cinza_500.png) no-repeat bottom;
	width:500px;
	height:8px;
}

#btnMapaObras{
	float:left;
	width:204px;
	height:66px;
	margin-left:10px;
}
/**********BOTAO AGENDA********/
#btnMapaObras a{
width: 204px;
background: transparent url(images/png/bot_mapa_obras.png) no-repeat;
}
#btnMapaObras a:hover{
background-position: -204px 0;
}



/* PAGINACAO CSS*/

#outer{
	width:770px;
	float:left;
	margin:auto;
	text-align:left;
	border:0px solid #000;
	
}
#outer{overflow:hidden;position:relative}
.navwrap{
	float:left;
	position:relative;
	left:50%;
	text-align:left;
	margin-bottom:2em;
	margin-top:15px;
}
.navwrap ul{
	list-style:none; 
	position:relative;
	left:-50%;
	margin:0;
	padding:0;
	
} 
.navwrap li{
	float:left;
	position:relative;

}
.navwrap li.last{margin-right:0}
.navwrap li a{

	position:relative;
}

.navwrap li.separador{
	display:block; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration:none;
	width:10px;
	height:13px;
}

.navwrap li.separador_meio{
	display:block; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration:none;
}

.navwrap li.page_number{
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration:none;
}
.navwrap li.page{
	display:block; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration:none;

}
.navwrap li.page a{
	color: #333333;
	text-decoration:underline;
}
.navwrap li.page a:hover{
	text-decoration:none;
}
.navwrap li.first_page{
	width:13px;
	height:13px;
}
.navwrap li.first_page a{
	text-indent: -9999px;
	display:block; 
	width:13px;
	background: transparent url(images/png/fp.png) no-repeat;
}
.navwrap li.first_page a:hover{
	background-position: -13px 0;
	cursor: hand;
}
.navwrap li.last_page{
	width:13px;
	height:13px;
}
.navwrap li.last_page a{
	text-indent: -9999px;
	display:block; 
	width:13px;
	background: transparent url(images/png/lp.png) no-repeat;
}
.navwrap li.last_page a:hover{
	background-position: -13px 0;
	cursor: hand;
}
.navwrap li.next_page{
	width:13px;
	height:13px;
}
.next_page a{
	text-indent: -9999px;
	display:block; 
	width:13px;
	background: transparent url(images/png/np.png) no-repeat;
}
.navwrap li.next_page a:hover{
	background-position: -13px 0;
	cursor: hand;
}
.navwrap li.previous_page{
	width:13px;
	height:13px;
}
.navwrap li.previous_page a{
	text-indent: -9999px;
	display:block; 
	width:13px;
	background: transparent url(images/png/pp.png) no-repeat;
}
.navwrap li.previous_page a:hover{
	background-position: -13px 0;
	cursor: hand;
}

/* END PAGINACAO CSS*/


.btnRegisto{
	background:url(images/png/submit.png) center no-repeat; 
	border:0; 
	cursor:pointer; 
	width:144px; 
	height:17px;
	margin-top:20px;
}

.btnLogout{
	float:left; 
	width:100%; 
	text-align:left; 
	margin-top:10px; 
	margin-left:-10px; 
	font-size:11px;
}

.acessoLink a{
	color:#666;
	text-decoration:none;	
}

.acessoLink a:hover{
	text-decoration:underline;	
}

#bot_pesquisar
{
	display: block;
	width: 65px;
	height: 20px;
	background-image: url(images/png/pesquisar.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-attachment: scroll;
	float: left;
	cursor: pointer;
}

.problemasBoxTop{
	float:left; 
	width:280px; 
	height:11px; 
	background:url(images/jpg/contorno_topo.jpg) no-repeat;
}

.problemasBoxBg{
	float:left; 
	width:280px; 
	background:url(images/jpg/contorno_lados.jpg) repeat-y;
}

.problemasBoxBg2{
	float:left; 
	width:280px; 
	background:url(images/jpg/contorno_lados.jpg) repeat-y;
}

.problemasBoxBg:hover{
	color:#EBAB01;
}
.problemasLink{
	color:#666;
	text-decoration:none;
}
.problemasLink:hover{
	text-decoration:underline;
}

.problemasBoxFooter{
	float:left; 
	width:280px; 
	height:11px; 
	background:url(images/jpg/contorno_topo_baixo.jpg) no-repeat;
}
.pedidosBoxTop{
	float:left; 
	width:425px; 
	height:11px; 
	background:url(images/jpg/contorno_topo_425.jpg) no-repeat;
}
.pedidosBoxBg{
	float:left;
	width:425px; 
	background:url(images/jpg/contorno_lados_425.jpg) repeat-y;
}

.pedidosBoxFooter{
	float:left; 
	width:425px; 
	height:11px; 
	background:url(images/jpg/contorno_topo_baixo_425.jpg) no-repeat;
}

/* PAGINACAO JQUERY */
a.paginacao_pp {
	text-indent: -9999px;
	display:block; 
	width:13px;
	background: transparent url(images/png/pp.png) no-repeat;
}
a.paginacao_pp:hover{
	background-position: -13px 0;
	cursor: hand;
}

a.paginacao_np {
	text-indent: -9999px;
	display:block; 
	width:13px;
	background: transparent url(images/png/np.png) no-repeat;
}
a.paginacao_np:hover{
	background-position: -13px 0;
	cursor: hand;
}
/*-------- estilos colunas ---------*/
/* To hide the columns when printing, use media selectors */
@media screen {
	.screenContainer {
		display: block;
	}
	
	.printContainer {
		display: none;
	}
}

@media print, projection, tty {
	.screenContainer {
		display: none;
	}
	
	.printContainer {
		display: block;
	}
}

.screenContainer div {
	float: left;
	/*width: 18em;	/* When using a fixed number of columns, you can omit the width. Otherwise it must be set! This will be the *minimum* width of a column*/
	padding: 10px;	/* You may use a padding... but thanks to IE you can only use pixels! */
	position: relative;
	text-align: justify;
	margin: 0; 		/* Don't use a margin! */
}

/* Optional 'read on'-message */
.screenContainer div .readOn {
	position: absolute;
	right: 1em;
	bottom: -0.5em;
	color: #999999;
}