/*
---------------------------------------------------
STYLE BLUE
---------------------------------------------------
TECNOLOGIA UTILIZADA: CSS
DATA DA CRIAÇÃO:10/08/2012
DESENVOLVEDOR: JULIANO
FUNÇÃO UTILIZADA EM QUALQUER PAGINA ONDE REQUER STYLE BLUE
---------------------------------------------------------------
*/


body   
{
    
  font-size: .80em;
  font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
  margin: 0px;
  color: #000000;
  width:100%;
  border:0px;
  overflow:scroll;
  overflow-x: auto;
  /*background-image:url('../Picts/backgroundBlue.png');*/
  background-color:#fff;
  background-attachment:fixed;                                                              
  background-repeat:repeat-x;
  background-size: 100%;

}



.topo
{
   border-top: 2px solid #0c0f13;
   position: relative;
   margin: 0px;
   padding: 0px;
   background-image:url('../Picts/Topo.png');
   width: 100%;
   height:86px;
   top: 0px;
   left: 0px;
}


.logo
{
   background-image: url('../Picts/logo.png');
   background-repeat: no-repeat;
   width: 63%;
   height: 65px;
}

.usuario
{
   background-image: url('../Picts/icoUsuario.png');
   background-repeat: no-repeat;
   width: 5%;
   height: 65px;
   position: absolute;
}

.unidade
{
   z-index:2;
   position:absolute;
   padding-left:15px;
   padding-top:40px;
   width:99%;
   background-position:top;  
}


/*ajusta imagem de background UNIDADE*/
.ajustaUnidade
{
   background-image: url('../Picts/unidade.png');
   width:183px;
   height:46px; 
   vertical-align:top;
   text-align:center;
}


/*ajusta imagem do botao de sair (mousehouver)*/
.ajustaSair
{  
   background-image: url('../Picts/bot_sair.png');
   background-repeat:no-repeat;  
   position: absolute;  
   left:93%;
   width:65px;
   height:32px;
   cursor:pointer;
   padding:0px;  
}

/*ajusta imagem do botao de sair (mouseout)*/
.ajustaSair2
{  
   background-image: url('../Picts/bot_sair2.png');
   background-repeat:no-repeat;  
   position: absolute;  
   left:93%;
   width:100%;
   height:32px;
   cursor:pointer;
   padding:0px;  
}

.alteraCores
{
   padding-top:10px;
   position: absolute;
   width:70px; 
   left:93%;
}

.botSair
{
   border:0px;
   width:55px;
   height:32px;
   cursor:pointer;
}


.tabelaInterna
{  
   background: #2f456b;
   padding:20px;  
}


.barraInterna
{
   background-image: url('../Picts/Postall-logo-branco.png');  
   background-repeat:no-repeat;
   position:relative;
   width:1242px;
   height:50px;
   vertical-align:bottom;
    
   font-family:Segoe UI;
   font-size:18px;
   color:#ffffff;
    top: 0px;
    left: 0px;
}



.corpo
{
   position:absolute;
   top:50%;
   left:50%;
   margin:-30px -620px 0;
   
}


.login
{
   background-image: url('../Picts/Postall-logo-branco.png');
   background-repeat:no-repeat;
   width:600px;
   height:233px;
   position:absolute;
   left:30%;
   top:30%; 
   margin-left:0%;
   margin-top:0%;
}


.escondeParametro
{
    display:none;
}


.label
{
 
   width:100px; 
   text-align:left;
  
}


.textPlanilha
{
    font-size:14px;
    color:Green;
    text-decoration:underline;
    
}



/*
------------------
  JANELAS
------------------
*/ 

.janelas
{
    background-color:#2f456b;
    font-family:Segoe UI;
    padding:10px;
    color: #ffffff;
    width:100%;
    height:5000px;
      
}


.collapsePanelHeaderJanela
{	
    width:100%;
	height:80px;
    background-image: url('../Picts/topoJanela.png');
    background-repeat:no-repeat;
}


.HeaderContentJanela
{
	float:left;	
	padding-left:40px;
	padding-right:5px;
    padding-top:27px;
	
	color:#2f456b;
	font-family:Segoe UI;
	cursor:hand;
	cursor:pointer;
	font-weight:bold;
}






/*
------------------
  MENU
------------------
*/      

.the_menu 
{ 
     
  display:none;  
  width:895px;     
  margin-left: auto;   
  margin-right: auto;
  margin-top:auto;
  z-index:1;
        
  /*arredonda borda*/
  background:#0c0f13; 
  border-radius:0 0 10px 10px; 
  -moz-border-radius: 0 0 10px 10px; 
  -webkit-border-radius: 0 0 10px 10px;
}
          
.the_menu li 
{
   background-color :#0c0f13;
} 

.the_menu li a 
{
   color:#FFFFFF;    
   text-decoration:none;    
   padding:10px;    
   display:block;
 } 
               
.the_menu li a:hover 
{
   padding:10px;
   font-weight:bold;
   color: #F00880;
 }          
 
.menu_class
{
   display: block;   
   margin-left: auto;   
   margin-right: auto;    
}

.Menuacima
{
   z-index:3;
   position:absolute;
   width:100%;
   margin: 0px;
   padding: 0px;
   background-position:top; 
}




/*
------------------
  ABA DO MENU
------------------
*/      

#abaOperacional
{
   display:none;
   /*background-color:red;*/
}

#abaFinanceiro
{   
   display:none;
   /*background-color:blue;*/   
}

#abaComercial
{   
   display:none;
   /*background-color:silver;*/ 
}

#abaArmazenagem
{   
   display:none;
   /*background-color:green;*/
}

#abaSuporte
{   
   display:none;
   /*background-color:Orange;*/
}

#abaCadastro
{   
   display:none;
   /*background-color:Yellow;*/
}



/*
------------------
  FONTS
------------------
*/ 

.arialBrancaUsuario
{
   font-family:Arial Unicode MS;
   font-size:12px;
   font-style:normal;
   color:#ffffff;
   vertical-align:bottom;
   padding-left:35px;
   padding-bottom:08px;
}

.arialAzulBold
{      
  font-family:Arial Unicode MS;
  font-size:15px;
  font-weight:bold;
  color:#2369e0;  
}





/*
----------------
ACCORDION
----------------

/*CollapsiblePanel*/
.collapsePanelHeader
{
	width:1150px;
	height:47px;
	background-image: url('../Picts/topAccordion.png');


}
.HeaderContent
{
	float:left;	
	padding-left:15px;
	padding-right:5px;
    padding-top:15px;
	
	color:#2f456b;
	font-family:Segoe UI;
	cursor:hand;
	cursor:pointer;
	font-weight:bold;
	background-image: url('../Picts/setaAccordion.png');
	background-repeat:no-repeat;
}
.Content
{
	width:1150px;
	padding-left:15px;
	
}