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

    CSS file for http://www.pavusin.hr/
    (C) http://web.burza.hr/. All rights reserved.

**************************************************/
* { margin: 0; padding: 0; }
body { font: 62.5%/1.4 Helvetica, Arial, sans-serif;
    background: #fff url(cssimg/main_layout/background.gif) repeat-x; color: #707679; text-align: center; }
fieldset { border: 0; }
a img { border: 0; }
a:hover { outline: none; }

.skipper { position: absolute; left: -9999px; }

#sizer { text-align: left; width: 750px; margin: 0 auto; }
#header { float: left; height: auto !important; height: 85px; min-height: 85px; width: 750px; background: #344657 url(cssimg/main_layout/header.gif) no-repeat 0 100%; }
#logo { float: left; }
#logo a { display: block; height: 85px; width: 250px; }
#logo a img { display: none; }

#search_form { float: right; display: inline; width: 230px; padding: 0 20px; margin: 15px 0 8px 0; }
#search_form label { font: 1em Verdana, sans-serif; color: #fff; text-transform: uppercase; padding-left: 2px; }
#search_form .input_text { float: left; display: inline; width: 172px; height: 14px; padding: 5px; margin-right: 1px; border: 0;
    background: url(cssimg/forms/search_all.gif) no-repeat 0 0; color: #7D9099; font: 1em Verdana, sans-serif; }


#search_form .input_image { float: left; }

#cart_contents { float: right; clear: right; width: 210px; padding: 0 15px 0 22px; margin-bottom: .5em; color: #eff; font: 1em Verdana; background: url(cssimg/main_layout/cart_empty.gif) no-repeat 0 0; }
#cart_contents a { color: #fff; font-weight: bold; }
#cart_contents a:hover { text-decoration: none; }

#main_nav { clear: both; height: 32px; width: 750px; background: url(cssimg/main_layout/navigation_2_hr.gif) no-repeat 0 -64px;;
    border-top: 1px solid #fff; border-bottom: 2px solid #fff; }
#main_nav li { list-style: none; }
#prim_nav { float: left; height: 32px; background: url(cssimg/main_layout/navigation_2_hr.gif) no-repeat 0 -64px; }
#prim_nav li { float: left; }
#prim_nav li a { display: block; height: 32px; text-indent: -9999px; overflow: hidden; text-decoration: none; }

#prim_nav li.active,
#home_link a:hover,
#about_link a:hover,
#products_link a:hover,
#solutions_link a:hover,
#references_link a:hover,
#lang_link a:hover { background-image: url(cssimg/main_layout/navigation_2_hr.gif); }


#home_link                      { width: 73px; }
#about_link                     { width: 92px; }
#products_link                  { width: 122px; }
#solutions_link                 { width: 118px; }
#references_link                { width: 82px; }
#lang_link                      { margin-left: 195px; width: 68px; }

#home_link a:hover              { background-position: 0 -32px; }
#about_link a:hover             { background-position: -73px -32px; }
#products_link a:hover          { background-position: -165px -32px; }
#solutions_link a:hover         { background-position: -287px -32px; }
#references_link a:hover        { background-position: -405px -32px; }
#lang_link a:hover              { background-position: -682px -32px; }

#home_link.active               { background-position: 0 0; }
#about_link.active              { background-position: -73px 0; }
#products_link.active           { background-position: -165px 0; }
#solutions_link.active          { background-position: -287px 0; }
#references_link.active         { background-position: -405px 0; }
#lang_link.active               { background-position: -682px 0; }


#content { float: left; width: 750px; background: url(cssimg/main_layout/sgl_vertical.gif) repeat-y 249px; }

.cblock h2,
.cblock h3,
.cblock h4,
.cblock p,
.cblock ul,
.cblock ol,
.cblock dl,
#content table,
.search_body #content .cblock form { margin: 0 20px; }

.cblock h1 { padding: 0 20px; background: url(cssimg/main_layout/h1_arrow.gif) no-repeat 10px .4em; margin-bottom: .3em; }

#content h1 { font: 1.8em "Trebuchet MS", Trebuchet, sans-serif; color: #4C595F; }
#content h2 { font: bold 1.2em Helvetica, Arial, sans-serif; color: #4C595F; margin-bottom: .5em; }
#content h3 { font-size: 1.2em; }

#content p,
#content li,
#content dt,
#content dd,
#content table,
.search_body #content .cblock form { font-size: 1.2em; }



#content dd * { font-size: 1em; }

#content .cblock p,
#content .cblock ul,
#content .cblock ol,
#content .cblock dl,
.search_body #content .cblock form { margin-bottom: 1em; }

#content li { margin-left: 20px; margin-bottom: .3em; }

#content .cblock ul ul { padding-top: .3em; }
#content .cblock ul ul li { font-size: 1em; }

/* #content #sidebar ul li a:visited { text-decoration: none; } */
#sidebar ul li.active a,
#sidebar ul li.active li.active a { color: #E67200; text-decoration: none; }
#sidebar ul li.active li a { color: #92A8B3; text-decoration: underline; }
#sidebar ul li.active li a:hover { color: #0076A3; text-decoration: none; }

#content a,
#footer a { color: #92A8B3; text-decoration: underline; }
#content a strong,
#footer a strong { color: #E67200; }
#content a:hover,
#footer a:hover { color: #0076A3; text-decoration: none; }

#content .more_link_txt             { font: normal 1.2em Arial, Helvetica, sans-serif; padding-top: .5em; }
#content .more_link_txt a           { color: #E67200; text-decoration: none; }
#content .more_link_txt a:hover     { text-decoration: underline; }


#sidebar,
#main_content,
#supplemental_content { float: left; display: inline; overflow-x: hidden; padding-top: 12px; height: auto !important; height: 300px; min-height: 300px; }

.products_body #main_content { width: 500px; padding-bottom: 20px; }
.content_body #main_content { width: 500px; padding-bottom: 20px; }

.error_body #content,
.shop_body #content { background: transparent; }
.error_body #main_content,
.shop_body #main_content { width: 750px !important; background: url(cssimg/main_layout/content_top_singlecol.gif) no-repeat 0 0 !important; }

#sidebar { width: 250px; background: url(cssimg/main_layout/content_top_frontpage.gif) no-repeat 0 0; padding-bottom: 20px; }
#main_content { background: url(cssimg/main_layout/content_top.gif) no-repeat -250px 0; }
#supplemental_content { background: url(cssimg/main_layout/content_top_frontpage.gif) no-repeat -500px 0; }

.cblock { padding-bottom: 15px; }
.naslovnica_body .cblock,
.products_body #main_content .cblock,
.products_body #main_content .cblock { padding-bottom: 0; }


#content .more_link img,
#content .iface_link img,
#content td.action img,
#content h2 a img { border: 0; margin: 0; padding: 0; background: transparent; vertical-align: middle; white-space: nowrap; }
#content h2 a { font-weight: bold; color: #666; text-decoration: none; padding: 0; }

div[id="content"] h2 a { padding-right: 17px !important; background: url(cssimg/main_layout/read_more.gif) no-repeat 100% 2px; }
div[id="content"] h2 a img { display: none !important; }

.entityContent p img,
.entityContent ul img,
.entityContent li img { margin-left: -20px; }
.entity_description p img,
.entity_description ul img,
.entity_description li img { margin-left: -20px; }

.img_widescreen,
.img_medium,
.img_medium_tall,
.about_body #content img { margin: 0 6px .5em 6px; padding: 6px 8px 10px; background: url(cssimg/main_layout/frame.gif) no-repeat 0 0; }

.img_widescreen { width: 472px; height: 122px; background: url(cssimg/main_layout/frame_widescreen.gif) no-repeat 0 0 !important; }
.img_medium { width: 222px; height: 122px; background: url(cssimg/main_layout/frame.gif) no-repeat 0 0 !important; }
.img_medium_tall { width: 222px; height: 400px; background: url(cssimg/main_layout/frame_medium_tall.gif) no-repeat 0 0 !important; }

.entity_description .img_widescreen,
.entityContent .img_widescreen,
.entityContent .img_medium,
.entity_description .img_medium,
.entityContent .img_medium_tall,
.entity_description .img_medium_tall  { margin-left: -14px !important; }

.entityContent .img_right,
.entity_description .img_right  { float: right; display: inline; margin-left: 15px !important; margin-right: -14px !important; }
.entityContent .img_left,
.entity_description .img_left   { float: left; display: inline; margin-left: -14px !important; margin-right: 15px !important; }

.entityContent .img_large,
.entity_description .img_large,
.entityContent .img_category_content,
.entity_description .img_category_content { background: none !important; padding: 0 !important; margin-left: 0 !important; margin-bottom: 1em !important; }


table { border-collapse: collapse; }
table th { color: #999; }

table td,
table th { vertical-align: top; padding: 5px 10px; border-bottom: 1px solid #ddd; text-align: left; }
#category_products table td * { margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; font-size: 1em; }

table .measure,
table .price,
table .quantity,
table .action { white-space: nowrap; text-align: right; }

/*
    color: #7D9099  // lista linkova
    color: #92A8B3  // caption
    color: #E67200  // linkovi
    color: #0076A3  // hover
*/

#footer { float: left; width: 710px; font: 1em "Lucida Grande", Verdana, sans-serif;
    padding: 14px 20px 0 20px; border-top: 1px solid #fff;
    background: url(cssimg/main_layout/footer.gif) no-repeat 50% 0; }
#copy { float: left; margin-bottom: 20px; }
#site_by { float: right; margin-bottom: 20px; }
#site_by a { text-decoration: none; }

.error,
.confirmation { margin: 20px; padding: 10px 0; background: #ffe; }

.error { border: 1px solid #f00; color: #f00; }
.error h3 { margin-bottom: .5em !important; }
.confirmation { border: 1px solid #090; color: #090; }
.confirmation p { margin-left: 20px !important; margin-bottom: 0 !important; font-weight: bold; }
.confirmation a,
.error a { color: inherit !important; text-decoration: underline; }

.pagination { float: left; display: inline; overflow-x: hidden; margin: 20px; width: 460px; padding-top: 10px; border-top: 1px solid #eee;
    text-align: center; font-size: 1.2em; font-weight: bold; padding: 10px; }
.pagination a,
.pagination span { text-decoration: none !important; padding: 1px 3px; }
.pagination a:hover { text-decoration: underline !important; }
.pagination span { border: 1px solid #dadada; }

.entity_child_pseudorow { float: left; }




.naslovnica_body #content { background: url(cssimg/main_layout/dbl_vertical.gif) repeat-y 249px 0; }
.naslovnica_body #main_content,
.naslovnica_body #supplemental_content { width: 250px; } 
.naslovnica_body #main_content { background: url(cssimg/main_layout/content_top_frontpage.gif) no-repeat -250px 0; }
.naslovnica_body #main_content #product_list {  }
.naslovnica_body #main_content #featured_product h2,
.naslovnica_body #supplemental_content #featured_reference h2 { margin-bottom: .5em !important; }

.naslovnica_body #news                  { width: 250px; clear: both; margin: 0 !important; overflow: hidden; }
.naslovnica_body #news h1               { padding-left: 20px; }
.naslovnica_body #news .news_article    { width: 210px; margin: 0 20px; padding: 10px 0; border-top: 1px solid #e6e6e6; }
.naslovnica_body #news .news_article#first-child     { border: none; padding: 0 0 10px 0;}
.naslovnica_body #news .news_article p  { margin: 0 !important; }

h3.news_button a                        { float: left; clear: both;width: 96px; height: 21px; text-indent: -9999px; text-decoration: none; outline: none; background: url(cssimg/main_layout/archive.gif) no-repeat 0 0; }
.naslovnica_body h3.news_button a       { margin-top: .15em; text-decoration: none !important; }
h3.news_button a:hover                  { background: url(cssimg/main_layout/archive_hover.gif) no-repeat 0 0; }

.naslovnica_body #news .news_article .news_title h2 a   { background: none !important; }
.naslovnica_body #news .news_article .news_title h2     { margin: 0 0 .15em 0;  }


.naslovnica_body #contact_details       { float:left; clear: left; width: 250px; }
.naslovnica_body #product_list,
.naslovnica_body #reference_list {  width: 250px; }

.naslovnica_body #main_content,
.naslovnica_body #supplemental_content,
.naslovnica_body #main_content .cblock ,
.naslovnica_body #supplemental_content .cblock { margin-bottom: 10px; }

.naslovnica_body #sidebar { padding-bottom: 0; }

#featured_product p,
#featured_reference p { color: #7D9099; font-style: italic; font-size: 1.1em; }

#about_intro,
#featured_product,
#featured_reference { padding-bottom: 10px; margin-bottom: 10px; background: url(cssimg/main_layout/cblock_shadow.gif) no-repeat 50% 100%; }

.naslovnica_body #address_details { width: 210px; }
.about_body #content { background: url(cssimg/main_layout/sgl_vertical.gif) repeat-y 374px 0; }

.about_body #main_content,
.about_body #supplemental_content { width: 375px; padding-bottom: 20px; }
.about_body #main_content { background: url(cssimg/main_layout/content_top_about.gif) no-repeat 0 0; }
.about_body #supplemental_content { background: url(cssimg/main_layout/content_top_about.gif) no-repeat -375px 0; }

.about_body #main_content img { background: url(cssimg/main_layout/frame_347.gif) no-repeat 0 0; }
.about_body #supplemental_content #karta img { background: url(cssimg/main_layout/frame_149.gif) no-repeat 0 0 !important; margin-right: 15px; }
.about_body #supplemental_content #karta { float: left; }

*.notice em { color: #f00; }
*.notice strong { color: #E67200; font-style: italic; }
*.disclaimer { font-size: 1em !important; font-style: italic; }

#content .user_form { padding: 0 20px 20px 20px; }
.newsletter_body #content .user_form { padding: 0 0 20px 0; }
#content .user_form fieldset { padding-top: 20px; border-top: 1px solid #e6e6e6; }
#content .user_form fieldset.notices { float: right; width: 350px; }
#content .user_form label { font-size: 1.2em; float: left; clear: left; padding: 2px 0; width: 110px; text-align: right; margin-right: 10px; }
#content .user_form label em { color: #f00; }
#content .user_form .input_image,
.newsletter_body #content .user_form .label_check { margin-left: 5px; width: auto; font-size: 1em; }
.newsletter_body #content .user_form .label_check .input_check { margin-right: 4px; }
#content .user_form .input_image,
.newsletter_body .user_form p { margin-left: 120px; }
#newsletter_categories p { border-bottom: 1px solid #eee; }

#content .user_form .input_text,
#content .user_form textarea { width: 206px; padding: 2px; font: 1.1em Verdana, sans-serif; border: 1px solid #DADADA; background: url(cssimg/forms/input_background.gif) repeat-x 0 0; }

#content .user_form select { width: 212px; font: 1.1em Verdana, sans-serif; }

#content .user_form .input_text:focus,
#content .user_form textarea:focus { border: 1px solid #E67200; }

#address_details { margin-top: 10px; }
.about_body #address_details { width: 335px; clear: both; }
#address_details td { padding: 5px; }
#address_details td.value { text-align: right; }
#sidebar #product_list li ul { color: #92A8B3; list-style: disc; margin-left: 0; }
#sidebar #product_list li li { margin-left: 15px; font-size: 1em; }

#sidebar #representations_list p { text-align: center; }
#sidebar #representations_list img { margin: 0 15px !important; }

#content #main_content .category_preview { float: left; width: 250px; }
#content #main_content .category_preview em { float: left; margin: 0 20px; border-bottom: 1em solid #fff;  }
#products_overview_body .category_preview { min-height: 27em; }
* html #products_overview_body .category_preview { height: 26em; }

#products_category_body .category_preview .entity_description { display: none; }
.inquiry_holder { float: right; display: inline; width: 105px; padding: 0 0 8px 15px; margin: 0 20px 1em 20px !important;
    border-left: 1px solid #e6e6e6; color: #E67200; }
.inquiry_holder a { color: #0076A3 !important; text-decoration: none !important; }
.inquiry_holder a span  { display: block; margin-bottom: 1em; }
.inquiry_holder a img   { display: block; margin-bottom: .5em; }

.entity_description,
.entityContent         { font-size: 1.2em; }
.entityContent h2      { font-size: 1.0em !important; }

.entityContent { padding-left: 20px; padding-right: 20px; }
.entityContent p { margin-left: 0px !important; margin-right: 0px !important; }
.entityContent h2,
.entityContent ul,
.entityContent ol { margin: 0; }

.entity_description p,
.entity_description li,
.entity_description dt,
.entity_description dd,
.entityContent p,
.entityContent li,
.entityContent dt,
.entityContent dd      { font-size: 1em !important; }

.entity_description p,
.entity_description ul,
.entity_description ol,
.entity_description dl { margin-left: 20px !important; margin-right: 20px !important; }

.entity_description ul ul,
.entityContent ul ul { margin-left: 0 !important; }

/*.entityDate .entityDate { margin-left: 20px !important; margin-right: 20px !important; }*/

.content_body #child_list,
.products_body #subcategories_list { width: 500px; clear: both; padding-top: 1em; margin-top: .5em; border-top: 1px solid #eee; }

.products_body .category_preview .entity_description { padding-bottom: 1.5em !important; }
.products_body .category_preview h2 { margin-bottom: .5em !important; }
.products_body .category_preview .entity_description { margin-left: 20px; margin-right: 20px; }

#category_products { clear: both; }
#category_products table { width: 460px; }
#category_products table td dl { margin: 0 0 .5em 0 !important; }
#category_products table td dt { font-weight: bold; }
#category_products table td dt .product_code { font-weight: normal; color: #666; font-size: .9em; }
#category_products table td dd { margin-top: .5em !important; }
#category_products table td dd.product_description ul { list-style: outside; margin-left: 10px !important; }
#category_products table td dd ul li { margin-left: 10px !important; }
#category_products table td dd ul ul { margin-left: 20px !important; }
#category_products table td dd.downloads ul { list-style: none; margin-bottom: 1em !important; color: #ccc; }
#category_products table td dd.downloads ul li { margin: 0 !important; background: url(cssimg/main_layout/download.gif) no-repeat 0 50%; }
#category_products table td dd.downloads ul li a { padding-left: 25px !important; line-height: 2em; }
#category_products table td dd.downloads ul li a:hover { background: url(cssimg/main_layout/download_hover.gif) no-repeat 0 50%; }
#category_products table td h3 { margin-bottom: .5em !important; }

#category_products table tr.highlighted td { background: #ffe; }
#category_products table tr.added td { border-bottom: 1px solid #E67200 !important; }
#category_products table tr.added td dt,
#category_products table tr.added td.price { color: #E67200 !important; }



.content_body #sidebar h1   { float: left; width: auto; }
.content_body #sidebar ul   { clear: left; }

.content_body h3.news_button a { margin: .5em 0 0 0; padding: 0; float: left; text-decoration: none !important; }

.cblock .heading                {  float: left; }
.cblock .heading h1             { float: left; width: auto; }
.cblock .heading div.entityDate { float: right; margin: .5em 20px 0 0;}
.shop_body table th { vertical-align: bottom !important; border-bottom-color: #ccc; }
.shop_body table { width: 710px; }
.shop_body table .product { font-weight: bold; }
.shop_body table .product em { font-weight: normal; }

.shop_body table tr.button_holder td,
fieldset.button_holder { padding-top: 20px; padding-bottom: 20px; text-align: right; background: #FAFDFE; }
fieldset.button_holder { padding-right: 10px; border-bottom: 1px solid #ddd; margin-top: 1em; }
.shop_body table tr.button_holder td em { font-size: .95em; }

.shop_body td.action img { margin: 0; padding: 0; background: none; }

.shop_body #cart_list .quantity img { vertical-align: top; }
* html .shop_body #cart_list .quantity img { vertical-align: top; margin-top: 1px; }

.shop_body #cart_list .quantity input { vertical-align: top; padding: 3px 2px; font: .9em Verdana, sans-serif; border: 1px solid #DADADA; background: url(cssimg/forms/input_background.gif) repeat-x 0 0; text-align: right; }

#shop_order_details_body #content h2 { margin: 0 20px !important; padding: 20px 10px 5px 10px; color: #999; }
.newsletter_body #main_content,
.search_body #main_content { width: 500px; padding-bottom: 20px; }
.search_body #searchFormSecondary { float: left; }

.newsletter_body table { margin: 20px; }

.search_body #search_results { float: left; width: 460px; margin: 20px; padding-top: 10px;  border-top: 1px solid #eee; }

.search_body #search_results dt { margin-bottom: .5em; }
.search_body #search_results dd { margin-bottom: 1em; }


.newsletter_body .cblock form { margin: 10px 20px; }
.newsletter_body .cblock table form { margin: 0 !important; }