@charset "utf-8";
/* CSS Document */


html, body, div, ul, li, a, p, img, span, h1,h2,h3,h4,h5,h6 { padding:0; margin:0; outline:0; border:0; background:transparent; }

html { width:100%; height:100%;}

body { width:100%; height:100%; position:relative;  min-width:1024px; font-family:Arial, Helvetica, sans-serif; }

#MainWrapper { width:100%; min-height:100%; min-width:1024px; position:absolute; overflow:hidden;}

#MainWrapper #TopWrapper { width:100%; height:81px; background:url(../images/BgTop.png) repeat-x 0 0; }

#MainWrapper #TopWrapper .Container { width:1024px; margin:0 auto;  height:81px; position:relative;}

#MainWrapper #TopWrapper .Container a{ }

#MainWrapper #TopWrapper .Container a.Logo { width:230px; height:80px; background:url(../images/logo.png) no-repeat 0 0; position:absolute; top:0px; left:0px; text-indent:-9999px; z-index:100;}


#MainWrapper #TopWrapper .Container  #weather { float:right; height:30px;font-family:Arial, Helvetica, sans-serif; color:#cfdce2; font-size:14px; clear:right; margin-top:5px; }

#MainWrapper #TopWrapper .Container  #weather img{margin-left:-8px; margin-right:-8px; width:45px; height:25px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 

#MainWrapper #TopWrapper .Container .LanguageSelection {width:66px; height:17px; padding-top:6px;  float:right; position:relative; top:1px; margin-right:16px; }
}

#MainWrapper #TopWrapper .Container .LanguageSelection {width:66px; height:17px; padding-top:9px;  float:right; position:relative; margin-right:16px; }
#MainWrapper #TopWrapper .Container .LanguageSelection a { color:#cfdce2; text-decoration:none; font-size:13px; }
#MainWrapper #TopWrapper .Container .LanguageSelection a:hover{ text-decoration:underline; }
#MainWrapper #TopWrapper .Container .LanguageSelection  span{ float:left; color:#cfdce2; margin-top:-3px;}

#MainWrapper #TopWrapper .Container .LanguageSelection a.En { display:block; float:left;}
#MainWrapper #TopWrapper .Container .LanguageSelection a.En:hover { background-position:0 -11px;}
#MainWrapper #TopWrapper .Container .LanguageSelection a.EnActive { display:block; float:left; font-weight:bold;}

#MainWrapper #TopWrapper .Container .LanguageSelection a.Sr { display:block; float:left;}
#MainWrapper #TopWrapper .Container .LanguageSelection a.Sr:hover { background-position:0 -11px;}
#MainWrapper #TopWrapper .Container .LanguageSelection a.SrActive { display:block; float:left; font-weight:bold;}

#MainWrapper #TopWrapper .Container .LanguageSelection #language { width:92px; position:absolute; cursor:pointer; top:4px; padding:1px 0 0 0  }
 @media screen and (-webkit-min-device-pixel-ratio:0) { 
 #MainWrapper #TopWrapper .Container .LanguageSelection #language { width:92px; position:absolute; cursor:pointer; top:6px;  }
 }
.select {
	position: absolute;
	width: 92px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 17px;
	padding: 0 2px 0 0px;
	color: #000;
	font: 14px arial,sans-serif;
	overflow: hidden;
}


#selectlanguage.select
{
	width: 92px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 17px;
	padding: 0px 0px 0 5px;
	line-height:16px;
	position:absolute; top:8px;
	color: #444;
	overflow: hidden;
	background:url(../images/BgSelectLanguage.png) no-repeat 0 0;
	
	
}
#MainWrapper #TopWrapper .Container .LanguageSelectionText { float:right; height:26px;font-family:Arial, Helvetica, sans-serif; color:#cfdce2; font-size:14px; margin:5px 5px 0 0; padding:4px 0 0 0;  }

#MainWrapper #TopWrapper .Container .Menu { float:right; padding-top:1px; clear:both; background-color:#ffffff;}

#MainWrapper #TopWrapper .Container .Menu ul {}

#MainWrapper #TopWrapper .Container .Menu ul li{ display:block; float:left; margin-left:13px; position:relative; }

#MainWrapper #TopWrapper .Container .Menu ul li a{ height:44px; display:block; text-indent:-9999px;}

#MainWrapper #TopWrapper .Container .Menu ul li a.Menu01 {width:84px; background:url(../images/prva.png) no-repeat 0 0; }
#MainWrapper #TopWrapper .Container .Menu ul li a.Menu01:hover{ background-position:0 -43px;}
#MainWrapper #TopWrapper .Container .Menu ul li a.Menu01Active {width:84px; background:url(../images/prva.png) no-repeat 0 -44px; }

#MainWrapper #TopWrapper .Container .Menu ul li a.Menu03 {width:93px; background:url(../images/lokacija.png) no-repeat 0 0;}
#MainWrapper #TopWrapper .Container .Menu ul li a.Menu03:hover{ background-position:0 -45px;;}
#MainWrapper #TopWrapper .Container .Menu ul li a.Menu03Active {width:93px; background:url(../images/lokacija.png) no-repeat 0 -44px; }

#MainWrapper #TopWrapper .Container .Menu ul li a.Menu04 {width:150px; background:url(../images/etnohrana.png) no-repeat 0 0; }
#MainWrapper #TopWrapper .Container .Menu ul li a.Menu04:hover{ background-position:0 -45px;}
#MainWrapper #TopWrapper .Container .Menu ul li a.Menu04Active {width:150px; background:url(../images/etnohrana.png) no-repeat 0 -44px; }

#MainWrapper #TopWrapper .Container .Menu ul li a.Menu05 {width:66px; background:url(../images/Menu05.png) no-repeat 0 0; }
#MainWrapper #TopWrapper .Container .Menu ul li a.Menu05:hover{ background-position:0 -45px;}
#MainWrapper #TopWrapper .Container .Menu ul li a.Menu05Active {width:66px; background:url(../images/Menu05.png) no-repeat 0 -44px; }

#MainWrapper #TopWrapper .Container .Menu ul li a.Menu06 {width:93px; background:url(../images/okolina.png) no-repeat 0 0; }
#MainWrapper #TopWrapper .Container .Menu ul li a.Menu06:hover{ background-position:0 -45px;}
#MainWrapper #TopWrapper .Container .Menu ul li a.Menu06Active {width:93px; background:url(../images/okolina.png) no-repeat 0 -44px; }

#MainWrapper #TopWrapper .Container .Menu ul li a.Menu07 {width:110px; background:url(../images/Menu07.png) no-repeat 0 0; }
#MainWrapper #TopWrapper .Container .Menu ul li a.Menu07:hover{ background-position:0 -45px;}
#MainWrapper #TopWrapper .Container .Menu ul li a.Menu07Active {width:110px; background:url(../images/Menu07.png) no-repeat 0 -44px; }

#MainWrapper #TopWrapper .Container .Menu ul li a.Menu08 {width:93px; background:url(../images/galerija.png) no-repeat 0 0; }
#MainWrapper #TopWrapper .Container .Menu ul li a.Menu08:hover{ background-position:0 -45px;}
#MainWrapper #TopWrapper .Container .Menu ul li a.Menu08Active {width:93px; background:url(../images/galerija.png) no-repeat 0 -44px; }

#MainWrapper #TopWrapper .Container .Menu ul li a.Menu09 {width:54px; background:url(../images/mcene.png) no-repeat 0 0; }
#MainWrapper #TopWrapper .Container .Menu ul li a.Menu09:hover{ background-position:0 -45px;}
#MainWrapper #TopWrapper .Container .Menu ul li a.Menu09Active {width:54px; background:url(../images/mcene.png) no-repeat 0 -44px; }

#MainWrapper #TopWrapper .Container .Menu ul li a.Menu10 {width:113px; background:url(../images/rezervacije.png) no-repeat 0 0; }
#MainWrapper #TopWrapper .Container .Menu ul li a.Menu10:hover{ background-position:0 -45px;}
#MainWrapper #TopWrapper .Container .Menu ul li a.Menu10Active {width:70px; background:url(../images/rezervacije.png) no-repeat 0 -44px; }

#MainWrapper #BottomWrapper { width:100%; position:absolute; min-height:0px; bottom:0px; }
#MainWrapper #BottomWrapper .Wrapper{ width:100%; min-height:0px; position:relative; }

#MainWrapper #BottomWrapper .HeaderWrapper { width:100%; height:50px; background:url(../images/BgContent.png) repeat 0 0; position:absolute; top:-50px; z-index:40; }
#MainWrapper #BottomWrapper .HeaderWrapper .Container { width:1024px; margin: 0 auto; height:50px; position:relative;}


#MainWrapper #BottomWrapper .HeaderWrapper .Container .Header .Social a.Youtube {float:right; position:absolute; width:25px; height:25px; text-indent:-9999px; background:url(../images/SocialYoutube.png) no-repeat 0 0; text-indent:-9999px;  cursor:pointer; right:190px; bottom:12px;}
#MainWrapper #BottomWrapper .HeaderWrapper .Container .Header .Social a.Youtube:hover{ background-position:0 -25px;}

#MainWrapper #BottomWrapper .HeaderWrapper .Container .Header .Social a.Google { float:right; position:absolute; width:25px; height:25px; text-indent:-9999px; background:url(../images/SocialGoogle.png) no-repeat 0 0; text-indent:-9999px;  cursor:pointer; right:150px; bottom:12px;}
#MainWrapper #BottomWrapper .HeaderWrapper .Container .Header .Social a.Google:hover{ background-position:0 -25px;}

#MainWrapper #BottomWrapper .HeaderWrapper .Container .Header .Gavrilo { float:right; position:absolute;  width:122px; height:25px;  background:url(../images/ggb.png) no-repeat 0 0; text-indent:-9999px;  cursor:pointer; right:10px; bottom:12px;}
#MainWrapper #BottomWrapper .HeaderWrapper .Container .Header .Gavrilo:hover{ background-position:0px -25px;}

#MainWrapper #BottomWrapper .HeaderWrapper .Container .Header .Show { float:left; position:absolute; width:90px; height:30px;  background:url(../images/prikazi.png) no-repeat 0 0; text-indent:-9999px;  cursor:pointer; right:244px; bottom:12px; }
#MainWrapper #BottomWrapper .HeaderWrapper .Container .Header .Show:hover{ background-position:0px 0px;}

#MainWrapper #BottomWrapper .HeaderWrapper .Container .Header .Hide { float:left; position:absolute; width:90px; height:30px; background:url(../images/sakrij.png) no-repeat 0 0; text-indent:-9999px;  cursor:pointer; right:244px; bottom:12px; display:none; }
#MainWrapper #BottomWrapper .HeaderWrapper .Container .Header .Hide:hover{ background-position:0px 0px;}

#MainWrapper #BottomWrapper .HeaderWrapper .Container .Header .Online { width:128px; height:46px; display:block; text-indent:-9999px; background:url(../images/rezervacija.png) no-repeat 0 0; float:left; margin:3px 0 0 41px; }
#MainWrapper #BottomWrapper .HeaderWrapper .Container .Header .Online:hover{ background-position:0 -46px;}

#MainWrapper #BottomWrapper .HeaderWrapper .Container .Header .Guestbook { width:88px; height:46px; display:block; text-indent:-9999px; background:url(../images/utisci.png) no-repeat 0 0; float:left; margin:3px 0 0 10px; }
#MainWrapper #BottomWrapper .HeaderWrapper .Container .Header .Guestbook:hover{ background-position:0 -46px;}
#MainWrapper #BottomWrapper .HeaderWrapper .Container .Header .GuestbookActive { width:88px; height:46px; display:block; text-indent:-9999px; background:url(../images/utisci.png) no-repeat 0 -46px; float:left; margin:3px 0 0 3px; }

#MainWrapper #BottomWrapper .HeaderWrapper .Container .Header .HeaderTitle { width:320px; height:50px; background:url(../images/TitleHome.png) no-repeat 0 4px; float:left; text-indent:-9999px; margin:0px 0 0 40px; }

#MainWrapper #BottomWrapper .ContentWrapper { width:100%; height:125px; background:url(../images/BgFooter.png) repeat 0 0; position:relative; z-index:41; }
#MainWrapper #BottomWrapper .ContentWrapper .Container { width:1024px; margin: 0 auto; height:105px; padding-top:20px; }

#MainWrapper #BottomWrapper .ContentWrapper .Container .Contacts { width:240px; float:left; height:105px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; line-height:16px; padding-left:20px; }
#MainWrapper #BottomWrapper .ContentWrapper .Container .Contacts a { color:#f4bf24; }
#MainWrapper #BottomWrapper .ContentWrapper .Container .Contacts a:hover{ text-decoration:none;}

#MainWrapper #BottomWrapper .ContentWrapper .Container .Content { width:680px; height:105px; float:right; margin-right:44px;}
#MainWrapper #BottomWrapper .ContentWrapper .Container .Content .Text{ height:98px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:19.6px; color:#fff;}
#MainWrapper #BottomWrapper .ContentWrapper .Container .Content .Text .Inner{ padding-right:20px; }
#MainWrapper #BottomWrapper .ContentWrapper .Container .Content .Text .Inner p { margin-bottom:8px;}
#MainWrapper #BottomWrapper .ContentWrapper .Container .Content .Text .Inner p:last-child { margin-bottom:0px;}
#MainWrapper #BottomWrapper .ContentWrapper .Container .Content .Text .Inner a { color:#fff;}
#MainWrapper #BottomWrapper .ContentWrapper .Container .Content .Text .Inner a:hover{text-decoration:none;}

#MainWrapper #BottomWrapper .ContentWrapper .Container .Content .Text ul.facilities { list-style-type:disc; list-style-position:inside; float:left; width:300px; padding-left:5px;} 
#MainWrapper #BottomWrapper .ContentWrapper .Container .Content .Text ul.default{ list-style-type:disc; list-style-position:inside; float:left;} 

#MainWrapper #BottomWrapper .FooterWrapper { width:100%; height:20px; background:url(../images/BgFooter.png) repeat 0 0; overflow:hidden; }
#MainWrapper #BottomWrapper .FooterWrapper .Container { width:1024px; margin: 0 auto; position:relative; }



/*FACILTIES*/
.table {  color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px;  margin-left:5px; text-align:left; letter-spacing: 0px; line-height: 18px;}
.table ul { float:left; margin:0px 0 10px 0; padding:3px 10px; padding-top:2px; list-style-position:outside; list-style-type:disc; width:150px; }
.table ul li { padding:0 0 2px 0;}
.table ul li.title { font-weight:bold; color:#fff;   font-size:16px; line-height: 18px; list-style:none; margin-left:-15px;}
.table ul li.even {  } 
.table ul li.odd { }
.table hr { clear: both; visibility: hidden; margin: 0px; padding: 0px; height: 1px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { 

.table ul li {margin-left:2px;}

}

/*GALLERY*/

#gallery { width:670px; margin-bottom:10px; }

#gallery ul { display: block; margin: 0px 0 0 0px; padding: 0px;}

#gallery li { display: block; list-style: none; float: left; margin:0px 14px 3px  0; padding: 0px; }

#gallery li p { text-align: center; margin: 0px; padding: 0.5em;}

#gallery li img { border:1px solid #999; width:65px; height:40px;}

#gallery li img:hover{border:1px solid #eee; opacity:0.7; filter:alpha(opacity=70);}

#gallery hr { clear: both; visibility: hidden; margin: 0px; padding: 0px; height: 1px; }


/*PRICELIST*/
.tableprice { paddin-left:0px; margin-left:1px; width:650px; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
.tableprice ul { float:left; margin-top:0px;  padding:0; border: 1px solid #b7b7a3; margin-left:-1px; }
.tableprice ul li { list-style:none; padding:5px 5px; width:90px; text-align:center;color:#000;height:18px;}
.tableprice ul li.title { font-weight:bold; background-color:#fcfcf2; height:30px;color:#6c1925;border-bottom:0px solid #b7b7a3; width:165px; height:38px; text-align:left;}
.tableprice ul li.title1 { font-weight:bold; background-color:#fcfcf2; height:30px;color:#6c1925;border-bottom:0px solid #b7b7a3; width:165px; height:38px; }
.tableprice ul li.title2 { font-weight:bold; background-color:#fcfcf2; height:30px;color:#6c1925;border-bottom:0px solid #b7b7a3; width:105px; height:38px; }
.tableprice ul li.even { border-top:1px solid #b7b7a3; background:#dbd2d3; } 
.tableprice ul li.odd { border-top:1px solid #b7b7a3; background:#dbd2d3; }