body { 
  font-family: 'Trebuchet MS', Verdana, sans-serif;
  font-size:82%;
  text-align:center;
  background:#E2EEFA url(https://www.maressro.sk/system/themes/default/bg-body.jpg) repeat-x;
  margin:0; padding:0;
}

table, textarea { font-size:100% }
a { color:#d00 }
a img { border:none }
.red { color:#d00 !important }
.blue { color:#2766A5 !important }
.nomarg { margin:8px 0 !important }
table th { font-weight:normal } 
table { border-right:1px solid #eee; border-bottom:1px solid #eee }
table th, table td { padding:3px 5px; border-left:1px solid #eee; border-top:1px solid #eee }
.center { text-align:center }
.m1 { margin:1em }
.m2 { margin:2em }
.m20 { margin:2em 0 }
.red { color:#d00 }
div.bluedot { height:1px; background:url(https://www.maressro.sk/system/themes/default/bg-bluedot.gif) repeat-x; margin: 0 0 8px 0 }
div.dot { height:1px; background:url(https://www.maressro.sk/system/themes/default/bg-dot.gif) repeat-x; margin:0 0 8px 0 }
p { line-height:140% }
div.clear { clear:both; float:none; width:0; height:0; font-size:0px }
.dot { background:url(img/bg-menuitem.gif) repeat-x; height:1px; margin:4px 0 8px 0 }

#page { text-align:left; margin:0 auto; width:980px; background:#fff url(https://www.maressro.sk/system/themes/default/bg-page.jpg) repeat-y; }
#header { position:relative; height:91px; background:url(https://www.maressro.sk/system/themes/default/bg-header.jpg) no-repeat; }
#logo { position:absolute; left:50px; top:20px; width:177px; height:64px; overflow:hidden }
#logo h1 { font-size:1.1em }
#logo span { display:block; position:absolute; left:0; top:0;
             width:177px; height:64px; background:url(https://www.maressro.sk/system/themes/default/logo.gif) no-repeat; }
#logo span a { display:block; position:absolute; left:0; top:0; width:177px; height:64px; text-decoration:none }

#left { float:left; width:266px; background:url(https://www.maressro.sk/system/themes/default/bg-left.jpg) no-repeat }
#left .leftpad { padding:28px 12px 4px 18px; }
#left h2 { font-size:1.4em; font-weight:normal; margin:2px 0; padding:0; color:#dc0000 }
#left h3 { font-size:0.9em; font-weight:bold; color:#3772AE; margin:0; padding:0 }

#maintop { float:right; width:714px; height:83px; background:url(https://www.maressro.sk/system/themes/default/bg-maintop.jpg) no-repeat }
#maintop h1 { color:#dc0000; font-size:1.7em; margin:0; padding:44px 0 0 24px }

#main { float:right; width:714px; background:#E2EEFA url(https://www.maressro.sk/system/themes/default/bg-main.jpg) top left no-repeat  }
#main .mainpad { padding:1em 1em 1em 24px }

ul#menu { list-style:none; margin:0; padding:0 }
ul#menu li { margin:0 0 0 8px; height:33px; background:url(https://www.maressro.sk/system/themes/default/bg-menuitem.gif) bottom left repeat-x; }
ul#menu li a { display:block; line-height:33px; _line-height:28px; padding-left:10px; color:#000000; font-size:0.9em; background:url(img/bg-menuitem-bullet.gif) center left no-repeat }
ul#menu li a:hover { color:#DB0000 }

p.news-date { font-size:0.9em; margin:0; padding:0 }
p.news-text { font-size:0.9em; margin:0 0 1em 0; padding:0; color:#424242 }

div.whitebox { background:#fff; padding:1em 2em }
#main h2 { color:#105CA8; font-size:1.5em; font-weight:normal; margin:1.5em 0 8px 0 }
#main h2 span { color:#d00 }
#main li { font-size:0.9em; margin:2px 0; }
#main h3 { color:#d00; font-size:1.3em; font-weight:normal }
p.opts { margin:8px 0; font-size:1.3em; }
p.opts a { color:#105CA8 }

table.kont { width:580px; border:none }
table.kont td { width:50%; border:none }

div.ref-photo { float:left; margin:4px }
div.ref-photo div.ppad { width:130px; height:110px; text-align:center; background:#D3E7F7 }
div.ref-photo img { margin:10px 0; border:1px solid #000 }

#footer { background:#fff !important; margin:0 9px; }
#footer p { padding:8px; margin:0; font-size:0.85em }
#footer p.p1 { width:350px; float:left }
#footer p.p2 { width:200px; float:left }
#footer p.p3 { width:350px; float:right; text-align:right; padding-right:8px }
#footer a { color:#000 }
#footer a span { color:#e62378; font-weight:bold }

table.dl { width:580px; border:none }
table.dl td { border:none }
table.dl td.l { width:400px }

