body, td {
font-family: verdana, arial;
font-size: 10px;
 
}

a {
}

a:hover {
}

td.localizacao{
height: 10px;
}

td.janelas{
height: 10px;
}

td.isolamento{
height: 10px;
}

td.topo{
height: 30px;
}

td h1{
font-family: verdana, arial;
font-size: 10px;
}

td h2{
font-family: verdana, arial;
font-size: 10px;
}

td h3{
font-family: verdana, arial;
font-size: 10px;
}

td h4{
font-family: verdana, arial;
font-size: 10px;
}

label.error {
color: red;
font-style: italic;
display: block;
}

fieldset.xpto {
border:0px;
padding:5px;
height: 220px;
}

fieldset.xpto2 {
border:0px;
padding:5px;
height: 252px;
}

.titulo{
font-size: 14px;
color: white;
height: 34px;
font-weight:bold;
}

.titulo2{
font-size: 14px;
height: 34px;
color: white;
font-weight:bold;
}

p.energia{
font-size: 12px;
color: #255FA1;
height:14px;
font-weight:bold;
text-align:center;
}

p.energia2{
font-size: 18px;
color: red;
height:18px;
font-weight:bold;
text-align:center;
}

.valor{
font-size: 18px;
color: #69C236;
padding-top:16px;
height:18px;
font-weight:bold;
text-align:center;
}

p.maisinfos a{
font-size: 18px;
color: #69C236;
padding-left:34px;
font-weight:bold;
text-align:center;
}

.estimada{
font-size: 12px;
color: #255FA1;
height:14px;
font-weight:bold;
text-align:center;
}

.desc{
font-size: 10px;
color: #000;
padding-top: 2px;
font-weight:bold;
text-align:center;
}

.nota{
padding-top:10px;
font-size: 9px;
color: #000000;
}

.formTable {
background-image: url("simulador-eng.jpg");
}

.formTable2 {
height: 228px;
}

.formTable3 {
height: 264px;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
