/* CORES PROJETO 

	#CC9900 > Amarelo do topo.
	#9F9F9F > Cinza escuro utilizado no background principal, ideal para borders.
	#336699 > Azul da faixa menu, padrão para entretítulos e borders.
	
*/



/* calcular altura da borda de acordo com o conteúdo de cada sessão */

	.brdhome { height: 950px; }
	.brdempresa { height: 950px; }
	.brdprodutos { height: 1000px; }
	.brd_produtos_vergalhoes { height: 800px; }
	.brd_produtos_telas { height: 800px; }
	.brd_produtos_pregos { height: 1400px; }
	.brd_prod_03a { height: 1100px; }
    .brd_prod_03c { height: 1100px; }
	.brdcortedobra { height: 850px; }
	.brdcontato { height: 930px; }

/* reduzir 46 pixels da borda para margem do rodapé */

	.rdphome { margin-top: 880px; }
	.rdpempresa { margin-top: 884px; }
	.rdpprodutos { margin-top: 930px; }
	.rdp_prod_vergalhoes { margin-top: 730px; }
	.rdp_prod_telas { margin-top: 730px; }
	.rdp_prod_pregos { margin-top: 1120px; }
    .rdp_prod_03c { margin-top: 1020px; }
	.rdpcortedobra { margin-top: 780px; }
	.rdpcontato { margin-top: 860px; }

body {
	background-color: #9F9F9F;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em; }
	
.vermelhoso {
	color: #993300;
	font-size: 100%; }
	
.destaque{
	font-size: 100%;
	color: #993300;
	font-weight: bold; }
	
#fxtop {
	background-color: #CC9900;
	height: 128px;
	width: 100%;
	position: absolute; }	
	
#fxlogo {
	height: 100%;
	width: 212px;
	margin-top: 62px;
	position: absolute;
	margin-left: -350px;
	left: 50%; }

#fxmenu {
	background-color: #336699;
	height: 24px;
	width: 100%;
	margin-top: 128px;
	position: absolute; }

#boxwhite {
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	clear: both; }
	
#colun01{
	width: 538px;
	float: left;
	margin-top:274px;
	margin-top: 160px;
	margin-left: 18px;
	position: absolute;
	line-height: 16px;
	z-index: 1;
	left: 12px;
	top: 51px;
	height: 618px;
}
	
#colun01 h1{
	font-size: 150%;
	color: #CC9900;
	font-weight:bold; }
	
#colun01 h2{
	font-size: 100%;
	color: #993300;
	font-weight: normal;
}
	
#colun01 h3{
	font-size: 120%;
	color: #993300;
	font-weight:bold; }
	
#colun01 a, a:visited {
	color: #336699;
	text-decoration: none; }
	
#colun01 a:hover {
	color: #0000CC;
	background-color: #D9E6F2;
	text-decoration: none;  }
	
#coluna02 {
	height: 100%;
	width: 182px;
	margin-top: 33px;
	position: absolute;
	margin-left: 187px;
	left: 50%; }

#bordercontent {
	background-color: #E9E9E9;
	padding: 8px;
	padding-bottom: 6px;
	border: #FFFFFF solid 5px;
	width: 740px;
	margin-left: -384px;
	left: 50%;
	margin-top: 20px;
	position: absolute;
	margin-bottom: 20px; }
	
#rodape {
	background-image:url(img/rodape3.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width: 320px;
	height: 66px;
	float: right;
	clear: left; }


/* MENU PRINCIPAL */
	
#menucontainer {
	height: 24px;
	width: 740px;
	margin-top: 128px;
	position: absolute;
	margin-left: -371px;
	left: 50%; }

#menu a {
	background: none;
	height: 24px;
	text-decoration: none;
	text-align: center;
	line-height: 23px;
	color: #FFFFFF;
	display: block;
	float: left;
	position: relative;
	font-weight:bold;	}
		
#menu a:hover {
	background-color: #CC9900;
	color: #FFFFFF;
	text-decoration: none;  }

/* largura dos blocks de cada item do menu */

#m1{ width: 98px; }
#m2{ width: 162px; }
#m3{ width: 134px; }
#m4{ width: 126px; }


/* HOME PAGE */

#flashhome {
	width: 510px;
	height: 320px;
	border: #9F9F9F solid 3px;
	background-color: #336699; }
	
#boxprodutos {
	margin-top: 26px;
	width: 510px;
	height: 120px;
	border: #9F9F9F solid 3px;
	line-height: 14px; }
	
#boxcortedobra {
	margin-top: 26px;
	float: left;
	width: 320px;
	height: 120px;
	border: #9F9F9F solid 3px;
	line-height: 14px;
	margin-right: 20px; }
	
#boxentrega {
	margin-top: 26px;
	float: left;
	width: 164px;
	height: 120px;
	border: #9F9F9F solid 3px;
	background-color: #E9E9E9;	
	line-height: 14px; }
	
.boxcoluna1 {
	width: 140px;
	margin-top: 12px;
	margin-left: 12px;
	float: left;
	position: relative; }
	
#titleboxhome{
	width: 100%;
	font-size: 110%;
	font-weight: bold; }
			
#titleboxhome a, a:visited {
	color: #993300;
	text-decoration: none; }
			
#titleboxhome a:hover {
	color: #4371A3;
	text-decoration: underline;
	background-color: #FFFFFF; }
	
#contentboxhome{
	margin-top: 18px;
	width: 100%; }
	
.boxcoluna2 {
	width: 168px;
	margin-top: 12px;
	margin-left: 12px;
	float: right;
	line-height: 16px; }
	
.boxcoluna3 {
	width: 160px;
	margin-top: 12px;
	margin-left: 12px;
	float: left;
	position: absolute;
	left: 338px;
	top: 491px;
	height: 124px;
}

.imgbx {
	border-right: #9F9F9F solid 3px;
	float: left; }
	
.imgmark {
	vertical-align: absolute-middle; }


/* EMPRESA */

#empresa_bx1 {
	width: 488px; height: 320px;
	visibility: visible;
	position: absolute; }
	
#empresa_bx2 {
	width: 488px; height: 320px;
	visibility: hidden;
	position: absolute; }
	
#empresa_bx3 {
	width: 488px; height: 320px;
	visibility: hidden;
	position: absolute; }
	
#empresa_bx4 {
	width: 488px; height: 320px;
	visibility: hidden;
	position: absolute; }
	
#empresa_bx5 {
	width: 488px; height: 320px;
	visibility: hidden;
	position: absolute; }
	
#empresa_bx6 {
	width: 488px; height: 320px;
	visibility: hidden;
	position: absolute; }
	
#top_bx1 {
	height: 20px;
	width: 100%;
	float: left; }

#foto_bx1 {
	clear: both;
	height: 300px;
	border: #336699 solid 4px; }
	
#mnprodfotos a {
	height: 20px;
	text-decoration: none;
	text-align: center;
	line-height: 20px;
	color: #FFFFFF;
	display: block;
	float: left;
	position: relative;
	font-weight:bold;	}
		
#mnprodfotos a:hover {
	background-color: #336699;
	color: #FFFFFF;
	text-decoration: none;  }
	
#mnprodtitle{ width: 72px; margin-right: 11px; background-color: #336699; }
#mnprodtitle6{ width: 73px; background-color: #336699; }

/* largura dos blocks de cada botão foto */

#mp{ width: 72px; margin-right: 11px; background-color: #CC9900; }
#mp6{ width: 73px; background-color: #CC9900; }



/* PRODUTOS */

#prodcolun1 {
	width: 210px;
	float: left;
	clear:both;
	margin-top: 16px; }
	
#prodcolun2 {
	width: 210px;
	float: right;
	margin-top: 16px; }
	
.thbprod {
	border: #336699 solid 2px;
	float: left;
	left: 10px; }
 
.fotoproduto {
	border: #336699 solid 3px;
	float: none; }
	
.menuselect { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		background-color: #E9E9E9; }


/* CORTE E DOBRA */

#boxcorte01 {
	width: 448px;
	height: 160px;
	border: #336699 solid 4px;
	margin-bottom: 20px; }
	
#boxcorte02 {
	float: left;
	width: 210px;
	height: 144px;
	border: #336699 solid 4px;
	margin-right: 20px; }
	
#boxcorte03 {
	float: left;
	width: 210px;
	height: 144px;
	border: #336699 solid 4px; }


/* FORMULÁRIO */

#formcoluna1 {
	width: 100%;
	float: left;
	clear:both; }

#formcoluna2 {
	width: 100%;
	float: left;
	clear:both;
	margin-top: 30px;
	margin-bottom: 20px; }
	
#formcoluna3 {
	width: 200px;
	float: left;
	clear:both;
	margin-right: 30px; }
	
#formcoluna4 {
	width: 200px;
	float: left; }

form { 
		font-weight: bold; }
		
input, textarea { 
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
		border: none;
		background-color: #E9E9E9;
		color: #333333;
		padding: 4px; }
			
.button {
		color: #FFFFFF;
		background-color: #163561;
		BORDER-RIGHT: #333333 1px solid;
		BORDER-TOP: #4270A2 1px solid;
		BORDER-LEFT: #4270A2 1px solid;
		BORDER-BOTTOM: #333333 1px solid;
		padding-bottom: 2px;
		padding-top: 2px;
		padding-left: 3px;
		padding-right: 3px;
		vertical-align: text-bottom; }