/* CSS Document */

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

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

	BAZAR SEXY v2007 CSS
	NOVEMBRO/2007
	Desenvolvido por Multiweb * Business Inspiration
	www.multiweb.pt

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

*/


/* =ELEMENTOS COMUNS
------------------------------------------------------------------------ */
body{background: #fff;}

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

div.innerContainer{
	position:relative;
	}

/* =TIPOGRAFIA
------------------------------------------------------------------------ */
body{
	font:0.75em Tahoma, Arial, Helvetica, sans-serif;
	color: #505050;
	}
html, body, p{
	line-height:1.30em;
	}
.type01{font-size: 0.9em;}
.type02{font-size: 0.8em;}
.type03{font-size: 0.7em;}
.type04{font-size: 0.6em;}

p{margin-bottom:1.2em;}
p.note{font-size:0.80em;}

h1, h2, h3, h4, h5 {line-height: 1em;}
h1{font-size:3em;}
h2{font-size:2.5em;}
h3{font-size:2.0em;}
h4{font-size:1.6em;}
h5{font-size:2.2em;}

strong{font-weight:bold;}

/* =LAYOUT SPECIFICS
------------------------------------------------------------------------ */
.MLF850C .innerContainer, .MLF850C #mainContent{width: 850px; margin: 0 auto;}

#header {}
	#header01{
		background: url(../../img/layout/header.fundo01.jpg) no-repeat center top;
		height:59px;
		}
	#header02{
		background: url(../../img/layout/header.fundo02.jpg) no-repeat center top;
		height:270px;
		}
	#header img#headerLogo{
		position:absolute;
		left:45px;
		top:35px;
		}
	#header img#headerLogo2{
		position:absolute;
		right:145px;
		top:60px;
		}		
	#header div#headerLojas,
	#header img#headerLojas{
		position:absolute;
		left:345px;
		top:35px;	
		z-index:5;
		}
	#header img#headerInovador{
		position:absolute;
		right:10px;
		top:10px;
		z-index:5;
		}

.masterA{}
	.masterA #globalContainer {
		width:850px;
		margin:0 auto;
		background: url(../../img/layout/globalContainer.fundo.jpg) repeat-y center top;
		min-height:inherit;
		}
	.masterA #globalContainer #mainContent{padding-bottom: 0;}
	.masterA #footer{}

.layoutA1 {
	background: url(../../img/layout/mainContent.fundo.jpg) no-repeat center top;
	color:#fff;
	}
	.MLF850C #mainContent.layoutA1{
		width:790px;
		padding:0 30px;
		}
	.layoutA1 .content{
		width:545px;
		padding:0 50px 0 20px;
		position:relative;
		top:-45px;
		background: url(../../img/layout/content.fundo.gif) repeat-y left top;
		}
	.layoutA1 .sidebar{
		width:175px;
		min-height:350px;
		position:relative;
		top:-45px;
		background: url(../../img/layout/sidebar.fundo.jpg) no-repeat left 77px;
		}	

#footer{
	height:100px;
	background: url(../../img/layout/footer.fundo.jpg) no-repeat center bottom;
	padding:25px 75px;
	}
	#footer div.innerContainer{
		/*border-top:1px solid #a85a83;
		border-bottom:1px solid #953668;*/
		width:700px;
		padding:10px 0;
		}
	#footer img.deco01{
		position:absolute;
		left:6px;
		bottom:0;
		z-index:5;
		}
	#footer img#footerMultiweb{
		position:absolute;
		right:75px;
		bottom:45px;
		z-index:5;
		}
	#footer form{margin:0;}
		#footer form input{margin:0 2px;}
		#footer form table td{border:none;}
	#footer table{width:auto;}
		#footer table td{vertical-align:middle; padding:0;}
		#footer table td.column01{width:100px;}
		#footer table td.column02{width:130px;}
		#footer table td.column03{}
		#footer table td.column04{}

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

/* articleMask01 - foto principal de produto */
.articleMask01{position:relative; width:259px; height:173px; overflow:hidden; margin-left:-7px; clear:left;}
	.articleMask01 img.mask{position:absolute; left:0; top:0; z-index:2;}
	.articleMask01 img.thumb{position:absolute; clip:rect(7px 256px 165px 7px);}

.photoGallery{}
	.photoGallery.static{float:right; width:200px; margin:0 0 5px 15px;}
	.photoGallery.static .articleMask02{margin-left:0;}
	.photoGallery.static table{margin:0;}

.slideshowGallery{
	margin:25px 0;
	}

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


/* =LISTAS
------------------------------------------------------------------------ */
ul#siteNav{
	width:820px;
	height:175px;
	position:absolute;
	left:0;
	top:154px;
	background: url(../../img/layout/siteNav.fundo.jpg) no-repeat center top;
	z-index:4;
	padding:0 0 0 30px;
	}
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:131px;
	background: url(../../img/langPT/layout/sitenav.ops.jpg) no-repeat;
	}
	ul#siteNav li a span {display:none;}

ul#siteNav li#op01 a:link, ul#siteNav li#op01 a:visited{width:162px; background-position:0 0;}
ul#siteNav li#op02 a:link, ul#siteNav li#op02 a:visited{width:179px; background-position:-162px 0;}
ul#siteNav li#op03 a:link, ul#siteNav li#op03 a:visited{width:183px; background-position:-341px 0;}
ul#siteNav li#op04 a:link, ul#siteNav li#op04 a:visited{width:268px; background-position:-524px 0;}
ul#siteNav li#op05 a:link, ul#siteNav li#op05 a:visited{width:188px; float:right; background:none;}

ul#siteNav li#op01.active a:link, ul#siteNav li#op01.active a:visited, ul#siteNav li#op01 a:hover{background-position:0px -131px;}
ul#siteNav li#op02.active a:link, ul#siteNav li#op02.active a:visited, ul#siteNav li#op02 a:hover{background-position:-162px -131px;}
ul#siteNav li#op03.active a:link, ul#siteNav li#op03.active a:visited, ul#siteNav li#op03 a:hover{background-position:-341px -131px;}
ul#siteNav li#op04.active a:link, ul#siteNav li#op04.active a:visited, ul#siteNav li#op04 a:hover{background-position:-524px -131px;}



ul.footerNav{}
	ul.footerNav li{
		float:left;
		}


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 artigos actualidade */
.dataTable.type01{}
	.dataTable.type01 td{
		padding:0 15px 5px 0;
		}
	.dataTable.type01 td.firstTD{}
	.dataTable.type01 div.thumb{
		position:relative;
		width:255px;
		height:189px;
		overflow:hidden;
		}
	.dataTable.type01 div.thumb img.mask{
		position:absolute;
		z-index:2;
		left:0;
		top:0;
		}
	.dataTable.type01 div.thumb img.thumb{
		position:absolute;
		z-index:1;
		clip:rect(0px 255px 170px 0px);
		}


/* =dataTable.TYPE02 - sitemap */
.dataTable.type02{}
	.dataTable.type02 td{}
	.dataTable.type02 td.firstTD{}
	.dataTable.type02 div.thumb{}


/* =dataList.type01 */
.dataList.type01{
	margin:0 0 1.2em 15px;
	}
	.dataList.type01 li{
		background: url(../../img/layout/dList.T01.li.fundo.gif) no-repeat left 4px;
		padding:0 0 0 15px;
		}

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

	form fieldset {border:none;}
	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:2px 3px; border-bottom:1px solid #94185a;}
		form table th{width:30%; vertical-align:top; font-weight:bold; text-align:right; padding-right:6px;}

		
input.button,
input[type="submit"]{
	border:none;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
	margin:0;
	background: url(../../img/forms/butto01.fundo.gif);
	padding:10px 15px 10px 15px;
	min-width:115px;
	text-transform:uppercase;
	}




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

.sIFR-active .sidebar h1 {font-size:8.2em;}
.sIFR-active .content h1 {font-size:2.2em; margin:0.7em 0 0.3em 0;}
.sIFR-active h1 {font-size:2.2em;}
.sIFR-active h2 {font-size:1.8em;}
.sIFR-active h3 {font-size:1.1em;}
.sIFR-active h4 {font-size:1.0em;}