body {
color:#333;
font-family:Arial,sans-serif;
font-size:12px;
margin:0px auto;
text-align:left;
background-color: #cecece;
/*background:#343434 url(gfx/bg1.gif) repeat-x 50% 0%;*/
/*background:#cecece url(gfx/bg/cvet_2.gif);*/
}

div#top {/*background:url(gfx/bg_top1.gif) no-repeat 50% 0%;*/}
div#top4 {background:url(gfx/bg_top4.gif) no-repeat 50% 0%;}
div#wrapper {margin:0px auto;width:960px; }
div#page {width:729px;margin:0px;border: 0px solid #999;float: left; background-color:#fff;padding: 0 5px;}
.fr {float:right;}
.fl {float:left;}
.ta_l {text-align:left}
.ta_r {text-align:right}
div.clear {clear:both; line-height:0px;padding:0px;margin:0px}
a img {border:0px;}
a {color:#FD8837;text-decoration:underline}
a:hover {color:#FD8837;text-decoration:none}

a.pink {color:#cc00cc;text-decoration:underline}
a.pink:hover {color:#cc00cc;text-decoration:none}

a.red {color:#cc0000;text-decoration:underline}
a.red:hover {color:#cc0000;text-decoration:none}

a.tirkiz {color:#0099cc;text-decoration:underline}
a.tirkiz:hover {color:#0099cc;text-decoration:none}

a.lila {color:#6600CC;text-decoration:underline}
a.lila:hover {color:#6600CC;text-decoration:none}

a.green {color:#99CC00;text-decoration:underline}
a.green:hover {color:#99CC00;text-decoration:none}

a.yellow {color:#deb204;text-decoration:underline}
a.yellow:hover {color:#deb204;text-decoration:none}

a.gray {color:#666666;;text-decoration:underline}
a.gray:hover {color:#666666;text-decoration:none}

h4 a.gray {color:#666666;;text-decoration:none}
h4 a.gray:hover {color:#666666;text-decoration:none}

div.header_left {width:580px;float:left;padding:19px 0px 0px 5px}
div.header_right {float:right:width:355px;padding:20px 0px  5px 0px}

div#flag {background-color:#fff;padding-top:3px;}
div#flag img {padding-right:10px;border:0px;}
div#flag a img {background-color: #fff;
		opacity: .50;
		filter: alpha(opacity=50);} 
div#flag a.active img {background-color: #fff;
		opacity: .90;
		filter: alpha(opacity=90);} 
   
div#flag a:hover img {background-color: #fff;
		opacity: .90;
		filter: alpha(opacity=90);} 


div.b2b a {background:url(gfx/bb_c.gif) repeat-x;color:#fff;display:block;float:left;line-height:48px;padding:0;text-decoration:none;font-size:14px;}
div.b2b a span.r {background:url(gfx/bb_r.gif) no-repeat right center;}
div.b2b a span {display:block;float:left;}
div.b2b a span.l {background:url(gfx/bb_l.gif) no-repeat left center;padding:0px 15px;}
div.b2b a:hover {text-decoration:underline}

div.prijava {text-align:right;color:#666;margin-top:20px;}
div.prijava a {color:#666;text-decoration:none;padding:0px 10px}
div.prijava a:hover {color:#666;text-decoration:underline;padding:0px 10px}

div.panorama {height:352px;overflow:hidden}
div.panorama img {border:1px solid #333;}

div#bmenu ul li {padding:0px;margin:0px}
div#bmenu li {display:inline;list-style-type:none;background:#d5d1ca;line-height:32px;float:left; border-right: 1px solid #eee;}
div#bmenu li.active {background:#eee;}
div#bmenu ul {padding:0px;margin:0px;}
div#bmenu ul li a {color:#333;text-decoration:none;padding:5px 7px}

div#menu {background:url(gfx/menu.gif) repeat-x bottom;height:32px;border-bottom:1px solid #ababab;font-size:14px;margin-top:3px;}
div#menu ul li {padding:0px;margin:0px}
div#menu li {display:inline;list-style-type:none;background:url(gfx/menu_line.gif) no-repeat right;line-height:32px;float:left}
div#menu ul {padding:0px;margin:0px;}
div#menu ul li.orange a {border-top:2px solid #fe9900;}
div#menu ul li.blue a {border-top:2px solid #0033cc;}
div#menu ul li.red a {border-top:2px solid #cc0000;}
div#menu ul li.tirkiz a {border-top:2px solid #0099cc;}
div#menu ul li.brown a {border-top:2px solid #cc9900;}
div#menu ul li.lila a {border-top:2px solid #6600cc;}
div#menu ul li.pink a {border-top:2px solid #cc00cc;}
div#menu ul li.green a {border-top:2px solid #99cc00;}
div#menu ul li.yellow a {border-top:2px solid #ffcc00;}

div#menu ul li#orange_active a {color:#fff;background-color:#fe9900;padding:5px 14px 9px}
div#menu ul li#blue_active a {color:#fff;background-color:#0033cc;padding:5px 14px 9px}
div#menu ul li#red_active a {color:#fff;background-color:#cc0000;padding:5px 14px 9px}
div#menu ul li#tirkiz_active a {color:#fff;background-color:#0099cc;padding:5px 14px 9px}
div#menu ul li#brown_active a {color:#fff;background-color:#cc9900;padding:5px 14px 9px}
div#menu ul li#lila_active a {color:#fff;background-color:#6600cc;padding:5px 14px 9px}
div#menu ul li#pink_active a {color:#fff;background-color:#cc00cc;padding:5px 14px 9px}
div#menu ul li#green_active a {color:#fff;background-color:#99cc00;padding:5px 14px 9px}
div#menu ul li#yellow_active a {color:#fff;background-color:#ffcc00;padding:5px 14px 9px}

div#menu ul li a {color:#333;text-decoration:none;padding:5px 7px}

div#menu ul li.orange a:hover {color:#fff;background-color:#fe9900;padding:5px 7px 9px}
div#menu ul li.blue a:hover {color:#fff;background-color:#0033cc;padding:5px 7px 9px}
div#menu ul li.red a:hover {color:#fff;background-color:#cc0000;padding:5px 7px 9px}
div#menu ul li.tirkiz a:hover {color:#fff;background-color:#0099cc;padding:5px 7px 9px}
div#menu ul li.brown a:hover {color:#fff;background-color:#cc9900;padding:5px 7px 9px}
div#menu ul li.lila a:hover {color:#fff;background-color:#6600cc;padding:5px 7px 9px}
div#menu ul li.pink a:hover {color:#fff;background-color:#cc00cc;padding:5px 7px 9px}
div#menu ul li.green a:hover {color:#fff;background-color:#99cc00;padding:5px 7px 9px}
div#menu ul li.yellow a:hover {color:#fff;background-color:#ffcc00;padding:5px 7px 9px}

table {margin:15px 0px 15px 0px}
table td {vertical-align:top;}
table td.left_side {width:181px;}
table td.middle {width:495px;padding:0px 26px 0px 27px;}
.right_side {width:215px;float: left;}

div.footer_line {background-color:#6e6e6e;height:10px;}
div.footer_center {width:960px;margin:0px auto;font-size:14px;padding:5px 0px 0px 0px;text-align:center;}
div.footer_center a {color:#fff;text-decoration:none;padding:0px 7px;}
div.footer_center a:hover {color:#333;text-decoration:none;padding:0px 7px;}
div.footer_center a.active {color:#333;text-decoration:none;padding:0px 7px;}
div.footer { height: 60px; background-color: #808080; }
div.footer4 {background-color:#D7484E;height:60px;}
div.desing_code {text-align:center;color:#fff;padding:10px 0px 0px 0px}

h1 {font-size:24px;font-weight:normal;padding:0px;}
.gray { color: #404040; }

h1.orange {font-size:24px;font-weight:normal;color:#fe9900;padding:0px;}
h1.red {font-size:24px;font-weight:normal;color:#cc0000;padding:0px;}
h1.blue {font-size:24px;font-weight:normal;color:#0033CC;padding:0px;}
h1.tirkiz {font-size:24px;font-weight:normal;color:#0099CC;padding:0px;}
h1.pink {font-size:24px;font-weight:normal;color:#CC00CC;padding:0px;}
h1.brown {font-size:24px;font-weight:normal;color:#CC9900;padding:0px;}
h1.lila {font-size:24px;font-weight:normal;color:#6600CC;padding:0px;}
h1.green {font-size:24px;font-weight:normal;color:#99cc00;padding:0px;}
h1.yellow {font-size:24px;font-weight:normal;color:#deb204;padding:0px;}
h1.b2b {font-size:24px;font-weight:normal;color:#666666;padding:0px;}
h2 {font-size:25px;font-weight:normal;color:#A9C300;line-height:1em;background-color:#343434;padding:0px;margin:0px}
h3.orange {font-size:18px;font-weight:normal;color:#fe9900;padding:0px;}
h3.red {font-size:18px;font-weight:normal;color:#cc0000;padding:0px;}
h3.blue {font-size:18px;font-weight:normal;color:#0033CC;padding:0px;}
h3.tirkiz {font-size:18px;font-weight:normal;color:#0099CC;padding:0px;}
h3.pink {font-size:18px;font-weight:normal;color:#CC00CC;padding:0px;}
h3.yellow {font-size:18px;font-weight:normal;color:#deb204;padding:0px;}
h3.brown {font-size:18px;font-weight:normal;color:#CC9900;padding:0px;}
h3.lila {font-size:18px;font-weight:normal;color:#6600CC;padding:0px;}
h3.b2b {font-size:18px;font-weight:normal;color:#666666;padding:0px;}
h3.green {font-size:18px;font-weight:normal;color:#99cc00;padding:0px;}
h4 {font-size:16px;font-weight:normal;color:#666666;padding:0px;margin:0px;}
h5.orange {font-size:14px;font-weight:normal;color:#fe9900;padding:10px 0px 0px 0px;}
h5.red {font-size:14px;font-weight:normal;color:#cc0000;padding:10px 0px 0px 0px;}
h5.tirkiz {font-size:14px;font-weight:normal;color:#0099CC;padding:10px 0px 0px 0px;}
h5.lila {font-size:14px;font-weight:normal;color:#6600CC;padding:10px 0px 0px 0px;}
h5.brown {font-size:14px;font-weight:normal;color:#CC9900;padding:10px 0px 0px 0px;}
h5.yellow {font-size:14px;font-weight:normal;color:#deb204;padding:10px 0px 0px 0px;}
h5.pink {font-size:14px;font-weight:normal;color:#CC00CC;padding:10px 0px 0px 0px;}
h5.blue {font-size:14px;font-weight:normal;color:#0033CC;padding:10px 0px 0px 0px;}
h5.green {font-size:14px;font-weight:normal;color:#99cc00;padding:10px 0px 0px 0px;}
h6.white {font-size:28px;font-weight:normal;color:#fff;padding:0px;margin:0px 0px 0px 0px;}

/*h2 {font-size:25px;font-weight:normal;color:#ce00cd;background:url(gfx/dot_p.gif) repeat-x bottom;padding:0px;margin:0px;}
h3 {font-size:15px;font-weight:normal;color:#797979;padding:0px;margin:0px;}
h4 {font-size:15px;font-weight:normal;color:#A9C300;padding:0px;margin:0px;}
h5 {font-size:18px;font-weight:normal;color:#ffffff;padding:0px;margin:0px;line-height:30px;text-align:center}
h6 {text-align:left;font-weight:normal;color:#cc0000;font-size:20px;padding:0px;margin:0px;}*/

div.dot {background:url(gfx/dot.gif) repeat-x top;margin-top:-12px;}
div.dot_ {background:url(gfx/dot.gif) repeat-x top;margin-top:-6px;height:1px;}
div.dotred {background:url(gfx/dot_r.gif) repeat-x top;margin-top:-22px;height:1px;}
div.dotyellow {background:url(gfx/dot_y.gif) repeat-x top;margin-top:-12px;}
div.dotlila {background:url(gfx/dot_l.gif) repeat-x top;margin-top:-12px;}
div.dotorange {background:url(gfx/dot_o.gif) repeat-x top;margin-top:-12px;}
div.dotgreen {background:url(gfx/dot_g.gif) repeat-x top;margin-top:-12px;}
div.dotblue {background:url(gfx/dot_b.gif) repeat-x top;margin-top:-12px;}
div.dottirkiz {background:url(gfx/dot_t.gif) repeat-x top;margin-top:-12px;}
div.dotpink {background:url(gfx/dot_p.gif) repeat-x top;margin-top:-12px;}
div.dotbrown {background:url(gfx/dot_o.gif) repeat-x top;margin-top:-12px;}



div.dot_red {background:url(gfx/dot_r.gif) repeat-x top;margin-top:-6px;height:1px;}
div.dot_yellow {background:url(gfx/dot_y.gif) repeat-x top;margin-top:-6px;height:1px;}
div.dot_lila {background:url(gfx/dot_l.gif) repeat-x top;margin-top:-6px;height:1px;}
div.dot_orange {background:url(gfx/dot_o.gif) repeat-x top;margin-top:-6px;height:1px;}
div.dot_green {background:url(gfx/dot_g.gif) repeat-x top;margin-top:-6px;height:1px;}
div.dot_blue {background:url(gfx/dot_b.gif) repeat-x top;margin-top:-6px;height:1px;}
div.dot_tirkiz {background:url(gfx/dot_t.gif) repeat-x top;margin-top:-6px;height:1px;}
div.dot_pink {background:url(gfx/dot_p.gif) repeat-x top;margin-top:-6px;height:1px;}
div.dot_brown {background:url(gfx/dot_o.gif) repeat-x top;margin-top:-6px;height:1px;}



/*div.dot {background:url(gfx/dot.gif) repeat-x top;margin-top:-12px;}
div.dot_o {background:url(gfx/dot.gif) repeat-x top;margin-top:-6px;height:1px;}
div.dotr {background:url(gfx/dot_r.gif) repeat-x top;margin-top:-12px;}
div.doty {background:url(gfx/dot_y.gif) repeat-x top;margin-top:-12px;}
div.dotl {background:url(gfx/dot_l.gif) repeat-x top;margin-top:-12px;}
div.doto {background:url(gfx/dot_o.gif) repeat-x top;margin-top:-12px;}
div.dotg {background:url(gfx/dot_g.gif) repeat-x top;margin-top:-12px;}
div.dotb {background:url(gfx/dot_b.gif) repeat-x top;margin-top:-12px;}
div.dott {background:url(gfx/dot_t.gif) repeat-x top;margin-top:-12px;}
div.dotp {background:url(gfx/dot_p.gif) repeat-x top;margin-top:-12px;}
div.dot_r {background:url(gfx/dot_r.gif) repeat-x top;margin-top:-6px;height:1px;}
div.dot_y {background:url(gfx/dot_y.gif) repeat-x top;margin-top:-6px;height:1px;}
div.dot_l {background:url(gfx/dot_l.gif) repeat-x top;margin-top:-6px;height:1px;}
div.dot_o {background:url(gfx/dot_o.gif) repeat-x top;margin-top:-6px;height:1px;}
div.dot_g {background:url(gfx/dot_g.gif) repeat-x top;margin-top:-6px;height:1px;}
div.dot_b {background:url(gfx/dot_b.gif) repeat-x top;margin-top:-6px;height:1px;}
div.dot_t {background:url(gfx/dot_t.gif) repeat-x top;margin-top:-6px;height:1px;}
div.dot_p {background:url(gfx/dot_p.gif) repeat-x top;margin-top:-6px;height:1px;}*/

div.headline {border-bottom:0px solid #CCCCCC;padding:0;margin:0px 0px 2px 0px}
div.headline_text {color:#797979;float:left;font-size:16px;padding:0;text-align:left;width:380px;}
div.headline_text a {color:#797979;text-decoration:none;}
div.headline_date {float:right;padding:3px 0px 0px 0px;text-align:right;width:100px;color:#797979;}
p.img {padding:0px;margin:0px}
img.thumbs {float:left;margin:3px 10px 10px 0px;border:1px solid #e1e1e1;}
div.box_l {float:left;text-align:justify;width:243px;border-right:1px solid #ccc;margin:0px 0px 15px 0px;height:200px;overflow:hidden}
div.box_l p {margin:0px 10px 0px 0px;}
div.box_r {float:right;text-align:justify;width:243px;margin:0px 0px 10px 5px;height:200px;overflow:hidden}
div.box_r p {margin:0px 5px 0px 0px;}

div.danas {background:url(gfx/danas.gif) no-repeat bottom;width:215px;height:293px;color:#fff}
div.danas a {color:#333;text-decoration:underline;}
div.danas a:hover {color:#333;text-decoration:none;}

div.danas div.danas_bg {background-color:#343434;color:#fff;height:34px;}
div.danas div.danas_bg_h {width:180px;float:left;padding-left:5px;background-color:#343434;height:36px;overflow:hidden}

div.danas div.date {float:right;width:30px;text-align:center;height:36px;overflow:hidden}
div.danas div.month {background-color:#A9C300;text-transform: uppercase;margin-bottom:3px;}
div.danas div.days {background-color:#343434;height:21px;}

div.kalendar {color:#fff;margin:15px 0px 5px 0px}
div.kalendar ul li {padding:0px 0px 6px 0px;margin:0px}
div.kalendar ul {padding:0px;margin:0px}
div.kalendar li {list-style-type:none;}
div.kalendar ul li a {color:#333;text-decoration:underline;}
div.kalendar ul li a:hover {color:#333;text-decoration:none;}

div.banner {border:1px solid #cecece;background-color:#e6e6e6;text-align:center;width:150px;line-height:50px;margin:15px auto;color:#898989;}
div.banner_left {width:150px;margin:0px auto}
div.banner_left img {margin:5px 0px}

div.all_box {margin:20px 0px 30px 0px}
div.box {background:url(gfx/box.gif) no-repeat;width:245px;height:146px;}
div.box div.box_text {margin:6px 7px;}
div.box div.box_text div.line {height:30px;overflow:hidden;line-height:30px;text-align:center}
div.box div.box_text div.znamenitosti {/*background:url(images/znamenitosti.jpg) no-repeat bottom;*/width:232px;height:103px;margin:0px auto;}
div.box div.box_text div.experience {/*background:url(images/znamenitosti.jpg) no-repeat bottom;*/width:232px;height:103px;margin:0px auto;}
div.box div.box_text div.mapa {background:url(images/mapa.gif) no-repeat bottom;width:232px;height:103px;margin:0px auto;}
div.box div.box_text div.manifestacije {background:url(images/kalendar.gif) no-repeat bottom;width:232px;height:103px;margin:0px auto;}

div.transparent {padding-top:83px;}
div.opacity {background-color:#fff;height:20px;margin:0px; opacity: .60;filter: alpha(opacity=60);padding:0px;}
div.leftalign {line-height:20px;padding-right:10px;text-align:right;}

div.pt15 {padding-top:15px;}

div.manifestacije ul li {padding:3px 0px;margin:0px 5px;}
div.manifestacije li {list-style-type:none}
div.manifestacije ul {padding:0px;margin:0px}
div.manifestacije ul li span {color:#FD8837}

div.experience {margin:5px;}
div.experience span.orange, div.znamenitosti span.orange {color:#FD8837;font-size:16px;font-weight:normal}
div.experience a, div.znamenitosti a {color:#000;}
div.experience, div.znamenitosti {background-position: 50% 50%;}
/*div.experience a {text-align:right;float:right;margin:5px 0px}
div.experience p {margin:5px 0px;padding:0px}*/

div.galerija img {border:1px solid #ababab;margin:5px 4px 0px 0px}
div.video {/*border:1px solid #ababab;width:490px;*/margin:0px auto 30px;}

table.checking {width:100%;margin:0px;padding:0px}
table.checking td {vertical-align:middle;border-bottom:1px solid #d0d0d0;padding:2px 5px;}
table.checking td.gray {background-color:#e5e5e5;min-width:130px;width:130px;}
table.checking td.gray_big {background-color:#e5e5e5;min-width:200px;width:200px;}
table.checking td.check {width:16px;}

table.w350 {width:350px;float:left}
div.small_img {width:100px;float:right;margin-right:10px;}
div.small_img img {border:1px solid #ababab}

/*div.gastronomija {background:url(images/preview/gastronomija.jpg) no-repeat;height:150px;margin:2px auto 0px;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
div.gastronomija div.transparent {padding-top:115px;}
div.gastronomija div.opacity {background-color:#0099cc;height:35px;margin:0px; opacity: .50;filter: alpha(opacity=50);padding:0px;color:#fff;line-height:35px;overflow:hidden}
div.gastronomija div.leftalign {line-height:35px;padding-left:10px;text-align:left;}
div.gastronomija_text {background-color:#80CCE6;padding:10px;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;}

div.smestaj {background:url(images/preview/smestaj.jpg) no-repeat;height:150px;margin:2px auto 0px;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
div.smestaj div.transparent {padding-top:115px;}
div.smestaj div.opacity {background-color:#CC0000;height:35px;margin:0px; opacity: .50;filter: alpha(opacity=50);padding:0px;color:#fff;line-height:35px;overflow:hidden}
div.smestaj div.leftalign {line-height:35px;padding-left:10px;text-align:left;}
div.smestaj_text {background-color:#e57f7f;padding:10px;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;}

div.kultura {background:url(images/preview/kultura.jpg) no-repeat;height:150px;margin:2px auto 0px;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
div.kultura div.transparent {padding-top:115px;}
div.kultura div.opacity {background-color:#6600CC;height:35px;margin:0px; opacity: .50;filter: alpha(opacity=50);padding:0px;color:#fff;line-height:35px;overflow:hidden}
div.kultura div.leftalign {line-height:35px;padding-left:10px;text-align:left;}
div.kultura_text {background-color:#d8b2fe;padding:10px;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;}
*/

.cat_tirkiz {background:url(images/preview/gastronomija.jpg) no-repeat;height:150px;margin:2px auto 0px;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.cat_tirkiz .transparent {padding-top:115px;}
.cat_tirkiz .opacity {background-color:#0099cc;height:35px;margin:0px; opacity: .50;filter: alpha(opacity=50);padding:0px;color:#fff;line-height:35px;overflow:hidden}
.cat_tirkiz .leftalign {line-height:35px;padding-left:10px;text-align:left;}
.cat_tirkiz .transparenttxt {background-color:#80CCE6;padding:10px;/*border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;*/}

.cat_red {background:url(images/preview/smestaj.jpg) no-repeat;height:150px;margin:2px auto 0px;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.cat_red .transparent {padding-top:115px;}
.cat_red .opacity {background-color:#CC0000;height:35px;margin:0px; opacity: .50;filter: alpha(opacity=50);padding:0px;color:#fff;line-height:35px;overflow:hidden}
.cat_red .leftalign {line-height:35px;padding-left:10px;text-align:left;}
.cat_red .transparenttxt {background-color:#e57f7f;padding:10px;/*border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;*/}

.cat_lila {background:url(images/preview/kultura.jpg) no-repeat;height:150px;margin:2px auto 0px;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.cat_lila .transparent {padding-top:115px;}
.cat_lila .opacity {background-color:#6600CC;height:35px;margin:0px; opacity: .50;filter: alpha(opacity=50);padding:0px;color:#fff;line-height:35px;overflow:hidden}
.cat_lila .leftalign {line-height:35px;padding-left:10px;text-align:left;}
.cat_lila .transparenttxt {background-color:#d8b2fe;padding:10px;/*border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;*/}

.cat_blue {background:url(images/preview/o_subotici.jpg) no-repeat;height:150px;margin:2px auto 0px;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.cat_blue .transparent {padding-top:115px;}
.cat_blue .opacity {background-color:#0033CC;height:35px;margin:0px; opacity: .50;filter: alpha(opacity=50);padding:0px;color:#fff;line-height:35px;overflow:hidden}
.cat_blue .leftalign {line-height:35px;padding-left:10px;text-align:left;}
.cat_blue .transparenttxt {background-color:#758ce4;padding:10px;/*border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;*/}

.cat_brown {background:url(images/preview/dozivite.jpg) no-repeat;height:150px;margin:2px auto 0px;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.cat_brown .transparent {padding-top:115px;}
.cat_brown .opacity {background-color:#CC9900;height:35px;margin:0px; opacity: .50;filter: alpha(opacity=50);padding:0px;color:#333;line-height:35px;overflow:hidden}
.cat_brown .leftalign {line-height:35px;padding-left:10px;text-align:left;}
.cat_brown .transparenttxt {background-color:#edd065;padding:10px;/*border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;*/}

.cat_pink {background:url(images/preview/aktivnosti.jpg) no-repeat;height:150px;margin:2px auto 0px;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.cat_pink .transparent {padding-top:115px;}
.cat_pink .opacity {background-color:#CC00CC;height:35px;margin:0px; opacity: .50;filter: alpha(opacity=50);padding:0px;color:#fff;line-height:35px;overflow:hidden}
.cat_pink .leftalign {line-height:35px;padding-left:10px;text-align:left;}
.cat_pink .transparenttxt {background-color:#e76ee0;padding:10px;/*border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;*/}

.cat_yellow {background:url(images/preview/okolina.jpg) no-repeat;height:150px;margin:2px auto 0px;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.cat_yellow .transparent {padding-top:115px;}
.cat_yellow .opacity {background-color:#deb204;height:35px;margin:0px; opacity: .50;filter: alpha(opacity=50);padding:0px;color:#fff;line-height:35px;overflow:hidden}
.cat_yellow .leftalign {line-height:35px;padding-left:10px;text-align:left;}
.cat_yellow .transparenttxt {background-color:#f6e163;padding:10px;/*border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;*/}

.cat_green {background:url(images/preview/okolina.jpg) no-repeat;height:150px;margin:2px auto 0px;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.cat_green .transparent {padding-top:115px;}
.cat_green .opacity {background-color:#99CC00;height:35px;margin:0px; opacity: .50;filter: alpha(opacity=50);padding:0px;color:#fff;line-height:35px;overflow:hidden}
.cat_green .leftalign {line-height:35px;padding-left:10px;text-align:left;}
.cat_green .transparenttxt {background-color:#e2fd92;padding:10px;/*border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;*/}


div.happenings {}
div.happenings ul li {padding:10px 0px 1px 0px;margin:0px}
div.happenings li {list-style-type:none;background:url(gfx/dot_p.gif) repeat-x bottom}
div.happenings ul {padding:0px;margin:0px}
div.happenings ul li a {color:#333;text-decoration:none;}
div.happenings ul li a:hover {color:#CC00CC;text-decoration:none;}


#dropmenudiv{
position:absolute;
margin-top:-5px;
padding:5px 3px 5px 5px;
z-index:100;
background-color:#0099CC;
opacity: .9;
filter: alpha(opacity=90);
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
}

#dropmenudiv a {
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
color:#fff;
text-align: left;
}

#dropmenudiv a:hover {
display: block;
width: 100%;
color:#333;
}	

#imageSlideshowHolder{
margin-left: 4px; width: 940px; height: 350px; border: 0px solid #000;
		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
/*background-image: url(gfx/lin.gif); background-repeat: repeat-x; background-position: bottom;
border:3px solid #317082;*/
position:relative;	/* Never change this value */
}
	.imageInGallery{		
		width:940px;
		height:350px;
		
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;
		overflow: hidden;	
	}
	
	
	#imageSlideshowHolder img{
		position:absolute;
	}

.Caption { font-size: 18px; font-weight: bold; width: 940px; height: 26px; background-color: #464646; color: #fff; margin-left: 4px; position: absolute; top: 261px; opacity: .9; filter: alpha(opacity=90); padding-top: 4px; text-align: center; background-image: url(gfx/lin.gif); background-repeat: repeat-x; background-position: top; }
.padtxt { padding: 40px 0; }
#dhtmltooltip{
position: absolute;
width: 200px;
height:50px;
border: 1px solid #000;
padding: 2px;
color: #fff;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

table.calendar { width:100%;margin:0px;padding:0px; border-spacing: 0; }
table.cal_buttons { width:100%;margin:0px;padding:0px; border-spacing: 0; }
table.calendar td { padding: 5px }
.highlight { background-color: #ADD34B; }
td.center { text-align: center; }
.bold { text-align: bold; }

.content_images img { float: left; margin: 10px; }
.infobox { 
background-color:#FAF8F9;
border:1px solid #DADADA;
margin-bottom:15px;
width:470px;
}
.boxtext{
margin:10px 0;
padding:2px 5px;
}
.boxtext p{
line-height:1.2em;
text-align:left;
}    
img.border{
border:1px solid #999999;
padding:2px;
text-align:center;
}
img.left{
float:left;
margin-right:10px;
}

.gmap{
clear:both;
height:300px;
margin-top:20px;
width:500px;
display: none;
}

.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 500px;
    height: 300px;
    overflow: auto;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}