body
{
font-size: 70%;
color:#000000;
background-color:#FFFFFF;
margin:0px;
}

body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input
{
font-family: verdana,helvetica,arial,sans-serif;
}

table, input, textarea
{
font-size: 100%;
}

div {width:100%;}

h1 {font-size:160%;}
h2 {font-size:120%;margin-top:10px;margin-bottom:10px;}
h3 {font-size:110%;}
h4 {font-size:100%;}
h5 {font-size:90%;}
h6 {font-size:80%;}

pre
{
font-family:"Courier New",monospace;
font-size:110%;
margin-left: 0;
margin-bottom: 0;
}

img.float
{
float:left;
}

h1, h2, h3
{
background-color:transparent;
color:#000000; 
}

hr
{
background-color:transparent;
color:#000000;
height:1px;
}

a.nounderline{text-decoration:none}

a:link    {color:#900B09; background-color:transparent}
a:visited {color:#900B09; background-color:transparent}
a:active  {color:#FF0000; background-color:transparent}
a:hover   {color:#FF0000; background-color:transparent}

#container {
    float: left;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 420px;
    margin: auto;
    padding: 10px;
    box-sizing: border-box;
}

#container2 {
    float: left;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 280px;
    height: 80px;
    margin: auto;
    padding: 10px;
    box-sizing: border-box;
	text-align: center;
}

.class-olho {
	position: absolute;
	cursor: pointer;
	top: 5px;
	right: 10px;
}

.row {
  clear: both;
}

.column-3 {    
    width: 30%;    
}

.column-9 {    
    width: 70%;    
}

.label {
    padding-top: 7px;
    text-align: right;    
}

.label:after {
    content: ':';
    padding-right: 5px;
}

.column {
    float: left;
    height: 31px;    
}

.input input {
    width: 100%;
    height: 25px;    
    padding-left: 5px;
    box-sizing: border-box;
}

.button {
	padding-top: 7px;
	float: right;
	width: 60px;
	height: 40px;
}