body, html{
	padding:0px;
	margin:0;
	height: 100%;
	background-color: #485e87;
	background-image:url("images/bk.jpg");
	background-position:center;
	background-repeat:repeat;
}

.banner_txt {

font-family: "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;

	font-size: 15px;
	color: #0080c0;
	font-weight: bold;
	text-align:center;

}

/* stalni */
div#centered {
   position:absolute;
	left: 50%;
	top: 50%;
	margin-top: -373px; /* half element height */
	margin-left: -491px; /* half element width */
}

div#centered_2 {
   position:absolute;
	left: 50%;
	top: 50%;
	margin-top: -421px; /* half element height */
	margin-left: -491px; /* half element width */
}

/* frames basic */
#wrapper{
	width: 982px;
	height: 746px;
	clear: both;
	float: left;
	padding: 0;
	margin:0;
	display:block;
}

#wrapper_2{
	width: 982px;
	height: 843px;
	clear: both;
	float: left;
	padding: 0;
	margin:0;
	display:block;
}

#frame_left{
	width: 14px;
	height: 746px;
	clear: none;
	float: left;
	padding: 0;
	margin:0;
	display:block;
	background-image:url("images/frames/left.gif");
	background-repeat:no-repeat;
}

#frame_left_2{
	width: 14px;
	height: 843px;
	clear: none;
	float: left;
	padding: 0;
	margin:0;
	display:block;
	background-image:url("images/frames/left_2.gif");
	background-repeat:no-repeat;
}

#frame_right{
	width: 16px;
	height: 746px;
	clear: none;
	float: left;
	padding: 0;
	margin:0;
	display:block;
	background-image:url("images/frames/right.gif");
	background-repeat:no-repeat;
}

#frame_right_2{
	width: 16px;
	height: 843px;
	clear: none;
	float: left;
	padding: 0;
	margin:0;
	display:block;
	background-image:url("images/frames/right_2.gif");
	background-repeat:no-repeat;
}

#frame_middle{
	width: 952px;
	height: 746px;
	clear: none;
	float: left;
	padding: 0;
	margin:0;
	display:block;
}

#frame_middle_2{
	width: 952px;
	height: 843px;
	clear: none;
	float: left;
	padding: 0;
	margin:0;
	display:block;
}

#frame_top{
	width: 952px;
	height: 17px;
	clear: both;
	float: left;
	padding: 0;
	margin:0;
	display:block;
	background-image:url("images/frames/top.gif");
	background-position:bottom;
	background-repeat:no-repeat;
}

#frame_bottom{
	width: 952px;
	height: 26px;
	clear: both;
	float: left;
	padding: 0;
	margin:0;
	display:block;
	background-image:url("images/frames/bottom.gif");
	background-repeat:no-repeat;
}

/* intro */
#basic_intro{
	width: 952px;
	height: 703px;
	clear: both;
	float: left;
	padding: 0;
	margin:0;
	display:block;
}

#intro_left{
	width: 574px;
	height: 703px;
	clear: none;
	float: left;
	padding: 0;
	margin:0;
	display:block;
}

#intro_right{
	width: 378px;
	height: 703px;
	clear: none;
	float: left;
	padding: 0;
	margin:0;
	display:block;
	background-image:url("images/intro/intro_right.jpg");
	background-repeat:no-repeat;
}

#flash_nav_left_intro{
	width: 137px;
	height: 91px;
	clear: none;
	float: left;
	padding: 0;
	margin-top: 450px;
	display:block;
}

#flash_nav_intro{
	width: 96px;
	height: 91px;
	clear: none;
	float: left;
	padding: 0;
	margin-top: 450px;
	display:block;
}


/* homepage */
#basic_homepage{
	width: 952px;
	height: 800px;
	clear: both;
	float: left;
	padding: 0;
	margin:0;
	display:block;
}

#homepage_top{
	width: 952px;
	height: 492px;
	clear: both;
	float: left;
	padding: 0;
	margin:0;
	display:block;
	background-image:url("images/naslovna/top.jpg");
	background-repeat:no-repeat;
}

#homepage_cont{
	width: 952px;
	height: 308px;
	clear: both;
	float: left;
	padding: 0;
	margin:0;
	display:block;
	background-image:url("images/naslovna/content.jpg");
	background-repeat:no-repeat;
}

#homepage_naslov_sr_left{
	width: 431px;
	height: 84px;
	clear: none;
	float: left;
	padding: 0;
	margin:0;
	display:block;
}

#homepage_naslov_sr{
	width: 105px;
	height: 18px;
	clear: none;
	float: left;
	padding: 0;
	margin-top: 54px;
	display:block;
	background-image:url("images/naslovna/naslov_sr.gif");
	background-repeat:no-repeat;
}

#homepage_naslov_en_left{
	width: 442px;
	height: 84px;
	clear: none;
	float: left;
	padding: 0;
	margin:0;
	display:block;
}

#homepage_naslov_en{
	width: 86px;
	height: 20px;
	clear: none;
	float: left;
	padding: 0;
	margin-top: 54px;
	display:block;
	background-image:url("images/naslovna/naslov_en.gif");
	background-repeat:no-repeat;
}

#homepage_txt{
	width: 952px;
	clear: both;
	float: left;
	padding: 0;
	margin-top: 40px;
	display:block;
	text-align:center;
}


.homepage_txt {
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	color: #4970b5;
	line-height: 30px;
}


/* flash navigacija */
#flash_nav_left{
	width: 346px;
	height: 164px;
	clear: none;
	float:left;
	padding: 0;
	display:block;
	margin-top: 239px;
}

#flash_nav_right{
	width: 300px;
	height: 164px;
	clear: none;
	float:left;
	padding: 0;
	display:block;
	margin-top: 239px;
}

#flash_nav{
	width: 275px;
	height: 164px;
	clear: none;
	float:left;
	margin-top: 239px;
	padding: 0;
	display:block;
}

/* languages */

#lang_right{
	width: 13px;
	height: 15px;
	clear: none;
	float:right;
	margin-top: 10px;
	padding: 0;
	display:block;
}

#en{
	width: 525px;
	color:#FFFFFF;
	height: 15px;
	clear: none;
	float:right;
	margin-top: 10px;
	padding: 0;
	display:block;
}

#sr{
	width: 570px;
	color:#FFFFFF;
	height: 16px;
	clear: none;
	float:right;
	margin-top: 10px;
	padding: 0;
	display:block;
}

#blank_top{
	width: 952px;
	height: 492px;
	clear: both;
	float: left;
	padding: 0;
	margin:0;
	display:block;
	background-image:url("images/blank.jpg");
	background-repeat:no-repeat;
}

/* o restoranu */
#ores_top{
	width: 952px;
	height: 492px;
	clear: both;
	float: left;
	padding: 0;
	margin:0;
	display:block;
	background-image:url("images/o_restoranu/index.jpg");
	background-repeat:no-repeat;
}

#ores_naslov_sr_left{
	width: 425px;
	height: 84px;
	clear: none;
	float: left;
	padding: 0;
	margin:0;
	display:block;
}

#ores_naslov_sr{
	width: 117px;
	height: 12px;
	clear: none;
	float: left;
	padding: 0;
	margin-top: 54px;
	display:block;
	background-image:url("images/o_restoranu/naslov_sr.gif");
	background-repeat:no-repeat;
}

#ores_naslov_en_left{
	width: 400px;
	height: 84px;
	clear: none;
	float: left;
	padding: 0;
	margin:0;
	display:block;
}

#ores_naslov_en{
	width: 171px;
	height: 20px;
	clear: none;
	float: left;
	padding: 0;
	margin-top: 54px;
	display:block;
	background-image:url("images/o_restoranu/naslov_en.gif");
	background-repeat:no-repeat;
}

#ores_txt{
	width: 796px;
	clear: none;
	float: left;
	padding-left: 78px;
	margin-top: 5px;
	display:block;
	text-align:justify;
}

.ores_txt {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #4970b5;
}

/* linkovi */
#linkovi_top{
	width: 952px;
	height: 492px;
	clear: both;
	float: left;
	padding: 0;
	margin:0;
	display:block;
	background-image:url("images/linkovi/index.jpg");
	background-repeat:no-repeat;
}

#link_naslov_sr_left{
	width: 435px;
	height: 84px;
	clear: none;
	float: left;
	padding: 0;
	margin:0;
	display:block;
}

#link_naslov_sr{
	width: 91px;
	height: 24px;
	clear: none;
	float: left;
	padding: 0;
	margin-top: 54px;
	display:block;
	background-image:url("images/linkovi/naslov_sr.gif");
	background-repeat:no-repeat;
}

#link_naslov_en_left{
	width: 450px;
	height: 84px;
	clear: none;
	float: left;
	padding: 0;
	margin:0;
	display:block;
}

#link_naslov_en{
	width: 53px;
	height: 23px;
	clear: none;
	float: left;
	padding: 0;
	margin-top: 54px;
	display:block;
	background-image:url("images/linkovi/naslov_en.gif");
	background-repeat:no-repeat;
}

#link_txt{
	width: 952px;
	clear: both;
	float: left;
	margin-top: 50px;
	display:block;
	padding:0;
	text-align:center;
}

.link_txt {
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #5073b5;
	line-height: 16px;
}
.link_txt  a { color: #5073b5; text-decoration: none;}
.link_txt  a:link { color: #5073b5; text-decoration: none;}
.link_txt  a:hover { text-decoration: none; color: #b2c5ed;}
.link_txt  a:active { color: #b2c5ed; text-decoration: none;}

/* lokacija */
#lok_top{
	width: 952px;
	height: 492px;
	clear: both;
	float: left;
	padding: 0;
	margin:0;
	display:block;
	background-image:url("images/lokacija/index.jpg");
	background-repeat:no-repeat;
}

#lok_naslov_sr_left{
	width: 390px;
	height: 84px;
	clear: none;
	float: left;
	padding: 0;
	margin:0;
	display:block;
}

#lok_naslov_sr{
	width: 180px;
	height: 23px;
	clear: none;
	float: left;
	padding: 0;
	margin-top: 54px;
	display:block;
	background-image:url("images/lokacija/naslov_sr.gif");
	background-repeat:no-repeat;
}

#lok_naslov_en_left{
	width: 384px;
	height: 84px;
	clear: none;
	float: left;
	padding: 0;
	margin:0;
	display:block;
}

#lok_naslov_en{
	width: 206px;
	height: 19px;
	clear: none;
	float: left;
	padding: 0;
	margin-top: 54px;
	display:block;
	background-image:url("images/lokacija/naslov_en.gif");
	background-repeat:no-repeat;
}

#lok_txt1{
	width: 292px;
	clear: none;
	float: left;
	margin-top: 58px;
	display:block;
	padding-left: 178px;
}

#lok_txt2{
	width: 335px;
	clear: none;
	float: left;
	margin-top: 58px;
	display:block;
	padding:0;
}

.lok_txt {
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #4970b5;
	line-height: 16px;
}
.lok_txt  a { color: #5073b5; text-decoration: none; font-weight: bold;}
.lok_txt  a:link { color: #5073b5; text-decoration: none; font-weight: bold;}
.lok_txt  a:hover { text-decoration: none; color: #b2c5ed; font-weight: bold;}
.lok_txt  a:active { color: #b2c5ed; text-decoration: none; font-weight: bold;}

.lok_txt2 {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #4970b5;
}

.lok_txt3 {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #4970b5;
	line-height: 22px;
}

a.ch{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 22px;
	text-decoration:none;
}
a.ch:hover{
	text-decoration:underline;
}

/* foto */
#foto_top{
	width: 952px;
	height: 492px;
	clear: both;
	float: left;
	padding: 0;
	margin:0;
	display:block;
	background-image:url("images/foto/index.jpg");
	background-repeat:no-repeat;
}

#foto_naslov_sr_left{
	width: 430px;
	height: 84px;
	clear: none;
	float: left;
	padding: 0;
	margin:0;
	display:block;
}

#foto_naslov_sr{
	width: 110px;
	height: 25px;
	clear: none;
	float: left;
	padding: 0;
	margin-top: 54px;
	display:block;
	background-image:url("images/foto/naslov_sr.gif");
	background-repeat:no-repeat;
}

#foto_naslov_en_left{
	width: 420px;
	height: 84px;
	clear: none;
	float: left;
	padding: 0;
	margin:0;
	display:block;
}

#foto_naslov_en{
	width: 135px;
	height: 25px;
	clear: none;
	float: left;
	padding: 0;
	margin-top: 54px;
	display:block;
	background-image:url("images/foto/naslov_en.gif");
	background-repeat:no-repeat;
}

#foto_txt{
	width: 952px;
	height:22px;
	clear: both;
	float: left;
	margin-top: 61px;
	display:block;
	padding:0;
}

#foto_001{
	width: 344px;
	height:18px;
	clear: none;
	float: left;
	margin:0;
	display:block;
	padding-top: 4px;
	text-align:right;
}

#foto_001_2{
	width: 360px;
	height:18px;
	clear: none;
	float: left;
	margin:0;
	display:block;
	padding-top: 4px;
	text-align:right;
}

#foto_002{
	height:18px;
	clear: none;
	float: left;
	margin:0;
	display:block;
	padding-top: 4px;
}

#foto_003{
	height:18px;
	clear: none;
	float: left;
	margin:0;
	display:block;
	padding-top: 4px;
}

.foto_nav {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #4d70b5;
}
.foto_nav  a { color: #b2c6ed; text-decoration: none; font-weight: bold;}
.foto_nav  a:link { color: #b2c6ed; text-decoration: none; font-weight: bold;}
.foto_nav  a:hover { text-decoration: none; color: #4d70b5; font-weight: bold;}
.foto_nav  a:active { color: #4d70b5; text-decoration: none; font-weight: bold;}

.foto_nav_selected {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #4d70b5;
}

#foto_break{
	width: 83px;
	height:22px;
	clear: none;
	float: left;
	margin:0;
	display:block;
	padding:0;
	background-image:url("images/foto/break.gif");
	background-position:center;
	background-repeat:no-repeat;
}

#foto_wrapper{

	float: left;
	position:relative;
	margin-top: -50px;
	margin-left:0px;
	display:block;
	padding:0;
}

#foto_wrapper_left{
	width: 162px;
	height:83px;
	clear: none;
	float: left;
	margin-top: 50px;
	display:block;
	padding:0;
}

.galerija {
	float:left;
	position:relative;
	width:210px;
	height:250px;
	overflow:hidden;
}

.galerija a	{
	font-family: Verdana;
	font-size: 11px;
	text-decoration:none;
	color: #4d70b5;
}
#motioncontainer {
width: 622px;
height: 83px;
}

#motioncontainer a img {
border: 2px solid #b2c6ed;
}

#motioncontainer a:hover img {
border-left: 2px solid #4d70b5;
border-right: 2px solid #4d70b5;
}

#statusdiv {
background-color: #b2c6ed;
border: 2px #b2c6ed;
padding: 0;
position: absolute;
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: #ab863e /* Dummy definition to overcome IE bug */
}


/* ========= GALLERY STYLES ========= */

/* --- Galleria styles --- */
#gallery_galleria 
{height: 620px;
width: 700px;
margin: -20px 0 15px -10px;
}
/* --- Galleria styles end here --- */


/* --- Slideviewer styles --- */

/*preload classes*/ 
#gallery_slideviewer
{width: 600px;
height: 500px;
overflow: hidden;
}

.svw {width: 50px; height: 20px; background: #fff; }

.svw ul {position: relative; left: -999em; } 

/*core classes*/ 
.stripViewer 
{position: relative; overflow: hidden; border: 5px solid #262626; margin: 0 0 1px 0; } 

.stripViewer ul { /* this is your UL of images */ margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none;} 

.stripViewer ul li { float:left; } .stripTransmitter { overflow: auto; width: 1%; } .stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } 

.stripTransmitter {padding: 0 0 25px 0;}

.stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } 

.stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #262626; color: #ffffff; text-decoration: none; display: block; } 

.stripTransmitter a:hover, a.current{ background: #fff; color: #262626; } /*tooltips formatting*/ 

.tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; } 



/* --- prettyphoto / fancybox / colorbox gallery styles --- */

.gallery
{
	margin: 0 0 0 0;
}

.gallery ul li a img
{border: none;
}

.gallery ul li
{position: relative;
z-index: 1;
}


.gallery_2columns 
{
	list-style: none;
	margin: 0 0 0 20px;
	width: 700px;
}

.gallery_2columns li
{display: inline;
float: left;
width: 330px;
height: 220px;
margin: 0 0 20px 20px;
position: relative;}

.gallery_3columns 
{
	list-style: none;
	margin: 0 0 15px 15px;
	width: 690px;
	overflow: hidden;
}

.gallery_3columns li
{display: inline;
float: left;
width: 200px;
height: 140px;
margin: 0 20px 10px 10px;
position: relative;}


.gallery_4columns 
{list-style: none;
margin: 0 0 12px -13px;
width: 700px;
overflow: hidden;} 

.gallery_4columns li
{display: inline;
float: left;
width: 160px;
height: 110px;
margin: 0 0 13px 13px;
position: relative;}


.gallery_grid
{list-style: none;
margin: 0 0 22px -3px;
width: 710px;
overflow: hidden;} 

.gallery_grid li
{display: inline;
float: left;
width: 112px;
height: 112px;
margin: 0 0 2px 2px;
position: relative;}

.gallery a span
{
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
cursor: pointer;
}

.gallery .gallery_2columns a span.image_hover
{background: black url(images/gallery_hover/hover_image_big.png) no-repeat center center;
}

.gallery .gallery_2columns a span.video_hover
{background: black url(images/gallery_hover/hover_video_big.png) no-repeat center center;
}

.gallery .gallery_3columns a span.image_hover
{background: black url(images/gallery_hover/hover_image_medium.png) no-repeat center center;
}

.gallery .gallery_3columns a span.video_hover
{background: black url(images/gallery_hover/hover_video_medium.png) no-repeat center center;
}

.gallery .gallery_4columns a span.image_hover
{background: black url(images/gallery_hover/hover_image_small.png) no-repeat center center;
}

.gallery .gallery_4columns a span.video_hover
{background: black url(images/gallery_hover/hover_video_small.png) no-repeat center center;
}

.gallery .gallery_grid a span.image_hover
{background: black url(images/gallery_hover/hover_image_grid.png) no-repeat center center;
}

.gallery .gallery_grid a span.video_hover
{background: black url(images/gallery_hover/hover_video_grid.png) no-repeat center center;
}
/*  ========= GALLERY STYLES END HERE  ========= */

