/* CSS Document */

@import url("framework/framework.v1.0.css");

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

	IQA v2008 CSS
	FEVEREIRO/2008
	Desenvolvido por Multiweb * Business Inspiration
	www.multiweb.pt

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

*/


/* =ELEMENTOS COMUNS
------------------------------------------------------------------------ */
body{
	background: #fafeff url(../../img/layout/body.fundo.png) repeat-x left top;
}

a:link, a:visited {text-decoration:none; color:#1fb0dd;}
a:hover, a:active {color:#0e4a74;}

div.innerContainer{
	position:relative;
	}

/* =TIPOGRAFIA
------------------------------------------------------------------------ */
body{
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	color: #3a3f43;
	}
html, body, p{
	line-height:1.3em;
	}
.font01{font-size: 0.9em;}
.font02{font-size: 0.8em;}
.font03{font-size: 0.7em;}
.font04{font-size: 0.6em;}

p{margin-bottom:1.2em;}
p.note{font-size:0.80em;}
p.lead{font-size:1.1em; font-weight:bold;}

h1, h2, h3, h4, h5 {line-height: 1em; font-weight:normal;}
h1{font-size:3.8em;}
h2{font-size:2.2em;}
h3{font-size:1.8em;}
h4{font-size:1.6em;}
h5{font-size:2.2em;}

#footer{font-size:0.85em; color:#94adb5;}
	#footer .column01{width:335px;}
	#footer .column02{width:225px; display:none;}
	#footer a#signatureMultiweb{
		position:absolute;
		right:10px;
		top:15px;
		}
	#footer img#footerEntities{
		position:absolute;
		left:340px;
		top:0px;
		}
	#footer img#footerFacebook{
		position:absolute;
		left:460px;
		top:12px;
		}		

/* =LAYOUT SPECIFICS
------------------------------------------------------------------------ */
#globalContainer{}
#header {height:150px;}
	#header .innerContainer {
		height:150px;
		background: url(../../img/layout/header.fundo.png) no-repeat left top;
		}
	#header img#headerLogo {
		position:absolute;
		left:6px;
		top:0;
		}

#mainContent{background: url(../../img/temp/banner_home2.jpg) no-repeat left bottom;}
#featuredArticles{
	background:url(../../img/layout/featuredArticles.fundo.png) repeat;
	padding:3em 0;
	clear:both;
	position:relative;
	}
#footer{
	background:#fafeff;
	border-top:1px solid #c9eefa;
	padding:15px 0 0 0;
	}


.masterA{}
	.masterA #globalContainer #mainContent{
		width:100%;
		}
	.masterA #footer{}

.layoutA1 {}
	.layoutA1 .content{
		width:730px;
		padding-bottom:3em;
		}
	.layoutA1 .sidebar{
		width:210px;
		margin-top:1em;
		padding:0 0 0 10px;
		padding-bottom:3em;
		}
	#secHome .content{
		width:800px;
		padding-left:180px;
		float:none;
		}
	#secHome .sidebar{
		display:none;
		}

#secHome .columns02.l7030{margin:2em 0;}
.columns02.l7030 .columns03 .column01,
.columns02.l7030 .columns03 .column02,
.columns02.l7030 .columns03 .column03{
	width:155px;
	margin-right:18px;
	}

/* =LAYOUT SNIPPETS
------------------------------------------------------------------------ */

/* articleMask01 - foto principal de produto */
.articleMask01{position:relative; width:285px; height:191px; overflow:hidden; margin-left:0px; clear:left;}
	.articleMask01 img.mask{position:absolute; left:0; top:0; z-index:2;}
	.articleMask01 img.thumb{position:absolute; clip:rect(5px 280px 186px 5px);}

.photoGallery{}
	.photoGallery.static{float:right; width:300px; margin:0 0 5px 15px;}
	.photoGallery.static .articleMask02{margin-left:0;}
	.photoGallery.static table{margin:0;}
	.photoGallery.static table div.thumb{
		width:94px; 
		height:61px;
		overflow:hidden;
		}
	.photoGallery.slide{margin:2em 0; clear:both;}

.slideshowGallery{
	margin:25px 0;
	}


#notifContent{
	padding:8px;
	}
	#notifContent ul{}
		#notifContent ul li{margin:0 0 1em 0; clear:left;}
			#notifContent ul li img{float:left;}
			#notifContent ul li p{display:block; padding:8px 0 0 0;}

.warn{margin:8px 0;}
	.warn p{margin:0;}
	.warn.info{background:#dbf5f1; border:1px solid #0ac7ad; padding:5px;}

.accordion{}
	.accordion.type01 a{
		display:block;
		background: url(../../img/layout/accordion.T1.fundo01.png) repeat-x left top;
		padding:8px 15px;
		color:#fff;
		}
		.accordion.type01 a.selected{
			background: url(../../img/layout/accordion.T1.fundo02.png) repeat-x left top;
			}
	.accordion.type01 div{
		padding:10px 15px;
		}

#faqsList{
	background:#fff url(../../img/layout/faqsList.fundo.png) repeat-y left top;
	border:3px solid #d0eff9;
	width:710px;
	}
	#faqsList:after{
		display:block;
		clear:both;
		content:" ";
		height:0;
		visibility:hidden;
		}
	#faqsList ul{
		float:left;
		font-size:0.90em;
		width:269px;
		min-height:300px;
		background: url(../../img/layout/faqsList.ul.fundo.png) repeat-x left top;
		}
		#faqsList ul li{
			padding:10px 15px;
			}
		#faqsList ul li a{
			color:#3f4041;
			}
		#faqsList ul li.ui-tabs-selected{
			background:#fff url(../../img/layout/faqsList.ul.li.fundo.png) repeat-x left bottom;
			padding-bottom:13px;
			margin-right:-1px;
			width:240px;
			border-top:1px solid #9fe5f9;
			}
			#faqsList ul li.ui-tabs-selected a{color:#10bdf0;}
			#faqsList ul li.ui-tabs-selected.firstLI{
				border-top:none;
				}
	#faqsList div{
		padding:25px;
		margin-left:270px;
		}

#featuredHome{}
	#featuredHome div.thumb{
		width:155px;
		height:103px;
		overflow:hidden;
		position:relative;
		}
		#featuredHome div.thumb img.thumb{
			position:relative;
			z-index:1;
			}
		#featuredHome div.thumb img.mask{
			position:absolute;
			z-index:2;
			left:0;
			top:0;
			}

#referencesSlide{/*lista de testemunhos na home*/
	background: #edf6fb;
	width: 210px;
	height: 200px;
	font-size:1.1em;
	font-style:italic;
	}
	#referencesSlide p.title{
		font-size:1.2em;
		}
	#referencesSlide div { text-align: center; padding:20px; margin:0 }

#relatedInfo{
	margin:2em 0;
	clear:both;
	}
	#relatedInfo ul.tabNavigation{
		position:relative;
		z-index:2;
		margin:0;
		border-bottom:1px solid #f8fdff;
		}
	#relatedInfo ul.tabNavigation li{
		border:1px solid #d0eff9;
		border-bottom:1px solid #d0eff9;
		display:block;
		width:auto;
		float:left;
		padding:4px 8px;
		background:#f8fdff;
		margin:0 2px 0 0;
		}
		#relatedInfo ul.tabNavigation li.ui-tabs-selected{
			background:#fff;
			font-weight:bold;
			margin-bottom:-1px;
			border-bottom:2px solid #fff;
			}
	#relatedInfo div{
		position:relative;
		z-index:1;
		border:1px solid #d0eff9;
		margin-top:-1px;
		padding:15px;
		clear:both;
		width:698px;
		background:#fff;
		}
		#relatedInfo div div{
			border:none;
			background:none;
			padding:0;
			}
			#relatedInfo #tab-form form{width:695px;}

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

/* =siteNav */
ul#siteNav {list-style:none; width:810px; position:absolute; left:170px; top:65px; z-index:3; 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:65px;
	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:108px; background-position:0 0;}
ul#siteNav li#op02 a:link, ul#siteNav li#op02 a:visited{width:147px; background-position:-108px 0;}
ul#siteNav li#op03 a:link, ul#siteNav li#op03 a:visited{width:137px; background-position:-255px 0;}
ul#siteNav li#op04 a:link, ul#siteNav li#op04 a:visited{width:144px; background-position:-392px 0;}
ul#siteNav li#op05 a:link, ul#siteNav li#op05 a:visited{width:89px; background-position:-536px 0;}
ul#siteNav li#op06 a:link, ul#siteNav li#op06 a:visited{width:185px; background-position:-625px 0;}

ul#siteNav li#op01 a:hover{background-position:0px -65px;}
ul#siteNav li#op02 a:hover{background-position:-108px -65px;}
ul#siteNav li#op03 a:hover{background-position:-255px -65px;}
ul#siteNav li#op04 a:hover{background-position:-392px -65px;}
ul#siteNav li#op05 a:hover{background-position:-536px -65px;}
ul#siteNav li#op06 a:hover{background-position:-625px -65px;}

ul#siteNav li#op01.active a:link, ul#siteNav li#op01.active a:visited {background-position:0 -130px;}
ul#siteNav li#op02.active a:link, ul#siteNav li#op02.active a:visited {background-position:-108px -130px;}
ul#siteNav li#op03.active a:link, ul#siteNav li#op03.active a:visited {background-position:-255px -130px;}
ul#siteNav li#op04.active a:link, ul#siteNav li#op04.active a:visited {background-position:-392px -130px;}
ul#siteNav li#op05.active a:link, ul#siteNav li#op05.active a:visited {background-position:-536px -130px;}
ul#siteNav li#op06.active a:link, ul#siteNav li#op06.active a:visited {background-position:-625px -130px;}


ul#siteNav ul {display:block;}
	ul#siteNav ul li{}


#sectionNav{
	font-weight:bold;
	font-size:0.95em;
	line-height:1em;
	width:200px;
	}
	#sectionNav li{}
	#sectionNav li a:link, #sectionNav li a:visited{
		display:block;
		margin:0 0 0.3em 0;
		padding:3px 0 3px 6px;
		border-bottom:1px solid #b3ece7;
		color:#06b097;
		}
	#sectionNav li a:hover, #sectionNav li a:active{color:#043953;}
		#sectionNav li ul{
			margin:0 0 0 15px;
			}
	#sectionNav li.active a:link,
	#sectionNav li.active a:visited{
		background: url(../../img/layout/sectionNav.li.fundo01.gif) no-repeat right center;
		color:#fff;
		font-weight:bold;
		border-bottom:none;
		}
		#sectionNav li.active ul a:link,
		#sectionNav li.active ul a:visited{
			background:url(../../img/layout/sectionNav.li.ul.fundo01.gif) no-repeat left center;
			color:#06b097;
			padding:3px 0 3px 22px;
			font-size:0.85em;
			}
		#sectionNav li.active ul a:hover,
		#sectionNav li.active ul a:active{color:#043953;}
		#sectionNav li.active ul li.active a:link,
		#sectionNav li.active ul li.active a:visited{
			background:url(../../img/layout/sectionNav.li.ul.fundo02.gif) no-repeat left center;
			}


ul.pageNav{
	display:block;
	text-align:center;
	margin:2em 0;
	font-size:1.1em;
	}
	ul.pageNav li{display:inline;}
	ul.pageNav li a:link,
	ul.pageNav li a:visited{}
	ul.pageNav li.active a:link,
	ul.pageNav li.active a:visited{border-bottom:2px solid #a3dc0a; color:#585858; font-weight:bold;}	

ul.rootNav{font-size:9px; margin:0 0 1em 0;}
	ul.rootNav li{display:inline;}

/* =DATATABLES E DATALISTS
------------------------------------------------------------------------ */
/* =dataTable.TYPE01 - lista de logos de cliente */
.dataTable.type01{
	width:100%;
	}
	.dataTable.type01 td{
		width:25%;
		text-align:center;
		padding:5px 0;
		vertical-align:middle;
		}
	.dataTable.type01 td.firstTD{}
	.dataTable.type01 div.thumb{
		position:relative;
		padding:5px 0 0 5px;
		width:169px;
		height:113px;
		background: url(../../img/layout/dTable.T01.mask01.png) no-repeat center center;
		display:table-cell;
		vertical-align:middle;
		}
		.dataTable.type01 div.thumb a:link,
		.dataTable.type01 div.thumb a:visited{
			display:block;
			width:164px;
			height:108px;
			vertical-align:middle;
			display:table-cell;
			}
		.dataTable.type01 div.thumb a:hover,
		.dataTable.type01 div.thumb a:active{
			background: url(../../img/layout/dTable.T01.a.fundo01.png) no-repeat right top;			
			}
		.dataTable.type01 div.thumb img.thumb{
			position:relative;
			z-index:2;
			vertical-align:middle;
			}


/* =dataTable.TYPE02 - lista de artigos institucionais */
.dataTable.type02{}
	.dataTable.type02 td{
		padding:0 3em 2em 0;
		}
		.dataTable.type02.columns02 td{width:50%;}
	.dataTable.type02 td.firstTD{}
	.dataTable.type02 div.thumb{
		width:100px;
		height:67px;
		overflow:hidden;
		float:right;
		margin:0 0 8px 10px;
		}
		.dataTable.type02 div.thumb img.mask{
			position:absolute;
			left:0;
			top:0;
			z-index:2;
			}
	.dataTable.type02 p.title{font-size:1.5em;}


/* =dataList.type01 */
.dataList.type01{}
	.dataList.type01 li{}

dl{}
	dl dt{font-weight:bold;}
	dl dd{margin:0 0 1em 8px;}
	
/* =FORMS
------------------------------------------------------------------------ */
form{
	position:static;
	z-index:50;
	}
	form input,
	form select,
	form textarea{
		font: 1em Tahoma, Arial, Helvetica, sans-serif;
		color: #033147;
		padding:2px;
		}
	form label{ width:100%;}
	form label.error{
		color:#ff0000;
		}

	form fieldset {border:1px solid #c8d6da;}
	form legend {color:#00b1e5;}
		form fieldset fieldset{margin:1em 0;}

	form p + table {margin-top:15px;}
	form table {width:100%; clear:both;}
		form table td,
		form table th{padding:6px 3px;}
		form table th{width:20%; vertical-align:top; font-weight:bold;}

		
input.button,
input[type="submit"]{
	background: #00b1e5;
	border-top:2px solid #2bc7f5;
	border-right:1px solid #02a0ce;
	border-bottom:1px solid #02a0ce;
	border-left:2px solid #2bc7f5;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	margin:0;
	}

form#subscribeNewsletter{
	width:235px;
	margin:0 0 8px 0;
	}
	form#subscribeNewsletter label{
		display:block;
		width:235px;
		}
	form#subscribeNewsletter input{
		background:none;
		border:none;
		background: url(../../img/forms/newslletter.input.fundo01.gif) no-repeat left center;
		float:left;
		width:180px;
		height:14px;
		padding:5px 10px;
		}
		form#subscribeNewsletter input.submit{width:auto; padding:0; width:21px; height:24px;}

form#quickSearch{
	width:210px;
	margin:2em 0 8px 0;
	}
	form#quickSearch label{
		display:block;
		width:210px;
		}
	form#quickSearch input{
		background:none;
		border:none;
		background: url(../../img/forms/newslletter.input.fundo01.gif) no-repeat left center;
		float:left;
		width:160px;
		height:14px;
		padding:5px 10px;
		}
		form#quickSearch input.submit{width:auto; padding:0; width:21px; height:24px;}

form#headerSearch{
	margin:2em 0 3em 0;
	}


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

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


#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 400px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url(../../img/layout/tooltip.shadow1.png);
	}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 400px;
	text-align: center;
	}
#tooltip.pretty div { width: 400px; text-align: left; }


/* jquery validation */	
#mainContent #ClientValidationSummary{
	padding:0px;
	margin:0 0 15px 0;
	line-height:1.4em;
	}
	#ClientValidationSummary ul {font-size:0.80em;}
	#ClientValidationSummary ul li{
		padding-left:10px;
		}
	#ClientValidationSummary a:link,
	#ClientValidationSummary a:visited{font-weight:bold;}
	#ClientValidationSummary a:hover,
	#ClientValidationSummary a:active{}
	.validation-required{}
	.validation-failed{background:#f3d7d7;}



@media projection, screen { .ui-tabs-hide { display:none; } }
@media print { .ui-tabs-nav { display: none; } }