/* CSS Document */

/** config **/

body {
	background:url(images/bg_novo.gif) repeat-x #B7C2BE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4A5954;
}
#main {width:1005px;}
a {text-decoration:none;color:#000;}
a:hover {text-decoration:underline;}
img {border:0;}
* {margin:0; padding:0;}
.green {color:#005737;}
.left {float:left;}


/** especificos **/

#main2 {float:left;background:url(images/bg.jpg) no-repeat #B7C2BE; width:100%;}


#content {
	float:left;
	width:772px;
	height:716px;
}
#content-inside {
	float:left;
	width:772px;
	height:716px;
	background:url(images/bg_interna.jpg) no-repeat;
}


	#content .box-home-1, #content .box-home-2 {
		float:left;
		width:346px;
		padding:20px;
		line-height:17px;
	}
	#content .box-home-1 {background:url(images/sombra_01.png) no-repeat 0 75px;}
	#content .box-home-2 {background:url(images/sombra_02.png) no-repeat 0 72px;font-size:11px;}
		#content .box-home-1 h3, #content .box-home-2 h3 {
			float:left;
			text-indent:-9999px;
			width:100%;
			height:55px;
			margin-bottom:25px;
		}
		#content .box-home-1 h3 {background:url(images/sobre_empresa.gif) no-repeat;}
		#content .box-home-2 h3 {background:url(images/reformas.gif) no-repeat;}
		#content .box-home-2 ul {
			float:left;
			width:85%;
			list-style:none;
		}
			#content .box-home-2 ul li {
				float:left;
				width:97%;
				margin-bottom:10px;
				background:url(images/seta.gif) no-repeat left 5px;
				padding-left:3%
			}

	#content-inside #title {
		float:left;
		width:100%;
		height:103px;
		background:url(images/bg_title.jpg) no-repeat;
	}
		#content-inside #title h2 {
			float:left;
			width:400px;
			height:90px;
			text-indent:-9999px;
			background-repeat:no-repeat;
			background-position:20px bottom;
		}
		#content-inside #title h2.bg-title-empresa {
			background-image:url(images/empresa_title.gif);
		}
		#content-inside #title h2.bg-title-produtos {
			background-image:url(images/produtos_title.gif);
		}
		#content-inside #title h2.bg-title-servicos {
			background-image:url(images/servicos_title.gif);
		}
		#content-inside #title h2.bg-title-representantes {
			background-image:url(images/representantes_title.gif);
		}
		#content-inside #title h2.bg-title-local {
			background-image:url(images/local_title.gif);
		}
		#content-inside #title h2.bg-title-contato {
			background-image:url(images/contato_title.gif);
		}

		#content-inside .texto {float:left;padding:20px;}
		#content-inside .texto-inside {float:left;padding:20px 20px 0 20px;width:280px; line-height:18px;}
		
		#content-inside .texto .box-local-1 {float:left;margin-right:25px;}
		#content-inside .texto .box-local-2 {float:left;}

		#content-inside .texto .produtos {
			float:left;
		}
		#content-inside .texto .produtos ul {
			float:left;
			width:100%;
			list-style:none;
		}
			#content-inside .texto .produtos ul li {
				float:left;
				width:180px;
				height:180px;
				text-align:center;
			}
			
		#content-inside .texto .repre-item {
			float:left;
			width:32%;
			margin:0 0 25px 0;
			text-align:center;
		}
		#content-inside .texto .repre-item-2 {
			float:left;
			width:49%;
			margin:0 0 25px 0;
			text-align:center;
		}
		#content-inside .texto .repre-border {border-right:1px solid #E8E8E8;}
		
		#content-inside .texto .empresa {
			float:left;
			background:url(images/img_empresa.gif) no-repeat;
		}
		#content-inside .texto .empresa h4 {
			float:left;
			width:250px;
			padding:250px 0 0 90px;
			font-size:12px;
			font-weight:normal;
			line-height:19px;
			margin-right:40px
		}
		#content-inside .texto .empresa h5 {
			float:left;
			width:320px;
			padding-top:150px;
			font-size:25px;
			font-weight:normal;
			line-height:28px;
		}


#right {
	float:left;
	width:220px;
}

	#logo h1, #logo h2 {
		float:left;
		width:100%;
		height:50px;
		text-indent:-9999px;
		margin:40px 0 25px 0;
	}
	#logo h1 {background:url(images/logo.gif) no-repeat right;}
	#logo h2 {background:url(images/logo_tecni.gif) no-repeat right;margin:0 0 40px 0;}
		#logo h1 a, #logo h2 a {
			float:left;
			width:100%;
			height:50px;
			outline:none;
		}

	#right #representantes {
		float:right;
		text-align:center;
		width:185px;
		margin:50px 0 50px 0;
	}
		#right #representantes h2 {
			float:left;
			width:100%;
			height:12px;
			text-indent:-9999px;
			background:url(images/repre/representantes.gif) no-repeat center;
		}
	#right address {
		float:left;
		text-indent:-9999px;
		background:url(images/fone.gif) no-repeat right;
		width:100%;
		height:60px;
	}


#menu {
	float:right;
	width:184px;
}
#menu ul {
	float:right;
	list-style:none;
	width:184px;
}
	#menu ul li {
		float:right;
		width:184px;
	}
		#menu ul li a {
			float:right;
			text-indent:-9999px;
			width:184px;
			height:42px;
			outline:none;
		}

#menu .empresa-menu {
	background-image:url(images/menu_01.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#menu .produtos-menu {
	background-image:url(images/menu_02.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#menu .servicos-menu {
	background-image:url(images/menu_03.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#menu .representantes-menu {
	background-image:url(images/menu_04.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#menu .contato-menu {
	background-image:url(images/menu_06.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#menu .localizacao-menu {
	background-image:url(images/menu_05.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
#menu .empresa-menu:hover, #menu .produtos-menu:hover, #menu .servicos-menu:hover, #menu .representantes-menu:hover, #menu .contato-menu:hover, #menu .localizacao-menu:hover {
	background-position:top right;
}


#rodape {
	float:left;
	width:100%;
}
	#rodape #orcamento {
		float:left;
		width:100%;
		height:67px;
	}
		#rodape #orcamento h3 {
			float:left;
			width:280px;
			height:67px;
			text-indent:-9999px;
			background:url(images/solicite_orca.gif) no-repeat 20px 15px;
		}

	#rodape #inf-footer address {
		float:left;
		padding:10px;
	}
		#rodape address {
			float:left;
			font-style:normal;
			color:#2D3736;
			font-size:11px;
			margin-right:15px;
		}
		#rodape a {
			float:right;
			color:#0B472B;
			font-size:11px;
			padding-top:10px;
		}

#rodape fieldset {
	float:left;
	border:none;
	padding:20px;
	margin:0 20px 0 0;
}
#rodape input {
	float:left;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:1px;
	border:1px solid #062817;
	background:#A9B4B0;
	padding:5px;
	color:#6E7A78;
}
#rodape button {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/ok.gif);
	border:none;
	cursor:pointer;
	width:29px;
	height:31px;
	text-indent:-9999px;
	margin-left:10px;
}


fieldset {
	float:left;
	border:none;
	padding:20px;
	margin:0 20px 0 0;
}
label {
	float:left;
	width:70px;
	text-align:right;
	margin-right:10px;
}
input {
	float:left;
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:2px;
	border:1px solid #B8B8B8;
	padding:5px;
}
textarea {
	float:left;
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:2px;
	border:1px solid #B8B8B8;
	padding:5px;
}
button {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/enviar.gif);
	border:none;
	cursor:pointer;
	width:55px;
	height:21px;
	text-indent:-9999px;
}

.msg-erro {
	float:left;
	padding:2%;
	width:96%;
	color:#FFF;
	background:#FF0000;
	text-align:center;
}
.migalhas {
	float:right;
	font-size:11px;
	margin:60px 15px 0 0;
}
	.migalhas a {
		color:#078D58;
	}

div.pics a {
	display: none;
	width: 100%;
	height: 78px;
}
div.pics {
	float:right;
	width: 100%;
	height: 78px;
	overflow:hidden;
	text-align:center;
}