body { background: #11c9fd url(../images/bg_header.gif) repeat-x; text-align: center; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 13px; color: #333; margin: 0; padding: 0; }
img { border: 0; }
a { color: #00aeef; text-decoration: none; }
sub, sup { vertical-align:baseline; position:relative; }
sub { top:0.4em; }
sup { bottom:0.4em; }

#header { width: 990px; margin: 0 auto; }
#header #logo { text-align: left; padding: 30px 0; }
#header ul { list-style: none; padding: 4px 0 10px 0; margin: 0; float: right; }
#header ul li { display: inline; }
#header ul li a { display: inline; color: #FFF; padding: 5px 12px 10px 12px; font-size: 120%; font-weight: bold; text-decoration: none; }
#header ul li a:hover, #header ul li a.select { background: #11c9fd; }

#page { background: #FFF; width: 100%; clear: both; }
#container { width: 990px; margin: 0 auto; padding-top: 25px; text-align: left; }
#menu { float: left; width: 220px; }
#menu h2 { color: #00aeef; font-size: 120%; padding: 15px 0 0 100px; margin: 0 0 10px 0; }
#menu ul { padding-left: 0; margin-left: 0; border-bottom: 1px solid #CCC; width: 160px; float: right; }
#menu li { list-style: none; margin: 0; background: #f4f4f4 url(../images/arrow_menu.gif) 5px 50% no-repeat; }
#menu li a { text-decoration: none; color: #013447; padding: 5px 5px 5px 12px; border-top: 1px solid #CCC; display: block; width: 143px; }
#menu li a:hover, #menu li a.select { padding: 5px 5px 5px 12px; border-top: 1px solid #CCC; background: #ccc url(../images/arrow_menu.gif) 5px 50% no-repeat; }

#retezy { background: url(../images/bg_retez.gif) no-repeat top left; clear: both; height: 220px; padding-bottom: 15px; }
#kola { background: url(../images/bg_kolo.gif) no-repeat top left; clear: both; height: 300px; }
#content { float: right; width: 744px; padding-bottom: 15px; }
#content h1 { background: #F4F4F4; color: #00aeef; font-size: 150%; border-bottom: 3px solid #dadada; margin: 0; padding: 10px; }
#content h2 { color: #00aeef; font-size: 130%; border-bottom: 3px solid #dadada; margin: 0; padding: 10px 0; }
#content h3 { color: #00aeef; font-size: 130%; margin: 0; padding: 10px 0; }
#contet p { line-height: 1.5em; }
#content ul { list-style: none; margin: 15px; }
#content ul li { background: url(../images/arrow_menu.gif) no-repeat 0 5px; padding-left: 10px; }
#content img.left { float: left; margin-top: 25px; margin-right: 7px; border: 5px solid #F4F4F4; }
#content p.left { padding-left: 165px; }
#content p.center { text-align: center; }
#content hr { color: #dadada; background: #dadada; height: 1px; border: 0; clear: both; }
#content div.halfBox { float: left; width: 50%; }
#content div.third { float: left; width: 33%; }
#content div.third p { text-align: center; padding: 0; margin: 2px 0; }
#content img.right { float: right; padding: 20px 0; }

#content table.stripeTables { margin: 20px 0; width: 100%; border: 2px solid #00529F; font-size: 11px; }
#content table.stripeTables tr th { background-color: #00529F; padding: 5px; color: #FFFFFF; text-align: center; }
#content table.stripeTables tr th.th-border-left { border-left: 1px solid #ecf6fc; }
#content table.stripeTables tr th.th-border { border-right: 1px solid #ecf6fc; }
#content table.stripeTables tr th.th-noborder { border: none; }
#content table.stripeTables tr.alt td { background: #D5F5FF; }
#content table.stripeTables tr.over td { background: #B9EEFF; }
#content table.stripeTables td { text-align: center; padding: 5px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 90%; }
#content table.stripeTables td.noborder { text-align: center; padding: 5px; border-bottom: 1px solid #fff; border-left: none; font-size: 90%; }
#content table.stripeTables td.left { text-align: left; padding: 5px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 90%; }
#content table.stripeTables td.td-border-right { text-align: left; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }

#content .message { padding: 10px; background: #D9FFEC; border-bottom: 1px solid ##8AFFC5; border-top: 1px solid ##8AFFC5; margin: 10px 0; }
#content .form { margin: 0; padding: 0; position: relative; width: 100%; padding: 0 0 10px 0; }
#content .holder { overflow: hidden; margin: 0; padding: 0; clear: both; background: #F4F4F4; margin: 0; padding: 7px 4px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
#content .form label { float: left; margin: 7px 0 0 0; padding: 0 10px 0 0; line-height:100%; width: 30%; font-weight: bold; text-align: right; }
#content .form label.required { background: url(../images/required.gif) top right no-repeat; }
#content .form .textInput { float: left; width: 40%; border: 1px solid #dadada; padding: 2px; margin: 3px 0 0 10px; }
#content .form textarea { float:left; width:66%; border: 1px solid #dadada; padding: 2px; height:12em; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-size: 13px; margin: 3px 0 0 10px; }
#content .form .hint { clear:both; color:#999; margin:.5em 0 0 32%; padding:3px 10px 3px 0; font-size:80%; }
#content .form .button-holder { overflow:hidden; clear:both; background:#f9f9f9; border:1px solid #dadada; border-width:1px 0; margin:10px 0 0 0; padding:10px; text-align:right; }

#footer { clear: both; text-align: left; width: 990px; margin: 0 auto; }
#footer p { margin: 10px 0; padding: 10px; background: #00529f; color: #FFF; }
#footer a { color: #FFF; text-decoration: none; }

.clear { display: block; clear: both; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; }