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

    Output device:  screen, projection

    Author:     Nuvio (www.nuvio.cz)
    Update:     2008-08-18, 11:44 GMT+1
    Version:    2.2.5 (2008-06-07, 20:28 GMT+1)

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

    Content:
    
        1) HTML tags
        2) Layout
        3-1) Page: Úvod
        4) HTML styles
        5) Others

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

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

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

a {color:#006BCF;}
a:visited {color:#00519D;}
a:hover {color:#00519D;}

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

h2 {margin:0; padding-bottom:5px; background:url("../design/dot.gif") 0 100% repeat-x; font-size:200%; letter-spacing:-1px; color:#00509A;}

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

#main {width:960px; margin:0 auto; text-align:left; overflow:hidden;}

	#header {height:180px; background:url("../design/header.jpg") 0 0 no-repeat; overflow:hidden;}

        #logo {position:relative; overflow:hidden; width:288px; height:84px; 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("../design/logo.gif") 0 0 no-repeat; cursor:pointer;}

    #cols {float:right; width:760px;}

    	#content {float:left; width:560px; padding:10px 20px; overflow:hidden;}
        #content a:visited {text-decoration:none;}
        #content h3 {margin-bottom:-10px; color:#00519D;}
        
    	#aside-left {float:left; width:200px; padding-top:23px; overflow:hidden;}

    	#aside-right {float:left; width:160px; padding-top:50px; overflow:hidden;}
        #aside-right h4 {margin-top:-21px; padding-top:0px; padding-bottom:5px; background:url("../design/dot.gif") 0 100% repeat-x; font-size:100%; letter-spacing:-1px; color:#00509A;}

	#footer {clear:both; margin:30px 0; padding-top:10px; border-top:1px solid #BDE0FF;}
	#footer p {margin:0;}
	#footer .f-right span {color:#D7ECFF;}

/* ----------------------------------------------------------------------------------------------------------
3-1) Page: Úvod
---------------------------------------------------------------------------------------------------------- */

#cat {margin:0; list-style:none;}
#cat li {display:inline;}
#cat li a {display:block; padding:5px 0 5px 25px; border-bottom:1px solid #E1F1FF; background:url("../design/cat.gif") 8px 9px no-repeat; font-weight:bold;}
#cat li a:hover {background:#EBF6FF url("../design/cat.gif") 8px -81px no-repeat; color:#00519D;}
#cat li ul a {padding:2px 0 2px 35px; background:url("../design/cat-sub.gif") 20px 7px no-repeat; color:#006BCF; font-weight:normal;}
#cat li ul a:hover {background:#EBF6FF url("../design/cat-sub.gif") 20px -84px no-repeat; color:#00519D;}
#cat .active {background-color:#EBF6FF;}

.bar {padding:4px 0; background:url("../design/dot.gif") 0 100% repeat-x;}
.bar p {margin:0; font-size:85%;}
.bar #breadcrumbs {margin:0; float:left;}

/* ----------------------------------------------------------------------------------------------------------
4) HTML styles
---------------------------------------------------------------------------------------------------------- */

#content table {width:558px; margin:10px 0; border-collapse:collapse; border-spacing:0; border:1px solid #BDE0FF;}
#content table th {padding:4px; background:#FFF; color:#00509A;}
#content table th, #content table td {padding:4px; border:1px solid #BDE0FF;}
#content table tr.bg td {background:#F0F8FF;}

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

#content dl dt {font-weight:bold; color:#00509A;}
#content dl dd {margin-left:20px;}

fieldset {width:528px; padding:10px 15px; border:1px solid #BDE0FF;}
fieldset table {width:510px !important; border:0 !important;}
fieldset table td {padding:3px 0; border:0 !important;}
legend {font-weight:bold; color:#00509A;}
.input-submit {padding:2px; border:1px solid #00509A; background:#00509A; font-family:"arial",sans-serif; font-size:100%; font-weight:bold; color:#FFF;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.separator {width:560px; height:40px; background:url("../design/separator.gif") 0 0 no-repeat; font-size:0; line-height:0;}

img.f-left {margin-right:10px;}
img.f-right {margin-left:10px;}
img.border {padding:3px; border:1px solid #A7D9FF;}