/*Css document - by Kreator*/

body { background:url(images/home-01_01.jpg) 0 0 repeat-x #85181d; 
margin:0px;
padding:0px;
font: normal 12px/18px Arial, Helvetica, sans-serif #5b503c; text-align:justify; 
}


div, ul, h3, p, h1, h2, h3, li {
margin: 0px; 
padding:0px;
line-height:0px;
font-size:0px;
}

ul{ list-style:none;}


/*Links start*/

#linksTop{
width:817px;
height:44px;

}

.flash{
width:454px;
height:30px;
float:right;
margin-right:20px;
margin-top:5px;
}


#links{ 
background:url(images/home-01_02.jpg) 0 0 no-repeat; 
color:b19a70;
font: normal 12px/16px Arial, Helvetica, sans-serif;
width:817px;
height:44px;
margin:0 auto;
position:relative;
}

#links ul{font:normal 12px/18px Arial, Helvetica, sans-serif; color:#FF9966;
position:absolute; 
right:20px;
bottom:0px;
}
#links ul li{font:normal 12px/18px Arial, Helvetica, sans-serif; color:#FF9966; 
float:left; 
display:block;
width:60px;
height:28px;
text-align:center;
}

#links ul li a{
font:normal 12px/18px Arial, Helvetica, sans-serif; color:#FF9966;
text-align:center; 
display:block; 
width:60px; 
height:28px;
text-decoration:none;

}

#links ul li a:hover{
font:normal 12px/18px Arial, Helvetica, sans-serif #b19a70;
text-align:center;
display:block;
width:60px;
height:28px;
text-decoration:none;
background:#FFFFFF;
border-bottom:10px solid #990000;
}

#links ul li a.now {
font:normal 12px/18px Arial, Helvetica, sans-serif #b19a70;
text-align:center;
display:block;
width:60px;
height:28px;
text-decoration:none;
background:#FFFFFF;
border-bottom:10px solid #990000;
margin-bottom:0;
}



#links h3{ font:bold 18px/22px Arial, Helvetica, sans-serif; 
color:#d3b189; 
display:block; 
height:20px; 
position:absolute; 
top:10px; 
left: 25px; }
/*Links end*/

/*Header start*/
#header { 
/*background: url(images/home-01_04.jpg) 0 0 no-repeat; */
width:817px; 
height:300px; 
margin:0 auto;}
/*Header end*/

/*Container start*/
#container{width: 817px;  
margin:0 auto;
}

/*Lang select*/
#lang{width:100%;
}

#lang ul{
list-style:none;
}

#lang ul li.select a{
font:bold 10px/16px Verdana, Arial, Helvetica, sans-serif;
color:#990000;
float:right;
width:100px;
display:block;
text-transform:uppercase;
text-align:center;
margin-right:3px;
}



#lang ul li.select a:hover{
font:bold 10px/16px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
background: #CC3300;
text-decoration:none;
}

#lang ul li.select a.now{
background:#990000;
font:bold 10px/16px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
}

/*Content Start*/

#topContBg{
width: 801px; 
height:10px;
margin:0 auto;
background:url(images/home-01_05b.jpg) 0 0 no-repeat #FFFFFF;
}

#contentWrap{
width: 757px;
position:relative;
float:left;
font: normal 12px/18px Arial, Helvetica, sans-serif #5b503c; 
text-align:justify;
background:url(images/home-01_06.jpg) repeat-y 0 0 #FFFFFF;
/*margin-top:10px;*/
padding:25px 30px 30px 30px;
margin-top:0; 
}

#leftColumn{
width:550px;
float:left;
}

#rightColumn{
width:150px;
float:right;
margin-top:20px;
padding-left:25px;
border-left:1px dotted #999999;
}

#rightColumn ul{
list-style:none
}

#rightColumn ul li{
float:left;
margin-bottom:15px;
}

#rightColumn ul li a{
float:left;
margin-bottom:15px;
border-bottom:5px solid #CCCCCC;
}

#rightColumn ul li a:hover{
float:left;
margin-bottom:15px;
border-bottom:5px solid #990000;
}

#rightColumn ul li.noBorder{
font:normal 11px/14px Arial, Helvetica, sans-serif; color:#999999;
border:none;
list-style: square;
}

#contentWrap p{
font: normal 12px/18px Arial, Helvetica, sans-serif; 
color:#5b503c; 
text-align:justify;
display:block;


}

#contentWrap h1{
font: bold 18px/24px Arial, Helvetica, sans-serif; 
color:#5b503c;
display:block;
width:695px;
height:35px;
background:url(images/h1bg.gif) no-repeat 0 0;
background-position:bottom;
background-position:left;
padding-left: 60px;
/*margin-left:20px;*/
padding-top:15px;
}

#contentWrap h3{
font:bold 16px/24px Arial, Helvetica, sans-serif; 
color:#990000; 
margin:20px 0 10px 0;
}

#leftColumn img{
margin-right:20px;
margin-bottom:5px;
border:1px solid #990000;
}

#leftColumn .img1, .img2{
float:left;
margin-right:25px;
margin-top:30px;
}

#footer{
width:817px; 
height:54px;
clear:both;
background:url(images/home-01_07.jpg) no-repeat 0 0;
font:normal 10px/14px Arial, Helvetica, sans-serif; 
color:#990000; 
text-align:center;
}

#footer span{
font:bold 12px/14px Arial, Helvetica, sans-serif; 
color:#333333;
}



/*O NAMA*/
#leftColumn2{
width:755px;
float:left;
}

#leftColumn2 img{
margin-right:20px;
margin-bottom:5px;
border:1px solid #990000;
}

#leftColumn2 .img1{
float:left;
margin-right:60px;
margin-top:30px;
}

#leftColumn2 .img2{
float:left;
margin-right:65px;
margin-top:30px;
}

#leftColumn2 .img3{
float:right;

margin-top:30px;
}

/*VINA*/
#leftColumn3{
width:350px;
float:left;
}

#rightColumn3{
width:350px;
float:right;
}

#leftColumn3 h3.h3Vina{
font:bold 14px/18px Arial, Helvetica, sans-serif;
color:#b5915e;
}

#rightColumn3 h3.h3Vina{
font:bold 14px/18px Arial, Helvetica, sans-serif;
color:#b5915e;
}



/*GALERIJA*/
#leftColumn4{
width:756px;
}

#leftColumn4 ul{
list-style:none;
padding-left:10px;
}
#leftColumn4 li{
display:block;
width:150px;
height:100px;
float: right;
margin-right:15px;
margin-left:18px;
margin-bottom:15px;
border:1px solid #990000;
}


/*KONTAKTI*/

#leftColumn5{
width:400px;
float:left;
margin-top:20px;
}

#rightColumn5{
width:300px;
float:right;
padding-left:25px;
padding-bottom:33px;
margin-top:20px;
/*border-left:1px dotted #999999;*/
border:2px solid #b69e7c;
background:url(images/bgmain2.gif) 0 0 no-repeat #c3a073;
background-position:bottom;
}


#rightColumn5 a{
font: bold 14px/18px Arial, Helvetica, sans-serif; 
color:#990000;
text-decoration:none;
display:block;
width:200px;
text-align:left;
}

#rightColumn5 a:hover{
font: bold 14px/18px Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
display:block;
width:200px;
text-align:left;
}

#rightColumn5 h4.h3Mail{
font:bold 14px/18px Arial, Helvetica, sans-serif;
color:#990000;
display:block;
width:80px;
}

/*LIGHTBOX*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}