/* CSS Document */

@import url("forms.css");


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

	GAZOESTE v2006 CSS
	JUN/2006
	Desenvolvido por Multiweb * Business Inspiration
	www.multiweb.pt

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

*/



/* =ELEMENTOS COMUNS
------------------------------------------------------------------------ */
* {margin:0; padding:0;}
body{
	behavior: url(/structure/css/csshover.htc); /* WinIE behavior call */
	margin:0;
	padding:0;
	font: 75% Arial, Helvetica, sans-serif;
	color: #fff;
	background: #003762 url(../../img/layout/body.fundo.jpg) no-repeat left top;
}

/* Suporte para PNG em IE6*/
/*img {
	behavior:	url("/structure/components/pngbehavior/pngbehavior.htc");
	}*/

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


/* =TIPOGRAFIA
------------------------------------------------------------------------ */
.devnote {color:#FF0000; background:#FFFF99;}
div.clear {clear:both;}

p {margin:0 0 0.9em 0;}
p.note {font-size:85%; color:#999999;}
h1, h2, h3, h4, h5, h6 {margin:0 0 0.5em 0; letter-spacing:-0.07em;}

h1 {font-size:245%; font-weight:normal;}
h2 {font-size:180%; }
h3 {font-size:145%; }
h4 {font-size:120%;}
h5 {}
h6 {}

h1.sectionHead {line-height:1; border-bottom:1px solid #ccc; margin:0; padding:0.55em 0.3em 0.35em 35px; font-size:170%;}


/* =LAYOUT
------------------------------------------------------------------------ */
div#globalContainer {
	background: url(../../img/layout/mainContent.fundo.gif) repeat-x left bottom;
	/*width:880px;*/
	}

div#header,
div#secondHeader,
div#mainContent,
div#footer{
	width:900px;
	}

div#header {
	background:#fff;
	height:157px;
	color:#003762;
	position:relative;
	}
div#secondHeader {
	padding:0;
	min-height:190px;
	position:relative;
	background: url(../../img/layout/secondHeader.fundo.gif) no-repeat left top;	
	}
	.contentsMode div#secondHeader {min-height:100px;}
div#secondHeader div.innerContainer{
	margin:35px 520px 20px 40px;
	}
div#secondHeader img.banner01{
	position:absolute;
	bottom:0;
	right:15px;
	}
div#secondHeader p{font-size:80%;}


div#mainContent {
	background:#fff;
	color:#505050;
	padding-bottom:1px;
	}

div.content {
	padding:15px 35px;
	}

div#marcas {
	clear:both;
	height:40px;
	background:#333333;
	color:#003762;
	margin:0 1px 1px 0;
	text-align:right;
	}
div#marcas img{margin:2px 10px 0 0;}

div#footer {position:relative;}
div#footer img#signature{
	top:8px;
	right:0;
	position:absolute;
	}


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

.layoutA {/*width:100%;*/}
	.layoutA .content{float:left; width:580px; padding:25px 25px 25px 35px;}
		#secHome .layoutA .content{float:left; width:70%; padding:0;}
	.layoutA .sidebar{float:right; width:200px; padding:25px; font-size:82%;}
		#secHome .layoutA .sidebar{float:right; width:29%; padding:0;}

.layoutB {
	background: url(../../img/layout/layoutB.fundo.gif) repeat-y left top;
	float:left;
	}
	.layoutB .content{float:right; width:660px; padding:25px;}
	.layoutB .sidebar{float:left; width:120px; padding:25px 25px 25px 35px; font-size:82%;}

.layoutC {clear:both;}
	.layoutC .content{width:800px;}
	.layoutC .sidebar{display:none;}

.specials {
	padding:15px 0 15px 0;
	background:#eaeaea;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	margin:0 0 1.5em 0;
	font-size:90%;
	}

	.specials .col{
		float:left;
		width:23%;
		padding:0 2% 0 0;
		}

	.specials.columns04 .col{width:25%;}

.threeColumns {}
.threeColumns .col{
	float:left;
	width:30%;
	padding:0 2% 0 0;
	}


.columns02 {float:left; width:100%;}
	.columns02 .column{float:left; width:44%; padding:2%;}


/* =ZONAS
------------------------------------------------------------------------ */
.prod01 .content{
	background: url(../../img/temp/produtos_categoria01header.jpg) no-repeat left top;
	padding-left:160px;
	width:533px;
	}
.prod02 .content{
	background: url(../../img/content/produtos/prod02.fundo.jpg) no-repeat left top;
	padding-left:160px;
	width:533px;
	}
.prod03 .content{
	background: url(../../img/content/produtos/prod03.fundo.jpg) no-repeat left top;
	padding-left:160px;
	width:533px;
	}
.prod04 .content{
	background: url(../../img/content/produtos/prod04.fundo.jpg) no-repeat left top;
	padding-left:160px;
	width:533px;
	}
.prod05 .content{
	background: url(../../img/content/produtos/prod05.fundo.jpg) no-repeat left top;
	padding-left:160px;
	width:533px;
	}
.prod06 .content{
	background: url(../../img/content/produtos/prod06.fundo.jpg) no-repeat left top;
	padding-left:160px;
	width:533px;
	}
.prod07 .content{
	background: url(../../img/content/produtos/prod07.fundo.jpg) no-repeat left top;
	padding-left:160px;
	width:533px;
	}
.prod08 .content{
	background: url(../../img/content/produtos/prod08.fundo.jpg) no-repeat left top;
	padding-left:160px;
	width:533px;
	}
.prod09 .content{
	background: url(../../img/content/produtos/prod09.fundo.jpg) no-repeat left top;
	padding-left:160px;
	width:533px;
	}


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

/* =siteNav */
ul.siteNav {
	background:#333333;
	list-style:none;
	height:40px;
	width:96%;
	position:absolute;
	right:1px;
	bottom:1px;
	padding-left:4%;
	}

ul.siteNav li{
	font-size:108%;
	line-height:1.4em;
	display:inline;
	margin-left:15px;
	}
ul.siteNav li a:link,
ul.siteNav li a:visited{color:#fff;}

ul.siteNav li a {
	display:block;
	float:left;
	height:38px;
	background: url(../../img/layout/siteNav.ops.gif) no-repeat;
	}
ul.siteNav li a span {display:none;}

ul.siteNav li#op01 a:link, ul.siteNav li#op01 a:visited{width:44px; background-position:-15px 0;}
ul.siteNav li#op02 a:link, ul.siteNav li#op02 a:visited{width:63px; background-position:-59px 0;}
ul.siteNav li#op03 a:link, ul.siteNav li#op03 a:visited{width:123px; background-position:-122px 0;}
/*ul.siteNav li#op04 a:link, ul.siteNav li#op04 a:visited{width:61px; background-position:-187px 0;}*/
ul.siteNav li#op05 a:link, ul.siteNav li#op05 a:visited{width:71px; background-position:-245px 0;}

ul.siteNav li#op01.active a:link, ul.siteNav li#op01.active a:visited, ul.siteNav li#op01 a:hover{width:44px; background-position:-15px -38px;}
ul.siteNav li#op02.active a:link, ul.siteNav li#op02.active a:visited, ul.siteNav li#op02 a:hover{width:63px; background-position:-59px -38px;}
ul.siteNav li#op03.active a:link, ul.siteNav li#op03.active a:visited, ul.siteNav li#op03 a:hover{width:123px; background-position:-122px -38px;}
/*ul.siteNav li#op04.active a:link, ul.siteNav li#op04.active a:visited, ul.siteNav li#op04 a:hover{width:61px; background-position:-187px -38px;}*/
ul.siteNav li#op05.active a:link, ul.siteNav li#op05.active a:visited, ul.siteNav li#op05 a:hover{width:71px; background-position:-245px -38px;}


div#header ul.contacts {
	font: 78% Arial, Helvetica, sans-serif;
	position:absolute;
	top:0;
	right:0;
	list-style:none;
	font-size:75%;
	color:#646464;
	}
div#header ul.contacts li{
	display:block;
	width:100px;
	height:70px;
	border-left:2px solid #eaeaea;
	float:left;
	padding:0px 10px 0px 20px;
	background: url(../../img/content/header.contacts.gif) no-repeat;	
	}
div#header ul.contacts li.li01{width:100px; background-position: 10px 0px;}
div#header ul.contacts li.li01 span{display:none;}
div#header ul.contacts li.li02{width:112px; background-position: -110px 0px;}
div#header ul.contacts li.li02 span{display:none;}
div#header ul.contacts li.li03{width:150px; background-position: -245px 0px;}
div#header ul.contacts li.li03 span{display:none;}


ul.sectionNav {list-style:none; margin:0 -25px 0 -35px; font-size:120%; font-weight:bold;}
ul.sectionNav li{padding:5px 10px 5px 35px; border-bottom:1px solid #fff;}

ul.sectionNav li a {display:block; margin:0 -25px 0 -35px; padding:5px 20px 5px 35px;}
ul.sectionNav li.active,
ul.sectionNav li:hover{background:#e5f5f7; cursor:hand;}


/* =SFIR
------------------------------------------------------------------------ */


/* =DATATABLES
------------------------------------------------------------------------ */
table.dataTable01 {
	background: url(../../img/layout/dataTable01.fundo2col.gif) repeat-y center top;
	margin:15px 0;
	}	
	table.dataTable01 td{border-bottom:1px solid #ececec; padding:15px; width:50%;}
		table.dataTable01 td p{margin:0;}
		table.dataTable01 td img.thumb{float:left; margin:-5px 5px 5px 0;}


/* =COMPONENTS
------------------------------------------------------------------------ */
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */