* { margin: 0; padding: 0; }
body   { font: 12px/1.4 Verdana, sans-serif; background-color: #b3b3b3; background-image: url(images/styles/bg.jpg); background-repeat: repeat-x; background-position: 0 1px; margin-bottom: -25px }

a { color: #039EDE; text-decoration: none; }
a:hover  { color: #039EDE; text-decoration: underline }
a img { border: 0 solid; }

body hr, body #middle hr { display: none; }
body * hr { display: block; }

.clear { height: 0px; overflow: hidden; line-height: 0px; clear: both; background-image: url(images/styles/footer-bg.gif); background-repeat: no-repeat;}
.left  { float: left; clear: left }
.right { float: right; clear: right; }
.center { text-align: center; margin-left: auto; margin-right: auto; }

#accessibility { position: absolute; left: -100em; }

/* header styles */
#header, #middle, #footer, #footer-bottom { margin: 0 auto; width: 1100px }
#header   { height: 292px }
#header ul { color: #82adca; list-style: none; margin-top: 5px; }
#header ul a { font-weight: bold; color: #5d88aa; }
#header ul a:hover { color: #103654; }
#header li { float: left; margin-left: 15px; }
#header li span { margin-right: 15px; }
#header .breadcrumbs { position: relative; top: 280px; left: 300px; margin-top: -16px; _margin-top: -17px;}
#header .breadcrumbs a { color: #FFFFFF; font-weight: bolder; text-decoration: none; padding-left: 20px; padding-right: 10px; background-image: url(images/styles/breadcrumbs-flower.jpg); background-repeat: no-repeat; }
#header .breadcrumbs a:hover { color: #555058; }
#header .breadcrumbs a.main { color: #555058; }
#header .breadcrumbs a.main:hover { text-decoration: underline; }

/* top menu*/
/*
.topmenu-top { background-image: url(images/styles/top-logo-bottom.jpg); background-repeat: no-repeat; width: 1100px; height: 12px; position: relative; top: -2px; }
.topmenu-end { background-image: url(images/styles/top-logo-end.jpg); background-repeat: no-repeat; width: 1100px; height: 65px; position: relative; top: 10px; }
*/

#topmenu  { background-image: url(images/styles/top-menu-bg.jpg); background-repeat: repeat-x; position: relative; top: -87px; left: 282px; width: 717px; height: 45px; }
#topmenu .topmenu-left {float: left; background-image: url(images/styles/top-menu-left.jpg); background-repeat: no-repeat; height: 33px; }
#topmenu .topmenu-right {float: right; background-image: url(images/styles/top-menu-right.jpg); background-repeat: no-repeat; height: 33px; }
#topmenu .topmenu-item {background-image: url(images/styles/top-menu-splitter.jpg); background-repeat: no-repeat; background-position: right; float: left; padding-left: 14px; padding-right: 14px; font-size: 13px; font-weight: bolder; color: #FFFFFF; margin-top: 8px; }
#topmenu .topmenu-item a {font-size: 13px; font-weight: bolder; color: #FFFFFF; text-decoration: none;}
#topmenu .topmenu-item a:hover { color: #000000; }

/* page styles */
#middle  { background-image: url(images/styles/left-bg.gif); background-repeat: repeat-y; position: relative; top: -33px; _top: -47px; }

/* main column styles */
/* _height for IE6 as min-height!!! */
#main      { background-color: white; padding-top: 20px; padding-right: 22px; padding-left: 20px; width: 699px; float: left; background-image: url(images/styles/right-bg.gif); background-repeat: repeat-y; background-position: right; min-height: 950px; _height: 950px; }
#main p { margin-top: 15px; margin-left: 10px; margin-right: 10px; }
#main h1  { color: #039EDE; font-size: 14px; font-weight: bold; line-height: 30px; background: url(images/styles/h1-bg.jpg) left top; width: 687px; height: 71px; overflow: hidden }
#main h2  { color: #039EDE; font-size: 13px; font-weight: bold; line-height: 30px; }
#main h3  { color: #039EDE; font-size: 12px; font-weight: bold; line-height: 30px; }
#main h4  { color: #039EDE; font-size: 14px; font-weight: normal; line-height: 27px; }
#main h5  { color: #039EDE; font-size: 13px; font-weight: normal; line-height: 27px; }
#main h6  { color: #615b5b; font-size: 12px; font-weight: normal; line-height: 24px; }
#main ul { color: #7faecc; list-style-type: none; margin: 15px; }
#main ol { margin-left: 35px; }
#main ul li  { color: #574E4E; font-weight: bolder; background: url(images/styles/bullet-flower.gif) no-repeat 0 0.3em; text-indent: 15px; margin: 3px 0 }
#main ol li { background: none; list-style: decimal; margin: 3px 0; }
#main th, td { padding: 3px 5px; }
#main blockquote { background: #fceec2; border: 1px solid #fddab4; font-style: italic; color: #8B8B8B; font-size: 100%; margin: 10px; padding: 15px; }
#main blockquote p { border: 3px solid #fff; padding: 15px; margin: 0; }
#main table {margin-left: 10px; margin-right: 10px; }
#main tr td { color: #000000; background: #DDDDDD; border-bottom: 1px solid #C8C8C8; border-right: 1px solid #afd5e7; }
#main tr.top td { color: #FAFCB8; font-weight: bolder; background-image: url(images/styles/table-top-bg.jpg); background-repeat: repeat-x; background-color: #EEB304; border: 1px solid #E2AB16; }
#main tr.white td { background: #FFFFFF; border: 1px solid #C8C8C8; }
#main tr.white td img.right { border: 0px; padding: 1px; margin: 10px; float: right; }
#main th { background: #345d83; border-bottom: 1px solid #000; border-right: 1px solid #000; color: #b6d8f0; }
#main th strong { color: white; }
#main td strong { color: #243746; }
#main img { border: 0px; margin: 3px;}
#main img.right { border: 1px solid #574E4E; padding: 1px; margin: 10px; float: right; }

/* menu and stuff */
#menu            { width: 171px; }
#menu li         { list-style: none; margin-left: 75px; width: 100%; height: 24px; _height: 24px; background: #b3b3b3 url(images/styles/left-menu-middle.jpg) no-repeat left top; padding-top: 6px; padding-bottom: 6px;}
#menu li.top     { background-image: url(images/styles/left-menu-top.jpg); background-repeat: no-repeat; min-height: 32px; _height: 32px; }
#menu li.bottom  { background-image: url(images/styles/left-menu-bottom.jpg); background-repeat: no-repeat; min-height: 32px; _height: 32px; }
#menu li a       { color: #555058; font-size: 12px; font-weight: bold; text-decoration: none; padding-left: 25px; padding-top: 6px; padding-bottom: 6px; }
#menu li.active a{ color: #fff; background: url(images/styles/left-menu-middle-active.jpg) no-repeat left top; padding-left: 20px; padding-top: 6px; padding-bottom: 6px; }
#menu li a:hover { color: #fff; background: url(images/styles/left-menu-middle-over.jpg) no-repeat left top; padding-left: 20px; padding-top: 6px; padding-bottom: 6px; }

/* left column styles */
#left { float: left; width: 281px; }
#terminy   { background: url(images/styles/left-nove-terminy-kurzu.jpg) left top; width: 207px; height: 169px; float: right; text-decoration: none; }
#flowers    { background: url(images/styles/flower-big.jpg) no-repeat left top; width: 207px; height: 168px; float: right }

/* maintable */
#maintable {width: 223px; float: right; overflow: hidden; background-image: url(images/styles/box-bg.jpg); background-repeat: repeat-y; margin-right: 20px; _margin-right: 10px; margin-left: 10px;}
#maintable h2  { color: #db0600; text-decoration: none; size: 12pt; overflow: hidden;}
#maintable ul li { color: #000000; font-weight: normal; background: url(images/styles/bullet-flower.gif) no-repeat 0 0.3em; text-indent: 15px; padding-left: 3px; margin-top: 12px; }
#maintable .box-top {background-image: url(images/styles/box-top.jpg); background-repeat: no-repeat; width: 223px; height: 42px; padding-left: 12px; padding-top: 14px; overflow: hidden;}
#maintable .box-body  { width: 223px; overflow: hidden;}
#maintable .box-bottom {background-image: url(images/styles/box-bottom.jpg); background-repeat: no-repeat; width: 223px; height: 8px; overflow: hidden;}

/* footer styles */
#footer { padding: 10px 0 20px 0; background-image: url(images/styles/footer-bg.gif); background-repeat: no-repeat; position: relative; top: -47px; height: 65px; }
#footer .footer-text { margin-left: 300px; font-size: 11px; color: #8B8B8B; }
#footer .footer-text strong { color: #555058; }
#footer span { float: right; color: #7faecc; }
#footer span a { color: black; }
#footer .baby { background-image: url(images/styles/baby.gif); background-repeat: no-repeat; position: relative; top: 70px; _top: 100px; left: 940px; width: 48px; height: 65px; }

#footer-bottom { background-image: url(images/styles/footer-bottom.jpg); background-repeat: no-repeat; height: 56px; }
#footer-bottom .footer-bottom-text { margin-left: 300px; padding-top: 20px; color: #555058;}
#footer-bottom a { color: #555058; font-weight: bolder; text-decoration: none; }
#footer-bottom a:hover { font-weight: bolder; text-decoration: underline; }


#main .onethird { float: left; width: 33%; }
#main .onehalf { float: left; width: 49%; }

table.half { width: 100%; }

#main table.half td { width: 50%; padding: 4px; }
#main table.half td p.updatecontact { margin: 0; padding: 0; text-align: right; font-size: 90%; color: #1c436c; font-style: italic; }
#main table.half td p.updatecontact a { color: #1c436c; }

#main table.selectbox {padding:0; margin:0 0 0 20px; background: transparent;}
#main table.selectbox td {padding:0 0 0 5px; margin:0; background: transparent; border:0 none;}
#main table.selectbox td select {padding:0; margin:0; }

/* ********** helpers ********** */
.splitter1 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 1px; }
.splitter5 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 5px; }
.splitter10 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 10px; }
.splitter15 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 15px; }
.splitter20 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 20px; }
.splitter30 { clear: both; display: block; font-size: 1px; line-height: 1px; padding-top: 30px; }

table.full { width: 498px; }
table.full textarea { margin: 0 auto; width: 490px; }
table th { text-align: left; }

body.wide #main { width: 744px; }
body.wide #left { margin-left: -950px; }
body.wide table.full { width: 744px; margin: 0 0 5px 0; }

p a.big { font-size: medium; }

/* links */
#main table.links { width: 100%; background: white; }
#main table.links tbody tr { margin: 0; padding: 0; }
#main table.links tbody td.linkman { margin: 0; padding: 2px 0; background: white; }
#main table.links tbody td p.linkman { margin: 0; padding: 0; }