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

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

    Autor:          Nuvio (www.nuvio.cz)
    Aktualizace:    2008-01-01, 00:00 GMT+1
    Verze:          2.3.0 (2008-10-12, 13:20 GMT+1)

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

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

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

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

body {background:#d9e9ed url("../design/bg.gif") 0 0 repeat-x; color:#000; font:0.7em/1.5 "tahoma", sans-serif; text-align:center;}

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

a {color:#345E67;}
a:hover {color:#db006e;}

table {border-collapse:collapse; border-spacing:0; border:1px solid #CCC;}
table th {background:#EEE;}
table th, table td {border:1px solid #DDD;}
table tr.bg td {background:#F5F5F5;}

/* ----------------------------------------------------------------------------------------------------------
2) Layout
---------------------------------------------------------------------------------------------------------- */

.main {position:relative; width:860px; margin:0 auto; text-align:left;}

	#header {position:relative; height:149px; padding-top:75px; background:url("../design/header.jpg") 0 0 no-repeat;}
	#page #header {background:url("../design/header-02.jpg") 0 0 no-repeat;}
	
        #logo {position:relative; width:227px; height:38px; overflow:hidden; margin:0; padding:0; font-size:180%;}
        #logo span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/logo.gif") 0 0 no-repeat; cursor:pointer;}
        
        #nav {position:absolute; top:80px; right:0;}
        #nav ul {margin:0; list-style:none;}
        #nav ul li {display:inline;}
        #nav ul li a {display:block; float:left; position:relative; height:27px; overflow:hidden; margin:0; margin-left:7px; padding:0;}
        #nav ul li a span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; cursor:pointer;}
        #nav ul li a:hover span {background-position:0 -27px !important;}
        #nav ul li#active a span {background-position:0 -54px !important;}
        
        #nav ul li a#nav-01 {width:59px;}
        #nav ul li a#nav-01 span {background:url("../design/nav-01.gif") 0 0 no-repeat;}
        
        #nav ul li a#nav-02 {width:184px;}
        #nav ul li a#nav-02 span {background:url("../design/nav-02.gif") 0 0 no-repeat;}
        
        #nav ul li a#nav-03 {width:80px;}
        #nav ul li a#nav-03 span {background:url("../design/nav-03.gif") 0 0 no-repeat;}
        
        #rec {position:absolute; top:158px; left:0; margin:0;}
        #rec a {padding-left:20px; background:url("../design/ico-email.gif") 0 3px no-repeat; color:#457c89;}
        #rec a:hover {color:#db006e;}

        #slogan {position:absolute; bottom:48px; right:0; margin:0; color:#457c89;}

    #content {clear:both; overflow:hidden; padding:0 20px 35px 20px; background:#fff url("../design/content.gif") 0 100% no-repeat; font-size:110%;}
    #content h2 {margin:0; padding-bottom:5px; border-bottom:1px solid #d9e9ed; font:200%/1 "arial",sans-serif; letter-spacing:-1px; color:#457C89;}
    #content h3 {padding-bottom:5px; border-bottom:1px solid #d9e9ed; font:130%/1 "arial",sans-serif; color:#457C89;}

    #cols {background:url("../design/cols.gif") 0 0 repeat-y;}
    #cols #content {float:left; width:530px; overflow:hidden; background:#fff;}
    #cols #aside {float:right; width:280px; overflow:hidden; background:#fff;}
    #cols-bottom {clear:both; width:860px; height:10px; background:url("../design/cols-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}

	#footer {clear:both; margin-top:20px; padding:12px 0 20px 0; background:url("../design/footer.gif") 0 0 repeat-x; color:#457c89;}
	#footer p {margin:0;}
	#footer a {color:#457c89;}
	#footer a:hover {color:#db006e;}

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

.item {float:left; width:280px; margin-bottom:5px; margin-right:10px; background:#fff;}
.item.last {margin-right:0;}
.item-top {margin:0; padding:15px 20px 10px 20px; background:#457c89 url("../design/item-top.gif") 0 0 no-repeat; font-size:110%;}
.item-top.tip {margin:0; padding:15px 20px 10px 20px; background:#457c89 url("../design/item-top-tip.gif") 0 0 no-repeat;}
.item-top a {color:#fff !important;}
.item-top a:hover {text-decoration:none;}
.item-bottom {width:280px; height:9px; margin:0; background:url("../design/item-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.item .in {padding:20px 20px 5px 20px;}

.col20 {float:left; width:162px; padding:80px 0 10px 0; text-align:center; font-weight:bold;}
.col20.ico-05 {background:url("../design/ico-05.gif") 50% 0 no-repeat;}
.col20.ico-04 {background:url("../design/ico-04.gif") 50% 0 no-repeat;}
.col20.ico-03 {background:url("../design/ico-03.gif") 50% 0 no-repeat;}
.col20.ico-02 {background:url("../design/ico-02.gif") 50% 0 no-repeat;}
.col20.ico-01 {background:url("../design/ico-01.gif") 50% 0 no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
3-2) Stránka: Stránka
---------------------------------------------------------------------------------------------------------- */

#cols #aside h4 {margin-top:0; padding:0 20px 12px 20px; border-bottom:1px solid #d9e9ed; font-size:110%; color:#db006e;}
#cols #aside .in {padding:0 20px 0 10px;}

#cols #aside .ico {padding:17px 0 17px 90px;}
#cols #aside .ico strong {color:#457c89;}
#cols #aside .ico-01 {background:url("../design/ico-01.gif") 0 50% no-repeat;}
#cols #aside .ico-02 {background:url("../design/ico-02.gif") 0 50% no-repeat;}
#cols #aside .ico-03 {background:url("../design/ico-03.gif") 0 50% no-repeat;}
#cols #aside .ico-04 {background:url("../design/ico-04.gif") 0 50% no-repeat;}
#cols #aside .ico-05 {background:url("../design/ico-05.gif") 0 50% no-repeat;}
#cols #aside .ico-06 {background:url("../design/ico-06.gif") 0 50% no-repeat;}
#cols #aside .ico-07 {background:url("../design/ico-07.gif") 0 50% no-repeat;}
#cols #aside .ico-08 {background:url("../design/ico-08.gif") 0 50% no-repeat;}

#content ul {margin:20px 0 20px 15px; list-style:none;}
#content ul li {padding-left:23px; background:url("../design/ul.gif") 0 3px no-repeat;}

fieldset table {margin:0;}
fieldset table td {padding:3px;}
fieldset table, fieldset table th, fieldset table td {border:0;}
fieldset legend {margin-left:10px; padding:3px 5px; background:#fff; color:#db006e; font-weight:bold;}
fieldset {border:1px solid #D9E9ED; padding:15px;}

.btn {margin-left:172px;}
.btn a {float:left; padding-left:6px; height:35px; overflow:hidden; background:#8DB605 url("../design/btn-l.gif") 0 0 no-repeat; color:#fff; text-decoration:none; font-weight:bold; text-transform:uppercase; cursor:pointer;}
.btn a span {float:left; display:block; padding:9px 34px 8px 28px; background:#8DB605 url("../design/btn-r.gif") 100% 0 no-repeat;}
.btn a:hover {color:#fff;}

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


.low {color:#999;}