/* Main styles */
body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: "Palatino Linotype", Palatino, Constantia, Georgia, "Times New Roman", serif;
  text-align: center;
}

/* Page */
#page {
  background: url('../images/mainbg.gif') repeat-y center;
  margin: 0 auto;
  text-align: left;
}

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

#top {
  height: 360px;
  position: relative;
}

#topLeft {
  float: left;
  height: 360px;
  width: 480px;
  background: url('../images/top_logo.jpg') no-repeat;
}

#topRight {
  float: left;
  height: 360px;
  width: 520px;
  background: url('../images/top_image.jpg') no-repeat;
}

#logo {
  position: absolute;
  top: 30px;
  left: 48px;
  display: block;
  width: 494px;
  height: 42px;
}

#logo span {
  display: none;
}

#ico {
  position: absolute;
  top: 210px;
  left: 0;
}

#ico ul {
  margin: 0;
  padding: 0;
  padding-left: 20px;
  list-style-type: none;
}

#ico ul li {
  float: left;
}

#ico ul li a {
  position: relative;
  color: #fff;
  text-decoration: none;
  display: block;
  width: 110px;
  text-align: center;
  font-weight: bold;
  margin: 0 20px;
}

#ico ul li a:hover {
  text-shadow: #fff 0px 0px 5px;
}

#ico ul li a img {
  position: absolute;
  top: 25px;
  left: 5px;
  border: 0;
}

#specialOffer {
  padding: 5px 0;
  margin-bottom: 5px;
  border-bottom: 1px solid #810000;
  color: #000;
  text-align: center;
  font-size: 0.9em;
}

#specialOffer p {
  margin: 0;
  padding: 0;
}

#specialOffer a {
  text-decoration: none;
}

#specialOffer span.red {
  color: #810000;
}

#mainText {
  background: url('../images/textbg.gif') repeat-y;
  margin-top: 10px;
}

#lang {
 width: 170px;
 background: url('../images/lista.gif') no-repeat;
 height: 26px;
}

#lang ul {
  padding: 2px 0 0 49px;
  margin: 0;
  list-style-type: none;
}

#lang ul li {
  float: left;
}

#lang li a {
  display: block;
  width: 26px;
  height: 17px;
  margin: 2px 5px;
}

#lang li a span {
  display: none;
}

#lang li a.flagen {
  background: url('../images/flags/en.gif') no-repeat left;
}

#lang li a.flagcs {
  background: url('../images/flags/cs.gif') no-repeat left;
}

#lang li a.flagcs:hover, #lang li a.flagen:hover {
  background-position: right;
}

#menu {
z-index: 2;
}

#menu li {
  font-size: 0.9em;
}

#menu li a {
  border-bottom: 1px dotted #999;
  line-height: 110%;
}

#menu li li a {
  border: 0;
}

#menu li.current a, #menu li.current li.current a {
  color: #810000;
}

#menu li.current li a {
  color: #000;
}

#pocasi-in {
  font-size: 80%;
  text-align: center;
}

#pocasi b font {
  font-size: 90%;
}

#pocasi .date {
  font-size: 90%;
  font-weight: bold;
  text-align: center;
}

#main #writeus h3, #main #pocasi h3 {
  margin: 0;
  padding: 1px 10px 5px 10px;
  background: url('../images/lista.gif') repeat-x;
  color: #fff;
  font-size: 95%;
  font-weight: normal;
}

#writeus div {
  font-size: 80%;
  font-weight: bold;
  margin-left: 10px;
}

#writeus form {
  margin-top: 5px;
  margin-bottom: 20px;
}

#writeus input[type="text"], #writeus textarea {
  border: 1px solid #000;
  width: 145px;
  margin-bottom: 5px;
  font-family: "Palatino Linotype", Palatino, Constantia, Georgia, "Times New Roman", serif;
}

#writeus input[type="submit"] {
  border: 1px solid #000;
  background: #810000;
  color: #fff;
  font-family: "Palatino Linotype", Palatino, Constantia, Georgia, "Times New Roman", serif;
}


#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
  color: #810000;
  margin: 0;
}

#main h1 {
	text-shadow: #888 2px 2px 4px;
}

#main .black {
  color: #000;
}

#main .red {
  color: #810000;
}

#mainLeft, #mainRight {
  float:left;
  width: 170px;
}

#mainCenter {
  float: left;
  width: 660px;  
}

#mainCenter-in {
  padding: 10px 20px;
}

#mainCenter p, #mainCenter li, #mainCenter td, #mainCenter th {
  font-size: 0.95em;
  text-align: justify;  
}

#mainCenter a {
  color: #810000;
}

#mainCenter table {
  border-collapse: collapse;
  margin-bottom: 1em;
  background-color: #e8e8e8;
  width: 100%;  
}

#mainCenter td,
#mainCenter table {
  border: 1px solid #990000;
}

#mainCenter td {
  padding: 2px;
}

#mainCenter a.ext {
  background: url('../images/extlink.png') no-repeat top right;
  padding-right: 12px;
}

#mainCenter a.ext:hover {
  background: url('../images/extlink_act.png') no-repeat top right;
}

#mainCenter a:hover {
  text-decoration: none;
}
           
#mainCenter img {
  border: 3px solid #eee;
  margin: 7px;
  padding: 2px;
}

#gallery {
  text-align: center;
}

#mainRight .svatbniGalery a {
  display: block;
  width: 162px;
  height: 150px;
  background: url('../images/galerie.jpg') no-repeat;
  margin: 0 4px;
}

#mainRight .svatbniGalery a span {
  display: none;
}

#mainRight #news h2 {
  display: block;
  width: 150px;
  height: 26px;
  background: url('../images/lista.gif') no-repeat;  
  color: #fff;
  font-size: 95%;
  font-weight: normal;    
  margin: 0;
  padding: 1px 10px 5px 10px;
}

#mainRight #news h2 a {
  display: block;
  width: 170px;
  height: 26px;
}

#news p {
  font-size: 0.8em;
}

#news .newsImage {
  height: 100px;
}

#news .newsItem {
  position: relative;
  padding: 10px 5px 10px 10px;
}

#news .newsItem a {
  color: #810000;
  text-decoration: none;
}

#news .newsItem a:hover {
  text-decoration: underline;
}

#news .newsItem span.more {
 float: right;
}

#news .newsItem span.more a {
 text-decoration: none;
}

#news .newsItem p {
  padding: 0;
  margin: 0;
}

#news .newsItem p.date {
  clear: both;
  text-align: right;
}

#bottomLine {
  height: 50px;
  margin-left: 5px;
}

#bottomLine ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#bottomLine li {
  float: left;
}

#bottomLine li a {
  display: block;
  height: 40px;
  font-size: 0.7em;
  text-align: center;
  color: #999;
  padding: 0 10px;
  text-decoration: none;
}

#bottomLine li a:hover {
  color: #333;
}

#bottomLine li.print a {
  width: 50px;
  background: url('../images/tisk_inact.gif') no-repeat center bottom;
}

#bottomLine li.send a {
  width: 70px;
  background: url('../images/odkaz_inact.gif') no-repeat center bottom;
}

#bottomLine li.print a:hover {
  background: url('../images/tisk_act.gif') no-repeat center bottom;
}

#bottomLine li.send a:hover {
  background: url('../images/odkaz_act.gif') no-repeat center bottom;
}

#bottom {
  margin: 0 auto;
  text-align: center;
  height: 32px;
  color: #fff;
  font-size: 10px;
  padding-top: 1px;
  background: url('../images/bottombg.gif') no-repeat center; 
}

#bottom .black {
  color: #000;
}

#bottom a {
  color: #fff;
}

#bottom a:hover {
  text-decoration: none;
}

.clear {
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.photoItem {
  float: left;
  margin: 20px 24px;
}

#mainCenter .photoItem a:hover img {
  border: 3px solid #ccc;
}

#mainCenter #mapa {
  width: 600px;
  height: 400px;
  border: 5px solid #fff;
  padding: 3px;
  margin: 0 auto;
}

/* Photogalery */
#gallery {position:relative; width:610px; margin:0px auto; padding:0px; }
#image {position:relative; width:610px; height:410px; padding:0px; background:#FFF url('../images/js/loading.gif') center center no-repeat}
#image img {position:absolute; top:5px; left:5px; border: 0; margin: 0;}

#thumbwrapper {margin:0; padding:0; width:610px; height:60px; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:60px; width:600px; margin-left: 5px;}
#thumbs {margin:0; padding:0;position:absolute; top:0; left: 0; list-style:none; height:60px; width:10000px;}
#thumbs li {padding: 0; margin: 0;float:left; border-right: 5px solid #fff; cursor:pointer;}
#thumbs li.last {border:0;}
#thumbs li img {border:0;margin:0;}

.imgnav {position:absolute;  width:20%; z-index:100; height:400px; outline:none; cursor:pointer}
#previmg {left:0; background:url('../images/js/left.gif') left center no-repeat; border-left:5px solid #FFF; opacity:0.5; filter:alpha(opacity=50)}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url('../images/js/right.gif') right center no-repeat; border-right:5px solid #FFF; opacity:0.5; filter:alpha(opacity=50)}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

/*** set the width and height to match your images **/

#slideshow {
z-index: 1;
    position:relative;
    height:164px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    opacity:0.0;
}

#slideshow img.active {
    opacity:1.0;    
    z-index: 3;
}

#slideshow img.last-active {
z-index:2;

}