@import url("navigacija.css");

* 											{ margin: 0px; padding: 0px; }
html 										{ font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333333; }
body 										{ margin: 10px 0px; padding: 0px; }
a:link 										{ color: #da251d; }
a:visited 									{ color: #DA251D; }
a:hover 									{ color: #226AB4; text-decoration: none; }

.clear 										{ font-size: 0px; line-height: 0px; text-decoration: none; margin: 0px; padding: 0px; height: 0px; width: 0px; clear: both; }
.FloatLeft 									{ float: left; margin: 0px 5px 3px 0px; padding: 1px; background: #FFFFFF; border: 1px solid #CFCFCF; }

select, input, textarea 					{ font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; }

/********** CONTAINER *********/
#container 									{ width: 980px; margin-right: auto; margin-left: auto; padding: 0px; margin-top: 0px; }

/********** LOGOS *********/
#logos 										{ margin: 0px; padding: 0px; position: relative; height: 52px; }
#integra-logo 								{ background: url(../images/integra-logo.jpg) no-repeat 0px 0px; position: absolute; height: 29px; width: 222px; left: 749px; top: 12px; margin: 0px; padding: 0px; }
#integra-logo a 							{ text-indent: -9999px; display: block; height: 29px; width: 222px; margin: 0px; padding: 0px; }
#suzuki-logo 								{ background: url(../images/suzuki-logo.jpg) no-repeat 0px 0px; position: absolute; height: 42px; width: 227px; left: 8px; top: 4px; right: 10px; margin: 0px; padding: 0px; }
#suzuki-logo a 								{ text-indent: -9999px; display: block; height: 42px; width: 227px; margin: 0px; padding: 0px; }

/********** FLASH HEADER *********/
.FlashHeader 								{ padding: 0px; height: 203px; width: 978px; top: 55px; margin: 0px 0px 2px; border: 1px solid #d0d0d0; }
.okvir 										{
			margin: 0px;
			border: 1px solid #d0d0d0;
			background: #FFFFFF;
			padding: 1px;
			clear: both;
}

/********** CONTENT *********/
#content 									{ padding: 5px 0px 15px; width: 980px; margin-right: auto; margin-left: auto; }

/********** LEFT COL *********/
#leftCol 									{ float:left; width:230px; margin: 0px; padding: 0px; display: inline; }

/********** LEFT MENU *********/
#LeftMenuModel 								{ margin: 0px; padding: 0px 0px 14px; list-style: none; width: 230px; background: url(../layout/bgModelMenuFoot.gif) no-repeat bottom; }
#LeftMenuModel li 							{ display: block; height: 47px; width: 218px; background: url(../layout/bgModelMenuItem.gif) no-repeat; margin-bottom: 4px; padding-left: 3px; }
#LeftMenuModel li a 						{ display: block; height: 47px; width: 218px; /*text-indent: -9999px;*/ }
/*#LeftMenuModel li a#swift 					{ background: url(../images/model-swift.jpg) no-repeat 2px 0px; }
#LeftMenuModel li a#grandvitara 			{ background: url(../images/model-grandvitara.jpg) no-repeat 0px 0px; }
#LeftMenuModel li a#jimny 					{ background: url(../images/model-jimny.jpg) no-repeat 0px 0px; }
#LeftMenuModel li a#sx4 					{ background: url(../images/model-sx4.jpg) no-repeat 0px 0px; }
#LeftMenuModel li a#sx4sedane 				{ background: url(../images/model-sx4sedane.jpg) no-repeat 0px 0px; }
#LeftMenuModel li a#splash	 				{ background: url(../images/model-splash.jpg) no-repeat 0px 0px; }*/

/********** ANKETA *********/
#anketa 									{ margin: 0px 0px 15px; padding: 0px; width: 220px; clear: both; }
#anketa h1 									{ height: 27px; margin: 0px 0px 0px 10px; padding: 4px 0px 0px; text-align: center; color: #FFFFFF; background: url(../images/anketaTop.jpg) no-repeat; width: 201px; text-transform: uppercase; font-size: 15px; }
fieldset 									{ border-style:none; margin: 0px; padding: 0px 0px 0px 16px; }
legend 										{ display:none;}
#anketa p 									{ text-align: center; color: #226ab4; font-size: 11px; background: transparent url(../images/pitanjeBg.jpg) repeat-x top; margin: 0px 0px 3px; padding: 3px 5px 6px; width: 180px; text-transform: uppercase; }
#anketa ul 									{ list-style-image:none; list-style-position:outside; list-style-type:none; width:180px; margin: 0px 0px 10px; padding: 7px 5px 0px; }
#anketa li 									{ display:block; vertical-align:middle; width:180px; clear: both; float: left; padding: 0px; margin: 0px 0px 2px; }
#anketa li input.radioButton				{ display:block; float:left; width:20px; }
#anketa li label	 						{ display:block; float:left; width:160px; margin: 0px; padding: 0px; }
#anketa #tipke 								{ text-align:center; width:190px; clear: both; padding-top: 6px; background: url(../images/anketaBg.gif) no-repeat 0px bottom; padding-bottom: 10px; }
.inputButton 								{ color:#000000; cursor:pointer; font-weight:normal; margin:0px; font-style: normal; line-height: normal; font-variant: normal; height: 20px; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px 3px; border: 1px solid #e4e4e4; }
.radioButton 								{ height:1em; margin:0px; width: 1em; }

/********** CENTAR COL *********/
.centercol 									{ margin: 0px; padding: 0px; float: left; width: 540px; display: inline; }
.centercolRabljena							{ margin: 0px; padding: 0px; float: left; width: 770px; display: inline; }


/********** BIG BANNER *********/
.bigBanner 									{ padding: 2px 2px 0px; margin-bottom: 5px; border: 3px solid #d0d0d0; }
.bigBanner img 								{ border-style: none; margin-bottom: 2px; }

/********** NEWS *********/
#news 										{ margin: 0px; padding: 0px; }
.title 										{ background: url(../images/titleBg.jpg) repeat-x; font-size: 16px; text-transform: uppercase; color: #FFFFFF; margin: 0px; padding: 2px 0px 3px 10px; }
.newsListBox2 								{ margin:0px; padding:0px 0px 20px; background: #FFFFFF url(../images/bgNews2.jpg) no-repeat 0px bottom; }
.newsListBox1 								{ margin:0px; padding:0px 0px 20px; background: #FFFFFF url(../images/bgNews1.jpg) no-repeat 0px bottom; }
.newsBoxLeft 								{ float:left; margin:0px; padding:0px; width:266px; background: #FFFFFF; border-top: 1px solid #f3f4f5; border-right: 1px solid #f3f4f5; border-left: 1px solid #f3f4f5; }
.newsBoxRight 								{ float:right; margin:0px; padding:0px; width:267px; background: #FFFFFF; border-top: 1px solid #f3f4f5; border-right: 1px solid #f3f4f5; border-left: 1px solid #f3f4f5; }
.newsTitle 									{ margin:2px; padding:0px; background: #FFFFFF url(../images/titleNewsBg.jpg) repeat-x left top; border-bottom: 1px solid #f3f4f5; }
.newsTitle a, 
.newsTitle a:visited 						{ color:#226ab4; display:block; font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0px; padding:6px 0px 6px 8px; text-decoration:none; text-transform:uppercase; }
.newsTitle a:hover 							{ color:#A7031C; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none; text-transform:uppercase; }
.newsListBox2 img, 
.newsListBox1 img 							{ border:2px solid #E8E8E8; clear:both; float:left; margin-left:2px; margin-right:5px; margin-bottom: 2px; }
.newsListBox2 p, 
.newsListBox1 p 							{ margin:0px 3px 0px 0px; padding:0px 3px; }
.newsListBox2 .dateLeft, 
.newsListBox1 .dateLeft  					{ display: block; text-align: right; padding: 0px; color: #979797; margin: 0px; width: 254px; float: left; }
.newsListBox2 .dateRight					{ display: block; text-align: right; padding: 0px; color: #979797; margin: 0px 0px 0px 22px; width: 250px; float: left; }

/********** RIGHT COL *********/
#RightCol 									{ float: right; width: 202px; margin: 0px; padding: 0px; display: inline; }

/********** SMALL BANNER *********/
.smallBanner 								{ background: #343434; margin: 0px; padding-top: 3px; padding-left: 3px; padding-bottom: 1px; }
.smallBanner img 							{ border-style: none; padding: 0px; display: block; margin: 0px 0px 3px; clear: both; }

/********** VIDEO *********/
.video 										{ margin: 15px 0px 15px 10px; background: #343434; padding: 3px 3px 1px 4px; display: inline; width: 197px; float: left; }
.video object 								{ margin-bottom: 3px; padding: 0px; z-index: 100; }

/********** FOOTER *********/
#footer 									{ margin: 0px; padding: 0px; background: url(../images/footerBg.jpg) repeat-x 0px 0px; height: 44px; }
#newsletter 								{ width: 230px; float: left; display: inline; margin: 0px; padding: 20px 0px 0px 6px; background: url(../images/newsletterBg.jpg) no-repeat 5px 4px; }
#newsletter fieldset 						{ height: 20px; margin: 0px; padding: 0px; }
#newsletter .txtBox 						{ left: 0px; top: 0px; background: url(../images/newsletterfield.jpg) no-repeat 0px 0px; height: 18px; width: 167px; border-style: none; padding-top: 4px; padding-left: 5px; color: #333333; float: left; }
#newsletter .inputBtn	 					{ margin: 0px; padding: 0px; float: left; height: 20px; width: 21px; }
.newsletterBtn { height: 20px; width: 22px; background: url(../images/submitNewsletter.jpg) no-repeat 0px 0px; left: 169px; border-style: none; }

#prava 										{ left: 771px; top: 7px; text-align: right; color: #FFFFFF; padding-top: 7px; padding-right: 7px; }
#prava a 									{ color: #e5ea5e; text-decoration: none; }

/********** MODEL LINKS *********/
#modelLinks 								{ width: 533px; list-style: none; margin: 0px 0px 15px; padding: 0px 0px 0px 10px; text-align: center; height: 22px; }
#modelLinks li 								{ background: url(../images/bgModelMeni.jpg) no-repeat; height: 22px; width: 129px; margin: 0px; padding: 0px; display: block; float: left; }
#modelLinks li.separator 							{ margin-right: 2px; }
#modelLinks li a 							{ display: block; height: 18px; padding-top: 5px; color: #EFEFEF; text-transform: uppercase; text-decoration: none; font-size: 10px; }
#modelLinks li a:hover						{ text-decoration: underline; color: #FFFFFF; }

/********** SADRŽAJ *********/
.sadrzaj 									{ margin: 0px 0px 10px; padding: 5px 5px 0px; clear: both; }
.sadrzaj p 									{ margin-bottom: 7px; line-height:18px; }
.sadrzaj img 								{ background: #FFFFFF; padding: 1px; border: 1px solid #D0D0D0; }
.sadrzaj ul li 								{ list-style: inside; }
.sadrzaj ol li 								{ list-style: inside; }

/********** DOCUMENTS *********/
#documents 									{ margin: 0px 0px 15px; padding: 0px; background: url(../images/bgDocument.jpg) repeat-y 0px 0px; }
#documents h2 								{ margin: 0px; padding: 0px; font-size: 12px; text-transform: uppercase; }
#documents ul 								{ margin: 0px; padding: 30px 0px 5px 65px; list-style: none; background: url(../images/bgVezaniDokumenti.jpg) no-repeat 0px 0px; }
#documents li 								{ background: url(../images/bullet.jpg) no-repeat 0px 5px; margin: 0px; padding: 0px 0px 0px 18px; }
#documents a 								{ color: #333333; text-decoration: none; }
#documents a:hover 							{ text-decoration: underline; }
#documents span 							{ color: #7C7C7C; }
#documentBottom 							{ background: url(../images/bgBottomVezaniDokumenti.jpg) no-repeat 0px 0px; margin: 0px; padding: 0px; height: 6px; font-size: 0px; line-height: 0px; }

/********** GALLERY *********/
.gallery 									{ display: inline; margin: 5px 0px; padding: 0px 0px 0px 2px; float: left; width: 540px; }
.wrapper 									{ float:left; margin:0 3px 0 0; padding:0; text-align:center; width: 132px; }
.wrapper img 								{ background: #FFFFFF; padding: 1px; border: 1px solid #D0D0D0; }
.wrapper p 									{ margin-bottom: 3px; }
.centercolRabljena .gallery 				{
			display: inline;
			margin: 5px 0px;
			padding: 0px;
			float: left;
			width: 765px;
}
.centercolRabljena .wrapper 				{ float:left; margin:0 3px 0 0; padding:0; text-align:center; width: 132px; }
.centercolRabljena .wrapper img 			{ background: #FFFFFF; padding: 1px; border: 1px solid #D0D0D0; }
.centercolRabljena .wrapper p 				{ margin-bottom: 3px; }
.poruka ul { margin-bottom: 10px; }

.poruka ul li 									{ font-style: italic; background: url(../images/bullet2.gif) no-repeat 5px 3px; display: block; padding: 0px 5px 2px 20px; color: #535353; margin: 0px; height: 12px; list-style: none; }

/********** PRETRAŽIVANJE *********/
#filter 									{
			width: 760px;
			overflow: auto;
			display: block;
			margin: 0px 0px 5px;
			padding-top: 15px;
			padding-left: 0px;
}
#filter label 				 				{ display: block; float: left; margin-bottom: 10px; padding: 2px 5px 2px 2px; text-align: right; }
#filter input 								{ display: block; float: left; margin-bottom: 10px; padding: 2px 5px 2px 2px; }
#filter br 									{ clear: left; }
.filtertxtBox  								{
			background: #FFFFFF;
			padding: 2px;
			margin-bottom: 2px;
			width: 150px;
			text-align: left;
			border: 1px solid #D0D0D0;
}
#filter select 								{
			font-size-adjust:none;
			font-stretch:normal;
			margin-bottom:3px;
			padding:2px 1px 2px 2px;
			width:130px;
			margin-left: 0px;
			border: 1px solid #D0D0D0;
			margin-right: 0px;
			float: left;
} 
#select option 								{ padding-left: 5px; }
.label-mala 								{
			width:30px;
}
.label-veca 								{
			width:110px;
}
#pretrazilbl 								{ width: 69px; height: 20px; margin: 0px; padding: 0px; border-top: none; border-right: none; border-bottom: none; border-left: none; background: #FFFFFF; }
.block
{
			margin: 0px 0px 15px;
			padding: 0px;
			display: block;
			float: left;
			width: 765px;
			clear: both;
}
.block-clear
{
			clear: both;
			margin: 0px;
			padding: 0px;
			display: block;
			float: left;
			width: 765px;
}





/********** RABLJENA VOZILA *********/
.content-block 								{
			float: left;
			padding: 8px;
			width: 135px;
			min-height:90px;
			margin: 0px;
			display: inline;
}
.content-block img
{
			text-align: center;
			margin-left: 3px;
}

.content-block a 							{ color: #DA251D; text-decoration: none; font-size: 1.1em; }
.content-block a:hover 						{ color: #226AB4; }
.content-block p 							{ margin-bottom: 6px; }
.content-block h3 							{
			color: #DB261F;
			margin: 0px 0px 4px;
			text-transform: uppercase;
			font-size: 11px;
			text-align: center;
			display: block;
			height: 50px;
			padding: 0px;
			overflow: hidden;
}
.table-align 								{
			clear: both;
}
.content-block   .table-align  td 							{ padding: 3px 4px; background: url(../images/dotten1.gif) repeat-x 0px bottom; }
.content-block   .table-align  th 							{
			text-align: left;
			font-weight: normal;
			color: #226AB4;
			background: url(../images/dotten1.gif) repeat-x 0px bottom;
			padding: 3px 4px;
}
.detailsLink {
			clear: both;
			text-align: center;
			padding-left: 16px;
}

.detailsLink a 								{
			color: #333333;
			text-decoration: none;
			background: url(../images/bgTipke.jpg) repeat-x 0px 0px;
			padding: 0px 12px 1px;
			margin: 6px 0px 0px 2px;
			height: 16px;
			border: 1px solid #E6E6E6;
			display: inline;
			float: left;
}

.detailsLink a:visited 						{ color: #333333; }
.detailsLink a:hover 						{ color: #DA251D; }

.rabljenaDetTable 							{ width:100%; margin: 0px 0px 20px; padding: 0px; }
.rabljenaDetTable td 						{ padding: 3px 4px; background: url(../images/dotten1.gif) repeat-x 0px bottom; }
.rabljenaDetTable th 						{ text-align: left; font-weight: normal; color: #226AB4; background: url(../images/dotten1.gif) repeat-x 0px bottom; }
.rabljenaDetTable td.center					{ background: url(../images/dotten1.gif) repeat-x 0px bottom; text-align: center; }
.rabljenaDetTable th.center					{ text-align: center; font-weight: normal; color: #226AB4; background: url(../images/dotten1.gif) repeat-x 0px bottom; }

/********** RABLJENA VOZILA  KALKULATOR*********/
#BrojGodina 								{ width: 100px; }
#BrojGodina option 							{ padding-left: 5px; }


/********* FORMA *********/
#mainForma 									{ display: inline; float: left; padding: 0px; width: 500px; margin: 0px; }
#mainForma p 								{ margin: 5px 5px 10px; padding: 0px; }
#mainForma fieldset 						{ margin: 0px; float: left; display: inline; padding: 0px; width: 500px; }
#mainForma label 							{ text-align: right; width: 130px; display: block; float: left; margin: 3px 0; padding: 0 5px 0 0; color: #637079; }
#mainForma br 								{ clear:left;}
#mainForma .upit-input 						{ font-size: 1em; background: #FFFFFF; border: 1px solid #CCCCCC; height: 17px; width: 250px; float: left; margin-bottom: 3px; padding: 3px 0px 2px 2px; background: #FFFFFF; color: #3A3A3A; }
#mainForma .textarea 						{ font-size: 1em; background: #FFFFFF; border: 1px solid #CCCCCC; width: 250px; float: left; margin-bottom: 3px; padding: 3px 0px 2px 2px; background: #FFFFFF; color: #3A3A3A; height: 100px; }
#mainForma textarea:focus,
#mainForma .upit-input:focus	 			{ background: #fff; border: 1px solid #226AB4; }
.obavezno 									{ color: #FF0000; }
.button		 								{ font-size: 11px; padding-top: 5px; display: inline; float: left; width: 500px; text-align: center; padding-bottom: 5px; margin-left: 7px; margin-top: 2px; }
.button a 									{ color: #2E3192; text-decoration: none; font-size: 12px; }
.button a:visited 							{ color: #2E3192; text-decoration: none; }
.button a:hover 							{ color: #2E3192; text-decoration: underline; }

/********* PAGINATION *********/
.pagination 								{ background:transparent url(/images/site/bg_pagination.gif) repeat-x; font-size:11px; font-weight:bold; height:22px; margin:12px 0pt 0px; padding:4px 0pt; position:relative; width:530px; display: inline; float: left; border-top: 5px solid #E9E6E4; list-style: none; color: #828282; }
.pagination  li  							{ display:inline; margin:0pt; }
.pagination  .pagePrev  					{ bottom:10px; left:0pt; top:8px; position:absolute; font-weight: bold; font-size: 12px; width: 224px; }
.pagination  .pagePrev a       				{ background:transparent url(../images/bullet3.gif) no-repeat left center; color:#DA251D; padding-left:16px; text-decoration:none; }
.pagination  .pagePrev a:hover       		{ background:transparent url(../images/bullet3.gif) no-repeat left center; color:#61A8E6; text-decoration:underline; }
.pagination  .pageNext  					{ bottom:10px; top:8px; position:absolute; right:0pt; font-size: 12px; width: 171px; text-align: right; float: right; }
.pagination  .pageNext a    				{ background:transparent url(../images/bullet2.gif) no-repeat right center; color:#DA251D; padding-right:16px; text-decoration:none; font-weight: bold; text-align: right; }
.pagination  .pageNext a:hover  			{ background:transparent url(../images/bullet2.gif) no-repeat right center; color:#61A8E6; text-decoration:underline; font-weight: bold; }
.pagination ul  							{ text-align:center; padding-top: 5px; }
.pagination ul  li  a  						{ font-weight: bold; font-size: 11px; padding-right: 4px; padding-left: 4px; color: #226AB4; }
.pagination ul  li  a:visited  				{ font-weight: normal; font-size: 11px; padding-right: 4px; padding-left: 4px; color: #226AB4; }
.pagination ul  li  a:hover  				{ color: #DA251D; text-decoration: none; }


/********* PAGINATION RABLJENA *********/
.paginationRabljena 							{
			background:transparent url(/images/site/bg_pagination.gif) repeat-x;
			font-size:11px;
			font-weight:bold;
			height:22px;
			margin:12px 0pt 0px;
			padding:4px 0pt;
			position:relative;
			width:765px;
			display: inline;
			float: left;
			border-top: 5px solid #E9E6E4;
			list-style: none;
			color: #828282;
}
.paginationRabljena li  						{ display:inline; margin:0pt; }
.paginationRabljena .pagePrev  					{ bottom:10px; left:0pt; top:8px; position:absolute; font-weight: bold; font-size: 12px; width: 224px; }
.paginationRabljena .pagePrev a       			{ background:transparent url(../images/bullet3.gif) no-repeat left center; color:#DA251D; padding-left:16px; text-decoration:none; }
.paginationRabljena .pagePrev a:hover      		{ background:transparent url(../images/bullet3.gif) no-repeat left center; color:#61A8E6; text-decoration:underline; }
.paginationRabljena .pageNext  					{ bottom:10px; top:8px; position:absolute; right:0pt; font-size: 12px; width: 171px; text-align: right; float: right; }
.paginationRabljena .pageNext a    				{ background:transparent url(../images/bullet2.gif) no-repeat right center; color:#DA251D; padding-right:16px; text-decoration:none; font-weight: bold; text-align: right; }
.paginationRabljena .pageNext a:hover  			{ background:transparent url(../images/bullet2.gif) no-repeat right center; color:#61A8E6; text-decoration:underline; font-weight: bold; }
.paginationRabljena ul  						{ text-align:center; padding-top: 5px; }
.paginationRabljena ul li a  					{ font-weight: bold; font-size: 11px; padding-right: 4px; padding-left: 4px; color: #226AB4; }
.paginationRabljena ul li a:visited  			{ font-weight: normal; font-size: 11px; padding-right: 4px; padding-left: 4px; color: #226AB4; }
.paginationRabljena ul li a:hover  				{ color: #DA251D; text-decoration: none; }


.allNews { background: url(../images/titleNewsBg.jpg) repeat-x 0px 2px; margin: 5px 0px 0px; padding: 5px 3px; text-align: center; text-transform: uppercase; border-top: 1px solid #EBEBEB; }
.allNews   a   { text-decoration: none; }