@charset "utf-8";
/* CSS Document */

body {

	background:url(image/pozadina.gif) top center;
	margin:0;
	padding:0;
	font-family: Arial, "Trebuchet MS", Helvetica, Sans-serif;
	font-size:14px;
	
	}
	

#home a {
			float:right;
			width:50px;
			height:30px;
			display:block;
		}

	
#bg_top{
			background:url(image/top.gif) repeat-x ;
			height:61px;
			margin:0;
			padding:32px 0 0 0;
			
			
		}
		
#header {
			background:url(image/header.gif);
			width:960px;
			height:181px;
			margin:auto;
			
		}
		
#header2 {
			background:url(image/header-eng.gif);
			width:960px;
			height:181px;
			margin:auto;
			
		}
		
#menu {
			float:right;
			padding:75px 35px 0 0;
			
		}

.linkovi {	width:94px;
			margin:0 10px 0 0;
			float:right;
			background:url(image/link.png);
		}
		
.linkovi a:hover{
				float:right;
				background:url(image/link-0ver.png) 3px 0;
				}
.linkovi a{
			
			float:right;
			font-size:14px;
			padding:8px 3px 8px 0;
			width:94px;
			display:block;
			text-align:center;
			background:url(image/link-0ver.png) 0 35px no-repeat;
			}
			
#centar{
			width:960px;
			margin:10px auto;
			
			
		}

#centar_lijevo{
			background:url(image/lijevi-txt.png) repeat;
			float:left;
			width:789px;
			/*min-height:741px;*/
			border:#000000 1px solid;
			min-height: 835px;
			
		}
* html 	#centar_lijevo{
			background:url(image/lijevi-txt.gif) repeat;
			height:741px;
		}	
#prvi{
		padding:15px;
		}
		
#karta { clear:both;
		float:right;
		}
	
		
#prvi p{
		color:#FFFFFF;
		line-height:22px;
		}

#prvi a, #drugi a{
		color:#FF0000;
		
		}
#prvi a:hover, #drugi a:hover{
		color:#FFFFFF;
		}
		
#pr_lijevi {
			float:left;
			width:159px;
			margin-top:35px;
			
			}
#pr_lijevi ul{
			float:left;
			width:159px;			
			list-style:none;
			margin:0;
			padding:0 0 5px 0;
			}
			
#pr_lijevi li{
			border-bottom:#FFFFFF 1px solid;
			float:left;
			width:159px;
		
			}
			
#pr_lijevi li a{
				outline:none;
				padding:2px 0 5px 10px;
				display:block;
				float:left;
				width:149px;
			}
			
#pr_lijevi li a:hover{
				background-color:#FFFFFF;
				color:#0033CC;
				
			}
			
#pr_lijevi li.podlink a{
						width:139px;
						padding:2px 0 5px 20px;
		}
#pr_desni{
			padding:10px 0 0 10px;
			text-align:justify;
			float:right;
			width:590px;
			}
#pr_desni_par{
			float:right;
			width:590px;
			}
			
.clear {
		clear:both;
		}	
.left{
		float:left;
		margin:0 10px 0 0;
		border: 0;
		}
		
.left_mg {
	margin-top: 50px;
}

.trafo_txt {
	float: left;
	width: 225px;
}
		
.left2{
		float:left;
		margin:0 20px 20px 0;
		border: 0;
		}

#drugi{
		padding:15px;
	}
	
#drugi p{
		color:#FFFFFF;
		}
		
#centar_desno{
			background:url(image/lijevi-txt.png) repeat;
			float:right;
			width:158px;
			border:#000000 1px solid;
					
		}
		
* html #centar_desno{
		background:url(image/lijevi-txt.gif) repeat;
		}
		
		
#centar_desno_linkovi{
			
			padding:15px 10px 15px 10px;
			font-weight: bold;
			
		}
		

		
#centar_desno_linkovi p{
			
			font-size:12px;
			color:#ffffff;
			padding-bottom:5px;
			border-bottom:#FFFFFF 1px solid;
			}
		
#tip_s {
		background:url(image/pr1.gif) no-repeat;
		height:133px;
		margin:15px 0 15px 0;
		}

#tip_s a{
			height:133px;
			display:block;
			
		}

#tip_s a:hover{
		background:url(image/pr1-over.gif) no-repeat;
		}
		
#tip_gp {
		background:url(image/pr2.gif) no-repeat;
		height:63px;
		margin:15px 0 0 0;
		}
		
#tip_gp a{
			height:63px;
			display:block;
			
		}

#tip_gp a:hover{
		background:url(image/pr2-over.gif) no-repeat;
		}

#tip_c {
		background:url(image/pr3.gif) no-repeat;
		height:63px;
		margin:15px 0 0 0;
		}
		
#tip_c a{
			height:63px;
			display:block;
			
		}

#tip_c a:hover{
		background:url(image/pr3-over.gif) no-repeat;
		}
		
#tip_zs {
		background:url(image/pr4.gif) no-repeat;
		height:63px;
		margin:15px 0 0 0;
		}
		
#tip_zs a{
			height:63px;
			display:block;
			
		}

#tip_zs a:hover{
		background:url(image/pr4-over.gif) no-repeat;
		}
		
#tip_r {
		background:url(image/pr5.gif) no-repeat;
		height:63px;
		margin:15px 0 0 0;
		padding-bottom:15px;
		border-bottom:#FFFFFF 1px solid;
		
		}
		
#tip_r a{
			height:63px;
			display:block;
			
		}

#tip_r a:hover{
		background:url(image/pr5-over.gif) no-repeat;
		}
		
#tip_hidra {
		background:url(image/pr6.gif) no-repeat;
		height:63px;
		margin:15px 0 0 0;
		padding-bottom:15px;
		border-bottom:#FFFFFF 1px solid;
		}
		
#tip_hidra a{
			height:63px;
			display:block;
			
		}

#tip_hidra a:hover{
		background:url(image/pr6-over.gif) no-repeat;
		}
		
#tip_spec {
		background:url(image/pr7.gif) no-repeat;
		height:63px;
		margin:15px 0 0 0;
		}
		
#tip_spec a{
			height:63px;
			display:block;
			
		}

#tip_spec a:hover{
		background:url(image/pr7-over.gif) no-repeat;
		}
		
#tip_trafo {
		background:url(image/pr8.gif) no-repeat bottom left;
		height:63px;
		margin:15px 0 0 0;
		border-top: 1px solid #FFF;
		padding-top: 15px;
		}
		
#tip_trafo a{
			height:63px;
			display:block;
			
		}

#tip_trafo a:hover{
		background:url(image/pr8-over.gif) no-repeat;
		}
		
#footer{
			background:url(image/footer.gif) repeat-x bottom;
			width:960px;
			height:47px;
			padding:10px 0 0 0;
			clear:both;
			float:left;
			
		}	
		
#footer-left{
			float:left;
			padding:14px 0 0 15px;

		}
#footer-left p{
			margin:0;
			font-size:11px;
			color:#333333;

		}
		
#footer-right{
			float:right;
			padding:14px 15px 0 0;

		}
#footer-right p{
			margin:0;
			font-size:11px;
			color:#0c4da2;

		}
		
#footer-right a{
			font-size:11px;
			color:#0c4da2;

		}
		
		
		
		
h1{
	margin:0;
	font-size:18px;
	color:#ffffff;
	padding:0 0 5px 0;
	border-bottom:#FF0000 3px solid;
	
}

h2{
	margin:0;
	font-size:15px;
	color:#ffffff;
	padding:0 0 5px 0;
	border-bottom:#1a63c3 3px solid;
	
}

h3{
	margin:0;
	font-size:18px;
	color:#ffffff;
	padding:0 0 5px 0;
	
	
}

a{
	font-size:14px;
	outline:none;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	}
a:hover{
		
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
		}
		
.clear{
		clear:both;
		}		
		
/* KONTAKT FORMA */

form {
margin: 0;
padding: 0;
}

input, select, textarea {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 0.9em;
margin-top: 3px;
margin-bottom: 13px;
padding: 3px 3px;
background: #2367BF url(image/pozadina.gif) no-repeat top center;;
border-bottom: 1px solid #7FB6FF;
border-right: 1px solid #7FB6FF;
border-top: 1px solid black;
border-left: 1px solid black;
float: left;
width: 250px;
}

.kontakt_forma {
width: 430px;
float: left;
padding: 15px 0 0 0
}

label {
float: left;
margin-top: 5px;
width: 120px;
color: #FFFFFF;
}

.button {
height: 24px;
background: url(image/footer.gif) repeat-x top;
border: 1px solid white;
color: #BF0000;
font-weight: bold;
cursor: pointer;
width: 83px;
margin-left: 120px;
}

.txt_error {
border: 1px solid #FF0000;
}
.txt_error_img {
float: left;
margin: 5px 0 0 4px;
}

.emph {
color: #FFFFFF;
padding-top: 10px;
clear: both;
}