/* CSS Document */



/*

Copyright (c) 2006, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.net/yui/license.txt

version: 0.12.1

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;}



/*Pocetak mog CSS-a*/



body {

background-image: url(../img/bck.jpg);

background-repeat: repeat-x;

background-position: top;

}



	#kontejner {

	width: 780px;

	margin-left: auto;

	margin-right: auto;

	}

	

		#header {

		width: 780px;

		height: 386px;

		}

		

			#header h1 {

			overflow: hidden;

			text-indent: -1000px;

			font-family: Arial, Helvetica, sans-serif;

			font-size: 0;

			color: #FFFFFF;

			text-decoration: none;

			}

			

		#sadrzaj {

		width: 780px;

		margin-top: 10px;

		}

		

			#lijevo {

			float: left;

			width: 502px;

			}

			

				#dobrodosli {

				width: 482px;

				background-image: url(../img/bck_tekst_dobrodosli.jpg);

				background-position: top;

				background-repeat: no-repeat;

				font-family: Arial, Helvetica, sans-serif;

				font-size: 12px;

				color: #3f3f3f;

				padding: 10px;

				}

				

					#dobrodosli h2 {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 12px;

					color: #3f3f3f;

					background-image: url(../img/li_strelica_siva.jpg);

					background-position: left;

					background-repeat: no-repeat;

					padding-left: 8px;

					}

					

					#dobrodosli p {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 12px;

					color: #5791b7;

					text-align: right;

					}

					

					#dobrodosli a {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 12px;

					color: #5791b7;

					text-decoration: none;

					}

					

					#dobrodosli a:hover {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 12px;

					color: #5791b7;

					text-decoration: underline;

					}

					

				#content {

				width: 482px;

				background-image: url(../img/bck_tekst_dobrodosli.jpg);

				background-position: top;

				background-repeat: no-repeat;

				font-family: Arial, Helvetica, sans-serif;

				font-size: 12px;

				color: #3f3f3f;

				padding: 10px;

				}

				

					#content h2 {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 13px;

					color: #5791b7;

					font-weight: bold;

					background-image: url(../img/li_strelica_siva.jpg);

					background-position: left;

					background-repeat: no-repeat;

					padding-left: 8px;

					}

					

					#content h3 {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 12px;

					color: #3f3f3f;

					background-image: url(../img/li_strelica_siva.jpg);

					background-position: left;

					background-repeat: no-repeat;

					padding-left: 8px;

					font-weight: bold;

					}

					

					#content p {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 12px;

					color: #5791b7;

					text-align: right;

					}

					

					#content img {

					float: left;

					padding: 2px;

					margin: 4px;

					border: 1px solid #ccc;

					}

					

					#content td {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 12px;

					color: #3f3f3f;

					text-align: center;

					vertical-align: top;

					}

					

					#content a {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 12px;

					color: #5791b7;

					text-decoration: none;

					}

					

					#content a:hover {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 12px;

					color: #5791b7;

					text-decoration: underline;

					}

					

				#content_izv {

				width: 482px;

				background-image: url(../img/bck_tekst_dobrodosli.jpg);

				background-position: top;

				background-repeat: no-repeat;

				font-family: Arial, Helvetica, sans-serif;

				font-size: 12px;

				color: #3f3f3f;

				padding: 10px;

				}

				

					#content_izv h2 {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 13px;

					color: #5791b7;

					font-weight: bold;

					background-image: url(../img/li_strelica_siva.jpg);

					background-position: left;

					background-repeat: no-repeat;

					padding-left: 8px;

					}

					

					#content_izv h3 {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 12px;

					color: #3f3f3f;

					background-image: url(../img/li_strelica_siva.jpg);

					background-position: left;

					background-repeat: no-repeat;

					padding-left: 8px;

					font-weight: bold;

					}

					

					#content_izv p {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 12px;

					color: #5791b7;

					text-align: right;

					}

					

					#content_izv td {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 12px;

					color: #3f3f3f;

					text-align: center;

					}

					

					#content_izv a {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 12px;

					color: #5791b7;

					text-decoration: none;

					}

					

					#content_izv a:hover {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 12px;

					color: #5791b7;

					text-decoration: underline;

					}

					

				#paketi {

				width: 482px;

				height: 167px;

				background-image: url(../img/bck_kreditni_proizvodi.jpg);

				background-repeat: no-repeat;

				font-family: Arial, Helvetica, sans-serif;

				font-size: 12px;

				color: #3f3f3f;

				padding: 10px;
				
				margin-bottom: 10px;

				}

				

					#paketi h2 {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 13px;

					color: #5791b7;

					font-weight: bold;
					margin-bottom: 4px;

					}

					

					#paketi a {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 12px;

					color: #3f3f3f;

					text-decoration: underline;

					}

				

					.lijevo {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 12px;

					color: #3f3f3f;

					padding-left: 10px;

					}

					

					.desno {

					font-family: Arial, Helvetica, sans-serif;

					font-size: 12px;

					color: #3f3f3f;

					padding-left: 10px;

					}

					

		#desno {

		float: left;

		width: 237px;

		margin-left: 35px;

		}
		
			#prospekt {
			width: 217px;
			margin-bottom: 8px;
			}
			
			#poziv {
			width: 217px;
			margin-bottom: 8px;
			}
			
			#opsti_principi_kreditiranja {
			width: 217px;
			margin-bottom: 8px;
			}
			
			#opsti_uslovi_kreditiranja {
			width: 217px;
			margin-bottom: 8px;
			}

		

			#novosti {

			width: 217px;

			background-image: url(../img/bck_novosti.jpg);

			background-position: top;

			background-repeat: no-repeat;

			font-family: Arial, Helvetica, sans-serif;

			font-size: 12px;

			color: #606060;

			padding: 10px;

			}

			

				#novosti h2 {

				font-family: Arial, Helvetica, sans-serif;

				font-size: 13px;

				color: #5791b7;

				font-weight: bold;

				background-image: url(../img/li_strelica_siva.jpg);

				background-position: left;

				background-repeat: no-repeat;

				padding-left: 8px;

				}

				

				#novosti img {

				margin-right: 4px;

				}

				

				#novosti a {

				font-family: Arial, Helvetica, sans-serif;

				font-size: 12px;

				color: #606060;

				text-decoration: underline;

				}

				

			#kalkulator {

			width: 217px;

			font-family: Arial, Helvetica, sans-serif;

			font-size: 12px;

			color: #606060;

			background-image: url(../img/bck_kalkulator.jpg);

			background-position: top;

			background-repeat: no-repeat;

			padding: 10px;

			}

			

				#kalkulator h2 {

				font-family: Arial, Helvetica, sans-serif;

				font-size: 13px;

				color: #5791b7;

				font-weight: bold;

				background-image: url(../img/li_strelica_siva.jpg);

				background-position: left;

				background-repeat: no-repeat;

				padding-left: 8px;

				}

				

				.izracunaj {

				width: 80px;

				height: 23px;

				background-image: url(../img/dugme_izracunaj.jpg);

				background-repeat: no-repeat;

				border: 0px;

				cursor: pointer;

				}
				
				.izracunaj_eng {

				width: 80px;

				height: 23px;

				background-image: url(../img/dugme_izracunaj_eng.jpg);

				background-repeat: no-repeat;

				border: 0px;

				cursor: pointer;

				}

				

				.posalji {

				width: 80px;

				height: 23px;

				background-image: url(../img/dugme_posalji.jpg);

				background-repeat: no-repeat;

				border: 0px;

				cursor: pointer;

				}
				
				.posalji_eng {

				width: 80px;

				height: 23px;

				background-image: url(../img/dugme_posalji_eng.jpg);

				background-repeat: no-repeat;

				border: 0px;

				cursor: pointer;

				}

				

				.inputbox {

				background-color: #dadada;

				border: 1px solid #f6f8f7;

				}

				

	#footer {

	clear: both;

	width: 100%;

	background-image: url(../img/bck_footer.jpg);

	background-repeat: repeat-x;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #fff;

	}

	

		#content_footer {

		width: 500px;

		height: 145px;

		margin-left: auto;

		margin-right: auto;

		background-image: url(../img/telefon_koverta.jpg);

		background-position: left;

		background-repeat: no-repeat;

		padding-top: 10px;

		padding-left: 280px;

		}

		

			#footer_left {

			float: left;

			width: 223px;

			background-image: url(../img/bck_login_kontakt.jpg);

			background-position: top;

			background-repeat: no-repeat;

			padding: 10px;

			}

			

				#footer_left h2 {

				font-family: Arial, Helvetica, sans-serif;

				font-size: 13px;

				color: #5791b7;

				font-weight: bold;

				background-image: url(../img/li_strelica_bijela.jpg);

				background-position: left;

				background-repeat: no-repeat;

				padding-left: 8px;

				}

				

			#footer_right {

			float: left;

			width: 223px;

			background-image: url(../img/bck_login_kontakt.jpg);

			background-position: top;

			background-repeat: no-repeat;

			padding: 10px;

			margin-left: 10px;

			}

			

				#footer_right h2 {

				font-family: Arial, Helvetica, sans-serif;

				font-size: 13px;

				color: #5791b7;

				font-weight: bold;

				background-image: url(../img/li_strelica_bijela.jpg);

				background-position: left;

				background-repeat: no-repeat;

				padding-left: 8px;

				}

				

				.inputbox_crna {

				background-color: #222;

				border: 1px solid #464646;

				font-family: Arial, Helvetica, sans-serif;

				font-size: 12px;

				color: #fff;

				}

				

				.pristupi {

				width: 80px;

				height: 23px;

				background-image: url(../img/dugme_pristupi.jpg);

				background-repeat: no-repeat;

				border: 0px;

				cursor: pointer;

				}
				
				.pristupi_eng {

				width: 80px;

				height: 23px;

				background-image: url(../img/dugme_pristupi_eng.jpg);

				background-repeat: no-repeat;

				border: 0px;

				cursor: pointer;

				}

				

	#copyright {

	clear: both;

	width: 100%;

	height: 37px;

	background-image: url(../img/bck_copyright.jpg);

	background-repeat: repeat-x;

	}

	

		#content_copyright {

		width: 780px;

		height: 25px;

		margin-left: auto;

		margin-right: auto;

		font-family: Arial, Helvetica, sans-serif;

		font-size: 12px;

		color: #fff;

		text-align: right;

		padding-top: 12px;

		}

		

			#content_copyright a {

			font-family: Arial, Helvetica, sans-serif;

			font-size: 12px;

			color: #5791b7;

			text-decoration: none;

			}

			

			#content_copyright a:hover {

			font-family: Arial, Helvetica, sans-serif;

			font-size: 12px;

			color: #5791b7;

			text-decoration: underline;

			}

			

.krediti {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #000;

text-align: center;

}

			

/*Lighbox-----------------------------------------------------*/



#lightbox{

	background-color:#eee;

	padding: 10px;

	}

#lightboxDetails{

	font-size: 0.8em;

	padding-top: 0.4em;

	}	

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; 

font-family: Arial, Helvetica, sans-serif;

}



#lightbox img{ border: none; clear: both;} 

#overlay img{ border: none; }



#overlay{ background-image: url(../overlay.png); }



* html #overlay{

	background-color: #333;

	back\ground-color: transparent;

	background-image: url(blank.gif);

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");

	}

	

/*Kraj lightbox-a------------------------------------------------------------*/