@media screen, projection{
body{font:80% Verdana,Arial,lucida,sans-serif; margin:0; padding:0; color:black; background:white;}

hr{height:1px; border:none; border-bottom:1px solid #e9eef1;}

/* NADPISY */
h1,h1 span{position:absolute; width:147px; height:147px; padding:0; margin:0;}
	h1{top:17px; left:27px; overflow:hidden; font-size:80%; z-index:10;}
	h1 span{display:block; top:0; left:0; background:transparent url(../img/logo.gif) 0 0 no-repeat;}
	.podstranka span{display:block; top:0; left:0; background:transparent url(../img/logo_small.gif) 0 0 no-repeat;}

h2,h3,h4,h5{font:normal 150% Verdana,Arial,lucida,sans-serif;}
h2{font:200% "Times New Roman",serif; position:absolute; bottom:15px; right:20px; margin:0;}
h3{font-size:180%; margin:1em 0; padding:0; border-bottom:3px solid #e7b300;}
h4{font-size:140%; margin:.7em 0; padding:0;}
h5{font-size:100%; font-weight:bold;}
#cont-hp h3{margin:0;}
.sp-nav h3,#login-kontakt h3{border:none;}

/* BARVY */
.wh,#nav a,#cont-hp,#login td{color:white;}
.bl{color:black;}
.brown,a,h2,h3,h4,th{color:#723300;}
.yel,#cont-hp a{color:#e7b300;}
.gray,#foot,#foot a{color:#999;}

/* DELENI */
#main{width:100%; text-align:center;}
#head,#contmain,#nav{text-align:left; margin:0 auto; position:relative; width:980px;}
#head{height:70px; z-index:98;}

#cont-hp{background:#a64a00 url(../img/poz-hp-bot.gif) repeat-x; margin:0; padding:0; border-top: 1px solid white;}
#cont-hp #login-kontakt,#cont-hp .statement{float:left;}
#login,#kontakt,#partneri,#partneriafterlogin{padding:15px;}
#kontakt {height: 65px;} 
#partneri{padding-top:0px;height: 60px;}
#partneriafterlogin{margin-top:20px;padding-top:0px;padding-left:20px;height: 60px;}
#login-kontakt{width:196px; background:#904000 url(../img/poz-hp-bot2.gif) 0 0 repeat-x; border-right:1px solid #e7b300;}
#login{background:#733300 url(../img/poz-hp-bot3.gif) 0 0 repeat-x;}
#kontakt{background:#733300 url(../img/poz-hp-bot.gif) 0 0 repeat-x;}
#partneri{background:#733300 url(../img/poz-hp-bot4.gif) 0 0 repeat-x;}
#partneriafterlogin{background:none;}
.statement{padding:20px 20px 0 20px;}
	.statement img{width:684px; height:190px;}
#contmain{background: url(../img/bg_contmain.gif) repeat-y;}
#login h3,#kontakt h3,#partneri h3,#partneriafterlogin h3{position:relative; overflow:hidden;}
#login h3,#login h3 span{width:148px; height:17px;}
#kontakt h3,#kontakt h3 span{width:156px; height:17px;}
#partneri h3,#partneri h3 span{width:106px; height:14px;}
#partneriafterlogin h3,#partneriafterlogin h3 span{width:106px; height:14px;}
#login h3 span,#kontakt h3 span,#partneri h3 span,#partneriafterlogin h3 span{display:block; position:absolute; top:0; left:0;}
#login h3 span{background:transparent url(../img/hp-prihlaseni.gif) 0 0 no-repeat;}
#kontakt h3 span{background:transparent url(../img/hp-vyznamni-hoste.gif) 0 0 no-repeat;}
#partneri h3 span{background:transparent url(../img/hp-partneriafterlogin.gif) 0 0 no-repeat;}
#partneriafterlogin h3 span{background:transparent url(../img/hp-partneriafterlogin.gif) 0 0 no-repeat;}
#foot{font-size:85%; background:black; padding:8px 10px; clear:both;}
	#foot p{margin:0; padding:0;}

/* NAVIGACE */
#nav {background:#723300 url(../img/poz-nav.gif) repeat-x; text-align:right; height:36px;}
	#nav ul{width:775px; padding:0; margin:0 0 0 auto; list-style-type:none;}
	#nav li{float:left; margin:0; padding:0;}
	
#nav a{position:relative; float:left; display:block; height:29px; margin-top:7px; overflow:hidden;}
#nav .uvod a span, #nav .obch-prilezitosti a span, #nav .konf-prostory a span, #nav .restaurace a span, #nav .aktuality a span, #nav .b2b a span, #nav .klub a span,#nav .program a span,#nav .sluzby a span,#nav .kontakt a span,#nav .ucet a span,#nav .profil a span,
#nav .uvod-en a span,#nav .klub-en a span,#nav .program-en a span,#nav .sluzby-en a span,#nav .kontakt-en a span,#nav .ucet-en a span,#nav .profil-en a span{display:block; height:29px;}
/* CZ */
#nav .uvod a span, #nav .obch-prilezitosti a span, #nav .konf-prostory a span,#nav .restaurace a span,#nav .aktuality a span,#nav .b2b a span,#nav .klub a span,#nav .program a span,#nav .sluzby a span,#nav .kontakt a span,#nav .ucet a span,#nav .profil a span{position:absolute; top:0; left:0; background:transparent url(../img/n-o-klubu.gif) 0 0 no-repeat;}
#nav .uvod a,#nav .uvod a span{width:51px;}
#nav .uvod a span{background-image:url(../img/n-uvod.gif);}
#nav .uvod a:hover span,#nav .uvod a.active span{background-position:-51px 0;}

#nav .aktuality a,#nav .aktuality a span{width:75px;}
#nav .aktuality a span{background-image:url(../img/n-aktuality.gif);}
#nav .aktuality a:hover span,#nav .aktuality a.active span{background-position:-75px 0;}

#nav .b2b a,#nav .b2b a span{width:90px;}
#nav .b2b a span{background-image:url(../img/n-networking.gif);}
#nav .b2b a:hover span,#nav .b2b a.active span{background-position:-90px 0;}

#nav .restaurace a,#nav .restaurace a span{width:88px;}
#nav .restaurace a span{background-image:url(../img/n-restaurace.gif);}
#nav .restaurace a:hover span,#nav .restaurace a.active span{background-position:-88px 0;}

#nav .konf-prostory a,#nav .konf-prostory a span{width:152px;}
#nav .konf-prostory a span{background-image:url(../img/n-konf-prostory.gif);}
#nav .konf-prostory a:hover span,#nav .konf-prostory a.active span{background-position:-152px 0;}

#nav .obch-prilezitosti a,#nav .obch-prilezitosti a span{width:153px;}
#nav .obch-prilezitosti a span{background-image:url(../img/n-obch-prilezitosti.gif);}
#nav .obch-prilezitosti a:hover span,#nav .obch-prilezitosti a.active span{background-position:-153px 0;}

#nav .klub a,#nav .klub a span{width:68px;}
#nav .klub a span{background-image:url(../img/n-o-klubu.gif);}
#nav .klub a:hover span,#nav .klub a.active span{background-position:-68px 0;}
#nav .program a,#nav .program a span{width:74px;}
#nav .program a span{background-image:url(../img/n-program.gif);}
#nav .program a:hover span,#nav .program a.active span{background-position:-74px 0;}
#nav .sluzby a,#nav .sluzby a span{width:58px;}
#nav .sluzby a span{background-image:url(../img/n-sluzby.gif);}
#nav .sluzby a:hover span,#nav .sluzby a.active span{background-position:-58px 0;}
#nav .kontakt a,#nav .kontakt a span{width:71px;}
#nav .kontakt a span{background-image:url(../img/n-kontakt.gif);}
#nav .kontakt a:hover span,#nav .kontakt a.active span{background-position:-71px 0;}
#nav .ucet a,#nav .ucet a span{width:89px;}
#nav .ucet a span{background-image:url(../img/n-ucet.gif);}
#nav .ucet a:hover span,#nav .ucet a.active span{background-position:-89px 0;}
#nav .profil a,#nav .profil a span{width:96px;}
#nav .profil a span{background-image:url(../img/n-profil.gif);}
#nav .profil a:hover span,#nav .profil a.active span{background-position:-96px 0;}
/* EN */
#nav .uvod-en a span,#nav .klub-en a span,#nav .program-en a span,#nav .sluzby-en a span,#nav .kontakt-en a span,#nav .ucet-en a span{position:absolute; top:0; left:0; background:transparent url(../img/en-o-klubu.gif) 0 0 no-repeat;}
#nav .uvod-en a,#nav .uvod-en a span{width:154px;}
#nav .uvod-en a span{background-image:url(../img/en-uvod.gif);}
#nav .uvod-en a:hover span,#nav .uvod-en a.active span{background-position:-154px 0;}
#nav .klub-en a,#nav .klub-en a span{width:96px;}
#nav .klub-en a span{background-image:url(../img/en-o-klubu.gif);}
#nav .klub-en a:hover span,#nav .klub-en a.active span{background-position:-96px 0;}
#nav .program-en a,#nav .program-en a span{width:106px;}
#nav .program-en a span{background-image:url(../img/en-program-klubu.gif);}
#nav .program-en a:hover span,#nav .program-en a.active span{background-position:-106px 0;}
#nav .sluzby-en a,#nav .sluzby-en a span{width:85px;}
#nav .sluzby-en a span{background-image:url(../img/en-sluzby-klubu.gif);}
#nav .sluzby-en a:hover span,#nav .sluzby-en a.active span{background-position:-85px 0;}
#nav .kontakt-en a,#nav .kontakt-en a span{width:85px;}
#nav .kontakt-en a span{background-image:url(../img/en-kontakt.gif);}
#nav .kontakt-en a:hover span,#nav .kontakt-en a.active span{background-position:-85px 0;}
#nav .ucet-en a,#nav .ucet-en a span{width:85px;}
#nav .ucet-en a span{background-image:url(../img/en-ucet.gif);}
#nav .ucet-en a:hover span,#nav .ucet-en a.active span{background-position:-85px 0;}
#nav .profil-en a,#nav .profil-en a span{width:96px;}
#nav .profil-en a span{background-image:url(../img/en-profil.gif);}
#nav .profil-en a:hover span,#nav .profil-en a.active span{background-position:-96px 0;}

.img-hp{height:216px; margin:0; border-top:1px solid white; border-bottom:6px solid #e7b300;}

.right-clmn{float:right; width:234px; padding:0 0 0 15px; border-left:1px solid #e7b300; margin-bottom:15px; min-height:470px;}
  .sp-obsah .right-clmn img{margin-bottom:0; padding:0; border:none;}
  .right-clmn a:hover{/*background:transparent;*/}
  .right-clmn h4{margin:1em 0 0;}
  .partner{text-align:center; margin-bottom:15px;}
.left-clmn{width:464px; float:left;}

.comment div{margin-bottom:1em; background:#fff7db; border-top:3px solid #e7b300;}
.comment p{padding:6px 10px; margin:0;}
.comm{background:#ffeeb3;}

.highlight,.list,.arr a{padding:6px 10px; margin:0 0 1.5em; background:#fff7db; border:1px solid #e7b300;}
.list{margin:1em 0 1.2em; background:#ffeeb3; border:none;}
.arr{margin:1.5em 0;}

.fotod,.fotod div{width:106px; height:106px;}
.fotod{float:left; text-align:center; border:1px solid #ffd955; padding:10px; background:#fff7db; position:relative; vertical-align:middle;}
.fotod:hover{background:#f6e3a3;}
.fotod div{display:table-cell; text-align:center; vertical-align:middle;}


.prihlasit, .calendar{float:left;margin-right:5px}
.prihlasit{display:block; padding:5px 10px 5px 25px; width:60px; background:#f0cd53 url(../img/plus.gif) 8px 50% no-repeat; border:1px solid #9c6d41;}
.calendar{display:block; padding:5px 8px 5px 25px; width:122px; background:#f0cd53 url(../img/kalendar.gif) 3px 50% no-repeat; border:1px solid #9c6d41;}
a:hover.prihlasit{background:#723300 url(../img/plus.gif) 8px 50% no-repeat;}
a:hover.calendar{background:#723300 url(../img/kalendar.gif) 3px 50% no-repeat;}

/* TABULKY */
table{font-size:100%; width:100%; margin-bottom:1em; border-collapse:collapse;}
	th,td{text-align:left; padding:4px 10px; vertical-align:top; border:1px solid #ffd955;}
	th{background:#ffeeb3;}

/* FORMULARE */
form{margin:0;}
fieldset{margin-bottom:1em; padding:10px; background:#ffeeb3; border:1px solid #ffd955;}
legend{padding:3px 5px; background:white; border:1px solid #ffd955;}
	#login label{color:#f7f7f7;}
	#login input{width:80px; border:1px solid #fc3;}
	#login fieldset{border:none; background:none; margin:0; padding:5px 0 0;}
.list form,.loged form,.loged div{display:inline;}

/* ODKAZY */
a{text-decoration:underline;}
a:hover{color:white; background:#723300;}

/* prihlaseni + jazyky */
.loged{position:relative; background:#f3d97f; border-top:1px solid white; border-bottom:1px solid white; text-align:right; padding:10px 20px 10px 206px;}
.lang{position:absolute; left:226px; top:1em;}

/* obsah */
.cont-sp{/*margin-left:206px; border-top:6px solid #e7b300;*/}

/* drobky */
.sp-info{background:#f2f2f2; margin:0; padding:6px 20px 8px; font-size:85%; color:black; border-top:6px solid #e7b300;}

/* nadpisy vlevo */
.sp-nav{background:#904000 url(../img/bg_spnav.gif) repeat-x; padding:73px 0 15px; /*position:absolute; top:1px; left:0;*/ width:206px; border-top:1px solid white;} /* bg nav vlevo */
	.sp-nav h3{margin:0; padding:0; color:#904000;}
	.sp-nav ul{list-style:none; margin:10px 0; padding:0;}
	.sp-nav li{margin:0; padding:0;}
	.sp-nav li a{color:white; display:block; padding:5px 5px 5px 20px;}
	.sp-nav li a:hover,.sp-nav li a.active{padding-left:14px; color:white; background:black; border-left:6px solid #e7b300;}
	.sp-nav h3{position:relative; height:29px;}
	.sp-nav p{color:white; margin:10px 0 5px; padding:0 5px 0 20px;}
	.sp-nav a{color:white;}
	
  .sp-nav h3.aktuality span,
  .sp-nav h3.b2b span,
  .sp-nav h3.restaurace span,
  .sp-nav h3.konf-prostory span,
  .sp-nav h3.obch-prilezitosti span,
  
  .sp-nav h3.uvod span,
	.sp-nav h3.oklubu span,
	.sp-nav h3.program span, 
	.sp-nav h3.sluzby span,
	.sp-nav h3.kontakt span,
	.sp-nav h3.ucet span,
	.sp-nav h3.profil span,
	.sp-nav h3.uvod_en span,
	.sp-nav h3.oklubu_en span,
	.sp-nav h3.program_en span, 
	.sp-nav h3.sluzby_en span,
	.sp-nav h3.kontakt_en span,
	.sp-nav h3.ucet_en span{position:absolute; top:0; left:0; background:transparent url(../img/sp-uvod.gif) 0 0 no-repeat;}
	
  .sp-nav h3.aktuality,.sp-nav h3.aktuality span,
  .sp-nav h3.b2b,.sp-nav h3.b2b span,
  .sp-nav h3.restaurace,.sp-nav h3.restaurace span,
  .sp-nav h3.konf-prostory,.sp-nav h3.konf-prostory span,
  .sp-nav h3.obch-prilezitosti,.sp-nav h3.obch-prilezitosti span,
  
  .sp-nav h3.uvod,.sp-nav h3.uvod span,
	.sp-nav h3.oklubu,.sp-nav h3.oklubu span, 
	.sp-nav h3.program,.sp-nav h3.program span,
	.sp-nav h3.sluzby,.sp-nav h3.sluzby span, 
  .sp-nav h3.ucet,.sp-nav h3.ucet span,
  .sp-nav h3.profil,.sp-nav h3.profil span,
	.sp-nav h3.kontakt,.sp-nav h3.kontakt span,
	.sp-nav h3.uvod_en,.sp-nav h3.uvod_en span,
	.sp-nav h3.oklubu_en,.sp-nav h3.oklubu_en span, 
	.sp-nav h3.program_en,.sp-nav h3.program_en span,
	.sp-nav h3.sluzby_en,.sp-nav h3.sluzby_en span, 
  .sp-nav h3.ucet_en,.sp-nav h3.ucet_en span, 
	.sp-nav h3.kontakt_en,.sp-nav h3.kontakt_en span{width:203px; height:29px; overflow:hidden;}
	.sp-nav h3.oklubu span{background-image:url(../img/sp-oklubu.gif);}
	
	.sp-nav h3.aktuality span{background-image:url(../img/sp-aktuality.gif);}
	.sp-nav h3.b2b span{background-image:url(../img/sp-networking.gif);}
	.sp-nav h3.restaurace span{background-image:url(../img/sp-restaurace.gif);}
	.sp-nav h3.konf-prostory span{background-image:url(../img/sp-konf-prostory.gif);}
	.sp-nav h3.obch-prilezitosti span{background-image:url(../img/sp-obch-prilezitosti.gif);}
	
	.sp-nav h3.program span{background-image:url(../img/sp-program.gif);}
	.sp-nav h3.sluzby span{background-image:url(../img/sp-sluzby.gif);}
	.sp-nav h3.kontakt span{background-image:url(../img/sp-kontakt.gif);}
	.sp-nav h3.ucet span{background-image:url(../img/sp-muj-ucet.gif);}
	.sp-nav h3.profil span{background-image:url(../img/sp-muj-profil.gif);}
	.sp-nav h3.uvod_en span{background-image:url(../img/sp-uvod-en.gif);}
	.sp-nav h3.oklubu_en span{background-image:url(../img/sp-oklubu-en.gif);} 
	.sp-nav h3.program_en span{background-image:url(../img/sp-program-en.gif);}
	.sp-nav h3.sluzby_en span{background-image:url(../img/sp-sluzby-en.gif);}
	.sp-nav h3.kontakt_en span{background-image:url(../img/sp-kontakt-en.gif);}
  .sp-nav h3.ucet_en span{background-image:url(../img/sp-muj-ucet-en.gif);}

.sp-obsah{float:right; width:774px; padding:0; /*min-height:450px;*/}
	.sp-obsah img{padding:2px; background:white; border:1px solid #723300;}
.sp-obsah-in{padding:10px 20px;}
.sp-aktuality{font-size:90%; padding:10px 20px; margin:0; background:url(../img/bg-aktuality.gif) 0 0 repeat-x;}
	.sp-aktuality p{padding:0;}
	.sp-aktuality a{color:#e7b300;}
.tlac{color:#f7f7f7; background: url(../img/tlac.gif) repeat-x; padding:2px 0;}
.pripravujese{border:1px solid #e7b300; padding:20px; margin:20px; font-size:110%; text-align:center;}
.la{list-style-type:lower-alpha;}
.ua{list-style-type:upper-alpha;}

/* významní hosté klubu - foto */

.foto-item-jmeno {background:#ffeeb3;height:44px;text-align:center;margin:0;padding:8px 0;width:100%;position:absolute;bottom:0;left:0;}
.foto-item {float:left;position:relative;margin:0 24px 10px 0;text-align:center;width: 218px; height: 212px; background: #fff7db; border: 1px solid #f0cd53;overflow:hidden;}
.foto-item .foto-obal{display:table-cell;vertical-align:middle;width:218px;height: 170px;padding-bottom: 15px;}
.foto-item .foto-obal img {padding:0;}



/* OSTATNI */
/*.important{font-weight:bold; padding:2px 10px 3px; background:#fff0bc; border-bottom:1px solid #e7b300;}*/
.important{font-size:120%; font-weight:bold; color:#ca0000;}
.sml,#cont-hp{font-size:85%; line-height:2.5ex;}
.big{font-size:120%;}
.hid,#nav h2,#login legend{display:none;}
.c,.center{text-align:center;}
.r{text-align:right;}
.l{text-align:left;}
.just{text-align:justify;}
.flr{float:right;}
.fl{float:left;}
img.fl{margin:0 1em 1em 0;}
.cl,#foot{clear:both;}
span.cl{display:block;margin-bottom:5px}
.cll{clear:left;}
.brd{border:1px solid black;}
.none,a img,form th,form td{border:none;}
.vis{visibility:hidden; margin:0;}
div.cl{padding:0; border-bottom:1px solid #A64A00;}
.warning{color:white; text-align:center; padding:5px 10px; margin-top:8px; background:#b20000;}
.warning a{color:white;}
/*.warning{color:white; text-align:center; width:500px; padding:10px; margin:10px auto 20px; background:#b20000; border:2px solid #f3d97f;}*/
.w10{width:10px;}
.sp-obsah-in .fl{text-align:center;margin-bottom:15px}
.sp-obsah-in .last{margin-left:15px}

.clenove-vyhledat {border: 1px solid #ffd955; background: #ffeeb3; padding: 10px; margin-bottom: 8px;text-align:center;margin-left: -1px;}
.clenove-vyhledat .clenove-vyhledat-input {width: 180px;}
.list .fl {margin-top: 2px;}

/* hosté klubu HP */
#cont-hp .bg-sp .sp-obsah .sp-obsah-in {color: black;}

.obal-background {background:transparent url(../img/bg-left-hoste.gif) 0 0 repeat-y;}
#cont-hp .bg-sp .sp-obsah .sp-obsah-in .pagelist .list {padding-left: 0px; margin-right: 15px;}
#cont-hp .bg-sp .sp-obsah .sp-obsah-in .pagelist .list a {color: #e7b300;}
#cont-hp .bg-sp .sp-obsah .sp-obsah-in .pagelist .list a:hover {color: white;}
#cont-hp .bg-sp .sp-obsah .sp-obsah-in .pagelist .list {background: transparent; color: white;}

.ban-login-down {margin: 10px 0;}

.zav-prihl {width: 600px;}
}

