/* 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,ol,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*/



#kontejner {

width: 100%;

}



	#header {

	width: 100%;

	height: 94px;

	background-image: url(../images/bck_header_main.jpg);

	background-repeat: repeat-x;

	}

	

		#header h1 {

		overflow: hidden;

		text-indent: -1000px;

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

		font-size: 14px;

		color: #FFFFFF;

		text-decoration: none;

		}

		

		#logo {

		float: left;

		width: 175px;

		height: 71px;

		background-image: url(../images/logo.jpg);

		background-repeat: no-repeat;

		margin-left: 20px;

		margin-top: 10px;

		}

		

		#menu_up {

		float: right;

		width: 410px;

		height: 94px;

		/*background-image: url(../images/meni.jpg);

		background-repeat: no-repeat;*/

		}

	

	#head_img {

	width: 100%;

	height: 400px;

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

	background-repeat: repeat-x;

	background-position: center;

	}

	

	#head_img_abus {

	width: 100%;

	height: 400px;

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

	background-repeat: repeat-x;

	background-position: center;

	}

	

	#head_img_services {

	width: 100%;

	height: 400px;

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

	background-repeat: repeat-x;

	background-position: center;

	}

	

	#sadrzaj {

	width: 100%;

	background-image: url(../images/pattern_up.jpg);

	background-repeat: repeat-x;

	}

	

		#content {

		width: 740px;

		margin-left: auto;

		margin-right: auto;

		padding-top: 20px;

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

		font-size: 12px;

		color: #333;

		text-align: justify;

		vertical-align: top;

		}

		

			#lijevo {

			float: left;

			width: 340px;

			padding-right: 35px;

			border-right-width: 1px;

			border-right-style: solid;

			border-right-color: #ccc;

			}

			

			#lijevo ul {

			list-style-position: inside;

			list-style-type: disc;

			padding-right: 10px;

			}

			

			#lijevo h2 {

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

			font-size: 24px;

			color: #bf0b0f;

			}

			

			#desno {

			float: right;

			width: 300px;

			padding-right: 25px;

			}

			

			#desno h2 {

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

			font-size: 24px;

			color: #bf0b0f;

			}

			

/*/////////////////////// Ostale strane ///////////////////////*/



			#about_us h2 {

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

			font-size: 24px;

			color: #bf0b0f;

			}

			

			#services h2 {

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

			font-size: 24px;

			color: #bf0b0f;

			}

			

				#services p {

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

				font-size: 14px;

				color: #bf0b0f;

				}

				

				#services a {

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

				font-size: 14px;

				color: #bf0b0f;

				text-decoration: none;

				}

				

				#services a:hover {

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

				font-size: 14px;

				color: #bf0b0f;

				text-decoration: underline;

				}

				

			#sadrzaji h2 {

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

			font-size: 24px;

			color: #bf0b0f;

			}

			

				.naslov_tabela {

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

				font-size: 12px;

				color: #bf0b0f;

				}

				

				.tekst_tabela {

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

				font-size: 12px;

				color: #000;

				padding: 2px;

				}

				

				#sadrzaji img {

				border: 2px solid #ccc;

				margin: 2px;

				}

				

				#sadrzaji td a {

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

				font-size: 12px;

				color: #bf0b0f;

				text-decoration: none;

				}

				

				#sadrzaji td a:hover {

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

				font-size: 12px;

				color: #bf0b0f;

				text-decoration: underline;

				}

				

				#sadrzaji ul li {

				list-style-position: inside;

				list-style-type: disc;

				}

				

				#sadrzaji p {

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

				font-size: 12px;

				color: #bf0b0f;

				}

				

					#portfolio {}

						

						#portfolio h2 {

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

						font-size: 24px;

						color: #bf0b0f;

						}

						

						.tabela_desno {

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

						font-size: 12px;

						color: #000;

						text-align: justify;

						padding-left: 6px;

						}

						

						#portfolio h4 {

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

						font-size: 20px;

						color: #999;

						border-bottom: 1px solid #ccc;

						padding-left: 6px;

						}

						

						#portfolio img {

						border-left: 3px solid #d5d5d5;

						border-right: 3px solid #d5d5d5;

						border-top: 3px solid #d5d5d5;

						border-bottom: 5px solid #d5d5d5;

						margin-left: 4px;

						margin-right: 4px;

						margin-top: 4px;

						}

						

						#portfolio p {

						width: 203px;

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

						font-size: 12px;

						color: #000;

						background-color: #d5d5d5;

						margin-left: 4px;

						padding-left: 3px;

						padding-bottom: 3px;

						}

						

						#portfolio_referenca {

						width: 100%;

						height: 400px;

						background-repeat: repeat-x;

						background-position: center;

						}

						

						.lijeva_celija {

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

						font-size: 12px;

						color: #000;

						text-align: left;

						vertical-align: top;

						text-decoration: none;

						}

						

						.desna_celija {

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

						font-size: 12px;

						color: #000;

						text-align: left;

						vertical-align: top;

						text-decoration: none;

						}

						

						#portfolio h3 {

						width: 250px;

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

						font-size: 14px;

						color: #666;

						text-align: left;

						border-bottom: 1px solid #666;

						}

						

						#portfolio a {

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

						font-size: 12px;

						color: #bf0b0f;

						text-decoration: none;

						}

						

						#portfolio a:hover {

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

						font-size: 12px;

						color: #bf0b0f;

						text-decoration: underline;

						}

					

					#sadrzaji_web h2 {

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

					font-size: 24px;

					color: #bf0b0f;

					}

					

					#sadrzaji_web img {

					margin: 2px;

					}

					

					#sadrzaji_web td a {

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

					font-size: 12px;

					color: #bf0b0f;

					text-decoration: none;

					}

					

					#sadrzaji_web td a:hover {

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

					font-size: 12px;

					color: #bf0b0f;

					text-decoration: underline;

					}

					

					#sadrzaji_web ul li {

					list-style-position: inside;

					list-style-type: disc;

					}

					

					#sadrzaji_web p {

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

					font-size: 12px;

					color: #bf0b0f;

					}

				

				.tabela_razmak_desno {

				padding-left: 4px;

				}

			

/*/////////////////////// Kraj ostale strane //////////////////*/

			

			#recent_work {

			clear: both;

			width: 780px;

			padding-top: 10px;

			}

			

				#recent_work h2 {

				width: 750px;

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

				font-size: 24px;

				color: #bf0b0f;

				border-bottom: #ccc;

				border-bottom-width: 1px;

				border-bottom-style: solid;

				}

				

				#recent_work img {

				border: 4px solid #ccc;

				}

				

	#kontakt_info {

	width: 100%;

	height: 175px;

	background-image: url(../images/bck_down.jpg);

	background-repeat: repeat-x;

	background-position: center;

	}

	

		#kontakt_lijevo {

		float: left;

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

		font-size: 12px;

		color: #fff;

		margin-left: 20px;

		padding-top: 30px;

		}

		

			#kontakt_lijevo p {

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

			font-size: 12px;

			color: #bf0b0f;

			}

		

		#kontakt_desno {

		float: right;

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

		font-size: 12px;

		color: #fff;

		text-align: right;

		margin-right: 20px;

		padding-top: 30px;

		}

		

			#kontakt_desno p {

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

			font-size: 12px;

			color: #bf0b0f;

			}

			

			#kontakt_desno ul {

			list-style-position: inside;

			list-style-image: url(../images/tel.jpg);

			}

			

			.mail {

			list-style-position: inside;

			list-style-image: url(../images/mail.jpg);

			}

			

	#footer {

	width: 100%;

	height: 20px;

	background-color: #000;

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

	font-size: 12px;

	color: #fff;

	}

	

		#copy {

		float: left;

		margin-left: 20px;

		margin-top: 3px;

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

		font-size: 12px;

		color: #fff;

		}

		

		#jezici {

		float: right;

		margin-right: 20px;

		margin-top: 3px;

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

		font-size: 12px;

		color: #fff;

		}

		

		#jezici a {

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

		font-size: 12px;

		color: #fff;

		text-decoration: none;

		}


		.text {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000;
		border: 1px solid #ccc;

		}


		.submit {

		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		border: 1px solid #ccc;

		}
		

/*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------------------------------------------------------------*/

#flash {

	width: 700px;

	margin-left: auto;

	margin-right: auto;


}