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

*{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #cccccc;
font-size:12px;
padding:0;
margin: 0;
}

body { background: #000000;
*height: 300%;
}

H1 { 
color: #000000;
text-transform: uppercase;
font-size:18px;
font-weight:bold;
padding: 10px;
}

H2 { 
color: #000000;
font-size:14px;
font-weight:bold;
padding: 10px;
}

H3 { 
color: #FFffff;
font-size:14px;
font-weight:bold;
padding:10px;
}


p {
text-align:justify;
padding: 0 10px 10px;
}

input, textarea {
color:#333333;
font-size:14px;
font-weight:bold;
font-style:italic;
background: #986565;
border: #666666 1px solid;
line-height: 20px;
padding: 2px;
}
textarea {
background: #986565 url(images/form1.png) left top no-repeat;
width: 310px;
scrollbar-face-color:#986565;
scrollbar-highlight-color:#a97676;
scrollbar-3dlight-color:#da9898;
scrollbar-darkshadow-color:#653232;
scrollbar-shadow-color:#875454;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#986565;

}

form {
margin: 20px;
}
form table tr td {
padding: 5px;
}

img {
border:0;
}

#container {
top: 50%;
left: 50%;
width: 818px;
height: 558px;
/*display:table;*/
overflow: hidden;
margin: -279px -409px;
position: absolute;
}

#esquerda {
width: 192px;
float:left;
}


#logo {
width: 96px;
height: 103px;
}

#logo a {
background: url(images/layout06.gif) no-repeat;
display:block;
width: 96px;
height: 103px;
}

#logo span { 
display: none;
}

#menu {
background: url(images/layout06-07.png) no-repeat;
width: 192px;
height: 391px;
overflow:hidden;
}

#menu_geral {}

.menu_geral {margin: 250px auto 0;}

#menu_geral li{
list-style:none;
margin-left:0;
text-transform:uppercase;
line-height: 20px;
background:url(images/layout06.png) bottom left no-repeat;
color: red;
}

#menu_geral a {
text-decoration:none;
display:block;
color:#cccccc;
}


#menu_geral a:hover{
color: red;
background:url(images/bgmenu.png) repeat-x;
display: block;
width: 151px;
}

li#last_link {
background: none;
}

.menu_geral_servico {
margin: 10px auto 0;
}

#conteudo {
background: #999999 url(images/layout07.png) repeat-y;
float:left;
width:625px;
height:493px;
margin:0;
padding:0;
position:relative;
color:#FFFFFF;
}

#conteudo p, #conteudo td{
color:#FFFFFF;
}

#conteudo ul li {
list-style:inside square;
font-size:14px;
line-height: 30px;
color:#FFFFFF;
}


#rodape {
width:625px;
float:right;
}

#assinatura {
display:block;
background:url(images/layout06-02.png) no-repeat;
float:right;
width: 174px;
height: 17px;
}

#assinatura span { 
display: none;
}

#rodape p {
margin: 0;
padding: 0;
}

.servico {
background: #999999 url(images/layout07.png) repeat-y;
}
.servico p {
color:#FFFFFF; 
padding: 0 12px 10px;
}

#servico_cont {
background: #ffffff;
margin: 12px;
/*width: 603px;
height: 368px;*/
padding:14px 14px 0;
*padding:14px 14px 6px;
}

#servico_cont h2{
display:list-item;
list-style:inside square;
margin:0;
padding: 0;
font-size:16px;
float:left;
}

.servico_cont_foto {
margin: 10px 0;
}

#servico_cont li {
display: inline;
padding: 0 5px 0 0;
}

#servico_cont div ul {
padding: 0;
}


#menu_inf{ 
margin: 45px 0 0;
*margin: 40px 0 0;
}

#menu_inf ul li{ 
list-style: url(images/layout07-03.png) inside;
*list-style: url(images/layout07-03.png) outside square;
padding: 5px 0;
*padding: 0;
*margin: 12px 15px;
}

#menu_inf a {
text-decoration:none;
font-size: 14px;
}

#menu_inf li a:hover{
background: url(images/bgmenu_inf.png) repeat-x;
}

.contato {
margin: 0 0 0 5px;
}

#botao_contato{
border-bottom: #444444 2px solid;
border-right: #444444 2px solid;
padding: 4px;
color: #620000;
}

.clipping_thumb {
padding: 0;
}

.clipping_thumb li {
display: inline;
margin-left: 10px;
padding: 0 5px 0 0;
list-style: none;
}

.clipping_thumb li a {
border:0;
}



/* home */


#random {
margin: 0;
z-index:2;
}

#random ul {
margin: 0;

}

#random ul li {
list-style: none;
padding:0;
display: none;
}

#random ul li.foto_ativa {
*margin: 0 0 0 -16px;
display: block;
}

/* fim home */

/* serviços - album de fotos */

.servicos_album {
height:285px;
*height: auto;
line-height:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-top:10px;
padding:0;
}

.servicos_album li img {
display: none;
}

.servicos_album li.foto_ativa {
float:left;
margin-top:14px;
}

.servicos_album li.foto_ativa img {
display:block;
list-style:outside;
padding:0;
*padding: 14px 0;
margin:0 0 -10px 0;
*margin: 0;
}

#servicos_cont {
margin-bottom:-10px;

}

/* fim do album */

.clientes {
margin: 10px 10px 10px 20px;
}


/* menu da página de serviços */
/* DROP DOWN - menu 3 é o menu drop down de serviços */
.menu3 {
width:200px; /*position:relative;*/ float:left; margin: 0 0 0 10px;
 /* for this page only */
}
.menu3 ul {
padding:0; margin:0; list-style-type: none;
}
.menu3 ul li {
float:left; position:relative;
}
.menu3 li.last {
border-bottom:1px solid #666; margin:0;
}
.menu3 ul li a, .menu3 ul li a:visited, .menu3 ul li:hover a {
display:block; text-decoration:none; color:#000; width:365px; height:25px; color:#000; border:1px solid #666; border-width:1px 1px 0 1px; padding-left:10px; line-height:25px; background:#fff url(images/menu3.gif) bottom right no-repeat;
}
.menu3 ul li ul {
display: none;
}
.menu3 table {
margin:-1px; border-collapse:collapse;font-size:1em;
}

/* specific to non IE and IE7 browsers */
.menu3 ul li:hover a {
color:#c00;
}
.menu3 ul li:hover ul {
display:block; position:absolute; top:24px; margin-top:1px; left:0; width:355px; height:auto;
}
.menu3 ul li:hover ul li ul {
display: none;
}
.menu3 ul li:hover ul li a{
display:block; background:#ddd; color:#000; height:auto; line-height:10px; padding:8px 10px; width:355px;
}
.menu3 ul li:hover ul li a.drop {
background:#ddd url(images/point3.gif) bottom right no-repeat;
}
.menu3 ul li:hover ul li:hover a {
background:#888; color:#fff;
}
.menu3 ul li:hover ul li:hover a.drop {
background:#888 url(images/point3a.gif) bottom right no-repeat;
}
.menu3 ul li:hover ul li:hover ul {
display:block; position:absolute; left:150px; top:-1px; width:150px;
}
.menu3 ul li:hover ul li:hover ul li a {
background:#ddd; color:#000;
}
.menu3 ul li:hover ul li:hover ul li:hover a {
background:#888; color:#fff;
}


/* for IE5.x and IE6 browsers only */