@charset "utf-8";
/* CSS Document */

body {
	font-family:Thaoma, sans-serif;
	font-size:12px;
	text-align:center;
	margin:auto;
	padding:0px;
	color:#8d8561;
	background:url(../cssimg/bg.jpg);
	position:relative;
}
a {
	text-decoration:none;
	color:#996600;
}

h1 {
	text-align:left;
	text-transform:uppercase;
	width:100%;
	/*background:#f1e9c8;*/
	border-bottom:1px #8d8561 solid;
	padding:0px;
	margin:20px 0px;
	color:#8d8561;
	font-family:Georgia;
	font-size:24px;
	font-weight:normal;
	line-height:40px;
	float:left;
}
h2 {
	text-align:left;
	color:#8d8561;
	font-size:16px;
	line-height:50px;
	width:510px;
	margin:auto;
	padding:0px;
	float:left;
}
h3, h4 {
	text-align:left;
	margin:0px;
	font-size:12px;
	width:100%;
	float:left;
}
h5 {
	padding:0px 10px;
	margin:0px;
	width:100%;
	float:left;
	display:block;
	text-align:left;
	color:#ffefec;
	font-size:14px;
}
ul {
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
	float:left;
}
li, div {
	margin:0;
	padding:0;
}
img {
	/*border:1px solid #f1e9c8;*/
	/*margin:20px;*/
}
img#wall{
margin:15px 50px;
border:none;
}
#topid {
	width:30px;
	height:20px;
	text-align:right;
	display:block;
	color:#8d8561;
	position:relative;
	float:right;
	margin:20px;
	padding:0px;
}
#topid:hover{
	color:#996600;
	text-decoration:underline;
}
#holder {
	margin:auto;
	width:1000px;
	position:relative;
}
#main {
	width:982px;
	background:url(../cssimg/bgRepeat.jpg) center top repeat-y;
	position:relative;
	float:left;
	margin:auto;
}
#header{
position:relative;
z-index:10;
height:300px;
float:left;
}
.flashContent {
	width:982px;
	height:294px;
	background:url(../cssimg/header.jpg) center top no-repeat;
	position:relative;
	float:left;
	z-index:10;
}
.flashContent ul {
	list-style:none;
	margin:0;
	padding:0;
	top:260px;
	left: 55px;
	position:relative;
	float:left;
	width:880px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
}
.flashContent ul li{
	position:relative;
	float:left;
	width:143px;
}
.flashContent ul li a {
	width:134px;
	height:24px;
	position:relative;
	text-decoration:none;
	color:#FFFFFF;
	line-height:24px;
}
.flashContent ul li a:hover {
	color:#000000;
}
#key {
	position:absolute;
	z-index:10;
	width:100px;
	height:451px;
	left:833px;
	top:-86px;
	/*background:url(../cssimg/key.png);
	width:74px;
	height:152px;
	left:847px;
	top:210px;
	border:1px red solid;*/
	display:none;
}

#content {
	float:left;
	height:auto;
	padding-bottom:30px;
	position:relative;
	z-index:9;
}
#left {
	width:300px;
	float:left;
	position:relative;
}
.leftBox {
	width: 237px;
	height:auto;
	margin:auto;
	position:relative;
	margin-bottom:20px;
	padding:5px 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	color:#FFFFFF;
}
.leftBox#bottom{
	position:relative;
	bottom:0px;
	color:#594836;
	_margin-left:14px;
	_margin-left:10;
}
#left p, .kontaktBox p{
	margin:10px;
	text-align:left;
}

#left a, .kontaktBox a {
	font-weight:normal;
	color:#594836;
}
#left a:hover, .kontaktBox a:hover {
	text-decoration:underline;
}
.right {
	background:url(../cssimg/bgSheet.jpg) left top repeat;
	width:510px;
	float:left;
	position:relative;
	left:0px;
	top:20px;
	min-height:450px;
	border:1px solid #c3a14b;
	z-index:1;
	position:relative;
	padding:60px;
	margin:0px;
	
	/*IE5.5 hack*/
	width:630;
	/*IE6 hack*/
	_height:560px;
}
.right .center h2, .right .center p, .right .center p a{
width:100%;
float:left;
text-align:center;
}
#topShadow{
	background:url(../cssimg/bgShadow.jpg) left top no-repeat;
	width:100px;
	height:380px;
	z-index:0;
	position:absolute;
	top:15px;
	left:294px;
}
#bottomShadow{
	background:url(../cssimg/bottomShadow.jpg) left top no-repeat;
	width:550px;
	height:40px;
	z-index:0;
	position:absolute;
	bottom:-18px;
	left:300px;
}

.right p{
	width:100%;
	float:left;
	text-align:justify;
	margin:10px 0;
}

.right ul, ol {
	text-align:left;
	padding:0;
	margin:15px 0;
	
	/*IE5.5 hack*/
	_text-indent:-16;
}
.right ol {
	float:left;
	position:relative;
	list-style:inside decimal;
	padding-top:20px;
}
.right ol li{
	line-height:20px;
}

.right img{
	border:1px #eae0af solid;
	float:left;
	margin:5px;
	position:relative;
	padding:0px;
}
.right a{
float:left;
}

.tech_list {
	font-size:12px;
	width:520px;
	padding:20px 0px;
	margin:50px 0;
	border-bottom:1px #8d8561 solid;
	border-top:1px #8d8561 solid;;
	float:left;
}
.tech_list a{
	color:#8d8561;
	border-left:1px #8d8561 solid;
	padding:0 10px;
	line-height:16px;
	float:none;
}
.tech_list a:hover{
	text-decoration:underline;
}
ul#noList{
	list-style:none;
	padding:0px!important;
	margin:0px!important;
	width:450px;
	float:left;
}
ul#noList li{
height:40px;
}
.ponuka {
	border-bottom:1px #8d8561 solid;
	height:auto;
	float:left;
	width:510px;
}
.ponuka p{
width:510px;
}
.ponuka img {
	float:left;
	width:100px;
	height:100px;
	margin-right:20px;
}
.ponuka ul{
	width:120px;
	float:left;
}
.ponuka ul li{
	margin:0px;
	padding:0px;
	text-indent:0px;
	/*IE5.5 hack*/
	_text-indent:-15;
}
.ponuka ul li a {
	padding-top:25px;
	float:left;
	/*IE5.5 hack*/
	text-indent:0;
}
.ponuka ul#right{
	width:250px;
}
.ponuka #detail{
background:url(../cssimg/detailIcon.jpg) right bottom no-repeat;
width:100px;
}
.ponuka #cena {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	line-height:80px;
	width:240px;
}


.full {
	width:530px !important;
}
#footer {
	background:url(../cssimg/footer.jpg) center bottom no-repeat;
	width:100%;
	height:55px;
	position:relative;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	line-height:14px;
}
#links {
	position:relative;
	left:510px;
	top:10px;
	padding:0px;
	margin:0px;
	width:450px;
	float:left;
	line-height:14px;
}
#links ul {
	float:left;
	padding:15px;
	margin:3px 0px;
	width:400px;
	list-style:none;
}
#links ul li {
	float:left;
	padding:0 5px;
	margin:0px;
	border-left:1px solid #6f5410;
}
#footer a, #copyRight a, p#copyRight {
	color:#6f5410;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	margin:0px;
	padding:0px;
}
li a {

}
#links li#first, #first {
	border-left:none;
}
p#copyRight {
	margin:auto;
	margin-top:0px;
	padding:0px;
	width:350px;
	position:relative;
	top:30px;
	float:left;
	right:420px;
	text-align:left;
}
/*HIGHSLIDE*/
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
/*.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}*/

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.control {
	float: right;
    display: block;
    position: relative;
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
}
.control:hover {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 0;
    margin-bottom: 0;
}
.control, .control * {
	color: #666;
}

.gallery{
width:100%;
text-align:left;
float:left;
margin:20px 10px;
}

.gallery img{
border:1px #CCCCCC solid;
background:#FFFFFF;
margin: 6px 0px 0px 4px;
/*padding:5px;
/*margin:5px 5px 5px 5px!important;*/
}

.gallery span{
float:left;
text-align:center;
margin: 5px 5px 5px 5px;
width:130px;
height:105px;
background:#FFFFFF url(../cssimg/galleryImgBg.png) center top no-repeat;
}

#extract{
display:inline;
position:relative;
right:10px;
bottom:8px;
}