/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.1
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

html { font-size: 100%; /* IE hack */ }

body { 
	font-size: 62.5%; /* Reset velicine fonta na 10px */ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	background: url(../img/bg.gif) repeat-x;
}

table { font-size: 100%; /* IE hack */ }

h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
margin-bottom: 1em;
}

#index-sr .o-hotelu { background: url(../img/nav-bullet.gif) top center no-repeat; color: #690; }
#galerija-sr .galerija-slika { background: url(../img/nav-bullet.gif) top center no-repeat; color: #690; }
#kapaciteti-sr .smjestajni-kapaciteti { background: url(../img/nav-bullet.gif) top center no-repeat; color: #690; }
#kontakt-sr .kontaktirajte-nas { background: url(../img/nav-bullet.gif) top center no-repeat; color: #690; }

#index-en .o-hotelu { background: url(../img/nav-bullet.gif) top center no-repeat; color: #690; }
#galerija-en .galerija-slika { background: url(../img/nav-bullet.gif) top center no-repeat; color: #690; }
#kapaciteti-en .smjestajni-kapaciteti { background: url(../img/nav-bullet.gif) top center no-repeat; color: #690; }
#kontakt-en .kontaktirajte-nas { background: url(../img/nav-bullet.gif) top center no-repeat; color: #690; }

#kontejner {
	margin: 0 auto;
	width: 600px;
	background: url(../img/top-bg.gif) top no-repeat;
}

#zaglavlje {
	padding: 10px 30px;
	height: 80px;
}

#logo {
	float: left;
	background: url(../img/logo.gif) no-repeat;
	margin-bottom: 0;
	height: 70px;
	width: 175px;
	overflow: hidden;
	text-indent: -25000px;
}

	#logo a {
		display: block;
		height: 70px;
		width: 175px;
		overflow: hidden;
		text-indent: -25000px;
	}

#navigacija {
	text-align: right;
	text-transform: uppercase;
	margin-top: 40px;
}

	#navigacija li {
		display: inline;
		margin-left: 1em;
	}
	
		#navigacija li a {
			text-decoration: none;
			color: #ccc;
			font-weight: bold;
			padding-top: 5px;
		}
		
			#navigacija li a:hover {
				background: url(../img/nav-bullet.gif) top center no-repeat;
				color: #690;
			}

#feature {
	clear: both;
	padding: 25px 30px;
	text-align: center;
}

#sadrzaj {
	padding: 1em 30px;
}

	#sadrzaj h2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 2em;
		margin-bottom: .5em;
		color: #090;
	}
	
	#sadrzaj h3 {
		color: #090;
		font-weight: bold;
		margin-bottom: 0;
		border-bottom: 1px solid #090;
		font-size: 1.3em;
	}
	
	#sadrzaj p {
		font-size: 1.1em;
		margin-bottom: 1em;
		text-align: justify;
		line-height: 1.7em;
		color: #666;
	}
	
	#sadrzaj .ambijent {
		text-align: center;
	}
	
		#sadrzaj .ambijent img {
			border: 1px solid #999;
			padding: 5px;
			margin: 7px;
		}
	
	#sadrzaj a {
		color: #690;
		text-decoration: none;
	}
	
		#sadrzaj a:hover {
			color: #660;
			text-decoration: underline;
		}
		
	#cjenovnik {
		width: 100%;
		border: 0;
		margin-bottom: 1.5em;
	}
	
		#cjenovnik .zaglavlje h4 {
			font-size: 1.2em;
			font-weight: bold;
			margin-bottom: 0;
		}
	
		#cjenovnik .vrsta-usluge {
			width: 70%;
			padding: 1em;
		}
		
		#cjenovnik .cijena {
			width: 30%;
			text-align: right;
			padding: 1em;
		}
		
		#cjenovnik .odd {
			background-color: #eee;
		}
		
		.napomene {
			margin: .5em;
		}
		
			.napomene h4 {
				margin-bottom: .2em;
				font-weight: bold;
				color: #666;
				font-size: 1.1em;
			}
			
			.napomene ul {
				margin-left: .2em;
			}
		
	#sadrzaj ul {
		color: #666;
		line-height: 1.5em;
	}

	#sadrzaj ul#adresa li {
		float: left;
		width: 180px;
		margin-bottom: 1em;
	}
	
		#sadrzaj ul#adresa li ul {
			margin-bottom: 1em;
		}
	
			#sadrzaj ul#adresa li ul li {
				float: none;
				width: auto;
				color: #666;
				margin-bottom: .7em;
			}
				
				#sadrzaj ul#adresa li h3 {
					margin-bottom: .5em;
					font-weight: bold;
					color: #690;
				}

	#sadrzaj .mapa {
		clear: both;
		text-align: center;
	}
	
		.mapa img {
			border: 1px solid #999;
			padding: 4px;
		}

#footer {
	clear: both;
	border-top: 1px solid #ddd;
	margin: 10px 30px;
	padding: 1em;
}

	#footer a {
		color: #ccc;
	}
	
		#footer a:hover {
			color: #999;
		}

.copyrights {
	float: left;
	font-size: .9em;
	color: #ccc;
}

	.copyrights img {
		margin-right: 10px;
	}

	.hotel-footer-logo {
		margin-right: 30px;
	}

.glitzy a {
	background: url(../img/logo-glitzy.gif) no-repeat;
	width: 48px;
	height: 22px;
	overflow: hidden;
	text-indent: -25000px;
	float: right; 
	font-size: .9em;
	/* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5; */
}

	.glitzy a:hover {
	/* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		-moz-opacity: 1; */
	}
	
.kontakt-forma {
	clear: both;
	margin-bottom: 4em;
}

	.kontakt-forma label {
		float: left;
		width: 140px;
		padding: 5px;
		margin-bottom: 1em;
	}
	
	.kontakt-forma input, .kontakt-forma textarea {
		width: 370px;
		margin-bottom: 1em;
		padding: 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		border: 1px solid #ccc;
		background-color: #eee;
	}
	
	.kontakt-forma button {
		float: right;
		margin-right: 1em;
	}
	
	body#kontakt-greska { background: none; margin-top: 200px; text-align: center; }
	#kontakt-greska h2 { font-size: 2em; font-weight: bold; color: #900; }
	#kontakt-greska p { font-size: 1.2em; font-weight: bold; color: #999; margin-bottom: 1.2em; }
	#kontakt-greska a { color: #690; text-decoration: none; }
	#kontakt-greska a:hover { color: #660; text-decoration: underline; }