/* @override http://localhost/simoesdecarvalho/structure/css/main.css */

/* CSS Document */

@import url("forms.css");


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

	SIMOES DE CARVALHO v2006 CSS
	JAN/2007
	Desenvolvido por Multiweb * Business Inspiration
	www.multiweb.pt

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

*/


/* =ELEMENTOS COMUNS
------------------------------------------------------------------------ */
* {margin:0; padding:0;}

html {height: 100%;}

body{
	margin:0;
	padding:0;
	font: .80em Arial, Helvetica, sans-serif;
	color: #333333;
	line-height:1.10em;
	height:100%;
	background: #fff url(../../img/layout/body.fundo.png) repeat-y left top;
	}



/* =TIPOGRAFIA
------------------------------------------------------------------------ */
.devnote {color:#FF0000; background:#FFFF99; display:block; padding:10px;}
div.clear {clear:both;}

p {margin:0 0 0.9em 0;}
p.note {font-size:85%; color:#d1fffe;}
h1, h2, h3, h4, h5, h6 {margin:0; line-height:1em; color:#5a5a5a;}

h1 {font-size:265%; font-weight:normal; margin-bottom:0.2em; letter-spacing:-3px;}
h2 {font-size:200%; font-weight:normal; margin-bottom:0.2em; letter-spacing:-2px;}
h3 {font-size:160%; font-weight:normal; margin-bottom:0.2em; }
h4 {font-size:120%; letter-spacing:-0.1em;}
h5 {letter-spacing:0;}
h6 {}

a:link, a:visited {text-decoration:none; color:#cf3faf;}
a:hover, a:active {text-decoration:underline;}

hr {border:1px dotted #a8dbda; width:98%; clear:both;}

a:link img, a:visited img {border:none;}

/* =LAYOUT
------------------------------------------------------------------------ */
.innercontainer {width:990px;}
#globalContainer {
	width:100%;
	}
#header {
	display:block;
	position:fixed;
	width:100%;
	left:0;
	top:0;
	z-index:5;
	}
	#header01 {
		height:42px;
		position:relative;
		}
		#header01 img.endTop{position:absolute; left:263px; top:-27px; z-index:4;}
	#header02 {
		height:140px;
		position:relative;
		}
		#header02 img#logotipo{
			position:absolute;
			left:680px;
			top:25px;
			z-index:4;
			}

#maincontent {margin-top:182px;}
	#maincontent:after{
		/* CLEAR FLOAT PARA FIREFOX */
		display: block;
		clear: both;
		content: " ";
		}
	#maincontent img.endTop{position:fixed; left:277px; top:182px; z-index:3;}
	#maincontent .content{
		width:593px;
		padding:30px 30px 30px 90px;
		float:right;
		position:relative;
		}
		#maincontent .content .subcontent{float:left; width:415px; position:relative; z-index:2; padding:25px 25px 25px 0;}

		#maincontent .content .subcontent a:link,
		#maincontent .content .subcontent a:visited{position:relative; z-index:2;}

			#maincontent .content .sectionHeader{margin-left:-40px;}
			#maincontent .content .subcontent img.endTop{position:absolute; left:-89px; top:00px;  z-index:2;}
		#maincontent .content .subsidebar{float:right; width:125px; font-size:0.80em; position:relative; padding:0 0 0 15px; font-family:Arial, Helvetica, sans-serif;}
		#maincontent .content .subsidebar img.separador{position:absolute; left:-4px;}
		#maincontent .content .subsidebar div#seeAlso{margin:25px 0;}
	#maincontent .sidebar{width:275px; float:left; position:fixed; left:0; top:0;}
		#maincontent .sidebar img#styleyourlife{
			position:relative;
			left:25px;
			top:600px;
			z-index:5;
			}
		#maincontent .sidebar img#sidebarContactos{
			position:relative;
			left:50px;
			top:610px;
			z-index:5;
			}
			

.columns03 {width:633px; margin-left:-40px; font-size:0.85em;}
	.columns03 .column01{float:left; width:211px;}
	.columns03 .column02{float:left; width:211px;}
	.columns03 .column03{float:left; width:211px;}
	.columns03 p{margin-right:25px;}
			

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

p img.citacao{position:relative; left:-50px; margin:25px 0;}
div.footerNote {border-top:1px solid #ccc; font-size:0.85em;}

.featured{
	padding:1em 0;
	clear:both;
	}
	.featured.type01{
		background:#fcf7fb;
		border:1px solid #f9eaf6;
		padding:1em;
		}

/* =ZONAS
------------------------------------------------------------------------ */
body#sec00Home {background: #fff url(../../img/layout/00home/body.fundo.jpg) no-repeat fixed left top;}
body#sec00Home #header{background: #fff url(../../img/layout/00home/body.header.fundo.jpg) no-repeat fixed left top;}

body#sec01Apres {background: #fff url(../../img/layout/01apres/body.fundo.jpg) no-repeat fixed left top;}
body#sec01Apres #header{background: #fff url(../../img/layout/01apres/body.header.fundo.jpg) no-repeat fixed left top;}

body#sec02Conceito00 {background: #fff url(../../img/layout/02conceito/sub00_body.fundo.jpg) no-repeat fixed left top;}
body#sec02Conceito00 #header{background: #fff url(../../img/layout/02conceito/sub00_body.header.fundo.jpg) no-repeat fixed left top;}

body#sec02Conceito01 {background: #fff url(../../img/layout/02conceito/sub01_body.fundo.jpg) no-repeat fixed left top;}
body#sec02Conceito01 #header{background: #fff url(../../img/layout/02conceito/sub01_body.header.fundo.jpg) no-repeat fixed left top;}

body#sec02Conceito02 {background: #fff url(../../img/layout/02conceito/sub02_body.fundo.jpg) no-repeat fixed left top;}
body#sec02Conceito02 #header{background: #fff url(../../img/layout/02conceito/sub02_body.header.fundo.jpg) no-repeat fixed left top;}

body#sec02Conceito03 {background: #fff url(../../img/layout/02conceito/sub03_body.fundo.jpg) no-repeat fixed left top;}
body#sec02Conceito03 #header{background: #fff url(../../img/layout/02conceito/sub03_body.header.fundo.jpg) no-repeat fixed left top;}

body#sec02Estilopessoal {background: #fff url(../../img/layout/02estilopessoal/body.fundo.jpg) no-repeat fixed left top;}
body#sec02Estilopessoal #header{background: #fff url(../../img/layout/02estilopessoal/body.header.fundo.jpg) no-repeat fixed left top;}

body#sec02Processo_shop {background: #fff url(../../img/layout/02processo_shop/body.fundo.jpg) no-repeat fixed left top;}
body#sec02Processo_shop #header{background: #fff url(../../img/layout/02processo_shop/body.header.fundo.jpg) no-repeat fixed left top;}

body#sec03Estilonasempresas {background: #fff url(../../img/layout/03estilonasempresas/body.fundo.jpg) no-repeat fixed left top;}
body#sec03Estilonasempresas #header{background: #fff url(../../img/layout/03estilonasempresas/body.header.fundo.jpg) no-repeat fixed left top;}

body#sec03Stylebook {background: #fff url(../../img/layout/03stylebook/body.fundo.jpg) no-repeat fixed left top;}
body#sec03Stylebook #header{background: #fff url(../../img/layout/03stylebook/body.header.fundo.jpg) no-repeat fixed left top;}

body#sec04Dicas {background: #fff url(../../img/layout/04dicas/body.fundo.jpg) no-repeat fixed left top;}
body#sec04Dicas #header{background: #fff url(../../img/layout/04dicas/body.header.fundo.jpg) no-repeat fixed left top;}

body#sec05Contactos {background: #fff url(../../img/layout/05contactos/body.fundo.jpg) no-repeat fixed left top;}
body#sec05Contactos #header{background: #fff url(../../img/layout/05contactos/body.header.fundo.jpg) no-repeat fixed left top;}

/* =LISTAS
------------------------------------------------------------------------ */
ul.siteNav {list-style:none; height:42px; width:600px; position:absolute; left:280px; top:-4px; z-index:5; padding:0;}
ul.siteNav li{display:inline;}
ul.siteNav li a:link,
ul.siteNav li a:visited{color:#fff; border-bottom:1px solid #ff0000;}
ul.siteNav li a {
	display:block;
	float:left;
	height:42px;
	background: url(../../img/langPT/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:70px; background-position:0 0; border-bottom:none;}
	ul.siteNav li#op02 a:link, ul.siteNav li#op02 a:visited{width:79px; background-position:-70px 0; border-bottom:none;}
	ul.siteNav li#op03 a:link, ul.siteNav li#op03 a:visited{width:109px; background-position:-149px 0; border-bottom:none;}
	ul.siteNav li#op04 a:link, ul.siteNav li#op04 a:visited{width:98px; background-position:-258px 0; border-bottom:none;}
	ul.siteNav li#op05 a:link, ul.siteNav li#op05 a:visited{width:67px; background-position:-356px 0; border-bottom:none;}
	ul.siteNav li#op06 a:link, ul.siteNav li#op06 a:visited{width:99px; background-position:-423px 0; border-bottom:none;}

	ul.siteNav li#op01 a:hover{background-position:0 -42px;}
	ul.siteNav li#op02 a:hover{background-position:-70px -42px;}
	ul.siteNav li#op03 a:hover{background-position:-149px -42px;}
	ul.siteNav li#op04 a:hover{background-position:-258px -42px;}
	ul.siteNav li#op05 a:hover{background-position:-356px -42px;}
	ul.siteNav li#op06 a:hover{background-position:-423px -42px;}		

	ul.siteNav li#op01.active a:link, ul.siteNav li#op01.active a:visited{background-position:0 -84px;}
	ul.siteNav li#op02.active a:link, ul.siteNav li#op02.active a:visited{background-position:-70px -84px;}
	ul.siteNav li#op03.active a:link, ul.siteNav li#op03.active a:visited{background-position:-149px -84px;}
	ul.siteNav li#op04.active a:link, ul.siteNav li#op04.active a:visited{background-position:-258px -84px;}
	ul.siteNav li#op05.active a:link, ul.siteNav li#op05.active a:visited{background-position:-356px -84px;}
	ul.siteNav li#op06.active a:link, ul.siteNav li#op06.active a:visited{background-position:-423px -84px;}
	
	ul.siteNav li ul {
		display:none;
		width:151px;
		background:url(../../img/layout/siteNav.ul.fundo.png) no-repeat left top;
		padding:15px 15px 15px 15px;
		list-style:none;
		border-bottom:1px solid #e9e9e9;
		font-size:11px;
		}
	ul.siteNav li:hover ul {display:block;}
	ul.siteNav li:hover ul li{float:none;}

	ul.siteNav li#op01 ul{}
	ul.siteNav li#op02 ul{left:151px;}
	ul.siteNav li#op03 ul{left:280px;}
	ul.siteNav li#op04 ul{left:453px;}
	
	/*ul.siteNav li ul{
		position:absolute;
		left:0;
		top:25px;
		width:151px;
		background:url(../../img/layout/siteNav.ul.fundo.png) no-repeat left top;
		padding:15px 15px 15px 15px;
		list-style:none;
		display:block;
		border-bottom:1px solid #e9e9e9;
		font-size:11px;
		visibility:hidden;
		}
		ul.siteNav li:hover ul,
		ul.siteNav li ul li:hover{ visibility:visible;}
			ul.siteNav li ul li a:link,
			ul.siteNav li ul li a:visited{
				border-bottom:1px solid #ccc;
				padding:2px 5px;
				height:auto;
				background:none;
				float:none;
				color:#ccc;
				}
		ul.siteNav li#op01 ul{}
		ul.siteNav li#op02 ul{left:151px;}
		ul.siteNav li#op03 ul{left:280px;}
		ul.siteNav li#op04 ul{left:453px;}*/



ul.sectionNav {list-style:none; margin:0 0 10px -20px;}
	ul.sectionNav li{}
		ul.sectionNav li a:link, ul.sectionNav li a:visited{display:block; padding:5px 5px 5px 20px; border-bottom:1px solid #fff; color:#333333;}
		ul.sectionNav li a:hover, ul.sectionNav li a:active{
			background: url(../../img/layout/sectionNav.li.fundo01.png) repeat-y left top;
			}
		ul.sectionNav li.active a:link, ul.sectionNav li.active a:visited{
			background: url(../../img/layout/sectionNav.li.fundo01.png) repeat-y left top;
			padding-left:25px;
			color:#cf3faf;
			}

#maincontent .subcontent ul {margin:0 0 1em 20px; line-height:1.1em;}
#maincontent ol {margin:0 0 1em 30px; line-height:1.1em;}
	#maincontent ol li {margin:0 0 1em 0;}
#maincontent ol.roman { list-style-type:lower-roman;}
	#maincontent ol.roman li{margin-bottom:8px;}


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

/* =DATATABLES
------------------------------------------------------------------------ */


/* =COMPONENTS
------------------------------------------------------------------------ */