* {margin:0;padding:0;}

body {
    font-family:Tahoma,Verdana,sans-serif;
    font-size:11px;
    line-height:20px;
    background:#808080 url(../images/tlo.png) repeat-x;
}

/* BOX */
#container  {
    width:848px;
    margin:auto;
    padding:0px;
    background:#FFF url(../images/tlo-tresc.png) repeat-y;
}
#top {
    height:243px;
    margin-bottom:0px;
    background:url(../images/top.jpg) no-repeat;
}
#content {
    width:542px;
    padding:30px 15px 30px 30px;    
    float:left;
    min-height:400px;
    height:auto!important;
    height:400px;
}
#content ul {
    margin-left:14px;
}
#content ul li {
    list-style:circle;
}
#content ol {
    margin-left:18px;
}
#rightCol {
    border-left:1px solid #CCC;
    padding:20px 15px 0 15px;
    width:206px;
    float:left;
}

#mainMenu {
    background:#FFF;
    border-bottom:1px solid #CCC;
    height:36px;
}

#mainMenu ul, #mainMenu ul li {
    list-style:none;
}

#mainMenu ul li {
    float:left;
}

#mainMenu ul li a:LINK, #mainMenu ul li a:VISITED {
    display:block;
    font-size:11px;
    padding-top:8px;
    height:28px;
    width:83px;
    color:#999;
    text-align:center;
    text-decoration:none;
    border-right:1px solid #CCC;
}
#mainMenu ul li a:HOVER, #mainMenu ul li a.active {
    background:#EEE;
    color:#222;
}

#footer {
    background:#808080 url(../images/tlo-stopka.png) repeat-x;
    height:40px;
    padding:10px 30px 0 30px;
    color:#FFF;
}

/* SELECTORS */
img         {border:0;}
img.border  {border:1px solid #CCC;padding:4px;background:#FFF;margin-right:4px;}
ul, ul li   {list-style:none;}
small       {font-size:11px;}
big         {font-size:16px;}
blockquote {
            text-indent: -0.4em;
            font-size: 16px;
            line-height:16px;
            font-family:Georgia,Times,serif;
            font-style:italic;
}
blockquote p { quotes: "\201E" "\201D" }
blockquote p:before  { content: open-quote }
blockquote p:after { content: close-quote }
blockquote p.last:after { content: close-quote }

/* table */
table       {width:100%;}
table, table tr td, table tr th {border:0px solid #222;border-collapse:collapse;}
table tr th, table tr td {vertical-align:top;padding:5px;}
table.border0, table.border0 tr td {border:0;}
table th    {text-align:left;}
table tr.light td {background:#CCC;}

p,h1,h2,h3,h4,blockquote,table,img {margin-bottom:20px;}

/* headers */
h1,h2,h3,h4 {font-family:Georgia,Times,serif;font-weight:normal;}
h1          {font-size:24px;}
h2          {font-size:18px;}
h3          {font-size:16px;}
h4          {font-size:14px;}

a:LINK, a:VISITED {color:red;text-decoration:none;}
a:HOVER           {text-decoration:underline;}

/* CLASS */

/* text-align */
.center     {text-align:center;}
.right      {text-align:right;}
.left       {text-align:left;}
.justify    {text-align:justify;}

/* border */
.border     {border:1px solid #CCC;}
.border0    {border:0;}
.borderT    {border-top:1px solid #CCC;}
.borderR    {border-right:1px solid #CCC;}
.borderL    {border-left:1px solid #CCC;}
.borderB    {border-bottom:1px solid #CCC;}

/* padding */
.padding0   {padding:0;}
.padding5   {padding:5px;}
.padding10  {padding:10px;}
.padding15  {padding:15px;}

/* float */
.floatL     {float:left;}
.floatR     {float:right;}

/* other */
.clr        {clear:both;}
.inline     {display:inline;}
.box        {
    border:1px solid #CCC;
    padding:5px;
}
.red        {color:red;}
.green      {color:green;}

/* email_form */
#email_form input, #email_form textarea {width:100%;}
#email_form textarea {height:100px;}
#email_form input#submit {width:100px;}

.piec { margin-right: 1em; padding: 2px 5px 2px 5px; background: url('../images/li-tlo.gif') no-repeat top left; font: bold 11px Verdana; color: white;}