/*                                
www.vincek.hr 
CSS master style sheet
c) www.nivas.hr All rights reserved. 
*/             


#x-mas {
position:absolute;
top:0;
right:0;
width:122px;
height:239px;
}

#vidi {
position:absolute;
top:0;
right:8%;
margin:10px;
width:72px;
height:72px;
}
               
/* general */
body{
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
	background: #5f0202 url(/images/bg-main.gif) repeat-x top center;
}

p{
	color: #000000;
	padding: 0px 8px 0px 12px;
	margin: 0;
	text-align: left;
	font: 11px Arial,Helvetica,sans-serif;
}


p.big-text {
	font: 12px Arial,Helvetica,sans-serif;
}
p.bold{
font-weight: bold;
font-size: 11px;
}





a{ color: #C06F43; text-decoration: none; }

a:hover{ color: #e05f19; }

h1{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #A45D37;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	line-height: 2em;
	background-color:#fff;
}

h2{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #A45D37;
	padding: 0px 0px 0px 20px;
	margin: 0;
	text-align: left;
}


h4 {
	color: #660000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 20px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0 10px 10px 0;
	line-height: 1em;

}

/* general */
/* layout */
#container{
	background: #fff;
	margin: auto;
	padding: 0;
	width: 750px;
	border: 1px solid #210300;
}

#header{
	margin: 0;
	padding: 0;
	height: 134px;
	text-indent: -9999px;
	background: #5f0202 url(/images/header.jpg) no-repeat 0 0;
}

/* layout */
/* navigation */
#nav{
	background: url(/images/bg-main-nav.gif) repeat-x 0 0;
	width: 750px;
	height: 30px;
	padding: 0;
	margin: 0;
}

#nav ul{ list-style: none; padding: 0; margin: 0px 0px 0px 17px; }

#nav li{
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	background: url(/images/norm-right.gif) no-repeat right top;
}

#nav a{
	display: block;
	background: url(/images/norm-left.gif) no-repeat left top;
	color: #C06F43;
	padding: 8px 13px 8px 15px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

#nav a:hover{ color: #e05f19; }

#nav #current{
	color: #dfab8f;
	background-image: url(/images/norm-right-on.gif);
}

#nav #current a{
	color: #dfab8f;
	background-image: url(/images/norm-left-on.gif);
}

#nav a.main-sep{
	background: url(/images/norm-left-on.gif) no-repeat right top;
}

#sub-nav{
	background-color: #5F3D29;
	height: 25px;
	padding: 0;
	margin: 0;
	width: 750px;
	border-bottom: 1px solid #210300;
}

#sub-nav ul{ list-style: none; padding: 0; margin: 0px 0px 0px 10px; }

#sub-nav li{
	margin: 0;
	padding-top: 4px;
	display: inline;
	float: left;
}

#sub-nav a{
	display: block;
	color: #C06F43;
	font-size: 11px;
	background: url(/images/sub-nav-sep.gif) no-repeat right center;
	margin: 0;
	padding: 0px 15px;
}

#sub-nav a:hover{ color: #e05f19; }

#sub-nav #current-sub a{ color: #dfab8f; }

#sub-nav li.sub-nav-sep{ background: none; }

/* navigation */
#content{
	padding: 20px 0px 0px 0px;
	width: 750px;
	height: 405px;
	float: left;
	margin: 0;
}

#content ul.fullscreen{
	text-align: left;
}

#content-item{
	margin: 0;
	padding: 0;
	width: 545px;
	height: 400px;
	float: left;
	text-align: left;
}

#content-item dl{
	margin:0;
	padding: 0;
	float: left;
	display: inline;
}
#content-item dt{ margin: 0; padding: 0px 0px; float: left; width:510px; }

#content-item dd{ 

	color: #000000;
	padding: 0px 20px 0px 10px;
	margin: 0;
	text-align: left;
	font: 11px Arial,Helvetica,sans-serif;
	float: left;
}

#content-item dd.img img{
position: relative;
top:20px;

	margin: 0;
	padding:0;

}
a.magnify{
margin:0;
padding:10px 30px 10px 0;
float:left;
}

/* big picture */


#big-pic .lokacija{
	float: right;
	margin: 0;
	padding:18px 0px 0 20px;
	width: 360px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 380px;

}
#big-pic img.lokacija-slika{
	float: left;
	padding:0;
	margin: 0;

}
img.lokacija-slika2{
	float: left;
	padding:0;
	margin:17px 0 0 0;

}
#big-pic p.lokacija-text{

	padding:0;
	margin:0 10px;
	line-height: 18px;
}
p.lokacija-text{

	padding:0;
	margin:0 10px;
	line-height: 18px;
}
#big-pic p.lokacija-flash{

	padding:0;
	margin:0 10px;
	line-height: 30px;
}
#big-pic a.movie-down{
	background: url(/images/flash-ico.gif) no-repeat right center;
	padding:15px 30px 15px 0;
	margin:0;
}
#big-pic a.movie-down:hover{
background: url(/images/flash-ico-hover.gif) no-repeat right center;
}

#big-pic .kontakt{
	margin: 0;
	padding-top: 15px;
	width: 400px;
	float: right;

}
#big-pic img.lokacija-karta{
float: right;
	padding:24px 0 15px 15px;
	margin: 0;

}
#big-pic .kontakt p{
text-align: right;
	margin:0;
	padding:35px 15px;
}



/* content thumbs */


#big-pic .main-thumb{
margin:0; 
padding:12px 0 0 0; 
width: 400px; 
voice-family: "\"}\"";
voicefamily:inherit;
width:420px;
height:400px; 
float: right;
}
#big-pic .main-thumb ul {padding-right:10px; margin:30px 0px 20px 30px;float:right;}
#big-pic .main-thumb ul li{
margin:0 0 20px 10px;
padding:0;
list-style: none;
float: left;
}
#big-pic .main-thumb a.frame{
background: url(/images/thumb-shadow.gif) no-repeat 0 0;
width: 100px;
height: 100px;
margin: 0;
padding: 0;
display: block;
}
#big-pic .main-thumb a.frame:hover{
background: url(/images/thumb-shadow-hover.gif) no-repeat 0 0;
}
#big-pic .main-thumb a img{
width: 88px;
height: 88px;
margin:  0 6px;
padding: 6px 0;
display:block;
}

#big-pic .details{
margin:10px 15px;
padding:0;
float: left;
}
#big-pic .details p{
margin: 0 15px;
padding:0;
}

.details-2{
margin:10px 0;
padding:0;
float: left;
width:200px;
}
.details-2 p{
margin: 0;
padding:0;
font-size:12px;
font-weight:bold;
float:left;
}
#content-thumb{
	margin: 0;
	padding: 0;
	width: 545px;
	height: 400px;
	float: left;
	text-align: left;
}
#content-thumb dl{
	margin:0;
	padding: 0;
	float: left;
	display: inline;
}
#content-thumb dt{ margin: 0; padding: 0px 0px; float: left; width:510px; }

#content-thumb dd{ 

	color: #000000;
	padding: 0px 20px 0px 10px;
	margin: 0;
	text-align: left;
	font: 11px Arial,Helvetica,sans-serif;
	float: left;
}




#content-thumb ul {margin:0;
padding:0 40px 0 0;
list-style: none;
float: left;
}



#content-thumb ul li{
margin:0;
padding:10px;
list-style: none;
float: left;
}

#content-thumb ul li a{
background: url(/images/thumb-shadow.gif) no-repeat 0 0;
width: 100px;
height: 100px;
margin: 0;
padding: 0;
display: block;
float: left;
}

#content-thumb ul li a:hover{
background: url(/images/thumb-shadow-hover.gif) no-repeat 0 0;
}
#content-thumb ul li a img{
width: 88px;
height: 88px;
margin:  0 6px;
padding: 6px 0;
display:block;
}


#content-item a.thumb{ margin: 0; padding: 0; float: left;}
#content-thumb a.next{ padding: 20px 20px 0px 0px; margin: 0; float: right; }

#big-pic .main-thumb{
margin:0; 
padding:12px 0 0 0; 
width: 400px; 
voice-family: "\"}\"";
voicefamily:inherit;
width:420px;
height:400px; 
float: right;
}



#big-pic .main-thumb ul {padding-right:10px; margin:21px 0px 10px 30px;float:right;}



#big-pic .main-thumb ul li{
margin:0 0 20px 10px;
padding:0;
list-style: none;
float: left;
}


#big-pic .main-thumb a.frame{
background: url(/images/thumb-shadow.gif) no-repeat 0 0;
width: 100px;
height: 100px;
margin: 0;
padding: 0;
display: block;
}

#big-pic .main-thumb a.frame:hover{

background: url(/images/thumb-shadow-hover.gif) no-repeat 0 0;

}
#big-pic .main-thumb a img{
width: 88px;
height: 88px;
margin:  0 6px;
padding: 6px 0;
display:block;

}
div.clearer { clear: left; line-height: 0; height: 0; }







/* sidebar */
#sidebar-index{
	float: left;
	width: 314px;
	background: #FFFFFF;
	padding: 0;
	margin: 0;
	text-align: left;
	font: 11px Arial,Helvetica,sans-serif;
	color: #666666;
}

#sidebar-index p{ padding: 0px 8px 0px 12px; margin: 0; }

#sidebar-menu{
	float: left;
	margin: 0;
	padding: 0;
	height: 400px;
	width: 200px;
}

#sidebar-menu ul{ margin: 0; padding: 5px 0px 0px 30px; }




.contentbox-index{
	width: 298px;
	height: 230px;
	margin: 35px 0px 0px 16px;
	padding: 0;
}

.contentbox-start{
	margin: 0px 0px 0px 20px;
	float: left;
	height: 130px;
	width: 500px;
}

.contentbox-index a.flash{
	background: url(/images/flash-ico.gif) no-repeat right center;
	padding:5px 30px 5px 0;
	margin:10px 0;
	line-height:30px;
}
.contentbox-index a.flash:hover{
	background: url(/images/flash-ico-hover.gif) no-repeat right center;
}

.contentbox-opis{ padding: 0px 0px 10px 30px; float: left; width: 500px; }

p.opis{ padding: 10px 0px 0px 10px; }

.contentbox-start p{ margin: 0px 10px 0px 10px; }

/* sidebar */
/* footer */
#footer{
	background: url(/images/bg-foot.gif) repeat-x 0px 30px;
	margin: 0;
	padding: 30px 0px 0px 0px;
	height: 32px;
	width: 750px;
	clear: both;
}
ul.info{ 
text-align: left;
float: left;
margin: 0 20px;
padding:0;
list-style: none;
	}

#vincek-link{ 
	color: #a86039;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;	
	float: right; 
	margin: 0; 
	padding: 0;

	}

#vincek-link ul{ list-style: none; padding: 0; margin: 0; }

#vincek-link li{ margin: 0; padding: 0; display: inline; }

#vincek-link a{

	margin: 0;
	padding: 0px 15px;
	line-height: 32px;
}

#vincek-link a:hover{ color: #e05f19; }

#vincek-legal{
	float: left;
	margin: 0;
	padding: 0;
	color: #A86039;
	height: 29px;
}

p.copyright{
	margin: 0;
	padding: 8px 13px;
	color: #A86039;
	text-align: left;
	font-size: 11px;
}

 
/* footer */
/* specific classes and id's */
#small-pic{ float: left; padding: 3px 0px 0px 16px; margin: 0; }

#big-pic{
	float: right;
	padding: 35px 16px 0px 0px;
	margin: 0;
	height: 418px;
	width: 408px;
}

.naziv-kup{
	float: left;
	margin: 0;
	padding: 10px 10px 0px 40px;
	display: block;
}

.slika-item{ float: right; margin: 40px 0px 0px 50px; }

#slika-start{ 
float:left;
padding: 0px 20px 0px 0px; 
}

/* specific classes and id's */
/* language page */
#ulaz{ width: 300px; margin: 20% auto; padding:0; }

#ulaz ul{
	float: left;
	margin: 10px 20px;
	padding: 0;
	list-style: none;
}

#ulaz li{ margin: 0; padding: 0 5px; float: left; }

#ulaz a{
	float: left;
	display: block;
	margin: 0;
	padding: 60px 10px;
	text-decoration: none;
}

.hrvatski{
	background: url(/images/croatia.gif) no-repeat top center;
}

.english{
	background: url(/images/england.gif) no-repeat top center;
		color: #804728;

}

.deutsche{
	background: url(/images/germany.gif) no-repeat top center;
	color: #804728;
}

.logo{ margin: 0; padding: 0 35px; display: block; }

/* google style next 1,2,3 link *********************************************/
.next-page{
color:#333333;
margin:0;
padding:0 30px 0 0;
font-weight: bold;
float:right;
}
.next-page p{
margin:0;
padding:0;
}
.next-page a.link-list{
color:#000000;
font-size:10px;
padding: 0 5px;
}
.next-page a.link-back{
color:#000000;
background: url(/images/link-back.gif) no-repeat left center;
margin:0;
padding:5px 15px;
}
.next-page a.link-back:hover{
background: url(/images/link-back-hover.gif) no-repeat left center;
}
.next-page a.link-next{
color:#000000;
background: url(/images/link-next.gif) no-repeat right center;
margin:0;
padding:5px 15px;
}
.next-page a.link-next:hover{
background: url(/images/link-next-hover.gif) no-repeat right center;
}
/* google style next 1,2,3 link *********************************************/

/* language page */




/* no flash content - alternate menu */

#noflashcontent ul{
font-size: 11px;
font-weight: bold;
float:left;
margin:0;
padding:0 20px;
text-decoration:none;

}
#noflashcontent ul li{
text-align:left;
margin:0;
padding:0;
list-style:none;

}
#noflashcontent ul li:hover{
background:#f8e0ec;
}

/* SIFR SUFFER */




/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 20px;
		
}