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; }
table { font-size: 100%; /* IE hack */ }

/* Font families
font-family: "Lucida Grande", Arial, "Lucida Sans Unicode", Verdana,sans-serif,Tahoma;
font-family: Arial, Helvetica, sans-serif;
font-family: "Times New Roman", Times, serif;
font-family: "Courier New", Courier, monospace;
font-family: Georgia, "Times New Roman", Times, serif;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-family: Geneva, Arial, Helvetica, sans-serif;
*/

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

h2 { clear: both; font-size: 2.6em; font-weight: bold; color: #036; }

h3 { color: #369; font-size: 1.4em; font-weight: bold; }

p { font-size: 1.2em; line-height: 1.5em; margin-bottom: 1.5em; }

a { color: #09c; }
a:hover { text-decoration: none; }

#wrap { margin: 0 auto; width: 800px; }

#head { padding: 30px 0 0 0; }

	#head h1 {
		float: left;
		width: 235px;
		height: 65px;
		background: url(images/logo.gif) no-repeat;
		text-indent: -30000px;
		overflow: hidden;
	}

	#head h1.de {
		background: url(images/logo-de.gif) no-repeat;
	}

	#head h1 a {
		display: block;
		width: 235px;
		height: 65px;
		text-indent: -30000px;
		overflow: hidden;
	}
	
	.adr { float: right; text-align: right; font-size: 1.2em; font-style: italic; margin-bottom: 2em; }
	.adr li { float: left; margin-left: 3em; line-height: 1.6em; }

#navbar { 
	clear: both;
	height: 40px;
	background: #0098cb url(images/bg-navbar.gif) repeat-x;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

	#navbar li { display: inline; line-height: 40px;}
	#navbar a { color: #fff; text-decoration: none; }
	#navbar a:hover { text-decoration: underline; }
	
	#nav { 
		float: left;
		background: url(images/navbar-l.gif) left top no-repeat;
		padding-left: 10px;
	}
	
		#nav li { margin-right: 2em; font-size: 1.3em; font-weight: bold; }
	
	#lang {
		float: right;
		background: url(images/navbar-r.gif) right top no-repeat;
		padding-right: 10px;
	}
	
		#lang li { margin-left: 1.5em; }
	
	#intro { margin: 10px 0 2em 0; }

#cont {
	float: left;
	width: 575px;
	margin-bottom: 2em;
}

	.uvod { font-style: italic; font-size: 1.7em; color: #369; }
	
	.usluge { font-size: .9em; }
	.usluge h3 {font-size: 1.4em; font-weight: bold; color: #369; }
	.usluge li { float: left; width: 275px; margin-right: 20px; }
	.usluge li.zadnja { margin-right: 0; }

#sideb {
	float: right;
	width: 200px;
	margin-bottom: 2em;
}
	
	#sideb h3 { font-size: 1.5em; font-weight: bold; color: #fff; margin-bottom: 0; }
	#sideb p { padding: 10px; font-size: 1em; color: #fff; }
	#sideb img { margin-bottom: 1em; }
	#sideb a { color: #fff; }

	#sideb h3.naslov { 
		background: #3976b2 url(images/sideb-top.gif) top no-repeat; 
		padding: 10px; }

	.smjestaj { 
		background: #3976b2 url(images/bg-smjestaj.gif) bottom no-repeat;
		margin-bottom: 1em;
	}
	
		.smjestaj p { text-align: right; }
	
	.newsletter {
		background: #3976b2 url(images/bg-newsletter.gif) bottom no-repeat
	}
	
		.newsletter h3 { text-transform: uppercase; }
		
		.newsletter form { padding: 0 10px; }
			.newsletter form input { 
				margin-bottom: 2em;
				border: none;
				background: #d5e5eb;
				color: #069;
				width: 170px;
				padding: 5px;
				font-size: .9em;
			}
	
#foot {
	clear: both;
	background-color: #ddd;
	height: 40px;
	line-height: 40px;
	margin-bottom: 2em;
}

	.foot-l { 
		float: left;
		background: #ddd url(images/foot-l.gif) left top no-repeat;
		padding-left: 10px;
	}
	
	.foot-r { 
		float: right;
		background: #ddd url(images/foot-r.gif) right top no-repeat;
		padding-right: 10px;
	}
	
.glitzy { 
	display: block;
	width: 60px;
	height: 40px;
	background: url(images/logo-glitzy.gif) no-repeat; 
	text-indent: -30000px;
	overflow: hidden;
}

.lnk-ico {
	background: url(images/link-ico.gif) left center no-repeat;
	padding-left: 15px; 
}

.galerija li { float: left; margin: 0 5px 1.5em 0; }
.galerija img { padding: 4px; border: 1px solid #ddd}
	.galerija li.zadnja { margin-right: 0; }

.paro li { width: 185px; }
.paro p { padding: .5em; font-size: .9em; color: #666; }

#adresa { padding-left: 2em; }
	
	#adresa li { float: left; width: 45%; }

.mapa-v { padding: 4px; border: 1px solid #ddd; margin-bottom: 1.5em }

.kontakt-forma {
	margin-bottom: 2em;
}

	.kontakt-forma label {
		float: left;
		width: 140px;
		padding: 5px;
		margin-bottom: 1em;
	}

	.kontakt-forma input, .kontakt-forma textarea {
		width: 410px;
		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-left: 1em;
	}

	body#kontakt-greska { background: none; margin-top: 200px; text-align: center; }
	body#kontakt-greska #zaglavlje { margin-bottom: 2em; }
	#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; }
	
.align-left { float: left; margin: 0 1em 1em 0; }

.align-right { float: right; margin: 0 0 1em 1em; }