/* CSS Document */

@import url("forms.css");

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

	ALUTERM v2006 CSS
	JUL/2006
	Desenvolvido por Multiweb * Business Inspiration
	www.multiweb.pt

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

*/



/* =ELEMENTOS COMUNS
------------------------------------------------------------------------ */
* {margin:0; padding:0;}

html {height: 100%;}

body{
	/*behavior: url(/structure/css/csshover.htc); /* WinIE behavior call */
	margin:0;
	padding:0;
	font: 70% Arial, Helvetica, sans-serif;
	color: #364a57;
	line-height:1.30em;
	height:100%;
	background: #ccd1dc url(../../img/layout/body.fundo.gif) repeat-x left top;
	}

/* Suporte para PNG em IE6 */
img {
	behavior:	url("/structure/script/pngHack.htc");
	}

a:link, a:visited {text-decoration:none; color:#60b4d3;}
a:hover, a:active {color:#a2ddf3;}



/* =TIPOGRAFIA
------------------------------------------------------------------------ */
.devnote {color:#FF0000; background:#FFFF99;}
div.clear {clear:both;}
/*div {border:1px solid #00ff00;}*/

p {margin:0 0 0.9em 0;}
p.note {font-size:85%; color:#999999;}
h1, h2, h3, h4, h5, h6 {margin:0 0 0.5em 0; letter-spacing:-0.10em; line-height:1;}

h1 {font-size:345%; font-weight:normal;}
h2 {font-size:180%; font-weight:normal;}
h3 {font-size:145%; }
h4 {font-size:120%;}
h5 {}
h6 {}

blockquote {font-size:230%; display:block; float:right; width:180px; padding:0 0 8px 15px; font-style:italic; line-height:1em; letter-spacing:-0.09em; margin:0 10px 0 0;}

/* =LAYOUT
------------------------------------------------------------------------ */
div.innerContainer {
	width:886px;
	margin:0 auto;
	}
	
#globalContainer {
	position: relative;
	min-height: 100%;
	padding:0;
	}

* html #globalContainer{
	height: 100%;
	}

div#header {
	height:142px;
	background: url(../../img/layout/header.fundo.gif) no-repeat right top;
	margin-bottom:36px;
	position:relative;
	}
	div#header img#logoPortal{
		position:absolute;
		left:0px;
		top:30px;
		}
	div#header img#headerContactos{position:absolute; right:20px; top:25px;}

#footer {
	font-size:85%;
	position: relative;
	margin-top: -95px;
	height:95px;
	clear:both;
	}
	#footer div.innerContainer{
		/*background: url(../../img/layout/footer.fundo.gif) no-repeat right bottom;*/
		height:95px;
		position:relative;
		}
	#footer div.copyinfo{position:absolute; left:245px; bottom:5px;} 
		#footer div.copyinfo ul{list-style:none; font-weight:bold; margin-bottom:4px;}
			#footer div.copyinfo ul li{display:inline; margin-right:8px;} 
	#footer img#signature{position:absolute; right:18px; bottom:10px;} 
	#footer img#footerBase{position:absolute; right:6px; bottom:0px;} 


#sidebar {position:relative;}
#sidebar,
#secondaryIContents{font-size:90%;}

#sidebar h1,
#secondaryIContents h1{font-size:150%; font-weight:bold;}

.layoutA {float:left;}
	.layoutA #content{float:right; width:661px; padding-bottom:95px;}
		.layoutA #content #mainIContents{float:left; width:436px; background:#fff;}
			.layoutA #content #mainIContents div.inner{padding:20px;}
		.layoutA #content #secondaryIContents{float:right; width:180px; padding:20px;}
	.layoutA #sidebar{float:left; width:185px; padding:20px;}


.layoutB {float:left;}
	.layoutB #content{float:right; width:651px; padding-bottom:95px; margin-right:10px;}
	* html .layoutB #content{width:651px; margin-right:5px;}
		.layoutB #content #mainIContents{background:#fff;}
			.layoutB #content #mainIContents div.inner{padding:20px;}
		.layoutB #content #secondaryIContents{display:none;}
	.layoutB #sidebar{float:left; width:185px; padding:20px;}

.cols02 {float:left; width:95%;}
	.cols02 .column{float:left; width:47%; margin-right:2%;}

.cols03 {float:left; width:95%;}
	.cols03 .column{float:left; width:30%; margin-right:2%;}
	
.cols04 {float:left; width:95%;}
	.cols04 .column{float:left; width:22%; margin-right:2%;}

.specials {font-size:90%; margin:25px 0;}


/* =LAYOUT SNIPPETS
------------------------------------------------------------------------ */
.featured {}
	.featured.position01 {height:230px;} 
	.featured.roundit {background:#fff;} 
	.featured.position01 h1,
	.featured.position01 {color:#fff;}

	.featured.position02,
	.featured.position03 {margin:15px 0;} 
	.featured.position02 h1,
	.featured.position02 {}
		.featured.centered {text-align:center;}
		.featured.centered h1{text-align:left;}
	#sidebar .featured.position02 {margin:250px 0 0 0;}


		
.photoGallery {position:relative; float:left; margin:0 0 2em 0;}
	.photoGallery h2{font-size:150%; background:#eff2fa; margin:0; padding:3px;}
	.photoGallery a{display:block; width:auto; padding:2px; position:relative; float:left; border:2px solid #bac3d8; margin:0 5px 5px 0;}
	.photoGallery a img.iconPlus{
		position:absolute;
		right:5px;
		bottom:5px;
		border:none;
		-moz-opacity: 1;
		opacity:1;
		filter: alpha(opacity=100);
		}
	.photoGallery a img{
		-moz-opacity: 0.8;
		opacity:.80;
		filter: alpha(opacity=80);
		}
	.photoGallery a:hover{border:2px solid #a2ddf3;}
	.photoGallery a:hover img{
		-moz-opacity: 1;
		opacity:1;
		filter: alpha(opacity=100);
		}
	.photoGallery a:hover img.iconPlus{bottom:8px; right:8px; width:16px; height:16px;}



/* =ZONAS
------------------------------------------------------------------------ */
.secHome .bannerFlash {padding:0px 10px 0px 12px; text-align:center;}
	.secHome .bannerFlash img{margin:8px 0 0 0;}

/* =LISTAS
------------------------------------------------------------------------ */

/* -- siteNav -- */

.siteNav {position: absolute; bottom: 25px; left: 232px; width: 420px; height: 72px; padding: 0; margin: 0; font-size:90%; font-weight:bold;}
.siteNav li {list-style: none; margin: 0; padding: 0; display: inline;}
.siteNav li a:link, .siteNav li a:visited {display: block; position: absolute; top: 0; height: 72px;}
.siteNav li a:hover {background: transparent; cursor:hand;}

.siteNav .li1 a {left: 0; width: 82px;}
.siteNav .li2 a {left: 82px; width: 84px;}
.siteNav .li3 a {left: 166px; width: 150px;}
.siteNav .li4 a {left: 316px; width: 104px;}


.siteNav li a:link span, .siteNav li a:visited span {
	display: block;
	position: absolute;
	top: 0px;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
	color: #fff;
	height: 0;
	padding: 72px 0 0 0;
	background: url(../../img/layout/siteNav.ops.gif) no-repeat;
	}
.siteNav .li1 a:link span, .siteNav .li1 a:visited span {background-position: 0 0; width: 82px;}
.siteNav .li2 a:link span, .siteNav .li2 a:visited span {background-position: -82px 0; width: 84px;}
.siteNav .li3 a:link span, .siteNav .li3 a:visited span {background-position: -166px 0; width: 150px;}
.siteNav .li4 a:link span, .siteNav .li4 a:visited span {background-position: -316px 0; width: 104px;}


.siteNav .li1 a:hover span {background-position: 0 -72px;}
.siteNav .li2 a:hover span {background-position: -82px -72px;}
.siteNav .li3 a:hover span {background-position: -166px -72px;}
.siteNav .li4 a:hover span {background-position: -316px -72px;}

.siteNav .li1 a:link span.active, .siteNav .li1 a:visited span.active {background-position: 0 -72px;}
.siteNav .li2 a:link span.active, .siteNav .li2 a:visited span.active {background-position: -82px -72px;}
.siteNav .li3 a:link span.active, .siteNav .li3 a:visited span.active {background-position: -166px -72px;}
.siteNav .li4 a:link span.active, .siteNav .li4 a:visited span.active {background-position: -316px -72px;}




/* -- sectionNav -- */

.sectionNav {position: absolute; top: 33px; left: 6px; width: 219px; height: 220px; padding: 0; margin: 0; font-size:90%; font-weight:bold;}
.sectionNav li {list-style: none; margin: 0; padding: 0; display: inline;}
.sectionNav li a:link, .sectionNav li a:visited {display: block; position: absolute; left: 0; width: 219px; }
.sectionNav li a:hover {background: transparent; cursor:hand;}

.sectionNav .li1 a {top: 0; left:0; height: 37px;}
.sectionNav .li2 a {top: 37px; left:0; height: 39px;}
.sectionNav .li3 a {top: 76px; left:0; height: 37px;}
.sectionNav .li4 a {top: 113px; left:0; height: 38px;}
.sectionNav .li5 a {top: 151px; left:0; height: 45px;}


.sectionNav li a:link span, .sectionNav li a:visited span {
	display: block;
	position: absolute;
	top: 0px;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
	color: #fff;
	height: 0;
	padding: 72px 0 0 0;
	background: url(../../img/layout/sectionNav.ops.gif) no-repeat;
	}
.sectionNav .li1 a:link span, .sectionNav .li1 a:visited span {background-position: 0 0; width: 219px; height:37px;}
.sectionNav .li2 a:link span, .sectionNav .li2 a:visited span {background-position: 0 -37px; width: 219px; height:39px;}
.sectionNav .li3 a:link span, .sectionNav .li3 a:visited span {background-position: 0 -76px; width: 219px; height:37px;}
.sectionNav .li4 a:link span, .sectionNav .li4 a:visited span {background-position: 0 -113px; width: 219px; height:38px;}
.sectionNav .li5 a:link span, .sectionNav .li5 a:visited span {background-position: 0 -151px; width: 219px; height:45px;}


.sectionNav .li1 a:hover span {background-position: -225px 0px;}
.sectionNav .li2 a:hover span {background-position: -225px -37px;}
.sectionNav .li3 a:hover span {background-position: -225px -76px;}
.sectionNav .li4 a:hover span {background-position: -225px -113px;}
.sectionNav .li5 a:hover span {background-position: -225px -151px;}

.sectionNav .li1 a:link span.active, .sectionNav .li1 a:visited span.active {background-position: -225px 0;}
.sectionNav .li2 a:link span.active, .sectionNav .li2 a:visited span.active {background-position: -225px -37px;}
.sectionNav .li3 a:link span.active, .sectionNav .li3 a:visited span.active {background-position: -225px -76px;}
.sectionNav .li4 a:link span.active, .sectionNav .li4 a:visited span.active {background-position: -225px -113px;}
.sectionNav .li5 a:link span.active, .sectionNav .li5 a:visited span.active {background-position: -225px -151px;}


/*
ul.sectionNav {list-style:none; margin:0 -20px 0 -10px; font-size:120%; font-weight:bold; height:240px;}
	ul.sectionNav li{display:block; margin:0 0 3px 0; background: url(../../img/layout/sectionNav.fundo01.gif) no-repeat left top; padding:5px 5px 5px 25px;}
	ul.sectionNav li:hover{background: url(../../img/layout/sectionNav.fundo02.gif) no-repeat left top;}
	ul.sectionNav li.current{background: url(../../img/layout/sectionNav.fundo02.gif) no-repeat left top;}
		ul.sectionNav li.current a:link, ul.sectionNav li.current a:visited, ul.sectionNav li.current a:hover{color:#264561;}*/



/* =SFIR
------------------------------------------------------------------------ */


/* =DATATABLES
------------------------------------------------------------------------ */
table.articleList01 {margin:25px 0; width:595px;}
	table.articleList01 td{padding:0 20px 10px 0; vertical-align:top;}
	table.articleList01 td p{padding:5px;}
	table.articleList01 td a:link p, table.articleList01 td a:visited p{color:#364a57;}
	table.articleList01 td a:hover p, table.articleList01 td a:active p{color:#60b4d3;}
	table.articleList01 td a img {border:none;}
	table.articleList01 img.thumb{float:left; margin:0 8px 0 0;}
	table.articleList01 h2 {border-bottom:1px solid #e1e5ef;}

table.prodNav {}
	table.prodNav img{
		-moz-opacity: 0.8;
		opacity:.80;
		filter: alpha(opacity=80);
		}
	table.prodNav a:hover img{
		-moz-opacity: 1;
		opacity:1;
		filter: alpha(opacity=100);
		}

table.dataTable01 {}
	table.dataTable01 td{vertical-align:top; padding:10px 5px;}
	table.dataTable01 ul{margin-left:15px;}


/* =COMPONENTS
------------------------------------------------------------------------ */
.roundit {background:#fff;}