﻿<style type="text/css">

/* basic
-------------------- */
h1, h2, h3, p, ul, ol, li {margin:0; padding:0}
html, body {text-align:center;height:100%;margin:0;}
body {color: #888a7a;background-color: #fff;font: 13px/20px "Helvetica Neue", Arial, sans-serif;}

a {color:#E65C00;text-decoration: underline;cursor:hand;}
a:hover {color:#000;text-decoration: none;}
a:focus {outline: none;}
a::-moz-focus-inner {border: none;}

ul {list-style-type: none;}

h1 {display: block;font:italic 24px Georgia, "Times New Roman", Times, serif;
line-height:28px;}
h2 {display: block;font:italic 20px Georgia, "Times New Roman", Times, serif;
padding-bottom: 15px;line-height:24px;}
h3 {display: block;
font-size: 16px;color: #888b7c;
padding-bottom: 0;
font-weight:normal;}
h4 {display: block;
font-size: 16px;color: #888b7c;
padding-bottom: 0;
font-weight:normal;margin-bottom:2px;}

td {vertical-align:top;}
th {text-align:center;padding:10px 0;font-size:13px;font-weight:normal;font-style: italic;}


/* hlavicka
-------------------- */
#head {width:100%;height:200px;background-color:#fa8f05;}
#top {width:960px;margin:0 auto;}
#top-logo {width:235px;float:left;}
#top-logo img {border:0;margin-top:5px;}
#top-right {width:725px;float:left;padding-top:10px;}
#top-nick {height:30px;text-align:right;color:#fff;}
#top-nick a {color:#fff;}
#top-nick img {width:20px;height:20px;border:0;margin:4px 5px 0 20px;vertical-align:text-bottom;}

#top-banner {height:120px;text-align:center;}
#top-banner iframe {margin-top:25px;}

#head-border {width:100%;height:15px;background:#f8f8f8 url(/img/back-grey.png) top repeat-x;}

#top-newmess {background-color:#fff;border:1px solid #3d3d3d;padding:2px 4px;margin-left:0;}
#top-newmess img {width:19px;height:12px;margin:0 5px 1px 0;}


/* obsah
-------------------- */

#content {width:100%;background-color:#efebef;padding:20px 0;color:#3d3d3d;}
#obsah {width:950px;margin:0 auto;text-align:left;padding-bottom:20px;overflow: auto;min-height:600px;}


span.help {color: #888a7a;cursor:help;font-size:13px;}
input.sub {border:0;background:#ff9900;color:#fff;font-weight:bold;padding:10px 10px;font-size:20px;cursor:hand;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}

#homeslogan {white-space: nowrap;font-weight:bold;font-size:20px;line-height:40px;color:#888a7a;text-align:right;}
#homeslogan strong {color:#3d3d3d;}
#homeslogan input {width:180px;border:0;background:#ff9900;color:#fff;font-weight:bold;padding:10px 10px;font-size:20px;margin-left:15px;cursor:hand;}

#homepic {text-align:center;}
#homepic img {padding:20px 2px;height:230px;width:300px;}

#phones {background-color:#fff;height:246px;padding:10px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border:1px solid #c0c0c0;}
#phones ul {font-weight:normal;list-style-type: circle;padding-left:20px;padding-bottom:10px;}
#phones li {padding-bottom:5px;}

table.online {width:100%}
table.online td {border:0;}

.registrace {width:500px;background-color:#fff;font-size:16px;margin:20px auto;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border:1px solid #c0c0c0;}
.registrace td {height:40px;padding:7px;}
.registrace td.info {height:30px;font-size:13px;}
.registrace input.inp1 {height:23px;border:1px solid #888a7a;width:250px;padding:2px;font-size:18px;}
.registrace input.inp2 {height:23px;border:1px solid #888a7a;width:80px;padding:2px;font-size:18px;}
.registrace input.inp3 {height:23px;border:1px solid #888a7a;width:20px;padding:2px;font-size:18px;}
.registrace input.inp4 {height:23px;border:1px solid #888a7a;width:120px;padding:2px;font-size:18px;}
.registrace input.inp5 {height:23px;border:1px solid #888a7a;width:500px;padding:2px;font-size:18px;}
.registrace select.sel1 {height:28px;border:1px solid #888a7a;width:250px;padding:2px;font-size:18px;}
.registrace select.sel2 {height:28px;border:1px solid #888a7a;width:80px;padding:2px;font-size:18px;}
.registrace select.sel3 {height:28px;border:1px solid #888a7a;width:120px;padding:2px;font-size:18px;}
.registrace select.sel4 {height:28px;border:1px solid #888a7a;width:40px;padding:2px;font-size:18px;}
.registrace textarea.tar1 {border:1px solid #888a7a;width:250px;padding:2px;font-size:18px;}
.registrace textarea.tar5 {border:1px solid #888a7a;width:500px;padding:2px;font-size:18px;}

.registrace_big {background-color:#fff;font-size:16px;margin:20px auto;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border:1px solid #c0c0c0;}
.registrace_big td {height:40px;padding:7px;}
.registrace_big input.inp1 {height:23px;border:1px solid #888a7a;width:250px;padding:2px;font-size:18px;}
.registrace_big input.inp2 {height:23px;border:1px solid #888a7a;width:80px;padding:2px;font-size:18px;}
.registrace_big input.inp3 {height:23px;border:1px solid #888a7a;width:20px;padding:2px;font-size:18px;}
.registrace_big input.inp4 {height:23px;border:1px solid #888a7a;width:120px;padding:2px;font-size:18px;}
.registrace_big input.inp5 {height:23px;border:1px solid #888a7a;width:500px;padding:2px;font-size:18px;}
.registrace_big select.sel1 {height:28px;border:1px solid #888a7a;width:250px;padding:2px;font-size:18px;}
.registrace_big select.sel2 {height:28px;border:1px solid #888a7a;width:80px;padding:2px;font-size:18px;}
.registrace_big select.sel3 {height:28px;border:1px solid #888a7a;width:120px;padding:2px;font-size:18px;}
.registrace_big select.sel4 {height:28px;border:1px solid #888a7a;width:40px;padding:2px;font-size:18px;}

.vypis {width:100%;background-color:#fff;font-size:16px;margin-top:20px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.vypis th {text-align:center;padding:10px 0;border-bottom:1px dotted #c0c0c0;font-size:13px;font-weight:normal;font-style: italic;}
.vypis th h3 {font-size: 16px;color: #888b7c;
padding-bottom: 0;
font-weight:normal;}
.vypis td {border-bottom:1px dotted #e5e5e5;padding:3px 0;margin:0;}

.vypismista {width:100%;background-color:#fff;font-size:16px;margin-top:20px;}
.vypismista th {text-align:center;padding:10px 0;border-bottom:1px dotted #c0c0c0;font-size:13px;font-weight:normal;font-style: italic;}
.vypismista th h3 {font-size: 16px;color: #888b7c;
padding-bottom: 0;
font-weight:normal;}
.vypismista td {border-bottom:1px dotted #e5e5e5;padding:3px 0;margin:0;height:44px;}

.vypistab {width:100%;background-color:#fff;font-size:16px;margin-top:20px;}
.vypistab td {min-height:120px;width:33%;border:1px dotted #e5e5e5;padding:3px 0;margin:0;text-align:center;vertical-align:middle;}
.vypistab input.sub {border:0;background:#ff9900;color:#fff;font-weight:bold;padding:10px 10px;font-size:20px;cursor:hand;}
.vypistab input.inp1 {height:23px;border:1px solid #888a7a;width:200px;padding:2px;font-size:18px;}
.vypistab input.inp2 {height:23px;border:1px solid #888a7a;width:30px;padding:2px;font-size:18px;text-align:right;}
.vypistab input.inp3 {height:23px;border:1px solid #888a7a;width:140px;padding:2px;font-size:18px;}
.vypistab select {margin-top:5px;height:28px;border:1px solid #888a7a;width:200px;padding:2px;font-size:18px;}
.vypistab select.sel1 {height:28px;border:1px solid #888a7a;width:250px;padding:2px;font-size:18px;}
.vypistab select.sel2 {height:28px;border:1px solid #888a7a;width:80px;padding:2px;font-size:18px;}
.vypistab input {margin-top:5px;}
.vypistab div {padding:0 0 10px 0;}

.vypistabsmall {background-color:#fff;font-size:16px;margin-top:5px;}
.vypistabsmall td {border:1px dotted #e5e5e5;padding:8px;margin:0;text-align:center;vertical-align:middle;}
.vypistabsmall img {width:50px;height:50px;border:1px solid #808080;}



.vypistabhome {width:100%;background-color:#fff;font-size:16px;margin-top:20px;margin-bottom:15px;}
.vypistabhome th {text-align:center;}
.vypistabhome td {min-height:80px;width:33%;border:1px dotted #e5e5e5;padding:3px 0;margin:0;text-align:center;vertical-align:middle;}


#obsahdiskuze {width:95%;margin:0 auto;position:relative;text-align:left;}
#smajlici {padding:5px 0 10px 0;}
.strankovani {margin-top:20px;margin-bottom:10px;font-size:15px;font-weight:bold;color:#fff;margin-left:80px;}
.strankovani a {background-color:#c0c0c0;padding:0 17px 0 5px;color:#fff;border:1px solid #c0c0c0;text-decoration: none;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.strankovani a:hover {background-color:#808080;border:1px solid #000;text-decoration:none;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
.strankovani b {background-color:#fa8f05;padding:5px 17px 0 5px;color:#fff;border:1px solid #fa8f05;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}

.nahoru {text-align: right;}
.nahoru a {color:#c0c0c0;}


.sedeinfo {text-align:right;color:#808080;}
.sedeinfo a {color:#808080;}

ul.mainul {padding-bottom:20px;font-size:20px;font-weight:normal;list-style-type: decimal;}
ul.mainul li {padding-bottom:5px;}

ul.mainul2 {font-weight:normal;list-style-type: circle;padding-left:20px;}
ul.mainul2 li {padding-top:10px;}


.infomess {padding:20px 0;font-size:20px;}
.shortinfo {clear:both;padding-bottom:20px;}
.reklama {color:#808080;}
.reklama a {text-decoration:none;color:#000;}
.reklama a:hover {text-decoration:underline;color:#fa8f05;}

big {font-size:25px;}

#left {float:left; width:190px;background-color:#E5E5E5;padding:5px;border:1px solid #c0c0c0;margin:20px 0;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
#left a {color:#3d3d3d;text-decoration:underline;}
#left a:hover {color:#000;text-decoration:none;}

#left ul {margin-left:0;padding:0 15px;}
#left li {margin-left:0;padding:10px 0 0 0; list-style:none; }

#right {float:right; width:740px;margin:20px 0;}

#design {padding:25px;background-color:#fff;}
#design #pic {text-align:center;padding-bottom:25px;}

.icon {width:50px;height:50px;border:1px solid #808080;margin-right:15px;padding: 2px;margin-top:2px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.iconW {width:50px;height:50px;border:1px solid #FF0000;margin-right:15px;padding: 2px;margin-top:2px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.iconM {width:50px;height:50px;border:1px solid #0000BB;margin-right:15px;padding: 2px;margin-top:2px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.iconWD, .iconMD {width:50px;height:50px;border:3px solid #000;margin-right:15px;padding: 2px;margin-top:2px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}

.sicon {width:25px;height:25px;border:1px solid #808080;margin-right:15px;padding: 2px;margin-top:2px;}
.siconW {width:25px;height:25px;border:1px solid #FF0000;margin-right:15px;padding: 2px;margin-top:2px;}
.siconM {width:25px;height:25px;border:1px solid #0000BB;margin-right:15px;padding: 2px;margin-top:2px;}

.ssicon {width:20px;height:20px;border:1px solid #808080;margin-right:3px;padding: 2px;vertical-align:middle;}
.ssiconW {width:20px;height:20px;border:1px solid #FF0000;margin-right:3px;padding: 2px;vertical-align:middle;}
.ssiconM {width:20px;height:20px;border:1px solid #0000BB;margin-right:3px;padding: 2px;vertical-align:middle;}

a.profilW, a.profilWD, #left a.profilW {color:#FF0000;font-weight:bold;text-decoration:none;}
a.profilM, a.profilMD, #left a.profilM {color:#0000BB;font-weight:bold;text-decoration:none;}
a.profilW:hover, #left a.profilW:hover {text-decoration:underline;}
a.profilM:hover, #left a.profilM:hover {text-decoration:underline;}
td.orange2 a.profilW {font-size:15px;}
td.orange2 a.profilM {font-size:15px;}

th.menutitle {padding-top:30px;}

img.fotoimg {border:1px solid #808080;margin-top:2px;padding: 2px;max-width:100px;max-height:100px;}
img.fotoimg2 {border:1px solid #808080;margin-top:2px;padding: 2px;max-width:100px;max-height:60px;}


.profilinfo {color:#fa8f05;font-size:10px;font-weight:bold;vertical-align:baseline;position:relative;bottom:0.4em;}
.profilinfo a, #left .profilinfo a {color:#fa8f05;padding-left:5px;text-decoration:none}
.profilinfo a:hover, #left .profilinfo a:hover {color:#E63900;padding-left:5px;text-decoration:underline}
.vernost img {width:12px;height:13px;border:0;padding-left:5px;}

b.superbig {line-height:75px;font-size:70px;color:#fa8f05;font-weight:bold;}
b.superbig a {text-decoration:none;}

b.superbig2 {line-height:50px;font-size:35px;color:#fa8f05;font-weight:bold;}
b.superbig2 a {text-decoration:none;}

img.platek {max-height:105px;max-width:140px;border:1px solid #c0c0c0;margin:0 2px 2px 0;padding:2px;}
img.platekbig {max-width:250px;max-height:300px;border:1px solid #c0c0c0;margin:0 5px 3px 0;padding:2px;}

img.privatemess {padding-left:3px;cursor:hand;}

/* seznam kampani
-------------------- */
.spend {min-height:150px; margin:0 0 15px 0; padding:15px 0 10px 0; position:relative;}
* html .spend {height:150px}
.spend dt {margin:0 0 5px 0; font-weight:bold; font-size:1.375em}
.spend a:link, .spend a:visited {text-decoration:underline;}
.spend a:hover {text-decoration:none;color:#fa8f05;}
.spend dd {margin:0; padding:0;}
.spend dd.info {padding:0 128px 0 96px;}
.spend dd.info p {text-align:right;padding-top:10px;}
.spend dd.info a {color:#3d3d3d;text-decoration:underline;}
.spend dd.info a:hover {color:#000;text-decoration:none;}
.spend dd.img {position:absolute; left:0; top:45px;}
.spend dd.img img {max-width:88px;_width: expression(document.body.clientWidth > 88? "88px" : "auto" );max-height:158px;_height: expression(document.body.clientHeight > 158? "158px" : "auto" );}
.spend img {padding:2px; border:1px solid #E1EEF7}
.spend dd.tag a {display:block; width:110px; height:87px; padding:8px 4px 0 4px; background:#BED2E1 url('/img/css/spendtag.png') left top no-repeat; position:absolute; right:0; top:40px; font-size:13px; line-height:25px; text-align:center; overflow:hidden; color:#333; text-decoration:none}
.spend dd.tag big {font-weight:bold; display:block;font-size:25px;padding:3px 0 3px 0;}
.spend dd.rating {display:block; width:110px; height:34px; padding:0 4px; background:#F9C21E url('/img/css/spendtag.png') left bottom no-repeat; position:absolute; right:0; top:135px; font-size:11px; line-height:30px; text-align:center; font-weight:bold; overflow:hidden}
.spend dd.rating a {color:#fff;}
.spend dd.rating2 {display:block; width:110px; height:129px; padding:0 4px; background: url('/img/css/spendtag2.png') left bottom no-repeat; position:absolute; left:0px; top:40px; font-size:11px; line-height:12px; text-align:center; overflow:hidden;color:#000;}
.spend dd.rating2 img {border:0;margin-top:10px;}
.spend dd.rating2 b {line-height:65px;font-size:50px;font-weight:bold;}
.spend dd.rating2 div {padding-top:10px;}
.spend dd.rating2 a {text-decoration:underline;color:#000}


#popup1 {text-align:left;
position: absolute;
display: none;
padding: 10px;
background-color: #fff;
border: 5px solid #FF9900;
width: 350px;
left: -500px;
z-index: 5001;
}

#popup1 img {margin-right:10px;}
#popup1 p {
color:#3d3d3d;margin: 0;
padding: 0;
padding-top: 5px;
font-size: 15px;
line-height: 19px;font-weight:bold;
}



#popup1 b {
color:#ff9900;}
#popup1 strong {
color:#000;}
.popup3 {background-color: #ffffff; position:absolute; display:inline; width:850px; height:590px; z-index:5001; border: 1px solid #000000; padding-bottom:0px; left: 80px; top: 9px;}
.popup4 {position:absolute; width:21px; height:21px; z-index:5002; border: 0px solid #000000;  left: 890px; top: 28px}
.popup5 {background-color: #ffffff; position:absolute; display:inline; width:500px; height:200px; z-index:5001; border: 1px solid #000000; padding-bottom:0px; left: 300px; top: 700px;}
.popup5b {position:absolute; width:21px; height:21px; z-index:5002; border: 0px solid #000000;  left: 760px; top: 719px}
.popupMess {background-color: #ffffff; position:fixed; display:inline; width:700px; height:550px; z-index:5001; border: 1px solid #000000; padding-bottom:0px; left: 80px; top: 10px;}
.popup-buyfilter {background-color: #ffffff; position:absolute; display:inline; width:500px; height:200px; z-index:5001; border: 1px solid #000000; padding-bottom:0px; left: 80px; top: 9px;}


#items {width:100%;}
.item {clear: both;border-bottom: 1px dotted #808080;background-color:#fff;padding:3px;}
.item div {clear: both;}
.item div.itemtxt {padding:5px 0 20px 0;cursor:hand;}
.item img {max-width:700px;}

.vizitka {width:100%;color:#888a7a;background: #fff;font: 13px/20px "Helvetica Neue", Arial, sans-serif;border-bottom:1px solid #f8f8f8;}
.vizitka th {border-bottom:1px solid #f8f8f8;}
.vizitka td {text-align:left;}
.vizitka td.foto {text-align:center;}



/* diskuze
-------------------- */

td.orange {border-top:1px dotted #808080;margin-top:0px;}
td.orange2 {overflow:hidden;border-top:1px dotted #808080;margin-top:0px;width:auto;}
td.orange2H {overflow:hidden;border-top:1px dotted #808080;padding-top:40px;width:auto;}
td.orange2B {text-align:right;width:auto;min-width:130px;font-size:75%;border-top:1px dotted #808080;margin-top:0px;}
td.orange2B a {color: #3d3d3d;text-decoration:underline;}
td.orange2B a:hover {color: #000;}
td.linkadole {padding-bottom:40px;vertical-align:top;}
td.slinkadole {padding-bottom:20px;vertical-align:top;}
td.zprava {margin-left:10px;background-color:#fff;}
td.linkadole img {max-width:700px;max-height:700px;}
td.linkadole1 {padding-bottom:40px;vertical-align:top;font-size:125%;}
td.linkadole2 {padding-bottom:40px;vertical-align:top;font-size:150%;}
td.linkadole3 {padding-bottom:40px;vertical-align:top;font-size:200%;}
span.slogan {overflow:hidden;width:auto;display:block;height:40px;font-weight:normal;font-size:12px;color:#808080;font-style:italic;padding:5px 0 0 10px;}
span.ikonka {overflow:hidden;width:auto;display:block;float:left;}
div.lch {float:left;padding-right:5px;}


table.text0 {background-color:#fff;margin-bottom:15px;width:100%;padding:2px;border: 1px solid #c0c0c0;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}

td.textA {overflow:hidden;margin-top:0px;width:auto;}
td.textA a.profilW {font-size:15px;}
td.textA a.profilM {font-size:15px;}

td.textB {text-align:right;width:auto;min-width:130px;font-size:75%;margin-top:0px;color: #808080;}
td.textB a {color: #808080;text-decoration:underline;}
td.textB a:hover {color: #000;}

td.textC {vertical-align:top;}
td.textC img {max-width:700px;max-height:700px;}
td.textC1 {vertical-align:top;font-size:125%;}
td.textC2 {vertical-align:top;font-size:150%;}
td.textC3 {vertical-align:top;font-size:200%;}

.textBUTTON {margin-top:3px;background:#ff9900;color:#fff;border: 1px solid #ff9900;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}



/* paticka */

#footer {height: 40px;padding: 20px 0;background: #fff;color: #666666;	font-size: 12px;}
#footer a {color: #666666;}
#footer a:focus, #footer a:hover {color: #3d3d3d;text-decoration: underline;}
#footer a:active {position: relative;top: 1px;}
#footer div {width: 900px;margin: 0 auto;}
#footer div div {float:left;text-align:left;width:350px;height:150px;} 
#footer ul li a {font-weight: normal;padding: 15px 10px;}
#footer .footer-right {text-align:right;width:200px;}

td.fotoprev {width:150px;padding-bottom:10px;background-color:#fff; text-align:center;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
td.fotoprev img {max-height:75px;}

#tophodnocene div {background-color:#fff; text-align:center;width:120px;height:120px;margin-bottom:5px;vertical-align: middle;padding-top:10px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
#tophodnocene img {vertical-align: middle;}

#nabidka {width:100%;}
#nabidka td {width:12%;height:80px;vertical-align:middle;text-align:center;background-color:#f5f5f5;font-weight:bold;}
#nabidka td.last {width:12%;height:80px;vertical-align:middle;text-align:center;background-color:#fa8f05;}
#nabidka a {color:#000;}
td.last a {color:#fff;}

#zbozi {width:100%;}
#zbozi td {width:24%;height:170px;text-align:center;background-color:#fff;vertical-align:middle;}
#zbozi div {width:100%;height:120px;vertical-align:middle;}
#zbozi img {border:0;max-height:110px;max-width:110px;}
#zbozi a {color:#000;}
#zbozi div.cena {margin-top:10px;height:20px;text-align:right;margin-right:5px;vertical-align:middle;background-color:#3d3d3d;color:#fff;font-weight:bold;border-top:2px solid #fa8f05;}
div.cena span {padding-right:5px;}


#homemain {width:100%;}
#homemain th.neaktivni {width:20%;background-color:#e5e5e5;font-style:normal;height:30px;font-size:18px;font-weight:bold;border-bottom:1px solid #3d3d3d;border-left:1px solid #c0c0c0;border-top:1px solid #c0c0c0;border-right:1px solid #c0c0c0;}
#homemain th.aktivni {width:20%;font-style:normal;height:30px;font-size:18px;font-weight:bold;background-color:#fff;border-left:1px solid #3d3d3d;border-top:1px solid #3d3d3d;border-right:1px solid #3d3d3d;border-bottom:0;}
th a {color:#000;text-decoration:none;}
#homemain td.mainobsah {height:500px;min-height:500px;padding:25px 15px 15px 15px;background-color:#fff;border-left:1px solid #3d3d3d;border-right:1px solid #3d3d3d;}
#homemain form {padding-top:15px;}

img.zboziimg {max-height:350px;max-width:350px;margin-bottom:10px;}

h2 a {color:#3d3d3d;padding-bottom:5px;font-family:"Helvetica Neue", Arial, sans-serif;font-style:normal;line-height:auto;margin:0;}




/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */

/* remove all the bullets, borders and padding from the default list styling */

.menu {
z-index:5000;
}

.menu ul {
padding:0;
margin:0;
list-style-type:none;
position:relative;
z-index:5000;
}
.menu ul ul {
width:150px;
z-index:5000;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:103px;
position:relative;
text-align:center;
}

.menu a:link, .menu a:visited, .menu a:active {
color:#3d3d3d;
}

/* style the links for the top level */
.menu a, .menu a:visited {
background: url(/img/menu-top.png) top left no-repeat;
display:block;
font-size:11px;
text-decoration:none;
width:100px; 
height:30px; 
border-left: 3px solid #fa8f05;
line-height:29px;
color:#3d3d3d;
font-weight:bold;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:100px;
w\idth:89px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#949e7c;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65;
}
.menu ul ul :hover > a.drop {
background:#c9ba65;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#f5f5f5;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#fa8f05;
}
.menu ul ul ul :hover > a {
background:#fa8f05;
}



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:28px;
left:-25px; 
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}



/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
border-top:1px solid #c0c0c0;
border-left:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
background:#fff; 
color:#000; 
height:auto; 
line-height:29px; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}

.menu ul ul a.first, .menu ul ul a.first:visited {
border-top:0;
}

.menu ul ul a.last, .menu ul ul a.last:visited {
border-bottom:1px solid #c0c0c0;
}

/* style the top level hover */
.menu ul ul a:hover{
color:#fff; 
background:#fa8f05;
}
.menu ul ul :hover > a {
color:#fff;
background:#fa8f05;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}


.divline div {clear:both;}

.tabhodnoceni {margin:10px 0 0 80px;width:450px;border:1px solid #c0c0c0;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;background-color:#fff;}
.navlista {width:auto;border:1px solid #c0c0c0;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;background-color:#fff;padding:2px 5px;letter-spacing:1px;}
.navlista a {color:#3d3d3d;}
.navlista a:hover {color:#000;}

.slide {clear:both;}

.slide h2, .slide p {
  margin:15px;
  text-align:left;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 0 0 15px;
  border:0;
}
.slide ul {
text-align:left;
}

.clanekperex {height:110px;}
.clanekinfo {text-align:right;clear:both;}

.bigs {font-size:22px;font-weight:bold;display:block;}

.jeaktivni1 {text-align:center;background-color:#008000;color:#fff;}
.jeaktivni2 {text-align:center;background-color:#c0c0c0;color:#000;}
.jeaktivni2 a {color:#000;}
.jeaktivni3 {text-align:center;background-color:#ff0000;color:#fff;}

.selldetail {background-color:#fff;padding:0 10px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}

.nopad {background-color:#f8f8f8;padding:0;}
.nopad h3 {padding:0;margin:0;}
.nopad img {margin:15px;}
.nopad td {padding:0;margin:0;height:auto;}

.red {color:#ff0000;font-weight:bold;text-decoration:none;}
.red:hover {text-decoration:underline;color:#ff0000;}
</style>