html, body
 {
margin:0;
padding:0;
color:#000;
background:#1887B5;
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
}

a { text-decoration:none;
color:#1887B5;}
a:hover { text-decoration:underline;}

img{
	border:0px;
}
#wrap {
width:1000px;
margin:0 auto;
background:#FFF;
background-image:url(../images/top.gif);
background-repeat:no-repeat;
}

#header {
background-image:url(../images/top1.gif);
height:107px;
background-repeat:no-repeat;
}

#nav {
float:right;
width:650px;
text-align:right;
padding:50px 30px 10px 10px;
color:#F6F6F6;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
}

#nav a{	color:#F6F6F6;
text-decoration:none;
}

#nav a:hover{	
text-decoration:underline;
}

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

#nav li {
display:inline;
margin:0;
padding:0;
}

#main {
float:left;
width:570px;
padding:10px;
}

#sidebar {
float:left;
width:381px;
padding:10px;
min-height:900px;
}

#kamp{
background-image:url(../images/kamp_prikolica.png);
background-repeat:no-repeat;
float:right;
width:381px;
height:290px;
padding-bottom:20px;
}

#kamp-it{
background-image:url(../images/kamp_prikolica-it.png);
background-repeat:no-repeat;
float:right;
width:381px;
height:290px;
padding-bottom:20px;
}

#kamp-en{
background-image:url(../images/kamp_prikolica-en.png);
background-repeat:no-repeat;
float:right;
width:381px;
height:290px;
padding-bottom:20px;
}

#kamp-de{
background-image:url(../images/kamp_prikolica-de.png);
background-repeat:no-repeat;
float:right;
width:381px;
height:290px;
padding-bottom:20px;
}

#priznanje{
float:right;
width:300px;
height:334px;
padding-right:20px;
}

#priznanje img, img a{
	padding-right:30px;
	padding-left:10px;
	border:0;}

#box{
background-image:url(../images/box_rezervacija.png);
background-repeat:no-repeat;
float:right;
width:300px;
padding-right:20px;
}

#box .rezervacija{
padding-top:90px;
padding-left:17px;
text-align:left;
width:240px;
color:#F6F6F6;
height:140px;
}

#rezervacija{
width:200px;
font-family:"Adobe Caslon Pro", "Adobe Garamond Pro", Garamond, Lucida, Georgia, serif;
font-weight: bold;
font-size: 23px;

color:#FFF;
height:30px;
}

#footer {
clear:both;
background-image:url(../images/footer.gif);
background-repeat:no-repeat;
height:82px;
}

#footer p {
margin:0;
}



h1, h2, h3, h4, h5 {
letter-spacing: -.02em;
margin: 0;
padding: 0;

}


h1 {
font-family:"Adobe Caslon Pro", "Adobe Garamond Pro", Garamond, Lucida, Georgia, serif;
font-weight: bold;
text-align: left;
font-size: 20px;
padding: 20px 0 20px 0;
margin: 0 20px 0 20px;
line-height: 1em;
}

h2 {
font-family:"Adobe Caslon Pro", "Adobe Garamond Pro", Garamond, Lucida, Georgia, serif;
font-weight: bold;
font-size: 25px;
display: inline;
color:#690;
line-height: 1em;
}

h3 {
font-family:"Adobe Caslon Pro", "Adobe Garamond Pro", Garamond, Lucida, Georgia, serif;
font-size: 16px;
color:#28ACE2;
text-transform: uppercase;

}

h4 {
font-family:"Adobe Caslon Pro", "Adobe Garamond Pro", Garamond, Lucida, Georgia, serif;
font-weight: bold;
color: #28ACE2;
font-size: 16px;
margin: 20px 0 20px 0;
display: inline;	
line-height: 1em;
}

h4 a{color: #28ACE2;}

h5 {
font-family:"Adobe Caslon Pro", "Adobe Garamond Pro", Garamond, Lucida, Georgia, serif;
font-weight: bold;
font-size: 20px;
line-height: 1em;
}


.jezik{
	float:right;
	padding-right:20px;
	padding-bottom:20px;
	width:300px;
	text-align:right;
}
	
.jezik a{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#1887B6;
	text-decoration:none;
}

.jezik a:hover{
	text-decoration:underline;
}

.jezik ul {
margin:0;
padding:0;
list-style:none;
}

.jezik li {
display:inline;
margin:0;
padding:0;
}

.crta{
	border-bottom:#E8E8E8 solid 1px;
	height:2px;
	width:95%;
	padding-top:15px;

	}
	
/***slideshow****/	

	#gallery {
	position:relative;
	height:260px;
	margin-top:10px;
	padding-top:20px;
}
	#gallery a {
		float:left;
		position:absolute;
		width:572px;
		border:none;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500;
	}

	#gallery .caption {
		z-index:600; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}

.pic {
margin:2px;
padding:2px;
float:left;
margin-right:10px;
height:-3px;
}

.pic2 {
margin:2px;
padding:2px;
float:right;
margin-left:10px;
height:-3px;
}

/* pagination */
.pagination { padding-left: 0; text-align: center; margin:0px; }
.pagination li { display: inline; padding-right: 2px; }
.pagination a {	text-decoration:none; border: 1px solid #89ACDB; padding: 1px 6px; color:#666; }
.pagination a.current { background-color:#EBF3F8; }
/* end pagination */


/**gumb*/

a.boldbuttons{
background: transparent url('../images/buttons/blue2.gif') no-repeat top left;
display: block;
float: right;
font: 12px Arial; /* Change 13px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 20px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
color:#FFF;
margin-right:20px;
border:0;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color:#FFF; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../images/buttons/blue1.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
color:#FFF;
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: none;
color:#ccc;
}


.buttonwrapper{ 
overflow: hidden; 
width: 100%;
margin-bottom:10px;
}


table.cjenik td{border:1px dotted #CCC;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

span.green{
    color: #669900;
}

#priznanje a{
    display: inline-block;
    height: 101px;
    width: 100px;
	margin-right:30px;
	margin-left:10px;
}

#priznanje a:hover{
    background-position: bottom;
}

.hr_hak_2010{ background: transparent url('../images/priznanje1_hak_2010.gif'); }
.hr_hak_2009{ background: transparent url('../images/priznanje1_hak_2009.gif'); }
.hr_q_2010{ background: transparent url('../images/priznanje1_q_2010.gif'); }
.hr_q_2009{ background: transparent url('../images/priznanje1_q_2009.gif'); }
.hr_zoover_2010{ background: transparent url('../images/priznanje1_zoover_2010.gif'); }

.en_hak_2010{ background: transparent url('../images/priznanje1-en_hak_2010.gif'); }
.en_hak_2009{ background: transparent url('../images/priznanje1-en_hak_2009.gif'); }
.en_q_2010{ background: transparent url('../images/priznanje1-en_q_2010.gif'); }
.en_q_2009{ background: transparent url('../images/priznanje1-en_q_2009.gif'); }
.en_zoover_2010{ background: transparent url('../images/priznanje1-en_zoover_2010.gif'); }

.de_hak_2010{ background: transparent url('../images/priznanje1-de_hak_2010.gif'); }
.de_hak_2009{ background: transparent url('../images/priznanje1-de_hak_2009.gif'); }
.de_q_2010{ background: transparent url('../images/priznanje1-de_q_2010.gif'); }
.de_q_2009{ background: transparent url('../images/priznanje1-de_q_2009.gif'); }
.de_zoover_2010{ background: transparent url('../images/priznanje1-de_zoover_2010.gif'); }

.it_hak_2010{ background: transparent url('../images/priznanje1-it_hak_2010.gif'); }
.it_hak_2009{ background: transparent url('../images/priznanje1-it_hak_2009.gif'); }
.it_q_2010{ background: transparent url('../images/priznanje1-it_q_2010.gif'); }
.it_q_2009{ background: transparent url('../images/priznanje1-it_q_2009.gif'); }
.it_zoover_2010{ background: transparent url('../images/priznanje1-it_zoover_2010.gif'); }

#okMiniCamps{
	display: block;
	width: 150px;
	height: 158px;
	margin: 10px 0 0 0;
	background: url(../images/okMiniCamps.jpg) 0 0 no-repeat;	
	text-indent: -9999px;
}