body {font-size:12px; background:#07202a url(../images/back_gradient.png) repeat-x left top; color: #333; font-family: Tahoma; overflow-y:scroll }

a{color:#202a33; text-decoration:none}
a:hover{text-decoration:underline}
h1{font-family: "Trebuchet MS"; text-transform: uppercase; font-size:1.4em; font-weight:300; padding-bottom:10px}
h3{font-size:18px; margin-bottom:10px}
h4{color:#006992; float:left; clear:left; font-size:16PX; padding-left:5px; margin-bottom:10px; font-weight:300;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.active{color:#006992; width:450px}
p {line-height:15px!important}
/************** header sekcija ***********************/
#header,#wrapper{margin:20px auto 0px auto; width:950px; }
#header{background: url(../images/header_back.png) repeat-x left -6px; height:55px; font-family: Tahoma; position:relative; }
	#header .logo{ width:104px;float:left;padding:10px 0 10px  35px;background:url(../images/header_left.png) no-repeat left 0px; }

#header ul {float:right;width:775px;height:55px; margin-right:-10px;	padding:0px 10px 0 35px; background:url(../images/header_right.png) no-repeat right	 -6px; }
#header ul li{display:inline;float:left; padding:5px 0}
#header ul li a{padding:13px 13px 9px 13px; font-size:20px;float:left; height:25px;	}	
#header ul li a:hover, .moto{text-decoration:none; background: #3b6270 url(../images/main_hover.png) repeat-x left -6px ;  color:#fafafa; }

#header ul li.moto{width:auto; margin:5px 0px 5px 0; padding:14px 10px 9px 10px;  text-align:center; font-size:20px;  background:transparent ; color:#333; font-family: Palatino Linotype; border-top:none; border-bottom:none}
#header ul li.moto .blue_font,.blue_font{color:#09a3db}
#header ul li a span, h3 span, #bottom .box h1 span {  background: url(../images/shin1y.png) repeat-x left 3px;  position: absolute;  float:left;  width: auto;  height: 25px}
#header ul li a:hover span{background:none}
#header p.lang{position:absolute; top:-17px;right:20px; font-size:1em; color:#d8d3ab;font-family: Palatino Linotype}
#header p.lang a{color:#fafafa; font-family: Palatino Linotype; font-size:1.1em; text-transform: capitalize; }
#header p.lang a img{position:relative; top:2px; width:20px; height:15px}
/****************** main content ***********************/
#wrapper{width:970px; margin:5px auto 0 auto }

/***************** bottom ***********************/

#bottom{ width:100%; background: url(../images/bottom_back.png) repeat-y 5px top; padding:0 0 0px  17px; font-size:1.3em; float:left}
#bottom .box{border:solid 1px #cfdce0; float:left; width:270px; height:135px; font-size:12px; margin:10px; position:relative; padding:10px 10px 0 10px}
#bottom .box a,#contact  .submit_button{padding:5px 0px; float:left; margin:10px 0 0 185px; background:url(../images/detaljnije.png) no-repeat; color:#fafafa; font-family:Palatino Linotype; width:80px; text-align:center}
#bottom .box a:hover,#contact   .submit_button:hover{color:#baedff; text-decoration:none}
#bottom .box img{float:right; margin:0 0 5px 5px}
 #bottom .box h1 span{width:150px}
 #bottom .box h2 {font-size: 1.1em; text-transform:uppercase; font-weight:300} 
#bottom .box a{position:absolute;bottom:0px;}
#bottom .box p{font-size:1em; line-height:14px!important}

/******************** footer ******************************/
#footer {width:100%; float:left;margin:0 auto;  background: url(../images/footer_back2.png) repeat-y left top; text-align:center; padding:25px 0 15px 0; font-size:1.4em }
#footer ul li {display:inline; color:#b5b18f;}
#footer ul li a {color:#b5b18f;font-size:11px}
#footer ul li a:hover {color:#fafafa; text-decoration:none}
#copyright { color:#817e66;width:975px; float:left; text-align:center;  padding: 10px 0px 35px 0px;  background: url(../images/copyright_back.png) no-repeat left bottom ; }

/********************** other pages **************************/
#wrapper #main{width:916px; background:#fefefe;margin:0 0 0 15px;  padding:10px; float:left}
#right{float:left; width:700px; margin-left:10px; font-size:1.2em; }
h3 span{width:180px}
#bottom_box h3 span{background:url(../images/shiny2.png) repeat-x left top; }

/********************* levi meni *******************************/
#main #menu_left {width:205px; float:left; margin-right:10px}
#main #menu_left ul, #bottom_box{background: #e0e3e2 url(../images/menu_back.png) repeat-x left top; height:auto; padding:0 0 10px 0; float:left; margin:0 10px 10px 0}
#main #menu_left ul  li{padding:0 10px; clear:left}
#main #menu_left ul li a{ border-bottom: solid  1px #cdd0cf; width:185px; display:block; padding:5px 0; color:#4a4a4a; font-size:12px;}
#main #menu_left .no_border li a{border:none; font-weight:500;font-size:14px; color:#29586a}
#main #menu_left ul  li p{border-bottom: solid  1px #cdd0cf; width:185px;font-size:12px!important; cursor:pointer}
#main  #menu_left ul li:hover,#main #menu_left ul li a:hover{text-decoration:none; background:#29586a;  color:#fafafa;border-color:#29586a}
#main  #menu_left ul li:hover a{color:#fafafa}
#main #menu_left #title { font-size:16px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; width:auto;color:#fafafa;height:auto;  margin: 0 0 3px 5px; padding:5px 10px 5px 10px; background: url(../images/h3_back.png) no-repeat right bottom; text-align:center;  float:left; position:relative;}
#main #menu_left #title b.left{width:7px; height:25px; float:left; display:block;  background: url(../images/h3_left.png) no-repeat -1px bottom; position:absolute; bottom:0px; left:0px}
#bottom_box {width:185px; font-size:1.4em; padding:10px; margin-bottom:10px}

/*************** listanje kategorija *****************************/
.preview{border:solid thin #cdd0cf; background:#e0e3e2; float:left; padding:3px; font-size:1.2em; margin:0 15px 10px 0; width:140px; cursor:pointer}
.preview img{margin-bottom:3px}
.preview:hover{text-decoration:none;color:#fafafa; background:#29586a;}
.preview p{height:25px; font-size:11px !important; line-height:11px !important;}

/********************* desni content sa bannerima i sl. **************/
#right_info{width:205px; float:right; font-size:1.0em}
#right_box {width:185px; float:left; font-size:12px; background:gray; background: #e0e3e2 url(../images/menu_back.png) repeat-x left top; padding:10px 10px 10px 10px; margin-bottom:10px}
#right_box h3{font-size:14px!important}
#right_box a{font-size:12px; padding:5px 5px 0 5px; display:block}
#right_box a:hover{color:#006992}

/**************** contact *********************************/
#contact{padding: 0px}
#contact h3{font-size:16px}
#contact h3 span {width:145px;background:url(../images/shiny2.png) repeat-x left top; }
.shiny {background:url(../images/shiny.png) repeat-x left top;}
.shiny2 {background:url(../images/shiny2.png) repeat-x left top;}
#contact  label,  #contact input, #contact  textarea{width:175px; font-size:12px}
#contact  label{padding:5px; display:block; font-size:11px}
#contact  textarea{height:100px; width:175px; font-family:"Tahoma"; font-size:12px}
#contact  .submit_button{padding:0px 15px 3px 15px; float:right; margin:10px 0 0 0; background:url(../images/detaljnije.png) no-repeat left top; color:#fafafa; font-family:Palatino Linotype;   width:80px; text-align:center; border:none; cursor:pointer; width:auto;font-size: .9em}
#contact input, #contact textarea{border:solid 1px #b9b9b9; padding:3px; font-size:12px; color:#777}
#contact #email:focus, #contact #name:focus, #contact textarea:focus {background:#f5f5f5; border:solid 1px #006992; color:#333}

#main #middle_content{width:490px;float:left; font-size:11px;}
#main #middle_content h3{ font-size:18px}
#main #middle_content p{ font-size:1.4em; line-height:1.5em}
#main #middle_content p span{font-size:1.2em; color:#29586a}


#main #menu_left .no_border li  p{font-size:1.5em; padding-bottom:5px}

#mapa{width:170px; text-align:center; float:right}
#mapa .map{background: #fff; border:solid 1px #cdd0cf; padding: 5px; margin:5px}
#mapa span{position:relative;font-size:1.4em}

#paging{font-size:1.2em; padding-bottom:5px}
#paging .navigation{padding-left: 5px; font-size:12px}
#paging .navigation,#paging a{font-size:12px;}
#paging  a{color:#1f5468;  padding:2px 3px 2px 3px}
#paging a:hover {background:#ededed;}


/************************* prikaz jednog proizvoda ***********************/
.product {float:left; padding:10px 5px}
#product_info{padding:10px 5px;float:left; height:178px; position:relative;width:240px}
#middle_content #product_info h3{font-size:18px; margin-top:15px}
#product_info p{position:absolute; bottom:5px; }
#product_info p img{margin-right:5px; margin-bottom:5px; vertical-align:middle}
#middle_content p{width:100%; float:left; clear:left; font-size:12px!important; padding-left:5px}

.rigth_box_text{font-size:1em; text-align:left}
.rigth_box_link{padding:5px 10px 7px 10px!important; margin-top:15px; font-size:.8em; float:right;color:#f2f2f2;
	 background:url(../images/h3_art.png) repeat-x; }
.rigth_box_link:hover{text-decoration:none; color:#fff; background:#333}

#manuals{float:left; width:auto; padding:10px 10px 10px 0; border-top:solid 1px #eee;margin-top:10px; font-size:100%; }
#manuals img{padding:5px; background:#ededed}
#manuals h4{width:450px;clear:both}

.right_info p{font-size:.8em}

.galery{width:100%; float:left; clear:left; width:500px; margin-bottom:20px}
.galery img{float:left; padding:2px; margin-left:5px; margin-bottom:5px ;border:solid thin #ddd}
a.download{font-size:12px;display:block; float:left; clear:left; padding:5px ;color:#fff;  background:#29586a; margin-top:20pxv}

ul.other_models {width:660px}
ul.other_models li{float:left; width:215px; margin-right:3px}
.top_border{float:left; width:100%; height:10px; background:url(../images/top_border.png) 15px top no-repeat;}