* { padding:0; margin:0; outline:0; }
body { background:#000 url(images/bottom.jpg) repeat-x center bottom; font-family: "Trebuchet MS", sans-serif;
       font-size:14px; line-height:19px; color:#fff; }
a img { border:0; }
.esquerda { float:left; display:inline; }
.direita  { float:right; display:inline; }
.cl { font-size:0; line-height:0; clear:both; display:block; height:10px; }
a { color:#fff; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; }
h2 { font-size:67px; line-height:80px; text-transform: uppercase; padding-bottom:10px;}
#fundo-principal { background:url(images/top.jpg) repeat-x center 0;}


#meio { width:960px; margin:0 auto; min-height:1600px; padding-bottom:300px; position:relative; }

#header { height:390px; position:relative; }
.obrigatorio {color:#FFAA00;}

h1#logo { font-size:0; line-height:0; width:246px; height:65px; padding:30px 0 20px 0;}
h1#logo a{ display:block; height:81px; width:55px; background:url(images/logo.jpg) no-repeat; text-indent: -4000px;}
h2#titulo { display:block; height:65px; width:220px; margin-top:-70px; margin-left:60px; float:left;line-height:normal;padding-bottom:0px; text-indent: 1px;font-size:24px;color:#FFAA00;}
.slogan { color:#FFF; font-size:13px; text-transform: uppercase; font-weight: bold; padding:0px;}

#conteudo p { padding-bottom:15px;}
#conteudo { position:relative; width:100%;}

#sobre { padding-top:150px; padding-bottom:100px;}
#portifolio { padding-bottom:55px;}

.trabalhos-realizados { height:300px; position:relative; }
.trabalhos-realizados ul{ list-style-type: none; height:150px; overflow:hidden; position:relative; }
.trabalhos-realizados ul li{ float:left; display:inline; width:960px; height:150px; }
.trabalhos-realizados ul li .trabalho{ float:left; display:inline; width:203px; height:136px; font-size:0; line-height:0; position:relative;  margin:0 30px 20px 0;}
.trabalhos-realizados ul li .trabalho-fundo,.trabalho-fundo{ background:url(images/trabalho.png) no-repeat 0 0; width:197px; height:130px; padding:6px 0 0 6px;}
.trabalhos-realizados ul li .trabalho a{ position:relative; }

.trabalho-detalhes{ display:none; height:300px; position:relative; }
.trabalho-detalhes img { float:left;background:#000 url(images/trabalho.png) no-repeat 0 0; padding:6px;}
.trabalho-descricao { background:#000; float:left;}
.trabalho-descricao ul{  position:relative; line-height:20px; list-style:none; margin:10px;}
.trabalho-descricao ul li{ height:25px; }


.trabalhos-realizados ul li .trabalho a.detalhes{ font-size:0; line-height:0; width:32px; height:32px; background:url(images/detalhes.png) no-repeat 0 0; text-indent: -4000px; position:absolute; top:99px; left:166px; z-index:5;}

#fale-conosco .left { width:470px;}
#fale-conosco .right { width:400px;}
input, textarea, select { font-size:14px; font-family: "Trebuchet MS", sans-serif; padding:5px; color:#fff; border:0; }

#fale-conosco label { display:block; padding-bottom:5px;}
#fale-conosco .campo { background:url(images/campo.png); display:block; width:390px; margin-bottom:15px;}
#fale-conosco .campo-erro { background:url(images/campo-erro.png); display:block; width:390px; margin-bottom:15px;}
#fale-conosco textarea.campo { height:130px; width:390px; }
#fale-conosco textarea.campo-erro { height:130px; width:390px; }

a.botao {
    display:block; width:85px; height:25px; color:#FFF; text-decoration:none;clear:both;
    background:url(images/botao.png) no-repeat 0 0; font-size:14px; line-height:20px; font-weight: bold; text-transform: uppercase;  float:left; z-index:1 !important; position:relative; text-align:center;}


.abs-span { position:absolute; font-size:0; line-height:0; background-repeat:no-repeat; background-position:0 0; z-index:1; top:0; left:0;}

.botoes { width:658px; height:144px; top:154px; left:166px;}
.menu {  width:71px; height:47px; top:256px; left:850px; }

.astronauta { background: url(images/img_astronauta.png); width:118px; height:53px; top:15px; left:488px;}

.conteudo-interno { position:relative; z-index:2;}

.botao { font-size:0; line-height:0; }
.botao a{ position:absolute; color:#333; text-decoration: none; z-index:20;}
.botao a em{ position:absolute; width:32px; height:32px; background:url(images/img_estrela.png); top:7px; left:6px; z-index:2;}
.botao a span{ display:block; width:135px; height:45px; background:url(images/button.png) no-repeat 0 0; font-size:15px; line-height:46px; font-weight: bold; text-transform: uppercase; padding:0 0 0 45px; display:none; float:left; z-index:1 !important; position:relative; }
.botao a.sobre-nos-link{ top:63px; left:583px; }
.botao a.portifolio-link{ top:207px; left:746px; }
.botao a.fale-conosco-link{ top:230px; left:130px; }
.botao a.topo-link{ top:-120px; left:350px; }

.topo { position:absolute; bottom:0; left:0;}

#topo { font-size:0; line-height:0; position:absolute; top:0; left:0;}
.copyright { text-align: left; position:absolute; bottom:30px; width:100%; left:0; color:#062e44; display:none;}
.copyright a{ color:#062e44; }
textarea { overflow:auto;}
#aviso {background:url(images/campo.png); display:block; width:390px; margin-bottom:15px; padding:5px; display:none; text-align:center;}

/* Externos */
.jcarousel-clip { width:960px; height:150px; overflow:hidden; position:relative; }
.jcarousel-clip-hide {display:none; width:960px; height:150px; overflow:hidden; position:relative;  }
.jcarousel-prev,
.jcarousel-next { font-size:0; line-height:0; cursor:pointer; width:49px; height:49px; text-indent: -4000px; position:absolute; top:150px; }
.jcarousel-next { background:url(images/next.png); left:459px; }
.jcarousel-prev { background:url(images/prev.png); left:395px; }
/* Externos */