@charset "windows-1250";
@font-face {
 font-family: bradly;
 src: url("BRADHITC.eot") /* EOT file for IE */
}
@font-face {
 font-family: bradly;
 src: url("BRADHITC.TTF") /* TTF file for CSS3 browsers */
}
body{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	behavior: url("csshover3-source.htc");
}
h1{
	font-size: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
}
a{
	
}
a img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}
p{
	font-size: 12px;
	line-height: 22px;
}
ul{
	
}
ul li{
	
}
.hand:hover{
	cursor: pointer;
	cursor: hand;
}
.red, a{
	color: #e60005;
	
}
#wrap{
	height: 670px;
	top: 50%;
	position: absolute;
	width: 100%;
	margin-top: -335px;
	z-index: 100;
}
#header{
	height: 140px;
	width: 780px;
	margin-left: auto;
	margin-right:auto;
}
#inheader{
	height: 140px;
	width: 780px;
	position: absolute;
	text-align: right;
}
#logo{
	float: right;
	width: 400px;
}
#cite{
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 400px;
	position: absolute;
	height: 60px;
	font-style: italic;
	color: #999;
	z-index: 200;
	margin-left: 0px;
	
}
*+html #cite{
	margin-left: -400px;
	text-align: justify;
}
#menu {
	display: inline;
	padding: 0px;
	width: 780px;
	float: right;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#menu li{
	list-style-image: none;
	list-style-type: none;
	display: inline;
}
#menu li a{
	font-size: 12px;
	text-decoration: none;
	color: #666;
	padding-right: 5px;
	padding-left: 5px;
}
#menu li a span:hover, #menu li a.active span{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #676767;
}
#welcome{
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -425px;
	margin-top: 14px;
	z-index: 119;
}
#lang{
	position: absolute;
	display: inline;
	margin: 0px;
	padding: 0px;
	z-index: 130;
}
#lang li{
	list-style-image: none;
	list-style-type: none;
	display: inline;
}
#lang li a img{
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;	
}
#lang li a:hover img, #lang li a.active img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	cursor: pointer;
	cursor: hand;	
}
#main{
	height: 425px;
	background-image: url(images/content-bckg.jpg);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #676767;
	border-right-color: #676767;
	border-bottom-color: #676767;
	border-left-color: #676767;
}
#content{
	width: 820px;
	position: absolute;
	left: 50%;
	margin-left: -430px;
	z-index: 120;
	background-image: url(images/content-bckg-mali.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 425px;
	padding-right: 20px;
	padding-left: 20px;
}
#footer{
	width: 450px;
	height: 104px;
	margin-left: -390px;
	position: absolute;
	left: 50%;
}
#footer .right{
	float: right;
	text-align: right;
	width: 400px;
}
#footer .left{

}
#info{
	font-size: 11px;
	position: relative;
	top: 30px;
	left: 190px;
	width: 350px;
}
#org{
	margin: 0px;
	padding: 0px;
	display: inline;
}
#org li{
	list-style-image: none;
	list-style-type: none;
	margin-right: 10px;
	display: inline;
	float: left;
}
#huh{
	background-image: url(images/logo-huh-gray.jpg);
	background-repeat: no-repeat;
	height: 66px;
	width: 76px;
}
#huh:hover{
	background-image: url(images/logo-huh-color.jpg);
}
#uhpa{
	background-image: url(images/logo-uhpa-gray.jpg);
	background-repeat: no-repeat;
	height: 66px;
	width: 59px;
}
#uhpa:hover{
	background-image: url(images/logo-uhpa-color.jpg);	
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 770px;
	height:129px;
}
#left{
	width: 88px;
	height:129px;
	background-image: url(images/fade_left.png);
	background-repeat: repeat-y;
	background-position: right top;
	float: left;
	position: absolute;
	z-index: 121;
}
#right{
	width: 88px;
	height:129px;
	background-image: url(images/fade_right.png);
	background-repeat: repeat-y;
	background-position: left top;
	position: absolute;
	right: 0px;
	z-index: 121;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position: absolute;
	z-index: 120;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}
#gmap{
	height: 300px;
	width: 500px;
	position: absolute;
	right: 0px;
	background-image: url(images/gmap.jpg);
	background-repeat: no-repeat;
	top: 30px;
}
#rezervacija{
	height: 104px;
	width: 227px;
	z-index: 110;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -68px;
	margin-left: 340px;
}

/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position: relative;
	overflow: hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 90px;	 
	width: 400px;
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.item {
	margin:10px 0;
	font-size: 14px;
	height:90px;
}