*{ margin:0; padding:0; }

#principal{ width:1000px; margin:0 auto; }

body{ font-family:Arial; font-size:12px; color:#73777c; }

#conteudo{ margin:30px auto; line-height:1.5em; padding:0 35px }

a{ text-decoration:none; color:#73777c; }
a:hover{ text-decoration:underline; }

p{ margin-bottom:16px; }

.lista{ list-style:none; }
.lista li{ background:url(imgs/seta1.gif) left 6px no-repeat; padding:0 0 0 14px; margin:0 0 14px 12px; }

.lista-form{ list-style:none; }
.lista-form li{ margin:0 0 10px 0; }

#lista-numero{ margin:0 0 25px 32px; }

/* FLASH INTRO */
	#popFundo {
		position: absolute;
		background-color: #000000;
		width: 100%;
		height:100%;
		top:0px;
		left:0px;
		filter:alpha(opacity=70);
		opacity: 0.7;
	}
	
	
	#popFundoImg {
		position:absolute;
		top:0;
		left:50%;
		margin-left:-442px;
		width:884px;
		height:715px;
	}
.legendaImg{
	text-align:center;
	font-size:10;
	color:#999999;		
}
/* TOPO MENU */
	#topo{/*background:url(imgs/luzpropria.jpg) 600px 15px no-repeat;*/ height:161px; }
	#topo-dir{width:283px; height:98px; float:right; padding:20px 0 0 0;}
	#topo-dir h1{overflow:hidden; text-indent:-9999em; padding:0; margin:0 30px 0 0; background:url(imgs/luzpropria.jpg) top left no-repeat; width:253px; height:98px;}
	#topo-dir h1 a{display:block; width:253px; height:98px;}
	
/* INDEX */	
	#body-index{ background:url(imgs/bg-body-index.jpg) left top repeat-x; }

	#banner-index{ height:343px; background:url(imgs/bg-body-banner-index.jpg) left top repeat-x;}
	
	#rodape-index{ background:url(imgs/bg-rodape-index.gif) left top repeat-x; width:100%; }
	#rodape-index-conteudo{ width:1000px; margin:0 auto; text-align:center; padding:18px; color:#b4c93d; }
	#rodape-index-conteudo a{ color:#b4c93d; margin:0 15px; }
	#rodape-index-conteudo p{ color:#73777c; margin:0 0 5px 0; }

	/* DESTAQUES */
		#destaques-index{ width:960px; margin:26px 0 0 40px; }
		
		#servicos-fotograficos{ float:left; width:282px; }
		#luz-panel{ float:right; width:230px; }
		#servicos-web{ margin-left:316px; width:265px; }
		
		/* TITULOS */
		h1#t-servicos-fotograficos, h1#t-servicos-web, h1#t-luz-panel{ overflow:hidden; text-indent:-9999em; margin:0 0 15px 0; }	
		h1#t-servicos-fotograficos{ background:url(imgs/t-servicos-fotograficos.gif) top left no-repeat; height:28px; width:231px; }	
		h1#t-servicos-web{ background:url(imgs/t-servicos-web.gif) top left no-repeat; height:27px; width:143px; }	
		h1#t-luz-panel{ background:url(imgs/t-luzpanel.jpg) top left no-repeat; height:38px; width:201px; }
		
		/* A EMPRESA */
		.tit-a-empresa{font-size:16px; margin:0 0 8px 15px;}
		.frase-a-empresa{font-style:italic; color:#a5acb5; margin:0 0 10px 15px;}
		.frase-descr-empresa{margin:0 0 10px 15px;}
		
/* PORTIFOLIO */
	#body-portifolio{ background:url(imgs/bg-body-portifolio.jpg) left top repeat-x; }
	
	#banner-portifolio{ background:url(imgs/bg-banner-portifolio.jpg) top left repeat-x; height:172px; margin-top:1px; }
	#banner-portifolio-esq{ float:left; padding:50px 0 0 10px; }
	#banner-portifolio-dir{ float:right; }
	
	#conteudo-esq{ float:left; width:430px; }
	#conteudo-dir{ float:right; width:430px; }
	
	.destaque-portifolio{ margin:0 0 15px 0; }
	.destaque-portifolio h1{ font-size:12px; font-weight:bold; color:#130c5c; }
	.destaque-portifolio p{ margin:0 0 10px 0; }
	
	.destaque-portifolio-img{ float:left; }
	.destaque-portifolio-txt{ float:right; width:295px; padding-top:10px; }
	
	.lista-portifolio{ list-style:none; float:left; width:200px; margin:20px 0 0 3px; }
	.lista-portifolio li{ background:url(imgs/seta1.gif) left 7px no-repeat; margin:0 0 5px 0; padding:0 0 0 10px; }
	
	/* TITULOS */
	#banner-portifolio-esq h1{ font-size:33px; color:#FFFFFF; font-weight:normal; }
	#banner-portifolio-esq h2{ font-size:23px; color:#bed14f; font-weight:normal; }	
	#conteudo h3{ font-size:12px; font-weight:bold; border-bottom:1px solid #999999; width:100%; }	
	
/* PORTIFÓLIO FOTOGRAFIA */
	#portifolio-foto-esq{ float:left; margin:0 0 0 30px; _margin:0 0 0 15px; width:260px; }
	#portifolio-foto-dir{ float:right; width:260px; }
	#portifolio-foto-meio{  width:260px; margin:0 0 0 330px; _margin:0 0 0 327px; }
	
	.portifolio-foto-box{ width:230px; height:200px; }
	.portifolio-foto-box2{ width:230px; height:150px; }
	.portifolio-foto-box h1, .portifolio-foto-box2 h1{ font-size:16px; margin-bottom:8px; }
	
	.potifolioCh{ padding:5px; border:1px solid #CCCCCC; margin-bottom:8px; }
	.potifolioCh:hover{ padding:5px; border:1px solid #CCCCCC; margin-bottom:8px; background:#C5D954; }
	
	.img-aempresa{ padding:5px; border:1px solid #CCCCCC; margin-bottom:8px; }	
	
/* SERVICOS */
	#body-servicos{ background:url(imgs/bg-body-servicos.jpg) left top repeat-x; }	
	
	#banner-servicos{ background:url(imgs/bg-banner-servicos.jpg) top left repeat-x; height:172px; margin-top:1px; }
	#banner-servicos-esq{ float:left; padding:50px 0 0 10px; }
	#banner-servicos-dir{ float:right; }
	
	.lista-servicos{ list-style:none; float:left; width:370px; margin:0 50px 25px 12px; }
	.lista-servicos li{ background:url(imgs/seta2.gif) left 2px no-repeat; height:120px; }
	.lista-servicos li h2 a{ color:#6817BF; font-size:13px; padding:0 0 0 22px; }
	.lista-servicos p{ padding:0 0 0 22px; }
	
	.lista-servicos-fotografia{ list-style:none; float:left; width:370px; margin:0 50px 25px 12px; }
	.lista-servicos-fotografia li{ background:url(imgs/seta2.gif) left 2px no-repeat; height:80px; }
	.lista-servicos-fotografia li h2{ color:#6817BF; font-size:13px; padding:0 0 0 22px; }
	.lista-servicos-fotografia p{ padding:0 0 0 22px; }
	
	.lista-servicos2{ background:url(imgs/seta3.gif) left top no-repeat; height:120px; }
	.texto-servicos{margin:0 0 20px 15px;}

	/* TITULOS */
	#banner-servicos-esq h1{ font-size:33px; color:#FFFFFF; font-weight:normal; }
		
/* RODAPE */	
	#rodape{ background:url(imgs/bg-rodape-internas.gif) left 30px repeat-x; width:100%; padding-bottom:20px; }
	#rodape-conteudo{ width:980px; margin:0 auto; text-align:left; padding:10px; color:#b4c93d; }
	#rodape-conteudo a{ color:#929497; margin:0 10px; }
	#rodape-conteudo a:hover{ color:#b4c93d; }
	#rodape-conteudo p{ color:#73777c; margin:0 0 15px 0; width:100%; }
	
	#rodape-conteudo-esq{ float:left; margin:0 0 0 30px }
	#rodape-conteudo-esq h2{ font-size:12px; margin:20px 0 5px 0; color:#929497; }
	#rodape-conteudo-dir{ float:right; width:90px; padding:40px 0 0 0; }
	
	/* CONTATO */
	#contato-esq{width:442px; _width:430px; height:180px; float:left; margin:0 0 0 10px;}
	#contato-dir{width:432px; height:180px; float:right;}
	#contato-dir ul{list-style:none;}
	#contato-dir li{margin:0 0 5px 0;}
	#contato-dir label{display:block;}
	#contato-esq ul{list-style:none;}
	#contato-esq li{margin:0 0 5px 0;}
	#contato-esq label{display:block;}
	.input-text{border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:2px solid #e1e1e1; border-right:2px solid #e1e1e1; width:365px;}
	.select-dest{border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:2px solid #e1e1e1; border-right:2px solid #e1e1e1; width:365px;}
	.input-textarea{border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:2px solid #e1e1e1; border-right:2px solid #e1e1e1; width:365px; height:145px; margin:0;}
	.subt-web-fotografia{font-size:20px; font-weight:normal; margin:0 0 15px 0;}
	#endereco-web{width:400px; _width:393px; float:left; margin:65px 0 0 0; background:url(imgs/div_vert.gif) top right no-repeat; margin:55px 0 0 10px;}
	#endereco-foto{width:442px; float:right; margin:55px 0 0 0;}
	.input-btenviar{margin:0 0 0 320px;}
	
	/* A EMPRESA */
	#conteudo-esq-aempresa{float:left; width:445px; margin-right:15px;}
	.texto-empresa{margin:0 0 20px 15px;}
	.texto-webdesign{margin:0 0 20px 15px;}
	

#fmrLuzPanel{
	padding:0 0 0 20px;
	width:182px;
}
.frmLuzPanel-btn{
	text-align:right;
}
.inputtext
{
	border:solid 1px #CCCCCC;
	width:175px;	
	padding:2px;
	color:#666666;
}
.inputtext-on{
	border:solid 1px #1289B3;
	width:175px;	
	padding:2px;
	color:#666666;
}
.esqueci-senha
{
	font-size:10px;
}

/* CLIENTES */
	.imagem{ border:1px solid #CCCCCC; }
	
	.cliente-img{ float:left; margin-bottom:20px; }
	.cliente-area{ float:right; width:395px; padding-top:100px; }
	
	.cliente-servicos-aba{ padding-bottom:30px; }
	.cliente-servicos-aba h3{ border-bottom:1px solid #CCCCCC; width:560px; height:25px; }
	.aba-esq{ background:url(imgsnova/aba-esq.jpg) top left no-repeat; height:25px; width:7px; float:right; }
	.aba-dir{ background:url(imgsnova/aba-dir.jpg) top left no-repeat; height:25px; width:7px; float:right; }
	.aba-titulo{ background:url(imgsnova/aba-meio.jpg) top left repeat-x; height:25px; _height:22px; float:right; color:#FFFFFF; padding:3px 4px 0 4px; }
	
	.cliente-servicos-img{ float:left; width:100%; margin-bottom:20px; }
	.cliente-servicos-desc{ float:right; }


#lista{ list-style-type:none; padding-top:10px; }
#lista li{ font-size:11px; float:left; padding:0 0 0 10px; width:180px; }
#lista li div{ padding:0 0 6px 0; }

/* LOADER */

#loader {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; z-index:100; opacity:0.8; -moz-opacity: 0.8;
	filter: alpha(opacity=80);}

#loader2{position:absolute; 
margin-top:160px; 
height:60px; 
width:200px; 
z-index:102; 
background-color:#FFF; 
opacity:none;
text-align:center; 
font-size:14px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
right:50%;
margin-right:-410px;
}


/* BLOG */

#noticias_blog h1, #depoimentos h1 {color:#929497; font-size:26px; font-weight:normal}

#noticias_blog h1{margin:0 0 20px}

.lista-blog{list-style-image:url(imgs/seta_roxa.gif); margin:0 0 0 20px}

.lista-blog li{margin:0 0 10px} 

.lista-blog li h3{ font-size:12px; font-weight:normal}

#noticias_blog{ width:450px; float:left}

#depoimentos{width:500px; float:right; line-height:18px}
#depoimentos h1{ margin:0 0 20px}
#depoimentos p{text-align:justify; margin:10px 0 0; font-size:13px}
#depoimentos img{margin:0 10px 0 0}

#depoimentos img, #depoimentos p{float:left}
#depoimentos p{width:450px; font-style:italic}

/* Login Painel */

#painel{
	position: absolute;
	margin-left: 25px;
	padding: 4px 6px;
	cursor: pointer;
}

.login{
	text-align: center;
	font-weight: bold;
	color: #485154;
	font-family: arial;
	font-size: 12px;	
}

.login a:hover{
	text-decoration: underline;	
}

#painel_td{
	position: absolute;
	margin:20px 5px;	
	margin-left: 10px;	
	width: 209px;
	height: 145px;
	background-image: url('imgs/back_sistema.gif');	
	background-repeat: repeat-y;	
	z-index:999;
}

.meio_sis{color: #FFF;padding: 15px 18px;}

.meio_sis a{color: #FFF;}
.meio_sis a:hover{text-decoration: underline;}

.meio_sis2 a{color: #FFF;}
.meio_sis2 a:hover{text-decoration: underline;}