@charset "utf-8";
/* CSS Document */

/*---Configurações Gerais---*/
*{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	outline-style:none;
}
body{
	margin:0;
	background:url(imagens/bgBody.png) repeat-x;
}
ul, form{
	margin:0;
	padding:0;
}
a img, img{
	border:0;
}

/*---Paginacao---*/
.paginacao{ margin-top:30px; display:block; text-align:center; }
.paginacao a{ font-weight:bold; text-decoration:none; }

/*---Parágrafos---*/
.centerParagraph{ display:block; text-align:center; }

/*---Parágrafos---*/
.filtroTags{ display:block; text-align:right; }

/*---Lupa---*/
.imgThumb{ position:absolute; bottom:5px; left:5px; z-index:1000; }

.products ul li a:hover{
	border-style:solid;
	border-width:1px;
}

/*---Topo---*/
.top{
	width:990px;
	height:270px;
	position:relative;
	left:50%;
	margin-left:-490px;
}
/*---Conteúdo---*/
.content{
	background:#fff;
	width:750px;
	position:relative;
	left:50%;
	margin-left:-260px;
}

	/*---Itens à Esquerda---*/
	.left{
		width:220px;
		float:left;
		margin-left:-230px;
		margin-bottom:-75px;
		padding:5px;
	}
		.left img.shadow220{
			display:block;/*serve para cancelar as margens/espaçamentos das imagens no ie7*/
		}
		
		/*---Menu Vertical---*/
		.menu{
			background:url(imagens/bgTranspWhite.png) repeat;
		}
			.menu ul{
				overflow:hidden;
			}
				.menu ul img, .orcamento a img{
					display:block;
				}
				.menu ul li, .orcamento{
					list-style:none;
				}
				.orcamento li{
					padding-bottom:5px;
				}
				.menu ul li a, .orcamento li a{
					display:block;
					text-decoration:none;
					color:#fff;
				}
				.orcamento li a:hover{
					text-decoration:underline;
				}
				.menu ul li a img, .orcamento li a img{
					float:left;
				}
				.menu ul li a span, .orcamento li a span{
					margin-left:2px;
				}
				.menu ul li a:hover{
					background:url(imagens/bgTranspWhite.png) repeat;
				}
				.menu ul li.selected > a span{
					font-size:14px;
					font-weight:bold;
				}
				
				/*---Níveis---*/
				.menu ul.n1 > li.line{
					/*background:url(imagens/bgMenuLine.png) bottom no-repeat;*/
					height:1px;
				}
					.menu ul.n1 > li.line img{
						display:block;
					}
					.menu ul.n1 > li > a{
						padding:8px 15px;
					}
					.menu ul.n1 > li.selected{
						background:url(imagens/bgMenuLiSelected.png) repeat-x top;
					}
					.menu ul.n1 > li.selected > a{
						/*padding-bottom:4px;*/
					}
				
				.menu ul.n2 li a{
					padding-left:30px;
				}
				.menu ul.n3 li a{
					padding-left:50px;
				}
				.menu ul.n2 li a, .menu ul.n3 li a{					
					font-style:italic;
					padding-top:4px;
					padding-bottom:4px;
					padding-right:20px;
				}
							
			
			
		/*---Caixa de Conteúdos Esquerda---*/	
		.boxLeft{
			margin-top:10px;
		}
			.boxLeftTitle{
				background:url(imagens/bgTranspBlack.png);
				height:30px;
				line-height:30px;
				font-size:16px;
				font-weight:bold;
				padding:0 15px;
			}
			.boxLeftTxt{
				padding:15px;
				background:url(imagens/bgTranspWhite.png);
			}
			.boxLeftTxt .textField{
				height:23px;
				line-height:23px;
				padding:0 5px;
			}
			.boxLeftTxt .textField, .boxLeftTxt .btOk{
				border-style:solid;
				border-width:1px;
			}
	
	/*---Main---*/
	.main{
		background:#fff;
		width:750px;
		padding-top:10px;
		overflow:hidden;
	}
		.txt{
			text-align:justify;
		}
		/*---Títulos---*/
		.title14, .title16, .prodPath{
			height:30px;
			line-height:30px;
			border-bottom-style:dotted;
			border-bottom-width:1px;
			font-weight:bold;
		}
		.title14, .title16, .txt, .prodPath, .prodInfo{
			margin:0 20px 10px 20px;
		}
		.title14{
			font-size:14px;
		}
		.title16{
			font-size:16px;
		}
		
		/*---Serviços---*/
		.products{
			padding:0 10px 10px 20px;
		}
			.products ul{
				overflow:hidden;
			}
			.products ul li{			
				list-style:none;
				margin-bottom:10px;
				margin-right:10px;
				/*float:left;*/
				background:url(imagens/bgBoxProducts.png) repeat-x bottom #fff;
				overflow:hidden;				
			}
			.products ul li a{
				display:block;
				border-style:solid;
				border-width:1px;				
				/*width:208px;
				height:220px;
				text-align:center;*/
				padding:10px;
				text-decoration:none;
				cursor:pointer;
				overflow:hidden;
			}
			.products ul li span.img{
				width:120px;
				padding:1px;
				background:#fff;
				border:1px solid #999;
				float:left;
				text-align:center;				
			}
			.products ul li span.desc{
				margin-left:134px;
			}
			/*---Pág. Interna de Serviços > Listagem---*/
			.products ul li a:hover{
				background:url(imagens/bgBoxProductsHover.png) repeat-x bottom #fff;
			}
			.products ul li span{
				display:block;
			}
		.prodImg{
			/*margin-bottom:5px;*/
		}
		.prodTitle{
			font-weight:bold;
			height:15px;
		}
		.prodCost{
			font-weight:bold;
			font-size:14px;
		}
		.prodCode{
			font-size:9px;
		}
		
		
		/*---Pág. Interna de Serviços > Tarja Título > Caminho da Categoria---*/
		.prodPath{
			/* config junto com .title14 */
		}
			.prodPath a{
				font-size:14px;
				text-decoration:none;
			}
			.prodPath a:hover{
				text-decoration:underline;
			}
		
		/*---Pág. Interna de Serviços > Quadro de Informações---*/
		.prodInfo{
			/* config junto com .txt */
		}
			.prodInfo > ul{
				overflow:hidden;
				width:500px;
			}
			.prodInfo > ul li{
				list-style:none;
				overflow:hidden;
			}
				
				/*---Pág. Interna de Serviços > Galeria > Imagem maior---*/
				.prodInfo > div.prodImage{
					width:708px;
					height:324px;
					border-style:solid;
					border-width:1px;
					text-align:center;
				}
			
			/*---Pág. Interna de Serviços > Titulo e Preço---*/
			.prodDetName, .prodDetCost{
				font-size:16px;
				font-weight:bold;
			}
			.prodDetCost{
				margin:15px 0;
			}
			
				/*---Pág. Interna de Serviços > Galeria > Miniaturas---*/
				.prodInfo ul.thumbs{
					text-align:center;
				}
					.prodInfo ul.thumbs > li{
						display:inline;
					}
					.prodInfo ul.thumbs a img{
						border-style:solid;
						border-width:1px;
						padding:1px;
					}
				
				/*---Pág. Interna de Serviços > Descrição do Serviço---*/
				.prodInfo .details{
					padding-top:30px;
					margin:15px 0;
				}
				.prodInfo .details .detailTab{
					background:url(imagens/bgDetailTab.png) repeat-x;
					height:30px;
					line-height:30px;
					padding:0 20px;
					font-size:14px;
					font-weight:bold;
					margin-top:-30px;
					float:left;
				}
				.prodInfo .details .detailTxt{
					background:url(imagens/bgProdDetailTxt.png) repeat-x bottom;
					padding:20px;
					border-top-style:dotted;
					border-top-width:1px;
					border-bottom-style:dotted;
					border-bottom-width:1px;
				}
				.prodInfo .details .detailTxt ul{
					list-style:inside;
				}
				
		/*---Galeria PopUp---*/
		.popup{
			background:white;
			left:50%;
			margin-left:-351px;
			margin-top:-262px;
			position:fixed;
			top:50%;
			visibility:hidden;
			width:703px;
			height:524px;
			z-index:9102;
		}
			.popup > ul{
				background:url(imagens/bgDetailTab.png) repeat-x;
				overflow:hidden;
				width:683px;
				padding:0 10px;
			}
			.popup > ul li{
				list-style:none;
				float:left;
				height:30px;
				line-height:30px;				
			}
			.popup > ul li, .popup > ul li a{
				font-size:14px;
				font-weight:bold;
				text-decoration:none;
			}
			.popup > ul li.title{
				width:603px;
			}
			.popup > ul li.close{
				width:80px;
				text-align:right;
			}
			
			.popup > div{
				height:494px;
				overflow:hidden;
			}
				.popup > div .thumbs, .popup > div .image{
					float:left;
				}
				.popup > div .thumbs ul li{
					overflow:hidden;
					list-style:none;
					height:30px;
					width:40px;
					padding:1px;
					border-style:solid;
					border-width:1px;
					text-align:center;
					margin:5px;
					* margin-bottom: -3px; /* Hack IE7 */
				}
					.popup > div .thumbs ul li a{
						display:block;
					}
				.popup > div .thumbs .thumbsPage{
					margin:20px 5px;
					width:44px;
					text-align:center;
				}
				.popup > div .image{
					padding:1px;
					border-style:solid;
					border-width:1px;
					text-align:center;
					margin-top:5px;
					width:640px;
				}
					.popup > div .image table.popUpImgAmp{
						display:none;
					}
						.popup > div .image table.popUpImgAmp td{
							width:640px;
							height:480px;
						}
			
		.overlay{
			background:url(imagens/bgTranspBlack.png);
			height:999999px;
			position:fixed;
			visibility:hidden;
			width:9999px;
			z-index:9100;
		}
		
		/*---Mais Infrmações---*/
		.moreInfos ul{
			overflow:hidden;
		}
			.moreInfos ul li{
				list-style:none;
				width:50%;
				float:left;
			}
			.moreInfos ul li a{text-decoration:none;}
			.moreInfos ul li a.tag1{font-size:120%;}
			.moreInfos ul li a.tag2{font-size:140%;}
			.moreInfos ul li a.tag3{font-size:160%;}
			.moreInfos ul li a.tag4{font-size:180%;}
			.moreInfos ul li a.tag5{font-size:200%;}
			
			a.newsLink{
				margin-bottom:10px;
				display:block;
				text-decoration:none;
			}
			.newsTitle{
				font-weight:bold;
			}
			.newsTxt{
			}
				.newsTitle, newsTxt{
					display:block;
				}
				
		/*---Contato > Boxes ---*/
		.boxFormulario{
			float:left;
			width:450px;
		}
			.txt .textField, .boxFormulario .btn, .btOk2{
				border-style:solid;
				border-width:1px;
			}
		.boxContato{
			float:right;
			clear:right;
			width:228px;
			margin-bottom:10px;
			padding:0px 5px;
			padding:5px\9; /* Hack IE */
			border-style:solid;
			border-width:1px;
		}
		.boxTituloServicos{
			clear:right;
			width:290px;
			margin-bottom:0;
			padding:0px 5px;
			padding:5px\9; /* Hack IE */
			border:#CCC 1px solid;
		}
			.boxContato h1{
				padding-bottom:5px;
				border-bottom-style:dotted;
				border-bottom-width:1px;
			}
			.boxTituloServicos h1{
				padding-bottom:5px;
				border-bottom-style:dotted;
				border-bottom-width:1px;
			}
		
		/*---Rodapé---*/
		.bottom{
			height:50px;
			background:#fff;
			width:740px;
			padding:5px;
		}
			.bottom, .shadow750, .logoSR{
				display:block;
				left:50%;
				position:relative;
				margin-left:-260px;
			}
			.bottom ul li{
				list-style:none;
				float:left;
			}
			.bottom ul li.middle{
				background:url(imagens/bottomBgMiddle.png) repeat-x;
				width:710px;
				text-align:center;
				height:50px;
				line-height:50px;
				white-space:nowrap;
			}
			
		/*---Logomarca Sistemas Rápidos---*/
		.logoSR{
			width:750px;
			text-align:right;
			padding:5px 0 10px;
		}

	.clear{ clear:both; }