html, body {
 margin: 0;
 padding: 0;
 color: #ffffff;
}

body {
 background-image: url('../images/body_bg.jpg');
}


.bold {
 font-weight: bold;
}

.italic {
 font-style: italic;
}

div.card {
 margin: 215px auto;
 padding: 11px 16px 1px 13px;
 width: 500px;
 height: 244px;
 background-color: #1f1f1f;
 border: solid 1px black;
 -webkit-border-radius: 16px;
 -moz-border-radius: 16px;
}

div.logo {
 float: left;
 width: 150px;
 height: 160px;
}

div.top {
 float: left;
 width: 350px;
 height: 160px;
 text-align: center;
}

div.footer {
 float: left;
 width: 500px;
 height: 100px;
 border-top: 2px dotted gray;
}

h2.name {
 margin: 16px 0 5px 0;
 padding: 0;
 font: italic 20pt 'Verdana',sans-serif;
}

hr.hr1 {
 width: 80%;
}

p.ofert {
 margin: 0;
 padding: 0;
 font: 11pt 'Verdana',sans-serif;
}

table.contact {
 margin: 10px auto;
 width: 80%;
 text-align: center;
 font-weight: bold;
}

td.important {
 font: 12pt 'Verdana',sans-serif;
}

p.add {
 margin: 1px;
 position: fixed;
 top: 0px;
 font: 8pt 'Verdana',sans-serif;
 color: #ff9900;
}