@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; background-color:#C0C3C8; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#484848; line-height:20px }
td,tr,th,p,h1,h2,h3,h4,form { margin:0; padding:0; color:#484848 }
h1, h2, h3 { color:#606674; }
h1 { font-size:14px; margin-top:-6px; margin-left:12px; }
h2 { font-size:13px; color:#333333; vertical-align:middle; line-height:22px }
h3 { font-size:12px }
strong { color:#777777 }

hr { background: url("layout/mestre.jpg") no-repeat; border:none; background-position:0px -936px; width:845px; height:3px; margin:0; padding:0; margin-left:2px; float:left; }

p, address { text-align:justify; line-height:18px; font-style:normal; }

p { margin-bottom:5px; padding:0 5px }
img { border:0 }
ul,li { margin:0; padding:0; list-style:none }

/* Formatações específicas */
    a { color:#666666; text-decoration:underline }
    a:visited {	color:#484848; }
    a:hover {	color:#555 }
    a:active {	color:#555; text-decoration:underline }
/* FIM formatações específicas */

/* template */
#geral { width:980px; height:auto; margin:0 auto; padding:0; }
.mj { background: url("layout/mestre.jpg") no-repeat; }
.logo { background-position:0px 0px; width:926px; height:198px; padding-right:54px }
.logo h1 { text-indent:-9999px; overflow:hidden; float:left }

.logo div { width:85px; height:28px; margin-left:15px; margin-top:9px; float:right; }
.logo div a { width:85px; height:28px; display:block; text-indent:-9999px; overflow:hidden }

#menu { background-color:#C0C3C8; width:941px; height:28px; margin-left:39px }
#menu li { display:inline; height:28px; float:left }
#menu li a { display:block; height:28px; text-indent:-9999px; overflow:hidden }

.mprincipal {   width:98px;  background-position:-39px -198px; }
.mprincipal:hover {  background-position:-39px -457px; } .mprincipal a { width:98px; }
.mprincipalover { background-position:-39px -457px; }

.mservicos {	width:106px; background-position:-137px -198px; }
.mservicos:hover { background-position:-137px -457px; } .mservicos a { width:106px; }
.mservicosover { background-position:-137px -457px; }

.mprojetos {    width:140px; background-position:-243px -198px; }
.mprojetos:hover { background-position:-243px -457px; } .mprojetos a { width:140px; }
.mprojetosover { background-position:-243px -457px; }

.mespaco {      width:208px; background-position:-383px -198px; }

.mequipe {      width:99px;  background-position:-591px -198px; }
.mequipe:hover { background-position:-591px -457px; } .mequipe a { width:99px; }
.mequipeover { background-position:-591px -457px; }

.mloja {        width:81px;  background-position:-690px -198px; }
.mloja:hover { background-position:-690px -457px; } .mloja a { width:81px; }
.mlojaover { background-position:-690px -457px; }

.mclientes {    width:86px; background-position:-771px -198px; }
.mclientes:hover { background-position:-771px -457px; } .mclientes a {  width:86px; }
.mclientesover { background-position:-771px -457px; }

.mcontato {     width:84px; background-position:-857px -198px; }
.mcontato:hover { background-position:-857px -457px; } .mcontato a {   width:84px; }
.mcontatoover { background-position:-857px -457px; }

.borda-topo { background-position:-39px -226px; width:902px; height:14px; padding:0px; margin:0px auto; margin-left:39px }
#conteudo { background:url("layout/bordas.jpg") repeat-y; width:862px; height:auto; margin-left:39px; padding:20px; float:left; display:inline; /* display inline para bug ie */ }

#conteudo p { margin:10px 0px; }
.texto { width:600px; height:400px; margin-top:10px; float:left }
.quadro { background-position:0px -487px; width:253px; height:421px; margin-top:10px; float:right }
.texto img { margin:0 7px 4px 8px; }

#rodape-fundo { background:url("layout/rodape-fundo.jpg"); background-repeat:repeat-x; width:100%; height:217px; text-align:center; margin:0 auto; float:left }
    .rodape { background-position:-39px -240px; width:862px; height:137px; margin:0 auto; padding:20px; padding-top:60px }
    #tubarao { width:auto; height:120px; float:right; text-align:right }
    #laguna { width:auto; height:120px; float:left; }
#rodape-fundo a { text-decoration:none }

/** HOME **/
#flash { width:620px; height:251px; float:left; background-color:#EFEFEF; }

#home-empresa {
    margin-right:-19px;
    width:261px; height:175px; float:left;
    background-image:url(layout/principal-empresa.jpg); background-repeat:no-repeat;
}
#home-caixa-empresa {
    width:250px; height:170px;
    margin-top:3px; margin-left:4px;
    float:left;
}
#home-caixa-empresa p { line-height:15px; margin:9px 0; }
#saiba-mais { width:100px; height:18px; float:left; text-indent:-9999px; overflow:hidden; margin:12px 0 0 9px; display:inline }
#saiba-mais a { height:18px; display:block  }

#home-tels { width:238px; height:64px; margin-top:10px; float:left; background-image:url(layout/principal-tels.jpg); background-repeat:no-repeat }
#home-tels p { padding-left:27px; line-height:24px; margin:0; }
#home-empresa-borda { background-image:url(layout/principal-empresa-borda.jpg); background-repeat:no-repeat; width:14px; height:186px; float:left; position:absolute; left:954px; }

#home-janelas { clear:both; width:870px; height:196px; float:left; background-image:url(layout/principal-janelas.jpg); margin-top:10px; line-height:16px }
#janela-servicos { width:280px; height:80px; padding-top:116px; padding-left:10px; float:left }
#janela-loja { width:274px; height:80px; padding-top:116px; padding-left:16px; float:left }
#janela-clientes { width:264px; height:80px; padding-top:116px; padding-left:26px; float:left }
#home-janelas a { display:block; height:65px; text-decoration:none }
#home-janelas a:hover { text-decoration:underline }

/* LOJA */
.loja { width:170px; height:145px; float:left }
.quadro p { text-align:right; padding-right:10px }

/* CLIENTES*/
#clientes { width:600px; height:auto; float:left; margin-top:20px; }
#clientes li { background-image:url(layout/cliente-fundo.gif); background-repeat:no-repeat; 
    width:290px; height:28px; text-indent:20px; margin-bottom:7px; float:left
}

/* CONTATO */
.vr { background-position:-259px -486px; width:3px; height:446px; margin:2px 6px; float:left }
input[type="text"] { background: url("layout/mestre.jpg") no-repeat; background-position:-270px -500px; border:1px solid #CCCCCC; }
.tarea { background-position:-270px -535px; width:400px; height:98px; border:1px solid #CCCCCC; }
.submit { background: url("layout/mestre.jpg") no-repeat; background-position:-270px -645px; width:66px; height:25px; float:right; margin-right:25px; margin-top:8px; border:0; cursor:pointer }

/* PROJETOS */
#paginas img { margin-left:4px; }