/*****************************************
    CSS file for OptiTV
    Copyright (c) web.burza.hr
*****************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; font-size: 62.5%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
a img, fieldset { border: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
table, table table, ul ul, ul ol, ol ul { font-size: 1em; }
html { font-family: Arial, Verdana, Tahoma, sans-serif; color: #000; background: #000 url(/css/cssimg/layout/bg.jpg) 50% 0 no-repeat; height: 100%; background-attachment: fixed; padding-bottom: 10px; }
a, img, fieldset { outline: none; border: none; }
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear {display:inline-block;}
.clear {display:block;}
.structure { position: absolute; left: -9999px; top: -9999px; }
#logo { background: none; }
#logo a { display: block; width: 105px; height: 0; background: url(/css/cssimg/logo.png) no-repeat; font-size: .5em; overflow: hidden; padding-top: 37px; margin: 52px 0 30px 0; }
#main_navigation { position: absolute; top: 0; left: 0; background: url(/css/cssimg/layout/header.png) 56% 0; width: 100%; }
    #main_navigation ul { width: 786px; margin: -1px auto; text-align: right; position: relative; padding-bottom: 2px; }
    #main_navigation li { list-style: none; font-size: 1.1em; display: inline; line-height: 2; }
    #main_navigation li a { color: #fff; text-decoration: none; font-weight: normal; padding: 4px 8px; background: #000 url(/css/cssimg/border.png) right top repeat-y; }
    #main_navigation .active a {  }
#container { width: 770px; margin: 0 auto;  }
#content { position: relative; }
.box { background: url(/css/cssimg/layout/box_new.png) 100% 0 no-repeat; float: left; margin-right: 8px; color: #fff; }
.box .inner { background: url(/css/cssimg/layout/box_new.png) left bottom no-repeat; position: relative; top: 11px; padding: 0 11px 10px 11px; }
.last { margin-right: 0; }
.first { clear: both; }
.small, .tv_schedule { width: 251px; }
.medium { width: 381px; margin-bottom: 20px; }
.xlarge, .tv_list { width: 770px; }
.special { float: none; clear: both; width: 511px; background: url(/css/cssimg/layout/top.png) no-repeat; }
.special .inner { background: url(/css/cssimg/layout/repeat.png) repeat-y; padding-bottom: 0; }
.special .inner_deep { background: url(/css/cssimg/layout/bottom.png) bottom no-repeat; padding-bottom: 22px; }
.small .title h2 { background: url(/css/cssimg/layout/title_bg_round.png) no-repeat; padding: 12px 0 8px 10px; font-size: 1.2em; font-weight: normal; margin: 0; color: #fff;  font-family: Arial, Verdana, sans-serif; }
    .small .title h2 span, .medium .title h2 span { font-weight: bold; display: inline; background: none; }
.small .description { min-height: 130px; height: auto !important; height: 130px; background: url(/css/cssimg/layout/opacity.png); padding: 12px 10px 25px; font-size: 1.1em; color: #000; line-height: 1.3; position: relative; }
    .naslovnica_body .small .description { min-height: 189px; height: auto !important; height: 189px; }
    .small .description p { margin-bottom: 10px; }
    .small .description .more { background: #000; color: #fff; float: right; padding: 0 3px; position: absolute; bottom: 7px; right: 0; text-decoration: none; }
    .small .description .price { background: url(/css/cssimg/price_bg_grey.gif) repeat-y; padding: 3px 5px; font-size: 1.8em; border: #b2b2b2 1px solid; width: 62px; font-weight: bold; margin: 10px 0 0 10px; }
    .small .description ul li { border-bottom: #8e8e8e 1px solid; padding: 5px 0; }
.medium .title h2 { background: url(/css/cssimg/layout/title_bg.gif) no-repeat; padding: 11px 10px 8px; font-size: 1.2em; font-weight: normal; color: #fff; margin: 0; font-family: Arial, Verdana, sans-serif; }
.medium .description { background: url(/css/cssimg/layout/opacity.png); padding: 0 0 9px 0; font-size: 1.1em; color: #fff; line-height: 1.3; color: #000; }
.tv_schedule .description, .tv_list .description { background: url(/css/cssimg/layout/opacity_black.png); padding: 0 0 12px 0; font-size: 1.1em; color: #fff; line-height: 1.3; }
    .medium .description { position: relative; }
    .medium .description p { margin-bottom: 30px; }
    .medium .description .more { background: #000; color: #fff; float: right; padding: 0 3px; position: absolute; bottom: 7px; right: 0; text-decoration: none; }
.tv_list ul li { background: url(/css/cssimg/layout/border_horizontal.png) bottom repeat-x; font-size: 1em; padding: 5px 0 5px 20px; }
.medium ul li { border-bottom: #8e8e8e 1px solid; font-size: 1em; padding: 5px 0 5px 10px; }
.medium .description .price { margin: -50px 0 0 150px; background: url(/css/cssimg/price_bg_grey.gif) repeat-y; padding: 3px 5px; font-size: 1.8em; border: #b2b2b2 1px solid; width: 62px; font-weight: bold; }
.xlarge .description { background: url(/css/cssimg/layout/opacity_black.png); padding: 25px 0 12px 0; font-size: 1.1em; color: #fff; line-height: 1.3; position: relative; line-height: 18px; }
.xlarge .description h3 { font-weight: normal; font-size: 1.2em; background: url(/css/cssimg/faq_line.png) left bottom no-repeat; padding-left: 15px; margin: 0 0 15px 0; }
.xlarge .title h2 { background: url(/css/cssimg/title_bg_xlarge.gif) no-repeat; padding: 12px 0 7px 10px; font-size: 1.2em; font-weight: normal; margin: 0; color: #fff;  font-family: Arial, Verdana, sans-serif; }
.xlarge .title h2 span { background: none; padding: 0; font-weight: bold; }
.xlarge .description p { padding: 0 20px 15px 35px; }
.tv_carnet .description, .tv_halo_start .description, .tv_halo_surf .description { padding-bottom: 10px; padding-left: 0; }
.tv_carnet .description ul li, .tv_halo_start .description ul li, .tv_halo_surf .description ul li { padding-left: 10px; }
.hbo .description, .cinemax .description, .hbo_cinemax .description { background: url(/css/cssimg/layout/opacity_black.png); color: #fff; padding-bottom: 10px; min-height: 175px; height: auto !important; height: 175px; }
.hbo .description .price, .cinemax .description .price, .hbo_cinemax .description .price { background: url(/css/cssimg/price_bg_3.gif) repeat; border: #373639 1px solid; color: #ffb400; margin: 0; width: 50px; }
.hbo .description .price, .cinemax .description .price { margin-top: 26px; }
.recording { margin-top: 20px; }
    .recording .description { background: #000 url(/css/cssimg/snimalica.jpg) 1px 0 no-repeat; padding: 0; }
    .recording .description p { padding: 10px 20px 10px 250px; }
    .recording .prices { margin-left: 407px; padding-bottom: 40px; }
    .recording .prices p { padding: 0; color: #ffb400; float: left; margin-left: 20px; display: inline; width: 135px; }
    .recording .prices p span { background: url(/css/cssimg/price_bg_3.gif) repeat; border: #373639 1px solid; display: block; padding: 3px 5px; font-size: 1.6em; width: 45px; font-weight: bold; float: right; position: relative; top: -5px; left: 0;  }
.tv_schedule .title h2, .special .title h2 { background: url(/css/cssimg/layout/title_bg_special.gif) no-repeat; padding: 12px 10px 8px; font-size: 1.2em; font-weight: bold;  margin: 0; color: #fff; font-family: Arial, Verdana, sans-serif; }
    .tv_schedule .title { cursor: pointer; }
    .tv_schedule ul  { padding-right: 30px; }
    .tv_schedule ul li { background: url(/css/cssimg/layout/border_horizontal.png) top left repeat-x; font-size: 1em; }
    .tv_schedule ul li a { display: block; padding: 5px 0 5px 20px; color: #fff; text-decoration: none; position: relative; }
    .tv_schedule .first_station { background: none; padding-top: 10px; }
    .tv_schedule .active a { background: url(/css/cssimg/station_active.png) repeat-y; }
    .has_js .tv_schedule .description { display: none; }
    .has_js .tv_schedule .current_category { display: block; }
#tv_schedule_content { float: right; width: 511px; }
    #tv_schedule_content #day_nav { background: url(/css/cssimg/layout/border_horizontal.png) repeat-x; margin-bottom: 10px; }
        #tv_schedule_content #day_nav .inner { background: url(/css/cssimg/layout/border_horizontal.png) bottom repeat-x; padding: 1px 0; }
        #tv_schedule_content #day_nav ul { background: url(/css/cssimg/tv_schedule_nav_bg.png) 1px 0 repeat-y; width: 511px; }
        #tv_schedule_content #day_nav ul li { float: left; background: url(/css/cssimg/border.png) right repeat-y; }
        #tv_schedule_content #day_nav ul li a { color: #fff; text-decoration: none; display: block; padding: 5px; margin-right: 1px; }
        #tv_schedule_content #day_nav .first_child a { background: url(/css/cssimg/border.png) repeat-y; }
        #tv_schedule_content #day_nav .first_child.active a { background: #000 url(/css/cssimg/border.png) repeat-y; }
        #tv_schedule_content #day_nav .active a { background: #000; }
        .station_name { font-size: 2em; font-weight: bold; }
            .station_name span { display: block; font-size: .5em; }
            .station_name img { float: left; margin-right: 5px; }
    .special .description { background: url(/css/cssimg/layout/opacity.png); padding: 12px 10px 25px; font-size: 1.1em; color: #000; line-height: 1.3; position: relative; }
    .special table { width: 100%; margin-top: 20px; }
        .special table thead { display: none; }
        .special table td { padding: 10px 10px 10px 0; font-weight: bold; border-top: #837c7c 1px solid; }
        .special table .first_show td { border-top: 0; }
        .special table .show_desc { width: 200px; font-weight: normal; }
        .special table .show_desc a { display: block; color: #000; padding: 5px 0; }
        .special table .show_desc .show_more { background: url(/css/cssimg/more.jpg) left center no-repeat; padding: 5px 0 5px 15px; }
        .special table .show_desc .show_less { background: url(/css/cssimg/less.jpg) left center no-repeat; padding: 5px 0 5px 15px; }
.program_description .description { background: url(/css/cssimg/layout/opacity_black.png); color: #fff; padding: 15px; }
    .special .title h2 { background: url(/css/cssimg/layout/program_description_title_bg.png) no-repeat; }
    .program_description .station_name { margin-bottom: 1em; }
    .program_description .station_name img { float: none; }
    
    .program_description .additional_info { margin: 3em 0 1em 0;  }
        .program_description .additional_info li { padding: 5px 0; border-bottom: #4d4d4d 1px solid; }
        .program_description .additional_info .first_child { border-top: #4d4d4d 1px solid; }
        .program_description .additional_info li span, .program_description .additional_info li a { color: #ffb400; }
        .program_description .additional_info li strong { font-weight: normal; display: block; width: 80px; float: left; }
    .program_description .media { border: #6c6c6c 1px solid; background: #000; margin-top: 30px; }
        .program_description .media a { color: #fff; }
        .program_description .media #video { padding: 15px; }
        .program_description .media #fotogalerija { padding: 15px 15px 5px 15px; }
        
        .has_js .program_description .media { margin-top: -1px; }
        
        .program_description .media h3 { padding: 15px 0 0 15px; }
        .has_js .program_description .media h3 { position: absolute; left: -9999px; top: -9999px; }
    .program_description .tabbed_navigation { margin: 40px 0 0 0; position: relative ;}
        .program_description .tabbed_navigation li { float: left; margin: 0 -1px 0 0; }
        .program_description .tabbed_navigation a { color: #fff; display: block; border: #6c6c6c 1px solid; padding: 5px 15px; text-decoration: none; }
        .program_description .tabbed_navigation .active a { border-bottom: #000 1px solid; background: #000 url(/css/cssimg/tab_active_bg.png) repeat-x; }
        
    .program_description .media #fotogalerija li { float: left; margin: 0 10px 10px 0; }
        .program_description .media #fotogalerija li img { display: block; }
        .program_description .media #fotogalerija .last_child { margin: 0 0 10px 0; }
        
        .photo #cboxTitle { background: none; }
        .photo #cboxClose { right: -11px; }
        .photo .box .inner { padding-bottom: 11px !important; }
.packages .title { background: url(/css/cssimg/index_paketi.jpg) no-repeat; padding-top: 132px; }
.packages .title a, .schedule .title a, .action .title a  { cursor: pointer; display: block; color: #fff; text-decoration: none; padding: 144px 10px 0 0; margin-top: -144px; position: relative; }
.schedule .title { background: url(/css/cssimg/index_programi.jpg) no-repeat; padding-top: 132px; }
.action .title { background: url(/css/cssimg/index_forma.jpg) no-repeat; padding-top: 132px; }
.tv_carnet .title { background: url(/css/cssimg/carnet.jpg) no-repeat; padding-top: 132px; }
.tv_halo_start .title { background: url(/css/cssimg/hhhstart.jpg) no-repeat; padding-top: 132px; }
.tv_halo_surf .title { background: url(/css/cssimg/hhhsurf.jpg) no-repeat; padding-top: 132px; }
.tv_halo_surf .title h2, .tv_halo_start .title h2, .tv_carnet .title h2 { padding-left: 10px; padding-right: 10px; }
.tv_start .description ul { background: url(/css/cssimg/start.jpg) no-repeat; padding: 10px 10px 57px 140px; }
.tv_surf .description ul { background: url(/css/cssimg/surf.jpg) no-repeat; padding: 10px 10px 57px 140px; }
.hbo .title { background: url(/css/cssimg/hbo_new.jpg) no-repeat; padding-top: 132px; }
.cinemax .title { background: url(/css/cssimg/cinemax_new.jpg) no-repeat; padding-top: 132px; }
.hbo_cinemax .title { background: url(/css/cssimg/hbo_cinemax_new.jpg) no-repeat; padding-top: 132px; }
.tv_list { margin-bottom: 20px; margin-right: 0; }
    .tv_list .title h2 { background: url(/css/cssimg/title_bg_xlarge.gif) no-repeat; padding: 12px 10px 7px; font-size: 1.2em; font-weight: normal; margin: 0; color: #fff;  font-family: Arial, Verdana, sans-serif; }
    .tv_list .description ul { padding: 10px 0 10px 140px; min-height: 140px; height: auto !important; height: 140px; }
    .tv_list .description { padding-bottom: 0; }
    .tv_list ul li { width: 170px; float: left; }
    .tv_list a { color: #fff; }
.national ul { background: url(/css/cssimg/nacionalni.jpg) no-repeat; }
.kids ul { background: url(/css/cssimg/djecji.jpg) no-repeat; }
.documentary ul { background: url(/css/cssimg/dokumentarni.jpg) no-repeat; }
.entertainment ul { background: url(/css/cssimg/filmski.jpg) no-repeat; }
.movies ul { background: url(/css/cssimg/filmski.jpg) no-repeat; }
.sports ul { background: url(/css/cssimg/sportski.jpg) no-repeat; }
.news ul { background: url(/css/cssimg/vijesti.jpg) no-repeat; }
.erotic ul { background: url(/css/cssimg/erotski.jpg) no-repeat; }
.music ul { background: url(/css/cssimg/glazbeni.jpg) no-repeat; }
.regional ul { background: url(/css/cssimg/regionalni.jpg) no-repeat; }
.tv_list .hbo span, .tv_list .hbocomedy span, .tv_list .hbodigital span, .tv_list .cinemax span, .tv_list .cinemax2 span, .tv_list .hboondemand span { background: url(/css/cssimg/paytv.png) no-repeat; padding-left: 20px; }
.tv_list .mediatraveltv { background: none; }
.paytv_explaination_wrap { margin: -28px 0 0 600px; padding-bottom: 14px; }
.paytv_explaination { background: url(/css/cssimg/paytv.png) 3px center no-repeat; padding-left: 20px; }
.pdf .description { padding: 0; }
.pdf ul { padding: 20px; }
    .pdf ul li a { background: url(/css/cssimg/pdf.png) no-repeat; padding: 8px 0 10px 40px; display: block; color: #fff; margin-bottom: 5px; }
    
.new_offer { margin-bottom: 30px; }
    .new_offer .description p { padding: 0; }
    .new_offer .description { padding: 0; }
    
    .new_offer .badge { position: absolute; top: -29px; left: -39px; z-index: 200; width: 124px; height: 106px; text-indent: -9999px; }
    .new_offer .badge span { display: block; position: absolute; top: 0; left: 0; background: url(/css/cssimg/akcija/badge_new.png) no-repeat; width: 124px; height: 106px; }
    
    .new_offer .description p.teaser { position: relative; }
    .has_js .new_offer .description p.teaser { height: 135px; overflow: hidden; }
    .new_offer .description p.teaser a { position: relative; display: block; text-indent: -9999px; width: 747px;  height: 135px; }
    .has_js .new_offer .description p.teaser a { position: absolute; top: 0; left: 0; z-index: 9; }
    
    .new_offer .description p.teaser .one { background: url(/css/cssimg/akcija/teaser_20100208.jpg) no-repeat; }
    .has_js .new_offer .description p.teaser .one { z-index: 30; }
    .new_offer .description p.teaser .two { background: url(/css/cssimg/akcija/teaser_HBO_20100903.jpg) no-repeat; }
    .has_js .new_offer .description p.teaser .one { z-index: 20; }
    
    .new_offer .knjaz { background: url(/css/cssimg/akcija/knjaz_small.png) no-repeat; display: block; width: 85px; height: 135px; position: absolute; right: 10px; top: -83px; }
    
    .offer_inner { margin-bottom: 0; }
    .offer_inner .description { padding-bottom: 10px; }
    .offer_inner .description h1 { text-indent: -9999px; background: url(/css/cssimg/akcija/teaser_20100208.jpg) no-repeat; padding: 0 0 117px 0; margin-bottom: 30px; }
    .offer_inner .description p, .offer_inner .description ul { padding: 0 0 10px 30px; margin-bottom: 1em; font-weight: bold; }
    .offer_inner .description ul { width: 60%; padding-left: 60px; }
    .offer_inner .description ul li { clear: both; }
    .offer_inner span { color: #ffb400; }
    .offer_inner .knjaz { background: url(/css/cssimg/akcija/knjaz_big.png) no-repeat; display: block; width: 236px; height: 460px; position: absolute; right: 0; top: auto; bottom: 0; }
    .offer_inner .map { background: url(/css/cssimg/akcija/karta_4.png) no-repeat; display: block; width: 300px; height: 300px; position: absolute; right: 10px; top: auto; bottom: 530px; }
    
    .offer_inner .special_description .last_child { color: #fff; width: 475px; }
    .offer_inner .special_description span { display: block; float: left; width: 120px; }
    
    
    
    .two .description h1 { text-indent: -9999px; background: url(/css/cssimg/akcija/teaser_HBO_new.jpg) no-repeat; padding: 0 0 117px 0; margin-bottom: 30px; }
    .two .first_child p, .two .first_child h2 { width: 450px; }
    .two h2 { background: none; color: #fff; padding: 0 0 10px 30px; }
    .two .first_child .hbo { background: url(/css/cssimg/akcija/hbo_cinemax_new.png) 500px -10px no-repeat; }
    .two .first_child .hbo_digital { background: url(/css/cssimg/akcija/hbo_od.png) 500px -10px no-repeat; }
    
    .two .watch_in h2 { font-size: 2.5em; font-weight: bold; padding-bottom: 30px; }
    .two .watch_in ul { width: 100%; padding-left: 30px; }
    .two .watch_in ul li { clear: none; float: left; width: 340px; margin: 0 23px 15px 0; }
        .two .watch_in ul li h3 { background: none; padding: 0; margin: 0 0 10px 0; font-size: 15px; }
        .two .watch_in ul .last_child { margin: 0 0 15px 0; }
        .two .watch_in ul img { display: block; border: #414042 1px solid; float: left; margin-right: 20px; }
        .two .watch_in ul li .channel { padding: 0; margin: 0; }
        .two .watch_in ul li .copy { font-size: 10px; margin: 0; padding: 0; }
    
    .two a { color: #fff; }
.self_install { margin-bottom: 20px; }
.self_install .description { padding: 10px 20px; }
.self_install .description p, .self_install .description table { padding: 10px 0; }
.self_install .description ul { padding: 0; margin-left: 15px; }
.self_install table { width: 100%; border: #515151 1px solid; }
    .self_install table th, .self_install table td { text-align: left; width: 200px; padding: 10px; border-bottom: #515151 1px solid; border-right: #515151 1px solid; }
.self_install span, .self_install table th { color: #ffb400; }
.news h2 { background: none; margin: 0 0 0 35px; }
#key_visual { background: url(/css/cssimg/key_visual/knjaz_20100903.png) no-repeat; position: relative; margin-top: 40px; min-height: 592px; height: auto !important; height: 592px; }
    #key_visual .action { text-indent: -9999px; position: absolute; bottom: 25px; left: 235px; display: block; width: 120px; height: 100px; }
    #key_visual .action_lead_1 { text-indent: -9999px; position: absolute; top: 90px; left: 490px; display: block; width: 256px; height: 42px; }
    #key_visual .action_lead_2 { text-indent: -9999px; position: absolute; top: 176px; left: 490px; display: block; width: 256px; height: 57px; }
    
    #key_visual #video_container { background: url(/css/cssimg/key_visual/video_bg_new.png) no-repeat; width: 796px; height: 221px; position: relative; top: 240px; left: -16px; }
        #key_visual #video_container .video_1_container { position: absolute; top: 34px; left: 37px; width: 261px; height: 148px; }
        #key_visual #video_container .video_2_container { position: absolute; top: 34px; left: 501px; width: 261px; height: 148px; }
    
    #key_visual .optitv_nav { position: absolute; bottom: 40px; left: 20px; }
        #key_visual .optitv_nav a { color: #fff; text-decoration: none; font-size: 1.1em; }
        #key_visual .optitv_nav li { margin-bottom: 5px; }
    #key_visual .optima_nav { position: absolute; bottom: 0; right: 0; }
        #key_visual .optima_nav li { float: left; text-align: center; margin-right: 20px; }
        #key_visual .optima_nav li a { color: #fff; text-decoration: none; display: block; font-size: 1.4em; }
        #key_visual .optima_nav .tel a { background: url(/css/cssimg/key_visual/tel.png) 0 10px no-repeat; padding: 70px 10px 20px 12px; }
        #key_visual .optima_nav .dsl a { background: url(/css/cssimg/key_visual/dsl.png) no-repeat; padding: 70px 17px 20px 36px; }
        #key_visual .optima_nav .dsl { margin-right: 0; }
h1, h2 { font-family: Trebuchet MS, sans-serif; font-size: 1.6em; color: #b4b4b4; background: url(/css/cssimg/layout/border_horizontal.png) repeat-x; margin-bottom: 7px; font-weight: normal; clear: both; }
    h1 span, h2 span { display: block; padding: 7px 0; background: url(/css/cssimg/layout/border_horizontal.png) bottom repeat-x; }
.notice { color: #ffb400; clear: both; font-size: 1.1em; padding: 20px 0 30px 0; }
    .notice a { color: #ffb400; }
#body_info_dodatni-programi .notice { clear: both; font-size: 1.1em; padding: 20px 0 0 0; }
#sign_up { color: #000; padding: 10px 0; width: 748px; background: #fff url(/images/colorbox/sign_up_bg.jpg) no-repeat; }
#cboxWrapper #sign_up { position: relative; top: 32px; }
    #sign_up.overlay p { float: none; color: #000; padding: 30px; }
    #sign_up form { padding-bottom: 30px; }
    #sign_up legend { padding: 10px 0; color: #000; text-transform: uppercase; font-size: 1.1em; font-weight: bold; }
    #sign_up fieldset { padding: 5px 10px; border-bottom: #999 1px solid; }
    #sign_up input { background: #fff; border: #7d7d7d 1px solid; width: 200px; margin-right: 10px; padding: 3px; }
    #sign_up select { background: #fff; border: #7d7d7d 1px solid; padding: 2px; margin-right: 10px; }
    #sign_up label { padding: 7px 5px 5px 5px; display: block; font-weight: bold; }
    #sign_up button { background: #000; color: #fff; float: right; padding: 0 3px; border: none; font-size: 1em; margin-top: 15px; cursor: pointer; }
    #sign_up p { float: left; padding: 10px 0; }
    #sign_up span { display: block; width: 200px; padding: 10px; }
    #sign_up div { clear: both; }
    #sign_up #street_number { width: 20px; }
    #sign_up #zip_code, #sign_up #city, #sign_up #tel { width: 100px; }
#sign_up .status legend { text-transform: none; font-size: 2em; line-height: 1.8em; }
    #sign_up .error  { color: #ff0000; }
    #sign_up .error input { border: #ff0000 1px solid; }
    #sign_up .error span { display: block; width: 100px; padding: 10px 0 0 0; }
    #sign_up .fail  { color: #ff0000; }
    #sign_up .success  { color: #00cc00; }
    
.error_page ul, .xlarge.error_page .description p { padding: 10px; }
    .error_page ul { margin-left: 15px; list-style-type: disc; }
    .error_page ul li { margin-bottom: .5em; }
    .xlarge.error_page .description { padding: 10px; }
    .error_page a { color: #fff; }
    
    
.fblikebox { margin: 30px 0 30px 0; }
.fblikebox iframe { background: #fff; border: none; overflow: hidden; width: 748px; height: 180px; }
.fblikebox .description { padding: 0; }
#footer { clear: both; color: #fff; font-size: 1.1em; text-align: center; background: url(/css/cssimg/layout/footer.png) no-repeat; padding-top: 20px; margin-top: 20px; }
#body_naslovnica_view #footer { margin-top: 0; }
    #footer ul li { display: inline; }
    #footer ul li a { color: #fff; text-decoration: none; font-weight: normal; margin-right: 20px; }
    #footer p { width: 250px; margin: 0 auto; padding: 10px 0; }
    
    #footer .optima_web { padding-top: 0; }
        #footer .optima_web a { text-decoration: none; color: #fff; }
        
    #footer .facebook { padding-top: 0; }
    #footer .facebook a { display: block; background: url(/images/content/facebook.png) 55px center no-repeat; color: #fff; text-decoration: none; padding: 3px 0 3px 25px; }
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:visible;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{ background: url(/css/cssimg/layout/opacity_black.png) 0 0 repeat; }
#cboxWrapper{  position: relative; top: 11px; zoom: 1; }
#cboxWrapper .inner { padding-bottom: 44px; }
#cboxWrapper .description { padding-top: 55px; }
    
    
    
		
                #cboxTitle{ position:absolute; top: 11px; left: 11px; text-align: left; color:#fff; background: url(/images/colorbox/title_signup_bg.gif) no-repeat; padding: 11px 10px 10px 10px; width: 728px; font-weight: bold; font-size: 1.1em; }
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                
                #cboxPrevious{position:absolute; bottom:0; left:0px;  width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-25px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px;  width:25px; height:25px; text-indent:-9999px;}
                
                #cboxNext.hover{background-position:0px -25px;}
		#cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; top: 11px; right: 19px; background:url(/images/colorbox/close_button.gif) no-repeat; width:24px; height:23px; text-indent:-9999px;}