/**
03/TYPOGRAPHY
=====================================================================**/
/** FONT FAMILY **/
body, input, textarea, button { font-family: Arial, Helvetica, sans-serif; }
#breaking, .d3_mod_vijesti .d3_hd .d3_title, .d3_mod_sport .d3_hd .d3_title, .d3_mod_showbizz .d3_hd .d3_title { font-family: "Arial Black", Gadget, Arial, sans-serif; }


/** HEADINGS, PARAGRAPHS, LISTS.d3_.d3_.d3_ **/
/* font sizes and styles */
h1, .d3_h1, h2, .d3_h2, h3, .d3_h3, h4, .d3_h4, h5, .d3_h5, h6, .d3_h6 { font-weight: bold; }
h1, .d3_h1 { font-size: 26px; line-height: 26px; font-weight: bold; letter-spacing: -1px; }
h2, .d3_h2 { font-size: 20px; line-height: 20px; letter-spacing: -1px; }
h3, .d3_h3 { font-size: 16px; line-height: 16px; letter-spacing: 0; }
h4, .d3_h4 { font-size: 14px; line-height: 16px; letter-spacing: 0; }
h5, .d3_h5 { font-size: 13px; line-height: 16px; letter-spacing: 0; }
h6, .d3_h6 { font-size: 12px; line-height: 15px; letter-spacing: 0; }
p, ul, ol, dl, table, .d3_p { font-size: 13px; line-height: 18px; letter-spacing: 0; }
dt     { font-weight: bold; }

    /* article */
    .d3_article h1, .d3_article .d3_h1 { font-size: 32px; line-height: 34px; }
	.d3_article_top:first-child img { padding-top: 30px; }
    .d3_article .d3_h2   { font-size: 20px; line-height: 20px; font-weight: normal; }
    .d3_article h2   { font-weight: normal; letter-spacing: 0; font-size: 18px; clear: both; }
    .d3_article h3, .d3_article .d3_h3   { font-size: 16px; line-height: 20px; }
    .d3_article p, .d3_article ul, .d3_article ol, .d3_article dl, .d3_article table   { font-size: 14px; line-height: 20px; }
    .d3_article dl   { display: block; margin: 20px 0; float: left; width: 100%; }
    .d3_article .d3_lead              { color: #203240; font-size: 16px; font-style: italic; font-weight: normal; }
    /*.d3_article .d3_quote, .d3_article .d3_quote p  { font-size: 16px; line-height: 22px; font-weight: bold; font-style: italic; padding-top: 5px !important; }*/
	.d3_article.d3_live p   { width: 395px; float: right; padding-left: 12px; border-left: 3px solid #ccc; margin-bottom: 24px; }
	.d3_article p iframe, .d3_article p embed { width: 480px !important; overflow: hidden; }
	.d3_article .d3_lead p { font-size: 16px; }

    .d3_article_content_media p, .d3_article_media .js_title    { font-size: 11px; line-height: 15px; }
    
    /* additional font sizes and line heights */
    .d3_fine { font-size: 12px !important; line-height: 15px !important; }
    .d3_xfine      { font-size: 11px !important; line-height: 15px !important; }
    sup, sub    { font-size: 10px !important; line-height: 10px !important; }

    /* misc elements */
    #breaking p { font-size: 14px; line-height: 33px; }
        
/*** default spacing ***/
h1, .d3_h1, h2, .d3_h2, h3, .d3_h3, h4, .d3_h4, h5, .d3_h5, h6, .d3_h6, p, ul, ol, dl, blockquote { padding-top: 10px; padding-bottom: 10px; }
    .d3_article h2, .d3_article .d3_h2, .d3_article h3, .d3_article .d3_h3, .d3_article h4, .d3_article .d3_h4, .d3_article h5, .d3_article .d3_h5, .d3_article h6, .d3_article .d3_h6 { padding-top: 10px; padding-bottom: 10px; } 
    p + p { padding-top: 0; }
        
        /* article */
        .d3_article h1, .d3_article .d3_h1   	{ padding-top: 30px; padding-bottom: 10px; }
        .d3_article .d3_lead              		{ padding-top: 0; }
        .d3_article_content_media p, .d3_article_media .js_title    { padding: 6px; }

        /* misc elements */
        #breaking p                 { padding-top: 0; padding-bottom: 0; }

        /* mod */ /* ako imamo u mod-u vijest s tekstom */
        .d3_mod p { padding-bottom: 0; }

        

        /* title */
    
        /* subtitle */
        .d3_subtitle { display: block; font-size: 11px !important; line-height: 13px !important; padding-bottom: 2px; font-weight: normal !important; text-transform: uppercase; letter-spacing: 0 !important; }
            .d3_media_t_invert .d3_subtitle { font-size: 12px !important; line-height: 20px !important; font-weight: bold !important; }
            

/* headings - glevin */
.d3_hd_homepage { width: 100px; height: 50px; }
    .d3_hd_homepage span { background-image: url(/css//static/hr/main/img/d3/hd/hd_homepage.png); }


/** COLORS **/
body            { color: #222; }
h1, .d3_h1, h2, .d3_h2, h3, .d3_h3, h4, .d3_h4, h5, .d3_h5, h6, .d3_h6 { color: #111; }

    /* invert */
    .d3_invert h1, .d3_invert .d3_h1, .d3_invert h2, .d3_invert .d3_h2, .d3_invert h3, .d3_invert .d3_h3, .d3_invert h4, .d3_invert .d3_h4, .d3_invert h5, .d3_invert .d3_h5, .d3_invert h6, .d3_invert .d3_h6,
    .d3_invert p, .d3_invert ul, .d3_invert ol, .d3_invert dl, .d3_invert table,
    .d3_mod_video p
    { color: #fff; }

.d3_clr_b           { color: #000; }
.d3_clr_w,
    .d3_article_content_media, .d3_article_media .js_title
                    { color: #fff; }
.d3_clr_error       { color: #f00 !important; }

.d3_clr_def         { color: #222; }
.d3_clr_meta        { color: #777; }
.d3_clr_note        { color: #aaa; }
.d3_clr_dist,
    .d3_article .d3_quote
                    { color: #00335b; }
.d3_clr_nova, .d3_clr_hot
                    { color: #c80a1e; }
.d3_clr_sun         { color: #fdcd00; }
.d3_clr_cool        { color: #3e6b8f; }

    .d3_txt_shadow { text-shadow: 1px 1px 2px rgba(0,0,0,0.5); }

/** LINKS **/
a { color: #00335b; text-decoration: none; }
a:hover, a:active, a:focus { color: #c80a1e; text-decoration: none; }
a:active { outline: none; }
a[rel="external"] { padding-right: 16px; background: transparent url(/static/hr/main/img/d3/icons/icon_external_link.png) 100% 0 no-repeat; }
    
    .d3_article a { text-decoration: underline; color: #c80a1e; }
    /*.d3_article a:visited { color: #a70a15; }*/
    .d3_article h1 a, .d3_article h2 a, .d3_article h3 a, .d3_article h4 a, .d3_article h5 a, .d3_article h6 a, .d3_article .d3_box a { text-decoration: none; }
        .d3_article a:hover, .d3_article a:active, .d3_article a:focus { color: #00335b; }

    ::-moz-selection{ background: #666; color: #fff; text-shadow: none !important; }
    ::selection { background: #666; color: #fff; text-shadow: none !important; } 
    a:link { -webkit-tap-highlight-color: #faf2ce; } 
    
a.d3_clr_b, .d3_featured_content .d3_title a, .d3_media_t_4 .d3_title a, #breaking a { color: #000; }
    a.d3_clr_b:hover, a.d3_clr_b:active, a.d3_clr_b:focus,
    .d3_media_t_4 .d3_title a:hover, .d3_media_t_4 .d3_title a:active, .d3_media_t_4 .d3_title a:focus
    { color: #a70a15; }

    .d3_featured_content .d3_title a:hover, .d3_featured_content .d3_title a:active, .d3_featured_content .d3_title a:focus,
    #breaking a:hover, #breaking a:active, #breaking a:focus 
    { color: #c80a1e; }

a.d3_clr_w a, .d3_invert a, .d3_mod_inner_ext .d3_hd a, .d3_mod_video .d3_hd a, .d3_mod_video .d3_title a, .d3_media_t_invert .d3_title a, body .d3_media_t_12 .d3_title a .d3_subtitle
    { color: #fff; }
    
    a.d3_clr_w:hover, a.d3_clr_w:active, a.d3_clr_w:focus,
    .d3_invert a:hover, .d3_invert a:active, .d3_invert a:focus
    { color: #c80a1e; }
    .d3_mod_inner_ext .d3_hd a:hover, .d3_mod_inner_ext .d3_hd a:active, .d3_mod_inner_ext .d3_hd a:focus
    { color: #fff4c6; }
    .d3_mod_video .d3_hd a:hover, .d3_mod_video .d3_hd a:active, .d3_mod_video .d3_hd a:focus,
    .d3_mod_video .d3_title a:hover, .d3_mod_video .d3_title a:active, .d3_mod_video .d3_title a:focus,
    .d3_media_t_invert .d3_title a:hover, .d3_media_t_invert .d3_title a:active, .d3_media_t_invert .d3_title a:focus,
    body .d3_media_t_12 .d3_title a:hover .d3_subtitle, body .d3_media_t_12 .d3_title a:active .d3_subtitle, body .d3_media_t_12 .d3_title a:focus .d3_subtitle
    { color: #fdcd00; }

a.d3_clr_def, .d3_clr_def_a a, .d3_mod_outer .d3_title a { color: #333; }
    a.d3_clr_def:hover, a.d3_clr_def:active, a.d3_clr_def:focus,
    .d3_clr_def_a a:hover, .d3_clr_def_a a:active, .d3_clr_def_a a:focus,
    .d3_mod_outer .d3_title a:hover, .d3_mod_outer .d3_title a:active, .d3_mod_outer .d3_title a:focus
    { color: #c80a1e; }

a.d3_clr_meta, .d3_clr_meta_a a, .d3_title a .d3_subtitle { color: #777; }
    a.d3_clr_meta:hover, a.d3_clr_meta:active, a.d3_clr_meta:focus,
    .d3_clr_meta_a a:hover, .d3_clr_meta_a a:active, .d3_clr_meta_a a:focus,
    .d3_title a:hover .d3_subtitle, .d3_title a:active .d3_subtitle, .d3_title a:focus .d3_subtitle
    { color: #000; }

a.d3_clr_dist { color: #00335b; }
    a.d3_clr_dist:hover, a.d3_clr_dist:active, a.d3_clr_dist:focus
    { color: #c80a1e; }

a.d3_clr_nova { color: #c80a1e; }
    a.d3_clr_nova:hover, a.d3_clr_nova:active, a.d3_clr_nova:focus
    { color: #000; }

a.d3_clr_sun, .d3_media_t_invert .d3_title a .d3_subtitle, .d3_media_t_12 .d3_title a { color: #fdcd00; }
    a.d3_clr_sun:hover, a.d3_clr_sun:active, a.d3_clr_sun:focus
    { color: #fff; }

    .d3_media_t_invert .d3_title a:hover .d3_subtitle, .d3_media_t_invert .d3_title a:active .d3_subtitle, .d3_media_t_invert .d3_title a:focus .d3_subtitle
    { color: #fff4c6; }

    .d3_media_t_12 .d3_title a:hover, .d3_media_t_12 .d3_title a:active, .d3_media_t_12 .d3_title a:focus { color: #c80a1e; }


/** BUTTONS **/
button, .d3_btn { 
    padding: 6px 12px; vertical-align: middle; font-size: 11px !important; height: 26px; font-weight: bold; line-height: 14px; text-decoration: none !important; cursor: pointer;
    color: #fff; background: #00335b url(/static/hr/main/img/d3/bg/bg_btn.png) 0 100% repeat-x; text-transform: uppercase; text-shadow: 0px -1px 0 #002542;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: none;  }
button { padding: 6px 9px 7px; width: auto; overflow: visible; border: 0px; }
    .d3_ie8 .d3_btn, .d3_ie7 .d3_btn, .d3_ie6 .d3_btn, .d3_ie8 button, .d3_ie7 button, .d3_ie6 button { height: auto; line-height: 20px; }
    .d3_ie8 button { padding: 3px 11px; }
    .d3_ie7 button { padding: 2px 11px 1px; }
	.d3_ie7 a.d3_btn, .d3_ie7 span.d3_btn { line-height: 14px; display: inline-block; }
    .d3_ie6 button { padding: 1px 11px; }
button:hover, button:active, button:focus, .d3_btn:hover, .d3_btn:active, .d3_btn:focus { background-color: #222; color: #fff; text-shadow: 0px 1px 0 #000; }

    button[disabled] { background: #999; cursor: default; text-shadow: 0 -1px 0 #999; }
    .d3_btn_action     { background: #79c5e8; } /* extends .d3_btn */
    .d3_btn_cancel     { background: #990000; color: #fff; } /* extends .d3_btn */
    
    /* pagination */
    .d3_btn_pag        { background: #fff; border: 1px solid #dbdada; color: #333; padding: 4px 7px; text-transform: none; font-weight: normal; text-shadow: 0px 1px 0 #fff; } /* extends .d3_btn */
        .d3_btn_pag_current    { background-color: #00335b; border-color: #00335b; color: #fff; font-weight: bold !important; text-shadow: none; } /* extends .d3_btn_pag */
        .d3_btn_pag:hover, .d3_btn_pag:active, .d3_btn_pag:focus { border-color: #000; }

    /* inline search button */
    .d3_button_inline { padding: 4px 9px 5px; height: 23px; text-transform: none; position: absolute; right: 8px; top: 2px; }
        .d3_ie8 button.d3_button_inline, .d3_ie7 button.d3_button_inline, .d3_ie6 button.d3_button_inline { height: auto; padding: 2px 11px 1px; }

    /* login buttons */
    .d3_btn_login      { text-transform: none; padding: 3px 6px 4px; } /* extends .d3_btn */
        .d3_ie8 .d3_btn_login, .d3_ie7 .d3_btn_login, .d3_ie6 .d3_btn_login { line-height: 14px; padding-bottom: 2px; } 
        .d3_btn_login .d3_icon        { display: inline-block; padding-left: 20px; background-image: url(/static/hr/main/img/d3/icons/icon_social_network.png); background-repeat: no-repeat; } /* extends .d3_btn */
        
        .d3_btn_login_facebook     { background-color: #496fbe; }
            .d3_btn_login_facebook .d3_icon   { background-position: -4px -53px; }
            .d3_btn_login_facebook:hover, .d3_btn_login_facebook:active, .d3_btn_login_facebook:focus    { background-color: #3c5c9f; }
        
        .d3_btn_login_dnevnik      { background-color: #c80a1e; }
            .d3_btn_login_dnevnik .d3_icon    { background-position: -4px -13px; }
            .d3_btn_login_dnevnik:hover, .d3_btn_login_dnevnik:active, .d3_btn_login_dnevnik:focus       { background-color: #a70a15; }
        


/**
04/CONTENT
=====================================================================**/
/** LISTS **/
li { list-style-image: none; list-style-position: outside; list-style-type: none; }
    ul.d3_data li, ol.d3_data li { margin-left: 25px; }
    .d3_article li { margin-left: 30px; }
    ul.d3_data li, ol.d3_data li ul li, .d3_article ul li, .d3_article ol li ul li { list-style-type: circle; }
    ol.d3_data li, ul.d3_data li ol li, .d3_article ol li, .d3_article ul li ol li { list-style-type: decimal; }

    /** flat **/
    .d3_flat { overflow: hidden; zoom:1; }
        .d3_flat li { float: left; display: inline; padding-right: 12px; margin-left: 0; }

        .d3_flat_ext {  } /* extends .d3_flat */
            .d3_flat_ext li { border-right: 1px solid #dbdada; padding-right: 5px; margin-right: 6px; margin-bottom: 3px; }

    /** opposable **/
    .d3_opposable { overflow: hidden; }
        .d3_opposable .d3_left, .d3_opposable .d3_right { width: 48%; }
        .d3_opposable .d3_left  { display: inline; }
        .d3_opposable .d3_right { display: inline; text-align: right; }


    /** listings **/

    /* no image */
    .d3_media                      { font-size: 12px; line-height: 18px; }
        .d3_media .d3_bd              {  }
        .d3_media .d3_title           { font-weight: bold; }
        .d3_media .d3_bg_dotted       { padding-bottom: 7px; margin-bottom: 5px; }
        
        /* extends .d3_media  */
        .d3_media_2                { font-size: 12px; line-height: 15px; } /* because we have inline title elements */
            .d3_media_2 .d3_bd        {  }
            .d3_media_2 .d3_title     { font-weight: normal; }
            .d3_media_2 .d3_bg_dotted {  }
                

    /* image left */
    .d3_media_l                    { padding-top: 12px; padding-bottom: 12px; float: left; }
        .d3_media_l .d3_bd            { position: relative; word-wrap: break-word; zoom:1; }
        .d3_media_l .d3_title         { padding-top: 0; font-weight: bold; }
        .d3_media_l .d3_lead          { padding-top: 0; padding-bottom: 0; }
        .d3_media_l .d3_img, .d3_media_l .img           { position: absolute; left: 0; top: 0; }


        /* extends .d3_media_l */
        .d3_media_l_1              {  } 
            .d3_media_l_1 .d3_bd      { padding-left: 94px; min-height: 55px; }
            .d3_media_l_1 .d3_title   { font-size: 12px; line-height: 15px; padding-top: 9px; }
            .d3_media_l_1 .d3_bg_dotted   { padding-bottom: 7px; margin-bottom: 5px; }
        .d3_media_l_1-5            {  }
            .d3_media_l_1-5 .d3_bd    { padding-left: 129px; min-height: 78px; }
            .d3_media_l_1-5 .d3_title { font-size: 14px; line-height: 16px; padding-top: 6px; }
            .d3_top_content .d3_media_l_1-5                 { padding-top: 11px; padding-bottom: 9px; margin-bottom: -15px; }
            .d3_top_content .d3_media_l_1-5 .d3_title       { font-size: 12px; line-height: 14px; padding-top: 9px; padding-bottom: 0; }
            .d3_media_l_1-5 .d3_bg_dotted     { padding-bottom: 7px; margin-bottom: 5px; }
        .d3_media_l_2              {  } 
            .d3_media_l_2 .d3_bd      { padding-left: 164px; min-height: 101px; }
            .d3_media_l_2 .d3_title   { font-size: 16px; line-height: 18px; padding-top: 6px; }
            .d3_media_l_2 .d3_lead    { padding-top: 0; }
            .d3_media_l_2 .d3_bg_dotted       { padding-bottom: 7px; margin-bottom: 5px; }
        .d3_media_l_3              {  } 
            .d3_media_l_3 .d3_bd      { padding-left: 246px; min-height: 156px; }
            .d3_media_l_3 .d3_title   { font-size: 22px; line-height: 22px; letter-spacing: -.03em; }
        .d3_media_l_4              {  } 
            .d3_media_l_4 .d3_bd      { padding-left: 328px; min-height: 211px; }
            .d3_media_l_4 .d3_title   { font-size: 24px; line-height: 24px; letter-spacing: -.04em; }
        .d3_media_l_5              {  } 
            .d3_media_l_5 .d3_bd      { padding-left: 410px; min-height: 265px; }
            .d3_media_l_5 .d3_title   { font-size: 26px; line-height: 26px; letter-spacing: -.05em; }
        .d3_media_l_6              {  } 
            .d3_media_l_6 .d3_bd      { padding-left: 492px; min-height: 320px; }
            .d3_media_l_6 .d3_title   { font-size: 30px; line-height: 30px; letter-spacing: -.06em; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }

            /* extends media_l_X - most read, most commented.d3_.d3_.d3_ */
            .d3_media_l_most       { padding-bottom: 24px; }
            .d3_media_l_most .d3_title    { padding-bottom: 0; }

    /* image top */
    .d3_media_t                    { padding-top: 12px; padding-bottom: 12px; float: left; }
        .d3_media_t .d3_bd            { position: relative; word-wrap: break-word; zoom:1; }
        .d3_media_t .d3_title         { padding-top: 0; padding-bottom: 0; }
        .d3_media_t .d3_lead          { padding-bottom: 0; }
        .d3_media_t .d3_img, .d3_media_t .img        { display: block; padding-bottom: 12px; }
			.d3_ie7 .d3_media_t_flat, .d3_ie7 .d3_media_t_flat li { zoom: 1; float: none; vertical-align: top; }
			
        .d3_media_t_2              {  } 
            .d3_media_t_2 .d3_title   { font-size: 13px; line-height: 15px; } /* .d3_mod_inner */
            .d3_mod_outer .d3_media_t_2 .d3_title   { font-size: 12px; line-height: 15px; } /* .d3_mod_outer */
            .d3_media_t_2 .d3_img, .d3_media_t_2 .img   { padding-bottom: 6px; }
				.d3_navibox .d3_navi_newsitems .d3_media_t_2 .d3_img  { width: 152px; height: 101px; }
            .d3_mod_video .d3_media_t_2 .d3_bd { padding-bottom: 12px; }
            .d3_mod_video .d3_media_t_2 .d3_title { font-size: 12px; line-height: 15px; }

        .d3_media_t_3              {  } 
            .d3_media_t_3 .d3_title   { font-size: 20px; line-height: 20px; letter-spacing: -.02em; }
        .d3_media_t_4              {  } 
            .d3_media_t_4 .d3_title   { font-size: 24px; line-height: 24px; letter-spacing: -.03em; }
			.d3_mod_video .d3_media_t_4 .d3_title, .d3_mod_exclusive .d3_media_t_4 .d3_title { font-size: 16px; line-height: 18px; letter-spacing: 0em; }
        .d3_media_t_5              {  } 
            .d3_media_t_5 .d3_title   { font-size: 26px; line-height: 26px; letter-spacing: -.04em; }
        .d3_media_t_6              {  } 
            .d3_media_t_6 .d3_title   { font-size: 28px; line-height: 28px; letter-spacing: -.04em; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }
            .d3_media_t_6 .d3_subtitle    { line-height: 20px }
        .d3_media_t_8              {  } 
            .d3_media_t_8 .d3_title   { font-size: 30px; line-height: 30px; letter-spacing: -.03em; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }
            .d3_media_t_8 .d3_subtitle    { line-height: 20px }
        .d3_media_t_12             { padding-top: 6px; margin-top: 6px; } 
            .d3_media_t_12 .d3_title  { font-size: 44px; line-height: 40px; letter-spacing: -.04em; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }
            .d3_media_t_12 .d3_lead   { font-size: 16px; line-height: 20px; font-weight: bold; letter-spacing: -.01em; padding-top: 6px; padding-bottom: 0; }
            .d3_media_t_12 .d3_subtitle   { line-height: 28px } /* tmp for showcase nr.d3_ 3 */

        /* inverted news */
        .d3_media_t_invert .d3_img, .d3_media_t_invert .img    { padding-bottom: 0; }
            .d3_title_invert       { width: 100%; position: absolute; left: 0; bottom: 9px; background: url(/static/hr/main/img/d3/bg/bg_title_invert.png) repeat; padding: 12px 0; }
                .d3_title_invert .d3_title span   { padding-left: 12px; padding-right: 12px; display: block; }
                    
        .d3_media_t_2              {  }
            .d3_media_t_2 .d3_title_invert        { bottom: 3px; padding: 6px 0; }
                .d3_media_t_2 .d3_title_invert .d3_title         { font-size: 12px; line-height: 15px; letter-spacing: 0; }
                .d3_media_t_2 .d3_title_invert .d3_title span    { padding-left: 6px; padding-right: 6px; }
        
        .d3_media_t_4              {  }
            .d3_media_t_4 .d3_title_invert        { bottom: 6px; padding: 9px 0; }
                .d3_media_t_4 .d3_title_invert .d3_title         { font-size: 16px; line-height: 18px; letter-spacing: 0; }
                .d3_media_t_4 .d3_title_invert .d3_title span    { padding-left: 6px; padding-right: 6px; }


        /* related media box */
        .d3_media_related          { background: #f7f7f7 url(/static/hr/main/img/d3/bg/bg_media_related.gif) 0 0 no-repeat; }    
            .d3_media_related .d3_media_t { padding-bottom: 0; }

    /* avatar left - comment listing */
    .d3_avatar_l                   { padding-top: 12px; padding-bottom: 12px; float: left; }
        .d3_avatar_l .d3_bd           { position: relative; word-wrap: break-word; zoom:1; }
        .d3_avatar_l .d3_img, .d3_avatar_l .img           { position: absolute; left: 0; top: 0; }

        /* extends .d3_avatar_l (blogs) */
        .d3_avatar_l_blogs                 {  } 
            .d3_avatar_l_blogs .d3_bd         { padding-left: 82px; min-height: 70px; }
            .d3_avatar_l_blogs .d3_title      { font-size: 16px; line-height: 18px; padding-top: 6px; }
            .d3_avatar_l_blogs .d3_bg_dotted  { padding-bottom: 1px; margin-bottom: 8px; }

        /* extends .d3_avatar_l (comments) */
        .d3_avatar_l_comments                  { padding-top: 24px; padding-bottom: 24px; }
            .d3_avatar_l_comments .d3_bd          { padding-left: 164px; min-height: 50px; }
            .d3_avatar_l_comments .d3_author      { width: 92px; position: absolute; left: 62px; top: 0; font-size: 11px; line-height: 16px; font-weight: bold; padding-top: 0; padding-bottom: 0; }
            .d3_avatar_l_comments .d3_comment     { font-size: 12px; line-height: 16px; padding-top: 0; padding-bottom: 0; padding-right: 40px; }
            .d3_avatar_l_comments .d3_img, .d3_avatar_l_comments .img         { left: -62px; }
            .d3_avatar_l_comments .d3_voting      { position: absolute; top: 0; right: 0; }
                .d3_avatar_l_comments .d3_voting .d3_flat    { height: 15px; }
            .d3_avatar_l_comments .d3_bg_dotted   { padding-bottom: 25px; margin-bottom: 23px; }


    /** navigation **/
    .d3_nav { overflow: visible; }
        .d3_nav li { padding: 0; }
            
        /** nav primary **/
        #nav_primary { height: 39px; padding-top: 0; padding-bottom: 0; margin-left: -2px; }    
        
            /* first level */
            .d3_nav a.d3_nav_1, .d3_nav .d3_really_current a.d3_nav_1:hover { color: #fff; text-shadow: 0px -1px 0 #82020f; float: left; display: block; height: 39px; line-height: 39px; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0 5px 0 2px; }
                .d3_nav a.d3_nav_1:hover, .d3_nav .d3_really_current a.d3_nav_1:hover, .d3_nav a.d3_nav_1:active, .d3_nav a.d3_nav_1:focus, .d3_nav li:hover a.d3_nav_1 { text-shadow: 0px 1px 0 #111; background: url(/static/hr/main/img/d3/bg/bg_nav_primary_1_l.png) 0 0 no-repeat; }
                
                .d3_nav .d3_t_r { display: block; float: left; height: 39px; line-height: 39px; padding: 0 12px 0 9px; cursor: pointer; position: relative; right: -3px; }
                    .d3_nav a:hover .d3_t_r, .d3_nav a:active .d3_t_r, .d3_nav a:focus .d3_t_r, .d3_nav li:hover a.d3_nav_1 .d3_t_r    { background: url(/static/hr/main/img/d3/bg/bg_nav_primary_1_r.png) 100% 0 no-repeat; }

            .d3_nav a.d3_nav_1 .d3_icon { width: 15px; height: 39px; display: block; float: right; background: url(/static/hr/main/img/d3/icons/icon_nav_primary.png) 100% -4px no-repeat; }
                .d3_nav a.d3_nav_1:hover .d3_icon, .d3_nav .d3_really_current a.d3_nav_1:hover .d3_icon, .d3_nav a.d3_nav_1:active .d3_icon, .d3_nav a.d3_nav_1:focus .d3_icon, .d3_nav li:hover .d3_icon { background-position: 100% -44px !important; }
                .d3_nav .d3_current a.d3_nav_1 .d3_icon, .d3_nav .d3_really_current a.d3_nav_1 .d3_icon { background-position: 100% -83px !important; }

                    /* selected item */
                    body .d3_nav .d3_current a.d3_nav_1, body .d3_nav .d3_really_current a.d3_nav_1 { color: #000; text-shadow: 0px 1px 0 #fff; background: url(/static/hr/main/img/d3/bg/bg_nav_primary_1_l.png) 0 -39px no-repeat; margin-top: 1px; }
                        body .d3_nav .d3_current a.d3_nav_1 .d3_t_r, body .d3_nav .d3_really_current a.d3_nav_1 .d3_t_r { background: url(/static/hr/main/img/d3/bg/bg_nav_primary_1_r.png) 100% -39px no-repeat; }
						body .d3_nav .d3_really_current a.d3_nav_1:hover .d3_t_r { background-position: 100% 0; }

            /* second level */
            /* hover */
            .d3_nav ul { display: none; position: absolute; width: 170px; z-index: 100; top: 36px; margin-left: 3px; padding-top: 4px; padding-bottom: 4px; background: #222; font-size: 11px; font-weight: bold; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5); box-shadow: 0 1px 2px rgba(0,0,0,0.5); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
			.d3_nav .d3_navibox ul { left: -7px; width: 996px; min-height: 200px; font-size: 13px; }
				.d3_nav .d3_navibox ul li { clear: both; }
				.d3_nav .d3_navibox.d3_current ul li { clear: none; }
				.d3_navi_newsitems { position: absolute; left: 164px; display: none; }
				.d3_current .d3_navi_newsitems { display: none !important; }
				.d3_mainpage_link .d3_navi_newsitems { left: 0; }
				.d3_navi_newsitems	.d3_navi_newsitems_loader { position: absolute; left: 342px; top: 116px; z-index: 101; }
					.d3_mainpage_link .d3_navi_newsitems	.d3_navi_newsitems_loader { left: 506px; }
				.d3_nav .d3_navibox .d3_navi_newsitems ul { display: block; width: 826px; background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: none; }
				.d3_nav .d3_navibox.d3_mainpage_link .d3_navi_newsitems ul { width: 996px; }
					.d3_nav .d3_navibox .d3_navi_newsitems ul li { float: left; clear: none; margin-left: 3px; max-height: 185px; overflow: hidden; }
                .d3_nav ul li { width: 170px; text-transform: none; }
					.d3_nav .d3_navi_newsitems ul li { width: 162px; }
                    .d3_nav ul li a { height: auto; line-height: 16px; display: block; float: none; color: #fff; text-shadow: 0px 1px 0 #000; padding: 3px 6px; margin: 2px 6px; background: url(/static/hr/main/img/d3/brd/brd_dotted_alt.gif) 0 100% repeat-x; }
                    .d3_nav .d3_navi_newsitems ul li a { height: auto; line-height: 16px; display: block; float: none; color: #fff; text-shadow: 0px 1px 0 #000; padding: 6px; margin: 2px 0; background: none; }
                        .d3_nav ul li a:hover, .d3_nav ul li a:active, .d3_nav ul li a:focus { background-color: #494949; background-image: none; -moz-box-shadow: 0 1px 0px #111; -webkit-box-shadow: 0 1px 0px #111; box-shadow: 0 1px 0px #111; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
                        .d3_nav .d3_navi_newsitems ul li a:hover, .d3_nav .d3_navi_newsitems ul li a:active, .d3_nav .d3_navi_newsitems ul li a:focus { min-height: 178px; }
                        .d3_nav .d3_navi_newsitems ul li .d3_icon_media a:hover, .d3_nav .d3_navi_newsitems ul li .d3_icon_media a:active, .d3_nav .d3_navi_newsitems ul li .d3_icon_media a:focus { min-height: auto; }
                        .d3_nav ul li:last-child a { background-image: none; }

                .d3_nav li:hover ul, .d3_nav li:hover .d3_navi_newsitems { display: block; }
				
			/* special category */
			.d3_nav_special { position: relative; }
			.d3_nav_special a { position: absolute; display: block; width: 87px; height: 45px; background: url(/static/hr/main/img/d3/icons/icon_nav_sticker.png) 100% 0 no-repeat; top: -4px; left: 0; z-index: 2; }

			/* odluka */
			.d3_odluka a.d3_nav_1 { text-shadow: none; }
				.d3_odluka .d3_t_r { background: url(../../img/m3/bg/bg_btn.png) repeat-x 0 100% #333; height: 31px; margin-top: 3px; line-height: 28px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px 2px 0 0; border-top: 3px solid #444; right: -1px; }
				.d3_odluka a.d3_nav_1 .d3_icon { background-position: 100% -10px; }
				
			/* odluka hover */
			#navigation .d3_odluka a:hover .d3_t_r, #navigation .d3_odluka a:active .d3_t_r, #navigation .d3_odluka a:focus .d3_t_r, #navigation .d3_odluka li:hover a.d3_nav_1 .d3_t_r, #navigation li.d3_odluka:hover a.d3_nav_1 .d3_t_r  { background-position: 100% -3px;  border-top: none; line-height: 34px; height: 34px; }
				#navigation li.d3_odluka:hover a.d3_nav_1 .d3_t_r  { background-position: 100% -3px;  border-top: none; line-height: 34px; height: 34px; }
				#navigation .d3_odluka a.d3_nav_1:hover .d3_icon, #navigation .d3_odluka a.d3_nav_1:active .d3_icon, #navigation .d3_odluka a.d3_nav_1:focus .d3_icon, #navigation .d3_odluka:hover .d3_icon { background-position: 100% -47px; }
				
            /* current */
            .d3_nav .d3_current ul, #nav_secondary ul { z-index: 2; display: block !important; width: 990px; height: 29px; padding-top: 6px; padding-bottom: 0; background: none; top: 39px; left: 0; margin-left: 0; font-size: 12px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; min-height: 29px; }
			#nav_secondary { clear: both; margin-left: -2px; }
                .d3_nav .d3_current ul li, #nav_secondary ul li { width: auto; margin: 0 0 0 9px; }
				#nav_secondary ul li { display: inline; float: left; }
                .d3_nav .d3_current ul li a, #nav_secondary ul li a { float: left; color: #000; text-shadow: 0px 1px 0 #fff; margin: 0; background-image: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
				 #nav_secondary ul li a { font-weight: bold; padding: 3px 6px; line-height: 16px; }
                    .d3_nav .d3_current ul li a:hover, .d3_nav .d3_current ul li a:active, .d3_nav .d3_current ul li a:focus, #nav_secondary ul li a:hover, #nav_secondary ul li a:active, #nav_secondary ul li a:focus { color: #000; text-shadow: none; background: #bbb url(/static/hr/main/img/d3/bg/bg_glow_s.png) 0 0 repeat-x; }

                    .d3_nav .d3_current ul li a.d3_current, #nav_secondary ul li a.d3_really_current_lvl2 { color: #fff; text-shadow: 0px -1px 0 #000; background: #222 url(/static/hr/main/img/d3/bg/bg_glow_s.png) 0 0 repeat-x; }

            /* fixes */
            .d3_ie7 .d3_nav a.d3_nav_1 .d3_icon     { display: none; }
                .d3_ie7 .d3_nav li:hover ul         { display: none; }


    /** tabs **/
    .d3_tab { font-size: 11px; min-height: 27px; border-bottom: 3px solid #000; padding-bottom: 0; overflow: visible; }
        .d3_tab li { padding: 0; margin-left: -1px; }
    
        .d3_tab a  { color: #444; text-shadow: 0px 1px 0 #fff; float: left; display: block; height: 27px; line-height: 27px; margin: 0 6px 0 0; background: url(/static/hr/main/img/d3/bg/bg_tab_l.png) 0 -40px no-repeat; }
            .d3_tab a:hover, .d3_tab a:active, .d3_tab a:focus   { color: #000; background-position: 0 -43px; }
                
            .d3_tab .d3_t_r { display: block; float: left; height: 27px; line-height: 27px; padding: 0 9px 0 6px; cursor: pointer; position: relative; right: -3px; background: url(/static/hr/main/img/d3/bg/bg_tab_r.png) 100% -40px no-repeat; }
                .d3_tab a:hover .d3_t_r, .d3_tab a:active .d3_t_r, .d3_tab a:focus .d3_t_r    { background-position: 100% -43px; }    

        /* current */
        .d3_tab .d3_current a, .d3_tab .d3_current a  { color: #fff; font-weight: bold; text-shadow: 0px -1px 0 #000; background-position: 0 0; }                
            .d3_tab .d3_current a .d3_t_r { background-position: 100% 0; }

        /* disabled */
        .d3_tab .d3_disabled a  { color: #aaa; }
            .d3_tab .d3_disabled a:hover, .d3_tab .d3_disabled a:active, .d3_tab .d3_disabled a:focus   { color: #aaa; background-position: 0 -40px; }
            .d3_tab .d3_disabled .d3_t_r { cursor: default; }
                .d3_tab .d3_disabled a:hover .d3_t_r, .d3_tab .d3_disabled a:active .d3_t_r, .d3_tab .d3_disabled a:focus .d3_t_r    { background-position: 100% -40px; }

    
    /** button alike links **/
    .d3_nav_btn li { width: auto; font-size: 11px; line-height: 15px; }
        .d3_nav_btn a { float: left; color: #000; text-shadow: 0px 1px 0 #fff; margin: 0; padding: 3px 6px; background-image: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
            .d3_nav_btn a:hover, .d3_nav_btn a:active, .d3_nav_btn a:focus { color: #000; text-shadow: none; background: #bbb url(/static/hr/main/img/d3/bg/bg_glow_s.png) 0 0 repeat-x; }

            .d3_nav_btn a.d3_current { color: #fff; text-shadow: 0px -1px 0 #000; background: #222 url(/static/hr/main/img/d3/bg/bg_glow_s.png) 0 0 repeat-x; }

        
    /** grupation websites */
    .d3_icon_nova_nafna                { background: url(/static/hr/shared/img/networkHeader/networkHeaderLogo.png) 0 0 no-repeat; display: block; width: 125px; height: 80px; position: absolute; top: -2px; left: -77px; }

    .d3_websites                       { padding-top: 0; padding-bottom: 0; }
        .d3_websites .d3_icon_websites    { background-repeat: no-repeat; display: block; height: 28px; }
            #footer .d3_websites .d3_icon_websites    { height: 24px; }

            #bar .d3_websites          { margin-left: 57px; height: 28px; margin-top: 4px; }
                #bar .d3_websites li   { padding-right: 5px; }
                    #bar .d3_websites .d3_icon_websites   { background-image: url(/static/hr/main/img/d3/icons/icon_websites_bar.png?v=20141002); }
            
            .d3_tab .d3_icon_websites   { background-image: url(/static/hr/main/img/d3/icons/icon_websites_footer.png?v15_9_14); }
            .d3_tab .d3_current .d3_icon_websites   { background-image: url(/static/hr/main/img/d3/icons/icon_websites_bar.png?v=20141002); }


            #footer .d3_websites           {  }
                #footer .d3_websites .d3_icon_websites    { background-image: url(/static/hr/main/img/d3/icons/icon_websites_footer.png?v12_8_13); margin-left: -4px; }

            .d3_icon_nova		{ width: 76px; background-position: 0 -45px; }
            .d3_icon_doma		{ width: 44px; background-position: -100px -45px; }
            .d3_icon_blog		{ width: 35px; background-position: -200px -45px; }
            .d3_icon_zadovoljna	{ width: 75px; background-position: -300px -45px; }
            .d3_icon_gleto		{ width: 47px; background-position: -400px -45px; }
            .d3_icon_mojaminitv	{ width: 36px; background-position: -500px -45px; }
			.d3_icon_gol		{ width: 42px; background-position: -600px -45px; }
            .d3_icon_oyo        { width: 50px; background-position: -800px -45px; }
			.d3_icon_punkufer	{ width: 72px; background-position: -900px -45px; }
        
            .d3_icon_nova:hover, .d3_icon_nova:active, .d3_icon_nova:focus                       { background-position: 0 -5px; }
            .d3_icon_doma:hover, .d3_icon_doma:active, .d3_icon_doma:focus                       { background-position: -100px -5px; }
            .d3_icon_blog:hover, .d3_icon_blog:active, .d3_icon_blog:focus                       { background-position: -200px -5px; }
            .d3_icon_zadovoljna:hover, .d3_icon_zadovoljna:active, .d3_icon_zadovoljna:focus     { background-position: -300px -5px; }
            .d3_icon_gleto:hover, .d3_icon_gleto:active, .d3_icon_gleto:focus                    { background-position: -400px -5px; }
            .d3_icon_mojaminitv:hover, .d3_icon_mojaminitv:active, .d3_icon_mojaminitv:focus     { background-position: -500px -5px; }
			.d3_icon_gol:hover, .d3_icon_gol:active, .d3_icon_gol:focus                          { background-position: -600px -5px; }
            .d3_icon_oyo:hover, .d3_icon_oyo:active, .d3_icon_oyo:focus                          { background-position: -800px -5px; }
            .d3_icon_punkufer:hover, .d3_icon_punkufer:active, .d3_icon_punkufer:focus           { background-position: -900px -5px; }
			
                .d3_tab .d3_icon_nova, .d3_tab .d3_current .d3_icon_nova    { background-position: 0 -3px; }
                .d3_tab .d3_icon_doma, .d3_tab .d3_current .d3_icon_doma    { background-position: -100px -3px; }


/** FORMS **/
legend  { display: none; }
.d3_fm_field { padding-top: 5px; padding-bottom: 5px; }
    .d3_fm_field ul { padding-top: 0; padding-bottom: 0; }
.d3_fm_field_s { padding-top: 0; padding-bottom: 0; }
.d3_fm_req { font-weight: bold; font-style: italic; color: red; }

label { padding-top: 4px; padding-bottom: 4px; font-size: 12px; line-height: 18px; display: block; vertical-align: middle; }
.d3_fm_field_s label  { font-weight: normal !important; padding-top: 2px; padding-bottom: 2px; line-height: 15px; }
    .d3_fm_field label      { font-weight: bold; }
    label[for]              { cursor: pointer; }
    .d3_label_r label       { text-align: right; }
    .d3_label_l label       { text-align: left; }
    .d3_fm_field li label, .d3_fm_field_multi label[for] { text-align: left; }
    .d3_fm_field li label   { padding: 3px 0; }

input[type="text"], input[type="password"], textarea, select { padding: 4px; font-size: 12px; line-height: 17px; height: 17px;
                                                               background: #f9f9f9 url(/static/hr/main/img/d3/bg/bg_input.gif) 0 0 no-repeat; border: 1px solid #999; border-color: #999 #bbb #bbb #999;
                                                               -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
    select      { height: 26px; }
    textarea    { height: auto; }
    input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border-color: #666 #999 #999 #666; -moz-box-shadow: 0px 0px 3px #666; -webkit-box-shadow: 0px 0px 3px #666; box-shadow: 0px 0px 3px #666; }

    /* form elements width */
    .d3_fm_el_2                 { width: 132px; }
        select.d3_fm_el_2, .d3_fm_el_2_pl	{ width: 142px; }
    .d3_fm_el_3                 { width: 224px; }
        select.d3_fm_el_3       { width: 234px; }
    .d3_fm_el_4                 { width: 306px; }
        select.d3_fm_el_4       { width: 316px; }
    .d3_fm_el_5                 { width: 388px; }
        select.d3_fm_el_5       { width: 398px; }
    .d3_fm_el_6                 { width: 470px; }
        select.d3_fm_el_6       { width: 480px; }
    .d3_fm_el_7                 { width: 552px; }
        select.d3_fm_el_7       { width: 562px; }
    .d3_fm_el_8                 { width: 634px; }
        select.d3_fm_el_8       { width: 644px; }
    .d3_fm_el_9                 { width: 716px; }
        select.d3_fm_el_9       { width: 726px; }
    .d3_fm_el_10                { width: 798px; }
        select.d3_fm_el_10      { width: 808px; }


    /* extends */
    #search_h               { border-color: #7c000d #a10011 #a10011 #7c000d; }
        #search_h:focus     { border-color: #4b0008 #7c000d #7c000d #4b0008; }

.d3_fm_error {  }
    .d3_fm_error label { color: #c80a1e; }
    .d3_fm_error input[type="text"], .d3_fm_error input[type="password"], .d3_fm_error textarea, .d3_fm_error select { border-color: #c80a1e; background-color: #ffffe0; }
    .d3_fm_error_msg { padding: 5px 0; color: #c80a1e; font-weight: bold; }


/** TABLES **/
table   { width: 100%; }
caption { display: none; }
th, td  { vertical-align: middle; text-align: left; padding: 5px 10px; } 

    th  { border-bottom: 1px solid #000; }
    td  { border-bottom: 1px solid #eee; }
    

/** MISC **/
/* logos */
#logo           { background-image: url(/static/hr/main/img/d3/dnevnik.png); cursor: pointer; width: 250px; height: 45px; position: absolute; top: 36px; left: -6px; } /* extends .d3_phark */

/* logo bozic
#logo { background-image: url(/static/hr/main/img/d3/dnevnik_bozic.png); top: 32px; }
 */

/* logo special (vrpce, rukavine i to) 
#logo {
  background-image: url(/static/hr/main/img/d3/dnevnik_vrpca.png);
  cursor: pointer;
  height: 66px;
  left: -21px;
  position: absolute;
  top: 40px;
  width: 257px;
}
*/

/* bozic brending 2012 all header show
#logo {
  background-image: url(/static/hr/main/img/d3/bozic/dnevnik_bozic.png);
  cursor: pointer;
  height: 45px;
  left: -21px;
  position: absolute;
  top: 40px;
  width: 257px;
}

#area_top .d3_bg_header { background: url(/static/hr/main/img/d3/bozic/head_t.png) no-repeat 50% 0 #940811; }
#area_top .d3_bg_header_color { background: url(/static/hr/main/img/d3/bozic/head_m.png) no-repeat 50% 0 #940811; }
#area_top .d3_bg_nav_primary { background: url(/static/hr/main/img/d3/bozic/head_b2.png) no-repeat 50% 0; }
#area_top .d3_bg_nav_primary_1row.d3_bg_nav_primary { background: url(/static/hr/main/img/d3/bozic/head_b.png) no-repeat 50% 0; }
*/


.d3_dnevnik_logo   { background-image: url(/static/hr/main/img/d3/dnevnikhr.gif); cursor: pointer; width: 161px; height: 20px; } /* extends .d3_phark */

/* misc */
abbr, acronym { border-bottom: 1px dotted #5a6768; cursor: help; }
acronym { speak: normal; }
abbr.d3_initialism { speak: spell-out; }
abbr.d3_truncation { speak: normal; }

.d3_skipper { padding: 0; } /* used for skip links at the top and bottom */
    .d3_ie7 .d3_skipper { display: none; }
    .d3_skipper a { position: absolute; top: 0; left: -9999px; z-index: 100; width: 100%; font-size: 1.1em; }
    .d3_skipper a:focus,
    .d3_skipper a:active { display: block; position: absolute; top: 0; left: 0; width: 100%; padding: .5em 0; color: white; background: #212121; text-align: center; text-transform: uppercase; outline: 0; }

/* story */
#story .d3_title       { font-size: 11px; text-transform: uppercase; padding: 0 18px 0 9px; display: inline-block; min-height: 18px; background: url(/static/hr/main/img/d3/bg/bg_story.gif) 100% 50% no-repeat; }

/* breaking news bar */
#breaking           { margin: 12px 0 -12px; background: #e8aa00 url(/static/hr/main/img/d3/bg/bg_breaking.png) 0 0 no-repeat; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; min-height: 33px; text-shadow: 0px 1px 0 #ffe37a; color: #000; padding-left: 45px; }

/* weather box */
.d3_weather_icon_s, .d3_weather_icon_l  { padding-right: 0 !important; text-align: center; }  
    .d3_weather_icon_s  { width: 86px; }  
    .d3_weather_icon_l  { width: 144px; }

/* tv program box */
.d3_box_tv dl { padding-top: 0; height: 190px; overflow-y: hidden; }
    .d3_box_tv dt, .d3_box_tv dd { float: left; padding-top: 8px; padding-bottom: 7px; }
    .d3_box_tv dt   { clear: both; text-align: right; }

/** article **/
.d3_share { min-height: 24px; }
.d3_article_media      { padding-top: 4px; padding-bottom: 10px; }
    .d3_article_media .d3_player      { position: relative; z-index: 1; float: left; }
		.d3_article_media .d3_player #js_player {	display:none; border: 1px solid #000; margin-left: -1px; width: 644px; border-bottom: 1px solid #333;}
        .d3_article_media .d3_player a.d3_item           { position: relative; float: left; z-index: 3; }
        .d3_article_media .d3_player div.d3_item a.d3_item.d3_action_icons	{ position:absolute;top:0px;left:0px;width:644px;height:362px;}
            .d3_article_media .d3_player a.d3_item span  { z-index: 4; }
        .d3_article_media .d3_player div.d3_item { position:relative; left: -1px; right: -1px; width: 646px; }
        .d3_article_media .d3_player div.d3_img { width: 644px; }
        .d3_article_media .d3_player div.d3_img .d3_img, .d3_article_media .d3_player div.d3_img .img { float: left; position: relative; z-index: 2; width: 644px; height: 362px; border: 1px solid #000; border-bottom: 1px solid #333;}
		.d3_article_media .js_title				{ clear: both; background: #000; width: 632px; border-left: 1px solid #000; border-right: 1px solid #000;}
		.d3_ie7 .d3_article_media .js_title { float: left;  width: 632px;  min-height: 15px; }
.d3_article_content_media { background: #000; border: 1px solid #000; }
.d3_article_content_media img.img { display: block; }
	.d3_article_content_media_s      { float: left; display: inline-block; margin: 10px 16px 10px 0; width: 228px; }
	.d3_article_content_media_x      { clear: both; display: block; margin: 10px 0; width: 480px; min-height:320px; position:relative; left:-1px; right:-1px; }
.d3_article .d3_quote     { color: #444; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; float: left; margin: 15px 12px 15px 0; padding: 8px 0; border: 3px solid #999; border-left: none; border-right: none; }
.d3_quote:before, .d3_quote:after { content: ""; display: block; position: absolute; height: 30px; width: 30px; background: #fff url(/static/hr/main/img/d3/bg/bg_quote_serif.png) 0 0 no-repeat; }
.d3_quote:before { top: -11px; left: 0; background-position: 0 0; }
.d3_quote:after { bottom: -20px; right: 0; background-position: -25px -30px; }
.d3_quote p	{  padding-right: 30px; }
    .d3_article .d3_quote, .d3_article .d3_quote p  { font-size: 16px; line-height: 22px; font-style: italic; }
    .d3_article .d3_quote p.d3_author { font-size: 16px; float: right; }
	.d3_article .d3_box, .d3_article .d3_article_linx     { padding: 10px; margin: 10px 0 20px; background-color: #ecf5fc; border-top: 3px solid #ddebf6; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-shadow: 1px 1px #FFFFFF; }
	.d3_article .d3_article_linx       { border: 1px solid #ddebf6; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-shadow: 1px 1px #FFFFFF; clear: both; }
	.d3_article .d3_article_linx li    { list-style-type: none; margin-left: 0; }
		.d3_article .d3_article_linx a { display: block; font-weight: bold; padding-left: 10px; text-decoration: none; }
			.d3_article .d3_article_linx a:before { content: "›"; display: block; float: left; margin-left: -10px; margin-right: -10px; width: 10px; }
			

    /* share floater */
    .d3_floater_share { width: 56px; height: 155px; padding: 20px 10px 20px 20px; text-align: right; position: absolute; left: -108px; top: 9px; background: url(/static/hr/main/img/d3/bg/bg_share.png) 0 0 no-repeat; }

/** icons **/
/* multimedia */
.d3_icon_media { position: absolute; left: -2px; }
.d3_navi_newsitems .d3_icon_media { left: 4px; }
.d3_icon_media a, .d3_nav .d3_navibox .d3_navi_newsitems ul li .d3_icon_media a { color: #fff; text-shadow: 0px -1px 0 #82020f; font-weight: bold; text-transform: uppercase; word-wrap: nowrap; display: block; float: left; padding: 0 2px 0 6px; margin-left: -1px; background: url(/static/hr/main/img/d3/bg/bg_icon_media.png) 100% 100% no-repeat; }
        .d3_icon_media a:hover, .d3_icon_media a:active, .d3_icon_media a:focus { color: #fdcd00; }
		
		.d3_nav .d3_navibox .d3_navi_newsitems ul li .d3_icon_media a span, .d3_nav .d3_navibox .d3_navi_newsitems ul li .d3_icon_media a { min-height: 17px; }

    .d3_icon_media .d3_t_l { position: absolute; top: -3px; left: -1px; background: url(/static/hr/main/img/d3/bg/bg_icon_media_tl.png) 0 0 no-repeat; display: block; width: 3px; height: 3px; } /* ficlek */
    
    /* positioning */
    .d3_media_t_2 .d3_icon_media      { top: 81px; }
        .d3_media_t_2 .d3_title_invert .d3_icon_media        { top: -14px; }
		.d3_navi_newsitems .d3_media_t_2 .d3_icon_media      { top: 86px; }
    .d3_media_t_3 .d3_icon_media      { top: 136px; }
    .d3_media_t_4 .d3_icon_media      { top: 189px; }
        .d3_media_t_4 .d3_title_invert .d3_icon_media        { top: -16px; }
    .d3_media_t_5 .d3_icon_media      { top: 243px; }
    .d3_media_t_6 .d3_icon_media      { top: 298px; }
        .d3_media_t_6 .d3_title_invert .d3_icon_media        { top: -16px; }
    .d3_media_t_8 .d3_icon_media      { top: 299px; }
        .d3_media_t_8 .d3_title_invert .d3_icon_media        { top: -17px; }
        .d3_media_t_12 .d3_title_invert .d3_icon_media       { top: -19px; } 

    
    .d3_media_l_1 .d3_icon_media      { top: 35px; }
    .d3_media_l_1-5 .d3_icon_media    { top: 58px; }
    .d3_media_l_2 .d3_icon_media      { top: 81px; }
    .d3_media_l_3 .d3_icon_media      { top: 136px; }
    .d3_media_l_4 .d3_icon_media      { top: 189px; }
    .d3_media_l_5 .d3_icon_media      { top: 243px; }
    .d3_media_l_6 .d3_icon_media      { top: 297px; }

    /* font sizes and height */
    .d3_media_t_2 .d3_icon_media, .d3_media_t_2 .d3_icon_media a        { font-size: 9px; line-height: 17px; height: 17px; }
    .d3_media_t_3 .d3_icon_media, .d3_media_t_3 .d3_icon_media a        { font-size: 10px; line-height: 17px; height: 17px; }
    .d3_media_t_4 .d3_icon_media, .d3_media_t_4 .d3_icon_media a, .d3_media_t_5 .d3_icon_media, .d3_media_t_5 .d3_icon_media a  { font-size: 11px; line-height: 19px; height: 19px; }
    .d3_media_t_6 .d3_icon_media, .d3_media_t_6 .d3_icon_media a, .d3_media_t_8 .d3_icon_media, .d3_media_t_8 .d3_icon_media a  { font-size: 12px; line-height: 20px; height: 20px; }
    .d3_media_t_12 .d3_icon_media, .d3_media_t_12 .d3_icon_media a      { font-size: 14px; line-height: 22px; height: 22px; }
    
    .d3_media_l_1 .d3_icon_media, .d3_media_l_1 .d3_icon_media a, .d3_media_l_1-5 .d3_icon_media, .d3_media_l_1-5 .d3_icon_media a, .d3_media_l_2 .d3_icon_media, .d3_media_l_2 .d3_icon_media a  { font-size: 9px; line-height: 17px; height: 17px; }
    .d3_media_l_3 .d3_icon_media, .d3_media_l_3 .d3_icon_media a  { font-size: 10px; line-height: 17px; height: 17px; }
    .d3_media_l_4 .d3_icon_media, .d3_media_l_4 .d3_icon_media a, .d3_media_l_5 .d3_icon_media, .d3_media_l_5 .d3_icon_media a  { font-size: 11px; line-height: 19px; height: 19px; }
    .d3_media_l_6 .d3_icon_media, .d3_media_l_6 .d3_icon_media a  { font-size: 12px; line-height: 20px; height: 20px; }

.d3_icon_media_alt a {
    color: #c80a1e; font-weight: bold; text-transform: uppercase; word-wrap: nowrap; display: inline-block;
    font-size: 10px; line-height: 17px; height: 17px;
    }
        .d3_icon_media_alt a:hover, .d3_icon_media_alt a:active, .d3_icon_media_alt a:focus { color: #000; }

    /* icons */
    .d3_icon_video span, .d3_icon_photo span, .d3_icon_audio span, .d3_icon_live span { background-position: 0 50%; background-repeat: no-repeat; width: 19px; height: 100%; display: inline-block; vertical-align: top; }
        .d3_icon_media .d3_icon_video span        { background-image: url(/static/hr/main/img/d3/icons/icon_video.png); }
        .d3_icon_media .d3_icon_photo span        { background-image: url(/static/hr/main/img/d3/icons/icon_photo.png); }
        .d3_icon_media .d3_icon_audio span        { background-image: url(/static/hr/main/img/d3/icons/icon_audio.png); }
        .d3_icon_media .d3_icon_live span         { background-image: url(/static/hr/main/img/d3/icons/icon_live.png); }
        .d3_icon_media_alt .d3_icon_video span    { background-image: url(/static/hr/main/img/d3/icons/icon_video_alt.png); }
        .d3_icon_media_alt .d3_icon_photo span    { background-image: url(/static/hr/main/img/d3/icons/icon_photo_alt.png); }
        .d3_icon_media_alt .d3_icon_audio span    { background-image: url(/static/hr/main/img/d3/icons/icon_audio_alt.png); }
        .d3_icon_media_alt .d3_icon_live span     { background-image: url(/static/hr/main/img/d3/icons/icon_live_alt.png); }
        
        a.d3_icon_video:hover span, a.d3_icon_video:active span, a.d3_icon_video:focus span,
        a.d3_icon_photo:hover span, a.d3_icon_photo:active span, a.d3_icon_photo:focus span,
        a.d3_icon_audio:hover span, a.d3_icon_audio:active span, a.d3_icon_audio:focus span,
        a.d3_icon_live:hover span, a.d3_icon_live:active span, a.d3_icon_live:focus span
        { background-position: 100% 50%; }
		.d3_ie7 .d3_media_t .d3_icon_media a span, .d3_ie7 .d3_media_l .d3_icon_media a span, .d3_ie7 .d3_icon_media_alt a span { vertical-align: middle; }

            /* small icon, without label */
            .d3_icon_media_s a { padding-left: 0 !important; padding-right: 0 !important; }

/** weather **/
.d3_mod_weather .d3_icon                { background-position: 0 0; background-repeat: no-repeat; width: 18px; height: 18px; display: inline-block; position: absolute; top: 10px; }
    .d3_mod_weather .d3_icon_arrow_l    { background-image: url(/static/hr/main/img/d3/icons/icon_weather_arrow_l.png); left: 0; }
        .d3_mod_weather .d3_icon_arrow_l:hover, .d3_mod_weather .d3_icon_arrow_l:active, .d3_mod_weather .d3_icon_arrow_l:focus { background-position: 0 -40px; }
    .d3_mod_weather .d3_icon_arrow_r    { background-image: url(/static/hr/main/img/d3/icons/icon_weather_arrow_r.png); background-position: 100% 0; right: 0; }
        .d3_mod_weather .d3_icon_arrow_r:hover, .d3_mod_weather .d3_icon_arrow_r:active, .d3_mod_weather .d3_icon_arrow_r:focus { background-position: 100% -40px; }

/** tv program */
.d3_tv_arrow                    { background-image: url(/static/hr/main/img/d3/icons/icon_tv_arrows.png); background-repeat: no-repeat; display: block; height: 15px; cursor: pointer; }
    .d3_tv_arrow_up             { background-position: 0 0; }
        .d3_tv_arrow_up:hover, .d3_tv_arrow_up:focus        { background-position: 0 -15px; }
    .d3_tv_arrow_down           { background-position: 0 -45px; }
        .d3_tv_arrow_down:hover, .d3_tv_arrow_down:focus    { background-position: 0 -60px; }
    
    .d3_tv_arrow.d3_disabled               { cursor: default !important; }
        .d3_tv_arrow_up.d3_disabled        { background-position: 0 -30px !important; }
        .d3_tv_arrow_down.d3_disabled      { background-position: 0 -75px !important; }

/** article multimedia icons **/
/* play */
a span.d3_icon_play             { display: block; width: 55px; height: 55px; position: absolute; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; background-image: url(/static/hr/main/img/d3/icons/icon_play.png); background-position: 0 0; background-repeat: no-repeat; cursor: pointer; }
    a:hover span.d3_icon_play, a:active span.d3_icon_play, a:focus span.d3_icon_play { background-position: -55px 0; }

    a span.d3_icon_play_l       { width: 110px; height: 110px; margin-left: -55px; margin-top: -55px; background-image: url(/static/hr/main/img/d3/icons/icon_play_l.png); }
        a:hover span.d3_icon_play_l, a:active span.d3_icon_play_l, a:focus span.d3_icon_play_l { background-position: -110px 0; }

/* show image */
a span.d3_icon_showimg          { display: block; width: 55px; height: 55px; position: absolute; top: 50%; left: 50%; margin-left: -27px; margin-top: -27px; background-image: url(/static/hr/main/img/d3/icons/icon_showimg.png); background-position: 0 0; background-repeat: no-repeat; cursor: pointer; }
    a:hover span.d3_icon_showimg, a:active span.d3_icon_showimg, a:focus span.d3_icon_showimg { background-position: -55px 0; }

    a span.d3_icon_showimg_l    { width: 110px; height: 110px; margin-left: -55px; margin-top: -55px; background-image: url(/static/hr/main/img/d3/icons/icon_showimg_l.png); }
        a:hover span.d3_icon_showimg_l, a:active span.d3_icon_showimg_l, a:focus span.d3_icon_showimg_l { background-position: -110px 0; }
        
/* previous/next image */
.d3_icon_prev, .d3_icon_next  { display: block; width: 55px; height: 100%; position: absolute; top: 0; background-image: url(/static/hr/main/img/d3/icons/icon_prevnext_l.png); background-repeat: no-repeat; cursor: pointer; z-index: 4; }
    .d3_icon_prev { left: 0; background-position: 0 50%; }
        a.d3_icon_prev:hover, a.d3_icon_prev:active, a.d3_icon_prev:focus { background-position: -55px 50%; }
    .d3_icon_next { right: 0; background-position: -110px 50%; }
        a.d3_icon_next:hover, a.d3_icon_next:active, a.d3_icon_next:focus { background-position: -165px 50%; }

/* download doc icons */
.d3_icon_doc                    { background-image: url(/static/hr/main/img/d3/icons/icon_doc.png); background-repeat: no-repeat; background-position: -2px -9px; }
    .d3_article .d3_icon_doc    { list-style-type: none; margin-left: 0; }
    .d3_article .d3_icon_doc:hover, .d3_article .d3_icon_doc:active, .d3_article .d3_icon_doc:focus { background-position: -2px -49px; }
    .d3_icon_doc a              { display: inline-block; padding-left: 20px; }


/* social */
.d3_icon_social        { background-image: url(/static/hr/shared/img/buttons/icon_social_network.png); background-repeat: no-repeat; padding-left: 20px; min-height: 15px; display: inline-block; }
    
    .d3_icon_facebook  { background-position: -4px -52px; }
        .d3_icon_facebook:hover, .d3_icon_facebook:active, .d3_icon_facebook:focus   { background-position: -204px -52px; }
    .d3_icon_twitter   { background-position: -4px -92px; }
        .d3_icon_twitter:hover, .d3_icon_twitter:active, .d3_icon_twitter:focus      { background-position: -204px -92px; }
    .d3_icon_rss       { background-position: -4px -132px; }
        .d3_icon_rss:hover, .d3_icon_rss:active, .d3_icon_rss:focus                  { background-position: -204px -132px; }
    .d3_icon_googleplus       { background-position: -4px -168px; }
        .d3_icon_googleplus:hover, .d3_icon_googleplus:active, .d3_icon_googleplus:focus                  { background-position: -204px -168px; }
    .d3_icon_instagram       { background-position: -4px -231px; }
        .d3_icon_instagram:hover, .d3_icon_instagram:active, .d3_icon_instagram:focus                  { background-position: -205px -231px; }

/* misc */
.d3_icon_misc          { background-image: url(/static/hr/main/img/d3/icons/icon_misc.png); background-repeat: no-repeat; padding-left: 20px; min-height: 15px; display: inline-block; }
    .d3_icon_all       { background-position: -4px -12px; }
        .d3_icon_all:hover, .d3_icon_all:active, .d3_icon_all:focus          { background-position: -204px -12px; }
    .d3_icon_newest    { background-position: -4px -52px; }
        .d3_icon_newest:hover, .d3_icon_newest:active, .d3_icon_newest:focus { background-position: -204px -52px; }
    .d3_icon_oldest    { background-position: -4px -92px; }
        .d3_icon_oldest:hover, .d3_icon_oldest:active, .d3_icon_oldest:focus { background-position: -204px -92px; }
    .d3_icon_print     { background-position: -4px -132px; }
        .d3_icon_print:hover, .d3_icon_print:active, .d3_icon_print:focus    { background-position: -204px -132px; }
    .d3_icon_send      { background-position: -4px -172px; }
        .d3_icon_send:hover, .d3_icon_send:active, .d3_icon_send:focus       { background-position: -204px -172px; }
    .d3_icon_thumb_up      { background-position: -4px -212px; }
        .d3_icon_thumb_up:hover, .d3_icon_thumb_up:active, .d3_icon_thumb_up:focus       { background-position: -204px -212px; }
    .d3_icon_thumb_down    { background-position: -4px -252px; }
        .d3_icon_thumb_down:hover, .d3_icon_thumb_down:active, .d3_icon_thumb_down:focus { background-position: -204px -252px; }
    
    .d3_icon_thumb_current_def, .d3_icon_thumb_current_up, .d3_icon_thumb_current_down { padding-left: 15px; padding-right: 3px; width: 17px; }
    .d3_icon_thumb_current_def   { background-position: -4px -292px; color: #666; }
    .d3_icon_thumb_current_up    { background-position: -4px -332px; color: #037400; }
    .d3_icon_thumb_current_down  { background-position: -4px -372px; color: #c80a1e; }
	.d3_hide_title h1 { display: none; }

/** css actions **/
.d3_act_hover .d3_act_hover_show  { display: none; }
    .d3_act_hover:hover .d3_act_hover_show  { display: block; }

    .d3_avatar_l .d3_act_hover:hover { border: 1px solid #c80a1e; margin-top: -1px; margin-right: -1px; }

/* NAJNOVIJE VIJESTI */
.d3_newest { padding: 0; }
.d3_newest .d3_category { font-size: 10px; }
.d3_calendar_link { width: 83px; overflow: hidden; position: relative; }
.d3_calendar_link:hover { overflow: visible; }
    .d3_daily_articles_calendar { position: absolute; top: 0; right: 170px; background: #fff; padding: 10px; width: 270px; -webkit-box-shadow: 2px 2px 2px 1px #666; box-shadow: 2px 2px 2px 1px #666; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #ccc; }
        .d3_daily_articles_calendar td { color: #999; }
.d3_post_count { font-size: 12px; font-weight: bold; position: absolute; right: 0; top: 23px; }
.d3_post_count a { color: #007dc3; }
.d3_post_count a:hover { color: #c80a1e; }
.d3_post_count span.d3_newslist_icon { background-position: -96px -80px; display: inline-block; height: 13px; position: relative; right: 0; top: 3px; width: 12px; padding-right: 4px }
.d3_newslist_icon { background-image: url(http://static.dnevnik.hr/static/hr/cms/forum/img/icons.png); background-repeat: no-repeat; }
.d3_bg_stripe { background: url(http://image.dnevnik.hr/media/images/original/Jan2013/60745638.jpg) 6px 0 no-repeat; }
.d3_bb_3 { border-bottom: 3px solid #ccc; }
.d3_bg_white { background: #fff; }
.d3_z_5 { z-index: 5; }
.d3_mr_so { margin-right: -15px; }
#title .d3_tab { border-bottom: none; }
    #title h1.d3_h1_h2 { font-size: 24px !important; }
    #title .d3_current a { color: #A63A3F; }
    #title .d3_current a:hover { color: #c80a1e; }
    #title .d3_tab td a { background: none; font-weight: bold; color: #00335B; }
    #title .d3_tab td a:hover { color: #c80a1e; }
a.d3_breadcrumbs_dnevnik { color: #a63a3f; }
a.d3_breadcrumbs_gol { color: #335e80; }
a.d3_breadcrumbs_zadovoljna { color: #ba5d95; }

/* TEME */
.d3_tag_landing .d3_tag_subtitle { font-size: 14px; font-weight: bold; letter-spacing: 0; line-height: 20px; padding-top: 0; padding-bottom: 24px; }
.d3_tag_landing .d3_title a, .d3_tag_landing .d3_tag_title span { color: #000;}
.d3_tag_landing .d3_media_t { padding-top: 0;}
.d3_tag_landing.no_description .d3_tag_title { padding-bottom: 24px; }
.d3_tag_landing.no_description .d3_tag_subtitle { display: none; }
.d3_tag_landing.no_description.no_is_topic .d3_tag_subtitle { display: block; padding-bottom: 12px; }
.d3_tag_landing.no_is_topic .d3_tag_highlighted { display: none; }
.d3_tag_results .d3_post_count { top: 8px; }
/*.d3_icon_comments span { background-position: -1px 50%; background-repeat: no-repeat; width: 17px; height: 100%; display: inline-block; vertical-align: top; }
.d3_icon_media .d3_icon_comments span     { background-image: url(/static/hr/main/img/d3/icons/icon_comments.png); }
a.d3_icon_comments:hover span, a.d3_icon_comments:active span, a.d3_icon_comments:focus span
        { background-position: -20px 50%; }*/

.d3_article_related_sub ul.d3_media_t_2 li.d3_g_2 h3 a span.front_iRotator { padding: 0 !important; margin-bottom: 3px; }

/* LIVE ARTICLE */
dt.d3_live_chunk { font-size: 18px; color: rgb(51, 51, 51); margin-bottom: -36px; }
dd.d3_live_chunk { border-left: 3px solid rgb(204, 204, 204); }

/* clearing right sponzored */
#area_right .d3_g_2:nth-child(2n+1) { clear: both; }


/* article poll */
.d3_poll { clear: both; }
.poll-results, .all-polls { display: none; }
.poll-results { margin: 3px 0 12px; padding: 6px; overflow: hidden; border-bottom: 2px solid #EEE; display: none; }
.bar-holder { width: 70%; float: left; }
.text-holder { width: 30%; float: left; }
.bar-holder { height: 10px; background: #f0f0f0; }
.text-holder { font-size: 1em; line-height: 1; color: #606366; position: relative; }
.text-holder .percentage { font-weight: 500; position: absolute; right: 5px; }
.results { height: 10px; margin-bottom: 10px; background: #CC3333; }
.submit-answer { padding: 12px 6px 0; }
.votes-sum { font-size: 10px !important; padding: 0 6px; color: #606366; display: none; }

.voted .poll-results, .voted .votes-sum { display: block; }
.voted { padding-top: 12px; }
.voted .all-polls { display: inline; color: #fff !important; }
.voted label { cursor: default; }
.voted > div { padding-left: 6px; padding-right: 6px; }
.voted .sand-vote, .voted label input { display: none; }


/* ARTICLE VIDEO DEFAULT OVERRIDES*/
.d3_article_media .flowplayer .fp-player { height: 358px !important; }
.d3_article_media .flowplayer.is-fullscreen .fp-player { height: 100% !important; }
.flowplayer .fp-ui .ad-time::before { content: none !important; padding-right: 0 !important; }
.flowplayer .fp-ui .ad-time {  height: 42px !important; background-color: rgba(51, 51, 51, 0.0) !important; }

