/*********************************\
 Layout Geral - Screen			  /
 CSS V.1.00						  \
 ---------------------------------/
 Criado por Epoch Multimédia 2007 \
\*********************************/

/*-------------------------------*\
			  GERAL
\*-------------------------------*/

* { 
	border: 0px;
	margin: 0px; 
	padding: 0px; 
	}

body {
	background: #FFF url(layout/geral_topBG.gif) repeat-x;
/*	behavior: url("csshover.htc");*/
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}
a {
	color: #09C;
	font-weight: bold;
	text-decoration: none;
	}
	a:hover { 
		text-decoration: underline; 
		}
h1, h2, h3, h4, h5, h6 {
	color: #069;
	}
hr {
	height: 1px;
	border-bottom: solid 1px #CCC
	}
	hr.clear { clear: both }
	hr.invisible { display: none; }

/* (form objects) */

input.field,
select.field { /* pesquisa no FO */
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #CCC;
	}
input.button,
input.buttonDel,
input.buttonEdit  {
	background: #036 url(layout/b_inputBG.gif) repeat-x;
	border: solid 1px #FFF;
	color: #FFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 0px;
	cursor: pointer;
	}

input.buttonDel {
	background: #C00 url(layout/b_inputDelBG.gif) repeat-x;
	}
input.buttonEdit {
	background: #2E8400 url(layout/b_inputEditBG.gif) repeat-x;
	}
	input.button:hover { border: solid 1px #036; }
	input.buttonDel:hover { border: solid 1px #900; }
	input.buttonEdit:hover { border: solid 1px #060; }

/*-------------------------------*\
			ESTRUTURA
\*-------------------------------*/

/* --- CONTAINER --- */

div#container {
	margin: 0 auto;
	text-align: left;
	width: 740px;
	}
	div#container h1 {
		float: left;
		font: normal 32px Arial, Helvetica, sans-serif;
		margin-bottom: 15px;
		width: 530px;
		}
	div#container p.breadcrumbs,
	div#container p.breadcrumbs a {
		color: #999;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		padding: 5px 0px 10px 0px;
		}

/* --- HEADER + MAINMENU --- */

* html #mainmenu a:hover { /* hack para IE6 */
	visibility:visible 
	}
div#mainmenu {
	float: left;
	margin-bottom: 30px;
	width: 740px;
	z-index: 90;
	}
	div#mainmenu a {
		display: block;
		height: 37px;
		}
	div#mainmenu span {
		display: none;
		}
	div#mainmenu ul { /* all lists */
		list-style-type: none;
		margin-top: 12px;
		}
		div#mainmenu ul a:hover img { 
			visibility: hidden;
			}
		div#mainmenu li { /* all list items */
			float: left; 
			height: 37px;
			position: relative;
			}
		div#mainmenu li ul { /* second-level lists */
			background: #069;
			display: none;
			left: 5px;
			position: absolute;
			top: 25px;
			width: 230px;
			}
		div#mainmenu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
			top: 25px;
			left: 5px;
			width: 230px;
			}
		div#mainmenu li ul li {
			background: #069 url(layout/b_mainmenuSub_BG.gif) repeat-x;
			float: none;
			height: auto;
			width: 230px;
			}
			div#mainmenu li ul li:hover { background: url(layout/b_mainmenuSubHover_BG.gif) repeat-x; }
		div#mainmenu li:hover ul, 
		div#mainmenu li.over ul { /* lists nested under hovered list items */
			display: block;
			}
			div#mainmenu li ul li a {
				color: #FFF;
				font-size: 10px;
				padding: 8px 12px;
				font-weight: normal;
				height: auto;
				}
			div#mainmenu li#home { /* definition of each button  */
				background: url(layout/b_homeHover.gif) no-repeat; 
				width: 60px;
				}
			div#mainmenu li#homeTab { 
					background: url(layout/b_homeTab.gif) no-repeat; 
					width: 60px; 
					}
				div#mainmenu li#home:hover, 
				div#mainmenu li#home.over,
				div#mainmenu li#homeTab:hover, 
				div#mainmenu li#homeTab.over  { 
					background: url(layout/b_homeHover.gif) no-repeat; 
					width: 60px;
					}
					div#mainmenu li#home:hover img, 
					div#mainmenu li#home.over img,
					div#mainmenu li#homeTab img { visibility: hidden; }
			div#mainmenu li#gaml {
				background: url(layout/b_gamlHover.gif) no-repeat; 
				width: 52px; 
				}
			div#mainmenu li#gamlTab	{ 
				background: url(layout/b_gamlTab.gif) no-repeat; 
				width: 52px; 
				}
				div#mainmenu li#gaml:hover, 
				div#mainmenu li#gaml.over, 
				div#mainmenu li#gamlTab:hover, 
				div#mainmenu li#gamlTab.over { 
					background: url(layout/b_gamlHover.gif) no-repeat; 
					width: 52px;
					}
					div#mainmenu li#gaml:hover img, 
					div#mainmenu li#gaml.over img,
					div#mainmenu li#gamlTab img { visibility: hidden; }
			div#mainmenu li#actividades { 
				background: url(layout/b_actividadesHover.gif) no-repeat; 
				width: 108px;  
				}
			div#mainmenu li#actividadesTab	{ 
				background: url(layout/b_actividadesTab.gif) no-repeat; 
				width: 108px; 
				}
				div#mainmenu li#actividades:hover, 
				div#mainmenu li#actividades.over,
				div#mainmenu li#actividadesTab:hover,
				div#mainmenu li#actividadesTab.over { 
					background: url(layout/b_actividadesHover.gif) no-repeat; 
					width: 108px;
					}
					div#mainmenu li#actividades:hover img, 
					div#mainmenu li#actividades.over img,
					div#mainmenu li#actividadesTab img { visibility: hidden; }
			div#mainmenu li#comunica { 
				background: url(layout/b_comunicaHover.gif) no-repeat; 
				width: 121px;  
				}
			div#mainmenu li#comunicaTab {	
				background: url(layout/b_comunicaTab.gif) no-repeat; 
				width: 121px;  
				}
				div#mainmenu li#comunica:hover,
				div#mainmenu li#comunica.over,
				div#mainmenu li#comunicaTab:hover,
				div#mainmenu li#comunicaTab.over { 
					background: url(layout/b_comunicaHover.gif) no-repeat;  
					width: 121px; 
					}
					div#mainmenu li#comunica:hover img,
					div#mainmenu li#comunica.over img,
					div#mainmenu li#comunicaTab img { visibility: hidden; }
			div#mainmenu li#publicacoes { 
				background: url(layout/b_publicacoesHover.gif) no-repeat; 
				width: 111px; 
				}
			div#mainmenu li#publicacoesTab { 
				background: url(layout/b_publicacoesTab.gif) no-repeat; 
				width: 111px; 
				}
				div#mainmenu li#publicacoes:hover,
				div#mainmenu li#publicacoes.over,
				div#mainmenu li#publicacoesTab:hover,
				div#mainmenu li#publicacoesTab.over { 
					background: url(layout/b_publicacoesHover.gif) no-repeat; 
					width: 111px; 
					}
					div#mainmenu li#publicacoes:hover img,
					div#mainmenu li#publicacoes.over img,
					div#mainmenu li#publicacoesTab img { visibility: hidden; }
			div#mainmenu li#contactos { 
				background: url(layout/b_contactosHover.gif) no-repeat; 
				width: 97px; 
				}
			div#mainmenu li#contactosTab { 
				background: url(layout/b_contactosTab.gif) no-repeat; 
				width: 97px; 
				}
				div#mainmenu li#contactos:hover,
				div#mainmenu li#contactos.over,
				div#mainmenu li#contactosTab:hover,
				div#mainmenu li#contactosTab.over { 
					background: url(layout/b_contactosHover.gif) no-repeat; 
					width: 97px; 
					}
					div#mainmenu li#contactos:hover img,
					div#mainmenu li#contactos.over img,
					div#mainmenu li#contactosTab img { visibility: hidden; }
			div#mainmenu li#search {
				float: right;
				}
			div#mainmenu input.field {
				border: none;
				margin-top: 4px;
				padding: 3px;
				width: 130px;
				}

/* --- CONTENT --- */

div#content {
	float: left;
	width: 530px;
	}
	div#content a {
		color: #036;
		font-weight: normal;
		text-decoration: underline
		}
		div#content a:hover { color: #09C; }
		div#content a.warning { color: #C00; }
	div#content h1, 
	div#content h2, 
	div#content h3, 
	div#content h4, 
	div#content h5, 
	div#content h6, 
	div#content hr, 
	div#content p, 
	div#content ul, 
	div#content img {
		margin-bottom: 15px;
		}
	div#content h1 { font-size: 32px; font-weight: normal; }
	div#content h2 { font-size: 20px; font-weight: normal; }
	div#content h3 { font-size: 16px; }
	div#content h4 { font-size: 14px; }
	div#content h5, 
	div#content h6 { font-size: 12px; }
		div#content p.breadcrumbs,
		div#content p.breadcrumbs a {
			color: #999;
			font: 10px Verdana, Arial, Helvetica, sans-serif;
			padding: 5px 0px 10px 0px;
			text-decoration: none;
			}
			div#content p.breadcrumbs a:hover { text-decoration: underline; }
	div#content ul {
		border-top: dotted 1px #CCC;
		color: #333;
		list-style-position: inside;
		padding-top: 5px;
		}
	div#content li {
		border-bottom: dotted 1px #CCC;
		line-height: 18px;
		margin-bottom: 5px;
		padding-left: 14px;
		padding-bottom: 5px;
		text-indent: -14px;
		}
		div#content li ul { border-top: none; }
		div#content li ul li {
			border: none;
			margin-bottom: 0px;
			padding-bottom: 0px;
			}
	div#content table,
	div#contentAdmin table {
		border-bottom: solid 1px #CCC;
		border-right: solid 1px #CCC;
		color: #666;
		font-size: 11px;
		margin-bottom: 15px;
		}
		div#content td,
		div#contentAdmin td {
			background-color: #FFF;
			border-top: solid 1px #CCC;
			border-left: solid 1px #CCC;
			padding: 5px;
			}
			div#content td.topTitle, 
			div#content td.subTitle,
			div#contentAdmin td.topTitle,
			div#contentAdmin td.subTitle{
				background-color: #CCC;
				font-weight: bold;
				text-align: center;
				}
			div#content td.subTitle,
			div#contentAdmin td.subTitle { background-color: #F1F1F1; }
			div#content td img,
			div#contentAdmin td img { margin-bottom: 0px; }
			div#content td div,
		div#content td div,
		div#contentAdmin td div { margin-bottom: 8px; }
			div#content td div.bottomBorder,
			div#contentAdmin td div.bottomBorder { 
				border-bottom: dotted 1px #CCC;
				padding-bottom: 8px; 
				}
		
	div#content textarea, 
	div#content .textbox {
		border: solid 1px #999;
		padding: 1px;
		}
	
/* (SubMenu) */

div#submenu {
	background: url(layout/submenu_amlLogo.gif) no-repeat;
	float: left;
	width: 190px;
	padding-top: 110px;
	margin-right: 20px;
	}
	div#submenu ul {
		list-style: none;
		margin-top: 8px;
		}
		/* submenus */
		div#submenu ul.box,
		div#submenu ul.login {
			background: url(layout/submenu_subLksBody.gif) repeat-y;
			color:#999;
			font: 10px Verdana, Arial, Helvetica, sans-serif;
			margin-bottom: 20px;
			}
		div#submenu ul.box {
			background: url(layout/submenu_subLksTop2.gif) no-repeat;
			border-bottom: dotted 1px #CCC;
			}
			div#submenu ul.box li,
			div#submenu ul.login li {
				border-top: dotted 1px #CCC;
				padding: 8px 12px;
				}
				div#submenu ul.box li.title,
				div#submenu ul.login li.title {
					background: url(layout/submenu_subLksTop.gif) no-repeat;
					border: none;
					color: #069;
					font: bold 12px Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					}
				div#submenu ul.login li.bottom {
					background: url(layout/submenu_subLksBottom.gif) left bottom no-repeat;
					height: 30px;
					}
				div#submenu ul.box li.lvl2 {
					border: none;
					margin: 0px;
					padding: 0px 12px 6px 22px;
					text-indent: -10px;
					}
					div#submenu ul.box li.lvl2 a {
						font-weight: normal;
						}
			div#submenu ul.login .text { 
				color: #666;
				border: solid 1px #CCC;
				font-size: 10px;
				font-weight: bold;
				margin-bottom: 5px;
				padding: 2px;
				width: 160px;
				}
			div#submenu ul.login .button { 
				margin-bottom: 5px;
				}
		/* banners */
		div#submenu ul.banner li {
			padding-bottom: 15px
			}
		div#submenu ul.banner img {
			border: none;
			}

/* (XtraInfo) */

div#xtraInfo {
	color: #999;
	float: right;
	font-size: 10px;
	width: 170px;
	}
	div#xtraInfo a {
		font-weight: normal;
		}
	div#xtraInfo h4 {
		font: bold 12px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		}
	div#xtraInfo ul {
		border: none;
		list-style-type: none;
		margin-bottom: 15px;
		}
		div#xtraInfo li {
			padding: 10px 0px;
			border-bottom: dotted 1px #CCC;
			}
		div#xtraInfo li.end {
			}
	div#xtraInfo p.img {
		margin-bottom: 10px;
		padding-bottom: 10px;
		text-align: center;
		border-bottom: dotted 1px #CCC;
		}
		div#xtraInfo p.img a { color: #CCC; }
		div#xtraInfo p.img a:hover { text-decoration: none; color: #069; }
	div#xtraInfo div.xtraBox {
		background-color: #F1F1F1;
		border: solid 1px #CCC;
		margin-bottom: 15px;
		padding: 8px;
		}
		div#xtraInfo div.xtraBox hr {
			margin-bottom: 5px;
			}
		div#xtraInfo div.xtraBox li {
			margin-bottom: 2px;
			}

/* (Home - layout) */

div#home { 
	background: url(layout/home_sepBG.jpg) repeat-y;
/*	border-top: solid 1px #E2E2E2; */
	float: left;
	width: 740px;
	z-index: 2;
	}
	div#home #left, 
	div#home #center, 
	div#home #right { 
		float: left; 
		border-top: solid 20px #FFF; 
		}
	div#home #left {
		width: 204px;
		}
	div#home #center {
		padding: 0px 20px;
		text-align: center;
		width: 238px;
		}
		div#home #center p { 
			font-size: 14px; 
			margin-top: 15px;
			text-align: left; 
			}
		div#home #center hr { clear: both; margin: 10px 0px; }
		div#home #center h1,
		div#home #center h3 { width: 238px;	}
		div#home #center h3 { font-size: 20px; }
	div#home #right {
		padding-left: 20px;
		width: 234px;
		}
		div#home #right h1 { font: bold 12px Arial, Helvetica, sans-serif; width: auto; margin-bottom:5px; float: none; }
		div#home #right h2 { font: bold 12px Arial, Helvetica, sans-serif; color: #CCC;  }
		div#home #right p { font-size: 11px; color: #666; }
		div#home #right img { float: right; margin: 5px 0px 10px 5px; }
		div#home #right hr { clear: both; margin: 10px 0px; }

/* --- FOOTER --- */

div#footer {
	border-top: solid 1px #CCC;
	color: #CCC;
	float:right;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
	padding: 15px 0px;
	text-align: center;
	width: 730px;
	}
	div#footer a {
		color: #999;
		font-weight: normal;
		text-decoration: underline;
		}
		div#footer a.light { color: #CCC; text-decoration: underline; font-weight: normal; }
		div#footer a:hover { color: #333; }
	div#footer p {
		padding-right: 80px;
		padding-bottom: 10px;
		}

	div#footer ul { 
		list-style: none;
		margin: 0 auto;
		width: 420px;
		}
		
	div#footer li {
		float: left;
		margin-right: 40px;
		}

/*-------------------------------*\
         ÁREAS ESPECÍFICAS
\*-------------------------------*/

/* --- AGENDA CULTURAL & DESPORTIVA--- */

/* (Estrutura Geral) */

div#agendDesport,
div#agendDesport span.top,
div#agendDesport span.bottom {
	float: left;
	width: 740px;
	}
	div#agendDesport { background: #CCC; margin-bottom: -3px; }
	div#agendDesport span.top { 
		background:url(content/agendaCultural/main_topRound.gif) no-repeat;
		height: 11px;
		padding-bottom: 8px; 
		}
	div#agendDesport span.bottom { 
		background:url(content/agendaCultural/main_bottomRound.gif) bottom no-repeat;
		height: 11px; 
		padding-top: 8px;
		}
	div#agendDesport img#wrapperLoading { float: right; margin-right: 24px; }
		

div#agendDesport #wrapper { padding: 0px 18px; }
* html div#agendDesport #wrapper { float: left; } /* hack for IE6 */

/* (Conteúdo e Menus) */

div#agendDesport #mainNav,
div#agendDesport #mainContent { background-color: #FFF; }

/* (Menus) */

div#agendDesport #mainNav {
	float: left;
	width: 216px;
	font-weight: bold;
	}
	div#agendDesport #mainNav h2 {
		font: bold 20px Arial, Helvetica, sans-serif;
		margin-top: 20px;
		text-align: center;
		}

	/* (caixa de pesquisa) */
	div#agendDesport #mainNav #search {
		background: #036 url(content/agendaCultural/search_bgBottom.gif) bottom no-repeat;
		color: #FFF;
		margin: 14px;
		margin-top: 16px;
		}
		div#agendDesport #mainNav #search p,
		div#agendDesport #mainNav #search ul,
		div#agendDesport #mainNav #search input.button { margin: 0px 14px 14px 14px; }
		div#agendDesport #mainNav #search p,
		div#agendDesport #mainNav #search ul.sep {
			border-bottom: solid 1px #069; 
			padding-bottom: 14px; 
			}
		div#agendDesport #mainNav #search ul { list-style: none; }
		div#agendDesport #mainNav #search li { margin-bottom: 2px }
		div#agendDesport #mainNav #search h3 { 
			background: url(content/agendaCultural/search_title.gif) no-repeat; 
			height: 36px;
			}
			div#agendDesport #mainNav #search h3 span { display: none; }
		div#agendDesport #mainNav #search select,
		div#agendDesport #mainNav #search select.filter { 
			color: #333;
			font-size: 11px;
			font-weight: bold;
			}
			div#agendDesport #mainNav #search select.filter { width: 160px; }
			div#agendDesport #mainNav #search select.first { margin-bottom: 8px; }
			div#agendDesport #mainNav #search input.button { 
				background: #6CF;
				color: #036;
				padding: 4px;
				}
		div#agendDesport #mainNav #search iframe {
			margin: 0px 0px 0px 10px;
			width: 170px;
			}

	/* (calendário) */
	table.agenDesport,
	table.agenDesportAdmin { 
		border-bottom: solid 1px #069; 
		border-left: solid 1px #069; 
		border-top: solid 1px #069; 
		color: #069;
		font-size: 11px;
		font-weight: bold;
		text-align: center; 
		}
	table.agenDesportAdmin { 
		background: #FFF;
		border-color: #999;
		color: #999;
		}
		table.agenDesport a { color: #6CF }
		table.agenDesportAdmin a { color: #999 }
		table.agenDesport th,
		table.agenDesport td,
		table.agenDesportAdmin th,
		table.agenDesportAdmin td { 
			padding: 3px; 
			border-right: solid 1px #069; 
			}
		table.agenDesportAdmin th,
		table.agenDesportAdmin td { border-right-color: #999 }
		table.agenDesport thead th { background: #004D80 }
		table.agenDesportAdmin thead th { background: #CCC }
			table.agenDesportAdmin thead th a { color: #666 }
			table.agenDesport thead th img.left,
			table.agenDesportAdmin thead th img.left { 
				float: left; 
				margin-top: 2px 
				}
			table.agenDesport thead th img.right,
			table.agenDesportAdmin thead th img.right { 
				float: right; 
				margin-top: 2px 
				}
		table.agenDesport thead tr,
		table.agenDesportAdmin thead tr { 
			background: #069;
			color: #FFF;
			}
		table.agenDesportAdmin thead tr { background: #999 }
		table.agenDesport tbody a { text-decoration: underline; }
		table.agenDesportAdmin tbody a:hover { color: #000 }
		table.agenDesport tbody td.lastMonth,
		table.agenDesportAdmin tbody td.lastMonth a { 
			color: #004D80;
			font-weight: normal; 
			}
		table.agenDesportAdmin tbody td.lastMonth a { color: #999; }
		table.agenDesport tbody td.lastMonth a { font-weight: normal;  }
		table.agenDesportAdmin tbody td.today,
		table.agenDesportAdmin tbody td.today a { color: #999;}
		table.agenDesport tbody td.today,
		table.agenDesport tbody td.today a { color: #FFF;}

	/* (caixas apoio) */
	div#agendDesport #mainNav .xtraFuncs {
		border-bottom: solid 1px #FFF;
		color: #333;
		font-size: 11px;
		margin: 0px 14px;
		}
		div#agendDesport #mainNav .xtraFuncs .sep { 
			border-bottom: solid 1px #CCC; 
			padding-bottom: 14px;
			}
		div#agendDesport #mainNav .xtraFuncs a { 
			color: #069;
			text-decoration: underline;
			}
			div#agendDesport #mainNav .xtraFuncs a:hover { 
				color: #333; 
				text-decoration: none;
				}
		div#agendDesport #mainNav .xtraFuncs input.text,
		div#agendDesport #mainNav .xtraFuncs input.button { 
			border: solid 1px #999;
			font-size: 11px;
			font-weight: bold;
			color: #999;
			margin-bottom: 6px;
			padding: 4px;
			width: 150px;
			}
			div#agendDesport #mainNav .xtraFuncs input.button { 
				background: #999;
				color: #FFF;
				}
		div#agendDesport #mainNav .xtraFuncs h3 { height: 38px; }
			div#agendDesport #mainNav .xtraFuncs h3 span { display: none }
			div#agendDesport #mainNav .xtraFuncs h3.maisInfo { background: url(content/agendaCultural/moreInfo_titleOutrasInfos2.gif) no-repeat; }
			div#agendDesport #mainNav .xtraFuncs h3.myArea { background: url(content/agendaCultural/moreInfo_titleMyArea2.gif) no-repeat; }
			div#agendDesport #mainNav .xtraFuncs h3.logIn { background: url(content/agendaCultural/moreInfo_titleLogin2.gif) no-repeat; }
		div#agendDesport #mainNav .xtraFuncs p { margin: 0px 14px 14px 0px; }
			div#agendDesport #mainNav .xtraFuncs p.user { color:#666; text-align: center; }
				div#agendDesport #mainNav .xtraFuncs p.user span { font-weight: normal }
			div#agendDesport #mainNav .xtraFuncs p.sep { text-align: center; }
		div#agendDesport #mainNav .xtraFuncs ul { 
			color: #666;
			list-style: outside url(content/agendaCultural/moreInfo_iconList.gif); 
			margin: 0px 14px 20px 5px;
			padding-left: 14px;
			}
			div#agendDesport #mainNav .xtraFuncs ul.sep { padding-bottom: 5px; margin-bottom: 10px }
		div#agendDesport #mainNav .xtraFuncs li { margin-bottom: 8px; }

/* (Conteúdos) */

div#agendDesport #mainContent {
	float: right;
	width: 475px;
	}
	div#agendDesport #mainContent .wrapper{
		float: left;
		padding: 14px;
		}
	div#agendDesport #mainContent h1 {
		background: url(content/agendaCultural/main_title.gif) no-repeat;
		height: 37px;
		margin-bottom: 10px;
		width: 390px;
		}
		div#agendDesport #mainContent h1 span { display: none }
	div#agendDesport #mainContent p#rss {
		float:right; 
		width: 35px;
		}
		div#agendDesport #mainContent p#rss a {
			color: #F60; 
			font-size: 10px;
			font-weight: normal;
			}
		div#agendDesport #mainContent p#rss img {
			float: right; 
			margin-top: 1px;
			}

	/* (paginadores) */
	div#agendDesport #mainContent #paginadorTop,
	div#agendDesport #mainContent #paginadorBottom,
	div#agendDesport #mainContent .listagem,
	div#agendDesport #mainContent .bottomButtons {
		float:left;
		width: 441px;
		font-size: 11px;
		font-weight: bold;
		}
	div#agendDesport #mainContent #paginadorTop { 
		background: #036 url(content/agendaCultural/content_paginadorTop.gif) no-repeat;
		color: #FFF;
		}
		div#agendDesport #mainContent #paginadorTop a { color:#6CF; }
	div#agendDesport #mainContent #paginadorBottom { 
		background: url(content/agendaCultural/content_paginadorBottom.gif) no-repeat;
		color: #333;
		}
		div#agendDesport #mainContent #paginadorBottom a { color:#333; }
		div#agendDesport #mainContent #paginadorTop p,
		div#agendDesport #mainContent #paginadorBottom p { padding: 14px 10px; }
		div#agendDesport #mainContent #paginadorTop select,
		div#agendDesport #mainContent #paginadorBottom select { 
			font-size: 11px; 
			font-weight: bold;
			}
		div#agendDesport #mainContent #paginadorBottom select {
			background-color: #333;
			color: #FFF;
			} 
		div#agendDesport #mainContent #paginadorTop span,
		div#agendDesport #mainContent #paginadorBottom span { float: right; }

	/* (listagem) */
	div#agendDesport #mainContent .listagem,
	div#agendDesport #mainContent #resultados,
	div#agendDesport #mainContent #infoAccao,
	div#agendDesport #mainContent #msgErro,
	div#agendDesport #mainContent #filtros,
	div#agendDesport #mainContent #infoBlock,
	div#agendDesport #mainContent #infoBlockNotas,
	div#agendDesport #mainContent .bottomButtons {
		clear: both;
		margin-bottom: 6px;
		width: 441px;
		}
	div#agendDesport #mainContent .listagem {
		background-color: #EBEBEB;
		border-left: solid 4px #CCC;
		width: 437px;
		}
		div#agendDesport #mainContent .listagem.edit { border-left: solid 4px #666; }
		div#agendDesport #mainContent .listagem:hover {
			background-color: #FFF;
			border-left: solid 4px #6CF;
			}
			div#agendDesport #mainContent .listagem:hover h3 a { text-decoration: underline; }
		div#agendDesport #mainContent .listagem.static {
			background: #EBEBEB;
			border-left: solid 4px #CCC;
			margin-top: 6px;
			margin-bottom: 14px;
			}
		div#agendDesport #mainContent .listagem a { color: #069; font-weight: normal; }	
		div#agendDesport #mainContent .listagem h3,
		div#agendDesport #mainContent .listagem p { width: 265px;  font-weight: normal; }	
		div#agendDesport #mainContent .listagem h3,
		div#agendDesport #mainContent .listagem h3 a {
			font: normal 20px Arial, Helvetica, sans-serif;
			color: #333;
			}
			div#agendDesport #mainContent .listagem h3 span { display: none; }
		div#agendDesport #mainContent .listagem p { color: #999; }
			div#agendDesport #mainContent .listagem p.edit {
				border: none;
				border-top: solid 1px #CCC;
				color: #666; 
				font-size: 10px;
				margin-top: 5px;
				padding-top: 5px;
				}
				div#agendDesport #mainContent .listagem p.edit a { 
					float: right;
					color: #F60;
					}
		div#agendDesport #mainContent .listagem div { padding: 10px; }

	div#agendDesport #mainContent #resultados,
	div#agendDesport #mainContent #filtros,
	div#agendDesport #mainContent #infoAccao,
	div#agendDesport #mainContent #msgErro,
	div#agendDesport #mainContent .bottomButtons {
		background: #EBEBEB;
		color: #999;
		font-size: 10px;
		}
	div#agendDesport #mainContent .bottomButtons { padding: 5px 0px; margin: 0px; }
	div#agendDesport #mainContent #msgErro {
		background: #F00;
		color: #FFF;
		}
		div#agendDesport #mainContent #msgErro a { color: #FF6 }
	div#agendDesport #mainContent #infoAccao { 
		background: #FF6; 
		color: #333;
		text-align:center;
		}
		div#agendDesport #mainContent #infoAccao input {
			font-size: 10px;
			padding: 2px;
			border: solid 1px #666;
			}
	div#agendDesport #mainContent #filtros {
		background: #6CF;
		color: #333;
		font-weight: bold;
		margin: 0px;
		}
		div#agendDesport #mainContent #filtros a {
			color: #036;
			float: right;
			}
		div#agendDesport #mainContent #resultados p,
		div#agendDesport #mainContent #filtros p,
		div#agendDesport #mainContent #msgErro p,
		div#agendDesport #mainContent .bottomButtons p,
		div#agendDesport #mainContent #infoAccao p { padding: 5px; }
		div#agendDesport #mainContent .bottomButtons p { padding: 0px 5px; }
		
	/* (Conteúdos diversos) */
	div#agendDesport #mainContent #infoBlock h3,
	div#agendDesport #mainContent #infoBlock h4,
	div#agendDesport #mainContent #infoBlock p,
	div#agendDesport #mainContent #infoBlock ul,
	div#agendDesport #mainContent #infoBlockNotas h4 { padding-bottom: 12px; }
	div#agendDesport #mainContent #infoBlock hr { margin-bottom: 12px; }

	div#agendDesport #mainContent #infoBlock h3 {
		font: normal 24px Arial, Helvetica, sans-serif;
		color: #333;
		padding-top: 12px;
		}
	div#agendDesport #mainContent #infoBlock h4 {
		clear: both;
		font: bold 18px Arial, Helvetica, sans-serif;
		color: #999;
		}
		div#agendDesport #mainContent #infoBlock h4.vermelho { color: #F00; }
		div#agendDesport #mainContent #infoBlock h4.border { border-top: solid 1px #CCC; padding-top: 12px; }
	div#agendDesport #mainContent #infoBlock ul { 
		color: #036;
		float: left;
		list-style: none;
		}
		div#agendDesport #mainContent #infoBlock ul.multiCol { width: 140px; margin-left: 5px }
	div#agendDesport #mainContent #infoBlock li {
		clear: both;
		padding: 5px 0px;
		}
		div#agendDesport #mainContent #infoBlock ul.multiCol li { padding-left: 16px; text-indent: -16px; }
		*div#agendDesport #mainContent #infoBlock ul.multiCol li { padding-left: 24px; text-indent: -24px; } /* Hack IE's */

	div#agendDesport #mainContent #infoBlock ul { list-style: none }	
	div#agendDesport #mainContent #infoBlock input.textbox,
	div#agendDesport #mainContent #infoBlock select.textbox,
	div#agendDesport #mainContent #infoBlock input.databox { border: solid 1px #036; }
	div#agendDesport #mainContent #infoBlock input.textboxCinza,
	div#agendDesport #mainContent #infoBlock .textareaCinza { border: solid 1px #999; }
	div#agendDesport #mainContent #infoBlock input.textbox,
	div#agendDesport #mainContent #infoBlock select.textbox,
	div#agendDesport #mainContent #infoBlock .textarea,
	div#agendDesport #mainContent #infoBlock input.textboxCinza,
	div#agendDesport #mainContent #infoBlock .textareaCinza { width: 260px; color: #333 } 
	div#agendDesport #mainContent #infoBlock .textareaCinza { height: 200px; }
	div#agendDesport #mainContent #infoBlock input.databox { width: 185px; }
	div#agendDesport #mainContent #infoBlock input.cinza,
		div#agendDesport #mainContent #infoBlock p.textbox {
			background: #EBEBEB;
			clear: both;
			color: #036;
			float:left;
			margin-bottom: 12px;
			padding: 8px;
			padding-bottom: 7px;
			width: 424px;
			}
	div#agendDesport #mainContent #infoBlock span.block {
		display: block;
		float: left;
		width: 145px;
		}
	div#agendDesport #mainContent #infoBlock span.msgErro {
		clear: both;
		color: #F00;
		font-size: 11px;
		margin-left: 145px;
		}
	div#agendDesport #mainContent #infoBlock #DatasPeriodo,
	div#agendDesport #mainContent #infoBlock #DatasDias {
		background: #F5F5F5; 
		border: solid 1px #EBEBEB; 
		float: left; 
		margin-bottom: 15px;
		margin-top:-13px; 
		padding: 5px 0px;
		width: 438px; 
		}
	div#agendDesport #mainContent #infoBlock .button,
	div#agendDesport #mainContent .bottomButtons .button,
	div#agendDesport #mainContent .bottomButtons .buttonEdit { padding: 5px; float: right; }
	div#agendDesport #mainContent .bottomButtons .button { float: left;}

	div#agendDesport #mainContent #infoBlockNotas {
		color: #666;
		font-size: 10px;
		}
		div#agendDesport #mainContent #infoBlockNotas h4 {
			font-size: 12px;
			color: #666;
			}
		div#agendDesport #mainContent #infoBlockNotas strong {
			display: block;
			float: left;
			width: 95px;
			}
		div#agendDesport #mainContent #infoBlockNotas span { 
			display: block; 
			float:left; 
			margin-bottom: 5px; 
			width: 335px; 
			}
		div#agendDesport #mainContent #infoBlockNotas br { clear:both; }

/* --- ARQUIVO DE IMPRENSA --- */

/* (Search UI) */

#arqPress #searchUI,
#arqPress #searchUI #filters {
	float: left;
	width: 530px;
	font-size: 11px;
	}
#arqPress #searchUI {
	color: #999;
	padding-bottom: 8px;
	}
	#arqPress #searchUI p,
	#arqPress #searchUI img {
		float: left;
		font-size: 10px;
		margin: 0px;
		margin-top: 2px;
		}
		#arqPress #searchUI img { 
			margin-top: 5px;
			margin-right: 5px;
			}
	#arqPress #searchUI .textbox {
			float: right;
			font-size: 10px;
			width: 130px;
			}
	#arqPress #searchUI #filters {
		background: url(content/arqImprensa/searchUI_BG.gif) no-repeat;
		height: 40px;
		padding-bottom: 8px;
		_padding-bottom: 4px; /* for IE < 7 */
		}
		#arqPress #searchUI #filters ul {
			border: none;
			font-weight: bold;
			float: left;
			list-style: none;
			padding: 10px;
			}
		#arqPress #searchUI #filters li {
			border: none;
			float: left;
			padding-right: 8px;
			}
		#arqPress #searchUI #filters p.search {
			float: right;
			margin: 0px;
			width: 180px;
			}
		#arqPress #searchUI #filters .textbox {
			float: left;
			font-size: 11px;
			font-weight: bold;
			margin-top: 10px;
			padding: 3px 5px;
			}
		#arqPress #searchUI #filters .searchBt {
			float: right;
			margin-top: 7px;
			margin-right: 7px;
			}

/* (Listagem) */

#arqPress .list {
	background: url(content/arqImprensa/list_BG.gif) repeat-x;
	color: #333;
	float: left;
	padding: 12px 0px;
	width: 530px;
	}
	#arqPress .list:hover { background: url(content/arqImprensa/list_BG_over.gif) repeat-x; }
	#arqPress .list:hover img.BigIcon { background: url(content/arqImprensa/list_BG_over.gif) repeat-x; border: solid 1px #036; }
	#arqPress .list a {
		font-size: 14px;
		font-weight: bold;
		}
	#arqPress .list p {
		margin: 0px;
		padding: 0px 12px 0px 16px;
		}
	#arqPress .list span {
		color:#999;
		font-size: 10px;
		}
	#arqPress .list span a { font-size: 10px; color: #999 }
	#arqPress .list img.BigIcon {
		border: solid 1px #FFF;
		float: right;
		margin: 4px;
		}
		#arqPress .list img.BigIcon:hover { border: solid 1px #09C }
	#arqPress code {
		display: block;
		float: left;
		height: 16px;
		margin-top: 6px;
		margin-right: 4px;
		width: 16px;
		}
		#arqPress code span { display: none }
		#arqPress code.som { background: url(layout/icon_fileSom.gif) no-repeat; }
		#arqPress code.video { background: url(layout/icon_fileVideo.gif) no-repeat; }
		#arqPress code.img { background: url(layout/icon_fileImg.gif) no-repeat; }
		#arqPress code.doc { background: url(layout/icon_fileDocGeral.gif) no-repeat; }
		#arqPress code.excel { background: url(layout/icon_fileExcel.gif) no-repeat; }
		#arqPress code.word { background: url(layout/icon_fileWord.gif) no-repeat; }
		#arqPress code.ppoint { background: url(layout/icon_filePPoint.gif) no-repeat; }
		#arqPress code.pdf { background: url(layout/icon_filePdf.gif) no-repeat; }

/* --- OBSERVATÓRIO DE DESENVOLVIMENTO ECONÓMICO E SOCIAL --- */

/* Conteúdos */

h1.odesaml { padding: 15px 0px; }

#container h2.odesaml {
	background: url(content/odesaml/bg_titulo.gif) no-repeat;
	border-bottom: solid 1px #FFF;
	color: #FFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 12px;
	margin-bottom:0px;
	}

div#odesaml {
	background: url(content/odesaml/bg_content.gif) no-repeat;
	padding: 16px 16px 0px 0px;
	}
	
	div#odesaml h4 { color: #099 }

/* Dados Estatísticos */

div#odesStats {
	background: #009596 url(content/odesaml/bg_searchInterface.gif) bottom no-repeat;
	color: #FFF;
	padding: 12px;
	margin-bottom: 20px;
	}

	div#odesStats .ddmenu,
	div#odesStats .searchBt,
	div#odesList .searchBt	{
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		padding: 2px;
		}
	
		div#odesStats .ddmenu.L {
			margin-bottom: 12px;
			width: 100%;
			}
	
	div#odesStats .searchBt,
	div#odesList .searchBt 	{
		box-shadow: inset 0 3px 3px #CF0;
		-moz-box-shadow: inset 0 3px 3px #CF0;
		-moz-border-radius: 8px;
		-khtml-border-radius: 8px;
		-webkit-border-radius: 8px;
		background-color: #9C0;
		color: #333;
		cursor: pointer;
		font-weight: bold;
		padding: 2px 4px;
		text-shadow: 0px 1px 0px #CF0;
		}
	
		div#odesStats .searchBt:hover,
		div#odesList .searchBt:hover{
			box-shadow: inset 0 3px 3px  #9C0;
			-moz-box-shadow: inset 0 3px 3px  #9C0;
			background-color: #80B300;
			text-shadow: 0px 1px 0px #9C0;
			}
	
	#container p.odesCrumbs {
		color: #666;
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		}
		
		#container p.odesCrumbs span { color:#999 }

/* Listagem */

	#container #odesList { 
		background-color: #E6E6E6;
		float: left;
		font: 11px Arial, Helvetica, sans-serif;
		width: 530px;
		}

		#container #odesList h4 {
			color: #999;
			margin-bottom: 0px;
			text-align: center;
			}
		
		#container #odesList ul {
			border-color: #999;
			clear: both;
			font: 12px Verdana, Arial, Helvetica, sans-serif;
			list-style: none;
			margin-bottom: 0px;
			padding: 0px;
			}
			
			#container #odesList ul a { 
				color: #069;
				font-weight: bold;
				text-decoration: none;
				}
				
				#container #odesList ul a:hover { color: #0099CC }
	
		#container #odesList li {
			border-color: #999;
			margin-bottom: 0px;
			padding: 6px 15px;
			text-indent: 0px;
			}
		
		#container #odesList p.top,
		#container #odesList p.bottom { 
			background: #E6E6E6 url(content/odesaml/bg_listTop.gif) no-repeat;
			color: #999;
			float: left;
			font: bold 11px Verdana, Arial, Helvetica, sans-serif;
			margin-bottom: 0px;
			width: 530px;
			}
			
		#container #odesList p.bottom { background: #E6E6E6 url(content/odesaml/bg_listBottom.gif) bottom no-repeat; }
			
			#container #odesList p.top img,
			#container #odesList p.bottom img { margin: 0px; }

			#container #odesList p a { 
				color: #069;
				text-decoration: none; 
				}

				#container #odesList p a:hover { color: #09C }

				#container #odesList p span {
					display: block;
					padding: 14px;
					}
					
					#container #odesList p span.left,
					#container #odesList p span.left img { float: left; }
	
					#container #odesList p span.left img { margin-right: 5px }

					#container #odesList p span.right,
					#container #odesList p span.right img { 
						float: right; 
						text-align: right;
						}

					#container #odesList p span.right img { margin-left: 5px }

					#container #odesList p span.right a { font-weight: bold; }

/* Tabela */

#container #odesList #odesTable {
	clear: both;
	overflow: auto;
	width: 530px;
	}

#container #odesList #odesTable table {
	border: none;
	border-collapse: collapse;
	border-top: dotted 1px #999;
	border-bottom: dotted 1px #999;
	clear: both;
	margin-bottom: 0px;
	margin-top: 1px;
	width: 100%;
	}

	#container #odesList #odesTable tr {
		background-color: #E6E6E6;
		}

		#container #odesList #odesTable tr.subTotal td,
		#container #odesList #odesTable thead td { 
			color: #333;
			font-weight: bold;
			}

		#container #odesList #odesTable tr.darker td { background-color:  #DBDBDB; }

	#container #odesList #odesTable thead td {
		background-color: #CCC;
		}

	#container #odesList #odesTable td {
		background-color: #E6E6E6;
		border: none;
		}

	#container #odesList #odesTable th {
		color: #999;
		padding: 5px;
		}

/*-------------------------------*\
		VARIAÇÕES E EXTRAS
\*-------------------------------*/

/* --- VARIAÇÕES --- */

div#content.slim, 
div#contentAdmin.slim {
	width: 340px;
	}
a.selected { text-decoration: underline; }
.notas { 
	font-size: 10px;
	color: #999;
	}
.bold { font-weight: bold }
.gray, 
.cinza { color: #999; }
.warning { color: #F00; }
.vermelho { color: #F00; }
.verde { color: #090; }
.font_normal { font-weight: normal; }
.toRight,
a.toRight { float: right; }

/* --- EXTRAS --- */

div#content #infoBlock img,
div#contentAdmin .infoBlock img {
	float: right;
	margin: 0px;
	}
.imgZoom {
	background: #E2E2E2;
	border: solid 1px #CCC;
	float: right;
	font-size: 11px;
	margin-bottom: 15px;
	margin-left: 15px;
	padding-bottom: 5px;
	text-align: center;
	width: 151px;
	}
	.imgZoom img {
		border: solid 1px #FFF;
		}

#offline_mainmenu {
	background: url(layout/offline_mainmenu.gif) no-repeat;
	color: #F30;
	font-size: 11px;
	font-weight: bold;
	padding: 20px 50px 50px 0px;
	text-align: right;
	}
#offline_submenu {
	background: url(layout/offline_submenu.gif) no-repeat;
	float: left;
	color: #F30;
	font-size: 11px;
	font-weight: bold;
	height: 300px;
	margin-right: 20px;
	padding-top: 200px;
	text-align: center;
	width: 190px;
	}