@import url('/scr/fckstyles.css');

/* Global
-----------------------------------------------------------------*/
body {background-color:#fff;}
#container {margin:10px auto 0px; width:960px; background-color:#fff;}
#container ul {list-style:none;}
#container li {margin:0;}
.bloc {width:100%; overflow:hidden;}
.imgTop .bImage {padding-bottom:4px; text-align:center;}
.imgLeft .bImage {float:left;}
.imgLeft .bImage, .imgLeftCol .bImage {padding-right:4px;}
.imgRight .bImage {float:right;}
.imgRight .bImage, .imgRightCol .bImage {padding-left:4px;}
.bImage .legend {display:block; padding-bottom:4px; font-weight:bold; font-style:italic;}
.bLink, .bFile {text-align:right;}

/* Header
-----------------------------------------------------------------*/
#header {min-height:78px; padding-top:10px;} /*/ [IE6] /*/
#header #navcont { background:url('/charte/www.apcom.hr/scr/prod/images/border.png') repeat-x left 65px; height:68px; } /*/ [IE6] /*/
#header #localnav {height:68px; }
#header #localnav li {float:left; font-size:16px;}
#header #localnav li a {position:relative; float:left; margin-bottom:-3px; padding:23px 15px 17px; height:30px; background-repeat:no-repeat; background-position:left 9px; color:#808285;}
#header #localnav li a:hover, #header #localnav li a:focus,#header #localnav li.active a {color:#000 !important; background:url('/charte/www.apcom.hr/scr/prod/images/ln-hover.png') no-repeat center bottom;}
#header #localnav li.active a  {color:#808285 !important;}
#header #localnav li.active a:hover, #header #localnav li.active a:focus {color:#000 !important;}

a#ln-itmce { margin:0 10px 0 30px; height:70px; width:160px; text-indent:-9999px; overflow:hidden; background:url('/charte/www.apcom.hr/scr/prod/images/logo-itmce.png') no-repeat center 4px; float:left; }
a#ln-distributor { margin:0 30px 0 10px; height:70px; width:76px; text-indent:-9999px; overflow:hidden; background:url('/charte/www.apcom.hr/scr/prod/images/authorised-distributor.png') no-repeat center 15px; float:right; }

#header #subnav {clear:left; margin-bottom:5px; padding:5px 25px; text-align:right;}
#header #subnav ul {margin-bottom:3px;}
#header #subnav li {padding:0 5px; display:inline;}
#header #subnav li a:hover, #header #subnav li a:focus {color:#000;}
#header #subnav li.active > a {font-weight:bold; color:#72b84c;} /*/ [IE6] /*/
#header #subnav #secondLevel {margin:0 10px 25px;}
#header #subnav #thirdLevel {margin-left:380px; text-align:left;}
#header #subnav #thirdLevel > li {position:relative; float:left; padding:0 0 0 3px;}
#header #subnav #thirdLevel li.active a {font-weight:normal;}
#header #subnav #thirdLevel li ul {display:none; position:absolute; left:0; top:14px; background:#fff;}
#header #subnav #thirdLevel li:hover ul, #header #subnav #thirdLevel li.sfhover ul {display:block;}
#header #subnav #thirdLevel li li {display:block; white-space:nowrap;}

/* Main
-----------------------------------------------------------------*/
#main {clear:both; width:960px;}
#main a {color:#72b84c;}
#main a:hover {color:#72b84c;}
#main p {margin-bottom:8px;}
#main ul {list-style:disc;}
#main li {margin-left:15px; margin-bottom:4px;}

#main .content {clear:both; padding:30px; border-bottom:1px solid #72b84c;}
#main .content.small {padding:10px 180px; width:600px;}

#main .content .column {position:relative; float:left; margin-right:15px; padding-top:40px; width:213px; min-height:1px;} /*/ [IE6]  || 4 columns by default /*/
#main .content .column.first {clear:both; margin-left:0 !important; padding-left:0 !important;}
#main .content .column.last {margin-right:0 !important; padding-right:0 !important;}
#main .content .column h2.bTitle, #main .content .item h2.bTitle {position:absolute; left:0; top:0;}

#main.standard #topLine .column.first {clear:left; width:450px;}
#main.standard #topLine .column h2.bTitle {font-size:20px;}

/* Footer
-----------------------------------------------------------------*/
#footer {clear:both; padding:18px 0 24px; text-align:center; background-color:#72b84c;}
#footer li {display:inline; padding:0 18px;}
#footer li a {color:#fff !important;}
#footer li a:hover, #footer li a:focus {color:#000 !important;}

/* News Slider
-----------------------------------------------------------------*/
#main .news_slider {position:relative; margin-bottom:10px; padding-bottom:20px; width:900px;}
#main .news_slider .column {position:static; padding-top:0; margin-right:15px; width:213px;} /*/ [IE6] /*/
#main .news_slider .news_items {position:relative; width:900px; overflow:hidden;}
#main .news_slider .news_items.withnav {width:672px;} /*/ [IE6] /*/

#main .news_slider .container {position:relative; top:0; left:0; width:100%;}
#main .news_slider .item {position:relative; float:left; padding-top:40px; margin-right:15px; width:213px; overflow:hidden;} /*/ 4 columns by default /*/
#main .news_slider .withnav .item {margin-right:15px;}

#main .news_slider.grid1 .item  {width:900px;}
#main .news_slider.grid2 .item,#main .content.grid2 .column {margin-right:20px; width:440px;}
#main .news_slider.grid3 .item,#main .content.grid3 .column {margin-right:20px; width:286px;}
#main .news_slider.grid5 .item,#main .content.grid5 .column {margin-right:15px; width:168px;}
#main .news_slider.grid6 .item,#main .content.grid6 .column {margin-right:14px; width:138px;}
#main .news_slider.grid7 .item,#main .content.grid7 .column {margin-right:12px; width:118px;}
#main .news_slider.grid8 .item,#main .content.grid8 .column {margin-right:12px; width:102px;}

#main .news_slider .scroll {position:absolute; margin:12px 0 0 -30px; height:20px; width:960px; font-size:10px; bottom:-11px; }
#main .news_slider .scroll .tools {position:relative; display:block; margin:0 auto; padding:0 30px; width:48px; line-height:19px; text-align:center; color:#72b84c; background:url('/charte/www.apcom.hr/scr/prod/images/scroll-arrow.gif') no-repeat left top;}
#main .news_slider .scroll .tools a {display:none; position:absolute; top:3px; width:15px; height:15px; overflow:hidden; text-indent:-9999px;background:url('/charte/www.apcom.hr/scr/prod/images/arrow-left.gif') no-repeat center 3px;} /*/ [IE6] /*/
#main .news_slider .scroll .tools a:hover {background-image:url('/charte/www.apcom.hr/scr/prod/images/arrow-left-on.gif');}
#main .news_slider .scroll .tools a.prev {left:15px;} /*/ [IE6] /*/
#main .news_slider .scroll .tools a.next {right:14px; background-image:url('/charte/www.apcom.hr/scr/prod/images/arrow-right.gif');} /*/ [IE6] /*/
#main .news_slider .scroll .tools a.next:hover {background-image:url('/charte/www.apcom.hr/scr/prod/images/arrow-right-on.gif');}
#main .news_slider .scroll .tools span {display:block; width:48px; height:19px; overflow:hidden;}

#main .news_slider .tools2 a {display:none; position:absolute; margin-top:-84px; width:14px; height:168px; overflow:hidden; text-indent:-9999px; top:50%; background:no-repeat left top;}
#main .news_slider .tools2 a.prev {left:7px; background-image:url('/gallery/Images/Icons/arrow-left-large.png');}
#main .news_slider .tools2 a.next {right:7px; background-image:url('/gallery/Images/Icons/arrow-right-large.png');}

#main .news_slider#bottomLine .scroll .tools {background:url('/charte/www.apcom.hr/scr/prod/images/scroll-arrow2.gif') no-repeat left top;}
#main .news_slider#bottomLine .scroll {bottom:-20px; background:url('/charte/www.apcom.hr/scr/prod/images/scroll-bg.gif') repeat-x left top;}

#main .news_slider .scroll .tools.large {width:153px; background-image:url('/charte/www.apcom.hr/scr/prod/images/scroll-arrow-large.gif');}
#main .news_slider .scroll .tools.large span {width:153px;}
#main .news_slider#bottomLine .scroll .tools.large {background:url('/charte/www.apcom.hr/scr/prod/images/scroll-arrow-large2.gif') no-repeat left top;}

/* search.html */
#main.gSearch {padding:10px;}
#main.gSearch .gResult {border-bottom:1px groove #72B84C; padding-top:5px; width:935px;}

.error { color:#FF0000; }

#footerInfo { margin:0 auto 10px; width:960px; }