/* rui@marchante.org - 2008   */
/* V1.1-072008   */
/* V1.2-072009   */
/* V2.0-112012   */
/* V2.1-082013   */
/* V3.0-072017   */

#olddiv {
display: block;
width: 740px;
position: absolute;
left: 20px;
top: 20px;
background: #111111;
/*
border-left: 1px solid #333333;

border-right: 1px solid #333333;

border-bottom: 1px solid #333333;
*/
border-top: 25px solid #222222;


padding: 10px;
margin-bottom: 10px;
margin-right: 10px;
z-index: 3;
}


body {
margin: 5px;
padding:  0px 0px 0px 0px;
font-family: courier, sans-serif;
font-size: 12px;
background: #000000;
color: #ffffff;
}

a {
color: #aaaaff;
text-decoration: none;
}

a:hover {
text-decoration: line-through;
}

.linha {
display:block;
width: 740px;

}

.col2 {
margin-left: 20px;
width: 150px;
padding: 0px;
}

.col3 {
margin-left: 25px;
padding: 0px;

}

.col4 {
margin-left: 25px;
}

#caixa1 {
display: block;
background-color: magenta;
width: 1px;
height: 60px;
position: absolute;
top: 50px;
right: 90px;
z-index: 5;
}

#caixa5 {
display: block;
background-color: #00ffff;
width: 1px;
height: 60px;
position: absolute;
top: 50px;
right: 100px;
z-index: 2;
}

#caixa6 {
display: block;
background-color: yellow;
width: 1px;
height: 60px;
position: absolute;
top: 50px;
right: 110px;
z-index: 4;
}

#caixa2 {
display: block;
background-color: blue;
width: 60px;
height: 1px;
position: absolute;
top: 80px;
right: 70px;
z-index: 1;
}

#caixa3 {
display: block;
background-color: red;
width: 60px;
height: 1px;
position: absolute;
top: 90px;
right: 70px;
z-index: 4;
}

#caixa4 {
display: block;
background-color: green;
width: 60px;
height: 1px;
position: absolute;
top: 70px;
right: 70px;
z-index: 4;
}



#caixa12 {
display: block;
background-color: #ffffff;
width: 60px;
height: 60px;
position: absolute;
right: 0px;
bottom: 0px;
z-index: 5;
border-top: 2px solid #111111;

}

#caixa11 {
display: block;
background-color: #cccccc;
width: 60px;
height: 60px;
position: absolute;
right: 0px;
bottom: 60px;
z-index: 4;
border-top: 2px solid #333333;

}

#caixa10 {
display: block;
background-color: #999999;
width: 60px;
height: 60px;
position: absolute;
right: 0px;
bottom: 120px;
z-index: 4;
border-top: 2px solid #666666;

}

#caixa9 {
display: block;
background-color: #666666;
width: 60px;
height: 60px;
position: absolute;
right: 0px;
bottom: 180px;
z-index: 4;
border-top: 2px solid #999999;

}

#caixa8 {
display: block;
background-color: #333333;
width: 60px;
height: 60px;
position: absolute;
right: 0px;
bottom: 240px;
z-index: 4;
border-top: 2px solid #cccccc;

}

#caixa7 {
display: block;
background-color: #111111;
width: 60px;
height: 60px;
position: absolute;
right: 0px;
bottom: 300px;
z-index: 4;
border-top: 2px solid #ffffff;
}


.txt3 {
font-family: arial;
font-size: 12px;
color: yellow;
text-decoration: none;
}


.txt4 {
font-family: courier, sans-serif;
font-size: 12px;
color: black;
display: block;

}


.foto {
 position: fixed;
 bottom: 10px;
 right: 10px;
 border: 0px solid #666666;
 border-top: 20px solid #666666;
 z-index: 9;
}

.postit {
 display: block;
 position: fixed;
 bottom: 20%;
 left: 30%;
 border: 0px solid #FEF49C;
 border-top: 20px solid #FEEA3D;
 z-index: 8;
width: 180px;
height: 140px;
background-color: #FEF49C;
color: black;
padding: 5px;
}

.no-touch postit:hover {
 display: block;
 position: fixed;
 border: 0px solid #FEF49C;
 border-top: 20px solid #aaaaaa;
 z-index: 10;
background-color: #eeeeee;
color: black;
}

.postit:hover {
 display: block;
 position: fixed;
 border: 0px solid #FEF49C;
 border-top: 20px solid #aaaaaa;
 z-index: 10;
background-color: #eeeeee;
color: black;
}

.postit2 {
 display: block;
 position: fixed;
 bottom: 15%;
 left: 20%;
 border: 0px solid #FEF49C;
 border-top: 20px solid #FEEA3D;
 z-index: 2;
width: 180px;
height: 140px;

background-color: #FEF49C;
color: black;
padding: 5px;
}

.postit2:hover {
 display: block;
 position: fixed;
 border: 0px solid #FEF49C;
 border-top: 20px solid #aaaaaa;
 z-index: 11;
background-color: #eeeeee;
color: black;
}

.no-touch postit2:hover {
 display: block;
 position: fixed;
 border: 0px solid #FEF49C;
 border-top: 20px solid #aaaaaa;
 z-index: 11;
background-color: #eeeeee;
color: black;
}

.postit3 {
 display: block;
 position: fixed;
 bottom: 40%;
 left: 5%;
 border: 0px solid #FEF49C;
 border-top: 20px solid #FEEA3D;
 z-index: 8;
width: 180px;
height: 140px;

background-color: #FEF49C;
color: black;
padding: 5px;
}

.postit3:hover {
 display: block;
 position: fixed;
 border: 0px solid #FEF49C;
 border-top: 20px solid #aaaaaa;
 z-index: 11;
background-color: #eeeeee;
color: black;
}

.no-touch postit3:hover {
 display: block;
 position: fixed;
 border: 0px solid #FEF49C;
 border-top: 20px solid #aaaaaa;
 z-index: 11;
background-color: #eeeeee;
color: black;
}

.postit4 {
 display: block;
 position: fixed;
 top: 180px;
 right: 40px;
 border: 0px solid #FEF49C;
 border-top: 20px solid #aaaaaa;
 z-index: 8;
width: 180px;
height: 120px;

background-color: #eeeeee;
color: black;
padding: 5px;
}

.postit4:hover {
 display: block;
 position: fixed;
 border: 0px solid #FEF49C;
 border-top: 20px solid #FEEA3D;
 z-index: 11;
background-color: #FEF49C;
color: black;
}

.no-touch postit4:hover {
 display: block;
 position: fixed;
 border: 0px solid #FEF49C;
 border-top: 20px solid #aaaaaa;
 z-index: 11;
background-color: #eeeeee;
color: black;
}

.touch postit4:hover {
 display: block;
 position: fixed;
 border: 0px solid #FEF49C;
 border-top: 20px solid #aaaaaa;
 z-index: 11;
background-color: #eeeeee;
color: black;
}


.postit5 {
 display: block;
 position: fixed;
 top: 150px;
 right: 60px;
 border: 0px solid #FEF49C;
 border-top: 20px solid #aaaaaa;
 z-index: 7;
width: 180px;
height: 120px;

background-color: #eeeeee;
color: black;
padding: 5px;
}

.postit5:hover {
 display: block;
 position: fixed;
 border: 0px solid #FEF49C;
 border-top: 20px solid #FEEA3D;
 z-index: 11;
background-color: #FEF49C;
color: black;
}

.no-touch postit5:hover {
 display: block;
 position: fixed;
 border: 0px solid #FEF49C;
 border-top: 20px solid #aaaaaa;
 z-index: 11;
background-color: #eeeeee;
color: black;
z-index: 11;
}

a.sitemeter {
filter: alpha(opacity=10); 
-moz-opacity:0.10; 
-khtml-opacity:0.10; 
opacity:0.10; 
}



img.sitemeter {
filter: alpha(opacity=10); 
-moz-opacity:0.10; 
-khtml-opacity:0.10; 
opacity:0.10; 
position: fixed;
bottom: 0px;
left: 0px;
}

a.pt:hover {

 display: block;
 position: absolute;
 left: 447px;
 border: 0px solid #FEF49C;
 z-index: 8;
width: 180px;
height: 115px;
 border-top: 20px solid #aaaaaa;
background-color: #eeeeee;color: white;
top: 68px;
background-image: url(imagem/pt.png); 
background-repeat: no-repeat;
text-decoration: none;

}

no-touch a.pt:hover {

 display: block;
 position: absolute;
 left: 447px;
 border: 0px solid #FEF49C;
 z-index: 8;
width: 180px;
height: 115px;
 border-top: 20px solid #aaaaaa;
background-color: #eeeeee;color: white;
top: 68px;
background-image: url(imagem/pt.png); 
background-repeat: no-repeat;
text-decoration: none;
}

.validator {
 position: fixed;
 bottom: 10px;
 left: 10px;
 border: 0px solid #666666;
 border-top: 0px solid #666666;
 z-index: 9;
}