* {
margin:0;
}
html, body {
height:100%;
background-color:#4C4B49;
}
body {
/*overflow-y: scroll;*/
font-family:"Verdana";
font-size:13px;
}

.content {
width:990px;
height:100%;
margin:0 auto;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -60px;
background-color:#ffffff;
}
.push {
height:60px;
}


/* ---------------------- footer ------------------------------- */
div#footer {
    height:50px;
    padding:5px;
    padding-right:10px;
    background:url(footer.gif) no-repeat;
    margin:0 auto;
    width:697px;
    color:#e8e5dd;
    text-align:center;
    font-size:9px;
}
div#footer p {
    font-size:9px;
    color:#e8e5dd;
    float:left;
    padding-top:3px;
    padding-left:20px;
    padding-right:20px;
    text-align:left;
}
div#footer p.crta {
    padding:0px;
    width: 1px;
    height:75%;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #808080;
}
div#footer a {
    color:#e8e5dd;
    font-weight:bold;
    text-decoration:none;
}
div#footer a:hover {
    color:#ffffff;
}
div#footer .smalllogo {
    margin-top:15px;
}

.logotip {
margin:0 auto;
width:700px;
height:236px;
background:url(logo.gif) no-repeat;
}

.frame {
margin:0 auto;
width:712px;
color:#4C4B49;
text-align:justify;
}


.divReferenca {
clear:both;
width:712px;
height:200px;
color:#9c9c9c;
padding-bottom:35px; 
}

.screenshot {
float:left;
border:solid 1px #c0c0c0;
padding:9px;
width:280px;
height:180px;
}
.screenshot:hover {
border:solid 5px #f38c31;
padding:5px;
width:280px;
height:180px;
cursor: pointer;
}

.symbols {
padding-top:10px;
}

.symbol_b2b, .symbol_b2c, .symbol_vasco {
float:left;
width:35px;
height:35px;
padding-right:10px;
}
.symbol_b2b {
background:url(symbol_b2b.png) no-repeat;
}
.symbol_b2c {
background:url(symbol_b2c.png) no-repeat;
}
.symbol_vasco {
background:url(symbol_vasco.png) no-repeat;
}

.description {
float:left;
padding-left:30px;
width:382px;
}

.narocnik {
color:#f38c31;
font-weight:bold;
}

.url {
color:#9c9c9c;
font-weight:bold;
}
.url:hover {
text-decoration:none;
}

.bold {
font-weight:bold;
}
.underline {
text-decoration:underline;
}

h2 {
padding-left:8px;
padding-top:3px;
background:url(heading.png) repeat-x;
height:55px;
}