@charset "utf-8";

/*
-------------------------------
Ugostiteljstvo Čuljak d.o.o. CSS v 1.0
Developed by: dzDESIGN, Zagreb
Author: Branko Šabarić
URL: http://www.dz-design.com/
Copyright, August 2010.
------------------------------- */

/* main/brown-#413100; */

/* Import
------------------------------- */
@import url("/_css/typo.css");
@import url("/_css/jquery-fancybox.css");

/* Reset
------------------------------- */

html, body { height:100%; }
body, h1, h2, h3, h4, p, dl, dt, dd, ul, li { margin:0; padding:0; }
img { border:none; }
ul { list-style:none; }

/* Layout and typography
------------------------------- */

* { font:1em "DroidSerifRegular", Georgia, "Times New Roman", Times, serif; color:#413100; }
h2 { font-size:1.8em; }
h3 { font-size:1.3em; }
h4 { font-size:1em; }
h2, h3 { font-family:"DroidSerifItalic", Georgia, "Times New Roman", Times, serif; }
h2, h3, p, li { text-shadow:1px 1px 0 #f5edd4; }
p, li, dt, dd { line-height:1.6em; font-size:0.9em; }
strong { font-weight:bold; }
img { border:none; }
a { text-decoration:none; outline:none; cursor:pointer; }
a:hover, a:hover strong { text-decoration:none; color:#856b1d; }
a:active {  }

body { background:#be8f00; }

#wrap { position:relative; width:100%; background:#fff url(/_gfx/bckg-body.jpg) repeat-x; }

	#content, #footer { position:relative; width:100%; }
	.inner { position:relative; width:980px; margin:0 auto; }
		
		/* Grid */
		.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 { position:relative; margin-right:20px; float:left; }
		.col-1 { width:105px; }
		.col-2 { width:230px; }
		.col-3 { width:355px; }
		.col-4 { width:480px; }
		.col-5 { width:605px; }
		.col-6 { width:730px; }
		.last { margin-right:0; }
	
	/* Content */
	
	#content { }
		
		body#home-page #content { background:url(/_gfx/bckg-main.jpg) no-repeat top center; 
			height:650px; padding-top:140px; }
		body#page #content { background:url(/_gfx/bckg-main-page.jpg) no-repeat top center;
			padding:160px 0 40px 0; }
			
		#content h2 { padding:20px 0; margin-bottom:10px; border-bottom:2px #413100 solid; }
		#content p { margin-bottom:10px; }
			
		#main p {  }
			#main .menu { margin-bottom:20px; }
				#main .menu h3 { padding:10px 0; border-bottom:2px #856b1d solid; }
				#main .menu li { padding:5px 2px; border-bottom:1px #856b1d dotted; }
					#main .menu li:last-child { border-bottom:none; }
		
		#sidebar h3 { margin:20px 0 10px 0; }
			#sidebar h3.first { margin-top:0; }
			#sidebar p { margin:5px 0; font-size:0.8em; }
				#sidebar p.tel, #sidebar p.mob { padding-left:25px; display:block; }
				#sidebar p.tel { background:url(/_gfx/icon-tel.png) no-repeat; }
				#sidebar p.mob { background:url(/_gfx/icon-mob.png) no-repeat; }
			#sidebar a#gmap-trnje, #sidebar a#gmap-silo { display:block; width:230px; height:100px; 
				text-indent:-9999px; }
			#sidebar a#gmap-trnje { background:url(/_gfx/gmap-trnje.png) no-repeat 0 -100px; }
			#sidebar a#gmap-silo { background:url(/_gfx/gmap-silo.png) no-repeat 0 -101px; }
				#sidebar a#gmap-trnje:hover, #sidebar a#gmap-silo:hover { background-position:center top; }
			
		#intro { position:absolute; top:390px; left:125px; width:690px; padding:20px;
			background:url(/_gfx/bckg-intro.jpg) no-repeat; }
			#intro h2 { padding:0; margin:0; border:none; font-size:1.5em; }
			#intro p { margin-top:20px; column-count:2; column-gap:20px;
				-moz-column-count:2; -moz-column-gap:20px; 
				-webkit-column-count:2; -webkit-column-gap:20px; }
	
		/* Common elements */
		
		.divider { width:730px; height:30px; display:block; clear:both; 
			background:url(/_gfx/divider.png) no-repeat; border:none; }
		
		table th, table td { padding:10px; text-align:center; }
		table th { font-size:0.8em; font-weight:normal; }
		table td { border-top:1px #856b1d dotted; }
		
		ul.listing { margin:20px; }
			ul.listing li { padding:15px 15px 15px 25px; 
				background:url(/_gfx/icon-tick.png) no-repeat 0 15px; border-bottom:1px #856b1d dotted; }
		
	/* Footer */
		
	#footer { padding:0; background:url(/_gfx/bckg-footer.jpg) repeat-x; }
		#footer .inner { background:url(/_gfx/bckg-footer-inner.jpg) no-repeat top center; }
		#footer h3, #footer p { padding:2px 0; }
		#footer h3, #footer p, #footer li, #footer a, #footer strong { color:#443300; text-shadow:1px 1px 0 #d9c371; }
		#footer p, #footer li { font-size:0.75em; }
			#footer p.copy { text-align:center; margin:10px 0 30px 0; }
			#footer a:hover { color:#d9c371; text-shadow:none; }
			#footer a.dzdesign, #footer a.dzdesign strong { 
					font:bold 1em "Arial Narrow", Arial, Helvetica, sans-serif; }
			#footer a.dzdesign { color:#fff; text-shadow:1px 1px 0 #000; display:inline-block; padding:5px; }
				#footer a.dzdesign:hover { color:#ccc; }
				#footer a.dzdesign strong { color:#feac47; text-shadow:1px 1px 0 #000;  }
	
/* Navigation
------------------------------- */

a#home { position:absolute; width:300px; height:160px; left:340px; top:-160px; z-index:999; text-indent:-9999px; }

#footer p.link-home { text-align:center; padding:15px 0; display:block; }
	
a#hp-link.trnje, a#hp-link.silo { position:absolute; display:block; width:225px; height:79px; 
	padding-top:290px; top:0; font-size:0.9em; text-shadow:1px 1px 0 #f5edd4; }
	a#hp-link.trnje { left:75px; padding-left:145px; background:url(../_gfx/hp-link-trnje.png) no-repeat; }
	a#hp-link.silo { left:535px; padding-right:145px; text-align:right; background:url(../_gfx/hp-link-silo.png) no-repeat; }
		a#hp-link.trnje:hover, a#hp-link.silo:hover { background-position:0 -359px; }
		a#hp-link.trnje span, a#hp-link.silo span { display:none; } 
		
ul#nav-main, ul.nav-footer {  }
	ul#nav-main li, ul.nav-footer li { float:left; }
		ul#nav-main li a, ul.nav-footer li a { text-shadow:1px 1px 0 #fff; display:block;
			font-family:"DroidSerifItalic", Georgia, "Times New Roman", Times, serif; }

ul#nav-main { position:relative; float:right; margin-top:25px; }
	ul#nav-main li {  }
		ul#nav-main li a { font-size:1.4em; margin-left:20px; }
			ul#nav-main li a.active { color:#856b1d; }
			ul#nav-main li a:hover { margin-top:2px; }

ul.nav-footer { position:relative; margin-top:10px; }
	#footer ul.nav-footer li a { display:block; padding:7px 0; color:#443300; 
		text-shadow:1px 1px 0 #d9c371; font-size:1.2em;	line-height:2em; }
		#footer ul.nav-footer li a:hover { color:#d9c371; text-shadow:none; }
	#footer ul.right li { float:right; }
		#footer ul.left li a { margin-right:15px; }
		#footer ul.right li a { margin-left:15px; }

.right { float:right; text-align:right; }
	
/* Forms
------------------------------- */

#contact-form { width:560px; margin:15px 0; padding:10px; }
	#contact-form p { line-height:18px; margin-bottom:20px; 
		clear:both; height:25px; }
	#contact-form fieldset { border:1px #cdcdcd solid; padding:20px; }
	#contact-form label { font-size:1em; width:120px; float:left; text-align:right; 
		margin-right:20px; cursor:pointer; }
		#contact-form label.error, label.error { color:#4e4e4e; font-size:0.8em; float:right;
				margin:5px 10px 5px 0; }
		#contact-form input.error, #contact-form textarea .error { background:#cdcdcd; }
	#contact-form div.error { display:none; }
	#contact-form input { border:1px #cdcdcd solid; height:20px; line-height:20px; 
		font-size:1.1em; float:left; width:260px; }
		#contact-form input.submit { width:100px; font-size:0.9em; float:right; 
			margin:20px 30px 10px 0; border:none; background:#cdcdcd; color:#4e4e4e; }
		#contact-form input.submit:hover { background:#4e4e4e; color:#fff; cursor:pointer; }
	#contact-form p.desc { margin:0; }
	#contact-form p.pitanje { margin-top:20px; height:90px; }
	#contact-form .gray * { color: gray; }
	#contact-form textarea { width:260px; height:100px; overflow:auto; 
			float:left; border:none; border:1px #cdcdcd solid; }
	p.message, p.message strong { color:#c00; }
	#contact-form .focusField { border:solid 2px #4e4e4e; }
    #contact-form .idleField {  }

/* Misc elements
------------------------------- */

.map-frame { background:rgba(190,143,0,0.5); }
#gmap { position:relative; width:670px; height:500px; margin:30px; }
	small { font-size:0.7em; }
	noscript { color:#c00; }
	.gmap-marker { width:auto; height:70px; }
		.gmap-marker p { font-size:0.8em; line-height:1.2em; }
		.gmap-marker img { float:left; margin:0 15px 15px 0; clear:left; }

#tooltip { background:#413100; padding:5px; font-size:0.75em; color:#fff; 
	border:1px #fff solid; display:none; z-index:1000; }
	
ul.fancy { margin:10px 0; padding:0; }
	ul.fancy li { float:left; margin:0; padding:0; }
		ul.fancy li a { margin:0 20px 20px 0; display:block; }
			ul.fancy li.last a { margin-right:0; }
			ul.fancy li a img { padding:2px; background:#413100;
				-moz-box-shadow:0 0 20px #333; -webkit-box-shadow:0 0 20px #333; }
				ul.fancy li a:hover img { background:#856b1d; 
					-moz-transform: rotate(2deg); -webkit-transform: rotate(2deg);
					-moz-box-shadow:0 0 20px #fff; -webkit-box-shadow:0 0 20px #fff; }