@charset "utf-8";

/* Stilovi za /domtolic consult - Osnovni v 1.0  */
/* Izrada: DZ Design, Zagreb; Autor: Branko Šabarić - Sva prava pridržana, siječanj 2010. */

/* title/dark-orange-#c56817; highlight/light-orange-#f1d8be; */

/* ++++++++++ RESET ++++++++++ */

html, body { height:100%; }
body { margin:0; padding:0; background:#ff811b; }
* { font:1em Corbel, Arial, helvetica, sans-serif; color:#000; }
h1, h2, h3, h4 { margin:0; padding:0; font-weight:bold; color:#c56817; text-transform:uppercase; }
h1 { font-size:1.6em; }
h2 { font-size:1.5em; }
h3 { font-size:1.3em; }
h4 { font-size:0.7em; }
img { border:none; }
a { text-decoration:none; outline:none; cursor:pointer; color:#c56817; }
a:hover { text-decoration:underline; }
p, dt { margin:0; padding:0; line-height:1.4em; }
strong { font-weight:bold; }
ul { list-style:none; margin:0; padding:0; }
ul li { margin:0; padding:0; }
dl, dd { margin:0; padding:0; }

/* ++++++++++ LAYOUT AND FORMATTING ++++++++++ */

.inner { position:relative; width:800px; margin:0 auto; }

#wrap { position:relative; width:100%; }
	body#home #wrap { background:#fef9ea url(/_gfx/bckg-body.jpg) no-repeat top center; }
	body#usluge #wrap { background:#fef9ea url(/_gfx/bckg-body-usluge.jpg) no-repeat top center; }
	body#smjestaj #wrap { background:#fef9ea url(/_gfx/bckg-body-smjestaj.jpg) no-repeat top center; }
	body#aktivnosti #wrap { background:#fef9ea url(/_gfx/bckg-body-aktivnosti.jpg) no-repeat top center; }
	body#onama #wrap { background:#fef9ea url(/_gfx/bckg-body-onama.jpg) no-repeat top center; }
	body#kontakt #wrap { background:#fef9ea url(/_gfx/bckg-body-kontakt.jpg) no-repeat top center; }

	#header, #content { position:relative; width:800px; }
	
	#header { height:300px; }
		body#home #header { height:440px; }
		
	#content {  }
		
		/* main content */
		
		#content #main { position:relative; float:left; width:410px; padding:20px;
				border-right:1px #f1d8be solid; }
			#content #main p { margin-bottom:15px; padding-left:50px; }
				#content #main p.intro { padding:0; margin-bottom:20px; font-size:1.1em; }
			#content #main h2 { margin-bottom:15px; }
			#content #main h3 { margin:25px 0; }
			#content #main img { margin:15px 0 15px 15px; border:4px #f1d8be solid; }
			
			#feature-list { margin-left:50px; }
				#feature-list li { font-size:0.9em; padding:15px 0 15px 40px; 
						border-bottom:1px #f1d8be solid;
						background:url(/_gfx/icon-features.gif) no-repeat; }
					#feature-list li.a { background-position:0 18px; }
					#feature-list li.b { background-position:0 -40px; }
					#feature-list li.c { background-position:0 -83px; }
					#feature-list li.d { background-position:0 -130px; }
					#feature-list li.e { background-position:0 -185px; }
					#feature-list li.f { background-position:0 -250px; }
					#feature-list li.g { background-position:0 -300px; border-bottom:none; }
			
		/* sidebar */
		
		#content #sidebar { position:relative; width:330px; float:right; }
			#sidebar p { padding-left:50px; margin:15px 0; font-size:0.9em; line-height:1.4em; }
			#sidebar a img { padding:4px; background:#f1d8be; }
				#sidebar a:hover img { background:#c56817; }
			
		/* common elements */
		
		ul.listing { margin:0 20px; }
			ul.listing li { display:block; padding:5px 0 5px 30px; font-size:0.9em; height:100%;
					background:url(/_gfx/icon-listing.gif) no-repeat 0 6px; }
		p.tel, p.fax, p.mail { background:url(/_gfx/icon-info.gif) no-repeat; }
		p.tel { background-position:50px 0; }
		p.fax { background-position:50px -36px; }
		p.mail { background-position:50px -65px; }
			#sidebar p.tel, #sidebar p.fax, #sidebar p.mail { padding-left:80px; }
			#main p.tel, #main p.fax, #main p.mail, #main p.loc { text-indent:30px; }
			#main p.loc { background:url(/_gfx/icon-marker.gif) no-repeat 55px 0; }
					
	/* footer */
		
	#footer { position:relative; width:100%; 
		background:#fef9ea url(/_gfx/bckg-footer.gif) repeat-x; }
		#footer .inner { height:312px;
				background:url(/_gfx/bckg-footer-inner.jpg) no-repeat 0 61px; }
		
		#footer p, #footer a { line-height:1.6em; font-size:0.9em; text-shadow:#000 1px 1px 0; }
		#footer a { font-size:1em; text-shadow:none; }
		#footer p.copy { float:left; margin:90px 0 0 30px; color:#f1d8be; }
		
		a.dzdesign, #footer a.dzdesign strong { 
				font:bold 1em "Arial Narrow", Arial, Helvetica, sans-serif; }
		#footer a.dzdesign { display:block; padding:2px 5px; float:right; 
				color:#000; font-size:0.9em; margin:86px 30px 0 0; border-radius:5px;
				-moz-border-radius:5px; -webkit-border-radius:5px; text-shadow:#f1d8be 1px 1px 0; }
			a.dzdesign:hover { background-color:#fef9ea; color:#000; 
					text-shadow:none; text-decoration:none; }
			a.dzdesign strong { color:#feac47; }
	
/* +++++++++ NAVIGATION ++++++++ */

a#home { position:absolute; width:150px; height:80px; left:50px; top:40px; z-index:999; text-indent:-9999px; }

ul#nav-util li, ul#nav-main li, ul#nav-footer li { float:left; }
	ul#nav-util li a, ul#nav-main li a, ul#nav-footer li a { display:block; }

ul#nav-util { position:absolute; top:60px; right:35px; z-index:99; }
	ul#nav-util li { padding:0; margin:0; float:left; }
		ul#nav-util li a { font-size:0.8em; padding:5px; color:#212121; 
				text-shadow:#f3e0c8 1px 1px 0; margin-right:5px;
				-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
				background:url(/_gfx/nav-util.gif) no-repeat; }
			ul#nav-util li a:hover { background-color:#fef9ea; 
					text-shadow:none; text-decoration:none; }
			ul#nav-util li.home a { background-position:0 5px; padding-left:27px; }
			ul#nav-util li.quote a { background-position:0 -34px; padding-left:29px; }
			ul#nav-util li.location a { background-position:0 -75px; padding-left:26px; }

ul#nav-main { position:absolute; width:800px; height:40px; left:50px; top:127px; z-index:1; }
	ul#nav-main li {  }
		ul#nav-main li a { height:40px; text-indent:-9999px;
				background:url(/_gfx/nav-main.gif) no-repeat; }
		ul#nav-main li.usluge a { background-position:0 0; width:125px; }
			ul#nav-main li.usluge a:hover, ul#nav-main li.usluge a.active { 
					background-position:0 -40px; }
		ul#nav-main li.smjestaj a { background-position:-125px 0; width:165px; }
			ul#nav-main li.smjestaj a:hover, ul#nav-main li.smjestaj a.active { 
					background-position:-125px -40px; }
		ul#nav-main li.aktivnosti a { background-position:-290px 0; width:125px; }
			ul#nav-main li.aktivnosti a:hover, ul#nav-main li.aktivnosti a.active { 
					background-position:-290px -40px; }
		ul#nav-main li.onama a { background-position:-415px 0; width:100px; }
			ul#nav-main li.onama a:hover, ul#nav-main li.onama a.active { 
					background-position:-415px -40px; }
		ul#nav-main li.kontakt a { background-position:-515px 0; width:100px; }
			ul#nav-main li.kontakt a:hover, ul#nav-main li.kontakt a.active { 
					background-position:-515px -40px; }			
		ul#nav-main li.novosti a { background-position:-615px 0; width:100px; }
			ul#nav-main li.novosti a:hover, ul#nav-main li.novosti a.active { 
					background-position:-615px -40px; }

ul#nav-footer { position:absolute; top:0; left:10px; }
	ul#nav-footer li { font-size:0.8em;  }
		ul#nav-footer li a { padding:1px 5px; color:#f1d8be; 
				text-shadow:#000 1px 1px 0; margin-left:10px; margin-top:33px;
				-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
			ul#nav-footer li a:hover { background-color:#fef9ea; color:#c76414; 
				text-shadow:none; text-decoration:none; }
		ul#nav-footer li.top a { margin:0 150px 0 30px; padding:35px 0 0 0; width:75px; text-align:center;
				background:url(/_gfx/bckg-nav-back.gif) no-repeat; }
			ul#nav-footer li.top a:hover { background-color:transparent; text-decoration:underline; color:#fff; }
		
/* ++++++++ FORMS ++++++++ */

#contact-form { width:390px; margin:15px 0; padding:10px; }
	#contact-form p { line-height:18px; margin-bottom:20px; 
		clear:both; height:25px; }
	#contact-form fieldset { border:1px #f1d8be solid; padding:30px 10px;
		 -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
	#contact-form label { font-size:1em; width:95px; float:left; text-align:right; 
		margin-right:20px; cursor:pointer; }
		#contact-form label.error, label.error { color:#ddb53a; font-size:0.8em; float:right;
				margin:5px 10px 5px 0; }
		#contact-form input.error, #contact-form textarea .error { background:#f1d8be; }
	#contact-form div.error { display:none; }
	#contact-form input { border:1px #f1d8be solid; height:20px; line-height:20px; 
		font-size:1.1em; float:left; width:160px; color:#20250a; }
		#contact-form input.submit { width:100px; font-size:0.9em; float:right; 
			margin:20px 30px 10px 0; border:none; background:#c56817; color:#fff; 
			height:30px;  border:1px #0a0b02 solid; 
			-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
		#contact-form input.submit:hover { cursor:pointer; 
			-webkit-box-shadow:0 0 15px #000; -moz-box-shadow:0 0 15px #000;}
	#contact-form p.desc { margin:0; }
	#contact-form p.pitanje { margin-top:20px; height:90px; }
	#contact-form .gray * { color: gray; }
	#contact-form textarea { width:280px; height:100px; margin-top:20px; overflow:auto; 
			float:left; border:none; border:1px #f1d8be solid; color:#20250a; }
	p.message, p.message strong { color:#c00; }
	#contact-form .focusField { border:solid 2px #20250a; }
    #contact-form .idleField {  }

/* ++++++++ MISC ELEMENTS ++++++++ */

#gmap { position:relative; width:410px; height:400px; margin-bottom:20px; border:1px #000 solid; }
	small { font-size:0.8em; }
	noscript { color:#c00; }
	.gmap-marker { width:auto; height:70px; }
		.gmap-marker p { font-size:0.8em; line-height:1.2em; }
		
#tooltip { background:#c56817; padding:5px; font-size:0.8em; color:#fff; border:1px #fff solid; display:none; z-index:1000;
		-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:1px 1px 3px #000; }
		
.fancybox { margin:0 0 20px 35px; }
	.fancybox li { float:left; }
		#content #main .fancybox img { border:none; margin:0; }
		.fancybox li a { margin:0 0 15px 15px; display:block; }
			.fancybox li a img { padding:4px; background:#f1d8be; }
					.fancybox li a:hover img { background:#c56817; }