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

* {margin:0; padding:0; text-decoration:none;}

html, body, #conteudo {background:url(img/conteudo.png) repeat-y #FF6600 center;height:100%;} /*pro rodape ficar sempre em baixo*/ 
body > #conteudo {height:auto; min-height:100%;} /*pro rodape ficar sempre em baixo*/ 

/*||||||||||HEADER||||||||*/

#cabecalho {width:100%; height:125px; margin:auto; position:relative; top:0px;float:left; background:#FFF; z-index:1;}
#header {width:779px;height:125px;margin:auto;position:relative;top:0px;background:url(img/conteudo.png) repeat-y #FFF center;z-index:2;}
.logo {padding:22px 0 0 50px; float:left;}
.model {background:url(img/model2.jpg) no-repeat; float:right;height:151px; margin:0 18px 0 0px;}
/*||||||||||HEADER||||||||*/

/*||||||||||MENU||||||||*/

#menu {position:relative; height:33px; width:100%; background:url(img/menu.png);float:left; z-index:3;}
#text_menu { margin:auto; width:700px; top:0; padding-left:50px; height:40px;}
#text_menu a{font:10px Verdana, Geneva, sans-serif; float:left;padding-top:5px; color:#EFB82C;height:40px;} 
#text_menu a:hover{color:#FFF;}
.separador {float:left; padding:4px 24px 0 24px;}	 
#text_menu ul li {position:relative; float:left; list-style:none; }
#text_menu ul li a {font:10px Verdana, Geneva, sans-serif; color:#EFB82C;display:block; float:left;}			  
#text_menu ul li a:hover {color:#FFF;}
#text_menu ul li ul {display:none;position:absolute; top:27px; float:left;}			
#text_menu ul li:hover ul {display:block;}
#text_menu ul li ul a {display:block;width:140px;line-height:20px;background:url(img/menu.png) repeat-x;color:#EFB82C;padding:0 10px 0 10px;text-align:center;height:22px;}			 
#text_menu ul li ul a:hover {background:url(img/menu.png) repeat-x;color:#FFF; }

/*||||||||||MENU||||||||*/

/*||||||||||CONTEUDO||||||||*/

#conteudo {width:783px; margin:auto; position:relative; top:0px; z-index:0;}
#slide {width:739px;height:300px; float:left;}
#text {width:700px;float:left; margin:30px 0 0 50px;}
#text h1 {font:18px Verdana, Geneva, sans-serif; color:#848688; width:100px;  text-align:right; line-height:5px;}
#text h2 {font:30px Verdana, Geneva, sans-serif; color:#FF6600; width:100px; text-align:right;}
#text p {font:12px Verdana, Geneva, sans-serif; padding:15px 0 20px 0; color: #333;}
.equipe {width:280px; float:left; padding:20px 0 0 20px;}
.square {width:150px; float:left;background:url(img/preto.png) repeat-x;margin:50px 27px 20px 0;font:12px Verdana, Geneva, sans-serif;}
.square p {text-align:center; color:#FFF; font:12px Verdana, Geneva, sans-serif; margin:2px 0 10px 0;}
.squarel {width:150px;float:left;background:url(img/laranja.png) repeat-x;margin:50px 27px 20px 0;font:12px Verdana, Geneva, sans-serif;}
.squarel p { text-align:center; color:#FFF; font:12px Verdana, Geneva, sans-serif; margin:2px 0 10px 0;}
#descricoes {width:779px; float:left; margin:15px 0 0px 43px;}

/*||||||||||CONTEUDO||||||||*/

/*||||||||||EMPRESA||||||||*/

#fio-direita{width:650px; border-top:1px solid #000; float:left; margin: 20px 0 0 60px;}
.q-laranja-direita {width:200px; height:10px; float:right; margin:-1px -5px 0 0;}
#texto { width:440px; float:left; margin:15px 0 0 0;}
#texto p{ font:12px Verdana, Geneva, sans-serif; color:#666; margin:20px;}
#descricao-texto{width:180px; float:left; margin:20px 0 0 10px;}


#descricao-texto-1 ul{width:655px;margin:10px 0 20px 30px; font:14px Verdana, Geneva, sans-serif; color:#666; list-style-type: square;}
#descricao-texto-1 p {font:16px Verdana, Geneva, sans-serif; color:#666; margin:40px 0 30px 0;}

h1{font:18px Verdana, Geneva, sans-serif; color:#848688; width:160px;  text-align:right;line-height:13px;}
h2{font:30px Verdana, Geneva, sans-serif; color:#FF6600; width:160px; text-align:right;}
.imagem-direita {width:170px; float:left; margin:50px 0 0 30px;}
#fio-esquerda{width:650px; border-top:1px solid #000; float:left; margin: 20px 0 0 60px;}
.q-laranja-esquerda {width:200px; height:10px; float:left; margin:-1px -5px 0 0;}
#descricao-texto-esquerda{width:180px; margin:40px 0 0 0;}
.imagem-esquerda {width:170px; float:left; margin:50px 0 0 0;}
h3{font:18px Verdana, Geneva, sans-serif; color:#848688;text-align:right;line-height:13px;}
h4{font:30px Verdana, Geneva, sans-serif; color:#FF6600;text-align:right;}
#texto-esquerda { width:450px; float:left; margin:-70px 0 0 30px;}
#texto-esquerda a{ font:18px Verdana, Geneva, sans-serif; color:#FF6600; margin:17px 0 20px 20px; float:left;}
#texto-esquerda p{ font:12px Verdana, Geneva, sans-serif; color:#666; margin:0 0 15px 20px; float:left; width:100%;}
h8 {font:12px Verdana, Geneva, sans-serif; color:#F60;}

#imagem {width:655px;margin-top:30px; font:22px Verdana, Geneva, sans-serif;}
#imagem img {float:left; margin:0 30px 0 0;}
#logo_cristal { width:150px; float:left; padding-top:30px;}
#imagem p{font:22px Verdana, Geneva, sans-serif; color:#F60;}

.malditos-esquerda{width:180px; float:left; margin:10px 0 30px 20px; font:12px Verdana, Geneva, sans-serif; color:#666;}
.funcao-dos-malditos {width:200px; float:left;font:12px Verdana, Geneva, sans-serif; color:#666;
margin:10px 0 20px 0px; }

/*||||||||||EMPRESA||||||||*/

/*||||||||||PORTIFÓLIO||||||||*/

.portifolio{width:100px; float:left; margin:10px 0 20px 20px;}

/*||||||||||PORTIFÓLIO||||||||*/

/*||||||||||CLIENTES||||||||*/

.imagem-clientes{width:250px; float:left; margin:50px 0 0 0;}
#texto-clientes { width:350px; float:left; margin:-70px 0 0 30px;}
#texto-clientes a{ font:18px Verdana, Geneva, sans-serif; color:#FF6600; margin:17px 0 20px 20px; float:left;}
#texto-clientes p{ font:14px Verdana, Geneva, sans-serif; color:#666; margin:0 0 15px 20px; float:left; width:100%;}
.clientes{width:105px; height:105px; float:left; background:url(img/box_s1.jpg) no-repeat; margin: 0 5px 10px 5px;}


.box {width:105px; height:105px; float:left;  margin: 0 5px 10px 5px;}

/*||||||||||CLIENTES||||||||*/

/*||||||||||CONTATO||||||||*/

.imagem-contato {width:150px; float:left; margin:60px 0 20px 20px;}
.formulario {float:left; width:400px; margin:15px 0 0 20px;}
.formulario input[type="text"] {background:url(img/txt-nome.png) no-repeat; width:270px; height:23px; border:none; float:right;}
.formulario textarea{background:url(img/txt-area.png) no-repeat;width:270px; height:110px; border:none; float:right;}

.envia {width:55px;height:24px;border:none;cursor:pointer;float:left;margin:20px 0 0 230px;background: url(img/enviar.png) repeat-x;}
.limpa {width:55px;height:24px;border:none;cursor:pointer;float:left;margin:20px 0 0 30px;background: url(img/enviar.png) repeat-x;}
#endereco {width:225px; float:right; margin:-88px 0 0 0;}
#endereco p{font:11px Verdana, Geneva, sans-serif; text-align:center; color:#666;}
#endereco a {color:#666;}
#endereco a:hover{color:#000;}
/*||||||||||CONTATO||||||||*/

/*||||||||||FOOTER||||||||*/

#footer {position:relative; height:40px; width:100%; clear:both; background: url(img/footer.png) repeat-x;margin-top:-40px;}
#footer p {font:12px Verdana, Geneva, sans-serif; color:#FFF; text-align:center; padding-top:17px;}

/*||||||||||FOOTER||||||||*/