/* @override http://www.gpelisboa.eu/themes/wip013/front/structure/css/main.css */

/* CSS Document */

@import url("constants.css");

/*
	-- -- -- -- -- -- --

	GPE Lisboa v2008 CSS
	Março/2009
	Desenvolvido por Multiweb * Business Inspiration
	www.multiweb.pt

	-- -- -- -- -- -- --

*/

/* =TIPOGRAFIA
------------------------------------------------------------------------ */
body, input, textarea{font-family: Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#555d66; font-size:0.70em;}
h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, sans-serif;
	color:#0b1013;
	text-shadow: #c3ced5 1px 1px 0px;
	height:auto;
	font-weight:bold;
	}

h1{font-weight:normal;}
h3, h4, h5{margin-bottom:0;}

#content h3{
	margin-bottom:0.5em;
	}

#header{color:#a1abb4;}
#footer02{font-size:0.8em; line-height:1.875em; margin-bottom:1.875em;}

#footer p{margin:0;}

p.lead{
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size:1.5em;
	color:#464a4c;
	line-height:1.2em;
	}

a:link, a:visited{color:#1f1d1e; font-weight:bold; text-decoration:none;font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;}
a:hover, a:active{color:#1b7ada;}



/* =LAYOUT SPECIFICS
------------------------------------------------------------------------ */
body{background: #e4e9ed url(../../img/layout/body.bg.png) repeat-x left top;}
div#globalContainer{}

div#header{}
	div#header div#header01{
		height:128px;
		border-bottom:2px solid #ced5da;
		position:relative;
		margin-bottom:0.6em;
		}
		div#header div#header01 img#headerLogo{
			position:absolute;
			left:25px;
			top:18px;
			}
	div#header div#header02{
		height:49px;
		line-height:49px;
		position:relative;
		}

div#mainContent{
	padding-top:12px;
	background: url(../../img/layout/mainContent.bg.png) no-repeat left top;
	}
	div#mainContent div.mainContentInner{
		background: url(../../img/layout/mainContent.bg02.png) no-repeat left bottom;
		}
	body#secHome div#mainContent{
		padding:0;
		background:none;
		}
	
	/* LAYOUTA1 - navbar + content + sidebar */
	body.layoutA1 div#mainContent{}
	body.layoutA1 div#mainContent .mainContentInner{
		padding:0.5em 20px 1.5em 20px;
		}
	body.layoutA1 div#mainContent div#navBar{
		float:left;
		width:130px;
		padding:0 10px 0 0;
		}
		div#navBar h2{
			color:#fff;
			text-transform:uppercase;
			font-size:1.8em;
			font-weight:normal;
			}
	body.layoutA1 div#mainContent div#content{
		float:left;
		width:560px;
		padding-top:18px;
		background: url(../../img/layout/LA1.content.bg.png) no-repeat left top;
		}
		body.layoutA1 div#mainContent div#content div.contentInner{
			padding:0 12px 10px 24px;
			background: url(../../img/layout/LA1.content.bg.png) no-repeat left bottom;
			}
	body.layoutA1 div#mainContent div#sidebar{
		float:left;
		width:240px;
		margin-left:10px;
		}
	body.layoutA1 img#bannerTop{
		margin-bottom:1.5em;
		}
	
	/* LAYOUTB1 - navbar + content (DETALHE DE ARTIGO) */
	body.layoutB1 div#mainContent{}
	body.layoutB1 div#mainContent .mainContentInner{
		padding:0.5em 20px 1.5em 20px;
		}
	body.layoutB1 div#mainContent div#navBar{
		float:left;
		width:130px;
		padding:0 10px 0 0;
		}
	body.layoutB1 div#mainContent div#content{
		float:left;
		width:810px;
		padding-top:55px;
		background: url(../../img/layout/LB1.content.bg01.png) no-repeat left top;
		position:relative;
		}
		body.layoutB1 div#mainContent div#content div.contentInner{
			padding:0 12px 10px 45px;
			background: url(../../img/layout/LB1.content.bg02.png) no-repeat left bottom;
			}
	.layoutB1 #content .column01{
		float:left;
		width:500px;
		padding-right:33px;
		}
	.layoutB1 #content .column02{
		float:left;
		width:180px;
		padding:0 20px 0 20px;
		line-height:1.1em;
		font-size:0.95em;
		}
		.layoutB1 #content .column02 h4{
			margin-bottom:0.8em;
			}
		.layoutB1 #content .column02 hr{
			border:none;
			border-top:1px solid #e9eaeb;
			margin:1.5em -30px 1.5em -20px;
			}
		.layoutB1 #content .column02 a:link,
		.layoutB1 #content .column02 a:visited{
			color:#090e11;
			}
		.layoutB1 #content .column02 a:hover,
		.layoutB1 #content .column02 a:active{
			color:#1b7ada;
			}

	/* LAYOUTC1 - uma coluna, resultados de pesquisa */
	body.layoutC1 div#mainContent{
		background: url(../../img/layout/LC1.mainContent.bg.png) no-repeat left top;
		padding-top:16px;
		}
		body.layoutC1 div#mainContent div.mainContentInner{
			background: url(../../img/layout/LC1.mainContent.bg.png) no-repeat left bottom;
			padding:18px 32px;
			}
			
		body.layoutC1 #filterSearchResults{
			background:#f3f6f7;
			margin-bottom:1.5em;
			padding:12px;
			-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
			-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
			-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
			-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
			}
			body.layoutC1 #filterSearchResults table{margin:0;}
			body.layoutC1 #filterSearchResults table th{
				font-weight:bold;
				text-align:right;
				padding-right:8px;
				}
			body.layoutC1 #filterSearchResults button{margin-left:5px;}

div#footer{
	position:relative;
	}
	a#signatureMultiweb{
		display:block;
		position:absolute;
		width:164px;
		height:21px;
		right:0;
		top:0;
		text-indent:-9000px;
		background: url(../../img/langPT/layout/footer.multiweb.png) no-repeat left top;
		}
	
/* =LAYOUT SNIPPETS
------------------------------------------------------------------------ */
.photoGallery{}
	.photoGallery.static{
		width:200px;
		float:left;
		margin:0 12px 12px 0
		}
	.photoGallery.slide{
		margin:1.5em 0;
		}
	.photoGallery.static table{
		width:auto;
		}
	.photoGallery.static table td{padding:0 5px 5px 0;}
	.photoGallery.static div.thumb{
		width:60px;
		height:40px;
		overflow:hidden;
		margin:0;
		}


#welcomeMessage{}
	#welcomeMessage .column01{
		float:left;
		width:255px;
		margin-right:20px;
		}
	#welcomeMessage .column02{
		float:left;
		width:410px;
		}
		#welcomeMessage .column02 h1{
			margin-top:0.5em;
			}
		#welcomeMessage .column02 h2{
			font-size:1.15em;
			}

#newsMarquee{
	padding:0 30px;
	}
	#newsMarquee div{
		float:left;
		}
	#newsMarquee div.title{
		text-transform:uppercase;
		color:#fff;
		margin-right:10px;
		}



.boxType01{
	background:url(../../img/layout/home.cols18.boxT1.bg01.png) no-repeat left top;
	padding:12px 0 0 0;
	margin-bottom:0.8em;
	}
	.boxType01 hr{
		background:none;
		height:1px;
		border:none;
		border-top:1px solid #eeeeee;
		margin:1em 0;
		}
	.boxType01 div.inner{
		background:url(../../img/layout/home.cols18.boxT1.bg02.png) no-repeat left bottom;
		padding:0 12px 12px 12px;
		}
	.cols-7 .boxType01{
		background:url(../../img/layout/home.cols7.boxT1.bg.png) no-repeat left top;
		padding:12px 0 0 0;
		}
		.cols-7 .boxType01 div.inner{
			background:url(../../img/layout/home.cols7.boxT1.bg.png) no-repeat left bottom;
			padding:0 12px 12px 12px;
			}
		#sidebar .boxType01 div.inner{
			padding-left:24px;
			padding-right:24px;
			}
		.boxType01.white{
			background:url(../../img/layout/home.cols18.boxT1white.bg01.png) no-repeat left top;
			}
			.boxType01.white div.inner{
				background:url(../../img/layout/home.cols18.boxT1white.bg02.png) no-repeat left bottom;
				}


.boxType02{
	background:url(../../img/layout/home.cols7.boxT2.bg.png) no-repeat left top;
	padding:12px 0 0 0;
	margin-bottom:0.8em;
	}
	.boxType02 div.inner{
		background:url(../../img/layout/home.cols7.boxT2.bg.png) no-repeat left bottom;
		padding:0 12px 12px 12px;
		}
	.boxType02 h4{
		margin:0 0 0.5em 0;
		}
	.boxType02 h5{
		margin:0.5em 0 0.5em 0;
		}
	.boxType02 div.inner{
		padding-left:24px;
		padding-right:24px;
		}
	#sidebar .boxType02{
		margin-bottom:0.8em;
		background: url(../../img/layout/sidebar.boxT2.bg.png) no-repeat left top;
		}
		#sidebar .boxType02 p{
			margin:0;
			}
		#sidebar .boxType02 div.inner{
			background: url(../../img/layout/sidebar.boxT2.bg.png) no-repeat left bottom;
			}

#suggestions.boxType02{
	background:url(../../img/layout/home.cols7.boxT2header.bg.png) no-repeat left top;
	padding-top:40px;
	}
	#suggestions.boxType02 div.inner{
		background:url(../../img/layout/home.cols7.boxT2header.bg.png) no-repeat left bottom;
		position:relative;
		padding-bottom:10px;
		}
	#suggestions.boxType02 h4{
		position:absolute;
		top:-27px;
		color:#fff;
		}
		.boxType02 a.boxContinue:link, .boxType02 a.boxContinue:visited{
			clear:both;
			text-align:right;
			border:none;
			color:#1b7ada;
			font-size:0.85em;
			line-height:1.3em;
			margin:0;
			padding-right:8px;
			background: url(../../img/layout/boxContinue.a.bg.gif) no-repeat right 9px;
			}
		.boxType02 a.boxContinue:hover, .boxType02 a.boxContinue:active{
			color:#2d95ff;
			}

.boxType03{
	background: url(../../img/layout/LA1.boxType03.bg.png) no-repeat left bottom;
	margin-bottom:0.8em;
	}
	.boxType03 p{
		margin:0;
		}
	.boxType03 div{
		padding:10px 15px 15px 15px;
		}
	.boxType03 h4{
		background: url(../../img/layout/LA1.boxType03.header.bg.png) no-repeat left top;
		padding:15px 15px 10px 15px;
		color:#fff;
		}



a.boxContinue:link, a.boxContinue:visited{
	display:block;
	border-top:1px solid #dab003;
	color:#090e11;
	margin:0 -21px 0 -21px;
	padding:6px 21px 0 21px;
	font-size:1.15em;
	}
a.boxContinue:hover, a.boxContinue:active{
	color:#896e00;
	}

#secHome #featured01{
	padding:12px;
	background: url(../../img/layout/home.featured01.bg.png) no-repeat left top;
	}

div#tabs{}
	div#tabs ul.ui-tabs-nav{
		list-style:none;
		}
		div#tabs ul.ui-tabs-nav li{
			display:inline-block;
			}
		div#tabs ul.ui-tabs-nav li a:link,
		div#tabs ul.ui-tabs-nav li a:visited{
			display:block;
			padding:0 0 0 18px;
			color:#fff;
			text-transform:uppercase;
			font-weight:normal;
			font-size:1.15em;
			font-weight:bold;
			}
		div#tabs ul.ui-tabs-nav li a:link span,
		div#tabs ul.ui-tabs-nav li a:visited span{
			display:block;
			padding:9px 18px 9px 0;
			color:#72889e;
			}
		div#tabs ul.ui-tabs-nav li.ui-state-active a:link,
		div#tabs ul.ui-tabs-nav li.ui-state-active a:visited{
			background: url(../../img/layout/ui-tabs-nav.a.bg.png) no-repeat left top;
			color:#000000;
			outline:none;
			}
		div#tabs ul.ui-tabs-nav li a:hover span{color:#2b3b4b;}
			div#tabs ul.ui-tabs-nav li.ui-state-active a:link span,
			div#tabs ul.ui-tabs-nav li.ui-state-active a:visited span{
				background: url(../../img/layout/ui-tabs-nav.a.bg.png) no-repeat right top;
				color:#000000;
				}
	div#tabs div.ui-tabs-panel{}
		div#tabs div.ui-tabs-panel div.inner{
			background:#fff;
			padding:18px 12px 18px 12px;
			min-height:200px;
			-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
			-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
			-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
			}
		div#tabs div.ui-tabs-panel div.column01{
			float:left;
			width:420px;
			margin-right:20px;
			}
		div#tabs div.ui-tabs-panel div.column02{
			float:left;
			width:222px;
			}
			div#tabs div.ui-tabs-panel div.column02 h4{
				padding:10px 12px;
				background: url(../../img/layout/ui-tabs-panel.col02.h4.bg.png) no-repeat left top;
				color:#fff;
				}
			div#tabs div.ui-tabs-panel div.column02 div.inner{
				background:#ddebf9;
				-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
				-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
				}

#tabsInterface{
	margin:1.5em 0;
	}
	div#tabsInterface ul.ui-tabs-nav{
		list-style:none;
		margin:0 0 0 5px;
		font-size:0.90em;
		}
		div#tabsInterface ul.ui-tabs-nav li{
			display:inline-block;
			}
		div#tabsInterface ul.ui-tabs-nav li a:link,
		div#tabsInterface ul.ui-tabs-nav li a:visited{
			display:block;
			padding:0 0 0 12px;
			color:#fff;
			text-transform:uppercase;
			font-weight:normal;
			font-weight:bold;
			border-top:3px solid #f0f1f3;
			border-right:3px solid #f0f1f3;
			border-left:3px solid #f0f1f3;
			border-bottom:none;
			-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
			-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
			-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
			-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
			outline:none;
			}
			div#tabsInterface ul.ui-tabs-nav li.ui-state-active a:link,
			div#tabsInterface ul.ui-tabs-nav li.ui-state-active a:visited{
				background:#f0f1f3;
				}
				div#tabsInterface ul.ui-tabs-nav li.ui-state-active a:link span,
				div#tabsInterface ul.ui-tabs-nav li.ui-state-active a:visited span{color:#1b7ada;}
		div#tabsInterface ul.ui-tabs-nav li a:link span,
		div#tabsInterface ul.ui-tabs-nav li a:visited span{
			display:block;
			padding:6px 12px 6px 0;
			color:#72889e;
			}
		div#tabsInterface div.ui-tabs-panel{
			margin-top:-3px;
			background:#f0f1f3;
			padding:1em 1.5em;
			-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
			-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
			-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
			-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
			}
		div#tabsInterface div.ui-tabs-panel:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	div#tabsInterface hr{
		border:none;
		border-top:1px solid #dadee5;
		margin:1.5em 0;
		}

div#smallGallery{/* galeria de fotos na home*/
	}
#sidebar div#smallGallery div.inner{
	padding:0 12px 12px 12px;
	}


#notifContent{
	padding:8px 20px 8px 162px;
	}
	#notifContent div{
		padding:3px 5px;
		text-align:center;
		font-size:1.1em;
		}
	#notifContent div.success{
		color:#159412;
		background:#a8d3a7;
		border:2px solid #b6ff07; 
		-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
		-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;		
		}
	#notifContent div.error{
		color:#8a172c;
		background:#cb9fa7;
		border:2px solid #ff0000; 
		-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
		-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;		
		}


div#featured03{}
div#featured03 div.thumb{
	width: 255px;
	height: 200px;
	margin: 10px 0 0 0;
	position: relative;
	overflow: hidden;
	}
div#featured03 div.thumb img.mask{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	}
div#featured03 div.thumb img.thumb{
	position: relative;
	left: 0;
	top: 0;
	z-index: 1;
	}

/* =DATATABLES AND DATALISTS
------------------------------------------------------------------------ */
.dataTable {}
.dataTable p{margin:0;}

.layoutB1 #content .column01 table{
	margin:1.5em 0;
	}
	.layoutB1 #content .column01 table th{
		background:none;
		font-weight:bold;
		}
	.layoutB1 #content .column01 table p{margin:0;}
	.layoutB1 #content .column01 table thead td{
		background:#e4e9ed;
		font-weight:bold;
		}
	.layoutB1 #content .column01 table th,
	.layoutB1 #content .column01 table td{
		border-bottom:1px solid #e4e9ed;
		}

.dataTable.featuredEvents{
	margin:0;
	}
	.dataTable.featuredEvents td.date{
		width:30px;
		padding-right:8px;
		text-align:center;
		color:#bac5d0;
		line-height:0.75em;
		font-family:Arial, Helvetica, sans-serif;
		}
		.dataTable.featuredEvents td.date div{
			background: url(../../img/layout/featuredEvents.date.bg.gif) no-repeat left top;
			min-height:34px;
			padding-top:2px;
			}
		.dataTable.featuredEvents td.date span{
			display:block;
			text-align:center;
			}
		.dataTable.featuredEvents td.date span.day{
			display:block;
			text-align:center;
			font-size:1.75em;
			letter-spacing:-1px;
			line-height:1em;
			width:27px;
			}
		.dataTable.featuredEvents td.date span.month{
			line-height:0.80em;
			color:#a9b5c0;
			}

	.dataTable.featuredEvents td{
		padding:8px 0;
		background: url(../../img/layout/featuredEvents.td.bg.gif) repeat-x left bottom;
		}
		.dataTable.featuredEvents td img.thumb{
			float:left;
			margin:0 8px 0 0;
			}

table.articleList01{}
	table.articleList01 td{
		padding:1.5em 1.5em 1.5em 0;
		border-bottom:1px solid #eceef0;
		width: 50%;
		}
	table.articleList01 td p.date{
		font-size:0.85em;
		color:#828b96;
		}
	table.articleList01 a.thumb:link,
	table.articleList01 a.thumb:visited{
		display:block;
		float:left;
		width:98px;
		margin:0 8px 4px 0;
		border:1px solid #bac5d0;
		}
		table.articleList01 a.thumb:hover,
		table.articleList01 a.thumb:active{border:1px solid #1d7bda;}

table.folderNav{}
	table.folderNav td{
		padding:4px 0;
		}
		table.folderNav td h3{
			display:block;
			padding:0 0 0 20px;
			background: url(../../img/layout/folderNav.a.bg.png) no-repeat left top;
			}

table.faqsList{}
	table.faqsList td{
		padding:0 0 15px 0;
		}
	table.faqsList div.blockSwitch{
		color:#1fb0dd;
		cursor:pointer;
		padding:0 0 4px 0;
		border-bottom:1px solid #d1ebf6;
		}
		table.faqsList div.blockSwitch.active{border-bottom:none;}
		table.faqsList div.blockSwitch.active h5{color:#1b7ada;}
	table.faqsList div.content{
		display:none;
		margin:5px 0 1.2em 0;
		border-bottom:1px solid #d1ebf6;
		}

ul.activitiesList{
	margin:0 0 1em 0;
	line-height:1.1em;
	float:left;
	width:100%;
	}
	ul.activitiesList p{margin:0;}
	ul.activitiesList p.date{
		font-size:0.80em;
		color:#8e9499;
		}
	ul.activitiesList li{
		border-bottom:1px solid #eeeeee;
		float:left;
		width:100%;
		clear:left;
		padding:6px 0 6px 0;
		}
	ul.activitiesList img{float:left; margin:0 12px 0 0;}
	ul.activitiesList li span{
		display:block;
		text-transform:uppercase;
		color:#3b403e;
		font-size:0.85em;
		padding-top:0.3em;
		}

ul.articleOpts{}
	ul.articleOpts li{
		margin:0 0 6px 0;
		}
	ul.articleOpts a:link,
	ul.articleOpts a:visited{
		padding-right:8px;
		background: url(../../img/layout/articleOps.a.bg.gif) no-repeat right center;
		}

table.relatedArticles{}
	table.relatedArticles td{
		padding:0 0 1em 0;
		vertical-align:top;
		}
	table.relatedArticles div.thumb{
		padding-right:8px;
		}
	table.relatedArticles p{margin:0;}

table.documentsList{}
	table.documentsList td{}
	table.documentsList th{
		background:none;
		}

table.commentsList{
	margin-bottom:1.5em;
	}
	table.commentsList td{padding:0;}
	table.commentsList td.author{
		border-bottom:1px solid #bac5d0;
		font-size:1.25em;
		font-weight:bold;
		padding:3px 0;
		}
	table.commentsList td.date{
		text-align:right;
		font-size:0.8em;
		border-bottom:1px solid #bac5d0;
		padding:3px 0;
		}

ul.linksList{
	float:left;
	width:100%;
	line-height:1.2em;
	margin:0.5em 0 1.5em 0;
	}
	ul.linksList li{
		float:left;
		display:block;
		width:30%;
		padding:0 3% 0 0;
		}
	ul.linksList p{margin:0;}
	ul.linksList p.url{
		font-size:0.85em;
		}
	ul.linksList p.url a:link,
	ul.linksList p.url a:visited{color:#7c8692;}
	ul.linksList p.url a:hover,
	ul.linksList p.url a:active{color:#1b7ada;}

ul.moreArticles01{}
	ul.moreArticles01 li{
		display:block;
		padding:0 0 0 8px;
		margin-bottom:0.3em;
		background: url(../../img/layout/moreArticles01.li.bg.png) no-repeat left 9px;
		}
	ul.moreArticles01 li a:link,
	ul.moreArticles01 li a:visited{
		font-weight:normal;
		}

ul#siteMap{
	float:left;
	width:100%;
	padding-bottom:1.5em;
	}
	ul#siteMap li{}
	ul#siteMap li.depth0{
		font-size:1.6em;
		border-bottom:1px solid #bac5d0;
		padding-top:1.5em;
		clear:both;
		}
	ul#siteMap li.depth1{
		padding-left:1.5em;
		float:left;
		width:30%;
		}

/* =LISTS
------------------------------------------------------------------------ */
ul{list-style:none; margin:0;}

/* =siteNav */
ul#siteNav {list-style:none; width:668px; height:60px; position:absolute; left:280px; top:77px; z-index:1; margin:0 auto;}
ul#siteNav li{display:inline; position:relative;}
ul#siteNav li a:link,
ul#siteNav li a:visited{color:#fff;}
ul#siteNav li a {
	display:block;
	float:left;
	height:60px;
	background: url(../../img/langPT/layout/sitenav.ops.png) no-repeat;
	}
	ul#siteNav li a span {display:none;}

ul#siteNav li#sNavop01 a:link, ul#siteNav li#sNavop01 a:visited{width:192px; background-position:0 0;}
ul#siteNav li#sNavop02 a:link, ul#siteNav li#sNavop02 a:visited{width:132px; background-position:-192px 0;}
ul#siteNav li#sNavop03 a:link, ul#siteNav li#sNavop03 a:visited{width:153px; background-position:-324px 0;}
ul#siteNav li#sNavop04 a:link, ul#siteNav li#sNavop04 a:visited{width:81px; background-position:-477px 0;}
ul#siteNav li#sNavop05 a:link, ul#siteNav li#sNavop05 a:visited{width:110px; background-position:-558px 0;}
/*ul#siteNav li#sNavop06 a:link, ul#siteNav li#sNavop06 a:visited{width:192px; background-position:-526px 0;}*/

ul#siteNav li#sNavop01 a:hover{background-position:0px -60px;}
ul#siteNav li#sNavop02 a:hover{background-position:-192px -60px;}
ul#siteNav li#sNavop03 a:hover{background-position:-324px -60px;}
ul#siteNav li#sNavop04 a:hover{background-position:-477px -60px;}
ul#siteNav li#sNavop05 a:hover{background-position:-558px -60px;}
/*ul#siteNav li#sNavop06 a:hover{background-position:-526px -60px;}*/

ul#siteNav li#sNavop01.active a:link, ul#siteNav li#sNavop01.active a:visited {background-position:0 -120px;}
ul#siteNav li#sNavop02.active a:link, ul#siteNav li#sNavop02.active a:visited {background-position:-192px -120px;}
ul#siteNav li#sNavop03.active a:link, ul#siteNav li#sNavop03.active a:visited {background-position:-324px -120px;}
ul#siteNav li#sNavop04.active a:link, ul#siteNav li#sNavop04.active a:visited {background-position:-477px -120px;}
ul#siteNav li#sNavop05.active a:link, ul#siteNav li#sNavop05.active a:visited {background-position:-558px -120px;}
/*ul#siteNav li#sNavop06.active a:link, ul#siteNav li#sNavop06.active a:visited {background-position:-526px -120px;}*/


ul#sectionNav{
	margin:0 0 1.5em -8px;
	}
	ul#sectionNav a:link,
	ul#sectionNav a:visited{
		display:block;
		border-bottom:1px solid #c8d1d9;
		padding:3px 8px;
		color:#505861;
		}
		ul#sectionNav li.active a:link,
		ul#sectionNav li.active a:visited{
			color:#fff;
			}
	ul#sectionNav a:hover,
	ul#sectionNav a:active{
		background:#c8d1d9;
		border-bottom:1px solid #c8d1d9;
		color:#1b7ada;
		}

ul#footerNav{
	font-size:0.85em;
	text-transform:uppercase;
	margin:10px 0 0 18px;
	}
	ul#footerNav li{
		display:inline-block;
		padding:3px 12px;
		}
	ul#footerNav li a:link,
	ul#footerNav li a:visited{
		font-weight:normal;
		}


ul#rootNav{
	position:absolute;
	left:45px;
	top:30px;
	font-size:0.83em;
	color:#abb5be;
	}
	ul#rootNav li{
		display:inline;
		margin-right:0px;
		}
	ul#rootNav li a:link,
	ul#rootNav li a:visited{
		margin:0 0 0 3px;
		color:#237fdb;
		}
	ul#rootNav li a:hover,
	ul#rootNav li a:active{
		color:#1f1d1e;
		}

	.layoutA1 ul#rootNav{
		position:relative;
		left:0;
		top:0;
		margin-bottom:1.5em;
		}

ul#pageNav{}
	ul#pageNav li{
		display:block;
		float:left;
		margin-right:2px;
		line-height:1.3em;
		}
	ul#pageNav li.label{
		padding-right:6px;
		}
	ul#pageNav li a:link,
	ul#pageNav li a:visited{
		display:block;
		padding:3px 4px 1px 4px;
		border:1px solid #e4e9ed;
		line-height:1.1em;
		}
	ul#pageNav li.current a:link,
	ul#pageNav li.current a:visited{
		color:#fff;
		background:#1b7ada;
		border:1px solid #1b7ada;
		}


/* =FORMS
------------------------------------------------------------------------ */
input, textarea, select{
	font-size:1em;
	}

form .inputXBig{width:98%;}
form .inputBig{width:80%;}
form .inputMed{width:50%;}
form .inputSma{width:35%;}
form .inputXSma{width:10%;}

form{}
	form table{}
	form table th,
	form table td{
		padding:6px 0;
		}
	form table th{
		background:none;
		width:20%;
		font-weight:normal;
		color:#000000;
		}
	form table td{
		width:80%;
		}
	form table button{
		border:none;
		background: url(../../img/layout/forms/button.bg.png) no-repeat center center;
		line-height:25px;
		padding:0px;
		width:87px;
		height:27px;
		color:#fff;
		text-transform:uppercase;
		}
		form table button:hover{cursor:pointer;}

	#tabsInterface form input,
	#tabsInterface form textarea{
		background:#fff;
		border:1px solid #fff;
		padding:3px;
		}
	#tabsInterface fieldset{
		padding:1em 0;
		}
	#tabsInterface fieldset legend{
		text-transform:uppercase;
		color:#677f98;
		}
	

form#quickSearch{
	float:left;
	width:275px;
	position:absolute;
	right:0;
	top:45px;
	font-size:1.3em;
	}
	form#quickSearch input{
		float:left;
		width:165px;
		background: url(../../img/layout/forms/quickSearch.input.bg.png) no-repeat left top;
		line-height:27px;
		height:17px;
		padding:5px;
		border:none;
		margin-right:3px;
		font-size:0.9em;
		}
	form#quickSearch button{
		float:left;
		width:90px;
		background: url(../../img/layout/forms/quickSearch.button.bg.png) no-repeat left top;
		text-align:center;
		text-transform:uppercase;
		color:#FFF;
		padding:6px;
		font-size:11px;
		border:none;
		}
		form#quickSearch button:hover{
			cursor:pointer;
			background-position:left bottom;
			color:#FFF;
			}

div#ClientValidationSummary{
	background:#ede6e4;
	border:2px solid #ca4949;
	padding:1em;
	margin-bottom:1.5em;
	}
	form .validation-failed,
	#tabsInterface form .validation-failed{
		background:#ede6e4;
		border:1px solid #ca4949;	
		}


form#add_subscriber{
	}
	form#add_subscriber table th{
		width: 180px!important;
		text-align: right;
		padding-right: 12px;
		}
	form#add_subscriber table td{
		width: auto!important;
		}

/* =COMPONENTS
------------------------------------------------------------------------ */
.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h3,
.sIFR-active h4 {
	visibility: hidden;
	}

.sIFR-active h1 {font-size:4.8em;}
.sIFR-active h2 {font-size:3.2em;}
.sIFR-active h3 {font-size:1.7em;}
.sIFR-active h4 {font-size:1.5em;}

/* =JQUERY UI
------------------------------------------------------------------------ */
/* Tabs */
.ui-tabs {zoom: 1;}
.ui-tabs .ui-tabs-nav {list-style: none; position: relative;}
.ui-tabs .ui-tabs-nav li {position: relative; border-bottom-width: 0 !important;}
.ui-tabs .ui-tabs-nav li a {}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {display: block;}
.ui-tabs .ui-tabs-hide { display: none !important; }


/* JQUERY SCROLLABLE */
/*  
    root element for the scrollable.  
    when scrolling occurs this element stays still.  
*/ 
div.scrollable { 
     
    /* required settings */ 
    position:relative;
	z-index:1;
    overflow:hidden;          
    width: 246px;     
    height:284px;
} 
 
/*  
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items {     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;         
} 
 
/*  
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left;
	width:246px;
	height:284px;
	} 
div.scrollable div.items div.container{
	position:relative;
	overflow:hidden;
	}
	div.scrollable div.items div.container img.mask{
		position:absolute;
		left:0;
		top:0;
		z-index:3;
		}
	div.scrollable div.items div.container img.thumb{
		position:absolute;
		z-index:1;
		left:0;
		top:0;
		}
	div.scrollable div.items div.container div.legend{
		position:absolute;
		z-index:2;
		height:30px;
		padding:10px 40px 20px 20px;
		background:#fff;
		width:186px;
		left:0;
		bottom:0;
		}	
		div.scrollable div.items div.container div.legend h6{
			text-transform:uppercase;
			font-weight:normal;
			color:#1d7bda;
			}
		div.scrollable div.items div.container div.legend p{
			margin:0;
			color:#1f1d1e;
			line-height:1.2em;
			}
		div.scrollable div.items div.container div.legend p.author{
			color:#727c89;
			}
 
/* you may want to setup some decorations to active item */ 
div.items div.active {}

div.webPart_slider{
	position:relative;
	}
div.webPart_slider a:hover{
	cursor:pointer;
	}
div.webPart_slider a.next{
	position:absolute;
	right:15px;
	bottom:15px;
	z-index:5;
	width:15px;
	height:13px;
	}
div.webPart_slider a.prev{
	position:absolute;
	right:31px;
	bottom:15px;
	z-index:5;
	width:15px;
	height:13px;
	}
div.webPart_slider a.disabled{
	display:none;
	}	


/* =GRID
------------------------------------------------------------------------ */
.container {width:990px;margin:0 auto;}

div.cols-1, div.cols-2, div.cols-3, div.cols-4, div.cols-5, div.cols-6, div.cols-7, div.cols-8, div.cols-9, div.cols-10, div.cols-11, div.cols-12, div.cols-13, div.cols-14, div.cols-15, div.cols-16, div.cols-17, div.cols-18, div.cols-19, div.cols-20, div.cols-21, div.cols-22, div.cols-23, div.cols-24, div.cols-25 {float:left;margin: 0 10px 0 0;}

div.last { margin: 0; }

.cols-1  { width: 30px;}
.cols-2  { width: 70px;}
.cols-3  { width: 110px;}
.cols-4  { width: 150px;}
.cols-5  { width: 190px;}
.cols-6  { width: 230px;}
.cols-7  { width: 270px;}
.cols-8  { width: 310px;}
.cols-9  { width: 350px;}
.cols-10 { width: 390px;}
.cols-11 { width: 430px;}
.cols-12 { width: 470px;}
.cols-13 { width: 510px;}
.cols-14 { width: 550px;}
.cols-15 { width: 590px;}
.cols-16 { width: 630px;}
.cols-17 { width: 670px;}
.cols-18 { width: 710px;}
.cols-19 { width: 750px;}
.cols-20 { width: 790px;}
.cols-21 { width: 830px;}
.cols-22 { width: 870px;}
.cols-23 { width: 910px;}
.cols-24 { width: 950px;}
.cols-25, div.cols-25 { width: 990px; margin: 0; }

.append-1  { padding-right: 40px;}
.append-2  { padding-right: 80px;}
.append-3  { padding-right: 120px;}
.append-4  { padding-right: 160px;}
.append-5  { padding-right: 200px;}
.append-6  { padding-right: 240px;}
.append-7  { padding-right: 280px;}
.append-8  { padding-right: 320px;}
.append-9  { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}
.append-24 { padding-right: 960px;}

.prepend-1  { padding-left: 40px;}
.prepend-2  { padding-left: 80px;}
.prepend-3  { padding-left: 120px;}
.prepend-4  { padding-left: 160px;}
.prepend-5  { padding-left: 200px;}
.prepend-6  { padding-left: 240px;}
.prepend-7  { padding-left: 280px;}
.prepend-8  { padding-left: 320px;}
.prepend-9  { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}
.prepend-24 { padding-left: 960px;}