* { 
margin : 0;
padding : 0;
} 
html { 
background : url("img/bg.jpg") repeat 0 0;
} 
html > body {
font-size: 85%;
}
body { 
font : 80% "Trebuchet MS", Tahoma, "Geneva CE", lucida, sans-serif;;
text-align : center;
} 
#page { 
width : 750px;
text-align : left;
margin : 20px auto;
background : url("img/bg_container.png") repeat-y 0 0;
} 
p { 
font-size : 100%;
text-align : left;
text-indent : 0;
margin : 5px 0;
padding : 0 10px;
color : #000000;
} 
a { 
color : #330000;
text-decoration : underline;
} 
a:hover { 
color : #975100;
} 
a:visited {
color:#7C3224;
}
span { 
color : #ffffff;
background-color : #7C3224;
font-weight : normal;
padding : 0 3px;
} 
img { 
border : 0;
} 
.wb { 
color : #666666;
} 
.datum { 
color : #000000 !important;
font-weight : bold;
} 
.no-deco { 
border : 0;
text-decoration:none;
} 
.no-display {
text-align:center;
display:none;
}
.cleaner {
clear:both;
}
abbr, acronym {
border-bottom: 1px dotted black;
cursor:help;
}
a abbr, a acronym {
color:inherit 
}
em {
font-size : 90%;
}
img {
margin: 0px;
border : 5px solid #FEFFDA;
}
#info { 
border : 5px solid #a9a878;
width : 400px;
height : 400px;
background : url("img/page_new.jpg") no-repeat 0 0;
margin : 100px auto;
} 
#info p { 
margin-top : 170px;
color : #222222;
font-weight : bold;
background-color : #f5f5f5;
padding : 5px 30px;
} 
#top { 
float : left;
width : 640px;
height : 19px;
background : url("img/bg_top.png") no-repeat 0 0;
} 
h1 { 
color : #94935a;
font-size : 150%;
} 
h1 span { 
display : none;
} 
#header { 
float : left;
width : 640px;
height : 306px;
background : url("img/bg_header.jpg") no-repeat 0 0;
} 
.menu { 
width : 165px;
margin : 32px 0px 0px 35px;
} 
.menu ul { 
float : left;
margin : 0;
padding : 0;
list-style-type : none;
} 
.menu li { 
display : block;
line-height : 31px;
text-align : left;
margin-top : 2px;
} 
.menu a { 
display : block;
width : 145px;
padding-left : 15px;
text-decoration : none;
color : #3E2E00;
} 
.menu a:hover { 
color : #975100;
text-decoration : underline;
} 
#container { 
float : left;
width : 640px;
background : url("img/bg_container.png") repeat-y 0 0;
} 
#con-navig { 
float : left;
width : 640px;
height : 29px;
background : url("img/bg_title.png") no-repeat 0 0;
} 
.drobek { 
float : left;
padding-left : 32px;
margin-top : 2px;
font-size : 80%;
} 
.title { 
float : right;
color : #66653E;
width : 260px;
} 
.title h2 { 
display : block;
line-height : 29px;
padding-left : 20px;
font-size : 150%;
color : #444444;
} 
#content { 
float : left;
width : 640px;
margin : 0 auto;
} 
.c-box { 
float : left;
width : 379px;
} 
.c-info { 
width : 340px;
margin-left : 25px;
margin-top : 10px;
color : #454200;
} 
.c-info p { 
margin : 15px 0;
padding : 0 10px;
border-left : 5px solid #a9a878;
}
.c-info h3 { 
margin : 15px 0;
padding : 0 10px;
border-left : 5px solid #a9a878;
color:#444444;
}  
.c-info ul { 
padding : 0 10px;
list-style-type : none;
} 
.c-info li { 
border-left : 3px solid #AF6C3E;
padding : 0 10px;
display : block;
text-align : left;
margin-top : 10px;
} 
.c-info a span { 
display : none;
} 
a:hover.okno { 
background-color : #f5f5f5;
text-decoration : none;
} 
a:hover.okno span { 
display : block;
color : #222222;
position : absolute;
margin-top : -20px;
margin-left : -40px;
border : 3px solid #7C3224;
width : 280px;
background-color : #f5f5f5;
} 
a:hover.okno span p { 
text-align : left;
margin : 0;
font-size : 105%;
padding : 2px 10px;
} 
.sloup { 
float : right;
width : 261px;
margin-top : 5px;
text-align : left;
background : url("img/bg_r_box.png") repeat-y 0 0;
} 
.nadpis-news { 
display : block;
width : 243px;
line-height : 60px;
padding-left : 15px;
font-size : 125%;
color : #7C3224;
background : url("img/bg_h_r_box.png") no-repeat 0 0;
} 
.nadpis-akce { 
display : block;
width : 243px;
line-height : 60px;
padding-left : 15px;
font-size : 125%;
color : #7C3224;
background : url("img/bg_h_r_akce.png") no-repeat 0 0;
}
.nadpis-kontakt { 
display : block;
width : 243px;
line-height : 60px;
padding-left : 15px;
font-size : 125%;
color : #7C3224;
background : url("img/bg_h_r_kontakt.png") no-repeat 0 0;
}
.text-box { 
width : 243px;
background : url("img/bg_r_box_end.png") no-repeat left bottom;
} 
.text-box p { 
font-size : 100%;
text-align : justify;
margin : 0;
padding : 5px 15px;
color : #5B4E3E;
} 
table {
font-size : 100%;
width : 203px;
margin : 5px 15px;
}
td {
padding:3px;
}
#footer { 
font-size : 89%;
clear : both;
float : left;
width : 640px;
height : 82px;
margin-top : 8px;
background : url("img/bg_footer.png") no-repeat 0 0;
} 
.copy { 
text-align : right;
margin : 0;
padding : 22px 30px;
color : #222222;
} 
#down { 
font-size : 80%;
float : left;
display : block;
width : 640px;
background : url("img/bg_down.png") no-repeat left bottom;
} 
.d-info { 
text-align : right;
margin : 0;
padding : 10px 30px;
color : #222222;
}
#loga { 
float : right;
width : 110px;
height : 570px;
margin-top : 22px;
background : url("img/bg_loga.png") no-repeat right top;
} 
#photog-l {
float:left;
width:170px;
}
#photog-r {
float:right;
width:170px;
}
.card p {
border:0px;
margin:5px 0px;
padding:0px 15px;
}	
.card img {
width:118px; 
height:118px 
}	
.card {
	width: 158px;
	margin: 0 10px 10px 0;
	padding: 2px 0;
	text-align: center;
	background-color: #E1E1BF;
	border-right: 1px solid #222222;
	border-bottom: 1px solid #222222;
	border-top: 1px solid #FEFFDA;
	border-left: 1px solid #FEFFDA;
/* added rules */
	height: 240px;
	overflow:auto;
	}
.card-title {
	display:block;
	margin-top:10px;
	font-size: 110%;
	color: #7C3224;
	}
.card-desc {
	text-align: left;
	font-size: 90%;
	}
.card-info {
	text-align: center;
	font-size: 90%;
	}

.cleaner { 
clear: both;
display: none; 
}
.cotojatka-anchor { 
border : 1px solid #eca999;
} 
.cotojatka { 
border : 1px solid #222222;
} 
.cotojatka, .cotojatka-anchor { 
padding : 3px 5px;
background : #f3f3f3;
} 
body > .cotojatka, body > .cotojatka-anchor { 
font-size : 90%;
} 
* html .cotojatka, * html .cotojatka-anchor { 
font-size : 90%;
} 
.mono-data { 
font-family : monospace;
background : #fffced;
font-size : 115%;
} 
* html .mono-data { 
font-size : 100%;
} 
pre { 
width : 480px;
border-top : 3px dashed #e59e8d;
border-bottom : 3px dashed #e59e8d;
background : #fff9f7;
padding : 10px;
overflow : auto;
font-size : 115%;
} 
* html pre { 
padding-bottom : 25px;
font-size : 100%;
} 
#lightboxDetails{background-color:#E1E1BF;padding:0px 20px;margin-bottom:15px;}
#lightbox img{border:5px solid #E1E1BF;}
#lightbox{background-color:#E1E1BF;}