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

* { margin: 0; padding: 0; }

html { font: 90%/1.5 Verdana, Arial, Tahoma, sans-serif; color: #fff; background: #363636; }

a, img, fieldset { outline: none; border: none; }

h1, h2, h3 , h4, h5, h6 { font-weight: bold; }

.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear {display:inline-block;}
/* mac hide \*/
.clear {display:block;}
/* End hide from IE Mac */



#logo
{ font-size: 1em; }

#header { margin: 3.3em 0 0 0; border-bottom: 1px solid #484848; background: url(/css/cssimg/tajl.jpg) 50% 0; }

    #body_naslovnica_view #header .container { background: url(/css/cssimg/head_bg.jpg) no-repeat; }
    
    #body_naslovnica_view #header .inner { background: url(/css/cssimg/index_teaser_img.png) no-repeat; min-height: 297px; height: auto !important; height: 297px; }
        
    #header h2 { float: right; }

#main_navigation { width: 100%; position: absolute; top: 0; left: 0; background: url(/css/cssimg/main_nav_bg.jpg) 50% 0; }

    #header .nav_inner { background: url(/css/cssimg/main_nav_border.gif) left bottom repeat-x; min-height: 3.4em; height: auto !important; height: 3.4em; }

    #main_navigation ul { width: 990px; margin: 0 auto; list-style: none; padding: 18px 0 9px 0; position: relative; }
    
    #main_navigation li { float: left; margin-right: 30px; }
    
    #main_navigation #nav_shirt, #main_navigation #nav_measure { margin-top: -1px; }

/**-----------------------------------------------------------------------
Layout
------------------------------------------------------------------------**/

.container { width: 990px; margin: 0 auto 0; }

#content { background: #0f0f0f url(/css/cssimg/content_bg.jpg) repeat-x;  }


/* Front page*/


#featured_news, #news_archive, #custom_made_shirts { float: left; width: 290px; margin: 1em 0 0 0; font-size: .9em; padding: 20px 0 5em 50px; }

    #featured_news h2 { margin: 0 0 .5em 0; }
    #news_archive h2 { margin: 0 0 .2em 0; }
    #custom_made_shirts h2 { margin: 0 0 .2em 0; }

#featured_news { padding: 20px 0 0 0; }

    #featured_news p { margin: 1em 0; }

#news_archive { padding: 20px 0 5em 50px; background: url(/css/cssimg/separator.png) 1em .1em no-repeat; }

#custom_made_shirts { padding: 20px 20px 5em 0; }
#featured_news { background: url(/css/cssimg/separator.png) 23.5em .1em no-repeat; padding: 20px 50px 5em 0; }

    #news_archive ul { list-style: none; }
    
        #news_archive a { color: #fff; text-decoration: none; }
    
        #news_archive li { margin: 1em 0; position: relative; padding-top: 1em; }
        
        #news_archive span { color: #9f9f9f; display: block; position: absolute; top: 0; left: 0; font-size: .85em; }
        
#custom_made_shirts p  { margin-bottom: 1em; }

.read_more { display: block; width: 50px; height: 18px; color: #fff; }

.read_more:hover { background: #ff0000; }

    #news_archive .read_more:hover { width: 70px; }
    
#custom_made_shirts .banner { display: block; margin-top: 1em; color: #fff; }

#news_archive .inner { background: url(/css/cssimg/glow.png) -20px -20px no-repeat; min-height: 22em; height: auto !important; height: 22em; }

/**/


#brands { clear: both; background: #161616; padding: 20px 0; border-top: 1px solid #2a2a2a; position: relative; top: 0; }

    #brands ul { list-style: none; width: 990px; margin: 0 auto; }

    #brands li { float: left; margin-right: 45px; display: inline; }

    
/* Novosti */

#body_novosti_view #item_view { position: relative; background: url(/css/cssimg/separator_news.png) 510px 0 no-repeat; margin-bottom: 100px; padding-bottom: 0;  }

#body_novosti_view #news_archive { background: url(/css/cssimg/glow.png) 0 -30px no-repeat; padding: 0 0 0 20px; margin: 0; font-size: 1em; min-height: 15em; height: auto !important; height: 15em; }

#body_novosti_view #news_archive  h2{ margin: 0; }

#body_novosti_view #news_archive  .active a { color: #ff0000; }

#body_novosti_view h2 { font-size: 1.2em; margin-top: 1em; }

#body_novosti_view #item_description { padding-right: 20px; width: 480px; }

#body_novosti_view #item_description ul { margin: 10px 0 0 15px; list-style: disc; }

#body_novosti_view #item_description ol { margin: 10px 0 0 15px; }

#body_novosti_view #item_description ul li, #body_novosti_view #item_description ol li  { float: none; }

#body_novosti_view #item_description .content_image_left img { float: left; margin: 5px 10px 5px 0; border: 1px dashed #959595; padding: 5px; }

#body_novosti_view #item_description .content_image_right img { float: right; margin: 5px 0 5px 10px; border: 1px dashed #959595; padding: 5px; }

#body_novosti_view #item_view .bottom { display: block; background: url(/css/cssimg/separator_bottom.png) no-repeat; width: 30px; height: 81px; position: absolute; bottom: -80px; left: 511px;  }
    
#body_novosti_view #content .container { padding-bottom: 7em; }
    
#body_novosti_view #item_view a { color: #fff; }
    
.pagination { margin: 1em 0; padding-bottom: 3em; }

    .pagination a, .pagination strong { position: relative; float: left; display: block; padding: 1px 5px; margin-right: 5px; border: 1px dashed #959595; }
    
    .pagination .pages { float: left; margin: 0; padding: 0;}
    
    .pagination strong { background: #ff0000; border: 1px dashed #fff; }
    
    .pagination .prev { float: left; }
    .pagination .prev a { padding: 1px 5px 3px 5px; }
    .pagination .next{ }
    .pagination .next a{ padding: 1px 5px 3px 5px; }
    
    #news_archive .pagination span  { position: relative; width: auto !important; }
    
    
/* Košulje*/

#body_kosulje_view #header .inner { min-height: 75px; height: auto !important; height: 75px; }

#body_kosulje_view #brands.first { background: none; top: 18px; border: none; padding: 0; }

#header .container { background: url(/css/cssimg/head_bg2.jpg) 50% 0 no-repeat; }

#header .inner { background: none; height: 0; }

#logo { position: absolute; top: 6.2em; }

#body_kosulje_view #logo { position: absolute; top: 11.4em; }

    #body_naslovnica_view #logo { position: relative; top: 0; float: left; margin-top: 20px; }

#brands_navigation { padding: 21em 0 5em 0; list-style: none; width: 136px; float: left; }

    #brands_navigation li { padding: .3em 0 .3em 10px; background: url(/css/cssimg/brands_navigation_border.gif) bottom repeat-x; }
    
    #brands_navigation a { display: block; background: url(/css/cssimg/arrow_red.gif) left center no-repeat; color: #d2d2d2; text-decoration: none; padding-left: 15px; }
    
    #brands_navigation .active a { background: url(/css/cssimg/arrow_white.gif) left center no-repeat; color: #ff0000; } 
    
#body_kosulje_view #item_view { display: inline; }
    
#item_view { margin: 2em 0 3em 0; float: left; width: 854px; background: url(/css/cssimg/brand_bg.png) no-repeat; }

#item_view.no_images, #item_view.no_images  .description, #item_view.no_images  #item_description { background: none; }

#item_view.no_images  #item_description { padding-top: 2em;  }

    #item_view.no_images { margin-top: -.1em; }

    #item_view .description h2 { margin-top: 1em; font-weight: normal; }
    
    #item_view .description h3 { margin-top: 1em; font-weight: normal; }

    #item_view .description ul { margin: 15px 0 0 15px; padding: 0; float: none; list-style: disc !important; }
    
        #item_view .description ul li { float: none; }

#item_description { padding: 2em 0 0 40px; width: 490px; float: left; background: url(/css/cssimg/bg_bottom.png) left 400px no-repeat; }

    #item_description ul { list-style: none; }
    
    #item_description .main_photo { padding-bottom: 15px; }
    
    #item_description li { float: left; margin: 0 14px 10px 0; position: relative; }
    
    #item_description .active span { display: block; background: url(/css/cssimg/thumb_active_small.png) no-repeat; width: 85px; height: 65px; position: absolute; top: 0; left: 0; }
    
    #item_description .description { background: #0f0f0f; margin-left: -14px; padding-top: 1em; font-size: .85em; width: 490px; }
    
    #item_description .description h1 { margin-bottom: -10px; }

    #item_description .description p { margin-top: 1em; }
    
#item_selection { float: left; width: 324px; padding: .8em 0 0 0; }
    
    #item_selection ul { list-style: none; }
    
    #item_selection h2 { clear: both; }
    
    #item_description span, #item_selection span { text-indent: -9999px; }

    #item_selection li { float: left; margin: 0 17px 15px 0; position: relative; }

    #item_selection li span { display: block; background: url(/css/cssimg/thumb_overlay.png) no-repeat; width: 145px; height: 97px; position: absolute; top: 0; left: 0; }
    
    #item_selection .active span { display: block; background: url(/css/cssimg/thumb_active_big.png) no-repeat; width: 145px; height: 97px; position: absolute; top: 0; left: 0; }
    
    body.femme #item_selection li span { background: url(/css/cssimg/thumb_overlay_huge.png) no-repeat; height: 205px; }
    
    body.femme #item_selection .active span { background: url(/css/cssimg/thumb_active_huge.png) no-repeat; height: 205px; }
    
#item_types { padding: 1em; clear: both; background: url(/css/cssimg/opacity.png) repeat; border: 1px dashed #4e4e4e; width: 276px; }

    #item_types h2 { font-weight: normal; font-size: 1em; text-transform: uppercase; }

    #item_types  ul { padding-top: 1em; }
    
    #item_types  li { margin: 0 7px 7px 0; }
    
/* Usluge */

#body_usluge_view #item_view, #body_ducani_view #item_view, #body_povijest_view #item_view, #body_kontakt_view #item_view, #body_novosti_view #item_view, .error_body #item_view { margin: 2em 0 0 136px; display: inline; }

#body_usluge_view #item_view { padding-bottom: 3em; }

#body_usluge_view #item_description h2 { font-size: 1em; margin-top: 1.4em; }
    
    #body_usluge_view #item_selection h2 { font-size: 1.2em; margin-bottom: 1em; }
    
    #body_usluge_view form { width: 295px; }
    
    form label { display: block; font-size: .85em; margin-bottom: 3px; }
    
    form input, form textarea { border: 1px dashed #959595; background: #1e1e1e; padding: 7px; width: 100%; margin-bottom: 3px; color: #fff; }
    
    textarea { font: 90%/1.5 Verdana, Arial, Tahoma, sans-serif; }
    
    button { width: auto; height: 28px !important; background: none; padding: 0; margin: 1em 0 0 -2px; color: #ff0000; border: none; overflow: hidden; }
    
    button img { margin: 0; padding: 0; }
    
    /*button img { margin: -2px 0 0 -3px; }*/
    
    button:hover img{ background: #ff0000; }
    
    .send_message { width: 138px;  }
    .apply { width: 106px;  }
    
    form p { margin: 0 !important; padding: 0 !important; }

/* Ducani */

#item_view.clean_text { background: none; width: 814px; padding: 1.4em 0 4em 25px; }

    .clean_text #item_description { padding: 0; background: none; }
    
    .clean_text { font-size: .85em; padding-top: .5em; }
    
        .clean_text p { margin: 1em 0; }
    
    dl { width: 380px; float: left; margin: 10px 10px 0 0; min-height: 120px; height: auto !important; height: 120px; }
    
    dt { float: left; font-weight: bold; padding-right: 10px; }
    
    dt.info { float: none; font-weight: normal; background: #ff0000; display: inline; padding: 1px 4px; }
    
/* Kontakt */

#body_kontakt_view dl { margin: 1em 0 0 0; width: 300px; }

#body_kontakt_view dt { float: none; margin-top: 1em; }

#contact_form { float: left; width: 300px; margin-top: 1em; font-size: 1.2em; }

#contact_form h2 { margin: .7em 0 .8em 0; font-size: .85em; }


.history_info { float: left; width: 205px; margin-top: 10px; }
.history_images { margin: 20px 0 20px 0; }


/* error, 404, 403, misc */

.info_title { display: none; }

.error { color: #ff0000; padding: 1em 0; font-size: .9em; }

    .error ul { list-style: none; width: 100%; }
    .error li { margin-bottom: 0 !important; padding-bottom: 0 !important; float: none !important; }
    
.error_body a { color: #fff; }

#body_error_403 #item_view { padding-bottom: 10em; }
    
/**-----------------------------------------------------------------------
Footer
------------------------------------------------------------------------**/

#footer { clear: both; background: url(/css/cssimg/footer_bg.gif) repeat-x; padding: 30px 0; font-size: .7em; }

    #footer .container { width: 265px; }
    
    #footer a { display: block; width: 27px; margin: 0 auto; }