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

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

a {color:#9F0000;}
a:visited {color:#9F0000;}
a:hover {color:#675444;}

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

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

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

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

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

        #logo {position:relative; overflow:hidden; width:281px; height:56px; margin-top:15px; 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/logo.gif") 0 0 no-repeat; cursor:pointer;}

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

    	#content {float:left; width:560px; padding:0px 20px; overflow:hidden;}
    	#content a:visited {text-decoration:none;}
        #content h3 {margin-bottom:-10px; color:#76604E;}

    	#aside-left {float:left; width:200px; padding-top:0px; overflow:hidden;}

    	#aside-right {float:left; width:160px; padding-top:0px; overflow:hidden;}

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

/* ----------------------------------------------------------------------------------------------------------
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 #F2ECE8; background:url("images/cat.gif") 8px 9px no-repeat; font-weight:bold;}
#cat li a:hover {background:#F7F4F2 url("images/cat.gif") 8px -81px no-repeat; color:#6F0000;}
#cat li ul a {padding:2px 0 2px 35px; background:url("cat-sub0.gif") 20px 7px no-repeat; color:#6F0000; font-weight:normal;}
#cat li ul a:hover {background:#F7F4F2 url("images/cat.gif") 20px -84px no-repeat; color:#675444;}
#cat .active {background-color:#F7F4F2;}

#aside-right h4 {margin-top:-21px; padding-top:0px; padding-bottom:5px; background:url("images/dot.gif") 0 100% repeat-x; font-size:100%; letter-spacing:-1px; color:#76604E;}

.bar {padding:4px 0; background:url("images/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 #E1D9D0;}
#content table th {padding:4px; background:#FFF; color:#9F0000;}
#content table th, #content table td {padding:4px; border:1px solid #E1D9D0;}
#content table tr.bg td {background:#F5F2EF;}

#content li {list-style-type:none;}

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

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

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

.separator {width:560px; height:40px; background:url("separato.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 #D1BAAE;}