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

html {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

body {
	background:url(../images/bgsmoke.jpg) center center;
	background-attachment:fixed;
	background-repeat:no-repeat;
}

#topo{}
	#topo_conteiner {
		position:absolute;
		width:302px;
		height:180px;
		top:0;
		left:50%;
		margin:0 0 0 -151px;
	}
		#topo_cdrlogo {
			position:absolute;
			width:277px;
			height:90px;
			background:url(../images/logo.png) no-repeat top center;
			top:0;
			left:50%;
			margin:10px 0 0 -112px;
			z-index:2;
		}
		#menu {
			position:absolute;
			width:120px;
			height:41px;
			top:80px;
			left:50%;
			margin:20px 0 0 -65px;
			border:3px #848282 solid;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			z-index:20;
		}
			/*#menu-out-drop { position:absolute; width:153px; height:65px; top:138px; left:50%; margin:0 0 0 -74px; z-index:1; }
			#menu-out-outer { position:absolute; width:200px; height:116px; top:95px; left:50%; margin:0 0 0 -102px; z-index:2;}*/
			#innerShadow-top {
				position:absolute;
				width:100%;
				height:8px;
				background:url(../images/menu/shadowInnerbevel_menu_top.png) repeat-x;
				/*opacity: 0.9;
				filter:alpha(opacity=90);*/
			}
			#innerShadow-bottom {
				position:absolute;
				width:100%;
				height:8px;
				top:100%;
				margin-top:-7px;
				background:url(../images/menu/shadowInnerbevel_menu_bottom.png) repeat-x;
			}
			#innerShadow-left {
				position:absolute;
				width:8px;
				height:100%;
				background:url(../images/menu/shadowInnerbevel_menu_left.png) repeat-y;
				/*opacity: 0.9;
				filter:alpha(opacity=90);*/
			}
			#innerShadow-right {
				position:absolute;
				width:8px;
				height:98%;
				top:2px;
				left:100%;
				margin-left:-7px;
				background:url(../images/menu/shadowInnerbevel_menu_right.png) repeat-y;
			}
			#menuborda-top {
				position:absolute;
				top:-3px;
				width:100%;
				height:3px;
			}
			#menuborda-bottom {
				position:absolute;
				width:100%;
				height:3px;
				top:100%;
				margin:0 0 0 0;
			}
				#menuborda-bottom img {
					opacity: 0.9;
					filter:alpha(opacity=90);
				}
			#dropShadow-left {
				position:absolute;
				width:22px;
				height:34px;
				left:100%;
				margin:7px 0 0 2px;
				background:url(../images/menu/dorpshadow_menu-left.png);
			}
			#dropShadow-kinaLeft {
				position:absolute;
				width:24px;
				height:31px;
				top:100%;
				left:100%;
				background:url(../images/menu/dorpshadow_menu-kinaLeftBottom.png);
			}
			#dropShadow-bottomRepit-bottom {
				position:absolute;
				width:80%;
				height:28px;
				left:24px;
				top:108%;
				background:url(../images/menu/dorpshadow_menu_bottom-repit.png) repeat-x;
			}
			#dropShadow-finalbottom {
				position:absolute;
				width:24px;
				height:28px;
				top:108%;
				background:url(../images/menu/dorpshadow_menu_fimbottom.png);
			}
			#menu_bg {
				position:absolute;
				width:100%;
				height:100%;
				opacity: 0.38;
				filter:alpha(opacity=38);
				background-color:#007994;
			}
			#menu_titulo-navegue {
				position:absolute;
				width:69px;
				height:13px;
				top:50%;
				left:50%;
				margin:-6px 0 0 -35px;
				background:url(../images/menu/linksMenu/navegue.png);
				cursor:pointer;
				z-index:2;
			}
			#menu_mask {
				position:absolute;
				width:104px;
				height:40px;
				top:50%;
				left:50%;
				margin:-20px 0 0 -51px;
				padding:0;
				overflow:hidden;
			}
				#menu_mask ul {
					position:absolute;
					width:1550px;
					height:100%;
					margin:0;
					padding:0;
					left:40px;
					list-style:none;
					z-index:1;
				}
					#menu_mask ul li {
						position:relative;
						width:auto;
						height:40px;
						float:left;
						margin:4px 8px 0 8px;
						padding:0 5px 0 5px;
						font-weight:bold;
						cursor:pointer;
						text-transform:uppercase;
					}
						.hover_menu {
							top:0;
							left:0;
							margin:0 -10px 0 0;
							background:url(../images/menu/hover/bg_gradientHover.png) repeat-x;
						}
							.hover_menu li p:hover {
								color:#FFF;
								text-shadow:#547E83 1px 1px;
							}
							.hover_menu span {
								position:absolute;
								width:100%;
								height:33px;
								top:0;
								left:0;
								margin:0;
								padding:0;
								background:url(../images/menu/hover/inner_shadow_left.png) no-repeat left;
							}
								.hover_menu span dl {
									position:absolute;
									width:9px;
									height:33px;
									top:0;
									left:100%;
									margin:0 0 0 -9px;
									background:url(../images/menu/hover/inner_shadow_right.png) no-repeat right;
									
								}
						#menu_mask ul li p {
							position:relative;
							width:auto;
							height:auto;
							margin:8px 0 0 0;
							padding:0;
							color:#FBFDFD;
							text-shadow:#688790 0.01em 0.01em;
						}
							#menu_mask ul li p:hover {
								color:#FFF;
								text-shadow:#547E83 1px 1px;	
							}
	#topo_btreturn {
		position:absolute;
		width:280px;
		height:46px;
		top:0;
		left:50%;
		margin:0 0 0 -140px;
		z-index:20;
	}
		#topo_btreturn_barrabg {
			position:absolute;
			width:272px;
			height:28px;
			top:0;
			left:50%;
			margin:0 0 0 -131px;
			background:url(../images/menu/btreturn/barrasuperior_back.png) no-repeat center top;
			z-index:0;
		}
		#topo_btreturn_aba {
			position:absolute;
			width:234px;
			height:46px;
			top:-46px;
			left:50%;
			margin:0 0 0 -111px;
			background:url(../images/menu/btreturn/aba_btreturn.png) no-repeat center top;
			cursor:pointer;
			z-index:1;
		}
		#topo_btreturn_barrasobre {
			position:absolute;
			width:250px;
			height:7px;
			top:0;
			left:50%;
			margin:0 0 0 -125px;
			background:url(../images/menu/btreturn/barrasuperior_sobre.png) no-repeat center top;
			z-index:2;
		}
	#topo_minilogo {
		position:absolute;
		width:80px;
		height:29px;
		top:25px;
		left:25px;
		margin:0;
		background:url(../images/mini_logo.png) no-repeat center top;
	}
	#topo_minilogo_vivid {
		position:absolute;
		width:130px;
		height:80px;
		top:0;
		left:0;
		margin:0;
		background:url(../images/mini_logo_vivid.png) no-repeat center top;
	}

#conteudo{ z-index:5; }
	#conteudo_conteudo {
		position:absolute;
		width:824px;
		height:auto;
		left:50%;
		margin:170px auto 0 -400px;
		/*background:url(../images/conteudo/bg_conteudo.png) no-repeat top left;*/
		/*display:none;*/
	}
		#conteudo_bg_top {
			position:absolute;
			width:824px;
			height:33px;
			top:0;
			left:50%;
			margin:0 0 0 -410px;
			background:url(../images/conteudo/bg_conteudo_top.png) no-repeat;
			z-index:-1;
		}
		#conteudo_bg_bottom {
			position:absolute;
			width:824px;
			height:36px;
			top:100%;
			left:50%;
			margin:0 0 0 -410px;
			background:url(../images/conteudo/bg_conteudo_bottom.png) no-repeat;
			z-index:-1;
		}
		#conteudo_bg_repit {
			position:absolute;
			width:824px;
			top:33px;
			left:50%;
			margin:0 0 0 -410px;
			background:url(../images/conteudo/bg_conteudo_repit.png) repeat-y;
		}
		#conteudo_conteudo_titulo {
			position:relative;
			width:780px;
			height:30px;
			top:0;
			left:50%;
			margin:12px 0 0 -398px;
			font-weight:bold;
			font-size:17px;
			text-shadow:#3B3B3B 1px 1px;
			text-transform:uppercase;
			opacity:0.85;
			filter:alpha(opacity=85);
			z-index:1;
		}
		#conteudo_conteudo_conteudo {
			position:relative;
			width:780px;
			height:auto;
			top:0;
			left:50%;
			margin:0 0 0 -398px;
			overflow:  /*auto*/ hidden;
			z-index:1;
		}
			#conteudo_conteudo_conteudo_folha {
				position:relative;
				width:100%;
				height:auto;
				top:0;
				left:0;
				text-shadow:#999 1px 1px;
			}
				#conteudo_conteudo_conteudo_folha ul {
					position:relative;
					top:0;
					left:0;
					margin:0;
					padding:0;
					list-style:none;
				}
					#conteudo_conteudo_conteudo_folha li {
						margin:0 0 10px 5px;
						text-align:left;
					}
			#conteudo_conteudo_conteudo_folha_contato {
				position:relative;
				width:100%;
				height:380px;
			}
				#conteudo_conteudo_conteudo_folha_contato_infotmp {
					position:relative;
					width:97%;
					height:auto;
					top:0;
					left:0;
					text-align:right;
				}
				#conteudo_conteudo_conteudo_folha_contato_linha {
					position:relative;
					width:97%;
					height:auto; min-height:30px;
					top:0;
					left:0;
					margin:15px 0 0 0;
				}
					#conteudo_conteudo_conteudo_folha_contato_linha input {
						position:relative;
						width:98%;
						height:20px;
						top:5px;
						left:0;
						border:none;
						padding:0;
						margin:0;
						background:none;
						text-align:center;
						font-size:18px;
						color:#FFF;
						text-shadow:#333 1px 1px;
						text-transform:uppercase;
						opacity:0.7;
						filter:alpha(opacity=70);
					}
					#conteudo_conteudo_conteudo_folha_contato_linha textarea {
						position:relative;
						width:98%;
						height:90px;
						top:0;
						left:0;
						margin:0;
						padding:5px;
						border:none;
						background:none;
						text-align:center;
						font-size:18px;
						font-family:Arial, Helvetica, sans-serif;
						color:#FFF;
						text-shadow:#333 1px 1px;
						opacity:0.7;
						filter:alpha(opacity=70);
					}
					#conteudo_conteudo_conteudo_folha_contato_linha button {
						position:relative;
						width:196px;
						height:51px;
						background:url(../images/conteudo/contato/conteudo_contato_btenviar.png) no-repeat center center;
						border:none;
						cursor:pointer;
						margin:0 15px 0 15px;
						padding:0 0 9px 0;
						color:#FFF;
						font-weight:bold;
						text-shadow:#484848 1px 1px;
						text-transform:uppercase;
					}
					#conteudo_conteudo_conteudo_folha_contato_linha_bg {
						position:absolute;
						width:100%;
						height:100%;
						top:0;
						left:0;
						margin:0;
						background-color:#FFF;
						opacity:0.3;
						filter:alpha(opacity=30);
						z-index:-1;
					}
	#conteudo_galeria {
		position:fixed;
		width:100%;
		height:auto;
		top:0;
		left:0;
		margin:34px 0 0 0;
		padding:0;
		display:block;
	}
		#preview {
			position:relative;
			width:897px;
			height:398px;
			top:0;
			left:50%;
			margin:0 0 0 -440px;
		}
			#preview_preview {
				position:absolute;
				width:800px;
				height:95%;
				top:0;
				left:0;
				margin:10px 0 0 45px;
				padding:0;
				/*border:#F00 solid 1px;*/
				z-index:5;
			}
			#preview_link {
				position:absolute;
				width:85%;
				height:25px;
				top:100%;
				left:64px;
				margin:-65px 0 0 0;
				text-align:left;
				font-size:17px;
				font-weight:bold;
				text-shadow:#333 1px 1px;
				z-index:10;
			}
				#preview_link p {
					position:absolute;
					margin:0;
					padding:0;
				}
				#preview_link a {
					position:absolute;
					width:105px;
					height:25px;
					top:0;
					left:100%;
					margin:0 0 0 -80px;
					text-decoration:none;
					font-weight:normal;
					color:#CDDEF8;
				}
					#preview_link a:hover {
						color:#52C8EF;
					}
			#preview_btprev {
				position:absolute;
				width:38px;
				height:259px;
				top:50%;
				left:0;
				margin:-125px 0 0 10px;
				padding:0;
				z-index:8;
				cursor:pointer;
			}
				#preview_btprev_nor {
					position:absolute;
					width:100%;
					height:100%;
					top:0;
					left:0;
					background:url(../images/conteudo/portifolio/btprev_preview.png) no-repeat center left;
					z-index:0;
				}
				#preview_btprev_hover {
					position:absolute;
					width:100%;
					height:100%;
					top:0;
					left:0;
					margin:0 0 0 -5px;
					background:url(../images/conteudo/portifolio/btprev_preview-hover.png) no-repeat center left;
					z-index:1;
				}
			#preview_btnext {
				position:absolute;
				width:38px;
				height:259px;
				top:50%;
				left:100%;
				margin:-125px 0 0 -48px;
				padding:0;
				z-index:8;
				cursor:pointer;
			}
				#preview_btnext_nor {
					position:absolute;
					width:100%;
					height:100%;
					top:0;
					left:0;
					background:url(../images/conteudo/portifolio/btnext_preview.png) no-repeat center right;
					z-index:0;
				}
				#preview_btnext_hover {
					position:absolute;
					width:100%;
					height:100%;
					top:0;
					left:0;
					margin:0 0 0 5px;
					background:url(../images/conteudo/portifolio/btnext_preview-hover.png) no-repeat center right;
					z-index:1;
				}
			#preview_design {
				position:absolute;
				width:100%;
				height:100%;
				top:0;
				left:0;
				margin:0;
				z-index:1;
			}
				#preview_strokes {
					position:absolute;
					width:100%;
					height:396px;
					top:0;
					left:0;
				}
					#stroke_left {
						position:absolute;
						width:1px;
						height:396px;
						top:0;
						left:0;
						margin:0 0 0 0;
						background:url(../images/conteudo/portifolio/stroke_preview.png) no-repeat;
					}
					#stroke_right {
						position:absolute;
						width:1px;
						height:396px;
						top:0;
						left:100%;
						margin:0 0 0 0;
						background:url(../images/conteudo/portifolio/stroke_preview.png) no-repeat;
					}
				#preview_smokes {
					position:absolute;
					width:100%;
					height:398px;
					top:0;
					left:0;
					margin:0;
				}
					#smoke_left {
						position:absolute;
						width:62px;
						height:398px;
						top:0;
						left:0;
						margin:0 0 0 -63px;
						background:url(../images/conteudo/portifolio/smoke_preview_left.png) no-repeat center right;
					}
					#smoke_right {
						position:absolute;
						width:62px;
						height:398px;
						top:0;
						left:100%;
						margin:0 0 0 2px;
						background:url(../images/conteudo/portifolio/smoke_preview_right.png) no-repeat center left;
					}
		#loadBg_galeria {
			position:absolute;
			width:100%;
			height:500px;
			top:0;
			background-color:#7ad6ee;
			opacity: 0.72;
			filter:alpha(opacity=72);
			z-index:1;
		}

#darkenWindow {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#143942;
	opacity:0.8;
	filter:alpha(opacity=80);
	display:none;
	z-index:-1;
}	

#ops{}
	#ops_tarja {
		position:fixed;
		width:100%;
		height:412px;
		top:100%;
		margin-top:-437px;
		overflow:hidden;
		z-index:15;
	}
		#ops ul {
			position:absolute;
			width:100%;
			height:100%;
			padding:0;
			list-style:none;
			z-index:1;
		}
			#ops li {
				position:relative;
				width:434px;
				height:326px;
				bottom:0;
				float:left;
				margin:0 -60px 0 0;
			}
				#ops ul li .ops_conteiner {
					position:absolute;
					width:434px;
					height:326px;
					margin:80px 0 0 0;
					background:url(../images/ops/bg_conteiner.png) no-repeat center center;
					z-index:3;
				}
					#ops_barratopConteiner {
						position:absolute;
						width:359px;
						height:10px;
						margin:38px 0 0 38px;
						background:url(../images/ops/barra_top.png) no-repeat center top;
						z-index:5;
					}
					#ops_bgtituloConteiner_mask {
						position:absolute;
						width:329px;
						height:40px;
						left:50%;
						margin:48px 0 0 -164px;
						overflow:hidden;
						z-index:6;
					}
						#ops_bgtituloConteiner {
							position:absolute;
							width:316px;
							height:48px;
							left:50%;
							margin:0 0 0 -164px;
							padding:2px 0 0 13px;
							background:url(../images/ops/bgtitulo_top.png) no-repeat center top;
							font-weight:bold;
							font-size:17px;
							text-shadow:#000 1px 1px;
							text-transform:uppercase;
						}
				#ops_bgtituloConteiner_sobre {
					position:absolute;
					width:329px;
					height:40px;
					left:50%;
					margin:123px 0 0 -164px;
					background-color:#FFFFFF;
					z-index:2;
				}
				#ops_bgtituloConteiner_Up_mask {
					position:absolute;
					width:329px;
					height:40px;
					left:50%;
					margin:80px 0 0 -164px;
					overflow:hidden;
					z-index:1;
				}
				#ops_bgtituloConteiner_Up {
					position:absolute;
					width:314px;
					height:30px;
					left:50%;
					margin:40px 0 0 -164px;
					padding:10px 0 0 15px;
					background:url(../images/ops/bgtitulo_top_Up.png) no-repeat center top;
					font-weight:bold;
					font-size:17px;
					text-shadow:#000 1px 1px;
					text-transform:uppercase;
					z-index:1;
				}
					#ops_bgtituloConteiner_Up img {
						position:absolute;
						top:10px;
						left:10px;
					}
					#ops_bgtituloConteiner img {
						position:absolute;
						top:5px;
						left:10px;
					}
					#ops_cont {
						position:absolute;
						width:345px;
						height:252px;
						left:50%;
						margin:48px 0 0 -172px;
						cursor:pointer;
						z-index:3;
					}
	#ops_btreturn {
		position:fixed;
		width:75px;
		height:325px;
		top:100%;
		left:0;
		margin:-340px 0 0 0;
		cursor:pointer;
		z-index:15;
	}
		#ops_btreturn_back {
			position:absolute;
			width:75px;
			height:325px;
			background:url(../images/ops/btreturn/barralateral_back.png) no-repeat top left;
			z-index:0;
		}
		#ops_btreturn_sobre {
			position:absolute;
			width:11px;
			height:270px;
			margin:37px 0 0 0;
			background:url(../images/ops/btreturn/barralateral_sobre.png) no-repeat;
			z-index:2;
		}
		#aba_return {
			position:absolute;
			width:64px;
			height:288px;
			margin:18px 0 0 -64px;
			background:url(../images/ops/btreturn/aba_voltar.png) no-repeat top left;
			z-index:1;
		}
	#ops_hideconteiners {
		position:absolute;
		width:303px;
		height:106px;
		background:url(../images/ops/bt_hideConteiners.png) no-repeat center center;
		z-index:3;
	}

#rodape {
	position:fixed;
	width:100%;
	height:20px;
	top:100%;
	margin:-30px 0 0 0;
	padding:0 0 0 0;
	border-top:#999 10px solid;
	background-color:#333;
	z-index:10;
}
	#rodape_redessociais {
		position:absolute;
		width:150px;
		height:18px;
		top:0;
		left:0;
	}
		#rodape ul {
			position:absolute;
			width:100px;
			height:16px;
			top:0;
			left:100%;
			margin:1px 0 0 -100px;
			padding:0;
			list-style:none;
		}
			#rodape ul li {
				position:relative;
				width:auto;
				height:16px;
				float:left;
				margin:0 2px 0 5px;
				padding:0;
			}
			#rodape ul li img {
				margin:0;
				padding:0;
			}
	#rodape_hideconteiners {
		position:absolute;
		width:;
		height:;
		left:0;
		top:0;
	}
	#rodape_redessociais_infoTeltmp {
		position:absolute;
		width:250px;
		height:18px;
		top:3px;
		left:100%;
		margin:0 0 0 -280px;
		font-weight:bold;
		font-size:12px;
		text-shadow:#000 1px 1px;
	}