﻿/* popup */
#mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; }  
#boxes .window { position:absolute; left:0; top:0; width:600px; height:440px; display:none; z-index:9999; padding:20px; }
#boxes #dialog { width:600px; height:440px; }
/* popup*/
* {	margin:0; padding:0; }
body { font-family: Trebuchet MS, Arial, sans-serif;
	   font-size: 12px;
	   background:#000000 url('../img/body_bg.png') ;
	   color:#FFFFFF;
	  }


A { text-decoration: none; /*color: #dc3043;*/ color: #b5c7d1; }
P { margin-top: 10px; margin-bottom: 10px; }

H1 { font-size: 22px; color: #FFFFFF; margin-bottom: 10px; font-weight: normal; }
H1.model-default { color: #FFFFFF;
				   padding-left: 10px;
				   line-height: 40px;
				   margin-bottom: 0px; 
				   bbackground: url('../img/model-default-shortdesc_bg.png'); }
H1:first-letter { color: #dc3043; }
H2 { font-size: 18px; color: #FFFFFF; margin-bottom: 10px; font-weight: normal; }
H3 { font-size: 16px; color: #FFFFFF; margin-bottom: 10px; font-weight: normal; }
H4 { font-size: 12px; color: #FFFFFF; margin-bottom: 10px; }

.photoscheda {width:250px;heights:250px;}

 #iper {float:left;width:950px;}
  #ipera{float:left;width:250px;margin-top:50px;}
   #iperb {float: right;
    margin-top: 50px;
    width: 315px;}
   #iperc {float:right;width:250px;margin-top:50px;}
/*
DIV.article { font-size: 13px; }
DIV.article P { font-size: 13px; }
DIV.article A { font-size: 13px; }
DIV.article H3 { margin-top: 20px; }
DIV.article H4 { font-size: 13px; }
DIV.article STRONG { font-size: 13px; }
*/

#container { width:1400px; margin:auto; }
#content-image { width: 1378px; margin:0 auto; height: 498px; position: absolute; left:10px; top:102px; z-index:1; overflow: hidden; }

#logo { width: 190px; height: 70px; position: absolute; left:10px; top:30px; z-index:20; text-align: center; }
/*#newsletter { width: 1174px; height: 20px; line-height: 20px; position: absolute; left:214px; top:0px; z-index:20; text-align: right; }*/


#content-frame { width: 1400px; height: 590px; position: absolute; left:0px; top:20px; z-index:10; /*background-color: #000000;*/ }
#main_meni { width: 1174px; height: 34px; line-height: 34px; position: absolute; left:214px; top:10px; z-index:20; background: url('../img/main_meni_bg.png');}
#mainMenu {	list-style:none; width:860px; height:34px; overflow: hidden; float: left; }

#mainMenu li { float:left; }

#mainMenu li a { display:block;
				 line-height:34px;
				 font-size: 14px;
				 text-decoration:none;
				 padding: 0 10px;
				 margin-right:1px;
				 color:#2a2a2a;
				 }

#mainMenu li a:hover { background: url('../img/menu_item_bg.png'); color: #fffefe; }
#mainMenu  a.active_true { background: url('../img/menu_item_bg.png'); color: #fffefe; }


#newsletter { width: 160px; height: 34px; line-height: 34px; text-align: right; float: right; }
#newsletter a { line-height:34px; font-size: 14px; text-decoration:none; color:#2a2a2a; }
#lang_selector { height: 34px; width: 90px; float: right; }
#lang_selector DIV { padding-top: 5px; padding-right: 5px; }

A.lang_sel { display: block;
			 background: url('../img/lang_bg.png') no-repeat;
			 width: 26px;
			 height: 24px;
			 line-height: 24px;
			 text-align: center;
			 float: right;
			 color: #feffff;
			 font-size: 12px;
			}

#boat_meni { width: 1174px; height: 34px; line-height: 34px; position: absolute; left:214px; top:46px; z-index:20; background-color: #3c4044; }
#boat_meni a { display:block;
			   line-height:24px;
			   font-size: 14px;
			   text-decoration:none;
			   padding: 0px 10px;
			   margin: 5px 1px 5px 0px;
			   color:#ffffff;
			   float: left;
			   }
#boat_meni a:hover { background-color: #000000; }
#boat_meni  a.active_true { background-color: #000000; }

#content { width: 1378px; margin: auto; position: absolute; left:10px; top:82px; z-index:20; }
#content #left_column { width: 190px; float:left; }
DIV.main_column { width: 1174px; float:right; /*background-color: #FFFFFF;*/ background: url('../img/model-default-shortdesc_bg.png'); height: 498px; overflow: auto; }
DIV.main_column_home { width:1174px; float:right; /*background-color: #FFFFFF;*/ height: 498px; overflow: auto; }
DIV.main_column_inner { margin: 10px; } 

/* submeni */
DIV.box_inner_submenu { background: url('../img/submenu_bg.png') no-repeat bottom;
						height: 498px;
						overflow: hidden;
						text-align: center;
						}
DIV.box_inner_submenu H3 { background-color: #000000; color: #929292; text-transform: uppercase; height: 28px; margin: 0px 20px 10px 20px;}
A.submenu_selected_false { display: block;
						   font-size: 14px;
						   color:#FFFFFF;
						   line-height: 28px;
						   border-bottom: dotted 1px #000000;
						   margin: 0px 20px 0px 20px;
						   }
A.submenu_selected_false:hover { color: #FFFFFF;
								 background: url('../img/submenu_item_bg.png');
								 }
A.submenu_selected_true { display: block;
						  font-size: 14px;
						  color: #FFFFFF;
						  line-height: 28px;
						  border-bottom: dotted 1px #000000;
						  background: url('../img/submenu_item_bg.png');
						  margin: 0px 20px 0px 20px;
						  }
/* submeni kraj*/
DIV.box_inner_default-left { background: url('../img/submenu_bg.png') no-repeat bottom;
							 height: 498px;
							 overflow: hidden;
							 text-align: center;
							 font-size: 11px;
							 }
DIV.box_inner_default-left H3 { background-color: #000000; color: #929292; text-transform: uppercase; height: 28px; margin: 0px 20px 10px 20px;}

#footer-images { width:972px;
				 height:90px;
				 color: #505358;
				 font-size: 11px;
				 margin: auto;
				 position: absolute;
				 left: 6px;
				 top:490px;
				 z-index:20;
				 }

#footer { width:840px;
		  height:40px;
		  color: #505358; 
		  font-size: 11px;
		  margin: auto;
		  position: absolute;
		  left:10px;
		  top:590px;
		  z-index:20;
		  }
#footer A { color: #505358; text-decoration: none; font-size: 11px; }
#footer_links { text-align: center; line-height:26px; color: #505358; }
#footer_links A { color: #505358; text-decoration: none; } 

DIV.contact_form { width: 462px; overflow: hidden; }
DIV.columnL {  }
DIV.key {  }
DIV.value {  }
INPUT.form { width: 218px; border: 1px solid grey; }
INPUT.form_large { width: 460px; border: 1px solid grey; }
TEXTAREA.message { width: 460px; border: 1px solid grey; }
INPUT.sendButton { background: url('../img/menu_item_bg.png') top center; color: #fffefe; border: none; width: 60px; height: 24px;  }

DIV.contentShrinked { /*width: 300px; float: left;*/ }
DIV.thumblist { width:280px; float: right; text-align: right; }
DIV.thumblist A { margin: 0px; padding: 0px; }
IMG.thumb { border: double 3px #323232; }
IMG.thumb:hover { border: solid 3px #f7972e; }

IMG.category_thumb { border: solid 1px #187bc7; margin-right: 15px; margin-bottom: 5px; }

DIV.thumblist-footer { height: 90px; overflow: hidden; }
IMG.thumb-footer { float: left; border: none; margin: 0px 4px 0px 4px; }
/*BOXES*/
DIV.content_main_box_category { min-height: 70px; margin-bottom: 10px; }
DIV.category_main_box { border-bottom: solid 1px red; }
DIV.content_main_box_category-rute { float: left; width: 300px; margin-bottom: 20px; }
DIV.category_main_box-rute { bbackground-color: blue; margin-right: 10px; min-height: 90px; }
DIV.category_main_box-rute IMG { float: left; margin-right: 15px; border: solid 1px #187bc7; }

DIV.model-default-shortdesc { padding: 10px;
							  margin-top: 380px;
							  color: #FFFFFF;
							  line-height: 24px;
							  bbackground: url('../img/model-default-shortdesc_bg.png');
							  }


DIV.box_frame { padding: 20px 0px 0px 20px; }
DIV.box { }
DIV.box_inner { padding-left: 20px; padding-right: 20px; background-color: #323232; border-left: solid 2px #4d4d4d; border-right: solid 2px #4d4d4d; }
DIV.box_inner H3 { color: #f7972e; }
DIV.box_inner P { margin-top: 10px; margin-bottom: 0px; }
DIV.box_inner A { display: block; color:#fffefe; line-height: 20px; border-bottom: solid 1px #656565; }

DIV.newsBox { width: 190px; height: 498px; float: left; overflow: hidden; font-size: 11px; background: url('../img/submenu_bg.png') no-repeat; }
DIV.newsBox H3 { background-color: #000000; color: #FFFFFF; text-transform: uppercase; height: 28px; margin: 0px 20px 10px 20px; text-align: center;}
DIV.newsBox_inner { padding: 0px 10px 0px 10px; line-height: 14px; }

DIV.newsBox_content { font-size: 11px; line-height: 14px; height: 166px; padding: 0px 10px 0px 10px; overflow: hidden; }
DIV.newsBox_content P { font-size: 11px;  }
DIV.newsBox_content A { display: block; font-size: 11px; line-height: 16px; border-bottom: solid 1px #656565;}

DIV.sm_box_3_frame { width: 246px; height: 170px; overflow: hidden; float: left; }
DIV.sm_box_3 { width: 230px; height: 160px; float: right; }
DIV.sm_box_3_inner { padding: 5px 4px 0px 4px; }
DIV.sm_box_3_inner H3 { background-color: black;
						color: white;
						line-height: 34px;
						padding-left: 10px;
						}
DIV.sm_box_3_content { font-size: 11px; height: 166px; padding: 0px 10px 0px 10px; overflow: hidden; }
DIV.sm_box_3_content P { font-size: 11px; line-height: 15px;}
DIV.sm_box_3_content A { display: block; font-size: 11px; line-height: 30px; border-bottom: solid 1px #656565;}

A.button-next { display: block;
				color: #FFFFFF;
				text-align: center;
				width: 70px;
				margin-top: 6px;
				line-height: 20px;
				text-decoration: none;
				background: url('../img/opsirnije_bg.png') no-repeat;
				}
TABLE.tehnicki-podaci { width: 340px; margin-bottom: 20px; }
TABLE.tehnicki-podaci TD { padding-left: 20px; line-height: 20px; font-weight: bold; font-size: 11px; border-bottom: solid 1px #dc3043; }
TABLE.tehnicki-podaci TD.color { /*color: #dc3043;*/ color: #b5c7d1; text-align: right; width: 140px; }
TR.row { /*background-color: #ffd8dc;*/ }
DIV.oprema { width: 340px; }
DIV.oprema H2 { margin-top: 10px; }
DIV.oprema P { margin-top: 0px; line-height: 24px;}

DIV.category-modeli { width: 350px; float: left; }
A.category-modeli-image { display: block;
						  width: 140px;
						  height: 80px;
						  overflow: hidden;
						  -webkit-border-radius: 5px;
						  -moz-border-radius: 5px;
						  border-radius: 5px;
						  border: solid 1px #f7972e;
						  float: left;
						  }
A.category-modeli-title { display: block; line-height: 20px; font-weight: bold;}
A.category-modeli-title SPAN { /*color:#2a2a2a;*/color:#FFFFFF; }
DIV.category-modeli-text { float: right; width: 190px; height: 105px; overflow: hidden; }

DIV.category-test { border-bottom: solid 1px #dc3043; margin-bottom: 10px; }

DIV.dealers { float: left; width: 250px; height: 240px; }
