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

body {
	margin:0 auto 0 auto;
	text-align:center;
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCC;
	}
	
img {
	border:0
	}
	
#topo {
	height:44px;
	background:url(images/fundo-topo.jpg) repeat-x;
	border-bottom:4px solid #000000;
	}
	
#icone-home-topo {
	float:left;
	}
	
#icone-midias-sociais {
	float:left;
	padding:0px 0px 0px 130px;
	margin-top:-4px;
	text-align:right;
	}
	
#botao-curtir {
	float:left;
	padding:0px 0px 0px 30px;
	}

#box-telefone-topo {
	width:840px;/*732*/
	padding-top:10px;
	text-align:right;
	margin:0 auto;
	}
	
#fundo-topo-logo {
	background:url(images/fundo-degrade-topo-logo.jpg) top repeat-x;
	}
	
#topo-logo {
	width:900px;/*800px*/
	margin:0 15% 0 auto;
	height:120px;
	padding:0 0 0 0;
	} 
	
#box-logo {
	float:left;
	padding:0 0 0 0;
	margin-left:-40px;
	}
	
#fundo-conteudo {
	margin:0 auto 0 auto;
	background:url(images/fundo-conteudo.jpg) repeat-x bottom;
	}
	
#fundo-conteudo-clientes {height:1695px; margin:0 auto 0 auto; background:url(images/fundo-conteudo.jpg) repeat-x bottom;}	
	
#conteudo {
	width:900px;/*800*/
	text-align:left;
	margin:0 auto 0 auto;
	padding-bottom:30px;
	}
	
#box-menu {
	margin:0;
	text-align:center;
	}
	
#box-animacao {
	margin:0 0 10px 0;
	text-align:center;
	}
	
#box-portfolio {
	margin:0;
	padding:0 9px 0 10px;
	height:200px;
	}

.box-portfolio-home {
	margin:0;
	padding:0 0px 0 0px;
	height:200px;
	text-align:center;
	}
	
.box-portfolio-individual {

	width:380px;
	margin-right:0px;
	margin-left:-5px;
	}


.box-portfolio-individual img  {float:left;	margin:0 10px 0 20px; display:inline;}
.box-portfolio-individual h2 {padding:0; font-size:17px;}
.box-portfolio-individual p { text-align:left; padding:5px 0 0 0;}

.box-portfolio-individual a:hover p {color:#fff;}
.box-portfolio-individual a:hover h2 {color:#EC921A;}

/*********** NIVO SLIDER ****************/
#banner {
	position:relative;
    width:900px; 
    height:340px;
	margin:10px; 
}
#slider {
    position:relative;
    width:900px; 
    height:277px; 
    background:url(js/nivo-slider2.5.2/graphics/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

#slider .nivo-controlNav {
	position:absolute;
	left:280px;
	bottom:-65px;  
}

#slider .nivo-controlNav a {
    display:inline;
}

#slider .nivo-controlNav img {
	display:inline; 
	position:relative;
	margin-right:10px;	
}

#slider .nivo-controlNav a.active img {
    border: 3px solid #FFF;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(js/nivo-slider2.5.2/graphics/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}

a.nivo-nextNav {
	background-position:-30px 0;
	right:20px;
}
a.nivo-prevNav {
	left:20px;
}

		
/************ RODAPÉ *************/
	
#rodape {
	background:url(images/fundo-rodape.jpg) repeat-x center top;
	height:130px;
	border-top:4px solid #000000;
	clear:both;
	font-size:11px;
	}
	
#box-rodape-800 {
	width:800px;
	margin:18px auto 0 auto;
	text-align:left;
	}
	
.boxes-rodape {
	height:90px;
	float:left;
	display:inline;
	width:240px;
	}

.h2-rodape {
	padding:0 0 3px 0;
	color:#999999;
	border-bottom:1px solid #999999;
	font-size:13px;
	}
	
.h2-rodape a:link {color:#999999;}
.h2-rodape a:visited {color:#999999;}
.h2-rodape a:hover {color:#EC921A; text-decoration:none;}
.h2-rodape a:active {color:#999999;}
	
#h2-rodape-lumina-comunicacao {width:183px; margin-left:23px;}
#h2-rodape-servicos {width:163px; margin-left:50px;}
#h2-rodape-ultimos-trabalhos {width:163px; margin-left:40px;}

.icones-rodape {
	float:left;
	}
	
.txts-rodape {
	margin:3px 0 3px 0;
	width:180px;
	}
	
.txts-rodape a:link {color:#999999;}
.txts-rodape a:visited {color:#999999;}
.txts-rodape a:hover {color:#fff;}
.txts-rodape a:active {color:#999999;}

#txt-lumina-comunicacao {
	margin-left:24px;
	}

#txt-servicos {
	margin-left:51px;
	}

#txt-ultimos-trabalhos {
	margin-left:40px;
	}	

	
#txt-rodape {
	text-align:center;
	color: #666;
	font-size:11px;
	padding:2px 0 2px 0;
	clear:both;
	}
	
#assinatura-lumina {
	float:right;
	margin:0 25px 0 0;
	}
	


	
/************* LATERAL ******************/
	
#lateral {
	float:right;
	width:240px;
	height:520px;
	text-align:left;
	margin:0 20px 0 30px;
	display:inline;
	background:url(images/fundo-lateral.jpg);
	}
	
.titulo-lateral {
	font-size:17px;
	font-weight:bold;
	margin:20px 0 0 20px;
	color:#ccc;
	}
	
.texto-lateral {
	margin:3px 10px 0 20px;
	}

#lateral-nossos-clientes {
	margin:20px 0 3px 20px;
	height:17px;
	}
	
#animacao-nossos-clientes {
	margin:10px 0 0 20px;
	}
	
#blog-da-lumina {
	margin:20px 0 0 13px;
	}
	
#txt-ancora-lateral {
	margin-left:20px;
	}
	
#txt-blog {
	 margin:10px 20px 10px 20px;
	 text-align:justify;
	 }
	 
	 
	 
	 
/************* SERVIÇOS ******************/

.h2-servicos-index a:link {color:#EC921A;}
.h2-servicos-index a:visited {color:#EC921A;}
.h2-servicos-index a:hover {color:#EC921A; text-decoration:underline;}
.h2-servicos-index a:active {color:#EC921A;}

#servicos {
	text-align:left;
	margin:10px 0 0 29px;
	font-size:20px;
	font-weight:bold;
	}

#servicos a:link {color:#FFFFFF;}
#servicos a:visited {color:#FFFFFF;}
#servicos a:hover {color:#FFFFFF; text-decoration:underline;}
#servicos a:active {color:#FFFFFF;}

.box-servicos {
	border-top:1px solid #333333;
	margin:10px 30px 0 30px;
	padding-bottom:15px;
	width:466px;
	}

.h2-servicos {
	padding-left:0;
	font-size:18px;
	color:#EC921A;
	}
	
.h2-servicos a:link {color:#EC921A;}
.h2-servicos a:visited {color:#EC921A;}
.h2-servicos a:hover {color:#EC921A;}
.h2-servicos a:active {color:#EC921A;}

.txt-servicos {
	padding:2px 0 0 0;
	}
	
.imagem-servico {
	margin-top:10px;
	padding:1px;
	border:1px solid #EC921A;
	}

/************* CLIENTES ******************/

.box-clientes {
	float:left;
	margin:20px 0 0 20px;
	}

#todos-clientes {
	height:1170px;
	width:500px;
	margin-left:10px;
	}
	
	
/************* CONTATO ******************/

#contato {
	text-align:left;
	margin:20px 0 0 60px;
	height:420px;
	}
	
.input-contato {
	width:300px;
	font-size:11px;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.bts {
	font-size:10px;
	color:#000000;
	width:70px;
	background-color:#EC921A;
	}
	
	
/********** PORTFOLIO **************/

.box-portfolio {
	float:left;
	text-align:left;
	margin:0 0 20px 0;
	width:190px;
	}
	
.foto-portfolio {
	border:1px solid #EC921A; 
	padding:1px;
	height:142px;
	overflow:hidden;
	width:133px;
	margin-bottom:5px;
	}
	
.h2-resultados a:link {color:#ccc;}
.h2-resultados a:visited {color:#ccc;}
.h2-resultados a:hover {color:#EC921A;}
.h2-resultados a:active {color:#ccc;}
		
/************* TAGS ******************/

h1 {
	font-size:40px;
	letter-spacing:-2px;
	color:#EC921A;
	padding:0;
	margin:10px 0 0 27px;
	text-align:left;
	height:36px;
	}
	
#h1-titulos-servicos {
	margin-top:-5px;
	}
	
h2 {
	font-size:15px;
	font-weight:bold;
	margin:0;
	padding:20px 0 0 30px;
	text-align:left;
	}
	
p {
	text-align:justify;
	padding:20px 0 0 30px;
	margin:0;
	}

address {
	font-style:normal;
	text-align:right;
	font-size:11px;
	padding:32px 35px 0 0;
	}
	

/************* LINKS ***********************************/

#txt-blog a:link {
	text-decoration:none;
	color:#CCC;
	}

#txt-blog a:visited {
	text-decoration:none;
	color:#CCC;
	}
	
#txt-blog a:hover {
	text-decoration:none;
	color: #EC921A;
	}

#txt-blog a:active {
	text-decoration:none;
	color:#CCC;
	}
	
	
/************* TEXTO ANCORA ***********************************/


.txt-ancora a:link {
	text-decoration:none;
	color:#EC921A;
	}

.txt-ancora a:visited {
	text-decoration:none;
	color:#EC921A;
	}
	
.txt-ancora a:hover {
	text-decoration:underline;
	color:#EC921A;
	}

.txt-ancora a:active {
	text-decoration:none;
	color:#EC921A;
	}
	

/************* TEXTOS box portfolio home, serviços, rodapé ***********************************/


a:link {
	text-decoration:none;
	color:#ccc;
	}

a:visited {
	text-decoration:none;
	color:#ccc;
	}
	
a:hover {
	text-decoration:none;
	color:#FFFFFF;
	}

a:active {
	text-decoration:none;
	color:#ccc;
	}
	

	
	
/************* H1 ***********************************/


h1 a:link {
	text-decoration:none;
	color:#EC921A;
	}

h1 a:visited {
	text-decoration:none;
	color:#EC921A;
	}
	
h1 a:hover {
	text-decoration:underline;
	color:#EC921A;
	}

h1 a:active {
	text-decoration:none;
	color:#EC921A;
	}
	
	
/************* BTS SERVIÇOS ***********************************/


.bts-servicos a:link {
	background: url(images/fundo-bt.jpg);
	margin-right:5px;
	padding:2px 5px 2px 5px;
	font-size:11px;
	float:left;
	color:#000000;
	text-decoration:none;
	}

.bts-servicos a:visited {
	background: url(images/fundo-bt.jpg);
	margin-right:5px;
	padding:2px 5px 2px 5px;
	font-size:11px;
	float:left;
	color:#000000;
	text-decoration:none;
	}
	
.bts-servicos a:hover {
	background:#EC921A;
	margin-right:5px;
	padding:2px 5px 2px 5px;
	font-size:11px;
	float:left;
	color:#000000;
	text-decoration:none;
	}

.bts-servicos a:active {
	background: url(images/fundo-bt.jpg);
	margin-right:5px;
	padding:2px 5px 2px 5px;
	font-size:11px;
	float:left;
	color:#000000;
	text-decoration:none;
	}
	
	
/************* TITULOS SERVIÇOS ***********************************/


.titulo-servicos a:link {
	text-decoration:none;
	color:#EC921A;
	}

.titulo-servicos a:visited {
	text-decoration:none;
	color:#EC921A;
	}
	
.titulo-servicos a:hover {
	text-decoration:underline;
	color:#EC921A;
	}

.titulo-servicos a:active {
	text-decoration:none;
	color:#EC921A;
	}
	
/************* TEXTO RODAPÉ ***********************************/


#txt-rodape a:link {
	text-decoration:none;
	color: #666;
	}

#txt-rodape a:visited {
	text-decoration:none;
	color: #666;
	}
	
#txt-rodape a:hover {
	text-decoration:none;
	color:#FFFFFF;
	}

#txt-rodape a:active {
	text-decoration:none;
	color: #666;
	}
/********************************/
.trabalhe-conosco { text-align:center; }
.midias { float:left; padding:0px 0px 0px 180px; margin-top:-4px; text-align:right; }