/* 
    Document   : layout
    Created on : 2010-01-27, 11:21:45
    Author     : Mucha
    Description:
        Purpose of the stylesheet follows.
*/

BODY
{
    font-family:Tahoma;
    font-size:12px;
    margin: 0;
    text-align: center;
    color: #6F6FA8;
    background-color: #37305a;
    /*background: url('/images/bg_top.gif') repeat-x 0 0 ;*/
}

a
{
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #736F91;
    border: 0 none;
}

a:link
{
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #736F91;
}

a:visited
{
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #736F91;
}

a:hover
{
    font-family: tahoma;
    font-size: 12px;
    text-decoration: underline;
    color: #000000;
}

a:active
{
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
    text-decoration: bold;
    color: #000000;
}

h1              { font-size:16px; }
h2              { color:#161718; font-family:Tahoma; font-size:15px; }
h3              { color: #FFFFFF; text-transform: uppercase; font-weight:normal; margin:0; display:inline-block; float:left; font-size:17px; }

img             { border:0 none; }
.clear          { clear:both; }

.breadcrumbs    { margin: 5px; text-align:left}
.separator      { padding-bottom: 10px; border-bottom: 1px solid #6F6FA8; margin-bottom: 10px }
#page           { width:770px; margin: 0 auto; background-color: #fff;  }

#header         { background:url('/images/header.jpg') no-repeat 0 0; width:770px; height: 192px; border-bottom: #37305a 3px solid; margin-bottom: 1px; }

#content        { width:548px; float: right; text-align:justify; border-left: 2px solid #f7f2fc; text-align:left;  min-height: 600px; }
#content #top   { background:url('/images/arrow_1.gif') no-repeat 0 3px; margin: 0; margin: 12px; padding: 0 0 0 20px;}
#content #middle { background: url('/images/content_bg.gif') repeat-y 0 0; padding: 0 20px; }
#content #middle p, #content #middle li
                { margin: 0;   margin-bottom:10px; text-align: justify}
#content #middle
                {  }
#content #bottom
                { background: url('/images/content_bottom.gif') no-repeat 0 0; height:20px; }

#rightCol       { width:220px; float: left; text-align:left; }
#rightCol ul    { margin:0; padding:0; list-style:none; }
#rightCol li    { margin:5px; padding-left: 15px; padding-top: 2px; min-height:17px;  }
#rightCol li.active a
                { font-weight:bold; }
#rightCol .head { display:inline-block; height:28px; width:8px; float:left; }

#rightCol #mainMenu h3
                { background: url('/images/bars_bg.gif') repeat-x 0 0; height:35px; width:200px; padding: 4px 0 0 20px;}
#rightCol #mainMenu .hLeft
                { background: url('/images/menu_top_left.gif') no-repeat 0 0;  }
#rightCol #mainMenu .hRight
                { background: url('/images/menu_top_right.gif') no-repeat 0 0; }
#rightCol #mainMenu li
                { background: url('/images/menu_kolo.gif') no-repeat 0 3px; border-bottom: 1px dotted #736F91; }

#rightCol #subMenu h3
                { background: url('/images/bars_bg.gif') repeat-x 0 0; height:35px; width:200px; padding: 4px 0 0 20px;}
#rightCol #subMenu .hLeft
                { background: url('/images/menu_top_left_2.gif') no-repeat 0 0;  }
#rightCol #subMenu .hRight
                { background: url('/images/menu_top_right_2.gif') no-repeat 0 0;  }
#rightCol #subMenu li
                { background: url('/images/menu_kolo.gif') no-repeat 0 3px; border-bottom: 1px dotted #736F91; }

#footer         { text-align: left; height:16px; background: #b6b3d0; padding: 9px}

#smallLogo      { text-align:right; }