/* CSS Document */
/* reset de margens */
* {
    margin: 0;
    padding:0;
}
 
/* para garantir que estes elementos ocuparão toda a tela */
body, html {
    width: 100%;
    height: 100%;
    font-family: Arial, Tahoma, sans-serif;
}
 body {
   /* background: url(../img/Logo png.png)no-repeat center top fixed;
 */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#fundo-externo {
    overflow: hidden; /* para que não tenha rolagem se a imagem de fundo for maior que a tela */
    width: 100%;
    height: 100%;
    position: relative; /* criamos um contexto para posicionamento */
	 background:  #97DDFF; 
}
 
#fundo {
    position: fixed; /* posição fixa para que a possível rolagem da tela não revele espaços em branco */
    width: 100%;
    height: 100%;
	 
}
 
#fundo img {
    width: 100%; /* com isso imagem ocupará toda a largura da tela. Se colocarmos height: 100% também, a imagem irá distorcer */
    position: absolute;
}
 
#site {
    position: absolute;
    top:   -20px;
    left: 50%;
    width: 760px;
    padding: 20px;
    margin-left: -300px; /* por causa do posicionamento absoluto temos que usar margem negativa para centralizar o site */
   /* background: #FFF ;  fundo branco para navegadores que não suportam rgba */
    /*background: rgba(255,255,255,0.8) ; ultima parte que muda fundo branco com um pouco de transparência */
}
 
p {
    margin-bottom: 1.5em;
}
#foldertempohora{
	position: absolute;
	/*border: 1px solid;  
    border-color: #0000FF;
	 background: url(../img/azulpeq.png) repeat;
	*/
	height: 30px;
	width: 900px; 
	margin-top:     -36px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:  100px;
  
   	 background:#000000;
    border-radius:  10px  0px    0px  10px; 
}
#hora{
	position: absolute;
	/*border: 1px solid;  
    border-color: #0000FF;
	 background: url(../img/azulpeq.png) repeat;
	*/
	height: 30px;
	width: 190px;
	margin-top:     0px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:  850px;
	background: #0000FF;
	border-radius:  10px  60px    0px  10px;
	left: 42px;
	top: 0px;
}
.logo{
	position: absolute;
	/*border: 1px solid;   background: #0000FF;
    border-color: #0000FF;
	 background: url(../img/Logo.png) repeat; border-radius:  10px  60px    0px  10px;
	*/
	height: 70px;
	width: 200px; 
	margin-top:     540px;
	margin-right:     0px;
	margin-bottom: auto;
	margin-left:   840px;
      
   	
    
	filter:opacity(alpha=30);
        -moz-opacity:0.1;
        opacity:0.3;
}
#aviso{
	position: absolute;
	/*border: 1px solid;  
    border-color: #0000FF;*/
	 
	height: 46px;
	width: 1066px; 
	margin-top:     -82px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:  90px;
    background: #FFFFFF;
    border-radius:    10px   60px      0px   10px; 
}
#minebarra{
	position: absolute;
	/*border: 1px solid;  
    border-color: #0000FF;*/
	 
	height: 7px;
	width: 75px; 
	margin-top:     -88px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:  340px;
    background : #FF0000;
   
    border-radius:   10px   60px      0px   10px; 
}
 #atencao{
	position: absolute;
	/*border: 1px solid;  
    border-color: #0000FF;*/
	 
	height: 25px;
	width: 305px; 
	margin-top:     -107px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:  80px;
    background : #FF0000;
   
    border-radius:   20px   60px      0px   20px; 
}
.atencao{   /* --------------------------------------------- atecao*/
	
	display: block; 
   /* float: left ; 
	
	border: 1px solid;  
    border-color: #FFFFFF;*/
	height:20px;
	width: 300px; 
	margin-top:  1px;
	margin-right:auto;
	margin-bottom: auto;
	margin-left:  6px;
	text-decoration: none;
	  
}

.aviso{   /* --------------------------------------------- aviso*/
	
	display: block; 
   /* float: left ; 
	*/
	border: 1px solid;  
    border-color: #FFFFFF;
	height:35px;
	width: 730px; 
	margin-top:  7px;
	margin-right:auto;
	margin-bottom: auto;
	margin-left:  235px;
	text-decoration: none;
	  
}





#folder7{
	position: absolute;
	/*border: 1px solid;  
    border-color: #FFFFFF;*/
	height: 46px;
	width: 100px; 
	margin-top:     - 6px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:  233px;
   background:url(../img/Labte.png) no-repeat;
     
}
#tampa{
	position: absolute;
	/*border: 1px solid;  
    border-color: #FFFFFF;*/
	height: 46px;
	width: 100px; 
	margin-top:     0px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:  740px;
  background: url(../img/azulpeq.png) repeat;
     
}
#foldertempo{
	position: absolute;
	/*border: 1px solid;  
    border-color: #0000FF;*/
	height: 46px;
	width: 415px; 
	margin-top:     3px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left: 5px;
 
}
#barrageral{
	position: absolute;
	/*border: 1px solid;  
    border-color: #0000FF;*/
	height: 28px;
	width: 100%; 
	margin-top:     -28px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:   0px;
   background: url(../img/azulpeq.png) repeat;
    border-radius:  0px  0px    0px  0px; 
}
#folderhora{
	position: absolute;
	/*border: 1px solid;  
    border-color: #0000FF;*/
	height: 40px;
	width: 155px;
	margin-top:       -4px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:   0px;
	border-radius:  60px  0px   60px  0px;
	left: 17px;
	top: -1px;
}
#folderdata{
	position: absolute;
	/*border: 1px solid;  
    border-color: #0000FF;*/
	height: 20px;
	width: 420px; 
	margin-top:     0px;
	margin-right:   0px;
	margin-bottom: auto;
	margin-left:   20px;
 
}
.style1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #FFFFFF; }
 
input {
   border:none transparent;
     background:none transparent;  
}