/* Reset browser */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;}

body { text-align:left; background:url(images/bckgr_page.gif) 0px 111px repeat-x; background-color:#fff; font-family: Tahoma, Geneva, sans-serif;}

p { font:12px Tahoma; letter-spacing:normal;}
a { text-decoration:none;}

#wrapper { width:958px; padding-bottom:20px; overflow:hidden;}
#left, #right, #mainImg img, #mainR, #box, #middleL, #middleR { float:left;}

#left { width:189px; background:#fff;}

#right, #mainImg, #header { width:769px; overflow:hidden;}

#katalog { margin-top: 100px; text-align:center; background:#FFF;}

#header { height:135px; background:url(images/bckgr_header.png) top left no-repeat;}

#middleTxt { height:35px; padding-left:7px; overflow:hidden;}

#search { float:right; width:180px;}

#mainImg { height:274px; }

#mainR { width:289px; height:275px; background:url(images/main_prijelaz.jpg) top left no-repeat; background-color:#00A4D8; text-align:center; overflow:hidden;}

#box { width:201px; margin-right:37px;}

#stroj { margin-bottom:10px; overflow:hidden;}

/* MENU */

#header ul { list-style-type:none; float:right; margin: 0px 0px 20px 60px;}
#header li { display:inline; }
#header li a { display:block; height:35px; float:left; font:17px Tahoma; font-stretch:condensed; border-left:#DFDFDF 1px solid; padding: 43px 0px 0px 14px; margin-left:23px; color:#000;}
#header li a:hover {color:#0099cc;}
#header li span { font:11px Tahoma; letter-spacing:-0.2px; color:#666;}

/* SIDE MENU */

#left ul { list-style-type:none; font:14px Tahoma; text-align:right;}
#left ul h3 { font:14px Tahoma; color:#999; display:block; margin:0px 12px 5px 0px;}
#left ul a { display:block; height:24px; line-height:24px; margin-bottom:2px; padding-right:12px; color:#000;}
#left ul a:hover { color:#fff; background:#017BBB; }

/* SEARCH  ##############  HIDDEN  ############### */  

#search_form { display:none;}

.input { border:#D0D6D6 1px solid; width:98px; margin:7px 0px 0px 5px;}
.input:hover { border:#8DD5F7 1px solid;}
.label { font:12px Tahoma; text-align:right; display:block; float:left; margin-top:12px;}
.submit { width:20px; height:20px; text-indent:-9999px; cursor:pointer; border:none; background:url(images/bttn_search.jpg) top left no-repeat; margin-top:7px;}
.submit:hover { background:url(images/bttn_search_hover.jpg);}

/* DETAIL PAGE */

#middleL { width:484px; margin:35px 0px 0px 6px;}
#middleR { width:279px; padding-top:95px;}
#boxR { width:201px; margin:0px 0px 25px 39px; text-align:justify;}


/* STILOVI */

#left h1 a { display:block; width:102px; height:135px; padding-left:87px; margin-bottom:135px; text-indent:-999999px; background:url(images/logo.png) top right no-repeat;}

#mainR h2 { padding:83px 0px 23px 40px; font:24px Tahoma; color:#fff;}
#mainR h2 span { font-size:30px;}
#mainR p { padding-left:40px; font-size:14px; color:#fff;}
#mainR img { margin-left:200px;}

#middleL h1 { font:36px Tahoma; color:#333;}
#middleL h2 { font:17px Tahoma; color:#333; margin: 25px 0px 25px 0px;}
#middleL p { color:#333; text-align:justify; margin-top:20px;}
#middleL p a { color:#00A3D7;}
#middleL p a:hover { color:#017BBB;}

#box h3, #boxR h3, h3 { font:17px Tahoma; line-height:40px; color:#333; display:block; border-bottom:#0065CB 1px dotted; margin-bottom:11px;}
#box img, #boxR img { margin-bottom:5px;}
#box p, #box li, #boxR p { font: 11px Tahoma; text-align:justify;}
#box p a, #boxR p a, #katalog p a { color:#00A3D7; display:block; margin-top:10px;}
#box p a:hover, #boxR p a:hover, #katalog p a:hover { color:#017BBB;}
#box li { padding-left:14px; margin-bottom:8px; line-height:14px; background:url(images/bullet.gif) 3px 5px no-repeat;}
#box ul { list-style-type:none;}

.middleTxt { line-height:35px; display:block; float:left;}
.highlight { color:#999;}

.activeSide { color:#fff; background:#017BBB;}

.slikaLijeva { float:left; margin:0px 5px 5px 0px;}
.slikaDesna { float:right;}
.bold { font-weight:bold;}
.italic { font-style:italic;}

.desno { float:right;}

.clear { clear:both;}

.naslov_tablice { background:#017BBB; font: bold 14px Tahoma; color:#FFF; line-height:26px;}