html,body {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/bg.jpg);}

p, h1, h2, h3, hr, ul, li, input, form, body {
	margin: 0;
	padding: 0;}

a {outline:none;}

.wrap {margin:0 auto; width:960px;}

#header {height:143px; width:960px; float:left;}
	#header img.logo {border:none; float:left; width:382px;}
	#search {float:left; width:578px; height:23px; text-align:right; color:#ffffff; font-size:11px; padding:34px 0 0 0;}
	#search a {color:#ffffff; text-decoration:none;}
	#search a:hover {text-decoration:underline;}
	#search input.text {float:right; width:158px; height:19px; padding:4px 0 0 5px; font-size:11px; color:#000000; border:0; background:#CEC3BA;}
	#search input.gumb {float:right; width:28px; margin:0 0 0 5px; display:inline;}
	#search p {float:right; padding:4px 21px 0 0;}
	#header ul {float: left; padding-top:37px; text-align:right; list-style:none; width:578px; height:48px; font-size:14px;}
	#header ul li { display:inline; margin:0 9px 0 19px;}
	#header ul li a {color:#ffffff; text-decoration:none; background:url(../images/yellow_line.gif) repeat-x bottom;padding:0 0 5px 0; display:inline-block;}
	#header ul li a:hover, #header ul li a.active, #left ul li a:hover, #left ul li a.active { color:#ffd800;}
	
	#left {float:left; width:170px; color:#ffffff;}
	#left ul {list-style:none; font-size:14px;width:137px; float:left; padding:11px 0 0 16px;}
	#left ul li {background:url(../images/yellow_line.gif) bottom left no-repeat; text-align:right; padding:8px 0 6px 0}
	#left ul li a {color:#ffffff; text-decoration:none; background:url(../images/puscica.gif) no-repeat right; padding-bottom:1px; padding-right:20px;}
	#left p.tel {float:left; margin-top:35px; padding:0 0 0 16px; width:137px; text-align:right; background:url(../images/telefon.gif) top right no-repeat; font-size:14px;}
	#left p.tel span {font-size:18px; font-weight:bold; float:right; width:137px; padding-top:7px;}
	#left p.ponudba {float:left;  padding:0 0 0 0; width:150px; text-align:right; font-size:11px; line-height:16px;}
	#left h4 a {color:#ffd800; font-size:12px; font-weight:bold; float:left;  padding:0 0 5px 0px; width:149px; text-align:right;padding-top:35px; margin:0; text-decoration:none;}
	#left h4 a:hover {text-decoration:underline;}
	#left p.ponudba a {color:#ffd800; padding-top:4px; float:right;}
	#left p.ponudba a:hover {text-decoration:none;}
	
	.calendar {background:#ffffff;font-size:10px; width:188px; height:129px; float:left; display:inline; margin:-13px 0 15px 16px; *margin:0 0 0 0; text-align:center; padding:0 10px 10px 8px;}
	.calendar th {font-size:10px; font-weight:bold;}
	.normalDate {color:#00627e;}
	.today {border:1px solid #00627e; color:#ffffff; background:#00627e; text-decoration:none;}
	
	#right {float:left; width:790px;}
	#right img.borders {float:left; width:790px;}
	#content_index {float:left; width:790px;min-height:512px;	height:auto !important;	height:512px; background:url(../images/content_bg.jpg) repeat-y;}
	#content_index img.mainimg {float:left; background:url(../images/mainimg_okvir.gif) no-repeat; width:519px; height:263px; padding:12px 13px 16px 9px; margin:0 11px 0 7px; display:inline;}
	#koledar_vreme {float:left; width:222px; padding:7px 9px 0 0;}
	#koledar_vreme span {float:left; width:202px; height:21px; padding:6px 0 0 20px; font-size:14px; font-weight:bold; color:#ffffff; background:url(../images/koledar_napoved_title.jpg) no-repeat;}
	#koledar_vreme p {float:left; width:188px; padding:0 0 0 16px;}
	#koledar_vreme a.vogel {color:#00627e; font-size:11px; line-height:18px;}
	#koledar_vreme a.vogel:hover {text-decoration:none;}
	
	.box {float:left; width:382px; height:212px; margin:9px 0 0 8px; display:inline;}
	.box span {font-size:14px; font-weight:bold; float:left; width:365px; background:url(../images/box_title.jpg) no-repeat; height:21px; padding:5px 0 0 17px;}
	.box p {float:left; width:365px; padding:0 0 5px 17px; line-height:18px; font-size:12px;}
	.box h2 a {font-weight:bold; text-transform:uppercase; font-size:12px; padding:12px 0 0 17px; float:left; width:356px; text-decoration:none; color:#000000;}
	.box h2 a:hover {text-decoration:underline;}
	.box p a {color:#00627e;}
	.box p a:hover {text-decoration:none;}
	.box img {float:right; width:198px;}
	.box h1 {font-weight:bold; text-transform:uppercase; font-size:12px; padding:12px 0 0 17px; float:left; width:158px;}
	
	#content {float:left; width:492px; background: url(../images/title_bg.jpg) no-repeat top center;min-height:250px;	height:auto !important;	height:250px; margin-top:-6px; padding:0 35px 20px 32px;}
	#content a {color:#00627e;}
	#content a:hover { text-decoration:none;}
	#content h2 {float:left; width:492px; height:54px; font-size:20px; text-transform:uppercase; padding:64px 0 0 0;}
	#content h1 {float:left; width:492px; height:27px; font-size:14px; color:#00627e; text-transform:uppercase; font-weight:bold;}
	#content ul {padding:10px 0 8px 5px; list-style:none;}
	#content ul li {background:url(../images/ulli_content.gif) no-repeat 0 5px; padding-left:12px; padding-bottom:2px;}
	#content table {font-size:11px;}

	#footer {float:left; width:790px; color:#a69d98; font-size:11px; height:75px;}
	#footer a {float:left;}
	#footer p.copy {float:left; width:400px; padding:17px 0 0 18px;}
	#footer p.ns {float:right; width:205px;padding:17px 10px 0 0;}
	#footer p.ns a { color:#a69d98; text-decoration:none;}
	#footer p.ns a:hover { text-decoration:underline;}
	#footer p.ns a img {border:none; padding:2px 0 0 7px;}

/* slider */
#gallery {float:left; width:492px; float:left; height:102px; background:url(../images/galerija_bg.jpg) top no-repeat; margin:10px 0 0 0; display:inline; padding:0 0 0 0;}
#gallery img {border:none;}
.scrollable {position:relative; overflow:hidden; width:404px; margin:11px 0 0 9px;display:inline; height:82px;} 
.scrollable .items {width:20000em; position:absolute;} 
.scrollable .items div {float:left;} 
.items .active {}
.scrollable {	float:left;	}
.scrollable a {
	border:1px solid #00627e; padding:1px; float:left; width:118px; margin-right:19px; display:inline; height:78px;}
a.browsel {
	background:url(../images/arrow_left.jpg) no-repeat;
	display: inline-block;
	width:35px;
	height:102px;
	float:left;
	cursor:pointer;
	font-size:1px;}
a.browser {
	background:url(../images/arrow_right.jpg) no-repeat;
	display:block;
	width:35px;
	height:102px;
	float:right;
	cursor:pointer;
	font-size:1px;}
a.right {clear:right;}
	
/* clearfix za content */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */