@font-face {
    font-family: 'RopaSansSC';
    src: url('/fonts/RopaSansSCPro-Regular-webfont.eot');
    src: url('/fonts/RopaSansSCPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/RopaSansSCPro-Regular-webfont.woff2') format('woff2'),
         url('/fonts/RopaSansSCPro-Regular-webfont.woff') format('woff'),
         url('/fonts/RopaSansSCPro-Regular-webfont.ttf') format('truetype'),
         url('/fonts/RopaSansSCPro-Regular-webfont.svg#RopaSansSC_mediummedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Rosario';
    src: url('/fonts/Rosario-Regular.eot');
    src: url('/fonts/Rosario-Regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Rosario-Regular.woff2') format('woff2'),
         url('/fonts/Rosario-Regular.woff') format('woff'),
         url('/fonts/Rosario-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Rosario';
    src: url('/fonts/Rosario-Bold.eot');
    src: url('/fonts/Rosario-Bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Rosario-Bold.woff2') format('woff2'),
         url('/fonts/Rosario-Bold.woff') format('woff'),
         url('/fonts/Rosario-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Rosario';
    src: url('/fonts/Rosario-Italic.eot');
    src: url('/fonts/Rosario-Italic.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Rosario-Italic.woff2') format('woff2'),
         url('/fonts/Rosario-Italic.woff') format('woff'),
         url('/fonts/Rosario-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Rosario';
    src: url('/fonts/Rosario-BoldItalic.eot');
    src: url('/fonts/Rosario-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Rosario-BoldItalic.woff2') format('woff2'),
         url('/fonts/Rosario-BoldItalic.woff') format('woff'),
         url('/fonts/Rosario-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

body {
line-height:1;
color: #ffffff;
background-color: #000000;
font-family: RopaSansSC, sans-serif, Verdana, Tahoma, Arial, Helvetica;
font-size: 16px;
text-decoration: none;
height: 100%;
cursor: url('/img/cursor.cur'), auto;
}

img{
max-width: 100%;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}

nav ul {
list-style:none;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

li {
font-size: 12pt;
}

a {
margin:0;
padding:0;
font-family: RopaSansSC, sans-serif, Verdana, Tahoma, Arial, Helvetica;
vertical-align:baseline;
background:transparent;
color: #454545;
cursor: url('/img/link.cur'), auto;
}

/* change colours to suit your needs */
ins {
background-color:#000;
color:#fff;
text-decoration:none;
}

/* change colours to suit your needs */
mark {
background-color:#000;
color:#ff9; 
font-style:italic;
font-weight:bold;
}

del { text-decoration: line-through; }

abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

table { border-collapse:collapse; border-spacing:0; }

/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0; }

input, select { vertical-align:middle; }

a:link { text-decoration: none; color: #a6a775; font-size:90%; }
a:visited { text-decoration: none; color: #a6a775; font-size:90%; }
a:hover { text-decoration: underline; color: #a6a775; font-size:100%; }
a:visited:hover { text-decoration: underline; color: #a6a775; font-size:100%; }

h1 { margin: 0; padding: 0; font-family: RopaSansSC, sans-serif, Verdana, Tahoma, Arial, Helvetica; text-decoration: none; font-size: 32pt; color: #dee3eb; letter-spacing: -2px; line-height: 1; }
h2 { margin: 0; padding: 0; font-family: RopaSansSC, sans-serif, Verdana, Tahoma, Arial, Helvetica; letter-spacing: -1; line-height: 1; text-decoration: none; font-size: 24px; color: #dee3eb; }
h3 { margin: 0; padding: 0; font-family: RopaSansSC, sans-serif, Verdana, Tahoma, Arial, Helvetica; letter-spacing: -1; line-height: 1; text-decoration: none; font-size: 22px; color: #dee3eb; }
h4 { margin: 0; padding: 0; font-family: RopaSansSC, sans-serif, Verdana, Tahoma, Arial, Helvetica; text-decoration: none; font-size: 18pt; color: #dee3eb; letter-spacing: -1px; line-height: 1; }
h5 { margin: 0; padding: 0; font-family: RopaSansSC, sans-serif, Verdana, Tahoma, Arial, Helvetica; text-decoration: none; font-size: 14pt; color: #dee3eb; letter-spacing: -1px; line-height: 1; }
h6 { margin: 0; padding: 0; font-family: RopaSansSC, sans-serif, Verdana, Tahoma, Arial, Helvetica; text-decoration: none; font-size: 12pt; color: #dee3eb; letter-spacing: -1px; line-height: 1; }                                                                                                                           

#main { height:100%; width:800px; min-width:800px; display:table; }
.leftcol { width:136px; background-image: url("/img/pasek.gif");
display:table-cell; min-width:136px; height:100%; vertical-align:top;}
.rightcol { width: 750px; min-width:750px; display:table-cell; vertical-align:top; }

#logo {
  position: absolute;
  width: 433px;
  height: 131px;
  z-index: 15;
  top: 50%;
  left: 50%;
  margin: -65px 0 0 -216px;
}