/* the big guys */
* {margin:0;padding:0}
body {padding: 0 ;margin:0; color:#333; background: #ebcd99;font: 12px arial, verdana, sans-serif; font-weight: normal;}

/* typography */
h1 { color:#725b33; font: 22px verdana, arial, sans-serif; letter-spacing: 6px; font-weight: normal; margin:0 10px 0 0px; }
.page-splits	{
		border: #725b33 0px solid;
		background-color: #725b33;
		color: #725b33; height: 2px;
		margin: 4px 40px 30px 0px;
		}
.center
{text-align:center;}
h2 { color: #725b33; font: 16px verdana, arial, sans-serif; letter-spacing: 3px; font-weight: normal; padding-bottom:15px}
h3 { color: /*#aa7104*/#aa4d2b; font: 12px verdana, arial, sans-serif; letter-spacing: 1px; font-weight: normal;padding-bottom:15px; }
p { color: #333333; font: 12px arial, verdana, sans-serif; font-weight: normal;
padding-bottom:10px; }
.just 		{ text-align: justify; }
/* lists */
#content ul{ margin:10px 30px 10px 160px;}
#content .ditto_main ul {margin:10px 30px 10px 40px}
.ditto_main a {
color:#725b33;
font-weight:bold;
}
#content ol{ margin:10px 30px 10px 160px;}
#content li ul{list-style:disc; margin:10px;}
/* general */
img {border:none}
.border {border: solid 1px #ffffff;} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;line-height:0px;} 

/* layout - header */
#header {background: #d7a870; margin: 0; padding:0; border-bottom:solid 0px #764f04;height:150px}
#menu {background: #604837 url("images/menu_bg.jpg") repeat-y 0 0; margin: 0 0 0px 0;padding: 8px 3px 8px 3px; border-top:0px solid #aa7104; border-bottom:0px solid #aa7104; height:16px; text-align:right}
#header #flash {margin:0 0 0 0;padding:0; height:90px;}

#design a, #design a:visited
{
color:#725b33;padding-top:20px; display:block; font-family: times new roman, times, serif; font-style: italic; text-decoration:none;
}
#design a:hover{color:#c00; text-decoration:none;}
/* layout - main body of page */
#design
{
margin:10px auto 10px auto; width:220px; height:122px; background:transparent /*url(images/free-ornament1.jpg) no-repeat*/; clear:both; text-align:center;
}
#message
{
margin:50px 8px 10px 8px; width:244px; background:transparent url(images/free-ornament11.jpg) no-repeat top center; clear:both; 
padding:0px; float:left}
#message p
{
text-align:center;  color:#725b33; font-size:11px;
}
.news{
margin:20px auto 0px auto; width:224px; background:transparent url(images/news.jpg) no-repeat top center; clear:both;float:left; 
padding:40px 10px 5px 10px;
}
#message .news p
{
text-align:justify;  color:#725b33; font-size:11px;
}
.news h3
{
text-align:center; text-decoration:none;
}
.news ul, .news ol
{
color:#725b33; font-size:11px;text-align:left; list-style:disc; margin: 2px 2px 2px 20px;
}

#wrap {min-width:700px; max-width:1800px; margin: 0 auto; position:relative; background:#ebcd99 url("images/bg_util.jpg") repeat-y 0 0;}
#content-wrap {position:relative;width:100%;  background: transparent;}
	#utility {position:absolute;top:0;left:0;width:260px; padding-top:10px; background:transparent; border-right:solid 0px red;}
	#sidebar {position:absolute;top:0;right:0;width:20.00%; border-left:solid 0px red; padding-top: 0px;padding-bottom: 40px; background:#ebcd99; }
#logo {margin:0px auto; width:240px; height:240px;background:transparent; clear:both;}


	/* 'more' link - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("images/sprites.gif") no-repeat 5px -400px;padding-left:21px; float:right; text-decoration:none; font-size:11px; color:#aa4d2b;}
		a.morelink:hover {background: transparent url("images/sprites.gif") 5px -500px; color:#c00;}
		.morelink span {position:absolute;left:-9999px;width:900px}
		

#content {margin: 0px 0 0 260px; background:#ffe6bf url("images/bg_old_paper.jpg") repeat-y 0 0; position:relative; padding:10px; padding-top:60px;}
#main {width:95%;  padding:10px 15px 15px 15px; height:100%; background:transparent;}
.floral_bottom {height:125px; width:240px; margin:100px auto; background:#ffffff url(images/free-ornament_m.jpg) no-repeat;}
/* secondary navigation - vertical navigation */
	#nav-secondary, #nav-secondary ul {position:static}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:transparent}
	#nav-secondary {padding-top:0;border-top: 0px solid #ccc;margin-top: 30px}
	#nav-secondary a {line-height:1.8;padding: 12px 0 12px 70px;background: transparent url("images/sprites.gif") no-repeat 0px -590px;font: bold 90% arial;display:block}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {color:#725b33} 
	#nav-secondary a:visited {color:#725b33} 
	#nav-secondary a:hover {color:#c00;background: transparent url("images/sprites.gif") no-repeat 2px -590px} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} 
	#nav-secondary li {border-top: 1px solid #fff;border-bottom: 0px solid #ccc}
#nav-secondary li.last {border-bottom: 1px solid #fff;}
#nav-secondary li ul a{background: transparent url("images/sprites.gif") no-repeat 10px -590px; margin-left:20px;} 
#nav-secondary li ul a:hover{background: #ebcd99 url("images/sprites.gif") no-repeat 10px -590px; margin-left:20px;} 
/* secondary navigation - 2nd tier */
	#nav-secondary ul {margin: 0 15px 0 15px;padding:0}
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}
	#nav-secondary li.active li {border: none;margin:0}
	
	#nav-secondary li.active li.active a:link, 
	#nav-secondary li.active li.active a:visited, 
	#nav-secondary li.active li.active a:hover, 
	#nav-secondary li.active li.active a:active {font-weight:bold}

/* secondary navigation - 3rd tier */
	#nav-secondary ul ul {margin: 0 0 0 20px;padding:0}
	#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px}
	#nav-secondary li.active li.active li a:link, 
	#nav-secondary li.active li.active li a:visited, 
	#nav-secondary li.active li.active li a:hover, 
	#nav-secondary li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active a:active {font-weight:bold}

/* secondary navigation - 4th tier */
	#nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px}
	#nav-secondary li.active li.active li.active li a:link, 
	#nav-secondary li.active li.active li.active li a:visited, 
	#nav-secondary li.active li.active li.active li a:hover, 
	#nav-secondary li.active li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active li.active a:active {font-weight:bold}

/* layout - footer */
#footer {clear:both;border-top: 1px solid #e3e8ee;padding: 10px 0 30px;font-size:86%;color:#999}
	#footer p {margin:0}
	#footer a:link {color:#999}
.mapa
{
clear:both;
width: 85%;
height: 400px;
border:solid 5px #ffffff;
margin-top: 20px; margin-bottom: 20px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
.gal
{
clear:both;
width: 85%;
height: 250px;
border:solid 0px #ffffff;
margin-top: 20px; margin-bottom: 20px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
#flash
{
clear:both;
width:70%; 
height:450px; 
border:solid 0px #666666; 
margin-bottom:50px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}
/*form*/
.buttonon-submit 	{
margin-left:30px;
		background-image: url("images/button.gif");
		background-color:#ddede7;
		font: 12px arial, verdana, sans-serif;
		font-weight: bold;
		color: #336666;
		width: 110px;
		padding-top: 2px;
		padding-bottom: 2px;
		cursor:pointer;
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
		border: #669999 1px solid;
		}
		.button-submit 	{
		margin-left:30px;
		background-image: url("images/buttonon.gif");
		background-color:#ebeddd;
		font: 12px arial, verdana, sans-serif;
		font-weight: bold;
		color: #996600;
		width: 110px;
		padding-top: 2px;
		padding-bottom: 2px;
		cursor:pointer;
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
		border: #996600 1px solid;
		}
		.shadeform	{
		font: 12px arial, verdana, sans-serif;
		color: #000000;
		background-color: #f5f9f5;
		background-image: url("images/shadeform.gif");
		text-align: left;
		width: 60%;
		border:  #996600 1px solid;
		padding:5px;
		}

.textarea	{
		font: 12px arial, verdana, sans-serif;
		background-color: #f5f9f5;
		color: #000000;
		background-image: url("images/shadeform.gif");
		text-align: left;
		width: 60%;
		height: 125px;
		border:  #996600 1px solid;
		padding:5px;
		}

.dropdown 	{
		font: 12px arial, verdana, sans-serif;
		background-color: #f5f9f5;
		color: #777777;
		width: 200px;
		}
#lang
{
position:absolute;
font-size:11px;
border-bottom: 0px solid #aa4d2b;
height:18px;
top:10px;
left:2%;
}
#lang a
{text-decoration: none;
color: #aa4d2b;
padding:1px 8px;
}
#lang a:hover
{
color: #ff0000;
}
#nav-top {
font-size:11px;
border-bottom: 1px solid #aa4d2b;
height:18px;
position:absolute;
top:10px;
right:20px;
}
#nav-top p
{
padding: 0px 0 0 10px;
color:#ffffff;
}
#nav-top ul{
list-style:none;
padding:0;
margin:0;
}
#nav-top li{
float:left;

text-align:center;
}
#nav-top li.last a{

}
#nav-top a{
display:block;
text-decoration: none;
color: #aa4d2b;
padding:1px 8px;
}
#nav-top a:hover {
color: #990000;
}
#nav-top li.here a{
color:#999999;
font-weight:bold;
}
#nav-top li.here a:hover{
color:#ffffff;
}
.thumbs li 
{
border: solid 0px #725b33;
height: 230px;
padding:3px 5px 5px 5px;
display:block;
}
#content ul.thumbs
{
border: solid 0px red; float:left;
padding:0px;
display:block;
margin:0px 10px 0px 10px;
}
.img_gal
{
padding:35px 10px 5px 10px;
background:transparent url("images/frame1.gif");
height:174px;
width:168px;
text-align:center;
}
.thumbs li .img_gal img
{
margin:0 auto;
border-bottom:solid 2px #ffffff;
border-right:solid 2px #ffffff;
border-left:solid 1px #999999;
border-top:solid 1px #999999;
}
.karta
{
border:solid 0px #ffffff;
width: 60%;
margin: 10px auto;
font-family: times new roman, times, serif; font-style: italic;
font-size:14px;
color:#333333;
}
.cena
{
visibility: hidden;
color:red;
text-align: right;
width: 160px;
}
#login
{
margin-top:10px;
padding:5px;
color: #996600;
font-size:11px;
}
#login input
{
		font: 11px arial, verdana, sans-serif;
		color: #000000;
		background-color: #f5f9f5;
		text-align: left;
		width: 50%;
		border:  #996600 1px solid;
		padding:2px;
		margin-bottom:4px;
		}
.menu_on_page li.active {
display:none;
}