* { margin:0px;padding:0px; }
img { border:0px; }

body { font-family:Trebuchet MS; font-size:11px; color:#c7eee8; font-weight:normal; background-color:#000; background-position:top center; background-image:url(img/pgbg.gif);background-repeat:no-repeat;  }

a:link, a:visited { color:#c7eee8; text-decoration:none; }
a:hover, a:active { color:#fff; }

#page { margin:0px auto; width: 1000px; }

#menu { position:absolute; width:200px; height:600px; background-image:url(img/menu.jpg); background-color:#38524f; }
#menuinner { padding:0px 30px; }
#menuinner div { padding: 5px; }
#marketa { font-size:14px; text-align:center; border-bottom:1px solid #678180; margin-top:0px; }
#fotografie { text-align:center; margin-bottom:115px; }
.b { border-bottom:1px solid #678180; }
.b2 { text-align:right; text-transform:uppercase; }
.b p, .b2 p { color:#fff; }

#thumbbox { position:absolute; margin-left:200px; width: 82px; height: 596px; background-color:#38524f; padding:2px 4px; }
.thumb a:link, .thumb a:visited, .thumb p { width:80px; height:80px; background-position:50% 50%; background-repeat:no-repeat; border:1px solid #252525;background-color:#000; display:block; }
.thumb a:hover, .thumb a:active, .thumb p { border-color:#ccc; }
.slideshow { text-align:center; padding:2px 0px; line-height: 18px; }

#stranky { position:absolute; z-index:200; margin-left:288px; background-color:#252525; width:30px; }
#stranky .text { height:70px; background-image:url(img/stranky.gif); background-position:50% 50%; background-repeat:no-repeat; }
#stranky .round { height: 36px; background-image:url(img/round.gif); }
#cisla a:link, #cisla a:visited, #cisla p { width:30px; height:16px; line-height:16px; text-align:center; display:block; }
#cisla a:hover, #cisla a:active { background-color:#38524f; }
#cisla p { background-color:#ccc; color:#333; }

#arr { position:absolute; z-index:200; margin-top:514px; margin-left:288px; height:86px; width:30px; background-color:#252525; }
#roundtop { height: 36px; width:30px; background-image:url(img/roundtop.gif); }
#arrtop a:link, #arrtop a:visited, #arrbot a:link, #arrbot a:visited, #arrtop p, #arrbot p { display:block; background-image:url(img/arr.gif); width:30px; height:25px; } 
#arrtop a:link, #arrtop a:visited { background-position:-90px 0; }
#arrtop a:hover, #arrtop a:active { background-position:-120px 0; }
#arrbot a:link, #arrbot a:visited { background-position:0px 0; }
#arrbot a:hover, #arrbot a:active { background-position:-30px 0; }
#arrbot p { background-position:-60px 0; }
#arrtop p { background-position:-150px 0; }

#back, #switch { position:absolute; z-index:400; width:149px; height:21px; }
#switch { margin-left:851px; }
#back { right:0px; top:0px; }
#switch a:link, #switch a:visited, #back a:link, #back a:visited { background-image:url(img/switch.gif); display: block; width:139px; height:21px; padding-right:10px; text-align:right; line-height:21px; }
#switch a:hover, #switch a:active, #back a:hover, #back a:active { background-position:-149px 0; color:#fff; }
/* #w4p { position:absolute; top:528px; margin-left:49px; width:101px; height:30px; }
#w4p a:link, #w4p a:visited { background-image:url(img/w4p.gif); display:block; width:101px; height:30px; }
#w4p a:hover, #w4p a:active { background-position:-101px 0; }
#w4p span { display:none; }
*/
#w4p { position:absolute; top:483px; margin-left:24px; width:130px; height:63px; }
#w4p a:link, #w4p a:visited { background-image:url(img/w4p2.gif); display:block; width:130px; height:63px; }
#w4p a:hover, #w4p a:active { background-position:-130px 0; }
#w4p span { display:none; }

#info { display:none; }

#white { position:absolute; z-index:100; margin-left:288px; background-color:#fff; width:712px; height:600px; background-position:50% 50%; background-repeat:no-repeat; }
#white2 { position:absolute; margin-left:200px; background-color:#fff; width:560px; height:540px; padding:30px; }

#infobox, #commentbox { border:1px solid #38524f; width:550px; margin:0px auto; margin-top:40px; background-image:url(img/bg_dk.jpg); background-repeat:repeat; background-color:#38524f; }
#infobox .left,  #infobox .right { float:left; }
#infobox .left { width:200px; height:200px; padding:25px 15px 25px 25px; }
#infobox .right { width:280px; height:235px; padding-bottom:15px; }

.nazev { line-height:35px; height:30px; text-align:center; float:left; width: 280px; font-size:13px; }
.par1, .par2 { float:left; height:25px; line-height:30px; border-bottom:1px solid #678180; }
.par1 { width: 100px; }
.par2 { width: 180px; text-align:right; }
.popis { width:280px; float:left; line-height:20px; margin-top:5px; height:85px; overflow:auto; }

#commentbox { margin-top:1px; padding:0px 15px 15px 15px; width:520px; height:260px; }

#commentheader { height:25px; line-height:30px; text-align:right; border-bottom:1px solid #678180; margin-bottom:5px;  }

#comments { float:left; width:310px; height:240px; overflow:auto; }
#commentform { float:left; width:210px; text-align:right; }

#commentform input, #commentform textarea { margin:5px; }
#commentform .textfield { width:190px; }
.komjmeno { border-bottom:1px solid #678180; margin:5px 0px; line-height:25px; height:20px; }


#infobox:after{content: "."; display: block; height: 0; font-size:0;	clear: both; visibility:hidden;}
#infobox{display: inline-table;}  /* Mark Hadley's fix for IE Mac */
/* Hides from IE Mac \*/
* html #infobox {height: 1%;}
#infobox{display:block;}
    /* End Hack */ 
	
#slidepage { }

	
#slidetable { width:550px; padding:0px; border-spacing:0px;  }
#slidetable .td1 { height: 550px;text-align:center; vertical-align:middle; }
#slidetable .td2 { height: 30px; text-align:center; vertical-align:middle;}

#centerbox { 	
  position:absolute;
  height:480px; 
  width:450px;
  margin:-290px 0px 0px -275px;
  top: 50%; 
  left: 50%;

  text-align: center;
  padding: 0px;
}

#extend { position:absolute; background-image:url(img/extend.gif); width:682px; height:150px;  z-index:100; margin-left:318px; }
#foto { position:absolute; z-index:300; margin-top:20px; }