/* ----------------------------------------------------------------------------------------------------------

    Výstupní zařízení: screen, projection

    Aktualizace:    2008-09-09, 23:40 GMT+1
    Verze:          2.2.6 (2008-07-13, 14:28 GMT+1)

    Struktura:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Obsah:
    
        1) HTML tagy
        2) HTML styly
        3) Layout
        4-1) Stránka: Úvod
        5) Nezařaditelné

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tagy
---------------------------------------------------------------------------------------------------------- */

body {padding-top:25px; background:#FFF; color:#333; font:0.8em/1.5 "verdana", sans-serif;}

a {color:#333; text-decoration:none;}
a:hover {text-decoration:underline;}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styly
---------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

.main {width:887px; margin:0 auto; overflow:hidden;}

	#header {position:relative; height:100px;}

        #logo {position:relative; width:325px; height:61px; overflow:hidden; margin:0; padding:0; font-size:160%;}
        #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../images/design2/logo.gif") 0 0 no-repeat; cursor:pointer;}
        
        #topnav {position:absolute; top:15px; right:0; margin:0; list-style:none;}
        #topnav li {display:inline;}
        #topnav li a {display:block; float:left; margin-right:10px; font-weight:bold;}
        #topnav li a#topnav-01 {padding:10px 0 10px 35px; background:url("../images/design2/topnav-01.gif") 0 50% no-repeat;}
        #topnav li a#topnav-02 {padding:10px 0 10px 30px; background:url("../images/design2/topnav-02.gif") 0 50% no-repeat;}
        #topnav li a#topnav-03 {padding:10px 0 10px 30px; background:url("../images/design2/topnav-03.gif") 0 50% no-repeat;}
        #topnav li a#topnav-04 {padding:10px 0 10px 35px; background:url("../images/design2/topnav-04.gif") 0 50% no-repeat;}
        
        #lang {position:absolute; bottom:10px; left:0; margin:0; font-size:80%; color:#999;}

    #tray {clear:both; border-top:1px solid #6b9416; border-bottom:1px solid #6b9416; background:#a1de22 url("../images/design2/tray.gif") 0 0 repeat-x; color:#fff; font-size:120%;}
    
    #tray .f-left {width:300px; padding-top:12px; text-align:center; font-size: 90%}
    #tray .f-left a, #tray .f-left a:hover{color: #fff}
    
    #tray .f-right {position:relative; padding:17px 0; width:576px;}
    #tray .f-right label {text-transform:uppercase; font-weight:bold;}
    #tray .f-right #inp-search {margin-right:50px; width:400px; border:2px solid #ccc; padding:4px;}
    #tray .f-right #inp-search-submit {position:absolute; top:7px; right:40px;}

    #cols {clear:both;}

    	#content {float:right; width:576px; overflow:hidden;}

    	#aside {float:left; width:300px; overflow:hidden;}

	#footer {clear:both; background:#a1de22; color:#fff; font-weight:bold;}
	#footer a {color:#fff;}
	#footer .f-left span {margin:0 4px;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Stránka: Úvod
---------------------------------------------------------------------------------------------------------- */

#aside .box-01-top {width:300px; height:17px; background:#F3FBE3 url("../images/design2/box-01-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#aside .box-01-bottom {width:300px; height:17px; margin-bottom:10px; background:#F3FBE3 url("../images/design2/box-01-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#aside .box-01 {padding:15px; background:#F3FBE3 url("../images/design2/box-01.gif") 0 0 repeat-y;}
#aside .box-01 ul {margin:0; list-style:none;}
#aside .box-01 ul li {display:inline;}
#aside .box-01 ul li a {display:block; padding:4px 0 4px 35px; background:url("../images/design2/box-01-ul.gif") 0 50% no-repeat; font-weight:bold; color:#000;}
#aside .box-01 ul li ul {margin-left:2.5em;}

#aside .box-02 {padding:0 10px; background:#333 url("../images/design2/box-02.gif") 0 0 no-repeat; color:#fff;}
#aside .box-02-bottom {width:300px; height:11px; margin-bottom:10px; background:url("../images/design2/box-02-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#aside .box-02 h4 {margin:0; margin-bottom:10px; padding:7px 0 0 30px; font-size:120%; font-weight:normal;}
#aside .box-02 ul {margin:0; list-style:none;}
#aside .box-02 ul li {display:inline;}
#aside .box-02 ul li a {display:block; padding:1px 0 1px 20px; background:url("../images/design2/box-02-ul.gif") 5px 50% no-repeat; font-size:80%; color:#fff;}

#content .col50 {float:left; width:285px;}
#content #btn-01, #content #btn-02 {position:relative; width:285px; height:100px; overflow:hidden; margin:0; padding:0; font-size:160%;}
#content #btn-01 span, #content #btn-02 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../images/design2/btn-01.gif") 0 0 no-repeat; cursor:pointer;}
#content #btn-02 span {background:url("../images/design2/btn-02.gif") 0 0 no-repeat;}

#content #btn-01-info, #content #btn-02-info {position:relative; width:285px; height:50px; overflow:hidden; margin:0; padding:0; font-size:100%; background:url("../images/design2/btn-01-info.gif") 0 0 no-repeat;}
#content #btn-01-info a, #content #btn-02-info a {display: block; margin: 15px 0 0 45px; text-decoration: none; color: #000}
#content #btn-01-info a:hover, #content #btn-02-info a:hover {text-decoration: underline; color: #000}


#content .box-03-top {clear: both;width:576px; height:20px; background:url("../images/design2/box-03-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#content .box-03-bottom {width:576px; margin-top:0; height:20px; margin-bottom:10px; background:url("../images/design2/box-03-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#content .box-03 {padding:0 10px; background:#F2F2F2;}
#content .box-03 ul {margin:0; list-style:none;}
#content .box-03 ul li {display:inline;}
#content .box-03 ul li a {display:block; float:left; width:165px; padding:1px 0 1px 20px; background:url("../images/design2/box-03-ul.gif") 5px 50% no-repeat; font-size:80%;}

#content .box-04-top {clear: both;width:576px; height:20px; background:url("../images/design2/box-04-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#content .box-04-bottom {width:576px; height:20px; background:url("../images/design2/box-04-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#content .box-04 {padding:0 10px;}
#content .box-04 table {width:556px; margin:0;}
#content .box-04 table th {padding:2px 0; background:#a1de22; font-weight:bold; color:#333;}

#content .box-04 table td {padding:2px 0; background:#f2f2f2; text-align:center;}


#search-02 {position:relative; height:2.5em;}

table.login {margin:0; font-size:80%; color:#fff;}
table.login td {vertical-align:middle;}
table.login .login-input {width:175px; border:2px solid #ccc;}
table.login .f-left {width:130px; text-align:center;}
table.login a {color:#c9ef63; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
5) Nezařaditelné
---------------------------------------------------------------------------------------------------------- */

ul.tabs-01 {position:absolute; bottom:0; left:385px; margin:0; padding:0; list-style-type:none;}
ul.tabs-01 li {display:inline; margin:0; padding:0;}
ul.tabs-01 a {float:left; margin-right:5px; padding-left:4px; background:#ccc url("../images/design2/tab-01-l.gif") 0 0 no-repeat;}
ul.tabs-01 a span {float:left; display:block; padding:4px 30px 4px 26px; background:#ccc url("../images/design2/tab-01-r.gif") 100% 0 no-repeat; color:#333;}
ul.tabs-01 li.active a {float:left; margin-right:5px; padding-left:4px; background:#6B9416 url("../images/design2/tab-01-l-a.gif") 0 0 no-repeat;}
ul.tabs-01 li.active a span {float:left; display:block; padding:4px 30px 4px 26px; background:#6B9416 url("../images/design2/tab-01-r-a.gif") 100% 0 no-repeat; color:#fff; font-weight:bold;}
ul.tabs-01 a:hover {text-decoration:none !important;}

ul.tabs-02 {display: block; float: left; margin:0; margin-left:20px; padding:0; list-style-type:none;}
ul.tabs-02 li {display:inline; margin:0; padding:0;}
ul.tabs-02 a { text-decoration: none !important;float:left; margin-right:5px; padding-left:4px; background:#333 url("../images/design2/tab-02-l.gif") 0 0 no-repeat;}
ul.tabs-02 a span {float:left; display:block; padding:4px 30px 4px 26px; background:#333 url("../images/design2/tab-02-r.gif") 100% 0 no-repeat; color:#fff; font-weight:bold;}
ul.tabs-02 li.active a { text-decoration: none !important;float:left; margin-right:5px; padding-left:4px; background:#A1DE22 url("../images/design2/tab-02-l-a.gif") 0 0 no-repeat;}
ul.tabs-02 li.active a span {float:left; display:block; padding:4px 30px 4px 26px; background:#A1DE22 url("../images/design2/tab-02-r-a.gif") 100% 0 no-repeat; color:#fff; font-weight:bold;}
ul.tabs-02 li a span h3 {padding: 0; margin: 0}
ul.tabs-02 a:hover {text-decoration:none !important;}

ul.tabs-03 {position:absolute; top:0; right:0; margin:0; padding:0; list-style-type:none;}
ul.tabs-03 li {display:inline; margin:0; padding:0;}
ul.tabs-03 a {float:left; margin-right:5px; padding-left:4px; background:#6B9416 url("../images/design2/tab-03-l.gif") 0 100% no-repeat; font-size:80%;}
ul.tabs-03 a span {float:left; display:block; padding:4px 30px 4px 26px; background:#6B9416 url("../images/design2/tab-03-r.gif") 100% 100% no-repeat; color:#fff; font-weight:bold;}
ul.tabs-03 a:hover {text-decoration:none !important;}

.tabs-01 a, .tabs-02 a, .tabs-03 a {cursor:pointer;}

.ico-info {margin-top:0; padding:4px 0 6px 35px; background:url("../images/design2/ico-info.gif") 0 50% no-repeat; }