/* CSS */
hr { 
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
} 
a:link {
  color : #521717;
  visibility: visible;
  text-decoration: underline; 
} 
a:visited {
  color : #521717; 
} 
a:hover {
  border: 0px;
  color : #521717; 
} 
a:active {
  border: 0px;
  color : #521717; 
}
A:hover .hide, A:active .hide {
  visibility: hidden;
}
p {
  margin-bottom : 0; 
  margin-top : 0;  
}
p a:link, p a:visited {
  padding-left: 12px;
  background-image: url("pics/odkaz.png");
  background-repeat : no-repeat;
  background-position : top left;
  text-decoration: underline;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=pics/odkaz.png, sizingMethod='crop');
  _display: inline-block;
  
}
p a:hover {
  padding-left: 12px;
  background-image: url("pics/odkaz3.png");
  background-repeat : no-repeat;
  background-position : top left;
  text-decoration: underline;
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=pics/odkaz3.png, sizingMethod='crop');
  _display: inline-block;
  
}
table {
  border-spacing: 0px;
  border-collapse: collapse;
  border: solid 0px;
  border-color: #5E6364;
}
td.links {
  vertical-align: middle;
}
img {
  border: 0;
}
img.smilie {
  border: 0;
  margin-top : 2px;  
  margin-left : 2px;
}
img.smilietext {
  border: 0;
  margin-bottom : -3px;
  margin-left : 1px;
  margin-right : 1px;  
}
select { 
  background-color: #000;
  font-size: 10px;
  line-height: 1.3;
  border:solid 1px;
  border-color: #FFFFFF; 
}
td {
  vertical-align: top;
}
h2
{
border-bottom: 2px dotted #2A070A;
border-top: 2px dotted #2A070A;
margin : 0; 
padding : 0;
font-weight : bold;
font-size: 18px;
}
h3
{
margin : 0; 
margin-left : 4px;
font-weight : bold;
font-size: 18px;
}
textarea {
  outline: none;
  border:solid 1px;
  border-color: #DBDBDD;
  background: transparent;
}
img.gallery {
border:1px solid;
border-color: #BFBFBF;
}
a:hover img.gallery {
Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20,StartY=40, FinishX=0,FinishY=0);
background: #BFBFBF;
}

.status { font-family : verdana, sans-serif; color: #BFBFBF; line-height : 8pt; font-size: 9px; margin-top : 2px; margin-left : 5px; font-weight : normal; }

.center {
  text-align: center;
}
.justify {
  text-align: justify;
}
.right {
  text-align: right;
}

a:link.menu, a:visited.menu, a:hover.menu, a:active.menu{
  padding: 0px;
  background-image: none;
   _filter: none;
  font-style : normal;
  color : #BFBFBF;
}

a:link.admin, a:visited.admin, a:hover.admin, a:active.admin{
  padding-left: 5px;
  background-image: none;
  _filter: none;
  font-weight : normal;
  font-style : normal;
  font-size: 8px; 
  color : #705154;
}
.checkbox{ 
border:solid 0px;
}
input{
  margin: 0px; 
  margin-top : 2px;
  _margin-top : 0px; 
  outline: none;
  border: solid 1px;
  border-color: #DBDBDD;
  padding-left: 2px;
}
.submit input
{
  font-style : bold;
}
form {
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.bkopacity {
  padding: 2px;
  border: solid 1px;
  border-color: #5E6364;
  background : #B5B5B5;
}
.bkopacity2 {
  padding: 0px;
  border: solid 1px;
  border-color: #5E6364;
  background : #B5B5B5;
}
.menutitle {
  width : 224px;  
  height : 25px;
  margin-top : 0px; 
  margin-right : 0px; 
  margin-left : 0px; 
  padding : 0px; 
  position : absolute;
  border: solid 1px;
  border-color: #DBDBDD;
  background : #7E151A;
  -moz-opacity: 0.3;
  opacity: .30;
  filter: alpha(opacity=30); 
}
.menubox1 {
  margin-top : 3px;
  margin-right : 3px;
  width : 224px;  
  height : 25px;
}
.menutitletext {
  width : 224px;  
  height : 25px;
  margin-top : 0px; 
  margin-right : 0px; 
  margin-left : 0px; 
  padding : 4px;
  position : absolute;
}
.shopitemtext {
  width : 224px;  
  height : 130px;
  margin-top : 0px; 
  margin-right : 0px; 
  margin-left : 0px;
  line-height: 1.1; 
  padding : 2px; 
  position : absolute;
}
html{
  height:100%;
}
body {
  height:100%;
  margin : 0px 0px 0; 
  padding : 0px; 
  font-weight : normal;
  font-style : normal;
  font-size: 18px;
  font-family: "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", "georgia", "times", serif;
  color: rgb(81, 81, 81);
  font-weight: 400;
  background : #ffffff;
}
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
/* Layouts */
#wrap {
  min-height: 93%;
  background-image : url("pics/background.jpg"); 
  background-repeat : no-repeat; 
    }
#header {  
  height : 30px;
  padding-left: 20px;
  padding-top: 10px;
}
#menu {
  width : 180px;
  height: 400px;
  padding-left: 20px;
  padding-top: 25px;
  position: absolute;
}
#menu a:link {
  color: rgb(81, 81, 81);
  visibility: visible;
  text-decoration: none; 
} 
#menu a:visited {
  color: rgb(81, 81, 81);
  text-decoration: none; 
} 
#menu a:hover {
  border: 0px;
  text-decoration: underline; 
  color: rgb(81, 81, 81); 
} 
#menu a:active {
  border: 0px;
  text-decoration: underline;
  color: rgb(81, 81, 81);
}
#textarea {
  width : 910px; 
  min-height: 400px;
  margin-top : 20px; 
  margin-right : 0px; 
  margin-left : 210px;
  padding-left : 25px;
  padding-right : 25px;
  background-color: rgb(221,221,221);
  background-color: rgba(192,192,192,0.5);
  overflow:auto;
  padding-bottom: 50px;
  padding-top: 15px;
}

#window {
  width : 360px; 
  float: right;
  top: 20px;
  padding: 10px;
  background-color:#edf0c9;
  border: solid 2px;
  border-color: #000000;
}
#footer
{
  position: relative;
  padding-left: 20px;
  padding-top: 10px;
  height: 30px;
  clear:both;
  font-size: 12px;
}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 width : 900px;
 float: left;
 padding: 0px;
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #BFBFBF;
 font: bold 10px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #BFBFBF;
 border-bottom: none;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #BFBFBF; }
ul.tabbernav li a:visited { color: #000; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #BFBFBF;
 border-color: #BFBFBF;
}

ul.tabbernav li.tabberactive a
{
 color: #000;	
 background-color: #BFBFBF;
 border-bottom: 1px solid #BFBFBF;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}