@charset "utf-8";
body {
	margin:0;
	background-color: #000;
	background-image: url(../images/bg-efeito.jpg);
	background-repeat: no-repeat;
	background-position:center -80px;
	overflow-x:hidden;
	
}
/*html{
overflow-y: scroll;
overflow-x:none;
}*/
body,td,th {
	color: #EEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#topo{/*Div que engloba o menu e a logo*/
	width:1000px;
	height:86px;
	margin:0 auto;
}
#conteudo{/*Div que vai ter todo o conteudo do texto*/
	width:1000px;
	margin:0 auto;
	/*min-height:410px;*/
	/*-min-height:0px;*/
	/*-height:20px;*/
	color:#999;
}
#conteudo2{/*Div que vai ter todo o conteudo do texto*/
	background:url(../images/black-left.png) repeat-x;
	width:100%;
	/*min-height:410px;*/
	/*-min-height:0px;*/
	/*-height:20px;*/
	color:#999;
}
#rodape{/*div que sempre vai ser empurrada para baixo*/
	width:100%;
	height:352px;
	/*margin:0 auto;*/
	-margin-top:-300px;
	background:#1f1f1f;
	border-top:#2a2a2a 3px solid;
	border-bottom:#2a2a2a 3px solid;
	-padding-top:10px;
	position:relative;
	z-index:1;
}
.rodapecontent{/*div que alinha o conteudo do rodape ao meio*/
	width:1005px;
	margin:0 auto;
}
.logo{/*div em que vai o logo da agencia*/
	width:231px;
	height:86px;
	float:left;
}
.menu{/*div que coloca o meno ao lado do logo*/
	float:left;
	width:300px;
	margin-top:40px;
	margin-left:735px;
	-margin-left:500px;
	*margin-left:500px;
	position:absolute;

}
.menu ul{
	list-style:none;
}
.menu ul li{
	float:left;
	padding: 0px 20px 0px 20px;
}
.menu ul li a{
	color:#dadada;
	text-decoration:none;
}
.menu ul li a:hover{
	color:#888;
	text-decoration:none;
}
.divcontrodape{/* as 4 divs com conteudos do rodape */
	*margin-top:100px;
	width:215px;
	-width:215px;
	margin-right:36px;
	-margin-right:30px;
	float:left;
	margin-top:-9px;
}
.divcontrodape h1{/* as 4 divs com conteudos do rodape */
	*margin-top:10px;
	margin-bottom:20px;
	*margin-bottom:0px;
}
.divcontrodape ul{
	list-style:none;
	padding-left:0;
}
.divcontrodape ul li span{
	color:#14a74c;
	text-shadow:#111 0px 1px 0px;
	font-size:11px;
}
.divcontrodape ul li label{
	color:#CCC;
	text-shadow:#111 0px 1px 0px;
	font-size:11px;
}
.divcontrodape p{
	font-size:0px;
}
.divcontrodape ul li{
	font-size:13px;
	background:url(../images/dotted.png) repeat-x bottom;
	padding-left:0;
	*margin-left:-40px;
	padding-bottom:7px;
	margin-bottom:20px;
	width:212px;
}
.divcontrodape ul li img{
	border: 1px solid #FFF;
}
.dotted{/*borda pontilhada, é usado assim e não com a propriedade da própria borda (border: dotted;) porque o IE6 não lê "dotted" */
	width:100%px;
	height:1px;
	background:url(../images/dotted.png) repeat-x;
	clear:both;
}
.clear{clear:both;}
.boxcamp{
	width:202px;
	height:26px;
	margin-bottom:5px;
	background:url(../images/form-escrita.png) repeat-x;
	border:0;
	color:#666666;
}
.buttoncamp{
	margin-left:122px;
	width:80px;
	height:26px;
	margin-bottom:5px;
	background:url(../images/form-botao.png) repeat-x;
	border:0;
	color:#FFF;
}
.divefeitofundo{
	display:none;
	position:absolute;
	z-index:0;
	width:100%;
	height:400px;
}
#contin{
	border-top:1px solid #2a2a2a;
	width:100%;
	/*background:url(../images/png-black.png) repeat;*/
	background:#FFF;
	padding:5px;
}
.conteudo2{
	width:1000px;
	/*min-height:410px;*/
	/*-min-height:0px;*/
	/*-height:20px;*/
	margin:-10px auto 5px;
	color:#555;
}
#conteudo h1{
	margin-left:-30px;
	margin-bottom:-10px;
}
#contin .divescrita{
	width:250px;
	float:left;
	line-height:20px;
	font-size:14px;
	font-style:italic;
	color:#7e7e7e;
}
.divh1{
	float:left;
	position:absolute;
}
.letramaior{
	font-size:30px;
}
/********** efeito slider **********/
#box_central{width:1000px; background:#666666; height:500px;float:left;-margin-top:0px;}
#box_thumbs {width:1000px;;z-index:0; margin:0 auto; clear:both}
#box_thumbs li{list-style:none; width:75px; height:75px; overflow:hidden; margin-left:5px;}
#box_thumbs ul li{list-style:none;margin-left:5px;}
.box_thumb_slider{margin-left:5px;}
/********** fim efeito slider **********/

.dvleft{/* div que e usada somente para alinhar a imagem anterior do carrosel*/
height:500px;
width:1000px;
float:left;
border-top:0px solid #FFF;
border-bottom:0px solid #FFF;
opacity:0.4;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
background:url(../images/preloader.gif) no-repeat center #000;
}

.dvright{/* div que e usada somente para alinhar a imagem posterior do carrosel*/
float:left;
text-align:right;
z-index:0;
height:500px;
width:1000px;
border-top:0px solid #FFF;
border-bottom:0px solid #FFF;
opacity:0.4;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
background:url(../images/preloader.gif) no-repeat center #000;
}
.divcontleft{
	margin-left:25px;
	float:left;
	width:340px;
	border:0px solid #999;
}
.divcontleft span{
	margin-top:13px;
	font-size:13px;
	font-style:italic;
	color:#828282;
	float:left;
	width:340px;
	border:0px solid #999;
}
.divcontright{
	margin-right:25px;
	float:right;
	width:400px;
	border:0px solid #999;
}
.divcontleft h1{
	
}
.iframe{
	border:1px solid #cfcfcf;
	margin-bottom:30px;
}
.divcontatocampos{
	margin-top:20px;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	color:#4c4c4c;
	width:380px;
}
.divcontatocampos label{
	float:right;
	font-weight:normal;
}
.divcontatocampos span{
	color:#999;
	font-size:9px;
	font-style:italic;
	font-weight:normal;
}
.spann{
	width:20px;
}
.inptext{
	margin-top:-14px;
	background-color:#f9f9f9;
	border:1px solid #e7e7e7;
	color:#999;
	font-size:12px;
	height:24px;
	width:210px;
	font-style:italic;
	font-weight:normal;
}
.inptextred{
	margin-top:-14px;
	background-color:#F3CBCB;
	border:1px solid #666;
	color:#999;
	font-size:12px;
	height:24px;
	width:210px;
	font-style:italic;
	font-weight:normal;
}
.inptextred2{
	margin-top:-14px;
	background-color:#F3CBCB;
	border:1px solid #666;
	color:#999;
	font-size:12px;
	height:24px;
	width:210px;
	font-style:italic;
	font-weight:normal;
}
.divcontatocampos textarea{
	margin-top:-14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
	background-color:#f9f9f9;
	border:1px solid #e7e7e7;
	color:#999;
	font-size:12px;
	width:204px;
	font-style:italic;
	font-weight:normal;
}
.divformgroup{
	max-width:400px;
	margin-bottom:14px;
	*margin-bottom:10px;
}
.divformgroupbutton{
	margin-top:163px;
	margin-left:295px;
}
.botaocontato{
	background:url(../images/bg-botao.png) repeat-x;
	height:31px;
	width:85px;
	color:#FFF;
	border:0;
	font-style:italic;
}
.botaocontato2{
	background:url(../images/bg-botao2.png) repeat-x;
	height:31px;
	width:85px;
	color:#FFF;
	border:0;
	font-style:italic;
}
.obrig{
	color:#990000;
	font-size:11px;
}
.diverronews{
	color:#FFF;
	font-size:11px;
	background:#ff6600;
	border:1px solid #222;
	padding:3px;
}
.listclientes{
	width:192px;
	height:110px;
	border:1px solid #e0e0e0;
	padding:0px;
	float:left;
	margin-left:5px;
	margin-top:5px;
	overflow:hidden;
}
.ulclientes{
	width:1000px;
	list-style:none;
	margin-left:-44px;
	*margin-left:-4px;
}
.ulclientes li{
	float:left;	
}
.listportfolio{
	width:192px;
	height:110px;
	border:1px solid #e0e0e0;
	padding:0px;
	float:left;
	margin-left:0px;
	margin-top:0px;
	overflow:hidden;
}
.ulportfolio{
	width:1000px;
	list-style:none;
	margin-left:-64px;
}
.ulportfolio li{
	float:left;	
}
.bar{
	width:977px;
	height:1px;
	background:#DDD;
	margin:10px -4px 30px;
}
.paginac{
	width:320px;
	float:right;
	margin-top:20px;
}
.paginac ul{
	list-style:none;
}
.paginac ul li{
	margin-top:10px;
	padding: 2px 4px 2px 4px;
	height:15px;
	line-height:14px;
	float:left;
	margin-left:3px;
	color:#222;
}
.paginac ul li a{
	border-bottom:1px solid #888;
	text-decoration:none;
	color:#222;
}
.paginac ul li a.actived{

	color:#ff6600
}
.paginac ul li a:hover{
	color:#00CC66;
}

.labeljm{/* label do jumpmenu */
	float:left;
	margin-top:-10px;
	margin-bottom:10px;
}

.divlinksrapidos{
	width:180px;
	float:right;
	padding-right:27px;
	margin-top:-21px;
}
.linksrapidos{
	list-style:none;
}
.linksrapidos li{
	border-right:1px solid #333;
	margin-top:5px;
}
.linksrapidos li a{
	text-decoration:none;
	color:#999;
}
.linksrapidos li a:hover{
	text-decoration:none;
	color:#00CC66;
}
.selectbox{/*style do jumpmenu clientes*/
	background-color:#f9f9f9;
	border:1px solid #e7e7e7;
	color:#999;
	font-size:12px;
	height:24px;
	width:210px;
	font-style:italic;
	font-weight:normal;
}
.imgin{/*classe que da borda para as imagens dentro da parte branca (conteudo) do site*/
	border:2px solid #D0D0D0;
}

.menuport{/*div que aloca o menu do portfolio*/
	margin-top:-30px;
	width:200px;
	height:400px;
	float:left;
}
/*.menuport ul{
	list-style:none;
}
.menuport li{
	padding-left:5px;
	margin-top:5px;
	text-decoration:none;
	border-left:1px solid #333;
	color:#888;
}
.menuport li a{
	text-decoration:none;
	color:#888;
}
.menuport li a:hover{
	text-decoration:none;
	color:#00CC66;
}*/
/* MENU PORTFOLIO */
#navigation-block {
	position:relative;
	top:200px;
	left:200px;
}

#hide {
	position:absolute;
	top:30px;
	left:-190px;
}

ul#sliding-navigation
{
	list-style: none;
	font-size: 10px;
	margin: 30px 0;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 150px;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #666;
	background:#DDD;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
	color: #666;
	background:#EEE;
	height:25px;
	line-height:23px;
	border-left: 1px solid #1a1a1a;
	text-decoration: none;
	-padding: 5px 18px;
}

ul#sliding-navigation li.sliding-element a:hover { color:#00CC66;-padding: 5px 18px; }
/*FIM MENU PORTFOLIO*/
/* MENU ARTIGOS */
.divmartigos{
width:220px;
height:400px;
float:left;
margin-left:-16px;
}
.divmartigos ul{
list-style:none;
}
.divmartigos ul li{
color: #999;
padding-top:8px;
}
.divmartigos ul li a{
color:#999;
text-decoration:none;
}
.divmartigos ul li a:hover{
border-bottom: 1px dotted #333;
}
/*FIM MENU ARTIGOS*/
.divcontartigos{/*div que vai conter os artigos escritos*/
width:750px;
float:left;
border:1px solid #990000;
margin-top:20px;
}
.antprox{
	color:#000;
	
}
.antprox a{
	text-decoration:none;
}
.antprox a:hover{
	color:#333;
	text-decoration:none;
}
.postprox{
	color:#000;
	
}
.postprox a{
	text-decoration:none;
}
.postprox a:hover{
	color:#333;
	text-decoration:none;
}
.listagem{
	width:1000px;
}
.listagemfora{
	display:none;
	float:right;
	margin-right:-800px;
	position:relative;
	width:1000px;
	height:400px;
	border:1px solid #FF0000;
}
.riscoefeitoblack{
	width:208px;
	height:502px;
	float:left;
	z-index:50;
	position:absolute;
	background:url(../images/riscoefeitoblack.png) repeat-y;
}
.riscoefeitoblack2{
	width:208px;
	height:502px;
	z-index:50;
	position:absolute;
	right:0;
	display:block;
	background:url(../images/riscoefeitoblack2.png) repeat-y;
}
#divslides{
	width:3500px;
	position:absolute;
	left:50%;
	margin-left:-1500px;
}
.divheight{
	height:572px;
	width:1px;
}
.shadowncentral{
	position:absolute;
	left:50%;
	z-index:80;
	margin-left:-500px;
	width:1000px;
	height:500px;
	background:url(../images/shadowncentral.png) no-repeat;
}
#box_centro{
width:1000px;
background:url(../images/preloader.gif) no-repeat center #000;
height:500px;
margin:0 auto;
overflow:hidden;
float:left;
}
#box_thumbs{
width:1000px;
height:80px;
line-height:80px;
margin:0 auto;
}
#box_thumbs ul{
margin:0px 0px 0px 37px;
padding:0;
list-style:none;
}
#box_thumbs ul li{
margin:2px 1px;
float:left;
width:75px;
overflow:hidden;
height:75px;
cursor:pointer;
}
#prev_slider{
float:left;
height:80px;
width:20px;
}
#next_slider{
float:right;
width:20px;
height:80px;
}
#heightie6{
	-height:550px;
	float:left;
}
#box_thumb_loading{
	display:none;
	*margin-left:290px;
	margin-left:490px;
	width:100px;
	position:absolute;
}

.imgarrows{
	padding-top:30px;
	cursor:pointer;
}
.espaco{
	height:566px;
}
.alinhathumbs{
	left:50%;
	margin-left:-500px;
}
#superMask{
top:0;
bottom:0;
left:0;
right:0;
background-color:#000000;
filter:alpha(opacity=60);
-moz-opacity:0.5;
khtml-opacity: 0.5;
opacity: 0.5;
position:fixed;
width:100%;
height:100%;
z-index:998;
 display:none;
}
#superMaskCenter{
background-color:#FFFFFF;
position:absolute;
top:15%;
z-index: 999;
border:2px solid #ff6600;
padding:2px;
display:none;
width:900px;
overflow:hidden;
left:50%;
 margin-left: -450px;

}
#carr{
left:50%;
margin-left:-50px;
padding:5px;
background-color:#ff6600;
border:1px solid #e25d04;
position:fixed;
font-weight:bold;
display:none;
top:0;
z-index:99999;
color:#FFFFFF;
width:100px;
text-align:center;
}
#box_thumbs_2{
text-align:center;
border-top:1px solid #CCCCCC;
margin-top:2px;
z-index:99999;
}
#img_fechar{
float:right;
font:Arial, Helvetica, sans-serif;
}
.box_thumbs_img{
margin:2px 2px;
border:1px solid #999999;
overflow:hidden;
height:75px;
width:125px;
cursor:pointer;
} 
#img_fechar{
margin-top:25px;
margin-right:15px;
cursor:pointer;
}
#DtLogo{
float:left;
margin-left:50px;
margin-top:30px;
border:1px solid #e0e0e0;
padding:2px;
overflow:hidden;
}
#DtCliente{
font:16px Arial, Helvetica, sans-serif;
color:#333333;
margin:35px 0 0 15px;
float:left;
width:700px;
}
#DtDescricao{
width:700px;
font:13px Arial, Helvetica, sans-serif;
color:#333333;
padding:10px;
float:left;
}
.DtLogoDatails{
margin-top:3px;
background-color:#fd7a23;
border:1px solid #ff6600;
float:left;
padding:3px 5px;
cursor:pointer;
margin-left:50px;
color:#FFFFFF;
width:80px;
text-align:center;
}
.DtLogoDatails:hover{
font-weight:bold;
}
#veja_mais_cliente{
margin-top:5px;
background-color:#fd7a23;
border:1px solid #ff6600;
float:left;
padding:3px 5px;
cursor:pointer;
margin-left:50px;
color:#FFFFFF;
text-align:center;
}
#veja_mais_cliente:hover{
background-color:#fa6e11;
}
#voltar{
position:absolute;
margin-top:25px;
text-align:right;
margin-left:780px;
cursor:pointer;
font:13px Arial, Helvetica, sans-serif;
}
#voltar:hover{
color:#333333;
}
#tct_logomarcas{
float:right;
width:205px;
background-color:#f4f3f3;
border:1px solid #e2e3e4;
height:350px;
}
#tct_logomarcas h3{
font:20px Arial, Helvetica, sans-serif;
color:#939393;
text-align:center;
margin:0;
padding:0;
text-shadow:#c8c6c6 1px 1px 1px;
font-weight:bold;
letter-spacing:1px;
}
.listlogosImg{
height:110px;
overflow:hidden;
position: relative;
width:192px;
float:left;
	border:1px solid #e0e0e0;
}
.listlogosImg cite{
	background: #111;
	-moz-opacity:.70;
	filter:alpha(opacity=70);
	opacity:.70;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width:192px;
	padding: 10px;
	border-top: 2px solid #999;
	display:none;
	

}
.listlogosImg cite a{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;

}
.listlogos{

	width:192px;
	height:130px;
	border:1px solid #e0e0e0;
	padding:0px;
	float:left;
	margin-left:0px;
	margin-top:0px;
	overflow:hidden;
	text-align:center;
}
.listlogosSobre{
float:left;
width:70px;
}
.listlogosMais{
float:right;
width:70px;
}
.listlogosSobre a{
color:#333333;
text-decoration:none;
}
.listlogosMais a{
color:#333333;
text-decoration:none;
}
#pecas_img{
float:left;
width:700px;
margin-left:20px;
height:480px;
overflow:hidden;
}
#pecas_carrocel{
float:right;
clear:both;
width:695px;
margin-left:30px;
margin-top:7px;
margin-right:85px;
overflow:hidden;
}
#pecas_carrocel ul{
list-style:none;
}
#mycarousel li{
margin-left:20px;
}
.facebook {
    background: url("http://www.agenciafaz.com.br/images/facebook.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 40px;
    margin-left: 50px;
    margin-top: -30px;
    position: relative;
    width: 40px;
}
.facebook:hover {
	background-position: 0 -41px;
}