/* CSS Document */

* {

	margin: 0px;

}

html, body {

	height: 100%;

}



body {margin:0px;

	background:url(slike/bg.jpg) top left repeat-x;

	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}



#container {width:890px;

	position: relative;

	z-index:2;

	min-height: 100%;

	height: auto !important;

	height: 100%;

	margin: 0 auto -21px; /* the bottom margin is the negative value of the footer's height */

	}

#clear {

	clear:both;

}

	

#levo {width:250px;

	float:left;

	border:0px solid;

	background:#FFFFFF;}



#desno {width:403px;

	height:268px;

	background:url(slike/slika.jpg) left top no-repeat;

	float:left;

	padding-left:0px;

	border:0px solid;}

	

#desno_podstran {width:377px;

	background:#FFFFFF url(slike/ozadje_drsna_vrata.jpg) left top no-repeat;

	float:left;

	padding:0px 10px 10px 15px;

	border:0px solid;
	
	}

	



#desno_podstran h1 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#333333;

	text-align:left;

	padding:65px 0px 0px 0px;}

#desno_podstran h2 {
	text-align:left;
	padding:20px 0 10px 0;
}	

#desno_podstran p {text-align:left;

	padding-top:40px;

	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}



#podstran_slika {

	width:162px;

	float:right;

	background:#A6E2FF;

	padding:10px;

	text-align:center;

	margin:0px 0px 8px 10px;}

	

	#podstran_slika2 {height:123px;

	width:377px;

	height:243px;

	float: left;

	background:#A6E2FF;

	padding:6px 0px 6px 0px;

	text-align:center;

	margin:0px 5px 10px 0px;}



#podstran_slika_drsna {height:176px;

	width:126px;

	float:right;

	background:#A6E2FF;

	padding:9px 18px 9px 18px;

	margin:0px 5px 10px 10px;}


#vec_slik {
	float:right;
	width:200px;
	padding-top:40px;
	text-align:right;
}

	#vec_slik img {
		border:10px solid #A6E2FF;
		margin-bottom:10px;
	}

#vec_slik_celo img {
		border:10px solid #A6E2FF;
		margin:0 5px 5px 0;
	}


#logo {margin-top:42px;

    margin-bottom:0px;

	border:0px solid;

	text-align:right;
}

	

	

h1 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#00699B;

	text-align:right;

	padding-right:20px;

/*	padding-left:135px;*/

	padding-top:30px;

	padding-bottom:0px;

	margin:0px;}


h2 {
	text-align:right;
	font-size:12px;
	color:#00699B;
	padding:10px 20px 0 0;
}

	h2 a {
		color:#00699B;
	}

ul {
	margin:10px 0;
	padding:0;
	list-style:none;
}

li {
	background:url(slike/puscica.gif) left center no-repeat;
	padding-left:14px;
	margin-left:8px;
}

.plavo {
	color:#00699B;
}

#crta {border-top:1px dotted #91DBFF; width:199px;

	padding-bottom:0px;

	padding-top:0px;

	margin-left:50px;

	height:18px;

	margin-bottom:-18px;

}



p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;

	text-align:right;

	padding-right:20px;

	padding-top:3px;

	padding-bottom:2px;}



#levo p {padding-right:20px;

	padding-bottom:0px;

	padding-top:10px;

	margin-bottom:0px;

	margin-top:0px;}



#slika_zgoraj {background:url(slike/slika_zgoraj.jpg) top left no-repeat;

	border:1px solid;}

	

#spodaj {width:403px;

	float:left;

	border:0px solid;

	padding-top:0px;
	
	padding-bottom:10px;}

	

#spodaj_levo {width:289px;

	background: #FFFFFF url(slike/spodaj_senca.jpg) left top no-repeat;

	float:left;

	border:0px solid;

	text-align:left;

	padding-left:13px;

	padding-right:0px;}

	

#spodaj_levo p {text-align:left;

	padding-top:10px;}



#spodaj_levo h2 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px; 
	color:#00699B; 
	margin:0px;
	text-align:left;
	background:url(slike/h2_ozadje.gif) left bottom repeat-x;
	padding:9px 0 0 0;
	font-weight:normal;
}

.front_slike img {
	margin:10px 3px 10px 0;
}



#spodaj_desno {width:100px;

	float:left;

	background:url(slike/ozadje_desno.jpg) top left no-repeat;

	padding-left:0px;

	margin:0px;

	border:0px solid;}



#spodaj_desno h1 {padding-left:15px;

	padding-top:15px;

	padding-bottom:7px;

	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333;}

	

#spodaj_desno p {text-align:right;

	padding-right:5px;

	padding-bottom:5px;

	padding-top:0px;

	margin-bottom:0px;

	margin-top:0px;}

	

	

#spodaj_desno h2 {text-align:right;

	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;

	padding-right:5px;

	padding-bottom:0px;

	padding-top:0px;

	margin:5px 0px 0px 0px;}	

	

#povprasevanje {border-left:1px dotted #333333;

	width:101px;

	padding:6px 0px 0px 3px;

	float:right;}

	

#povprasevanje h3 {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333;

	padding:0px 0px 0px 0px;

	margin:0px;

	margin-top:-2px;}

	

#domov {

	width:66px;

	padding:6px 0px 0px 3px;

	border-left:1px dotted #333333;

	float:right;}	





#domov h3 {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#333333;

	padding:0px 0px 0px 0px;

	margin:0px;

	margin-top:-2px;}	

	

.puscica {background:url(slike/puscica.gif) center right no-repeat;

	padding:0px 12px 0px 0px;}

	

a {text-decoration:none;

	color:#333333;}	

	

a:hover {text-decoration:underline;

	color:#333333;}



#senca_levo {margin:0px 0px 0px 0px;

	height:306px;

	width:600px;

	background:url(slike/senca_levo.jpg) top left repeat-x;

	position:absolute;

	z-index:1;

	left:0px;}

		

#senca_desno {margin:0px;

	padding:0px;

	height:306px;

	width:410px;

	background:url(slike/senca_desno.jpg) left;

	float:right;}	



.push {

	height: 21px; /* .push must be the same height as .footer */

}

.footer {

	margin:0px auto;

	width:645px;

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

	font-size:12px;

	color:#666666;

	padding-top:1px;

	padding-left:225px;

	height: 20px;

}



.footer a {text-decoration:none;

	font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666666;}

	

.footer a:hover {text-decoration:underline;

	font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666666;}

	

#marqueecontainer{

position: relative;

width: 350px; /*marquee width */

height: 405px; /*marquee height */

background:  white;

overflow: hidden;

border:none;

padding-left: 4px;



}



#podKvadrat {

margin-top:3px;

width: 362px;

height:123px; 

float:left;

background:url(slike/drsna_vrata2.jpg) bottom right no-repeat #A6E2FF;

}



h4 {

font-size:12px;

font-weight:normal;

font-family:Arial;

}



#podKvadrat2 {

float:left;

width: 207px;

height:70px; 

background-color:#A6E2FF;

text-align:left;

padding-left: 6px;

padding-top:30px;

}



#podKvadrat3 {

float:left;

width: 149px;

height:100px; 

background:url(slike/kako_do_nas.jpg) top left no-repeat #A6E2FF;

}





.botton {

	margin-top:5px;

	color: #000000;

	font:"Trebuchet MS";

	font-size:12px;

	text-align:center;

	height:20px;

	width:70px;

	background:#A6E2FF;

}


#flash {
	background:#A6E2FF;
	padding:10px;
	float:right;
	width:162px;
	margin:0px 0px 10px 8px;
}
	


div#news-h {
	position: absolute;
	top: 42px; left: 654px;
	width: 210px;
	background: #fff url(images/title-novice.gif) no-repeat;
	padding-top: 60px;
}

div#news-h ul li {background: transparent; color: #333; padding-bottom: 20px; padding-right: 10px;}
div#news-h ul li a.title {color: #333; font-size: 12px; font-weight: bold;}
div#news-h ul li div {color: #333; font-size: 11px;}
div#news-h ul li p {text-align: left; color: #333; font-size: 11px; padding: 5px 0 7px 0;}
div#news-h ul li a.vec {color: #FF0000; font-size: 11px; background: url(images/red-arrow.gif) no-repeat right; padding-right: 10px;}

div#news-h ul li a.n-img-h {
	display: block;
	margin: 5px 0;
	width: 150px;
	height: 60px;
	border: 5px solid #A6E2FF;
}

div#news-h ul li a.n-img-h:hover {text-decoration: none;}