body {font-family: arial, verdana, MS Sans Serif, sans-serif; background: url(img/zad.gif) repeat-x ;font-size:12px;}
a:hover{color: #222222;	text-decoration:none;}
a, h3 .admin, h1 a:visited , #head a:visited{color: #aaaaaa; text-decoration:underline;font-weight:normal;}
a:visited{color: #555;}

img {border:0px}
.foto img, .fotka{border:#374bac solid 3px;}
.text img {max-width:100%;}
.error, .uspech, .process{ width:95%; border: 1px solid #ff0000; background-color:#ff9999; color:#aa0000; padding:5px; margin:10px; margin-right:40px;font-size:15px;}
.uspech{border: 1px solid #00ff00; background-color:#99ff99; color:#00aa00;}
.process {border: 1px solid #aaa; background-color:#eee;color:#000;padding-top:2px;text-align:center;}

.noscreen {display:none;}
.malemenu a, #menu a,.malemenu a:visited, #menu a:visited {color: #000000; text-decoration:none;font-weight:bold;}
.malemenu a:hover, #menu a:hover{color: #222222;}
td, th{border:#374bac  solid 1px;padding: 2px; border-collapse: collapse; vertical-align:middle;}
table{width: 100%; max-width:100%;}
.login table, .login td, .login tr{border-color:#374bac; border-style: none }
.heading th {border:0;}
h3 a, h2 {color: #000000;font-weight:bold;}
/*obecné ID*/
#hdiv{position: relative; width: 980px; margin: 50px auto 0 auto;}
#obsah {position: relative;float: left; width: 970px;padding-right: 20px; padding-left: 5px;
	 background-image:url('img/kraj.png');}
#head {float: left; width: 956px; padding: 2px;padding-right: 42px;height: 45px;font-size:12px;
	vertical-align:bottom;text-align:right; background-image:url('img/obsah.png');color: #fcd900;}
#spod {position: relative;clear:both; width: 967px; height: 16px; padding: 42px 20px 28px 8px; margin-bottom: 1em; background:url('img/obsah.png') no-repeat left bottom;
	text-align: center; color: #222222;}
#spod a{color: #222222;}
#levy{position: relative;float:left;  width: 200px;margin: 0 10px 0 10px;}
#pravy{position: relative;float:right; width: 700px;margin: 0 10px 0 10px;}
#up {padding-left:7px;padding-top:5px;margin-top:-10px}
#up:hover {background: url(img/up.png) no-repeat;padding-top:5px;}
#count{font-size:16px; position: relative;float: right; margin-top:-43px;  text-align: center; color:#fcd900;
 width: 220px;height:22px; padding: 15px; background: url(img/count.png) no-repeat;}
#shade {display:none; position:fixed; z-index:3;top:-10px;left:-10px; background:rgba(0,0,0,0.7); height:105%; width:105%}
#ajax {display:none; position:absolute; z-index:4; background-color: #fff; }
#ajax.pul {height:auto;}
#close {position:absolute; right:15px; top:10px; background: url(img/ico_close.png) no-repeat; height:17px; width:19px;cursor: hand; cursor: pointer;}
/*END obecné ID*/

/*Záhlaví stránky*/
#menu {position: relative;float: left; z-index: 2;width: 980px; height: 149px; padding: 0px; 
	background: url(img/menu.gif) no-repeat;}
#logo {position: absolute; left:820px; top:-40px; width: 170px; height: 190px;background: url(img/logo.gif) no-repeat;}
#menutitle {position:relative; float:left; margin-left:20px; width: 800px; height: 100px;
	background: url(img/menutitle.gif) no-repeat;}
#menu>ul {position: relative;float: left; z-index: 5;width: 940px; height: 49px; margin:0 0 0 20px;
	padding:0; border-bottom: 0px solid #231b6e;text-shadow: #6374AB 2px 2px 2px;font-size:16px;}
#menu ul ul {visibility: hidden; position:absolute; top:50px; text-align:left;
	 background:#fff url(img/bgmenu.gif) repeat-x; width: 200px; padding:0;}
#menu li:hover>ul {visibility:visible;} 
#menu li {position:relative;float:left;list-style-type:none}
#menu>ul>li>a {float:left; margin-right: 5px;width: 100px; height: 30px; padding-top: 20px;text-align: center;text-shadow: #6374AB 2px 2px 2px;
	background: url(img/il1.gif) no-repeat;background-position: 0px -50px;font-weight:bold;text-decoration:none; }
#menu>ul>li:hover>a {height: 29px; padding-top: 21px; background-position: 0px 0px;}
#menu .ila, #menu a.ila:visited  {color: #fcd900; background: url(img/il2.gif);}
#menu ul li ul a{background: url(img/ball.gif) no-repeat 10px 2px; padding:4px 0px 2px 40px;width:100%;height: auto;}
.ila {background: url(img/il2.gif);}
#menu li ul li span{float:left; width: 50px; padding:3px 10px 3px 40px; margin-bottom:5px;margin-bottom:5px;font-weight:bold; background: url(img/ball.gif) no-repeat 10px 2px;}
#menu ul li ul li:hover span {background:#aaaaaa url(img/ball2.gif) no-repeat 10px 2px; padding:4px 10px 2px 40px;}
#menu ul li ul li ul {top:25px;}
#menu li.vysl2 ul {left:-100px}
a.ila, a.ila:hover, a.ila:visited {color: #fcd900;}
#menu li ul {border-bottom-left-radius: 5px 5px; border-bottom-right-radius: 5px 5px; -moz-border-radius-bottomright: 5px;
 -moz-border-radius-bottomleft: 5px;-moz-box-shadow: 1px 0px 10px #888;-webkit-box-shadow: 1px 0px 10px #888;box-shadow: 1px 0px 10px #888;}
/*END Záhlaví stránky*/

/*obecné třídy*/
#levy ul { float:left; width: 200px; line-height:120%;margin-bottom:30px;padding-left:0;margin-top:0;background: url(img/bgmenu.gif) repeat-x 0px 41px;font-size:16px;text-shadow: #6374AB 2px 2px 2px;}
#levy li {float:left; width: 160px;list-style-type:none; padding:3px 0px 3px 40px; margin-bottom:5px; background: url(img/ball.gif) no-repeat 10px 2px;}
#menu ul li ul a {float:left; width: 160px; padding:3px 0px 3px 40px; margin-bottom:5px; background: url(img/ball.gif) no-repeat 10px 2px;}
#levy li:hover, #menu ul li ul a:hover {background:#aaaaaa url(img/ball2.gif) no-repeat 10px 2px; padding:4px 0px 2px 40px;
-moz-box-shadow: 0px 0px 10px #888;-webkit-box-shadow: 0px 0px 10px #888;box-shadow: 0px 0px 10px #888;}
.text{ float:left; width: 660px; max-width: 100%; text-align:justify; font-size:12px; padding:20px; background:url(img/bgobsah.gif) repeat-x 0px 41px;margin-bottom:15px;}
.text h1, .text h2, .malemenu h2 {background: url(img/headtext.gif) no-repeat;height: 20px;padding: 10px;width: 100%;
   padding-left:40px;padding-right:0px; margin: -20px -20px 20px -20px;font-weight:bold; font-size:17px;color: #fcd900;padding-left: 40px;}
.text textarea {width:96%}
.pul {width:300px; margin-left:10px; height:280px;}
.pul h2 {background: url(img/headpul.gif) no-repeat;}
.center {text-align:center}
.center h2 {text-align:left}
.vysl a{width: 80px;} 
#levy .text {width:190px; padding:5px}
#levy h2 {margin: -5px -5px 20px -5px; background: url(img/headmaly.gif) no-repeat;width: 160px;}
#levy ul h2 {margin:0;}
.foto { width:200px; height:250px; float:left; margin:8px; text-align: center; }
.fotky {position: relative;float:left;width:180px; margin-left: 20px; margin-right: 20px;border:1px; }
.kontakty {clear:left; text-align:left; line-height:120%; margin-bottom:10px;  }
.kontakty img {margin-right:10px; float:left; border:#374bac solid 3px;margin-bottom:10px;}
.udaje {width:auto;}
.udaje td {border:0;}
.prvni {text-align:right; font-weight:bold;}
/*END obecné třídy*/

#count a {color:#fcd900;}
.formular, .formular td, .formular tr, .formular th{border:0;}
td input {width:96%}
.formular input, .formular textarea {width:100%}
#foto, #max {border:0;color:#fcd900;background: transparent; }
#foto {text-align:right;}
/*sestava na hřišti*/
.hriste {background:url(img/hriste.png) no-repeat; position: relative; padding:100px 50px 50px 50px}
.sestava{ width:270px; height:200px;float:left;text-align: center;}
/*příspěvek*/
.book {margin-bottom: 30px;border-top:2px solid #aaa;}
.reak {margin-left: 50px; }
.itemhead, .righthead{float:right; background:#eee; border:2px solid #aaa; border-top:0;padding:0 2px 0 2px; border-bottom-left-radius: 5px 5px;
 border-bottom-right-radius: 5px 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;}
.righthead{float:none}
.itemhead>* {float:none}
.itemhead, .righthead, .book p {-moz-box-shadow: 10px 10px 3px #888;-webkit-box-shadow: 10px 10px 3px #888;box-shadow: 10px 10px 3px #888;}
.book p {border:2px solid #aaa;background:#eee;border-radius: 5px 5px;-moz-border-radius: 5px;margin-top:11px; padding:4px; }
.comic {background:url('img/comic.gif') no-repeat;position:relative; margin-left:-16px;padding-left:16px; top:18px; left:25px; width:16px; height:12px}
.book h3 {display:inline; margin-top:0;}
.pul p {clear:both;}
#plus {padding-left:15px; background:#eee url('img/ico_add.gif') no-repeat 0 0;}
#plus:hover { background-position: 0px -16px; color:#000}
#smajly img {display:none;}

/*nejúžasnější ikonky*/
.date, .user, .more, .admin, .reakce, .trash, .add, .thumbup, .thumbdown  {padding-left:20px;float:right;background: no-repeat 3px 0;font-size:12px; overflow:hidden; }
.admin {background-image:url('img/ico_admin.gif');}
.trash {background-image:url('img/ico_trash.gif');}
.date {background-image:url('img/ico_date.gif') ; }
.add {background-image:url('img/ico_add.gif') ;}
.thumbup {background-image:url('img/ico_thumb_up.gif') ;}
.thumbdown {background-image:url('img/ico_thumb_down.gif') ;}
.reakce {background-image:url('img/ico_reakce.gif');}
.user {background-image:url('img/ico_user.gif') ;font-weight:bold; color:#000000;float:none;}
.reakce:hover, .admin:hover, .date:hover, .tblank:hover, .user:hover
, .trash:hover, .add:hover, .thumbup:hover, .thumbdown:hover { background-position: 3px -16px; color:#000}
.more {background:url('img/btn_more.gif') no-repeat;}
.tblank {background:url('img/ico_link.gif') no-repeat;padding-left:15px}

td .admin, th .admin {margin-left:0px; float:none;}
h1 .add, h2 .add, h1 .trash, h1 .admin, h2 .admin{float:none; width:0}
.today {background:url('img/today.gif') #eee no-repeat}
.event {background-color: #6374AB }
.trenink {background-color:#7394FB}
.turnaj {background-color:#4364FB}