/*components stylesheet for ARSKontakt*/
#logo{
  float:left;
  margin: 15px 0 0 20px;
  display:inline;
}

img{
  border:0;
}

/*navigation*/

#main-nav ul{
/*  position: absolute;
  bottom: 0px;
*/
  padding-top: 15px;
  margin-left: 20px;

}


#main-nav ul li{
  margin-right:20px;
  float:left;
}

#main-nav ul li a{
  display:block;
  color: #666666;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  padding-left: 27px;
  background:url(../img/button_l_inactive.gif) no-repeat 0 0;
  /*padding: 10px 20px 5px 20px;
  background: #111;
  border-left: 1px solid #666;
  border-top: 1px solid #666;
  border-right: 1px solid #666;*/
}

#main-nav ul a:hover{
  color:#ffffff;
  background:url(../img/button_l_active.gif) no-repeat 0 0;

/*  background: #666;
  color: #fff;*/
}

#main-nav ul li a.current{
  color:#ffffff;
  background:url(../img/button_l_active.gif) no-repeat 0 0;
/*
background: #fff;
color: #000;*/
}

#utilities ul{
}

#utilities ul li{
  margin-right: 15px;
  float:left;
}

#utilities ul li a{
  color:#000000;
  font-size:1.1em;
  font-weight:bold;
  text-decoration:none;
  display:block;
}

#utilities ul li a:hover{
  color: #666666;
}

/*forms*/
form{
  background: #DEE1DC;
  padding:20px;
}

input{
  border: 1px solid #999999;
  background: white;
  color: #666666;
  width:200px;
}

label{
  font-weight:bold;
  font-size:1.2em;
  display:block;
  margin: 10px 0 5px 0;
 }

.button{
  width: auto;
}

legend{
  font-size: 1.4em;
  font-weight: bold;
  color: #428179;
}

fieldset{
  margin: 0 0 10px 0;
}
/*design features*/

#preview_top_shad{
  width:350px;
  height:15px;
  background:url(../img/preview_top_shad.gif) no-repeat 0 0;
  margin-top:20px;
}

#preview_bottom_shad{
  width:350px;
  height:15px;
  background:url(../img/preview_bottom_shad.gif) no-repeat 0 0;
}

#gallery td,
#gallery-new td,
.gallery td{
  padding:10px;
}

#invite img{
  margin-top: 10px;
  margin-bottom: 40px;
}

#footer hr{
  color: #3F7C74;
  background-color: #3F7C74;
  width: 870px;
  height: 10px;
  margin-left:15px;
  border: none;
}

.right{
  float:right;
}

/*image preview*/
#preview-window{
  position: absolute;
  z-index:12;
  background-color: black;
  text-align: center;
  display: none;
  height: auto;
}

#preview-window img{
  margin: 10px 10px 10px 10px;
}

#preview-shade{
  position: absolute;
  z-index: 10;
  left:0;
  top:0;
  background: #364543;
  filter:alpha(opacity=80);
	opacity: 0.8;
  display: none;
  overflow: hidden;
}

/* SLOUPEC
**********************/
#sloupec p{
  margin-bottom: 10px;
}

#sloupec img{
  margin-bottom: 3px;
}