/* CSS Document */

@import url("forms.css");


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

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

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

*/



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

html {height: 100%;}

body{
	/*behavior: url(/structure/css/csshover.htc); /* WinIE behavior call */
	margin:0;
	padding:0;
	font: 70% "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	line-height:1.20em;
	background: #4e553e;
	height:100%;
	}

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

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


/* =TIPOGRAFIA
------------------------------------------------------------------------ */
.devnote {color:#FF0000; background:#FFFF99;}
div.clear {clear:both;}
/*div {border:1px solid #00ff00;}*/

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; font-style:italic; line-height:1;}

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


/* =LAYOUT
------------------------------------------------------------------------ */
.innerContainer {
	width:890px;
	margin:0 auto;
	}
#globalContainer {
	position: relative;
	min-height: 93%;
	padding-bottom:5%;
	margin:0 auto;
	}

* html #globalContainer{
	height: 94%;
	padding-bottom:5%;
	}

#header {
	position:relative;
	margin-top:45px;
	height:50px;
	}

#header img#logoGrupo{position:absolute; right:0;}

.secHome #header {
	margin-top:45px;
	height:50px;
	}


/* =secondHeader */
#secondHeader{
	background:#a7c855 url(../../img/content/secondHeader.fundo.gif) no-repeat left top;
    border:0px solid #ffffff;
	height:94px;
	margin:0 0 25px 0;
	padding:0;
	}
* html #secondHeader{height:90px; border:0px solid #fff;}
.roundBox{margin:0 0 25px 0; padding:0;} /* :KLUDGE: Resoluçaõ do problema da caixa redonda*/
#secondHeader img#logoMarca{margin:15px 0 0 10px; position:absolute;}
.emp01 #secondHeader img#logoMarca,
.emp02 #secondHeader img#logoMarca,
.emp03 #secondHeader img#logoMarca,
.emp04 #secondHeader img#logoMarca,
.emp05 #secondHeader img#logoMarca {margin:10px 0 0 15px;}
.emp01 #secondHeader{background:#6eb7e5 url(../../img/content/emp01/secondHeader.fundo.gif) no-repeat right top;}
.emp02 #secondHeader{background:#f7af4b url(../../img/content/emp02/secondHeader.fundo.gif) no-repeat right top;}
.emp03 #secondHeader{background:#d9b57b url(../../img/content/emp03/secondHeader.fundo.gif) no-repeat right top;}
.emp04 #secondHeader{background:#abbcf7 url(../../img/content/emp04/secondHeader.fundo.gif) no-repeat right top;}
.emp05 #secondHeader{background:#39a641 url(../../img/content/emp05/secondHeader.fundo.gif) no-repeat right top;}


/*mainContent*/
#mainContent {width:100%; float:left;}
.secHome #mainContent #banner{
	position:relative;
	height:372px;
	background: #fff url(../../img/content/headers/home/002.jpg) no-repeat left top;
	padding:0;
    margin: 0 auto;
    color: #ffffff;
    width: 890px;
    text-align: left;
    border: 0px solid #ffffff;
	}

#footer {
	font-size:85%;
	position: relative;
	margin-top: 60px;
	padding:10px 10px 0 10px;
	line-height:1.90em;
	height:25px;
	background: #383d2b url(../../img/layout/home.footer.fundo.gif) repeat-x left top;
	} 


.content{float:right; width:730px;}
.sidebar{float:left; width:100px; margin-left:5px;}

.layoutA .content {width:295px; margin-right:40px; padding-bottom:15px;}
.layoutA .content02 {width:385px; float:right; padding-bottom:15px;}


/* =LAYOUT SNIPPETS
------------------------------------------------------------------------ */
div.columns02{}
	div.columns02 .column01{}
	div.columns02 .column02{}

div.columns03{
	float:left;
	width:100%;
	}
	div.columns03 .column01{
		float:left;
		width:31%;
		margin-right:2%;
		}
	div.columns03 .column02{
		float:left;
		width:31%;
		margin:0 1%;
		}
	div.columns03 .column03{
		float:left;
		width:31%;
		margin-left:2%;
		}
	.secHome div.columns03 {margin:1.5em 0;}
	.secHome div.columns03 .column01{width:51%;}
	.secHome div.columns03 .column02{width:21%; text-align:center;}
	.secHome div.columns03 .column03{width:21%;}

.cols02 {float:left; margin:1em 0;}
.cols02 .column{width:45%; margin-right:5%; float:left;}

.cols03 {float:left; }
.cols03 .column{width:28%; margin-right:5%; float:left;}

.cols04 {float:left; margin:1em 0;}
.cols04 .column{width:222px; float:left;}

.cols05 {float:left; margin:1em 0; width:100%;}
.cols05 .column{width:18%; margin-right:2%; float:left;}

.column h1,
.column p{margin-right:3em;}


div.menuGrupos {
	position:absolute;
	right:0;
	width:283px;
	}
div.menuGrupos img{margin:0;}
div#navGrupo {clear:both; text-align:right;}
div#navGrupo img {margin:0 5px; vertical-align:top; }
.emp01 div#navGrupo a.emp01{display:none;}
.emp02 div#navGrupo a.emp02{display:none;}
.emp03 div#navGrupo a.emp03{display:none;}
.emp04 div#navGrupo a.emp04{display:none;}
.emp05 div#navGrupo a.emp05{display:none;}

/* =imagens */
img#sectionFoto {margin:0.5em 0 1.5em 0;}

/* thumbs das categorias de serviços*/
div.thumb {width:100%; height:90px; background:#fff; margin-bottom:5px; background-repeat:no-repeat; cursor:hand;}
img.thumb {margin:15px 0;}
/* =ZONAS
------------------------------------------------------------------------ */

.secHome {color:#d7dbcc;}
.secHome h1{color:#c8f657;}
.secHome h2{color:#c8f657; line-height:1.6em;}
.secHome img#logotipo {
	position:absolute;
	top:230px;
	left:130px;
	}

body {background:#50563f url(../../img/layout/home.body.fundo.jpg) repeat-x left top;}
body #globalContainer{background:url(../../img/layout/home.global.fundo.jpg) no-repeat left top;}
#mainContent{border-bottom:1px solid #7b855e;}
#footer{border-top:1px solid #9ba67b; background:#7b855e;}
h1{color:#c8f657;}


/* =EMP01 - LIMENTAR */
body.emp01 {background:#414858 url(../../img/layout/emp01.body.fundo.jpg) repeat-x left top;}
body.emp01 #globalContainer{background:url(../../img/layout/emp01.global.fundo.jpg) no-repeat left top; border-top:1px solid #000;}
.emp01 #mainContent{border-bottom:1px solid #6c7899;}
.emp01 #footer{border-top:1px solid #6c7899; background:#282f3a;}
.emp01 h1,
.emp01 h2,
.emp01 h3{color:#71d3ff;}

/* =EMP02 - LIMPUS */
body.emp02 {background:#665b44 url(../../img/layout/emp02.body.fundo.jpg) repeat-x left top;}
body.emp02 #globalContainer{background:url(../../img/layout/emp02.global.fundo.jpg) no-repeat left top; border-top:1px solid #000;}
.emp02 #mainContent{border-bottom:1px solid #886d48;}
.emp02 #footer{border-top:1px solid #886d48; background:#282f3a;}
.emp02 h1,
.emp02 h2,
.emp02 h3{color:#ffdaa6;}

/* =EMP03 - LIMPRAGAS */
body.emp03 {background:#665b44 url(../../img/layout/emp02.body.fundo.jpg) repeat-x left top;}
body.emp03 #globalContainer{background:url(../../img/layout/emp02.global.fundo.jpg) no-repeat left top; border-top:1px solid #000;}
.emp03 #mainContent{border-bottom:1px solid #886d48;}
.emp03 #footer{border-top:1px solid #886d48; background:#282f3a;}
.emp03 h1,
.emp03 h2,
.emp03 h3{color:#ffd89a;}

/* =EMP03 - LIMQUIMICOS */
body.emp04 {background:#414858 url(../../img/layout/emp04.body.fundo.jpg) repeat-x left top;}
body.emp04 #globalContainer{background:url(../../img/layout/emp04.global.fundo.jpg) no-repeat left top; border-top:1px solid #000;}
.emp04 #mainContent{border-bottom:1px solid #6c7899;}
.emp04 #footer{border-top:1px solid #6c7899; background:#282f3a;}
.emp04 h1,
.emp04 h2,
.emp04 h3{color:#b1bff3;}

/* =EMP05 - LIMABIENTE*/
body.emp05 {background:#665b44 url(../../img/layout/emp05.body.fundo.jpg) repeat-x left top;}
body.emp05 #globalContainer{background:url(../../img/layout/emp05.global.fundo.jpg) no-repeat left top; border-top:1px solid #000;}
.emp05 #mainContent{border-bottom:1px solid #679768;}
.emp05 #footer{border-top:1px solid #679768; background:#282f3a;}
.emp05 h1,
.emp05 h2,
.emp05 h3{color:#c8f657;}



/* =LISTAS
------------------------------------------------------------------------ */
#mainContent ul{margin:0 0 2em 2em;}

ul.siteNav {list-style:none; position:absolute; bottom:0; float:left; font-size:120%;}
ul.siteNav li{display:inline; line-height:2.5em;}
ul.siteNav li a{display:block; float:left; padding:8px 8px;}
ul.siteNav li.current a{font-size:150%; line-height:1.5em; color:#fff;}


ul.sectionNav {list-style:none; font-size:0.85em;}
ul.sectionNav li {padding:0 0 5px 0; margin:0 0 5px 0;}
ul.sectionNav li p{margin: 0 0 0 18px;}
ul.sectionNav li a{display:block; width:100%; padding-left:18px; line-height:1.2em; font-size:1.5em; font-style:italic;}
ul.sectionNav li a:link,ul.sectionNav li a:visited{color:#d3ff66;}
ul.sectionNav li a:hover,ul.sectionNav li a:active{color:#d3ddfe;}

ul.sectionNav li a{
	background: url(../../img/layout/secNav.bullet.gif) no-repeat 5px 4px;
	}
ul.sectionNav li.current a{color:#fff;}

.emp04 ul.sectionNav li a{
	background: url(../../img/layout/emp04.secNav.bullet.gif) no-repeat 5px 4px;
	}
.emp01 ul.sectionNav li a{
	background: url(../../img/layout/emp04.secNav.bullet.gif) no-repeat 5px 4px;
	}

div.content ul,
div.content02 ul,{margin:0 0 1.5em 15px;}
div.content ul li{}

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


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


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