* {
	padding: 0;
	margin: 0;
	border: none;
	list-style: none;
	text-decoration: none;
	line-height: 1.2em;
}

html,body {
	background: #efefef;
	height: 100%; /* Necessário para altura do container */
}

body{ font-size: 62.5%; }

p{
	margin: 0 0 1.6em;
}
a {
   outline: none;
}

/* = padroes
----------------------------------------------------------------  */
.innerBox{
	position: relative;
	margin: 0 auto;
	width: 780px;
}

.imgreplace {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

.detalhes{
	background: url(../img/a-detalhes.gif) no-repeat left center;
	display: block;
	width: 40px;
	padding: 0px 0 0px 15px;
	margin: 1em 0 0;
	font-size: 0.75em;
	color: #7f7f7f;
}

#home .btOrcamento{
	float: right;
	margin: 20px 17px 0 0;
}
.btOrcamento{ 
	background: url(../img/bt-solicitar-orcamento3.gif) no-repeat top center;
	width: 223px;
	height: 31px;
}
.btOrcamento:hover { background-position: bottom center; }

.infoNews{
	position: relative;
	top: -0.8em;
}
 .vcard .fn, .vcard .adr, .vcard .email{ display: block; }
 .vcard .email{ 
	background: url(../img/mail.gif) no-repeat left center; 
	padding: 0 0 0 20px;
	width: 120px;
	margin: 5px 0 0;
	/*color: #383838;*/
}
#content .vcard .adr{ margin: 0em 0 0.7em; }

/* = layout
----------------------------------------------------------------- */

#home div#container { background: #fff url(../img/geral-background.gif) repeat-x; }

body > #container{ overflow: hidden; }
div#container {
	background: #fff url(../img/geral-background.gif) repeat-x;
	position: relative; /* Necessario para o posicionamento do #Footer */
	height: auto !important; /*browser com suporte CSS */
	height: 100%; /* IE6: trata como min-height */
	min-height: 100%; /* browser com suporte CSS */
}

div#header {
	height: 152px;
}

#container>div#content { overflow: hidden; }
div#content { 
	padding: 0 0 120px; /* padding para o rodape */
}

div#content #main { }
.columns div#content #main  { 
	float: right;
	width: 555px;
	padding: 0 10px 0 0;
}
div#content #side-content {
	width: 175px;
	margin: 0 40px 0 0;
	/*
	width: 157px;
	padding: 11px 11px 20px 7px;
	background: url(../img/box-side-content.png)
	*/
 }

div#footer {
	background: url(../img/rodape-background.gif) repeat-x;
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 95px;
	bottom:0; /* gruda no fundo */
}

/* = tipografia e cores
----------------------------------------------------------------- */

html, body, a, input, textarea{ 
	font-family: "Trebuchet MS",sans-serif;
	color: #383838;
}
input, textarea { font-size: 11px;}

#header { font-size: 13px; } /* font-size: 1.3em; */
#content { font-size: 12px; } /* font-size: 1.2em; */
#mapa #side-content p { font-size: 11px; }
#footer { font-size: 11px !important; } /* font-size: 1.1em !important; */

h1, h2, h3, h4, h5{ font-weight: normal; }

#home h2, h1{ font-size: 1.5em; } /* 18/#content font-size ( 18/1.2 = 1.5em ) */

#home h3{ font-size: 13px; } /* font-size: 1.33em   | 16/#content font-size ( 18/1.2 = 1.33em ) */

h4 { 
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0;
}

#main h1, #main h2{ 
	margin: 0 0 0.5em;
	clear: both;
}
#side-content h3{ 
	margin: 0.5em 0 0.3em;
	font-size: 1.1em;
}
#contato #side-content h3 { font-size: 1.12em; }

a:hover { color: #1c7960; }

.cor1, .cor1 *{ color: #1c7960; }
.cor2, .cor2 *{ color: #93870e; }

a.cor1:hover, a .cor1:hover, .cor1 a:hover, a.cor1 *:hover { color: #18644f; }
a.cor2:hover, a .cor2:hover, .cor2 a:hover, a.cor2 *:hover { color: #615a11; }


/* = header
------------------------------------------------------------------ */

div#header #menu {
	position: absolute;
	top: 0;
	right: 0;
}
	#menu li {
		background: url(../img/menu-divisor.gif) repeat-y right;
		padding: 0 2px 0 0;
		float: left;
	}
		#menu li a{
			background: url(../img/menu-links2.gif) no-repeat;
			display: block;
			height: 88px;
			text-indent: -9999px;
		}
		#menu li .home { width: 54px;}
		#menu li .espacok { 
			width: 83px;
			background-position: -56px 0;
		}
		#menu li .produtos { 
			width: 72px;
			background-position: -141px 0;
		}
		#menu li .servicos { 
			width: 64px;
			background-position: -215px 0;
		}
		#menu li .novidades { 
			width: 76px;
			background-position: -281px 0;
		}
		#menu li .lojas { 
			width: 50px;
			background-position: -359px 0;
		}
		#menu li .orcamento { 
			width: 84px;
			background-position: -411px 0;
		}
		#menu li .cadastro { 
			width: 69px;
			background-position: -497px 0;
		}
		#menu li .contato { 
			width: 69px;
			background-position: -568px 0;
		}
		
		#home #menu li .home, #menu li .home:hover { background-position: 0 -88px; }
		#espacok #menu li .espacok, #menu li .espacok:hover { background-position: -56px -88px; }
		#produtos #menu li .produtos, #menu li .produtos:hover { background-position: -141px -88px; }
		#servicos #menu li .servicos, #menu li .servicos:hover { background-position: -215px -88px; }
		#novidades #menu li .novidades ,#menu li .novidades:hover { background-position: -281px -88px; }
		#lojas #menu li .lojas, #menu li .lojas:hover { background-position: -359px -88px; }
		#orcamento #menu li .orcamento, #menu li .orcamento:hover { background-position: -411px -88px; }
		#cadastro #menu li .cadastro, #menu li .cadastro:hover { background-position: -497px -88px; }
		#contato #menu li .contato, #menu li .contato:hover { background-position: -568px -88px; }
		
/* = banners
------------------------------------------------------------------ */

#home #content #banner{ 
	background: url(../img/banner-home-background.gif) no-repeat;
	height: 263px;
}
#content #banner{
	background: url(../img/banner-interna-background.gif) no-repeat;
	width: 763px;
	height: 145px;
	padding: 7px 9px 30px 8px;
	margin: 0 0 12px;
}

	#logosProd { 
		width: 140px;
		height: 115px;
		margin: 0 0 10px;
	}
    #home div#banner, #logosProd { position:relative; }

	#home div#banner ul li, #logosProd ul li  {
	float:left;
	position:absolute;
}
    #home div#banner ul li.show, #logosProd ul li.show { z-index:500}

	#home img.bTitulo { 
		position: absolute;
		right: 9px;
		bottom: 30px;
		z-index: 510;
	}


/* = boxes
------------------------------------------------------------------ */

.newsBox{
	width: 264px;
	padding: 0 8px 0 8px;
	float: left;
}
	.newsBox ul li{
		border-bottom: 1px solid #dedede;
		padding: 1em 0;
	}

.homeBox{
	background: url(../img/boxhome-background.gif) repeat-y left top;
	width: 244px;
	margin: 0 6px 0 0;
	float: left;
}
	.homeBox .topo{
		background: url(../img/boxhome-topo.gif) no-repeat;
		height: 12px;
		display: block;
	}
	.homeBox .interno{
		width: 222px;
		margin: 0 auto;
	}
		.homeBox h2{ 
			font-size: 1.25em;
			margin: 0.6em 0 0;
		}
		.homeBox h3{
			font-size: 1.08em !important;
			margin: 0 0 1em;
		}

#side-content .boxShade{
	height: 100%;
	margin-bottom: -1000em;
	padding-bottom: 1001em;
}

.boxShade{ background: url(../img/boxshade-background.png) repeat-y; }

#espacok .boxShade, #produtos .boxShade{
	background: url(../img/box-espacok2.png) no-repeat;
	padding: 11px 11px 0 7px;
	margin: 0 0 15px;
}
* html #espacok .boxShade{ background: url(../img/box-espacok.gif) no-repeat; }
* html #produtos .boxShade{ background: url(../img/box-espacok-branco.gif) no-repeat; }

* html .boxShade{ background: url(../img/boxshade-background.gif) repeat-y; }
* html #servicos .boxShade{ height: 400px !important; }
* html #contato .boxShade{ height: 500px !important; }

	.boxShade .topo{
		background: url(../img/boxshade-topo.gif) no-repeat;
		/*background: url(../img/boxshade-topo.png) no-repeat;*/
		height: 9px;
		display: block;
	}
	.boxShade .inner{ 
		display: block;
		padding: 0 9px 9px
	}
	#contato .boxShade .inner hr { displa: block; border-bottom: 1px solid #dedede; }

.boxShade .center{ 
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	margin: 0 14px;
	padding: 25px 0;
}

.boxShade .vcard .innerv{ padding: 0 5px; }
.boxShade .innerv{ padding: 0 14px; }


#mapa #side-content p { 
	border-bottom: 1px solid #dedede;
	padding: 0 0 20px;
}



/* = lists
------------------------------------------------------------------ */

.products-list{
	
}
	.products-list li{
		float: left;
		width: 175px;
		margin: 30px 8px 30px;
	}
		.products-list li strong{ 
			display: block;
			margin: 5px 0 0;
		}


.news-list{
	width: 145px;
	margin: 0 auto;
}
	.news-list li{
		padding: 10px 0;
		border-bottom: 1px solid #dedede;
	}
		.news-list li span{ display: block; }
		.news-list li a{ color: #383838; }

.store-list{ margin: 30px 0px 0px; }
	.store-list li{
		background: url(../img/store-list.gif) no-repeat;
		/*
		width: 346px;
		height: 130px;
		padding: 12px 9px 0;
		margin: 0px 10px 20px;
		*/
		width: 340px;
		height: 142px;
		padding: 13px 35px 0 9px;
		margin: 0 0 35px;
		float: left;
	}
		.store-list li img{
			margin: 0 30px 0 0;
			float: left;
		}
		.store-list li .inner{
			display: block;
			width: 150px;
			float: left;	
			padding: 11px 0 0;
		}
		.store-list .given-name{ font-size: 1.09em !important; }
		.store-list .org{ display: none; }
		.store-list li span, .store-list li a{ font-size: 0.95em; }
		
		.store-list li .email{ 
			background: url(../img/mail.gif) no-repeat left center; 
			padding: 0 0 0 20px;
			width: 60px;
			margin: 5px 0 0;
			/* color: #383838; */
		}
		.store-list li .adr{ margin: 0.3em 0 0.7em; }
		.store-list li .adr span, .store-list li .tel { display: inline; }

.pattern-list{
	overflow: hidden;
	margin: 0 0 30px;
}
	.pattern-list li{
		background: url(../img/pattern-list-background.gif) no-repeat;;
		float: left;
		width: 29px;
		height: 29px;
		padding: 4px 4px 3px 3px;
		margin: 0 6px 0 0;
	}

.sideProducts-list{}
.sideProducts-list li{
	background: url(../img/bullet.gif) no-repeat 0 center;
	padding: 0 0 0 15px;
}


#mapa-list li {
	background: url(../img/mapa-li.jpg) no-repeat 0 2px;
	margin: 0 0 10px;
	padding: 0 0 0 25px;
}
#mapa-list li ul { margin: 10px 0 0; }
#mapa-list li li {
	background: url(../img/mapa-li-li.jpg) no-repeat 0 1px;
	margin: 0 0 10px;
}



/* = forms
------------------------------------------------------------------ */

form label input, form label textarea, form p.label input, form p.label textarea{ 
	border: 1px solid #a1aaa4;
	padding: 2px;
}
form label textarea{ height: 200px; }

form#form1 label, form#form1 p.label{
	display: block; 
	float: left;
	width: 365px;
	margin: 0 0 30px 0;
}
form#form1 .lblSpacer{ margin: 0 44px 30px 0 !important; }
* html form#form1 .lblSpacer{ margin: 0 20px 30px 0 !important; }
form#form1 p span.inlineInfo{ display: block; }
form#form1 .t30{ width: 30px; }
form#form1 .t50{ width: 50px; }
form#form1 .t80{ width: 80px; }
form#form1 label input{ 
	display: block;	
	width: 359px;
	margin: 3px 0 0;
}
form#form1 p{ margin: 1.5em 0 0; }
form#form1 #setProducts{
	clear: both;
	overflow: hidden;
	margin: 0 0 20px;
}
form#form1 #setProducts span{
	display: block;
	float: left;
	width: 155px;
	margin: 0 0 8px;
}
form#form1 #setProducts span label{
	width: auto!important;
	margin: 0;
}
form#form1 #setProducts label input{ 
	width: auto!important;
	display: inline;
	border: none;
}
form#form1 #setProducts p{ margin: 0 0 1em; }

form#form1 .full{ width: 765px; }
form#form1 .full textarea{ width: 100%; }
form#form1 div{ clear: both; }


form#formContato label, form#formContato p.label{
	position: relative;
	padding: 0 0 0 100px;
	margin: 0 0 15px 0;
	display: block;
}
form#formContato div.bts{ padding: 0 0 0 100px; }
form div.bts{ position: relative; }
form div.bts div {
	position: absolute;
	left: 100px;
	top: 8px;
	color: #900
}
form#formContato div.bts div { left: 170px; }
form#formContato label span, form#formContato p.label span{
	position: absolute;
	top: 0px;
	left: 0;
}
* html form#formContato label span, * html form#formContato p.label span{ left: -100px;} /* HACK IE6 */

form#formContato label input, form#formContato label textarea{ width: 400px; }
form#formContato label .chkbox, form#formContato p.label .chkbox { 
	width: auto!important;
	margin: 0 5px 0 0;
	border: none;
}
form#formContato .formTel #cliDDD{ width: 20px ; }
form#formContato .formTel #cliTelefone{ width: 145px; }


/* = footer
------------------------------------------------------------------ */

#footer, #footer .vcard a { color: #fff; }

#footer ul{ 
	width: 585px;
	margin: 20px auto 35px;
}
	#footer ul li{
		display: inline;
		padding: 2px 9px;
	}
		#footer ul li a { color: #1c7960; }
		#footer ul li a:hover, #home #footer .home, #espacok #footer .espacok, #produtos #footer .produtos, #servicos #footer .servicos, #noviddes #footer .novidades, #lojas #footer .lojas, #orcamento #footer .orcamento, #cadastro #footer .cadastro, #contato #footer .contato { color: #135241; }
		
		#footer .vcard{
			position: absolute;
			bottom: 0px;
			right: 0px;
		}
		*:first-child+html #footer .vcard { bottom: 20px}
		* html #container #footer .vcard { bottom: 20px}
		#footer .vcard a:hover { color: #CFE3DD; }
		#footer .vcard * { display: inline; }





/* */

#side-content .jcarousel-clip {
	overflow: hidden;
	width: 175px;
	height: 370px;
	position:relative;
	z-index:2;
}

#rotatorLojas {
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	top: 0;
	z-index: 1;
	width: 175px;
	height: 370px;
}
#rotatorLojas li { 
	float: left;
	width: 175px;
	height: 370px;
}

#rotatorLojas li a {
	background: url(../img/espacok-lojas.jpg) no-repeat;
	display: block;
	width: 175px;
	height: 370px;
	float: left;
}
#rotatorLojas li a.lojas2 { background: url(../img/espacok-lojas.jpg) no-repeat -175px 0; }