/**********************************************
*                                             *
*   CSS file of Pension Klaudija              *
*   Copyright (c) 2009. all rights reserved   *
*   Fiuhost.hr                                *
**********************************************/
body, html {
	background-color: #CBF8FC;
	color: #45502E;
	margin: 0px;
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 11px;
	background-image: url(images/design/bg.jpg);
	background-repeat: repeat-x;
}
a {
	text-decoration: none; }
a:link {
	text-decoration: none;
	color: #414141; }
a:hover {
	text-decoration: underline;
	color: #757575; }
a:active {
	color: #414141; }
a:visited {
	color: #414141; }
	
#wrapper {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
#miniheader {
	width: 940px;
	height: 44px;
	background-image: url(images/design/miniheader.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}
#flagsheader {
	width: 940px;
	height: 31px;
	background-image: url(images/design/flagsheader.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}
#header {
	width: 940px;
	height: 238px;
	background-image: url(images/design/header.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
}
#main {
	width: 940px;
	height: 227px;
	background-image: url(images/design/main.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
}
#hr a{
	left: 53px;
	width: 32px;
	height: 31px;
	display: block;
	position: relative;
	float: left;
	text-align: left;
}
#en a{
	left: 55px;
	width: 28px;
	height: 31px;
	display: block;
	position: relative;
	float: left;
	text-align: left;
}
#de a{
	left: 58px;
	width: 28px;
	height: 31px;
	display: block;
	position: relative;
	float: left;
	text-align: left;
}
#it a{
	left: 61px;
	width: 28px;
	height: 31px;
	display: block;
	position: relative;
	float: left;
	text-align: left;
}
#head {
	left: 100px;
	top: 60px; 
	width: 380px;
	height: 12px;
	display: block;
	position: relative;
	border: 0px;
}
#head a{
	left: 0px;
	width: 380px;
	height: 120px;
	display: block;
	position: relative;
	float: left;
	text-align: left;
	text-indent: -9999px;
	border: 0px;
	padding: 4px;
}

#headhome a{
	left: 770px;
	margin: 0px;
	width: 50px;
	height: 44px;
	display:block;
	position: relative;
	float: left;
	border: 0px;
}

#headmap a{
	left: 773px;
	margin: 0px;
	width: 46px;
	height: 44px;
	display:block;
	position: relative;
	float: left;
	border: 0px;
}

#headcontact a{
	left: 773px;
	margin: 0px;
	width: 46px;
	height: 44px;
	display:block;
	position: relative;
	float: left;
	border: 0px;
}
#container {
	width: 940px;
	background-color: #FFFFFF;
	background-image: url(images/design/bgcontainer.jpg);
	background-position: 0px 374px;
	margin: 0 auto;
	height: 100%;
}

#content {
	width: 650px; margin: 20px;
	/* background-image: url(images/design/contentbg.jpg); */
	background-repeat: no-repeat;
	height: 100%;
	float: left;
}
#sidebar {
	float: left; width: 245px;
}
#footer {
	height: 78px;
	width: 940px;
	clear: both;
	margin: 0 auto;
	padding-top: 10px;
	background-image: url(images/design/footer.jpg);
	background-repeat: no-repeat;
}
#fiuhost {
	position: relative;
	float: right;
	text-align: left;
	margin:0px;
	margin-left: 14px;
	margin-right: 14px;
	padding-top: 32px;
}
.divider {
	margin: 0 auto;
	background-image: url(images/design/dividerfancy.jpg);
	height: 8px;
}
.info{
font-family: Arial;
padding: 4px;
font-size: 11px;
margin-left: 40px;
padding-top: 0px;
margin-top: 0px;
color: #6E6D6D;
}
.space{
padding: 4px;
font-size: 10px;
margin-left: 142px;
padding-top: 22px;
color: #696969;
}
.txt{
padding: 4px;
font-size: 10px;
margin-left: 14px;
padding-top: 22px;
color: #696969;
}
.txt:link{
font-size: 10px;
color: #8E8E8E;
padding: 0px;
margin: 0px;
}
.txt:visited{
font-size: 10px;
color: #FCEDC1;
padding: 0px;
margin: 0px;
}
.error {
	color: #C5BDA0;
	padding: 4px;
	font-size: 11px;
}
/* main nav */
#main-nav{
	width:940px;
	height:61px;
	margin:0 auto;
	background:#FFF url(images/design/menu.jpg) no-repeat; 				
}
#main-nav ul{
	border: 0;
	margin: 0px 0px 0px 186px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}
#main-nav ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#main-nav ul li a span{
	display:none;
}

#main-nav ul li a.pocetna{
	width: 73px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-nav ul li a.sobe{
	width: 46px;
	height:61px;
	margin: 0px;
	padding:0px;
	display: block;	
}
#main-nav ul li a.restoran{
	width: 75px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-nav ul li a.cjenik{
	width: 54px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-nav ul li a.galerija{
	width: 69px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-nav ul li a.crikvenica{
	width: 82px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-nav ul li a.kontakt{
	width: 69px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-nav ul li a.kakodonas{
	width: 99px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
/* -- Hovers -- */
#main-nav ul li a.pocetna:hover{
	background: url(images/design/menu.jpg) -186px -61px;
}
#main-nav ul li a.sobe:hover{
	background: url(images/design/menu.jpg) -259px -61px;
}
#main-nav ul li a.restoran:hover{
	background: url(images/design/menu.jpg) -305px -61px;
}
#main-nav ul li a.cjenik:hover{
	background: url(images/design/menu.jpg) -380px -61px;
}	
#main-nav ul li a.galerija:hover{
	background: url(images/design/menu.jpg) -434px -61px;
}	
#main-nav ul li a.crikvenica:hover{
	background: url(images/design/menu.jpg) -503px -61px;
}
#main-nav ul li a.kontakt:hover{
	background: url(images/design/menu.jpg) -585px -61px;
}
#main-nav ul li a.kakodonas:hover{
	background: url(images/design/menu.jpg) -654px -61px;
}
/* -- Hovers -- */

/* end menu */ 

/* main nav en */
#main-naven{
	width:940px;
	height:61px;
	margin:0 auto;
	background:#FFF url(images/design/menuen.jpg) no-repeat; 				
}
#main-naven ul{
	border: 0;
	margin: 0px 0px 0px 184px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}
#main-naven ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#main-naven ul li a span{
	display:none;
}

#main-naven ul li a.pocetna{
	width: 77px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-naven ul li a.sobe{
	width: 56px;
	height:61px;
	margin: 0px;
	padding:0px;
	display: block;	
}
#main-naven ul li a.restoran{
	width: 89px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-naven ul li a.cjenik{
	width: 74px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-naven ul li a.galerija{
	width: 66px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-naven ul li a.crikvenica{
	width: 83px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-naven ul li a.kontakt{
	width: 66px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-naven ul li a.kakodonas{
	width: 120px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
/* -- Hovers -- */
#main-naven ul li a.pocetna:hover{
	background: url(images/design/menuen.jpg) -184px -61px;
}
#main-naven ul li a.sobe:hover{
	background: url(images/design/menuen.jpg) -261px -61px;
}
#main-naven ul li a.restoran:hover{
	background: url(images/design/menuen.jpg) -317px -61px;
}
#main-naven ul li a.cjenik:hover{
	background: url(images/design/menuen.jpg) -406px -61px;
}	
#main-naven ul li a.galerija:hover{
	background: url(images/design/menuen.jpg) -480px -61px;
}	
#main-naven ul li a.crikvenica:hover{
	background: url(images/design/menuen.jpg) -546px -61px;
}
#main-naven ul li a.kontakt:hover{
	background: url(images/design/menuen.jpg) -629px -61px;
}
#main-naven ul li a.kakodonas:hover{
	background: url(images/design/menuen.jpg) -695px -61px;
}
/* -- Hovers -- */

/* end menu */ 

/* main nav de */
#main-navde{
	width:940px;
	height:61px;
	margin:0 auto;
	background:#FFF url(images/design/menude.jpg) no-repeat; 				
}
#main-navde ul{
	border: 0;
	margin: 0px 0px 0px 143px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}
#main-navde ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#main-navde ul li a span{
	display:none;
}

#main-navde ul li a.pocetna{
	width: 113px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-navde ul li a.sobe{
	width: 62px;
	height:61px;
	margin: 0px;
	padding:0px;
	display: block;	
}
#main-navde ul li a.restoran{
	width: 87px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-navde ul li a.cjenik{
	width: 77px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-navde ul li a.galerija{
	width: 64px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-navde ul li a.crikvenica{
	width: 82px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-navde ul li a.kontakt{
	width: 67px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-navde ul li a.kakodonas{
	width: 149px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
/* -- Hovers -- */
#main-navde ul li a.pocetna:hover{
	background: url(images/design/menude.jpg) -143px -61px;
}
#main-navde ul li a.sobe:hover{
	background: url(images/design/menude.jpg) -256px -61px;
}
#main-navde ul li a.restoran:hover{
	background: url(images/design/menude.jpg) -318px -61px;
}
#main-navde ul li a.cjenik:hover{
	background: url(images/design/menude.jpg) -405px -61px;
}	
#main-navde ul li a.galerija:hover{
	background: url(images/design/menude.jpg) -482px -61px;
}	
#main-navde ul li a.crikvenica:hover{
	background: url(images/design/menude.jpg) -546px -61px;
}
#main-navde ul li a.kontakt:hover{
	background: url(images/design/menude.jpg) -628px -61px;
}
#main-navde ul li a.kakodonas:hover{
	background: url(images/design/menude.jpg) -695px -61px;
}
/* -- Hovers -- */

/* end menu */ 

/* main nav it */

#main-navit{
	width:940px;
	height:61px;
	margin:0 auto;
	background:#FFF url(images/design/menuit.jpg) no-repeat; 				
}
#main-navit ul{
	border: 0;
	margin: 0px 0px 0px 149px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}
#main-navit ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#main-navit ul li a span{
	display:none;
}

#main-navit ul li a.pocetna{
	width: 92px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-navit ul li a.sobe{
	width: 62px;
	height:61px;
	margin: 0px;
	padding:0px;
	display: block;	
}
#main-navit ul li a.restoran{
	width: 85px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-navit ul li a.cjenik{
	width: 101px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-navit ul li a.galerija{
	width: 72px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-navit ul li a.crikvenica{
	width: 82px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-navit ul li a.kontakt{
	width: 75px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
#main-navit ul li a.kakodonas{
	width: 138px;
	height:61px;
	margin:0px;
	padding:0px;
	display: block;	
}
/* -- Hovers -- */
#main-navit ul li a.pocetna:hover{
	background: url(images/design/menuit.jpg) -149px -61px;
}
#main-navit ul li a.sobe:hover{
	background: url(images/design/menuit.jpg) -241px -61px;
}
#main-navit ul li a.restoran:hover{
	background: url(images/design/menuit.jpg) -303px -61px;
}
#main-navit ul li a.cjenik:hover{
	background: url(images/design/menuit.jpg) -388px -61px;
}	
#main-navit ul li a.galerija:hover{
	background: url(images/design/menuit.jpg) -489px -61px;
}	
#main-navit ul li a.crikvenica:hover{
	background: url(images/design/menuit.jpg) -561px -61px;
}
#main-navit ul li a.kontakt:hover{
	background: url(images/design/menuit.jpg) -643px -61px;
}
#main-navit ul li a.kakodonas:hover{
	background: url(images/design/menuit.jpg) -718px -61px;
}
/* -- Hovers -- */

/* end menu */ 

.tekst {
font-family: "Trebuchet MS", Verdana, Arial;
color: #6E6D6D;
text-decoration: none;
word-spacing: normal;
text-align: justify;
letter-spacing: 0;
line-height: 18px;
font-size: 12px;
margin: 0px;
text-decoration: none;
word-spacing: normal;
}
.naslov {
font-family: Trebuchet MS, Verdana, Arial;
color: #5D5B5B;
letter-spacing: 0;
font-size: 12px;
font-weight: bold;
margin: 0px;
line-height: 24px;
}

.centerspace {
	border: 0px;
	margin: 0 auto;
	text-align: center;
	padding: 4px 0px 4px 0px;
	line-height: 20px;
}
.center {
	border: 0px;
	margin: 0 auto;
	text-align: center;
}
.separator {
	margin: 0 auto;
	text-align: center;
	padding: 4px;
	background-image: url(images/design/divider.jpg);
	background-repeat: no-repeat;
	width: 650px;
	height: 47px;
}
.galerija {
	border: 0px;
	margin: 0 auto;
	padding: 4px;
	text-align: center;
}
img.galerijathumb {
	border: 0px;
	padding: 4px;
}

img.noborder {
	border: 0px;
}

img.left {
	margin: 0px 6px 2px 2px;
	padding: 1px;
	float: left;
	border: 5px Solid #F4F5F0;
}

img.right {
	padding:0px 4px 0px 4px;
	float: right;
	border: 0px;
}
table.full {
	width: 100%;
	padding: 4px;
}
#navlist { 
list-style-image: url(images/design/arrow.png); 
font-size:11px;
color:#6A6A6A;
line-height: 20px;
}
#navlist a{ 
font-size:11px;
color:#6A6A6A;
line-height: 20px;
}

#tooltip{
	position:absolute;
	border: 1px solid #FFF5D5;
	background:#FDE17E;
	padding: 6px;
	color: #062237;
	display:none;
	font-size:10px;
	}
.tablicasobe {
	padding: 6px;
	border: 0px;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Arial;
	text-align: center;
	color: #6E6D6D;
	text-decoration: none;
	word-spacing: normal;
	width: 100%;
	line-height: 25px;
}
.tablicasobe-head {
	padding: 6px;
	border: 1px Solid Silver;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-weight: bold;
	color: #6E6D6D;
	text-decoration: none;
	word-spacing: normal;
	text-align: center;
	line-height: 25px;
	background-color: #F9F9F9;
}
.tablicasobe-cells {
	padding: 6px;
	border: 1px Solid #FFF;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Arial;
	text-align: center;
	color: #6E6D6D;
	text-decoration: none;
	word-spacing: normal;
	line-height: 25px;
	background-color: #FAFAFA;
}
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 5px 0px;
	padding: 0 0px;
	float: left;
	position: relative;
	width: 180px;
	height: 130px;
	background: url(images/drop-shadow.png) no-repeat center bottom;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	border-bottom: none;
}
.gallery a:hover img {
	border-color: #000;
}

.gallery span {
	width: 172px;
	height: 84px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(images/glossy-gradient.png) no-repeat;
}
.gallery a {
	text-decoration: none;
}