/* -----------------------------
Cliente: TWG
Data: 9 de Março de 2009
-------------------------------*/

/* --- GERAL --- */

html, body {
margin:0 auto;
padding:0;
background:url(Images/bg.jpg) repeat-x;
background-color:#27314d;
font:11px arial;
font-weight:normal;
}

img{
border:0
}

.cor1{
color:#FF6600;
}

/* --- MENU --- */

#menutopo, #topo, #meio, #rodape, #img, .txt-rodape, #imginterna {
margin:0 auto;
padding:0;
}

#meiointerna {
    margin:0 auto;
    padding:0;
    font-size:14px;
  }
  
#meiointerna h3 { color:#e67815;
                  font-size:18px;
                  margin:0px;
                  padding:0px;
                  border-bottom:1px solid #fff;                  
                  }  
 
#menutopo{
position:relative;
width:785px;
height:52px; 
background:url(Images/bg-menu.jpg) no-repeat;
}

#home{
position:absolute;
width:40px;
height:50px;
}

#menu {
list-style-type:none;
padding-top:20px;
}
#menu li {
float:left;
width:93px;
text-align:center;
}
#menu li a, #menu li a:visited {
display:block;
text-decoration:none; 
color:#ffffff;
}
#menu li a:hover {
border:0;
color:#e88127; 
}

/* --- TOPO --- */

#topo{
position:relative;
width:785px;
height:152px;
}

#topo-logo{
position:absolute;
width:301px;
height:152px;
}

#topo-lado{
position:absolute;
width:485px;
height:152px;
left:301px;
background:url(Images/topo-lado.jpg);
}

#topo-login{
position:absolute;
width:255px;
height:21px;
left:540px;
top:120px;
}

.formlogin {
width:58px;
height:15px;
border:1px solid #ffffff;
background:#e0e2e5;
}

#topo h1 { text-indent:-9000px;
           margin:0px;
           padding:0px;  
           float:left;         
           }
           
#topo h1 a { display:block;
             width:301px;
             height:152px;
             text-decoration:none;
             background-image:url(Images/topo-logo.jpg);
             }           

/* --- IMAGEM CENTRAL --- */

#img{
width:785px;
height:190px;
background:url(Images/img-home.jpg) top no-repeat;
}

#imginterna{
width:785px;
height:130px;
background:url(Images/img-internas.jpg) top no-repeat;
}

#imginterna h2 { margin:0px;
                 padding:0px;
                 font-size:24px;
                 text-align:right;
                 padding-top:35px;
                 margin-right:10px;
                 color:#5b627c;
              }

/* --- MEIO CONTEUDO --- */

#meio{
width:785px;
}

#meiointerna{
width:745px;
padding:20px;
color:#FFFFFF;
padding-top:0px;
}

#meio-col-a{
float:left;
width:535px;
}

#meio-col-b{
float:right;
width:225px;
border-left: 1px solid #333d5a;
padding-left:15px;
color:#FFFFFF;
}

.servicos{
background:url(Images/bg-home-servicos.jpg) no-repeat;
height:120px;
padding-left:203px;
padding-top:30px; 
color:#FFFFFF;
}

.clientes{
background:url(Images/bg-home-clientes.jpg) no-repeat;
height:72px;
padding-left:60px;
padding-top:50px; 
}

.cliente { background-color:#fff;
           border:1px solid #333;
           color:#333;
           min-height:100px;
           _height:70px;
           margin-bottom:10px;
           padding:2px;
           }

/* --- LINKS --- */

#link a, #link a:visited {
  text-decoration:none;
  display:block; 
  padding:4px;
  margin-bottom:2px;
  border-bottom:1px  dashed #2a3552;
  color:#FFFFFF;
  }
#link a:hover {
color:#e67817;
background-color:#2a3552;
}

.mais a{
font:9px arial;
color:#505971;
text-decoration:none;
}

/* --- RODAPE --- */

#rodape{
clear:both;
height:150px;
background:url(Images/bg-rodape.jpg) bottom repeat-x;
}

.txt-rodape{
width:526px;
height:90px;
background:url(Images/bg-rodape2.jpg) bottom no-repeat;
text-align:center;
color:#ffffff;
padding-top:60px;
}

#mapa  
{
    float:right;
    width:280px;
    background-color:Gray;
    }
    
.fase { background-color:#cacdd6;
        padding:4px;
        color:#333;
        border:1px solid #fff;
        } 

.servicosLista { float:right;
            width:250px;
            background-color:#cacdd6;
            padding:2px;
            color:#333; 
   } 

.servicosLista ul { margin:0px;
                    padding:0px;
                    list-style:none;
                     }

.servicosLista ul li { border-bottom:1px solid #333;}
                     
.servicosLista ul li a { text-decoration:none;
                         display:block;
                         padding:4px;
                         color:#333;
                         }                     

.servicosLista ul li a:hover { background-color:#efefef;
                               color:#5b627c;
                               }

.servicosLista h2 { margin:0px;
               padding:0px;
               background-color:#e67817;
               color:#fff;
               font-size:16px;
               padding:4px;
               } 
               
.case{
        background:url(Images/bg-case.jpg) no-repeat;
        height:100px;
        padding: 40px 10px 10px 10px;
}                          

.case a { color:#fff; text-decoration:none;}
.case a:visited { color:#fff; text-decoration:none;}
.case a:hover { color:#ccc; text-decoration:underline;}

.servicos a {color:#fff; text-decoration:none;}
.servicos a:visited {color:#fff; text-decoration:none;}
.servicos a:hover { color:#ccc; text-decoration:underline;}

.att { margin-top:20px;}