/*  Designer By Giarola.com.br
*   Author:  Will Brumatti
*/

Body, Header, Footer { margin:0;padding:0; background:#E8E8E8;}
.Subtitulo {
  
}
.container{ 

/* 27/06/2014 - Retirado para aplicar imagem fundo no index.html
 background: #E8E8E8;
*/
}

.menu {
position:relative;
width: 100%;
background:#1C1C1C;
text-align:center;
padding: 5px 0px 5px 0px;
margin: 0 0 15px 0;

}

.Chave{

font-size:20px;font-weight:bold;color:#FFF5EE;
}


.logomarca{
color:#CFCFCF;
font-size:200px;
filter: alpha(opacity=35);
opacity:0.3;
}

.painelbusca{
position:absolute;
z-index:99999;
top:0;
left:70%;
background:#1C1C1C;
padding: 10px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
 box-shadow: 5px 5px 0 #333;
   -webkit-box-shadow: 5px 5px 0 #333;
   -moz-box-shadow: 5px 5px 0 #333;
}

.painel{
position:absolute;
z-index:99999;
top:0;
left:90%;
background:#1C1C1C;
padding: 9px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
  box-shadow: 5px 5px 0 #333;
   -webkit-box-shadow: 5px 5px 0 #333;
   -moz-box-shadow: 5px 5px 0 #333;

}

.btn_sair {
color:#696969;
text-decoration:none;
}

.btn_sair:hover{
color:#FFF;
text-decoration:none;

}

.combo {display:;}

.fantasma {
position:absolute;
z-index:99999;
top:0;
left:60%;
width:40%;
padding: 5%;

}


/* Inicio Pagina Nota*/
           

.window{                 
display:;                 
width:100%;                 
height:100%;                 
position:absolute;                 
left:0;                 
top:0;                 
background:;                 
z-index:9900;                 
padding:10px;                 
border-radius:10px;

/*Racks para Browsers
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
*/
}             

.listagem {

padding-left:20px;
display:;                 
width:20%;                 
height:90%; 
background: #1E90FF;
border-radius:10px 0px 0px 10px;  
float:left;
        
}

.visualizador {
padding-left:20px;        
display:;                 
width:80%;                 
height:90%; 
background: #6495ED; 
float:left;
border-radius:0px 10px 10px 0px; 
}

.fechar{display:block; text-align:right;z-index:999999;}         

#nota{      
  width:90%;
 }
 
.grid{
margin-left:5px;
padding-left:5px;
background:#9AC0CD;
border-width:15px 3px 3px 3px;
border:1px solid ;
border-left:3px solid #FF8C00;
margin-right:10px;
}

.grid:hover{
background:#CFCFCF;


}



/*Fim Página Nota*/



/* Inicio Cloud */


a.tooltips{
  position:relative; 
  font-size:12px; 
  color:#039;
  text-decoration:none;
  cursor:hand; 
  }

  a.tooltips:hover{
  background:transparent;
  color:#f00;
  z-index:25; 

  }
  a.tooltips #pnl {display: none;}

  
     /* Titulo */
#pn{ font-size:14px;color:#00BFFF}
#pn:hover {
font-size:18px;
color:#FF4500;
}
  
  a.tooltips:hover #pnl{ 
  display:block;
  position:absolute;
  width:410px; 
  top:20px;
  left:0;
  font-size: 16px;
  padding:5px;
/* border:1px solid #999; */
  background:#FF4500; 
  color:#FFFAFA;
  border-radius:20px 0px 20px 0px; 

  /*Racks para Browsers
opacity: 0.7;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
  }
  
/* Final CLoud*/