/* CSS Document */

@import url("blueprint/blueprint/screen.css");
@import url("constants.css");

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

	WIP009
	CLIENTE v2008 CSS
	MES/ANO
	Desenvolvido por Multiweb * Business Inspiration
	www.multiweb.pt

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

*/

/* =GENERIC
------------------------------------------------------------------------ */
.container{
	position:relative;
	}

/* =TIPOGRAFIA
------------------------------------------------------------------------ */
body, input, textarea{font-family: "Gill Sans", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#404040;}
h1, h2, h3, h4, h5, h6{
	font-family: "Helvetica Neue",
	Helvetica, Arial, sans-serif;
	color:#404040;
	text-shadow: #edeadf 1px 1px 0px;
	}

h3, h4, h5{ text-transform:uppercase;}
.small h3, .small h4{font-weight:bold;}

#relatedContents h5{color:#9b9687;}

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

a:link, a:visited{color:#2a7c77; font-weight:bold;}
a:hover, a:active{color:#33908a;}

#footer a:link, #footer a:visited{color:#666666; text-decoration:none;}
#footer a:hover, #footer a:active{color:#ccc;}

/* =LAYOUT SPECIFICS
------------------------------------------------------------------------ */
html{
	height:100%;
	}
body{
	background:#afb1af url(../../img/layout/home.body.fundo.png) repeat-x left top;
	}
#globalContainer{
	background: url(../../img/layout/mainContent.fundo.gif) repeat-x left top;
	min-height:100%;
	}
	* html #globalContainer{
		height: 100%;
		}

#header{
	background: url(../../img/layout/header.fundo.gif) repeat-x left top;
	}
	#header01{
		height:105px;
		}
	#header02{
		height:60px;
		}
		#header02 div.container{}
	#header03{
		height:180px;
		width:100%;
		text-align:center;
		overflow:hidden;
		}
		#secHome #header03{
			height:303px;
			}
		#header03 img{
			position:absolute;
			left:50%;
			margin-left:-580px;
			}
		#secHome #header03{}
		#header03 .container{}
			
#mainContent{
	border-top:1px solid #fff;
	padding-bottom:70px;
	/*background: url(../../img/layout/mainContent.fundo.png) repeat-x left top;*/
	}
	#secHome #mainContent{}
	#content{
		padding-top:18px;
		}
	#relatedContents{
		background: url(../../img/layout/relatedContents.fundo.png) no-repeat center top;
		min-height:340px;
		margin-top:-18px;
		width:230px;
		padding:18px 20px;
		}
	#sidebar{
		padding-top:18px;
		}

div#footer{
	position:relative;
	height:70px;
	margin:0;
	margin-top:-70px;
	background:#302e2f;
	border-top:1px solid #545253;
	}


#notifContent{
	width:990px;
	padding:9px 0;
	}
	#notifContent div{
		font-weight:bold;
		padding:5px 8px 3px 8px;
		height:23px;
		text-align:center;
		}
	#notifContent div ul{
		margin:0;
		list-style:none;
		}
	#notifContent div.warning{
		border:2px solid #c32e2f;
		background:#debfbf;
		/*background: url(../../img/layout/notifContent.warn.fundo.png) no-repeat left top;
		color:#514721;*/
		}
	#notifContent div.success{
		/*background: url(../../img/layout/notifContent.success.fundo.png) no-repeat left top;
		border:0;
		margin:0;
		padding:5px 0 3px 60px;*/
		}
	

/* =LAYOUT SNIPPETS
------------------------------------------------------------------------ */
img#headerLogo{
	position:absolute;
	left:50%;
	margin-left:-135px;
	top:10px;
	z-index:2;
	}
	body#secHome img#headerLogo{}

div#featured01{
	margin-top:-18px;
	}
	div#featured01 div.span-5{
		margin-left:20px;
		padding:18px 15px;
		background:url(../../img/layout/featured01.fundo01.png) no-repeat left center;
		margin-right:0;
		min-height:114px;
		}
		div#featured01 div.span-5.first{margin-left:25px;}
		div#featured01 .bubbleInfo {position: relative;}
		div#featured01 .popup {
			position: absolute;
			display: none;
			z-index: 50;
			border-collapse: collapse;
			}
			div#featured01 .popup img.mask{
				position:absolute;
				left:-5px;
				top:0;
				z-index:1;
				}
			div#featured01 .popup div{
				position:relative;
				left:0;
				top:0;
				z-index:2;
				padding:15px;
				}
			div#featured01 img.thumb{
				position:absolute;
				left:0;
				top:0;
				z-index:1;
				clip:rect(5px 211px 144px 5px)
				}

#relatedContents ul{list-style:none; margin:0;}
	#relatedContents ul li{}
	#relatedContents div.gallery{}
	#relatedContents div.thumb img.thumb{
		-moz-opacity: 0.90;
		opacity: 0.90;
		filter: alpha(opacity=90);
		}
	#relatedContents div.thumb:hover img.thumb{
		-moz-opacity: 1.00;
		opacity: 1.00;
		filter: alpha(opacity=100);
		}
	#relatedContents div.gallery div.thumb{
		position:relative;
		overflow:hidden;
		}
		#relatedContents div.gallery div.thumb img.mask{
			position:absolute;
			left:0;
			top:0;
			z-index:2;
			}
		#relatedContents div.gallery div.thumb img.thumb{
			position:absolute;
			left:0;
			top:0;
			z-index:1;
			}			
	div.gallery.static{}
	div.gallery.static div.mainPhoto{
		display:block;
		width:232px;
		height:139px;
		overflow:hidden;
		position:relative;
		}
		div.gallery.static div.mainPhoto img.mask{
			position:absolute;
			z-index:2;
			left:0;
			top:0;
			}
		div.gallery.static div.mainPhoto img.thumb{
			position:absolute;
			z-index:1;
			left:0;
			top:0;
			clip:rect(3px, 228px, 136px, 3px);
			}
	div.gallery.static table td{padding:0 0 2px 1px;}
	div.gallery.static div.thumb{
		width:114px;
		height:85px;
		} 
	div.gallery.static img.thumb{
		clip:rect(2px, 112px, 83px, 2px);
		}


#header01{
	background: url(../../img/layout/header01.fundo.jpg) repeat-x center top;
	}
#header01 #quickSearch{
	display:none;
	position:absolute;
	right:0;
	top:50px;
	}
	#header01 #quickSearch input,
	#header01 #quickSearch label{
		float:left;
		}
		#header01 #quickSearch input[type=text]{
			background:#494949;
			border-top:1px solid #322f30;
			border-right:1px solid #5b5b5b;
			border-bottom:1px solid #5b5b5b;
			border-left:1px solid #322f30;
			padding:1px 2px;
			color:#8b8b8b;
			}
		#header01 #quickSearch input[type=image]{
			border:none;
			}

#headerSearch{
	background:#dcd6bf;
	border-top:1px solid #ebe6d2;
	border-right:1px solid #c2bca7;
	border-bottom:1px solid #c2bca7;
	border-left:1px solid #ebe6d2;
	padding:10px 25px;
	}
	#headerSearch input[type=text],
	#headerSearch select{
		background:#eeead9;
		padding:1px 2px;
		font-size:11px;
		}
	#headerSearch table{margin:0;}
	#headerSearch table td,
	#headerSearch table th{
		padding:2px 5px;
		}
	#headerSearch table th{
		background:none;
		text-align:right;
		}

/* =DATATABLES AND DATALISTS
------------------------------------------------------------------------ */
.dataTable.articleList01 div.thumb,
table#searchResults div.thumb{
	float:left;
	width:104px;
	height:66px;
	padding:2px;
	margin:6px 10px 0px 0;
	overflow:hidden;
	border:1px solid #c9dee0;
	position:relative;
	}
	.dataTable.articleList01 div.thumb:hover,
	.dataTable.searchResults div.thumb:hover{
		border:1px solid #66989c;
		}
	.dataTable.articleList01 div.thumb img,
	.dataTable.searchResults div.thumb img{
		position:absolute;
		clip:rect(3px, 105px, 67px, 3px);
		}

.dataTable.articleList01{
	margin:9px 0;
	}
	.dataTable.articleList01 h4{}
		.dataTable.articleList01 h4 a:link,
		.dataTable.articleList01 h4 a:visited{text-decoration:none;}
	.dataTable.articleList01 td{border-bottom:1px solid #a5a08f;}

table.folderNav{}
	table.folderNav td{
		display:table-cell;
		vertical-align:middle;
		border-bottom:3px solid #427977;
		}
	table.folderNav td.title{
		width:140px;
		padding-right:10px;
		}
	table.folderNav td.thumb{
		padding-top:9px;
		background: url(../../img/layout/folderNav.td2.fundo.gif) no-repeat 4px top;
		}
	table.folderNav td.description{
		padding-top:9px;
		}
		table.folderNav td.description.noThumb{padding-top:0px;}
	table.folderNav td a:link,
	table.folderNav td a:visited{
		color:#2b292a;
		text-decoration:none;
		}
	table.folderNav td a:hover,
	table.folderNav td a:active{
		color:#427977;
		}
	table.folderNav h3{
		text-transform:capitalize;
		}

table#searchResults{}
	table#searchResults div.thumb{
		float:left;
		}
	table#searchResults td{
		border-bottom:1px solid #bdb79f;
		padding:8px;
		}
	table#searchResults p {margin:0;}
	table#searchResults p a:link,
	table#searchResults p a:visited{text-decoration:none;}

table caption{
	background:#bbb6a6;
	font-style:italic;
	font-weight:bold;
	border:1px solid #efe9d6;
	margin:0 0 1em 0;
	padding:3px 8px;
	}


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

/* =siteNav */
ul#siteNav {list-style:none; width:720px; height:60px; position:absolute; left:205px; top:0; 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#op01 a:link, ul#siteNav li#op01 a:visited{width:120px; background-position:0 0;}
ul#siteNav li#op02 a:link, ul#siteNav li#op02 a:visited{width:120px; background-position:-120px 0;}
ul#siteNav li#op03 a:link, ul#siteNav li#op03 a:visited{width:120px; background-position:-240px 0;}
ul#siteNav li#op04 a:link, ul#siteNav li#op04 a:visited{width:120px; background-position:-360px 0;}
ul#siteNav li#op05 a:link, ul#siteNav li#op05 a:visited{width:120px; background-position:-600px 0;}
/*ul#siteNav li#op06 a:link, ul#siteNav li#op06 a:visited{width:120px; background-position:-600px 0;}*/

ul#siteNav li#op01 a:hover{background-position:0px -60px;}
ul#siteNav li#op02 a:hover{background-position:-120px -60px;}
ul#siteNav li#op03 a:hover{background-position:-240px -60px;}
ul#siteNav li#op04 a:hover{background-position:-360px -60px;}
ul#siteNav li#op05 a:hover{background-position:-600px -60px;}
/*ul#siteNav li#op06 a:hover{background-position:-600px -60px;}*/

ul#siteNav li#op01.active a:link, ul#siteNav li#op01.active a:visited {background-position:0 -120px;}
ul#siteNav li#op02.active a:link, ul#siteNav li#op02.active a:visited {background-position:-120px -120px;}
ul#siteNav li#op03.active a:link, ul#siteNav li#op03.active a:visited {background-position:-240px -120px;}
ul#siteNav li#op04.active a:link, ul#siteNav li#op04.active a:visited {background-position:-360px -120px;}
ul#siteNav li#op05.active a:link, ul#siteNav li#op05.active a:visited {background-position:-600px -120px;}
/*ul#siteNav li#op06.active a:link, ul#siteNav li#op06.active a:visited {background-position:-600px -120px;}*/

ul#sectionNav{
	list-style:none;
	margin:0 0 18px 0;
	}
	ul#sectionNav ul{
		list-style:none;
		margin:0;
		}
	ul#sectionNav li{
		border-top:1px solid #e7e9e7;
		padding:5px 0 4px 0;
		}
		ul#sectionNav ul li:first-child{border-top:none;}
	ul#sectionNav ul ul{margin:0 0 0 10px;}
		ul#sectionNav ul ul li{padding:2px 0;}
		ul#sectionNav li a:link,
		ul#sectionNav li a:visited{
			text-transform:uppercase;
			font-weight:bold;
			color:#2b292a;
			text-decoration:none;
			text-shadow: #edeadf 1px 1px 0px;
			}
		ul#sectionNav a:hover,
		ul#sectionNav a:active{
			color:#727372!important;
			}
		ul#sectionNav ul ul li a:link,
		ul#sectionNav ul ul li a:visited{
			text-transform:none;
			}
		ul#sectionNav li a:hover, ul#sectionNav li a:active{
			color:#000;
			}
		ul#sectionNav li.active a:link,
		ul#sectionNav li.active a:visited{
			color:#18a536;
			}


ul#supportNav{
	display:none;
	list-style:none;
	position:absolute;
	right:0px;
	top:30px;
	text-transform:uppercase;
	color:#606060;
	}
	ul#supportNav li{
		display:inline;
		text-shadow: #4a4849 1px 1px 0px;
		}
	ul#supportNav li:after{
		content:" |";
		}
	ul#supportNav li a:link,
	ul#supportNav li a:visited{color:#606060;}
	ul#supportNav li a:hover,
	ul#supportNav li a:active{color:#888888;}	

ul#footerNav{margin:0; list-style:none; font-weight:bold;}
	ul#footerNav li{display:inline; padding:0 0.2em 0 0;}
	ul#footerNav li:after{content:"  /"; font-weight:normal;}

ul#catListHeader{
	list-style:none;
	font-size:0.8em;
	line-height:1.87em;
	}
	ul#catListHeader select{font-size:0.9em;}
	ul#catListHeader li label{}
	ul#catListHeader li select,
	ul#catListHeader li input{margin:0;}

ul#pageNav{
	display:block;
	float:right;
	list-style:none;
	margin:9px auto;
	text-align:right;
	}
	ul#pageNav li{
		display:inline;
		}

/* =WIP SKIN
------------------------------------------------------------------------ */
a#footerMultiweb{
	position:absolute;
	right:40px;
	top:25px;
	width:200px;
	text-align:right;
	line-height:1em;
	}
img#footerContacts{
	position:absolute;
	left:40px;
	top:15px;
	}
img#footerMarcas{
	position:absolute;
	left:350px;
	top:5px;
	}

ul#siteNav{}
ul#sectionNav{}

/* =FORMS
------------------------------------------------------------------------ */
#content form{}
#content form fieldset{
	border:none;
	padding:0;
	}
	#content form fieldset textarea{height:150px;}

input[type=submit]{
	background:#11a531;
	border-top:1px solid #1fc944;
	border-right:1px solid #18a536;
	border-bottom:1px solid #18a536;
	border-left:1px solid #1fc944;
	color:#fff;
	}

/* FORM SKIN */
form.cmxform{
	width:670px;
	}
	form.cmxform fieldset li {
		width:660px;
		padding:5px;
		}
	form.cmxform label {width: 120px; margin-right:10px; } /* Width of labels */
	form.cmxform fieldset fieldset label { margin-left: 133px; } /* Width plus 3 (html space) */
	
	form.cmxform li input[type=text],
	form.cmxform li textarea{width:490px;}
	form.cmxform li.submit{padding-left:140px;}

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #eae9ec;
	background: url(../../img/layout/cmxform.fieldset.fundo.png) left bottom repeat-x;
	}
	form.cmxform fieldset fieldset{
		background:none;
		}
	form.cmxform fieldset li {
		background: url(../../img/layout/cmxform.divider.png) left bottom repeat-x;
		}

/* =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;}

h4+h1{margin-top:-18px;}