html {
 height: 100%;
}

body {
 position: relative;
 margin: 0 auto;
 padding: 0;
 height: 100%;
 min-height: 100%;
 font-family: arial, sans-serif;
 font-size: 13px;
 
 color: #231F20;
/* overflow-x: hidden; */
 background-position: center 225px;
 background-repeat: no-repeat;
 background-color: white;
}

a {
 text-decoration: none;
 color: #72bf44;
}
a:hover { text-decoration: underline; }
a:focus {outline: none;}

a img { border: none; }

h1, h2, h3, h4 {
 margin: 0;
 padding: 0;
 color: #72bf44;
}

/**************************

 FCK styles

*/

.title_2 { padding: 20px 0 10px 0; font: bold 21px Arial; color: #72bf44; }
.title_3 { padding: 15px 0 5px 0; font: bold 18px Arial; color: #72bf44; }
.title_4 { padding: 15px 0 0 0; font: bold 15px Arial; color: #72bf44; }

.fs_15 { font-size: 15px; }
.fs_18 { font-size: 18px; }

.green_font { color: #72bf44; }



/******************************************************************************************
 layout set up */

 
.w120 { width: 120px; }
.w240 { width: 240px; }
.w360 { width: 360px; }
.w450 { width: 450px; }
.w480 { width: 480px; }
.w600 { width: 600px; }
.w720 { width: 720px; }
.w840 { width: 840px; }


.left { float: left; }
.right { float: right; }
.clear { display: block; clear: both; height: 0; overflow: hidden;}
.clear-both { clear: both; } 

.no_margin { margin: 0 !important; }
.no_padding { padding: 0 !important; }

.ml10 { margin-left: 10px !important; }
.ml13 { margin-left: 13px !important; }
.ml15 { margin-left: 15px !important; }
.ml17 { margin-left: 17px !important; }
.ml20 { margin-left: 20px !important; }
.ml23 { margin-left: 23px !important; }
.ml25 { margin-left: 25px !important; }
.ml33 { margin-left: 33px !important; }

.mb10 { margin-bottom: 10px !important; }
.mb13 { margin-bottom: 13px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb17 { margin-bottom: 17px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }

.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt60 { margin-top: 60px !important; }

.pr10 { padding-right: 10px !important; }


#wrapper {
 position: relative;
 margin: 0 auto;
 padding: 0;
 width:100%;
 height: 100%;
 min-height: 100%;
}

 html>body #wrapper { height: auto; }

.top-frame {
 position: relative;
 margin: 0 auto;
 width: 100%;
 height: 225px;
 padding: 0;
 display: block;
 text-align: left;
 background: transparent url(../images/bg_header.jpg) center top no-repeat;
}

.main-frame {
 position: relative;
 margin: 0 auto;
 width: 960px;
 height: 1%;
 padding: 0;
 display: block;
 text-align: left;
 padding-bottom: 320px;
}

.bottom-frame {
 position: absolute;
 display: block;
 margin: 0;
 padding: 0;
 bottom: 0;
 left: 0;
 height: 300px;
 width: 100%;
 text-align: left;
 background: transparent url(../images/bg_footer.jpg) center bottom no-repeat;
}


.col, 
.element {
 position: relative;
 display: block;
 margin: 0;
 padding: 0;
 height: 1%;
}

div.box { 
 display: block;
 margin: 0;
 padding: 0; 
 height: 1%;
}
 .box .title {
 display: block;
 font-weight: bold;
 }
 
 .box .desc {
 display: block;
 }


/******************************************************************************************
 header */

#header {
 position: relative;
 margin: 0 auto;
 width: 960px;
 height: 1%;
 padding: 0;
 display: block;
 text-align: left;
}

#corpo-menu {
 position: absolute;
 left: 0;
 top: 0;
}

 #corpo-menu ul {
 position: relative;
 margin: 0;
 padding: 0;
 height: 1%;
 list-style: none;
 }
 
 #corpo-menu ul li { float: left; margin: 0 3px 0 12px; display: inline; }
 
 #corpo-menu ul li a {
 color: white;
 font-size: 9px;
 line-height: 25px;
 padding-left: 15px;
 background: transparent url(../images/corpo_menu_bullet.gif) 0 1px no-repeat;
 }
 
 #corpo-menu ul li a:hover, #corpo-menu ul li a.selected {
 color: #72bf44;
 background-image: url(../images/corpo_menu_bullet_sel.gif);
 }
 
 

#site-logo {
 position: absolute;
 display: block;
 width: 281px;
 height: 107px;
 left: 0;
 top: 35px;
 background: transparent url(../images/orto_logo.png) 0 0 no-repeat;
}

#search-box {
 position: absolute;
 display: block;
 top: 6px;
 right: 0;
 width: 180px;
 height: 24px;
 text-align: right;
}
 #search-box form { margin: 0; padding: 0; }
 #search-box .input {
 display: block;
 float: left;
 width: 104px;
 padding: 5px 9px;
 }
 #search-box .input input { 
 width: 100px;
 height: 14px;
 line-height: 14px;
 font-size: 11px;
 border: none;
 padding: 0 0 0 4px;
 margin: 0; 
 background: transparent;
 }
 #search-box .button {
 display: block;
 float: right;
 margin: 1px 0 0 0;
 height: 20px;
 background: none;
 border: none;
 width: 57px;
 height: 20px;
 background: transparent url(../images/btn_search.gif) top left no-repeat;
 }
 
 #search-box .button:hover {
 cursor: pointer;
 background: transparent url(../images/btn_search.gif) bottom left no-repeat;
 }
 
#login-box {
 position: absolute;
 display: block;
 top: 40px;
 right: 0;
 width: 340px;
 height: 110px;
}
 
 #login-box .not-logged {
 position: relative;
 display: block;
 height: 110px;
 background: transparent url(../images/bg_login_not_logged.gif) 0 0 no-repeat;
 }
 #login-box .not-logged a.prijava {
 position: absolute;
 display: block;
 width: 132px;
 height: 35px;
 top: 21px;
 left: 27px;
 background: transparent url(../images/btn_login_prijava.gif) top left no-repeat;
 }
 #login-box .not-logged a.prijava:hover { background-position: bottom left; }
 
 #login-box .not-logged a.registracija {
 position: absolute;
 display: block;
 width: 302px;
 height: 30px;
 top: 70px;
 left: 29px;
 background: transparent url(../images/btn_login_registracija.gif) top left no-repeat;
 /* background: transparent url(../images/newyork_registracija_animacija.gif) top left no-repeat;*/
 }
 #login-box .not-logged a.registracija:hover { background-position: bottom left; }
 
 #login-box .logged {
 position: relative;
 display: block;
 height: 110px;
 background: transparent url(../images/bg_login_logged.gif) 0 0 no-repeat;
 }
 #login-box .logged .top {
 padding: 12px 0 0 80px;
 position: relative;
 height: 44px;
 font: normal 10px Arial;
 }
 #login-box .logged .top span {
 position: absolute;
 top: 8px;
 left: 28px;
 width: 40px;
 height: 40px;
 }
 #login-box .logged .top h3 {
 margin: 2px 0 0 0;
 padding: 0;
 font: bold 14px Arial;
 color: #72bf44;
 }
 
 #login-box .logged a.logout {
 position: absolute;
 display: block;
 width: 178px;
 height: 17px;
 top: 25px;
 left: 253px;
 background: transparent url(../images/btn_login_odjava.gif) top left no-repeat;
 }
 #login-box .logged a.logout:hover { background-position: bottom left; }
 
 #login-box .logged .bottom {
 padding-left: 25px;
 position: relative;
 font: normal 11px Arial;
 }
 
 #login-box .logged .bottom span { display: block; padding-bottom: 2px; }
 #login-box .logged .bottom span span { display: inline; color: #f77900; padding: 0; }
 #login-box .logged .bottom span span a { color: #f77900; }
 #login-box .logged .bottom span span a:hover { color: #f77900; text-decoration: underline; }
 
 #login-box .logged .bottom a {
 font-weight: bold;
 padding-right: 10px;
 color: #211c21;
 }
 #login-box .logged .bottom a:hover { color: #72bf44; text-decoration: none; }
 
 
 #login-box select {
 position: absolute;
 top: 30px;
 right: 0px;
 }
 

#help-box {
 position: absolute;
 display: block;
 top: 150px;
 right: 0;
 width: 220px;
 height: 75px;
}

#klapa-box {
 position: absolute;
 display: block;
 top: 150px;
 right: 220px;
 width: 120px;
 height: 75px;
}

#radio-box {
 position: absolute;
 display: block;
 top: 0;
 left: 350px;
 width: 270px;
 height: 150px;
}


#menu {
 position: absolute;
 display: block;
 margin: 0;
 padding: 0;
 top: 145px;
 left: 0;
 width: 580px;
}
 #menu ul {
 margin: 0;
 padding: 0;
 list-style: none;
 }
 
 #menu ul li {
 float: left;
 margin: 0;
 padding: 0;
 }
 
 #menu ul li a span { display: none; }
 
 #menu ul li a {
 height: 80px;
 margin: 0;
 padding: 0;
 display: block;
 background-position: top left;
 background-repeat: no-repeat;
 background-image: url(../images/main_menu.jpg);
 }
 
 /*dogajaj*/
 #menu .menu_204 { width: 175px; background-position: 0px 0px; }
 #menu .menu_204:hover, #menu li.menu_204 .selected { background-position: 0px bottom; }
 
 /*playz*/
 #menu .menu_205 { width: 125px; background-position: -175px top; }
 #menu .menu_205:hover, #menu li.menu_205 .selected { background-position: -175px bottom; }
 
 /*muziq*/
 #menu .menu_206 { width: 135px; background-position: -300px top; }
 #menu .menu_206:hover, #menu li.menu_206 .selected { background-position: -300px bottom; }
 
 /*ponudba*/
 #menu .menu_207 { width: 145px; background-position: -435px top; }
 #menu .menu_207:hover, #menu li.menu_207 .selected { background-position: -435px bottom; }









/******************************************************************************************
 footer */

#footer {
 position: relative;
 margin: 0 auto;
 width: 960px;
 height: 280px;/*
 height: 1%;*/
 padding: 0;
 display: block;
 text-align: left;
}

#footer .copyright {
 position: absolute;
 left: 14px;
 top: 238px;
 font-size: 11px;
 font-weight: bold;
 color: #72bf44;
}

#footer .disclamer {
 position: absolute;
 left: 26px;
 top: 274px;
 font-size: 11px;
 color: #72bf44;
}
 #footer .disclamer span {
 padding: 0 9px;
 }
 #footer .disclamer span a {
 color: #72bf44;
 }
 #footer .disclamer span a:hover { text-decoration: underline; }

#footer .help {
 position: absolute;
 top: 215px;
 left: 528px;
 
}
 #footer .help a { display: block; width: 40px; height: 40px; }

#footer .kosilnica {
 position: absolute;
 top: 165px;
 left: 60px;
 width: 75px;
 height: 68px;
 cursor: pointer;
 
}

#kosilnica-oblak {
 display: block;
 position: absolute;
 top: 145px;
 left: 60px;
 width: 75px;
 height: 68px;
 z-index: 99;
}

#oblak {
 position: absolute;
 display: none;
 top: 100px; left: 120px;
 width: 310px;
 height: 80px;
 background: transparent url(../images/green_oblak.png) 0 0 no-repeat;
}
#oblak span {
 color: white;
 display: block;
 font-size: 10px;
 padding: 10px 20px 10px 20px;
}
 #oblak span a { color: white; }



#site-map {
 position: absolute;
 top: 0;
 right: 0;
 height: 1%; 
}

 #site-map ul {
 margin: 0;
 padding: 0;
 list-style: none;
 }
 
 #site-map ul li { float: left; }
 
 #site-map ul li span { display: none; }
 
 #site-map ul li a {
 display: block; 
 background-position: top left;
 background-repeat: no-repeat;
 }
 
 #site-map ul ul { 
 margin-top: 5px;
 }
 
 #site-map ul ul li { 
 display: block;
 float: none; 
 margin: 0 0 0 5px; 
 padding: 1px 0;
 height: 1%; 
 }
 
 #site-map ul ul li a {
 font-size: 10px;
 color: #231F20;
 height: 1%;
 }
 
 #site-map ul ul li a:hover {
 text-decoration: underline;
 color: #72bf44;
 }
 
 #site-map a.title {
 background-color: transparent;
 background-image: url(../images/sitemap.gif);
 background-repeat: no-repeat;
 }
 
 #site-map li.footer_204 { width: 106px; }
 #site-map li.footer_204 a.title { height:39px; background-position: left top; }
 #site-map ul li.footer_204 ul li { margin-left: 20px; }
 
 #site-map li.footer_205 { width: 101px; }
 #site-map li.footer_205 a.title { height: 32px; background-position: -106px top; }
 
 #site-map li.footer_206 { width: 94px; }
 #site-map li.footer_206 a.title { height: 45px; background-position: -207px top; }
 
 #site-map li.footer_207 { width: 105px; }
 #site-map li.footer_207 a.title { height: 34px; background-position: -301px top; }
 
 #site-map li.footer_267 { width: 74px; }
 #site-map li.footer_267 a.title { height: 39px; background-position: -406px top; }
 #site-map ul li.footer_267 ul li { margin-left: 0px; }



/*******************************************************************

ugc info
star rating styles
 */

.ugc-info {
 position: relative; 
 font-size: 9px;
 display: block;
 margin: 5px 0;
 height:1%;
}
 .ugc-info .bg {
 position: absolute;
 top: 0;
 right: 0;
 width: 154px;
 height: 15px;
 background: white;
 opacity: 0.2;
 }
 .ugc-info .grey { background: #14171c; }
 .ugc-info .green { background: #72bf44; opacity: 1; }
 .ugc-info .black { background: #000; opacity: 1; }
 .ugc-info .orange { background: #f77b00; opacity: 1; }
 
 
 
 .ugc-info .info_link {
 position: absolute;
 top: 0;
 right: 0;
 width: 154px;
 height: 15px;
 z-index: 30 !important;
 }


.ugc-info .comments { 
 position: relative;
 height: 11px;
 padding: 2px 8px;
 
}

.ugc-info .votes { 
 position: relative;
 display: block;
 width: 55px;
 height: 11px;
 padding: 2px 8px;
 
}

.star-rating{
 list-style:none;
 margin: 0px;
 padding:0px;
 width: 55px;
 height: 11px;
 position: relative;
 overflow: hidden;
 background: transparent url(../images/rating_star.png) top left repeat-x; 
}
.star-rating li{
 padding:0px;
 margin:0px;
 width:11px;
 height:11px;
 /*\*/
 float: left;
 /* */
}
.star-rating li a{
 display:block;
 width:11px;
 height: 11px;
 line-height:11px; 
 text-decoration: none;
 text-indent: -9000px;
 z-index: 20;
 position: absolute;
 padding: 0px;
 overflow: hidden;
}

.star-rating li a:hover{
 background: transparent url(../images/rating_star.png) 0 -11px repeat-x;
 z-index: 2;
 left: 0px;
 border:none;
}
.star-rating a.one-star{
 left: 0px;
}
.star-rating a.one-star:hover{
 width:11px;
}
.star-rating a.two-stars{
 left:11px;
}
.star-rating a.two-stars:hover{
 width: 22px;
}
.star-rating a.three-stars{
 left: 22px;
}
.star-rating a.three-stars:hover{
 width: 33px;
}
.star-rating a.four-stars{
 left: 33px;
} 
.star-rating a.four-stars:hover{
 width: 44px;
}
.star-rating a.five-stars{
 left: 44px;
}
.star-rating a.five-stars:hover{
 width: 55px;
}

.star-rating li.current-rating{
 background: transparent url(../images/rating_star.png) bottom left repeat-x;
 position: absolute;
 top: 0;
 left: 0;
 height: 11px;
 display: block;
 text-indent: -9000px;
 z-index: 10;
}


/* trip rating stars */

.ortotrip-rating {
 position: relative;
 width: 110px;
 margin: 0 auto;
}

.trip-rating{
 list-style:none;
 margin: 0px;
 padding:0px;
 width: 110px;
 height: 22px;
 position: relative;
 overflow: hidden;
 background: transparent url(../images/landings/ortotrip/trip_voting_stars.png) top left repeat-x; 
}
.trip-rating li{
 padding:0px;
 margin:0px;
 width:22px;
 height:22px;
 /*\*/
 float: left;
 /* */
}
.trip-rating li a{
 display:block;
 width:22px;
 height: 22px;
 line-height:22px; 
 text-decoration: none;
 text-indent: -9000px;
 z-index: 20;
 position: absolute;
 padding: 0px;
 overflow: hidden;
}

.trip-rating li a:hover{
 background: transparent url(../images/landings/ortotrip/trip_voting_stars.png) 0 -22px repeat-x;
 z-index: 2;
 left: 0px;
 border:none;
}
.trip-rating a.one-star{
 left: 0px;
}
.trip-rating a.one-star:hover{
 width:22px;
}
.trip-rating a.two-stars{
 left:22px;
}
.trip-rating a.two-stars:hover{
 width: 44px;
}
.trip-rating a.three-stars{
 left: 44px;
}
.trip-rating a.three-stars:hover{
 width: 66px;
}
.trip-rating a.four-stars{
 left: 66px;
} 
.trip-rating a.four-stars:hover{
 width: 88px;
}
.trip-rating a.five-stars{
 left: 88px;
}
.trip-rating a.five-stars:hover{
 width: 110px;
}

.trip-rating li.current-rating{
 background: transparent url(../images/landings/ortotrip/trip_voting_stars.png) bottom left repeat-x;
 position: absolute;
 top: 0;
 left: 0;
 height: 22px;
 display: block;
 text-indent: -9000px;
 z-index: 10;
}



/******/

.page-lister {
 position: relative;
 display: block;
 height: 1%;
 width: 560px;
 padding: 27px 50px 0 50px;
 text-align: center;
 background: transparent url(../images/bg_list_page_lister.png) 0 0 no-repeat;
 }
 
 .page-lister .back { 
 position: absolute;
 width: 40px;
 height: 40px;
 top: 18px;
 left: 7px;
 }
 
 .page-lister .back a {
 display: block;
 background: transparent url(../images/bg_list_back.png) 0 0 no-repeat;
 }
 
 .page-lister .forward {
 position: absolute;
 width: 40px;
 height: 40px;
 top: 18px;
 right: 7px;
 }
 
 .page-lister .forward a {
 display: block;
 background: transparent url(../images/bg_list_forward.png) 0 0 no-repeat;
 }
 
 .page-lister span {
 padding: 0 9px 0 12px;
 height: 15px;
 background: transparent url(../images/bg_list_page.gif) 0 4px no-repeat;
 }
 
 .page-lister span.first { background: none; }
 
 .page-lister span a { font-size: 12px; color: #333; font-weight: bold; }
 .page-lister span a:hover,
 .page-lister span a.selected { font-weight: bold; color: #72bf44; }
 
div.content { line-height: 20px; } 
div.content table {
 border: none;
 border-collapse: collapse;
}

div.content table td, div.content table th {
 border: 1px solid #72bf44;
 margin:0;
 padding:2px 4px;
}




#documents {
 position: relative;
 display: block;
 margin: 20px 0;
 height: 1%;
}

 #documents .item {
 position: relative;
 height: 1%;
 padding: 0 0 0 30px;
 }
 #documents .item span { display: block; font-size: 11px; color: #666; }
 #documents .item span.icon {
 position: absolute;
 top: 0;
 left: 0;
 }


 #ortotrip_castvote_dlg {
 position:absolute;
 background:white;
 z-index:100;
 height: 260px;
 width: 426px;
 background: transparent url(../images/landings/ortotrip/bg_over_voting.png) 0 0 no-repeat;
 }
 
 #ortotrip_castvote_dlg div.inner { position: relative; display: block; }
 
 #ortotrip_castvote_dlg .thanks {
 background: #fff;
 padding-left: 10px;
 position: absolute;
 left: 140px;
 top: 70px;
 height: 100px;
 width: 255px;
 font-weight:bold;
 color: #72BF44;
 }

 #ortotrip_castvote_dlg .saving {
 background: #fff;
 padding-left: 10px;
 position: absolute;
 left: 140px;
 top: 70px;
 height: 100px;
 width: 255px;
 display:none;
 color:#666;
 font-style: italic;
 }

 #ortotrip_castvote_dlg div.top {
 position: absolute;
 display: none;
 width: 250px;
 height: 50px;
 top: 190px;
 left: 150px;
 } 
 #ortotrip_castvote_dlg div.top label {
 float: left;
 width: 140px;
 padding: 7px 0;
 font: normal 12px Arial;
 }
 #ortotrip_castvote_dlg div.top button {
 float: right;
 width: 90px;
 height: 42px;
 border: none;
 text-align: left;
 cursor: pointer;
 background: transparent url(../images/landings/ortotrip/btn_over_vote1.gif) top left no-repeat;
 }
 #ortotrip_castvote_dlg div.top button:hover { background-position: bottom left; color: #fff; }
 
 #ortotrip_castvote_dlg div.bottom {
 position: absolute;
 display: block;
 width: 250px;
 height: 110px;
 top: 46px;
 left: 150px;
 } 
 
 #ortotrip_castvote_dlg div.bottom span {
 display: block;
 padding: 10px 0;
 font: bold 12px Arial;
 
 }
 #ortotrip_castvote_dlg div.bottom span strong { color: #72bf44; }
 
 #ortotrip_castvote_dlg div.bottom button {
 float: right;
 width: 90px;
 margin-top: 10px;
 height: 42px;
 border: none;
 cursor: pointer;
 background: transparent url(../images/landings/ortotrip/btn_over_vote2.gif) top left no-repeat;
 }
 #ortotrip_castvote_dlg div.bottom button:hover { background-position: bottom left; color: #fff; }
 
 #ortotrip_castvote_dlg div.bottom label {
 width: 140px;
 display: block;
 padding: 5px 0;
 font: normal 12px Arial;
 } 
 
 #ortotrip_castvote_dlg div.bottom input {
 border: 1px solid #666;
 padding: 1px;
 width: 145px;
 }

 #ortotrip_castvote_dlg a.close {
 position:absolute;
 top:17px;
 right:23px;
 padding: 0;
 color: #fff;
 height: 14px;
 width: 54px;
 font: bold 11px Arial;
 line-height: 14px;
 text-transform: uppercase;
 background: transparent url(../images/landings/ortotrip/trip_over_close_btn.gif) top right no-repeat;
 }
 #ortotrip_castvote_dlg a.close:hover {
 color: #000;
 background-position: bottom right;
 text-decoration: none;
 }
 

 #improper_content_dlg {
 position:absolute;
 border:1px solid gray;
 left:0;
 top:0;
 background:white;
 z-index:999;
 padding:5px 5px 9px 9px ;
 width: 190px;
 font-size:11px;
 }

 #improper_content_dlg a {
 font-weight: bold;
 }

 #improper_content_dlg .desc, #improper_content_dlg .wrn, #improper_content_dlg .submit {
 margin-top:4px;
 }

 #improper_content_dlg .desc textarea {
 display:block;
 margin-top: 3px;
 }

 #improper_content_dlg .submit button {
 font-weight:bold;
 font-size:11px;
 padding:0px 8px;
 }

 #improper_content_dlg .reason_type, #improper_content_dlg .post_id {
 display:none;
 }
 
 
 
 
/* popover menu */

/* javascript popover submenu */

#jmenu-over {
 position: absolute;
 display: block;
 top: 152px; left: 0;
 
 width: 100%;
 height: 1%;
 
}



#jmenu-over .jmenu-frame {
 position: relative;
 display: block;
 margin: 0 auto;
 width: 960px;
}


#jmenu {
 position: absolute;
 display: block;
 top: 0; left: 0;
 width: 560px; height: 73px;
 
}

#jmenu-container { position: relative; }

#jmenu ul.jmn {
 position: relative;
 margin: 0;
 padding: 0;
 list-style: none;
 height: 1%;
}

#jmenu ul.jmn li {
 position: relative;
 float: left;
 margin: 0;
 padding: 0;
}
#jmenu ul.jmn li a {
 height: 74px;
 margin: 0;
 padding: 0;
 display: block;
 background-position: top left;
 background-repeat: no-repeat;
}

#jmenu ul.jmn li a:hover, #jmenu ul.jmn li a.selected { background-position: bottom left; }

#jmenu ul.jmn li a span { display: none; }

/*dogajaj*/
#jmenu ul.jmn li.menu_204 { width: 146px; }
#jmenu ul.jmn li.menu_204 a { background-image: url(../images/jmenu/jmenu_204.gif); }

/*playz*/
#jmenu ul.jmn li.menu_205 { width: 118px; }
#jmenu ul.jmn li.menu_205 a { background-image: url(../images/jmenu/jmenu_205.gif); }

/*muziq*/
#jmenu ul.jmn li.menu_206 { width: 135px; }
#jmenu ul.jmn li.menu_206 a { background-image: url(../images/jmenu/jmenu_206.gif); }

/*ponudba*/
#jmenu ul.jmn li.menu_207 { width: 161px; }
#jmenu ul.jmn li.menu_207 a { background-image: url(../images/jmenu/jmenu_207.gif); }





#jmenu-box {
 position: absolute;
 display: none;
 top: 0; left: 0;
 width: 560px;
 height: 1%;
 padding-bottom: 0px;
 background: transparent url(../images/jmenu/jmenu_bg.gif) top left no-repeat;
}

#jmenu div.hovering div { display: block; }

.jm_col {
 position: relative;
 display: block;
 float: left;
/* height: 300px; */
 background: transparent url() top left no-repeat;
}



 .jm204 {
 width: 146px;
 background-image: url(../images/jmenu/div204.gif);
 }
 .jm205 {
 width: 118px;
 background-image: url(../images/jmenu/div205.gif);
 }
 .jm206 {
 width: 135px;
 background-image: url(../images/jmenu/div206.gif);
 }
 .jm207 {
 width: 161px;
 background-image: url(../images/jmenu/div207.gif);
 }

#jmenu .jm_col a.section-url {
 display: block;
 height: 73px;
 background: transparent url() top left no-repeat;
}
#jmenu .jm_col a.section-url:hover { background-position: bottom left; }
 
 #jmenu .jm_col a.jm204 { background-image: url(../images/jmenu/a_204.gif); }
 #jmenu .jm_col a.jm205 { background-image: url(../images/jmenu/a_205.gif); }
 #jmenu .jm_col a.jm206 { background-image: url(../images/jmenu/a_206.gif); }
 #jmenu .jm_col a.jm207 { background-image: url(../images/jmenu/a_207.gif); }

#jmenu .jm_col ul {
 display: block;
 margin: 0;
 padding: 0;
 list-style: none;
}
#jmenu .jm_col ul li { }
#jmenu .jm_col ul li a {
 position: relative;
 display: block;
 padding: 0 5px 0 18px;
 color: #e2e2e2;
 font: bold 12px/18px Arial;
 height: 20px;
}

#jmenu .jm_col ul li a:hover { color: #72bf44; }
 
/************ GERNERIC POPOVER GALLERY ***********/
#pg_overlay {
 position: absolute;
 display: none;
 left: 0;
 top: 0;
 width: 100%;
 z-index: 90;
 background-color: #000;
}

#pg_toolbox {
 display: none;
 position: absolute;
 /*position: fixed; */
 width: 511px;
 height: 19px;
 padding: 10px 25px;
 background-color: #fff;
 border: 1px solid black;
 text-align: center;
 z-index: 98;
}

#pg_loading {
 position: absolute;
 /*position: fixed;*/
 display: none;
 width: 59px;
 height: 16px;
 background: transparent url(../images/generic/popover_gallery/loading_white.gif) center center no-repeat;
 z-index: 100 !important;
}

#pg_loading.black {
 background-image: url(../images/generic/popover_gallery/loading_black.gif);
}

#pg_close span, #pg_play span, #pg_prev span, #pg_next span, #pg_plus span, #pg_minus span{
 display: none;
}

#pg_nav {
 position: relative;
 display: block;
 margin: 0 auto;
 width: 100px;
 text-align: center;
 font-weight: bold;
 color: #000;
 font-size: 12px;
}

#pg_show_thumbs {
 position: absolute;
 display: block;
 left: 30px;
 top: 0px;
 width: 40px;
 height: 26px;
 background:red;
 cursor: pointer;
 background: transparent url(../images/generic/popover_gallery/thumbs_white.gif) center bottom no-repeat;
}

#pg_thumbnails {
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: 99;
 display: none;
 width: 600px;
 padding: 1px 0 0 1px;
 margin: 0;
 background-color: #fff;
 text-align: left;
 border-color: #fff;
 border: none;
}

#pg_thumbnails.scrollable {
 height: 376px;
}

#pg_thumbnails.scrollable span {
 display: block;
 margin: 20px;
 height: 336px;
 overflow-y: scroll;
}


#pg_thumbnails div {
 margin: 0;
 padding: 0;
 float: left;
 
 margin: 0 1px 1px 0;
 cursor: pointer; 
}

#pg_close, #pg_play, #pg_prev, #pg_next, #pg_slide {
 position: relative;
 float: right;
 display: block;
 width: 19px;
 height: 19px;
 background: transparent url(../images/generic/popover_gallery/close_white.gif) center top no-repeat;
}

#pg_slide {
 float: left;
 width: 88px;
 margin-right: -69px;
 background: none;
}

#pg_play {
 float: left;
 margin-right: 6px;
 background-image: url(../images/generic/popover_gallery/play_white.gif);
}

#pg_play.started {
 background-image: url(../images/generic/popover_gallery/stop_white.gif);
}

#pg_speed {
 position: relative;
 float: left;
 display: block;
 width: 25px;
 height: 19px;
 text-align: center;
 font-family: arial;
 font-size: 10px;
 line-height: 19px;
}

#pg_plus, #pg_minus {
 position: relative;
 float: left;
 display: block;
 width: 19px;
 height: 19px;
 background: transparent url(../images/generic/popover_gallery/plus_white.gif) center top no-repeat;
}

#pg_minus {
 background-image: url(../images/generic/popover_gallery/minus_white.gif);
}

#pg_prev {
 float: left;
 background-image: url(../images/generic/popover_gallery/prev_white.gif);
}

#pg_next {
 float: right;
 background-image: url(../images/generic/popover_gallery/next_white.gif);
}

#pg_close:hover, #pg_play:hover, #pg_prev:hover, #pg_next:hover {
 background-position: center bottom;
}

#pg_content {
 position: relative;
 display: none;
}

#pg_content img {
 position: relative;
 display: block;
 margin: 25px;
 border: none;
}

#pg_frame {
 position: absolute;
 /*position: fixed;*/
 display: none;
 background-color: #fff;
 z-index: 96;
 clear: both;
}

#pg_info {
 position: absolute;
 display: none;
 height: 25px;
 left: 25px;
 bottom: -25px;
 line-height: 25px;
 font-size: 11px;
}

#pg_info span {
 position: relative;
 display: none;
 float: left;
 padding-left: 5px;
 margin-right: 6px;
 /* TODO */
}

#pg_btn_info span {
 display: none;
}

#pg_btn_info {
 position: relative;
 display: none;
 float: left;
 width: 19px;
 height: 19px;
 margin-top: 3px;
 background: transparent url(../images/generic/popover_gallery/info_white.gif) center top no-repeat;
}

#pg_btn_info:hover {
 background-position: center bottom;
}

#pg_desc, #pg_desc_text {
 position: absolute;
 display: none;
 background-color: #000;
}

#pg_desc div, #pg_desc_text div {
 padding: 20px;
 text-align: left;
 color: #000;
 visibility: hidden;
 font-size: 11px;
}

#pg_desc_text {
 background-color: transparent;
}

#pg_desc_text div {
 color: #fff;
 visibility: visible;
}
.ad-gallery {
 width: 420px;
 
}
.ad-gallery, .ad-gallery * {
 margin: 0;
 padding: 0;
}
 .ad-gallery .ad-image-wrapper {
 width: 100%;
 height: 315px;
 margin-bottom: 0px;
 position: relative;
 overflow: hidden;
 background: #000;
 }
 .ad-gallery .ad-image-wrapper .ad-loader {
 position: absolute;
 z-index: 10;
 top: 48%;
 left: 48%;
 border: 1px solid #CCC;
 }
 .ad-gallery .ad-image-wrapper .ad-next {
 position: absolute;
 right: 0;
 top: 0;
 width: 25%;
 height: 100%;
 cursor: pointer;
 display: none;
 z-index: 100;
 }
 .ad-gallery .ad-image-wrapper .ad-prev {
 position: absolute;
 left: 0;
 top: 0;
 width: 25%;
 height: 100%;
 cursor: pointer;
 display: none;
 z-index: 100;
 }
 .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
 /* Or else IE will hide it */
 background: url(../images/jquery_gallery/non-existing.jpg);
 }
 .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
 background: url(../images/jquery_gallery/ad_prev.png);
 width: 30px;
 height: 30px;
 display: none;
 position: absolute;
 top: 47%;
 left: 0;
 z-index: 101;
 }
 .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
 background: url(../images/jquery_gallery/ad_next.png);
 width: 30px;
 height: 30px;
 right: 0;
 left: auto;
 }
 .ad-gallery .ad-image-wrapper .ad-image {
 position: absolute;
 overflow: hidden;
 top: 0;
 left: 0;
 z-index: 9;
 }
 .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
 position: absolute;
 bottom: 0px;
 left: 0px;
 padding: 7px;
 text-align: left;
 width: 100%;
 z-index: 2;
 background: url(../images/jquery_gallery/opa75.png);
 color: #000;
 }
 * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
 background: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../images/jquery_gallery/opa75.png');
 }
 .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
 display: block;
 }
 .ad-gallery .ad-controls {
 height: 0px;
 display: none;
 }
 .ad-gallery .ad-info {
 float: left;
 }
 .ad-gallery .ad-slideshow-controls {
 float: right;
 }
 .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
 padding-left: 5px;
 cursor: pointer;
 }
 .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
 padding-left: 5px;
 font-size: 0.9em;
 }
 .ad-gallery .ad-slideshow-running .ad-slideshow-start {
 cursor: default;
 font-style: italic;
 }
 .ad-gallery .ad-nav {
 width: 390px;
 padding: 10px 15px 0 15px;
 position: relative;
 background: transparent url(../images/jquery_gallery/bg_l_gallery_list.png) 0 0 no-repeat;
 height: 61px;
 }
 .ad-gallery .ad-forward, .ad-gallery .ad-back {
 position: absolute;
 top: 14px;
 height: 32px;
 z-index: 10;
 }
 /* IE 6 doesn't like height: 100% */
 * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
 height: 100px;
 }
 .ad-gallery .ad-back {
 cursor: pointer;
 left: -24px;
 width: 33px;
 height: 32px;
 display: block;
 background: url(../images/jquery_gallery/gallery_larrow.gif) top left no-repeat;
 }
 .ad-gallery .ad-forward {
 cursor: pointer;
 display: block;
 right: -24px;
 width: 33px;
 height: 32px;
 background: url(../images/jquery_gallery/gallery_rarrow.gif) top left no-repeat;
 }
 .ad-gallery .ad-nav .ad-thumbs {
 overflow: hidden;
 width: 100%;
 }
 .ad-gallery .ad-thumbs .ad-thumb-list {
 float: left;
 width: 9000px;
 list-style: none;
 }
 .ad-gallery .ad-thumbs li {
 float: left;
 padding: 0 5px;
 }
 .ad-gallery .ad-thumbs li a {
 display: block;
 }
 .ad-gallery .ad-thumbs li a img {
 display: block;
 }
 
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
 position: absolute;
 left: -9000px;
 top: -9000px;
}
.modal-p-overlay {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 height: 100%;
 width: 100%;
 margin: 0;
 padding: 0;
 background: #131313;
 opacity: .85;
 filter: alpha(opacity=85);
 z-index: 101;
}
.modal-p-window {
 position: fixed;
 top: 50%;
 left: 50%;
 margin: 0;
 padding: 0;
 z-index: 102;
 background: #fff;
 border: solid 8px #000;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
}
.close-p-window {
 position: absolute;
 width: 47px;
 height: 47px;
 right: -8px;
 top: -30px;
 background: transparent url(../images/close_video.jpg) no-repeat scroll right top;
 text-indent: -99999px;
 overflow: hidden;
 cursor: pointer;
}
body {
 
}

h1 {
 font: normal 36px Arial;
 padding: 10px 0;
 text-transform: uppercase;
 margin: 0;
}

.l_header { position: relative; display: block; height: 320px; }

.l_menu {
 position: absolute;
 display: block;
 width: 450px;
 height: 30px;
 top: 264px;
 left: 440px;
}

.l_menu ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

.l_menu ul li { float: left; padding: 0 23px; }

.l_menu ul li a {
 font: bold 18px Arial;
 color: white;
 text-transform: uppercase;
}
 .l_menu ul li a:hover, .l_menu ul li a.selected { color: black; text-decoration: none; }

.content { padding: 10px 30px; }





#video-box {
 margin: 0;
 padding: 62px 30px 36px 30px;
 background: transparent url(../images/landings/avdicija09/bg_video_box.png) 0 0 no-repeat;
}
 #video-box .title {
 position: absolute;
 top: 40px;
 left: 36px;
 font: bold 13px Arial;
 color: white;
 }

#gallery-box {
 margin: 30px 0 0 0;
 padding: 43px 0 0 30px;
 height: 1%;
 background: transparent url(../images/landings/avdicija09/bg_gallery_box.png) 0 0 no-repeat;
}

.l_gallery {
 margin-left: 0px;
}


.l_video {
 background-color: #000000;
 width: 420px;
 height: 315px;
 border: 0px;
}

#zvezde .title {
 display: block;
 width: 480px;
 height: 69px;
 margin: 0; padding: 0;
 background: transparent url(../images/landings/avdicija09/bg_title_zvezde.png) 0 0 no-repeat;
}

#zvezde .list .item {
 position: relative;
 display: block;
 padding: 0;
}

#zvezde .bg1 { background: transparent url(../images/landings/avdicija09/bg_zvezde_item1.png) 0 0 no-repeat;}
#zvezde .bg2 { background: transparent url(../images/landings/avdicija09/bg_zvezde_item2.png) 0 0 no-repeat;}

#zvezde .list .item .avatar {
 display: block;
 float: left;
 width: 120px;
 height: 120px;
 padding: 30px 0 0 30px;
 background: transparent url(../images/landings/avdicija09/bg_zvezde_img.png) 0 0 no-repeat;
}

#zvezde .list .item .detail {
 width: 330px;
 padding-top: 25px;
 float: right;
}

#zvezde .list .item .detail span {
 display: block;
 padding: 1px 0;
}

#zvezde .list .item .detail .play-video {
 padding-top: 15px;
 font-weight: bold;
}



#content-list .title {
 display: block;
 height: 45px;
 margin-top: 30px;
 background: transparent url(../images/landings/avdicija09/bg_title.png) 0 0 no-repeat;
}
#content-list .title h2 {
 color: white;
 font: bold 15px Arial;
 text-transform: uppercase;
 padding: 13px 0 0 30px;
}
#content-list .list {
 padding: 5px 30px;
}
#content-list .list .item { padding: 3px 0; font-weight: bold; }

#content-list .list {}