/* CSS Document */

@import url("forms.css");


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

	DOMATICA v2006 CSS
	Desenvolvido por Multiweb * Business Inspiration
	www.multiweb.pt

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

*/



/* =ELEMENTOS COMUNS
------------------------------------------------------------------------ */
* {margin:0; padding:0;}
body{
	behavior: url(/structure/css/csshover.htc); /* WinIE behavior call */
	margin:0;
	padding:0;
	font: 75% Arial, Helvetica, sans-serif;
	color: #444;
	line-height:1.20em;
	background: #1e1e1e url(../../img/layout/body.fundo.png) repeat-y center top;
}

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

body.iframeMode{background: #fff;}


a:link, a:visited {text-decoration:none; color:#1089f4;}
a:hover, a:active {color:#0092dd;}
a.goLink:link, a.goLink:visited {
	background: url(../../img/layout/bullet02vA.gif) no-repeat left 3px;
	padding:0 0 0 8px;
}
a.goLink:hover, a.goLink:active {}

/* =TIPOGRAFIA
------------------------------------------------------------------------ */
.devnote {color:#FF0000; background:#FFFF99;}
div.clear {clear:both;}

p {margin:0 0 0.9em 0;}
p.note {font-size:85%; color:#999999;}
h1, h2, h3, h4, h5, h6 {}

h1 {font-size:235%; font-weight:normal; letter-spacing:-0.06em; margin:1em 0 0.5em 0;}
h2 {font-size:180%; font-weight:normal; letter-spacing:-0.06em; margin:1em 0 0.5em 0; line-height:0.95em;}
h3 {font-size:145%; font-weight:normal; letter-spacing:-0.06em; margin:1em 0 0.5em 0;}
h4 {font-size:120%;}
h5 {}
h6 {}


.sideBar h1 {font-size:195%; font-weight:normal;}
.sideBar h2 {
	font-size:195%;
	font-weight:normal;
	padding-bottom:2px;
	background: url(../../img/layout/linhaDivH01.gif) repeat-x left bottom;
	margin-left:-12px;
	margin-right:-45px;
}
.content h1 {
	display:block;
	margin-bottom:1em;
	font-size:255%;
	background: url(../../img/layout/linhaDivH01.gif) repeat-x left bottom;
	margin:-6px 0 1em 0;	
	padding:0 0 8px 0;
	}

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


/* =LAYOUT
------------------------------------------------------------------------ */
div#header {
	height:151px;
	background: url(../../img/layout/header.fundo.gif) repeat-x left top;
	}
div#header div.innerContainer{width:930px;}
div#header img#logotipo{
	position:absolute;
	left:700px;
	top:18px;
	}
div#header a:link, div#header a:visited {text-decoration:none; color:#fff;}
div#header li.active a:link, div#header li.active a:visited, div#header a:hover, div#header a:active {color:#46b7f1;}


div#banner {
	min-height:213px;
	background: url(../../img/layout/banner.fundo.gif) repeat-x left top;
	}

.secHome div#banner {
	min-height:274px;
	background: url(../../img/layout/secHome.banner.fundo.gif) repeat-x left top;
	}


div#mainContent {background:#fff url(../../img/layout/mainContent.fundo.gif) repeat-x left top; position:relative;}
div#mainContent div.innerContainer{
	width:850px;
	background:#fff url(../../img/layout/mainContent.inner.fundo.gif) no-repeat right top;
	border-top:4px #1e1e1e solid;
	position:relative;
	top:-18px;
	}
div#footer {clear:both; color:#CCCCCC; font-variant:small-caps; font-size:85%;}
div#footer div.innerContainer{width:850px;}
div#footer div.column01{float:left; width:42%; padding:2% 1% 2% 6%;}
div#footer div.column02{float:left; width:21%; padding:2% 2%;}
div#footer div.column03{float:left; width:18%; padding:2% 1%;}
div#footer div.column03 img{margin-top:-8px;}
div#footer p.copy {color:#777;}


.layoutA {}
.layoutA .content{float:right; width:66%; padding:3% 2%;}
.layoutA .sideBar{float:left; width:20%; padding:3% 2% 5% 6%; font-size:90%;}

div.threeColumns {}
div.threeColumns .column{width:28%; float:left; padding-right:5%;}
div.threeColumns .column img.thumb {float:left; margin:0 5px 3px 0; padding:2px; border:1px solid #f3f3f3;}
.secHome div.threeColumns {margin-top:-20px;}

div.twoColumns {}
div.twoColumns .column{width:45%; float:left; padding-right:5%;}
div.twoColumns .column img.thumb {float:left; margin:0 5px 3px 0; padding:2px; border:1px solid #f3f3f3;}



/* =ZONAS
------------------------------------------------------------------------ */


.content ol li{margin-bottom:0.4em; clear:both; border-bottom:1px solid #f3f3f3;}
.content ol a{font-size:53%; margin:0 0 10px 0; display:block; position:relative; top:-10px;}
.content ol p{font-size:33%; position:relative; top:-8px;}
.content ol li img.thumb {float:left; margin:-8px 3px 3px 0; padding:2px; border:1px solid #f3f3f3;}


.content ul.sitemap {font-size:100%; margin:0;}
.content ul.sitemap li{list-style-type: upper-roman; margin:0 0 8px 30px; font-weight:bold; font-size:100%;}
.content ul.sitemap li a{font-size:12px; margin:0; top:0;} 
.content ul.sitemap li ol {margin:5px 0 5px 10px; font-size:100%;}
.content ul.sitemap li ol li{list-style-type: lower-alpha; font-size:90%; font-weight:normal; margin:0 0 3px 20px;}
.content ul.sitemap li ol li ol {font-size:90%; margin:5px 0 5px 10px;}
.content ul.sitemap li ol li ol li{list-style-type: decimal-leading-zero;}


/* =LISTAS
------------------------------------------------------------------------ */
ul.supportNav {
	position: absolute;
	top: 100px;
	left: 550px;
	color:#CCCCCC;
	font-variant:small-caps; 
	}
ul.supportNav li{list-style:none; display:inline;}

/* -- siteNav -- */

#siteNav {
	position: absolute;
	top: 75px;
	left: 40px;
	width: 485px;
	height: 36px;
	padding: 0;
	margin: 0;
	background: url(../../img/layout/siteNav.fundo.gif) no-repeat right top;
	border-top:4px #1e1e1e solid;
	border-right:4px #1e1e1e solid;
	border-left:4px #1e1e1e solid;
}

#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: 36px;}
#siteNav li a:hover {background: transparent;}

.home #siteNav .li1 a:link, .home #siteNav .li1 a:visited,
.articles #siteNav .li2 a:link, .articles #siteNav .li2 a:visited,
.dailies #siteNav .li2 a:link, .dailies #siteNav .li2 a:visited,
.projects #siteNav .li3 a:link, .projects #siteNav .li3 a:visited,
.about #siteNav .li4 a:link, .about #siteNav .li4 a:visited,
.related #siteNav .li5 a:link, .related #siteNav .li5 a:visited{}

#siteNav .li1 a {left: 0; width: 74px;}
#siteNav .li2 a {left: 74px; width: 79px;}
#siteNav .li3 a {left: 153px; width: 87px;}
#siteNav .li4 a {left: 240px; width: 80px;}
#siteNav .li5 a {left: 320px; width: 90px;}
#siteNav .li6 a {left: 410px; width: 75px;}


#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: 35px 0 0 0;
	background: url(../../img/langPT/layout/siteNav.ops.gif) no-repeat;
}
#siteNav .li1 a:link span, #siteNav .li1 a:visited span {background-position: 0 0; width: 74px;}
#siteNav .li2 a:link span, #siteNav .li2 a:visited span {background-position: -74px 0; width: 79px;}
#siteNav .li3 a:link span, #siteNav .li3 a:visited span {background-position: -153px 0; width: 87px;}
#siteNav .li4 a:link span, #siteNav .li4 a:visited span {background-position: -240px 0; width: 80px;}
#siteNav .li5 a:link span, #siteNav .li5 a:visited span {background-position: -320px 0; width: 90px;}
#siteNav .li6 a:link span, #siteNav .li6 a:visited span {background-position: -410px 0; width: 75px;}

#siteNav a:hover span {cursor:hand;}

#siteNav .li1 a:hover span {background-position: 0 -36px;}
#siteNav .li2 a:hover span {background-position: -74px -36px;}
#siteNav .li3 a:hover span {background-position: -153px -36px;}
#siteNav .li4 a:hover span {background-position: -240px -36px;}
#siteNav .li5 a:hover span {background-position: -320px -36px;}
#siteNav .li6 a:hover span {background-position: -410px -36px;}

#siteNav .li1 a:link span.active, #siteNav .li1 a:visited span.active {background-position: 0 -36px;}
#siteNav .li2 a:link span.active, #siteNav .li2 a:visited span.active {background-position: -74px -36px;}
#siteNav .li3 a:link span.active, #siteNav .li3 a:visited span.active {background-position: -153px -36px;}
#siteNav .li4 a:link span.active, #siteNav .li4 a:visited span.active {background-position: -240px -36px;}
#siteNav .li5 a:link span.active, #siteNav .li5 a:visited span.active {background-position: -320px -36px;}
#siteNav .li6 a:link span.active, #siteNav .li6 a:visited span.active {background-position: -410px -36px;}

ul.sectionNav {position:absolute; list-style:none; top:127px; padding:0 0 0 40px; color:#fff; background:#1e1e1e;}
ul.sectionNav li{display:inline;}
ul.sectionNav li a {
	display:block;
	float:left;
	padding:13px 25px;
	background: url(../../img/layout/sectionNav.fundo.gif) no-repeat right bottom;
}

ul.rootNav {list-style:none; padding:1% 0 0 6%; font-size:80%;}
ul.rootNav li{display:inline; padding-right:8px;}

div#header ul.langNav {position:absolute; left:55px; top:0; list-style:none; font-size:85%;}
div#header ul.langNav li{display:block; float:left; padding:5px 10px 0 10px; border-left:1px solid #a9a9a9;}
div#header ul.langNav li a:link, ul.langNav li a:visited{color:#a9a9a9;}
div#header ul.langNav li a:hover, ul.langNav li a:active{color:#46b7f1;}


ul.tabBar {list-style:none; border-top:1px solid #fff; padding-left:8px; margin-top:10px;}
ul.tabBar li{display:inline;}
ul.tabBar li a{
	display:block;
	float:left;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:2px solid #ccc;
	margin:0 5px 0 0;
	padding:4px 8px 8px 8px;
	background:#f5f5f5 url(../../img/layout/tabBar.fundo01.gif) repeat-x left top;
	color:#666666;
	font-weight:bold;
	}
	
ul.tabBar li a:hover{margin-top:-10px; padding-bottom:18px;}	
ul.tabBar li.active a:link, ul.tabBar li.active a:visited{margin-top:-4px; border-bottom:2px solid #fff; background:#fff; padding-bottom:12px}	

.sideBar ul{list-style:none; margin:1.8em 0;}
.sideBar ul li p{margin:0 0 1em 0;}
.sideBar ul a{display:block; font-size:120%; }

ul.docsDownload {list-style:none;}
ul.docsDownload li{
	padding:0 0 8px 30px;
	margin:0 0 8px 0;
	background: url(../../img/layout/linhaDivH01.gif) repeat-x left bottom;
	border-bottom:1px solid #ccc;
}
ul.docsDownload li a{display:block; font-weight:bold;}
ul.docsDownload li p{margin:0;}
ul.docsDownload li.docPdf{background: url(../../img/layout/mimePdf.gif) no-repeat left top;}
ul.docsDownload li.docDoc{background: url(../../img/layout/mimeDoc.gif) no-repeat left top;}

.content ol {font-size:300%; margin:45px 0 25px 35px;}
.content ol li{margin-bottom:0.4em; clear:both; border-bottom:1px solid #f3f3f3;}
.content ol a{font-size:53%; margin:0 0 10px 0; display:block; position:relative; top:-10px;}
.content ol p{font-size:33%; position:relative; top:-8px;}
.content ol li img.thumb {float:left; margin:-8px 3px 3px 0; padding:2px; border:1px solid #f3f3f3;}

.content ul.articleList01 {margin:45px 0 25px 35px; list-style:none; margin:0;}
.content ul.articleList01 li{margin-bottom:0.4em; clear:both; border-bottom:1px solid #f3f3f3;}
.content ul.articleList01 a{margin:15px 0 10px 0; display:block; font-size:160%;}
.content ul.articleList01 p{margin:0 0 8px 8px;}
.content ul.articleList01 li img.thumb {float:left; margin:0 3px 3px 8px; padding:2px; border:1px solid #f3f3f3;}

.sideBar ul.userOps {}
.sideBar ul.userOps li{margin:0; padding:0; border:1px solid #fff;}
.sideBar ul.userOps li a:link, .sideBar ul.userOps li a:visited {
	padding:0 0 0 15px;
	background: url(../../img/layout/bullet02vA.gif) no-repeat 40px 3px;
}

dl.links {}
div.twoColumns dl.links{width:45%; float:left; padding-right:5%; margin:1em 0;}
dl.links dt, dl.links dd{padding-left:15px;}
dl.links a:link,dl.links a:visited{
	display:block;
	padding-left:10px;
	margin-left:-10px;
	}
dl.links a:link{background: url(../../img/layout/bullet02vA.gif) no-repeat left 3px;}
dl.links a:visited{background: url(../../img/layout/bullet03vA.gif) no-repeat left 2px;}
dl.links p.url{font-size:80%;}

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


/* =DATATABLES
------------------------------------------------------------------------ */
table.dataTable01 {width:90%;}
table.dataTable01 img{width:12.0em;}
table.dataTable01 {font-size:90%; border-collapse:collapse; margin:0 0 15px 0;}
table.dataTable01 th{}
table.dataTable01 td {padding:5px 3px; vertical-align:top;}
/*table.dataTable01 td span{display:block; border:1px solid #ccc; margin:0 0 3px 0; padding:2px; background:#f5f5f5;}*/
table.dataTable01 td span{display:block; background:#f5f5f5; margin:0 0 3px 0; padding:2px; }
table.dataTable01 td:hover span { background-color:#ccc; color:#fff;}
table.dataTable01 td a img{border:1px solid #ccc; margin:0 0 3px 0;}

table.dataTable01 h3{font-size:110%; margin:2px;}




.tableData02 {
	border-collapse:collapse;
	margin:15px 0;
	padding-bottom:15px;
	clear:right;
	width:100%;
	border-bottom:2px solid #cccccc;	
	}

.tableData02 td{
	padding:5px;
	border-bottom:1px solid #fff;
	background:#ededed;
	text-align:center;
	}
.tableData02 th{
	border-top:2px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px;
	}
.tableData02 tr.odd td{
	background:#f4f4f4;
	}
.tableData02 a:link img,
.tableData02 a:hover img,
.tableData02 a:active img {
	padding:1px;
	background:#fff;
	border:1px solid #cc0000;
	}
.tableData02 a:visited img {
	padding:1px;
	background:#fff;
	border:1px solid #ccc;
	}

.tableData02 td.firstCol{
	text-align:left;
	}
.tableData02 td.firstCol a:link{
	background: url(../../img/generic/tableDat02.link.bullet01.gif) no-repeat right center;
	padding-right: 15px;
	}
.tableData02 td.firstCol a:visited {
	background: url(../../img/generic/tableDat02.link.bullet02.gif) no-repeat right center;
	padding-right: 15px;
	}


table.photoGallery {font-size:90%; line-height:1.05em; margin:25px 0;}
table.photoGallery td{padding:2px; vertical-align:top;}
table.photoGallery td img {border:none; padding:2px;	}
table.photoGallery td img {
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
	}

table.photoGallery td a:link img,
table.photoGallery td a:visited img {
	padding:2px;
	border:1px solid #ccc;
	}

table.photoGallery td a:hover img {
	-moz-opacity: 1;
	opacity:1;
	filter: alpha(opacity=100);
	border:1px solid #188cf7;
	}



/* =COMPONENTS
------------------------------------------------------------------------ */
div.gallery {
	/*Galeria de imagens e documentos associados ao artigo*/
	position:relative;
	float:right;
	width:260px;
	margin:0 0 10px 10px;
	padding:0;
	}
div.gallery img{border:1px solid #ccc;}
div.gallery ul.thumbs{
	margin:5px 0;
	padding:0;
	list-style:none;
	}
div.gallery ul.thumbs li{
	display:inline;
	margin:1px;
	}


ul.relatedArticles {
	width:93%;
	clear:right;
	border:1px solid #ccc;
	padding:5px;
	list-style:none;
	margin:3px 10px;
	margin-left:-0px;
	background:#f2f2f2;
	font-size:85%;
	}

ul.relatedArticles h3{
	background: url(../../img/generic/related.fundo01.gif) repeat-x left bottom;
	padding: 5px 5px 8px 5px;
	font-size:120%;
	}

ul.relatedArticles li{
	display:block;
	float:left;
	background:url(../../img/generic/related.bullet01.gif) no-repeat 2px 2px;
	padding:1px 1px 1px 15px;
	width:90%;
	margin:1px 0;
	border-bottom:1px solid #fff;
	}

ul.pageOps {
	margin:25px 0;
	padding:20px 0;
	list-style:none;
	background: url(../../img/layout/linhaDivH01.gif) repeat-x left top;
	}
ul.pageOps li{display:inline;}
ul.pageOps li a{padding:0 0 0 20px;}
ul.pageOps li.print a{background: url(../../img/layout/icon01Doc.gif) no-repeat left top;}
ul.pageOps li.suggest a{background: url(../../img/layout/icon02enviar.gif) no-repeat left top;}


ul.pageNav {
	list-style:none;
	margin:12px 0;
	text-align:right;
	padding:5px;
	color:#ccc;
	background:#f8f8f8;
	width:auto;
}
ul.pageNav li{display:block; float:left; padding:2px 2px; margin:0 1px;}
ul.pageNav li.active{font-size:150%; font-weight:bold; background:#fff; padding:2px; text-align:center; width:15px; float:left;}


table.folderNav {
	width:101%;
	border-right:1px solid #e1e1e1;
	border-bottom:4px solid #e1e1e1;
	margin:0px 0px 25px 0;
	}
table.folderNav th,
table.folderNav td{padding:5px 10px; border-bottom:1px solid #e1e1e1;}
table.folderNav a:link, table.folderNav a:visited {
	display:block;
	background: url(../../img/layout/bullet02vA.gif) no-repeat left 3px;
	padding-left: 11px;
	font-size:1.1em;
	font-weight:bold;
}

div.tabContent {
	padding:1em;
	border-top:2px solid #ccc;
	border-left:2px solid #ccc;
	clear:both;
	margin-top:-2px;
	}


img.thumbMed {margin:3px 0 5px 5px; padding:2px; border:1px solid #ccc;}

div.warn01 {background:#ebebeb; padding:1.5em 1em;}

ul.specs {list-style:none; margin:15px 0;}
ul.specs li{display:inline;}