@charset "utf-8";
/* LAYOUT */

/* deixando os elementos do jeito que preciso */
*{
margin: 0;
padding: 0;
text-decoration: none;
list-style: none;
color: #FFF;
}

html{
font-size: 20px;
}

body{
font: 0.6em Arial, Helvetica, sans-serif;
background: #404040 url(../imagens/layout/bg_body.jpg) repeat-x 0 0;
text-align: center;
}

div#container{
width: 760px;
margin: 0 auto;
text-align: left;
}

ul#jump-menu{
width: 100%;
height: 27px;
overflow: hidden;
}

ul#jump-menu li{
display: inline;
float: left;
line-height: 27px;
}

ul#jump-menu li a{
display: block;
color: #CCC;
padding-left: 20px;
padding-right: 30px;
background: url(../imagens/layout/bg_icon_triangulo.gif) no-repeat 0 10px;
}

ul#jump-menu li a:hover{
color: #FFF;
background: url(../imagens/layout/bg_icon_triangulo.gif) no-repeat 0 -30px;
}

div#header{
width: 336px;
float: left;
}

div#header h1{
width: 336px;
height: 205px;
overflow: hidden;
}

div#header h1 span{
width: 336px;
height: 205px;
position: absolute;
background: url(../imagens/layout/bg_header_logo.jpg) no-repeat 0 0;
}

p#header-complement{
width: 424px;
height: 55px;
overflow: hidden;
float: right;
}

p#header-complement span{
width: 424px;
height: 55px;
position: absolute;
background: url(../imagens/layout/bg_msg_construcao.jpg) no-repeat 0 0;
font-weight: bold;
}

/* conteudo */
div#content{
/*clear: both;*/
float: left;
width: 450px;
}

/* titulos */
div#content h2{
width: 445px;
font: 1.6em Arial, Helvetica, sans-serif;
overflow: hidden;
margin-top: 10px;
}

/* nota importante */
div#content h2.nota{
height: 55px;
}

div#content h2.nota span{
width: 445px;
height: 55px;
position: absolute;
background: url(../imagens/layout/bg_h_nota.jpg) no-repeat 0 0;
}

/* nossos servicos */
div#content h2.servicos{
height: 70px;
}

div#content h2.servicos span{
width: 445px;
height: 70px;
position: absolute;
background: url(../imagens/layout/bg_h_servicos.jpg) no-repeat 0 0;
}

/* trabalhos */
div#content h2.trabalhos{
height: 60px;
}

div#content h2.trabalhos span{
width: 445px;
height: 60px;
position: absolute;
background: url(../imagens/layout/bg_h_trabalhos.jpg) no-repeat 0 0;
}


/* quem somos */
div#content h2.sobre{
height: 60px;
}

div#content h2.sobre span{
width: 445px;
height: 60px;
position: absolute;
background: url(../imagens/layout/bg_h_quem_somos.jpg) no-repeat 0 0;
}

div#content div.chamada{
width: 423px;
padding-left: 10px;
padding-right: 10px;
background: #292929;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
}

div#content div.chamada h3{
padding-top: 15px;
padding-left: 20px;
padding-bottom: 10px;
background: url(../imagens/layout/bg_icon_caixa.gif) no-repeat 0 15px;
font: bold 1.2em "Trebuchet MS",Geneva, Tahoma, Helvetica, sans-serif;
font-variant: small-caps;
}

div#content div.chamada h4{
font: bold 1.1em "Trebuchet MS",Geneva, Tahoma, Helvetica, sans-serif;
margin-bottom: 10px;
}

div#content span.chamada-bottom{
display: block;
width: 445px;
height: 15px;
margin-bottom: 30px;
background: url(../imagens/layout/bg_bottom_chamadas.gif) no-repeat 0 0;
}

div#content div.chamada img{
float: left;
margin-right: 10px;
}

div#content div.chamada p{
text-align: justify;
line-height: 18px;
}

div#content div.chamada ul{
padding-left: 10px;
}

div#content div.chamada ul li{
margin-top: 5px;
margin-bottom: 5px;
}
/* fim */

/* coluna lateral - formulario de contato */
div#column{
width: 285px;
float: right;
/*margin-top: -150px !important;*/
margin-top: -150px;
}

div#column h2.contato{
width: 285px;
height: 150px;
overflow: hidden;
}

div#column h2.contato span{
width: 285px;
height: 150px;
position: absolute;
background: url(../imagens/layout/bg_h_contato.jpg) no-repeat 0 0;
}

div#column form#frm-contato{
overflow: hidden; /* safari win */
background: url(../imagens/layout/bg_formulario_contato.jpg) no-repeat 0 0;
}

div#column form#frm-contato fieldset{
width: 205px;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
border: none;
}

div#column form#frm-contato fieldset legend{
text-indent: -9000px;
}

div#column form#frm-contato fieldset label{
display: block;
margin-top: 15px;
margin-bottom: 3px;
font: bold 1.1em "Trebuchet MS",Geneva, Tahoma, Helvetica, sans-serif;
}

div#column form#frm-contato fieldset input{
width: 205px;
height: 20px;
padding-top: 4px;
font: bold 1.2em "Trebuchet MS",Geneva, Tahoma, Helvetica, sans-serif;
color: #000;
border: 2px solid #000;
background: #FFF url(../imagens/layout/bg_input_contato.jpg) repeat-x 0 0;
}

div#column form#frm-contato fieldset textarea{
width: 195px;
height: 100px;
padding: 5px;
font: bold 1.2em "Trebuchet MS",Geneva, Tahoma, Helvetica, sans-serif;
color: #000;
border: 2px solid #000;
background: #FFF url(../imagens/layout/bg_text_contato.jpg) repeat-x 0 0;
}

div#column form#frm-contato fieldset input:hover, div#column form#frm-contato fieldset textarea:hover{
border: 2px solid #FDA400;
}

div#column form#frm-contato fieldset input:focus, div#column form#frm-contato fieldset textarea:focus{
border: 2px solid #FFF;
}

div#column form#frm-contato fieldset button{
width: 90px;
height: 30px;
display: block;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
border: none;
background: #F90 url(../imagens/layout/bt_enviar.jpg) no-repeat 0 0;
font: bold 1.2em/30px Georgia, "Times New Roman", Times, serif;
color: #000;
text-align: center;
cursor: pointer;
}

div#column form#frm-contato fieldset button:hover{
color: #FFF;
}

div#column p{
width: 205px;
margin: 0 auto;
padding: 10px;
padding-left: 35px;
padding-right: 25px;
font: 1em/23px Georgia, "Times New Roman", Times, serif;
background: #353535 url(../imagens/layout/bg_icon_phone.jpg) no-repeat 0 12px;
}

div#column p em{
display: block;
font: 1.4em Georgia, "Times New Roman", Times, serif;
text-align: center;
color: #FC0;
}
/* fim coluna */

/* rodape */
div#footer{
clear: both;
width: 704px;
height: 110px;
margin: 0 auto;
background: url(../imagens/layout/bg_footer.jpg) no-repeat 0 0;
position: relative;
}

div#footer p.vcard{
width: 34em;
padding-top: 35px;
padding-left: 25px;
font: bold 0.9em "Trebuchet MS",Geneva, Tahoma, Helvetica, sans-serif;
float: left;
}

div#footer p.vcard span.org{
text-transform: uppercase;
}

div#footer p.author{
width: 34em;
padding-top: 20px;
padding-left: 25px;
font: 0.8em "Trebuchet MS",Geneva, Tahoma, Helvetica, sans-serif;
color: #666;
float: left;
}

div#footer ul.selos{
float: right;
position: relative;
right: 60px;
bottom: 30px;
}

div#footer ul.selos li{
display: inline;
float: left;
}

div#footer ul.selos li a{
display: block;
font: bold 1em Arial, Helvetica, sans-serif;
color: #666;
margin-left: 15px;
padding-left: 20px;
background: url(../imagens/layout/bg_icon_check.gif) no-repeat 0;
}

div#footer ul.selos li a:hover{
color: #FFF;
}

div#footer a.ancora-topo, a.up{
display: block;
width: 58px;
height: 17px;
position: absolute;
left: 323px;
bottom: 0;
cursor: pointer;
overflow: hidden;
}

div#footer a.ancora-topo span, a.up span{
width: 58px;
height: 17px;
position: absolute;
background: url(../imagens/layout/bg_ancora_topo.jpg) no-repeat 0 0;
}

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

a.link:link{
font: bold 1em Arial, Helvetica, sans-serif;
color: #FF6;
text-decoration: underline;
}

a.link:visited{
font: bold 1em Arial, Helvetica, sans-serif;
color: #FF3;
text-decoration: none;
}

a.link:hover{
color: #666;
background-color: #000;
text-decoration: none;
}

a.link:active{
color: #F90;
background-color: #000;
text-decoration: none;
}

/***** FIM *****/

/*************************** Pagina de confirmacao ***************************/
h2.enviado, h2.erro{
clear: both;
width: 445px;
height: 65px;
font: 1.6em Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin: 0 auto;
margin-top: 300px;
overflow: hidden;
}

h2.enviado span{
width: 445px;
height: 65px;
position: absolute;
background: url(../imagens/layout/bg_titulo_enviado.jpg) no-repeat 0 0;
}

h2.erro span{
width: 445px;
height: 65px;
position: absolute;
background: url(../imagens/layout/bg_titulo_erro.jpg) no-repeat 0 0;
}

div#mensagem{
width: 413px;
background-color: #292929;
padding-left: 15px;
padding-right: 15px;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
margin: 0 auto;
}

div#mensagem p{
padding-top: 10px;
padding-bottom: 20px;
text-align: center;
line-height: 18px;
}

span.mensagem-bottom{
display: block;
width: 445px;
height: 15px;
background: url(../imagens/layout/bg_bottom_chamadas.gif) no-repeat 0 0;
margin: 0 auto;
margin-bottom: 200px;
}