body{
   height: auto;
   width:100%;
   margin:0px;
   top:0px;
 padding:0px;
    background: url('../images/_body-bg.jpg') #251f24 0 0 repeat-x;
   }
a{
background:transparent;
text-decoration:none;
color:#fca7db;
}
a:hover{
text-decoration:underline;
}
div{
display:block;
position:relative;
}
#wrap{
float:left;
position:relative;
width:100%;
min-height:600px;
height:auto !important;
height:100%;
margin:0px;
padding:0px;
overflow:hidden;
height:auto;
min-height:100%;
    margin:0px;
 padding:0px;
 top:0px;
   }
/*main style*/

#main{
width:100%;
min-height:600px;
height:auto !important;
height:100%;
display:inline-block;
top:0px;
z-index:100;
 clear: both;
 position:relative;
 margin:0px auto;
 padding:0px;
 background-repeat:no-repeat;
 background-position:50% 0;
}
#background{
width:100%;
height:100%;
background: url('../images/_body-background.jpg') #251f24 50% 0px no-repeat;
float:none;
display:inline-block;
z-index:100;
 clear: both;
 position:relative;
 top:0px;
 margin:0 0 0 0px;
 padding:0px;
}
#content{
float:none;
display:inline-block;
position:relative;
overflow:hidden;
top:0px;
width:1000px;
height:700px;
z-index:200;
padding:0px;
margin:0px;
}
/*headline style*/
h1{
font-size:21px;
margin:10px 0px;
*margin:10px 0px 0px 0px;
line-height:21px;
*line-height:14px;
float:left;
position:relative;
display:block;
padding:0px 2%;
width:96%;
font-family:arial;
}
h2{
font-size:13px;
margin:6px 0px;
float:left;
position:relative;
display:block;
padding:0px 0%;
width:100%;
font-weight:bold;
}
/*top*/
#top{
width:100%;
height:54px;
z-index:11111000;
float:left;
top:80px;
}
#top a.logo{
display:block;
width:224px;
height:50px;
position:absolute;
z-index:11111000;
left:0px;
float:left;
text-decoration:none;
border:0px;
}
/*ul*/
div.box ul li{
width:auto;
float:left;
display:block;
clear:both;
position:relative;
margin:5px 0px;
}
div.box ul li{
width:auto;
float:left;
display:block;
padding:2px 15px;
clear:both;
margin:2px 0px;
background:url('../images/_li.png') 2px 50% no-repeat;
}
/*submenu*/

#submenu{
width:100%;
visibility: visible;
position:relative;
display:block;
float:left;
text-align:left;
padding:0px;
margin:5px 0px 0px 0px;
}

#submenu ul, #submenu ul li {
	display: block;
	list-style: none;
	margin: 0;
	font-family:arial;
	float:left;
	position:relative;
	text-align:left;
	width:100%;
	clear:left;
	padding:0px;
}
#submenu ul li {
	
}
#submenu ul li ul li {
	
}
#submenu ul li:hover>a, #submenu ul li.active>a{
	
	color:#ffffff;
}
#submenu>ul>li:hover>a, #submenu>ul>li.active>a{
	color:#ffffff;
}
#submenu a.mainlevel{
float:left;
position:relative;
display:block;
text-decoration:none;
color:#a5a4a4;
padding:10px 4%;
text-align:left;
font-size:11px;
font-weight:bold;
font-style:italic;
overflow:hidden;
width:92%;
*width:100%;
height:auto;
}
#submenu a.sublevel{
float:left;
position:relative;
display:block;
text-decoration:none;
color:#a5a4a4;
padding:5px 3% 5px 5%;
text-align:left;
font-size:11px;
font-weight:bold;
font-style:italic;
overflow:hidden;
width:92%;
*width:100%;
height:auto;
}

/*menu*/

#menu{
width:727px;
*width:727px;
height:31px;
visibility: visible;
z-index:10000;
*z-index:10000;
position:relative;
display:block;
float:right;
text-align:left;
padding:0px;
margin:5px 0px 0px 0px;
}

#menu ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	font-family:arial;
	float:left;
	*width:auto;
}

#menu ul li {
	float:left;
	position:relative;
	display:block;
	text-align:left;
	clear:none;
	*clear:none;
	*width:auto;
	padding:0px;
	height:100%;
	background:url('../images/_menu-separator.jpg') 100% 50% no-repeat;
}
#menu ul li:hover ,#menu ul li.active{
background:url('../images/_menu_a-active.jpg') 50% 98% repeat-x;
top:-1px;
}
#menu ul li:hover ul{
background:#33202f;
margin-left:-1px;
padding:3px;
*width:auto;
}
#menu ul li ul{
position: absolute;
visibility: hidden;
width:140%;
*width:auto;
z-index:100;
padding:0px;
float:left;
background:#33202f;
}
#menu ul li ul li{
width:100%;
*width:170px;
clear:left;
padding:0px;
background:#33202f;
}
#menu a.mainlevel{
float:left;
position:relative;
display:block;
text-decoration:none;
color:#a5a4a4;
height:16px;
*height:22px;
padding:6px 8px 13px 8px;
text-align:center;
font-size:11px;
font-weight:bold;
font-style:italic;
min-width:60px;
width:auto !important;
overflow:hidden;
width:auto;
*width:auto;
}
#menu a.mainlevel:hover, #menu a.mainlevel.active{
border-bottom:solid 3px #ffffff;
color:#ffffff;
padding-top:6px;
}
#menu a.sublevel{
*width:100%;
width:90%;
height:auto;
float:left;
position:relative;
display:block;
background:#42213a;
padding:8px 5%;
margin:1px 0px 0px 0px;
color:#ffffff;
font-size:11px;
text-align:left;
font-family:tahoma;
font-weight:bold;
text-decoration:none;
border:0px;
}
#menu a.sublevel:hover, #menu a.sublevel.subactive{
background-color:#601f50;
text-decoration:underline;
}
#menu .rightarrowclass{
float:right;
border:0px;
}
#menu .ulmainlevel .ulsublevel{
display:none;
width:0px;
height:0px;
overflow:hidden;
padding:0px;
}/*box*/
div.box{
width:98%;
padding:3px;
float:left;
background:transparent;
position:relative;
clear:left;
overflow:hidden;
margin:5px 0px;
}

.ulmainlevel.ulsublevel > li > ul > li
{
	width:178px !important;
	padding-left:10px !important;

}

.ulmainlevel.ulsublevel > li > ul > li >a
{
	background:transparent !important;
}

.ulmainlevel.ulsublevel > li > ul > li:hover a , .ulmainlevel.ulsublevel > li > ul > li.active a
{
	color:#ffffff;
}

div.box span.content{
float:left;
width:100%;
display:block;
position:relative;clear:both;
}
a.email{
float:left;
width:90%;
height:20px;
padding:5px 3% 5px 7%;
font-size:14px;
font-weight:bold;
text-align:center;
color:#000000;
margin:10px 0px 0px 0px;
background:url('../images/_email-icon.png') 0 50% transparent  no-repeat;
}
/*forms*/
form.form{
width:100%;
display:block;
position:relative;
clear:both;
float:left;
}
form.form label{
float:left;
display:block;
font-family:arial;
font-size:12px;
padding:5px 0px;
width:100%;
margin:0px;
clear:left;
color:#ffffff;
}
form.form label.result{
display:none;
margin-top:-15px;
position:relative;
color:#000;
}
form.form .input{
float:left;
display:block;
color:#fff;
font-family:arial;
font-size:12px;
border:0px;
background:#601f50;
padding:5px 1%; 
*height:25px;
width:95%;
margin:1px 0px 1px 5px;
clear:none;
border:solid 2px #511843;
}
form.form  textarea{
height:50px;
}
/*footer*/
.pracownia{
float:left;
display:block;
width:140px;
height:46px;
position:relative;
top:10px;
left:30px;
background:url('../images/pracownia.png') 0 0 no-repeat;
}
div#footer{
float:left;
display:block;
width:90%;
padding:0px 5%;
position:absolute;
left:0px;
top:520px;
font-family:arial;
color:#909090;
line-height:15px;
font-size:10px;
}
div#footer .copy{
width:700px;
float:right;
text-align:right;
}
div#footer .copy b{
color:#ffffff;
}
/*cc*/
div.content{
width:940px;
float:left;
clear:left;
display:block;
position:relative;
left:60px;
top:20px;
color:#ffffff;
font-family:arial;
font-size:12px;
}
.cc{
float:left;
position:relative;
overflow:hidden;
display:block;
font-family:arial;
background:transparent;
padding-bottom:10px;
}
#c2{
width:20%;
float:left;
height:100%;
padding:5px 0px;
}
#c3{
width:72%;
float:left;
height:410px;
background:#ffffff;
color:#000000;
overflow:hidden;
padding:5px 0px;
margin:10px 0px 0px 20px;
}
#c3 h1{
color:#642454;
font-weight:bold;
font-size:22px;
font-style:italic;
width:auto;
clear:both;
margin:3px;
}
#c3 h2{
font-size:14px;
font-style:italic;
width:auto;
padding:5pxpx;
margin:3px;
}
#c3 span.caption{
float:left;
clear:both;
position:relative;
margin:3px 14px;
font-style:italic;
font-size:12px;
}
#c3 div.box span.content{
width:90%;
padding:5px 5%;
font-size:13px;
line-height:17px;
}
#c3 div.box span.content img{
float:left;
display:block;
width:auto;
height:auto;
margin:5px;
position:relative;
}
/*button style*/
.button{
display:block;
position:relative;
padding:3px 10px;
clear:both;
float:right;
*width:auto;
text-decoration:none;
text-align:center;
font-family:arial;
font-size:12px;
font-weight:bold;
color:#2a2126;
background:url('../images/_button.jpg') #f3d1eb 50% 0% repeat-x;
border:0px;
margin:5px;
border:solid 2px #511843;
}
a.button{
float:right;
clear:none;
}
.button:hover{
text-decoration:underline;
}
.button.center{
float:none;
display:inline-block;
left:none;
}
/*error*/
span.error{
width:300px;
height:auto;
padding:10px;
background:#e8f8ff;
border:solid 1px #0e8ebf;
position:relative;
display:inline-block;
margin:230px auto 0px auto;
font-size:19px;
font-family:arial;
text-align:center;
color:#0e8ebf;
}
span.error .desc{
font-size:13px;
}

#scrollbar1 { width: 100%; clear: both; margin: 0px 0 0px; }
#scrollbar1 .viewport { width:90%; height: 340px; overflow: hidden; position: relative;float:left; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0;float:left;width:100%; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #601f50; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; right:10px;}
#scrollbar1 .track { background-color: #efe0eb; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0;  }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }

#content {display:none;}
/*mod_galleries*/

div.box a.gallery{
width:100px;
height:auto;
position:relative;
display:inline-block;
clear:none;
float:none;
}
div.box a.gallery img{
padding:2px;
}
div.box a.gallery:hover img{
border:solid 2px #d73e64;
text-decoration:none;
padding:0px;
}
 div.box a.gallery.active img{
border:solid 2px #d73e64;
text-decoration:none;
}
div.box a.gallery.img img, div.box a.gallery.img img:hover{
border:0px;
text-decoration:none;
}
div.box a.gallery.img:hover span{
text-decoration:none;
}
/* tabele */
div.box table { height:auto !important; }
div.box table td { height:auto; padding:0 0 5px; }
div.box table td h4 { font-size:11px; padding:0; margin:0; }
div.box table th { white-space:nowrap; font-size:9px; }


.clear
{
	display:inline-block;
	position:relative;
	width:100%;
	clear:both;
}