@import url(blueprint/reset-clearfix.css);

BODY {
	color: #202020;
	background-color: #cac4b4;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 12px;
}

#wrap {
	margin: 0 auto;
	text-align: center;
	width: 970px;
	padding-right: 10px;
	background: transparent url(../images/_theme/shadow-right.png) no-repeat 100% 0;
	margin-top: 70px;
}

#header {
	width: 970px;
	height: 144px;
	overflow: hidden;
	position: relative;
}
	#header #title {
		width: 232px;
		float: left;
		background-color: #603f28;
	}
	#header #title H1 {
		display: none;
	}
	
#main {
	background: transparent url(../images/_theme/bg.png) repeat-y 0 0;
	text-align: left;
}

#main .left {
	float: left;
	width: 232px;
}

	#main .left UL {
		margin-top: 10px;		
	}
	
	#main .left UL LI {
		
	}

	#main .left UL LI A {
		font-size: 16px;
		color: #ffa407;
		display: block;
		text-align: right;
		padding-right: 30px;
		font-family: Trajan Pro, Times new roman, Tahoma, Arial, Helvetica, sans-serif;
		text-decoration: none;
		margin-bottom: 15px;
		padding-left: 10px;
	}
	#main .left UL LI A:hover,
	#main .left UL LI A.selected {
		color: #bbb1a0;
	}		
	
	#main .left UL#dodatni-linkovi {
		margin-top: 30px;
	}
	
	#main .left UL#dodatni-linkovi LI A SPAN {
		display: none;
	}
	
	#main .left UL#dodatni-linkovi LI A {
		display: block;
		/*width: 226px;*/
		height: 88px;
		margin: 0 0 10px 0;
		padding: 0;
		background: transparent url(../images/_theme/buttons/komiza-otok-vis.jpg) no-repeat 100% 0;
	}

	#main .left UL#dodatni-linkovi LI A:hover,
	#main .left UL#dodatni-linkovi LI A.selected {
		background-position: 100% -88px;
	}
	
	#main .left UL#dodatni-linkovi LI A.menu {
		background-image: url(../images/_theme/buttons/menu.jpg);
	}
	
	#main .left UL#dodatni-linkovi LI A.virtualna-setnja {
		background-image: url(../images/_theme/buttons/virtualna-setnja.jpg);
	}
	
	/*jezici*/
	#main .left UL#dodatni-linkovi.en LI A { background-image: url(../images/_theme/buttons/en-komiza-island-of-vis.png); }
	#main .left UL#dodatni-linkovi.en LI A.menu { background-image: url(../images/_theme/buttons/en-menus.png); }
	#main .left UL#dodatni-linkovi.en LI A.virtualna-setnja { background-image: url(../images/_theme/buttons/en-virtual-panorama.png); }
	
	#main .left UL#dodatni-linkovi.de LI A { background-image: url(../images/_theme/buttons/de-komiza-otok-vis.png); }
	#main .left UL#dodatni-linkovi.de LI A.menu { background-image: url(../images/_theme/buttons/de-menu.png); }
	#main .left UL#dodatni-linkovi.de LI A.virtualna-setnja { background-image: url(../images/_theme/buttons/de-virtualna-setnja.png); }
	
	#main .left UL#dodatni-linkovi.it LI A { background-image: url(../images/_theme/buttons/it-komiza-otok-vis.png); }
	#main .left UL#dodatni-linkovi.it LI A.menu { background-image: url(../images/_theme/buttons/it-menu.png); }
	#main .left UL#dodatni-linkovi.it LI A.virtualna-setnja { background-image: url(../images/_theme/buttons/it-virtualna-setnja.png); }

#main .right {
	float: right;
	width: 738px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
	#main .right TABLE {
		height: 181px;
	}

	#main .right TABLE TR TD {
		vertical-align: top;
		padding: 20px;
		color: #202020;
	}
	
	#main .right TABLE TR TD H3,
	#main .right TABLE TR TD H4 {
		color: #ad6634;
		font-size: 12px;
		text-transform: uppercase;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 120%;
		height: 40px;
	}
	
	#main .right TABLE TR TD H4 {
		height: auto;
		margin: 10px 0;
	}
	
	#main .right TABLE TR TD UL LI {
		padding-left: 20px;
		background: transparent url(../images/_theme/bullets/small.gif) no-repeat 9px 6px;
	}
	
.index {
	height: 650px;
	overflow: hidden;
	background: transparent url(../images/_theme/jastozera_interijer_low.jpg) no-repeat 0 0;
}
	.index .right {
		background: transparent url(../images/_theme/jastozera_interijer.jpg) no-repeat 0 0;
		height: 650px;
		position: relative;
	}
	.index .left {
		height: 650px;
		background: transparent url(../images/_theme/interijer_left.jpg) no-repeat 0 0;
		position: relative;
	}
	.index .left UL {
		margin-top: 50px !important;
	}
	
	
	.index UL#dodatni-linkovi {
		position: absolute !important;
		width: 738px;
		top: 562px;
	}
	
	.index UL#dodatni-linkovi LI {
		display: block;
		height: 88px;
		width: 226px;
		float: left;
		margin: 0 10px;
	}
	
	.index UL#dodatni-linkovi LI A SPAN {
		display: none;
	}
	
	.index UL#dodatni-linkovi LI A {
		display: block;
		/*width: 226px;*/
		height: 88px;
		margin: 0 0 10px 0;
		padding: 0;
		background: transparent url(../images/_theme/buttons/komiza-otok-vis.jpg) no-repeat 100% 0;
	}
	.index .right UL#dodatni-linkovi LI A:hover
	#main .left UL#dodatni-linkovi LI A:hover {
		background-position: 100% -88px;
	}
	
	.index .right UL#dodatni-linkovi LI A.menu,
	#main .left UL#dodatni-linkovi LI A.menu {
		background-image: url(../images/_theme/buttons/menu.jpg);
	}
	
	.index .right UL#dodatni-linkovi LI A.virtualna-setnja,
	#main .left UL#dodatni-linkovi LI A.virtualna-setnja {
		background-image: url(../images/_theme/buttons/virtualna-setnja.jpg);
	}
	
	/*jezici*/
	.index .right UL#dodatni-linkovi.en LI A { background-image: url(../images/_theme/buttons/en-komiza-island-of-vis.png); }
	.index .right UL#dodatni-linkovi.en LI A.menu { background-image: url(../images/_theme/buttons/en-menus.png); }
	.index .right UL#dodatni-linkovi.en LI A.virtualna-setnja { background-image: url(../images/_theme/buttons/en-virtual-panorama.png); }
	
	.index .right UL#dodatni-linkovi.de LI A { background-image: url(../images/_theme/buttons/de-komiza-otok-vis.png); }
	.index .right UL#dodatni-linkovi.de LI A.menu { background-image: url(../images/_theme/buttons/de-menu.png); }
	.index .right UL#dodatni-linkovi.de LI A.virtualna-setnja { background-image: url(../images/_theme/buttons/de-virtualna-setnja.png); }
	
	.index .right UL#dodatni-linkovi.it LI A { background-image: url(../images/_theme/buttons/it-komiza-otok-vis.png); }
	.index .right UL#dodatni-linkovi.it LI A.menu { background-image: url(../images/_theme/buttons/it-menu.png); }
	.index .right UL#dodatni-linkovi.it LI A.virtualna-setnja { background-image: url(../images/_theme/buttons/it-virtualna-setnja.png); }
	

#footer {
	margin: 0 auto;
	text-align: center;
	background: transparent url(../images/_theme/footer-bg.png) no-repeat 0 0;
	height: 25px;
	width: 980px;
}
	#footer .inner {
		text-align: left;
		color: #7c695b;
		font-size: 10px;
		padding: 5px 10px;
	}
	#footer .inner A {
		color: #381a0c;
	}