/**
  * Actros
  *
  * @project Actros
  * @version 1.0
  * @author Evron marketing team (evron.info), Zoran Zlokapa (iamzoka.com)
  * @copyright 2009.
  */


/* HTML */

body { background: #000 url(../images/bg-main.jpg) top center no-repeat fixed; }
body#index { background: #000 url(../images/pozadine/bg-001.jpg) top center no-repeat fixed; }
body#info { background: #000 url(../images/pozadine/bg-001.jpg) top center no-repeat fixed; }
body#pizzeria { background: #000 url(../images/pozadine/bg-002.jpg) top center no-repeat fixed; }
body#motel { background: #000 url(../images/pozadine/bg-003.jpg) top center no-repeat fixed; }
body#rekreacija { background: #000 url(../images/pozadine/bg-004.jpg) top center no-repeat fixed; }
	body#rekreacija-bazeni { background: #000 url(../images/pozadine/bg-004.jpg) top center no-repeat fixed; }
	body#rekreacija-igraonica { background: #000 url(../images/pozadine/bg-005.jpg) top center no-repeat fixed; }
	body#rekreacija-ljetnabasta { background: #000 url(../images/pozadine/bg-006.jpg) top center no-repeat fixed; }
	body#rekreacija-sportskitereni { background: #000 url(../images/pozadine/bg-008.jpg) top center no-repeat fixed; }
	body#rekreacija-autopraona { background: #000 url(../images/pozadine/bg-007.jpg) top center no-repeat fixed; }
body#kontakt { background: #000 url(../images/pozadine/bg-001.jpg) top center no-repeat fixed; }


/* LAYOUT */

#wrap {
	margin: 0 auto;
	width: 900px;
	}
	
	
	/* HEAD */
	
	#head {
		height: 450px;
		}
	
	
	/* LOGO */
	
	#logo {
		float: left;
		width: 193px;
		height: 284px;
		background: url(../images/logo.png) left top no-repeat;
		overflow: hidden;
		text-indent: -30000px;
		}
		
		#logo a {
			display: block;
			width: 193px;
			height: 284px;
			}
			
	
	/* LANGUAGE BAR */
	
	#langbar {
		float: right;
		background: url(../images/bg-black50.png) left top;
		padding: .5em;
		font-family: Verdana, Geneva, sans-serif;
		text-transform: uppercase;
		}
		
		#langbar li {
			display: inline;
			padding: 0 .5em;
			}
			
		#langbar a {
			color: #fff;
			text-decoration: none;
			}
			
			#langbar a:hover { text-decoration: underline; }
			
			
	/* CONTENT */
	
	#content {
		clear: both;
		float: left;
		width: 600px;
		margin: 0 25px 0 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		}
		
		
		/* NAVBAR */
		
		#navbar, #eng_navbar{
			background: url(../images/bg-black50.png) left top;
			border-bottom: 5px solid #900;
			width: 600px;
			margin-bottom: -2px;
			font-family: Georgia, "Times New Roman", Times, serif;
			}
			
			#navbar ul li, #eng_navbar ul li{
				display: inline;
				}
				
			#navbar a {
				display: block;
				float: left;
				line-height: 40px;
				margin: 0 1em 0 0;
				padding: 0 1em 0 1em;
				color: #fff;
				text-decoration: none;
				text-transform: uppercase;
				font-size: 1.1em;
				}
				
			#eng_navbar a {
				display: block;
				float: left;
				line-height: 40px;
				padding:0 1.09em;
				color: #fff;
				text-decoration: none;
				text-transform: uppercase;
				font-size: 1.1em;
				}
				
				#navbar a:hover, #navbar .current a, #eng_navbar a:hover, #eng_navbar .current a {
					background: #900;
					}
					
					
		/* SADRZAJ */
		
		.sadrzaj {
			background-color: #fff;
			padding: 20px;
			}
			
			.sadrzaj h2 {
				font-size: 2em;
				margin: 0 0 1em 0;
				color: #900;
				}
			
			.sadrzaj h3 {
				clear: both;
				font-size: 1.8em;
				margin: 0 0 1em 0;
				color: #900;
				}
			
			.sadrzaj p {
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 1.4em;
				line-height: 1.4em;
				margin: 0 0 1.5em 0;
				}
				
			.sadrzaj img {
				border: 1px solid #ccc;
				padding: 4px;
				}
				
			.cjenovnik {
				margin: 0 0 2em 0;
				padding: 20px;
				font-size: 1.8em;
				font-style: italic;
				font-weight: bold;
				text-align: center;
				}
				
				.cjenovnik a {
					text-decoration: none;
					color: #933;
					}
					
					.cjenovnik a:hover {
						text-decoration: underline;
						}
						
						
			/* JELOVNIK */
				
			.jelovnik {
				margin: 0;
				padding: 0;
				}
				
				.jelovnik a {
					text-decoration: none;
					color: #933;
					}
					
					.jelovnik a:hover {
						text-decoration: underline;
						}
						
				.jelovnik ul {
					margin: 0 0 2em 0;
					}

					.jelovnik ul p.ime-jela {
						font-family: Georgia, "Times New Roman", Times, serif;
						font-size: 1.2em;
						font-weight: bold;
						color: #933;
						margin: 0.5em 0 1em 0;
						}
	
						.jelovnik ul p.opis-jela {
							font-family: Verdana, Geneva, sans-serif;
							font-style: italic;
							font-size: 1em;
							color: #999;
							margin: 0 0 0 .3em;
							}
							
					.jelovnik ul li {
						float: left;
						width: 245px;
						padding: 0 24px 25px 20px;
						border-bottom:1px solid #ddd;
						border-right:1px solid #ddd;
						}
			
			
			/* GALERIJA */
			
			.galerija {
				clear: both;
				padding: 20px 0 0 20px;
				}
				
				.galerija ul li {
					float: left;
					padding: 0 19px 20px 0;
					}
			
			
		/* KONTAKT INFO */
		
		#kontakt-info {
			width: 560px;
			background-color: #600;
			color: #fff;
			padding: 20px;
			}
			
			#kontakt-info h2 {
				color: #c63;
				font-size: 2.2em;
				font-weight: bold;
				margin: 0 0 0 2.4em;
				}
				
			.kontakt-lista {
				float: left;
				width: 170px;
				text-align: right;
				font-size: 1.4em;
				line-height: 1.4em;
				}
				
			#kontakt-info img {
				float: right;
				}
				
			#kontakt-info a {
				color: #c96;
				}
				
		
		/* KONATAKT FORMA */
		
		.kontakt-forma {}
		
			.kontakt-forma label {
				float: left;
				width: 100px;
				font-size: 1.4em;
				margin-bottom: .5em;
				}
				
			.kontakt-forma .field, .kontakt-forma .message {
				float: left;
				width: 440px;
				margin: 0 0 .5em 0;
				padding: .5em;
				font-family: Verdana, Geneva, sans-serif;
				font-size: 1.1em;
				border: 1px solid #ddd;
				background-color: #eee;
				}
				
				.kontakt-forma .message {
					height: 200px;
					}
				
	
	/* SIDEBAR */
	
	#sidebar {
		float: left;
		width: 275px;
		font-family: Georgia, "Times New Roman", Times, serif;
		}

		.radnovrijeme {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 3em;
			text-transform: uppercase;
			color: #fff;
			text-align: center;
			padding: 0 0 1em 0;
			margin-bottom:3px;
			line-height: 1.4em;
			background:	transparent url(http://actros.evronhosting.com/images/bg-black50.png) repeat;
			}
			
			.radnovrijeme span {
				display: block;
				font-size: 4em;
				}
				
		#sidebar h4 {
			color: #fff;
			font-family: Georgia,"Times New Roman",Times,serif;
			text-transform: uppercase;
			font-size: 2.4em;
			line-height:1.7em;
			font-weight: bold;
			margin-bottom: -9px;
			}
			
			#sidebar h4 a { color:#fff; text-decoration:none; display:block; padding:0 10px 0 10px; background:url(http://actros.evronhosting.com/images/bg-black50.png) repeat;}
			
			#sidebar h4 a:hover { color:#fff; background:#900;}
				
		.side-sekcija {
			background-color: #fff;
			margin: 0 0 0 0;
			padding: 15px;
			font-size: 1.4em;
			line-height: 1.2em;
			color:#666;
			}
			
		
		.little_red { float:right; display: inline-block; }	
		.little_red a { color:#990000; display:block; font-family:Arial,Helvetica,sans-serif; font-size:11px; margin-top:2px; padding:0 4px; text-decoration:none;}
		.little_red a:hover { color:#fff; background:#900;}
			
			.viseinfo {
				background: url(../images/sideb-arrow-down.png) 20px top no-repeat;
				font-size: 1.3em;
				margin: 0 0 0 0;
				padding:0 0 1em 0;
				}
				
				.viseinfo a {
					color: #fff;
					text-decoration: none;
					}
					
					.viseinfo a:hover { text-decoration: underline; }


/* FOOTER */

#foot {
	clear: both;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
	padding:20 auto 20px auto;
	line-height: 1.4em;
	background:url(http://actros.evronhosting.com/images/bg-black50.png) repeat;
	}
	
	#foot p {
		padding: 0 0 1.4em 0;
		}
		
	#foot a { color: #fff; text-decoration: underline; padding:3px;}
	#foot a:hover { color: #fff; background:#900; display:block; padding:3px;}

/* MISC */

.graybg {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	}

.alignleft { float: left; margin: 0 1em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1em; }

.clearfix { display: inline-block; }
	.clearfix:after {
		content: “.”;
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}