html, body {
border:0;
margin:0;
padding:0;
}



body {

	font:80%/1.5 helvetica, sans-serif;
	background-color: #453F3F;
	color: #FFFFFF;
	background-attachment: scroll;
	background-image: url(images/backgroun.gif);
	background-repeat: repeat-x;
}

 
.alter {background-image: url(images/backgroun2.gif);}
/***** Common Formatting *****/

 

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

 

h1 {

	font:2em helvetica, sans-serif;
	background-image: url(images/topo.jpg);
	background-repeat: no-repeat;
	height: 137px;
	width: 693px;
}

 

h2 {
	letter-spacing:-1px;
	font:1.5em helvetica, sans-serif;
	padding-right: 0;
	padding-left: 20;
	padding-top: 5px;
	padding-bottom: 10px;
}

 

h3 {
font:1em helvetica, sans-serif;
font-weight:bold;
}


p, ul, ol {
	margin:0;
	padding:0 0 18px 0;}

 

ul, ol {
	list-style:none;
	padding:0 0 18px 40px;
}

blockquote {
	margin:22px 40px;
	padding:0;
}

 

small {
	font-size:0.85em;
}

 

img {
	border:0;
}

 

/***** Links *****/

 

a, a:visited {

text-decoration:none;
}

 

/***** Forms *****/

 

form {
margin:0;
padding:0;
display:inline;
}

 

input, select, textarea {
font:1em helvetica, sans-serif;
}

 

textarea {
line-height:1.25;
}

 

label {
cursor:pointer;
}

 

/***** Tables ****

 

table {
border:0;
margin:0 0 18px 0;
padding:0;
}

 

  table tr td {
  padding:2px;
  }*/

 

/***** Wrapper *****/

 

#wrap {
width:960px;
margin:0 auto;
}

 

/***** Global Classes *****/

 

.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#D45F01; }
.wrap          { width:960px;margin:0 auto; }
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
/**********the stylying***************/




#screen {
margin: 0 0 0 2px;

}

	  



#container {
	width: 700px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
		}



			#top_container {
				width: 680px;
				height: 130px;
				margin: 10px auto 10px auto;
				}



			#bottom_container {
				clear: both;
				width: 693px;
			}



		h1 {

	color: #D45F01;

				

		}

.clear {

	color: #D45F01;
	text-indent: -9000px;
	display: none;
		}



		.description {
			font-size: 12px;
			line-height: 18px;
			color: #ffffbe;
			padding: 5px 0 15px 0;
		}	



		a,a:link, a:visited {
			color: #D45F01;
		}



		.footer {
	text-align: center;
	font-size: 12px;
	display: block;
	height: 38px;
	width: 693px;
	background: url(images/footer.gif);
	color: #453F3F;
	margin-bottom: 20px;
	padding-top: 8px;
	background-repeat: no-repeat;
		}

		

		pre {

		  	font-size: 12px;
		  	padding: 10px;
		  	background: #453F3F;
		  	overflow: auto;
			margin: 10px 0 10px 0;
		}



		code {
		  	color: #ffffff;
		  	background: #453F3F;
		  	font-family: Monaco, Courier, monotype;
		}

			

/*

			Vertical Accordions

		*/

		

		.accordion_toggle {
			display: block;
			height: 64px;
			width: 693px;
			background: url(images/button.gif) no-repeat;
			line-height: 30px;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 22px;
			color: #453F3F;
			cursor: pointer;
			margin: 0;
		}

		

		.accordion_toggle_active {
			background: url(images/button.gif) no-repeat;
			color: #ffffff;
		}

		

		.accordion_content {
	overflow: hidden;
	background-image: url(images/paper.jpg);
	background-repeat: repeat-y;
	background-position: center;
	padding-left: 35px;
	padding-right: 35px;
		}

		.accordion_content_contact {

	overflow: auto;
	background-image: url(images/paper.jpg);
	background-repeat: repeat-y;
	background-position: center;
	padding-left: 35px;
	padding-right: 35px;
		}

			

			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #D45F01;
			}

			

			.accordion_content_contact h2 {
				margin: 15px 0 0px 10px;
				color: #D45F01;
			}

			

			.accordion_content p {
	line-height: 1.5ems;
	padding: 0px 45px 20px;
	font-size: 12px;
	color: #5B5255;
			}



	/**********the header stylying***************/

	

	.empresa, .servicos, .diferencial,  .contato{

	text-indent: -9000px;
	height: 64px;
	width: 240px;
	display: block;
	margin-left: 33%;
	

	}

	.empresa {background-image: url(images/empresa.gif);}
	.servicos {background-image: url(images/servicos.gif);}
	.diferencial {background-image: url(images/gallery.gif);}
	.contato {background-image: url(images/contato.gif);}

	

	.quemsomos,  .oquefazemos, .nossodiferencial, .entreemcontato, .entreemcontato{

	display: block;
	background-image: url(images/quemsomos.gif);
	height: 36px;
	width: 560px;
	text-indent: -9000px;
}

.quemsomos {background-image: url(images/quemsomos.gif);}
.oquefazemos {background-image: url(images/oquefazemos.gif);}
.nossodiferencial {background-image: url(images/nossodiferencial.gif);}
.entreemcontato {background-image: url(images/entreemcontato.gif);}

/*.servicoshead {

	display: block;

	background-image: url(images/servicoshead.png);

	height: 36px;

	width: 560px;

	text-indent: 70px;

	color: #8E526F;

	font-family: helvetica, sans-serif;

	font-weight: bold;

	font-size: 0.8em;

	padding-top: 2px;	

	

}*/

.test {

	color: #8E526F;

	font-size: 12px;

	display: block;

	font-family: helvetica, sans-serif;

	font-weight: normal;

	float: right;

	margin-top: -16px;

	letter-spacing: 0px;

	padding-right: 5px;

}



.pos {

	color: #FFFFFF;

	font-family: Georgia, Times, serif;

	font-weight: bold;

	font-size: 0.8em;

	padding-top: 5px;

	display: block;

	float: left;

	padding-right: 25px;	

}



.bordered {

	border: 1px solid #453F3F;

	height: 75px;

	width: 100px;

}
.advert li {

	margin-left:-15px;

}

.advert {

	padding-top: 45px;

	background-image: url(images/panel-for-add.png);

	background-repeat: no-repeat;

	color: #FFCCFF;

	width: 240px;

	height: 260px;

	font-family: helvetica, sans-serif;

	font-size: 1em;

	font-weight: bolder;

	float: left;

	

	/**********amend in IE6***************/

	margin-left: 35px !important;
	margin-left: 18px;
	
	/*************************/

	}

	.advert ul {	

	margin-left: 0px;
	padding-left: 0px;
	width: 200px;
	padding-bottom: 1px;

	} 

   .phone {
	background-image: url(images/phonetag.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 255px;
	}

	.web {

	background-image: url(images/webtag.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 135px;
	}

	.confirma {

	background-image: url(images/alert.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 225px;
	}
	.ticktag li{
	background-image: url(images/ticktag.gif);
	background-repeat: no-repeat;
	/*height: 80px;*/
	width: 500px;
	padding-left: 30px;
	padding-top: 8px;
	line-height: 1,2em;
	color: #453F3F;
	}

	

.myphone, .myweb, confirme{
	background-repeat: no-repeat;
	padding-left: 40px;
	font-family:  Helvetica, sans-serif;
	font-size: 20px;
	line-height: 1em;
	padding-top: 15px;
	line-height: 1em;
	color: #8B506C;
	height: 35px;

	}

.myphone {background-image: url(images/CPHONE.png);}
.myweb {background-image: url(images/CWEB.png);}
.confirme {background-image: url(images/alert.gif);}

	.black{
	color: #453F3F;
	}

	.blackbold{
	font-weight: bold;
	}



.horizontal_accordion_content {

			/* REQUIRED */

			height: 90px;	/* We need to define a height for the accordion as it stretches the width */

				/* This make sure it stays horizontal */

			width: 400px;

			/* REQUIRED */

			overflow: hidden;
			background-color: #ffffff;
			color: #444444;

		}

			
.adfix{
	padding-left: 20px;
}

/* FORMULARIO */
div label {
  display: block;
  font:100%/1.5 helvetica, sans-serif;
  color:#453F3F;
}

input {

	border: 1px solid #BFBFBF;
	xcolor: #505967;
	background: #fff;
	padding: 2px 5px 1px 5px;
	
	}
	
input:hover {
	background: #fff;
	border: 1px solid #505967;
	xcolor: #505967;
	
	}
	
input:focus {
	color: #000;
	border: 1px solid #505967;
	background: #eee;
	}

textarea {
	font-family: Helvetica;
	border: 1px solid #BFBFBF;
	xcolor: #505967;
	padding: 2px 5px 1px 5px;
	width:90%;
	}

textarea:hover {
	background: #fff;
	border: 1px solid #505967;
	}
	
textarea:focus {
	color: #000;
	border: 1px solid #505967;
	background: #eee;
	}

form#contactform span {
	color: #453F3F;
	padding-left: 5px;
	}
	
form#contactform span.warn {
	xcolor: #FF6600;
	background: #EFCFCF url(images/stoperror.png) no-repeat 15px 50%;
	text-align: left;
	padding: 0px 20px 5px 45px;
	margin: 0 0 2px 0;
	color: #333333;
	display: block;
	list-style: none;
	font-size:12px;
	border: 2px solid #969696;
	}

input.invalid {
 background: #fff6bf;
 border: 2px solid #453F3F;
	}
	
strong.error {
  color: #CC0000;
	}
	
form#contactform span.error {
	xcolor: #CC0000;
	background: #D2D1D3 url(images/alert.png) no-repeat 15px 50%;
	text-align: left;
	padding: 10px 20px 10px 60px;
	margin: 8px 0 4px;
	color: #333333;
	display: block;
	list-style: none;
	font-size:12px;
	border: 2px solid #453F3F;
	}
	
.errormessage {
	background: #D2D1D3 url(images/stoperror.png) no-repeat 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 2px 0;
	color: #4D1A1A;
	display: block;
	list-style: none;
	font-size:12px;
	border: 2px solid #453F3F;
	}
	
.errorlist {
	margin: 0;
	padding: 0;
	}

#contact_form {
  overflow: auto;
  height:400px;
  padding: 0px 45px 20px;
	font-size: 12px;
	color: #5B5255;
}
#submitbutton {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #D45F01;
	height: 30px;
} 
#space {
	padding-top: 20px;
}