/************* DIV'S TOP BAR **************/
#TopBlack /* barra preta por detras do logo*/
{
    width: 100%;
    height: 40px;
    background-image:url("Images/layout/preto90.png");
    z-index:20;
    position:absolute;

}
#TopMenuCont
{
    width: 980px;
    margin-left: auto; 
    margin-right:auto;    
}
#TopWhite /*Barra c/ gradiante braca no topo*/
{
    width: 100%;
    height: 43px;
    z-index:0;
    background-image: url("Images/layout/topMenuBgR.jpg");
    background-repeat:repeat-x;
   position :relative;
           
}
#LogoContent
{
      width: 980px;
    margin-left: auto; 
    margin-right:auto;    
    }

#Logo /*Caixa do logotipo*/
{
    position:absolute;
    width: 172px;
    height: 130px;
    float:left;
    z-index:100;
    margin-top:-6px   
}
.numero707 /*Caixa do 707*/
{
    width: 180px;
    height: 38px;
    float:right;
    z-index:10;
    background-image:url("Images/layout/707Bg.png");
    margin-top:-52px;
    margin-right:8px;
    
}

#Container /*DIV que alberga o conteudo de cada página(MAIN CONTENT)*/
{
    top:0px;
    width:975px;
    background-color:#eaeaea;
    margin-left:auto;
    margin-right:auto;
    z-index:10;
}
#TopMenu /* container para o menu superior*/
{
   width: 640px;
   height: 43px;
   z-index: 10;
   margin-left: 135px;
   padding-top: 15px;

}

#TopMenu ul {
list-style-type: none;
height: 30px;
width: 600px;
margin: auto;
}

#TopMenu li {
float: left;
    text-decoration: none;
    text-align: center;
    font-weight:bold;
    border-left: 1px solid #a2a2a2;
  
    padding-left:8px;
    padding-right:8px;
    float:left;
}

#TopMenu li a
{
    text-decoration:none;
    color:#000000;    
    
}
#TopMenu li a:Hover
{
    text-decoration:none;
    color:#00b6ff;    
}



#Lingua
{
    width:55px;
    float:right;
    z-index:10;
    margin-top:-35px;
    margin-right:-60px; 
    font-size:9px;
}

/********FOOTER******/

#footerCont
{
    width:990px;
    height:160px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;

  
}

#footer h1
{
   font-family:Arial Rounded MT Bold;
   font-size:14px;
   color:#2e2e2e; 
}
#subscribeNewsletter
{
    float:left;
    width: 300px;
    height: 188px;
}
.produtos_footer
{
   border-right:1px solid #eaeaea;
   padding-left:10px;
   padding-right:5px;
   min-width:150px;
}

.produtos_footer h1
{
   font-family:Arial Rounded MT Bold;
   font-size:14px;
   margin:0px; padding:0px; text-indent:0px
}

.produtos_footer h1 a
{
   font-family:Arial Rounded MT Bold;
   font-size:14px;
   margin:0px; padding:0px; text-indent:0px
}
.produtos_footer h1 a:hover
{
   font-family:Arial Rounded MT Bold;
   font-size:14px;
   margin:0px; padding:0px; text-indent:0px
}




.produtos_footer ul  
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;    
    text-indent:0px;
    }
    
.produtos_footer li  
{
    padding-top: 4px;
    margin: 0px;
}
.produtos_footer a  
{
    color:#888888;
    font-size:10px;
  
}
.produtos_footer a:hover
{
    color:#00aef5;
    font-size:10px;
  
}


/******COPYRIGHT******/

#copyCont
{
   width:975px;
   height:35px; 
   margin-left:auto; 
   margin-right:auto; 
   text-align:left;
   padding-top:10px;
   color:#838383;
}
#footerMenu
{
    float:right; 
    font-weight:bold; 
    font-size:11px;    
}

#footerMenu ul {
list-style-type: none;
height: 30px;
width: 570px;
margin: auto;
}

#footerMenu li {
float: left;
    text-decoration: none;
    text-align: center;
    font-weight:bold;
    border-left: 1px solid #a2a2a2;
  
    padding-left:10px;
    padding-right:10px;
    float:left;
}

#footerMenu li a
{
    text-decoration:none;
    color:#595959;    
}
#footerMenu li a:Hover
{
    text-decoration:none;
    color:#00b6ff;    
}




#primeLogo
{
    width:95%;
    height:49px;
    text-align:right;
    margin:15px;
}

/********************/
/**AREA DE CLIENTE**/
#areaCliente
{
    margin-top:10px;
    width:970px;
    margin-left:auto;
    margin-right:auto;
    color:#999;
    vertical-align:middle;

}
#loginCliente
{
    width:370px;
    height:30px;
    float:left;
    font-size:10px; 
    margin-top:0px;
    margin-left:200px;

}
#loginCliente input
{
    width: 82px; 
    height: 20px; 
    background-image:url(Images/forms/form_areacliente.gif);
    background-repeat:no-repeat;
    border:none;
    background-color:Transparent;
    outline:none; 
    color: #00b6ff; 
    font-weight: bold;
    text-align:center;

}

#loginCliente input:focus{
    outline:none;
    border:none;
}

#pesquisa
{
    width:330px;
    height:30px;
    float:right;
    font-size:10px; 
    margin-top:0px;
    

}
#pesquisa input
{
    width: 200px; 
    height: 20px; 
    background-image:url(Images/forms/form_search.png);
    background-repeat:no-repeat;
    border:none;
    background-color:Transparent;
    outline:none; 
    color: #00b6ff; 
    font-weight: bold;
    text-align:center;

}
#pesquisa input:hover {
   background-image:url(Images/forms/form_search_active.png);
}
#pesquisa input:focus {
   background-image:url(Images/forms/form_search_active.png);
}

#pesquisa input:focus{
    outline:none;
    border:none;
}



/***************Btn Classes***************/

.inicio
{
    padding-top:5px;
    width: 70px;
    height:19px;
}
.inicio:hover
{
    width: 70px;
    height: 19px;
    background-image: url("Images/layout/btn/inicio.png") ;
}
.quemSomos
{
    padding-top:5px;
    width:93px;
    height:19px;
}
.quemSomos:Hover
{
    padding-top:5px;
    width:93px;
    height:19px;
    background-image: url("Images/layout/btn/quemSomos.png") ;
}
.noticias
{
    padding-top:5px;
    width:60px;
    height:19px;
}
.noticias:Hover
{
    width:60px;
    height:19px;
    background-image: url("Images/layout/btn/noticias.png") ;
}
.servicos
{
    padding-top:5px;
    width:63px;
    height:19px;
}

.servicos:Hover
{
    width:63px;
    height:19px;
    background-image: url("Images/layout/btn/servicos.png") ;
}
.franshising
{
    padding-top:5px;
    width: 80px;
    height:19px;
}

.franshising:Hover
{
    width: 80px;
    height:19px;
    background-image: url("Images/layout/btn/franshising.png") ;
}
.rede
{
    padding-top:5px;
    width:109px;
    height:19px;
}

.rede:Hover
{
    width:109px;
    height:19px;
    background-image: url("Images/layout/btn/rede.png") ;
}
.contactos
{
    padding-top:5px;
    width:69px;
    height:19px;
}

.contactos:Hover
{
    width:69px;
    height:19px;
    background-image: url("Images/layout/btn/contactos.png") ;
}
/*****************************************************************************/

/***** FORMULARIO  *************************************************/

#searchBar input{
    width:242px; 
    height:25px; 
    font-weight:bold; 
    color:#2d3136; 
    margin-top:2px;
    background-image:url(Images/forms/form_search_home.png);
    background-repeat:no-repeat;
    border:none;
    background-color:Transparent;
    outline:none; 
    padding-left:6px;
    font-size:11px;
}

#searchBar input:focus{
    outline:none;
    border:none;
}



.form_newsletter input 
{
     width:200px;
     height:25px;
     background-image:url(layout/input_email.gif);
     background-repeat:no-repeat;
     outline:none;
     border:none;
     padding:3px 5px 0px 5px;
     
 
}
.form_newsletter input:focus
{
     outline:none;
     border:none;
  
 
}