html {height: 100%; background: url(img/index/bg.gif);}
body {min-height: 100%; margin: 0; padding: 0; font-family: Verdana; font-size: 12px; color: #fff;}
img {border: 0;}
a {color: #555; text-decoration: none;}
a.nahled {color: #4c678e; font-weight: bold;}
a:hover {text-decoration: underline;}
h1 {display: none;}
h2 {font-size: 14px; font-weight: bold; margin: 0 0 8px 0; width: 100%; display: block;}
p {text-align:justify;}

#bg {width: 100%; min-height: 500px; background: url(img/index/bg.png) center top no-repeat;}
#ram {margin: 0 auto; padding: 0; width: 700px;}
#hlava {height: 120px; padding: 10px 10px 0 0;}
#logo {float: left; width: 225px;}
#login {float: right; width: 245px;}
#menu {float: left; width: 700px;}
#obsah {float: left; width: 515px; margin: 0 15px; margin-bottom: -10px;}
#obsah2 {float: left; width: 700px; margin: 10px 15px; margin-bottom: -10px;}
#sloup {float: left; width: 130px; height: 310px; margin-bottom: -10px; background: url(img/index/img.png) center center no-repeat;}

.input1, .input2, .input2_small {height: 20px; background-color: #131313; border: solid 1px #2a2a2a; color: #555; padding: 0 5px; -webkit-box-shadow: 0 0px 5px #333; -moz-box-shadow:0 0px 5px #333; box-shadow: 0 0px 5px #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.input1 {width: 200px; margin-top: 10px;}
.input2 {width: 115px;}
.input2_small {width: 50px;}
.select {width: 128px; background-color: #131313; border: solid 1px #2a2a2a; color: #555; -webkit-box-shadow: 0 0px 5px #333; -moz-box-shadow:0 0px 5px #333; box-shadow: 0 0px 5px #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.select_small {width: 50px; background-color: #131313; border: solid 1px #2a2a2a; color: #555; -webkit-box-shadow: 0 0px 5px #333; -moz-box-shadow:0 0px 5px #333; box-shadow: 0 0px 5px #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}


#menu ul {margin: 0 0 0 30px; padding: 0;}
#menu ul li {list-style: none; display: block; float: left; height: 29px; margin: 0 10px 5px 0; background: url(img/index/menu.png) left bottom no-repeat;}
#menu ul li a {display: block; height: 23px; padding: 6px 12px 0 7px; margin: 0 -5px 0 5px; color: #999; font-size: 13px; text-decoration: none; background: url(img/index/menu.png) right bottom no-repeat; text-shadow: #000 1px 1px 1px;}
#menu ul li:hover {background: url(img/index/menu.png) left top no-repeat;}
#menu ul li:hover a {background: url(img/index/menu.png) right top no-repeat; color: #fff; text-decoration: none;}

#registrace {clear: both; width: 100%; height: 107px; text-align: center; margin-top: -10px;}

#vyvoj h2 {padding-left: 35px; background: url(img/index/cara2.jpg) 0 15px no-repeat;}
#bar_1 {width: 450px; height: 25px; margin: 0 auto; background: url(img/index/bar.jpg) no-repeat;}
#bar_2 {float: left; height: 25px; background: url(img/index/bar.jpg) left bottom no-repeat;}
#bar_3 {width: 450px; height: 25px; margin: 0 auto; text-align: center; font-weight: bold; font-size: 14px; position: relative; top: -22px;}

.panel {float: left; width: 220px; font-size: 11px; padding: 5px 5px 0 5px;}
.panel h2 {text-align: center; background: url(img/index/cara.jpg) center 15px no-repeat;}
.info span {color: #53a9db;}
.panel ul {margin: 0; padding: 5px 10px;}
.panel ul li {list-style: none; padding: 0 0 3px 20px;}
.panel ul#utok li {background: url(img/index/icon_utok.png) no-repeat;}
.panel ul#mest li {background: url(img/index/icon_mesta.png) no-repeat;}
.panel p {padding: 5px 5px;}

#reklama {font-family: Arial; font-size: 10px; padding-left: 10px; color: #333; border-bottom: solid 1px #333;}
#odkazy {padding: 10px;}

.right {text-align: right;}

.tabulka td {padding:5px;}
.tab01 {background: url(img/index/table_bg.gif) 0 0 no-repeat;}
.tab02 {background: #252525;}
.tab03 {background: #333;}
.tabulka1 {border: solid 1px #333; padding: 1px;}
.tabulka1 td {padding:5px; border-left: solid 1px #444; border-top: solid 1px #444;}