/*******************************************************************************
* Soubor kaskádových stylů CSS
* 
* 2010-01-31 Chaloupka Jaromír
*******************************************************************************/
* {margin:0; padding:0;}
body {font-family:Arial, sans-serif; font-size:80%; color:#000; background:#a5a5a5 url(../img/pozadi.gif) repeat-y 50% 0; text-align:center;}
#kontejner {position:relative; width:820px; margin:30px auto 0 auto; text-align:left; padding-bottom:15px; text-align:left;}
#logo {width:820px; height:44px; background:url(../img/zahlavi.gif) no-repeat top left; position:relative;}
#logo p {position:absolute; top:17px; left:340px; font-size:120%; width:135px; text-align:center; text-transform:uppercase;}
#logo p a {color:#ccc; text-decoration:none; background:none; padding-left:0;}
#tv {width:820px; position:relative;}
#tvtop {width:820px; height:20px; background:url(../img/tvtop.jpg) no-repeat top left;}
#tvmid {width:820px; background:url(../img/tvmid.jpg) repeat-y top left; overflow:hidden;}
#tvbot {width:820px; height:20px; background:url(../img/tvbot.jpg) no-repeat top left;}
#levy {float:left; width:180px; margin-left:10px; background:url(../img/levy.jpg) no-repeat top left;}
#pravy {float:left; width:600px; margin-left:10px;}
#menu {width:148px; height:250px; margin-left:15px; margin-top:260px; background:url(../img/menu.gif) no-repeat top left; position:relative;}
#menu ul {list-style:none; position:absolute; top:40px; left:24px;}
#menu ul li a {display:block; float:left; margin-bottom:3px;}
#menu ul li a span {display:none; visibility:hidden;}
#menu ul li a#m1 {background:url(../img/m1.gif) no-repeat 0 -23px; width:100px; height:23px;}
#menu ul li a#m2 {background:url(../img/m2.gif) no-repeat 0 -23px; width:100px; height:23px;}
#menu ul li a#m3 {background:url(../img/m3.gif) no-repeat 0 -23px; width:100px; height:23px;}
#menu ul li a#m4 {background:url(../img/m4.gif) no-repeat 0 -23px; width:100px; height:23px;}
#menu ul li a#m5 {background:url(../img/m5.gif) no-repeat 0 -23px; width:100px; height:23px;}
#menu ul li a#m6 {background:url(../img/m6.gif) no-repeat 0 -23px; width:100px; height:23px;}
#menu ul li a#m1:hover, #menu ul li.aktivni a#m1,
#menu ul li a#m2:hover, #menu ul li.aktivni a#m2,
#menu ul li a#m3:hover, #menu ul li.aktivni a#m3,
#menu ul li a#m4:hover, #menu ul li.aktivni a#m4,
#menu ul li a#m5:hover, #menu ul li.aktivni a#m5,
#menu ul li a#m6:hover, #menu ul li.aktivni a#m6
{background-position:0 0;}                       

#flash {position:absolute; bottom:-170px; left:440px; z-index:0;}
#sound {position:absolute; top:50px; left:-48px; z-index:0;}
#paticka {position:relative; width:760px; text-align:left; margin:0 auto;}
#obsah .novinka1 {margin:10px 0; background-color:#d8dbc4; border:2px solid #fff; padding:10px 0;}
#obsah .novinka2 {margin:10px 0; background-color:#eff0e6; border:2px solid #fff; padding:10px 0;}
#obsah .novinka1:hover, #obsah .novinka2:hover {background-color:#fff;}
  
#obsah {z-index:100;}
#otop {width:600px; height:40px; background:url(../img/otop.gif) no-repeat top left;}
#omid {width:600px; background:url(../img/omid.gif) repeat-y top left; overflow:hidden;}
#obot {width:600px; height:40px; background:url(../img/obot.gif) no-repeat top left;} 
#ods {margin:0 40px;} 
#ods h1 {font-size:110%; color:#7c574a; font-weight:bold; text-transform:uppercase; margin:10px 0; padding:9px 10px; background:url(../img/h1.gif) repeat-x top left; border:2px solid #fff; border-bottom:none;}
#ods h1 span {padding:5px 10px; border:1px solid #c8cbb6; background-color:#eff0e6;}
#ods h2 {font-size:110%; color:#696b5d; padding:15px 15px 5px 15px}
#ods h3 {font-size:110%; color:#696b5d; padding:15px 0 5px 0;}
#ods .novinka1 h2, #ods .novinka2 h2 {font-size:100%; padding:0 15px;}
#ods p {padding:5px 0; line-height:18px;}
#ods p span {color:#999;}
#ods ul, #obsah ol {margin:10px 15px;}
#ods ul li {list-style:none; background:url(../img/sipka.gif) no-repeat 0 50%; padding-left:7px;}
#ods ul li, #obsah ol li {margin:3px 0;}
#ods input {font-family:Arial,sans-serif; border:2px solid #c8cbb6; padding:1px;}
#ods input.dlouhy {width:300px;}
#ods input.kratky {width:55px;}
#ods input.tlacitko {padding:3px 6px; background-color:#696b5d; color:#fff; font-weight:bold; cursor:pointer;}
#ods textarea {width:300px; font-family:Arial,sans-serif; font-size:100%; border:2px solid #c8cbb6;}
#ods p.ko {padding:5px 5px 5px 30px; margin:5px 0px; background:#ffefce url(../admin/img/ikonky/ko.gif) no-repeat 8px 50%; border:1px solid #fcdc9a;}
#ods p.ok {padding:5px 5px 5px 30px; margin:5px 0px; background:#ecf7cd url(../admin/img/ikonky/ok.gif) no-repeat 8px 50%; border:1px solid #d1ea6b;}
a {color:#696b5d; font-weight:bold; background:url(../img/sipka.gif) no-repeat 0 50%; padding-left:7px;}
a:hover {color:#7c574a;}   
a img {border:none;}
ul li a, #paticka a {background:none; padding-left:0;}
#obsah table {border-collapse:collapse; margin:10px 0 20px 0; width:515px;}
#obsah table th {border:1px solid #fff; padding:5px 8px; background-color:#d8dbc4;}
#obsah table td {border:1px solid #fff; padding:3px 8px;}
#obsah table tr:hover {background-color:#fff;}

.box, #formular {margin:10px 0; background-color:#d8dbc4; border:2px solid #fff; width:515px;}
.boxi {float:left; width:100px;}
.boxt {float:left; width:403px; background-color:#ecede2; border:1px solid #fff; margin:10px 0;}
.box:hover {background-color:#fff;}
.boxi img {margin:10px;}
#obsah .boxt p, #obsah .novinka1 p, #obsah .novinka2 p, #formular p {padding:5px 15px;}
#obsah .box h2 {font-size:100%; padding:10px 15px 5px 15px;}
#fu {background-color:#ecede2; border:1px solid #fff; margin:20px;}
#formular table {margin:20px 10px; width:auto; z-index:100; position: relative;}
#formular table td {border:none;}
#formular table tr:hover {background:none;}

#paticka p {line-height:18px;}
#paticka a {color:#666; font-weight:bold;}
#paticka a:hover {color:#7c574a;}
hr.cleaner {clear:both;	height:1px;	margin:-1px 0 0 0; border:none;	visibility:hidden;}