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

body {

	background:url(image/background.gif) top center;
	margin:0;
	padding:0;
	font-family:"Arial", Trebuchet MS ,Helvetica, Sans-serif;
	font-size:12px;
	
	
	}
	
#okolni{
			margin:0 auto;
			width:970px;
			text-align:center;
			
			}
			
#header{
			width:970px;
			height:500px;
			
			
		}
		
#sadrzaj{	
			background:url(image/txtpoz-mali.jpg) repeat-y;
			width:755px;
			margin:0 auto;
	
		}
		

#slika{
			background:url(image/txtpoz.jpg) bottom no-repeat;
			width:755px;
			min-height:387px;
			margin:0 auto;
			text-align:left;
			padding-bottom:15px;
		}
		
#slika img{
			padding:5px 0 0 22px;

			}
#flash1{	
			
			padding:0 0 0 1px;
			
			}
			
#flash2{	
			
			padding:0 0 0 1px;
			
			}
			
#ponuda1{	
			
			background:url(image/izbo-ponuda.png) no-repeat;
			height:65px;
			margin:0 0 0 1px;
			
			}
			
#ponuda1 a{	
			float:left;
			width:125px;
			text-align:center;
			display:block;
			padding:19px 0 0 0;
			color:#ffffff;
			height:46px;
			
			}
				
#ponuda1 a.trireda{
			padding:11px 0 0 0;
			height:54px;
		}
#ponuda1 a:hover.jedanred{
			background:url(image/over-g-desni.gif) no-repeat;
		}
		
#ponuda1 a:hover{	
			background:url(image/over.gif) no-repeat;
			color:#512B08;
			
	
			}
			
#ponuda1 a.jedanred{
			padding:27px 0 0 0;
			height:38px;
		}
			
#ponuda1 a:hover.g_lijevi{
					background:url(image/over-g-lijevi.gif) no-repeat;
					}
			
#ponuda2{	
			
			background:url(image/izbo-ponuda.png) no-repeat;
			height:65px;
			margin:0 0 0 1px;
			
			}
			
#ponuda2 a{	
			float:left;
			width:125px;
			text-align:center;
			display:block;
			padding:19px 0 0 0;
			color:#ffffff;
			height:46px;
			
			}
				
#ponuda2 a.trireda{
			padding:11px 0 0 0;
			height:54px;
		}
		
#ponuda2 a:hover.trireda{
			background:url(image/over-g-desni.gif) no-repeat;
		}
		
#ponuda2 a.jedanred{
			padding:27px 0 0 0;
			height:38px;
		}
		
#ponuda2 a:hover{	
			background:url(image/over.gif) no-repeat;
			color:#512B08;
			
	
			}

#ponuda2 a:hover.g_lijevi{
					background:url(image/over-g-lijevi.gif) no-repeat;
					}
		
#sadrzaj p{	
			text-align:justify;
			padding:10px 22px 0 22px;
			margin:0;
			color:#512B08;
			}
			
#karta{
			padding:10px 0 0 10px;
		}
			
			
#karte_hr_karta {
			text-align:center;
			margin:0 0 0 10px;
			}
			
#lijevi {

			width:360px;
			float:left;
			padding:10px 0 0 0;
			}
			
#lijevi p{
			padding:0 0 0 22px;

			}
			
#lijevi-kontakt {

			width:260px;
			float:left;
			padding:10px 0 0 0;
			}
			
			
#desni {

			
			width:370px;
			float:right;
			padding:10px 0 0 0;
			}
			
#desni p{
			padding:0 22px 0 0;

			}
			
#desni-kontakt {

			
			width:420px;
			float:right;
			padding:10px 0 0 0;
			}
		
		
#footer{
		width:970px;
		margin:0 auto;
		

		}
		


		
#fooce{
			color:#512B08;
			padding:10px 0 5px 0;
			
			
		}
		
#fooce a{
			
			color:#512B08;
			font-size:11px;
			padding:0 5px 0 5px;
			outline:none;
			
		}
		
#fooce a:hover{
			
			color:#ffffff;
			
			
		}
		
#foole{
			
			color:#512B08;
			padding:5px 0 5px 0;
			font-size:11px;

		}

#foode{		color:#512B08;
			padding:5px 0 5px 0;
			font-size:11px;
		}

#foode a{	outline:none;

		}	
		
h1{
	
	margin:0;
	font-size:16px;
	color:#512B08;
	padding:15px 0 5px 22px;
	
	
}

h2{
	margin:0;
	font-size:14px;
	color:#512B08;
	padding:10px 0 0 22px;
	
	
}

h3{
	margin:0;
	font-size:14px;
	color:#512B08;
	padding:10px 0 10px 0;
	
	
}

h4{
	
	margin:0;
	font-size:14px;
	color:#512B08;
	padding:10px 0 10px 22px;

	}

h4 strong{
			font-size:16px;
			color:#FFFFFF;
			
			
			}



a{
	
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	outline:none;
	}
a:hover{
		
		color:#FFFFFF;
		text-decoration:none;
		font-weight:bold;
		}
		
/* KONTAKT FORMA */

form {
margin: 0;
padding: 0;
}

input, select, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #191C1F;
font-size: 1em;
width: 150px;
margin-top: 3px;
margin-bottom: 10px;
padding: 3px 3px;
background: #EFEFEF;
border: 1px solid #8F8F8F;
float: left;
}

.kontakt_forma input, .kontakt_forma textarea {
width: 250px;
}

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

label {
float: left;
width: 93px;
margin-top: 4px;
}

.kontakt_forma label {
width: 120px;
}

.button {
width: 83px;
height: 24px;
background:#512B08;
border: 1px solid #ffffff;
color: #ffffff;
font-weight: bold;
cursor: pointer;
}

.kontakt_forma input.button {
width: 83px;
margin-left: 120px;
}

.txt_error {
border: 1px solid #FF3F3F;
background: #FFE7DF;
color: #CF1A0C;
}
.txt_error_img {
float: left;
margin: 4px 0 0 4px;
}

legend {
display: none;
}

fieldset {
border: 0;
margin: 0;
padding: 0
}

.alert {
color: #FF0000
}

.clear{
			clear:both;
		}