/*
	-- -- -- -- -- -- --
	MULTIWEB CSS FRAMEWORK
	VERSAO 1.0.1 JUL/2007
	Desenvolvido por Multiweb * Business Inspiration
	www.multiweb.pt
	-- -- -- -- -- -- --

*/

/* =RESET
------------------------------------------------------------------------ */

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	/*line-height: 1;*/
	font-family: inherit;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}




/* =LAYOUT
------------------------------------------------------------------------ */
html {height: 100%;}
body{height:100%;}


/*
MLF960C = Layout Fixo com 960px e centrado 
MLF960E = Layout Fixo com 960px e alinhado a esquerda
MLE70C = Layout Elastico com 70% e centrado
*/
.innerContainer{position: relative;}
.MLF940E .innerContainer, .MLF940E #mainContent{width: 940px; margin: 0;}
.MLF940C .innerContainer, .MLF940C #mainContent{width: 940px; margin: 0 auto;}
.MLF960E .innerContainer, .MLF960E #mainContent{width: 960px; margin: 0;}
.MLF960C .innerContainer, .MLF960C #mainContent{width: 960px; margin: 0 auto;}
.MLF980E .innerContainer, .MLF980E #mainContent{width: 980px; margin: 0;}
.MLF980C .innerContainer, .MLF980C #mainContent{width: 980px; margin: 0 auto;}
.MLE70E .innerContainer, .MLE70E #mainContent{width: 70%; margin: 0;}
.MLE80C .innerContainer, .MLE80C #mainContent{width: 80%; margin: 0 auto;}
.MLE90C .innerContainer, .MLE90C #mainContent{width: 90%; margin: 0 auto;}
.MLE100C .innerContainer, .MLE100C #mainContent{width: 100%; margin: 0 auto;}
.MAX1024 .innerContainer, .MAX1024 #mainContent{max-width: 1024px;}


#globalContainer{
	position:relative;
	}
	#globalContainer #header,
	#globalContainer #mainContent{
		position:relative;
		z-index:2;
		}
		#globalContainer #header{}
		#globalContainer #mainContent{}

#footer{position:relative; z-index:2; clear:both;}


/* MASTER A - Rodape fixo no final da página */
.masterA #globalContainer{
	width:100%;
	min-height: 100%;
	}
	* html .masterA #globalContainer{
		height: 100%;
		}
	.masterA #globalContainer #mainContent{}
	.masterA #footer{}


/* MASTER B - Rodape em posiçăo relativa no final do conteudo */
.masterB #globalContainer{}







/* =GRID
------------------------------------------------------------------------ */

/* layoutA1 - content + sidebar */
.layoutA1 {}
	.layoutA1:after {
		/* CLEAR FLOAT PARA FIREFOX */
		display: block;
		clear: both;
		content: ".";
		visibility: hidden;
		}
	.layoutA1.mode01 .content{float:right;}
	.layoutA1.mode01 .sidebar{float:left;}
	.layoutA1.mode02 .content{float:left;}
	.layoutA1.mode02 .sidebar{float:right;}	

/* layoutB1 - content + sidebar + subsidebar */
.layoutB1 {}
	.layoutB1:after {
		/* CLEAR FLOAT PARA FIREFOX */
		display: block;
		clear: both;
		content: ".";
		visibility: hidden;
		}
	.layoutB1.mode01 .content{}
	.layoutB1.mode01 .sidebar{float:left;}
	.layoutB1.mode01 .subsidebar{float:right;}


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

.columns02 {
	float:left;
	width:100%;
	clear:both;
	display:inline-block;/*be nice to IE*/
	}
	.columns02:after {
		/* CLEAR FLOAT PARA FIREFOX */
		display: block;
		clear: both;
		content: ".";
		visibility: hidden;
		}
	.columns02 .column01{float:left; width:48.5%; margin-right:1%;}
	.columns02 .column02{float:left; width:48.5%; margin-left:1%;}
	.columns02.l3070 .column01{width:29%;}
	.columns02.l3070 .column02{width:68%;}
	.columns02.l4060 .column01{width:39%;}
	.columns02.l4060 .column02{width:58%;}
	.columns02.l6040 .column01{width:58%;}
	.columns02.l6040 .column02{width:39%;}

.columns03{
	clear:both;
	display:inline-block;/*be nice to IE*/
	}
	.columns03:after {
		/* CLEAR FLOAT PARA FIREFOX */
		display: block;
		clear: both;
		content: ".";
		visibility: hidden;
		}
	.columns03 .column{}
	.columns03 .column01{float:left; width: 32.3%; margin-right: 1%;}
	.columns03 .column02{float:left; width: 31.2%; margin:0 1%;}
	.columns03 .column03{float:left; width: 32.3%; margin-left: 1%;}


.columns04 {
	clear:both;
	display:inline-block;/*be nice to IE*/
	}
	.columns04:after {
		/* CLEAR FLOAT PARA FIREFOX */
		display: block;
		clear: both;
		content: ".";
		visibility: hidden;
		}
	.columns04 .column{}
	.columns04 .column01{float:left; width: 24%; margin-right: 1%;}
	.columns04 .column02{float:left; width: 23%; margin:0 1%;}
	.columns04 .column03{float:left; width: 23%; margin:0 1%;}
	.columns04 .column04{float:left; width: 24%; margin-left: 1%;}


/* =FORMS
------------------------------------------------------------------------ */
form {
	margin:1.5em 0;
	width:100%;
	clear: both;
	}
	form fieldset{
		padding:1.5em;
		border:1px solid #ccc;
		}
	form.noPadding fieldset{padding:1em 0 0 0;}
		
		form fieldset legend{}
	form p.intro{margin:1.5em 0 1.0em 0;}
	form p{
		clear:left;
		display:block;
		padding:2px 0;
		width:100%;
		margin: 0;
		float:left;
		}
	form label {
		display:block;
		float:left;
		text-align:right;
		padding:2px 2% 2px 0;
		width:18%;
		min-width:100px;
		}
		form label span{display:block; text-align:right; min-width:95px;}
		form label.error{float:left; display:block; width:75%; text-align:left; padding:0 0 0 25%;}
			form label.error:after{
				/* CLEAR FLOAT PARA FIREFOX */
				display: block;
				clear: both;
				content: " ";
				}

input.button,
input[type="submit"]{
	margin:0;
	padding:1px 2px;
	}

form .inputXBig{width:99%;}
form .inputBig{width:99%;}
form .inputMed{width:50%;}
form .inputSma{width:30%;}
form .inputXSma{width:15%;}
/* quando na estrutura normal de forms */
form p .inputXBig{width:70%;}
form p .inputBig{width:60%;}
form p .inputMed{width:40%;}
form p .inputSma{width:25%;}
form p .inputXSma{width:10%;}