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

/*
Trajan Pro
Tw Cen MT
*/

body {margin:0px; padding:0px; background-color:#363636;}
h1 {font-family:Microsoft Sans Serif;}
h2 {font-family:Microsoft Sans Serif;}
h3 {font-family:Microsoft Sans Serif;}
h4 {font-family:Microsoft Sans Serif;}
p {font-family:Microsoft Sans Serif;}
a {font-family:Microsoft Sans Serif; text-decoration:none;}

#top {width:100%; height:186px; background-image:url(images/header.png); background-repeat:repeat-x;}
#header {width:960px; height:186px; margin-left:auto; margin-right:auto; background-image:url(images/header.jpg); background-repeat:no-repeat;}

/*JEZICI*/
#flags {float:left; width:124px; height:15px; margin-top:7px;}
.cro { float:left; height:15px; width:21px; background-image:url(images/cro.png); background-position:left; margin-right:10px;}
.cro:hover {background-position:right;}
.eng { float:left; height:15px; width:21px; background-image:url(images/eng.png); background-position:left; margin-right:10px;}
.eng:hover {background-position:right;}
.ger { float:left; height:15px; width:21px; background-image:url(images/ger.png); background-position:left; margin-right:10px;}
.ger:hover {background-position:right;}
.ita { float:left; height:15px; width:21px; background-image:url(images/ita.png); background-position:left; margin-right:10px;}
.ita:hover {background-position:right;}


/*MREŽE*/
#mreze {float:left; width:50px; height:15px; margin-top:7px; margin-left:280px;}
.face { float:left; height:15px; width:15px; background-image:url(images/face.png); background-position:left; margin-left:10px;}
.face:hover {background-position:right;}
.youtube { float:left; height:15px; width:15px; background-image:url(images/youtube.png); background-position:left; margin-left:10px;}
.youtube:hover {background-position:right;}
/*LOGO*/
#gostionica {float:left; width:300px; height:25px;   margin-left:206px; margin-top:3px; text-align:center;}
#gostionica a { color:#FFF; text-transform:uppercase; font-family:Trajan Pro; font-size:21px;}
#logo_top { float:left; width:400px; height:82px;  margin-left:290px; margin-top:20px;}
.logo {float:left; width:400px; height:82px; background-image:url(images/logo_header.png); background-repeat:no-repeat;background-position:center center;}

/*IZBORNIK*/
#izbornik {float:left; width:960px; height:38px;  margin-top:8px;}
#izbornik ul {float:left; width:960px; height:38px;  margin:0px; padding:0px;}
#izbornik ul li {float:left; list-style:none; text-align:center; width:137px; height:38px; margin:0px; padding:0px; line-height:40px; background-image:url(images/izb.png); background-repeat:no-repeat; background-position:right center;}
#izbornik ul li a {color:#FFF; font-family:Trajan Pro; font-size:14px;}
#izbornik ul li a:hover {color:#feca2a;}

/*SREDNJI DIO*/
#center {float: left; width:100%; height:auto; background-color:#e0e0e0;}
#content {width:960px; height:auto; background-color:#FFF; margin-left:auto; margin-right:auto;}
#main {float:left; width:960px; height:auto; background-color:#FFF; -webkit-box-shadow: 0 10px 16px -1px gray; -moz-box-shadow: 0 10px 16px -1px gray; box-shadow: 0 10px 16px -1px gray; background-image:url(images/g.png); background-repeat:no-repeat; background-position:left top;}
.rotator {float:left; height:445px; width:960px;}

/*ROTATOR*/

#example {width:720px;height:430px;position:relative; margin-top:-20px; margin-left:120px;}
#frame {position:absolute;z-index:0;width:720px;height:430px;top:-3px;left:-80px;}
#slides {position:absolute;top:15px;left:4px;z-index:100;}
.slides_container {width:720px;overflow:hidden;position:relative;display:none;}
.slides_container a {width:720px;height:430px;display:block;}
.slides_container a img {display:block;}
#slides .next,#slides .prev {position:absolute;top:177px;left:-39px;width:24px;height:43px;display:block;z-index:101; border:none;}
#slides .next {left:720px;}
.pagination {margin:0px auto 0;width:100px;display:hide;}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}
#logo_center {position:absolute; width:219px; height:104px; top:200px; margin-left:720px; z-index:600;}

/*DOMAĆA, INTERNACIONALNA, RECEPTI - naslovna*/
#items {float:left; width:960px; height:190px; }
.item {float:left; height:190px; width:300px; padding-left:20px; background-image:url(images/item.png); background-repeat:no-repeat; background-position:left center;}
.item h2 {float:left; color:#a98b51; font-family:Tw Cen MT; width:300px; margin-bottom:0px; margin-top:10px; font-size:17px;}
.item a {color:#a98b51; border:none;}
.item img {border:none;}
.item a:hover {color:#feca2a;}
.item p {float:left; color:#000; font-family:Tw Cen MT; width:170px; margin-top:10px; font-size:14px;}
.clera_i {float:left; height:5px; width:300px; }
.opsirnije {float:left; width:119px; height:28px; background-image:url(images/opsirnije.png); background-repeat:no-repeat; text-align:center; line-height:25px;}
.opsirnije a {color:#FFF; font-family:Tw Cen MT; display:block; width:119px; height:28px;}

/*DOMAĆA, INTERNACIONALNA, RECEPTI - podstranice*/
#items_podstranica {float:left; width:320px; height:auto; }
.item_podstranica {float:left; height:190px; width:300px; padding-left:20px; }
.item_podstranica h2 {float:left; color:#a98b51; font-family:Tw Cen MT; width:300px; margin-bottom:0px; margin-top:10px; font-size:17px;}
.item_podstranica a {color:#a98b51;}
.item_podstranica img {border:none;}
.item_podstranica a:hover {color:#feca2a;}
.item_podstranica p {float:left; color:#000; font-family:Tw Cen MT; width:170px; margin-top:10px; font-size:14px;}
.clera_i {float:left; height:5px; width:300px; }
.opsirnije {float:left; width:119px; height:28px; background-image:url(images/opsirnije.png); background-repeat:no-repeat; text-align:center; line-height:25px;}
.opsirnije a {color:#FFF; font-family:Tw Cen MT; display:block; width:119px; height:28px;}


/*LOGO FOOTER*/
.footer_logo { float:left; width:166px; height:49px; background-image:url(images/logo_footer.png); margin-left:380px; margin-top:10px; margin-bottom:10px;}

/*FOOTER*/
#bottom {float:left; width:100%; height:128px; background-image:url(images/footer.jpg); background-repeat:repeat-x;}
#footer {width:960px; height:128px; margin-left:auto; margin-right:auto; background-image:url(images/footer_big.jpg); background-repeat:no-repeat;}
.footer_item {float:left; width:300px; height:122px; margin-top:3px; padding-left:20px;}
.footer_item h2 {font-family:Tw Cen MT; width:300px; margin-bottom:0px; margin-top:10px; font-size:20px;}
.footer_item a {color:#FFF;}
.footer_item a:hover {color:#feca2a;}
.footer_item p {float:left; color:#FFF;; font-family:Tw Cen MT; width:300px; margin-top:10px; font-size:15px;}
#arbona {width:300px; height:50px; margin-left:auto; margin-right:auto; text-align:center; margin-top:10px; font-family:Tw Cen MT; font-size:12px; color:#FFF;}
#arbona a {color:#FFF;}
#arbona a:hover {color:#feca2a;}

/*SADRZAJ-PODSTRANICE*/
#right {float:left; width:600px; height:auto;  margin-left:20px;}
#logo_podstranica {float:left; margin-left:381px;}
#sadrzaj {float:left; width:600px; height:auto;  margin-bottom:10px;}
#sadrzaj h1 {color:#a98b51; width:600px; background-image:url(images/underline.png); background-repeat:repeat-x; background-position:bottom; height:40px; margin-top:0px; font-size:28px; font-family:Tw Cen MT; margin-bottom:0px;}
#sadrzaj h2 {color:#a98b51; width:600px; height:20px; margin-top:0px; font-size:20px; font-family:Tw Cen MT; margin-bottom:0px;}
#sadrzaj p { width:600px; font-family:Tw Cen MT; font-size:14px; margin-top:10px; line-height:25px;}
#sadrzaj a {color:#a98b51;}
#sadrzaj a:hover {text-decoration:underline;}
#sadrzaj img { float:left; margin-left:10px; margin-bottom:10px; margin-top:10px; border:0;}

/*FANCYBOX*/

.fancybox-tmp iframe, .fancybox-tmp object {vertical-align: top;padding: 0;margin: 0;}
.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}
.fancybox-skin {position: relative;padding: 0;margin: 0;background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {padding: 0;margin: 0;position: relative;outline: none;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 10px;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;border: 0;padding: 0;margin: 0;vertical-align: top;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('fancybox_sprite.png');}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8020;}
#fancybox-loading div {width: 44px;height: 44px;background: url('fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;background: transparent url('blank.gif'); -webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}
.fancybox-prev span {left: 20px;background-position: 0 -36px;}
.fancybox-next span {right: 20px;background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute;top: -9999px;left: -9999px;padding: 0;overflow: visible;visibility: hidden;}
#fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: #000;}
#fancybox-overlay.overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8030;text-align: center;}
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap {margin-top: 10px;}
.fancybox-title-over-wrap {position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/*TABELA*/
#sadrzaj table{margin-top:20px; width:100%;border:1px solid #ad9461;background-color:#fff;color:#000;margin:15px 0; text-align:center; font-family:Tw Cen MT;}
#sadrzaj td{border:1px solid #ad9461;padding:5px; }
#sadrzaj tr:first-child{background-color:#c64224;color:#FFF;border:1px solid #ad9461; font-weight:bold;}	
#sadrzaj tr:first-child a {
color:#d0b86a;		
}
/*LISTA*/
#sadrzaj ul {float:left; width:600px; height:auto; margin-left:20px; margin-top:0px; margin-right:0px; margin-bottom:10px; padding:0px; line-height:25px;}
#sadrzaj li {font-family:Tw Cen MT; font-size:14px;}
#sadrzaj li a {font-family:Tw Cen MT; font-size:14px; color:#a98b51;}


#kontakt_podaci { float:left; width:230px; height:auto;  margin-left:20px; margin-top:40px; font-family:Tw Cen MT; font-size:16px; text-align:center; line-height:30px;}
#kontakt_podaci a {color:#a98b51;}

#foto_360 {position:absolute; width:125px; height:125px; background-image:url(images/foto_360.png); margin-top:-9px; background-position:left;}
#foto_360:hover {background-position:right;}
#foto_360 a {display:block; width:125px; height:125px;}