html,body{
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(../images/body_bg.gif) repeat-x #006666;
}

p, h1, h2, ul, li, input, form, body {
	margin: 0;
	padding: 0;
}

#wrapper {
	  margin:0 auto;
	  width:931px;
   }

/* vrh strani (logo, iskanje, glavni menu) */
#top {
	background:url(../images/top_bg_en.jpg) no-repeat;
	width:931px;
	height:141px;
	}
	/* logo AROVANA */
	#top #logo a{
	float:left;
	width:231px;
	height:141px;
	margin-left:48px;
	background:url(../images/logo.gif) no-repeat;
	cursor:pointer;
	text-indent:-9999px;
	}
	/* JEZIK */
	#top #lang {
	float:left;
	color:#FFFFFF;
	font-size:12px;
	margin:22px 0 3px 376px;
	width:271px;
	display:inline;
	}
		#top #lang img {
		padding:2px 6px 0 14px;
		float:left;
		}
		#top #lang a {
		color:#FFFFFF;
		float:left;
		}
			#top #lang a:link, #top #lang a:visited {
			text-decoration:none;
			}
			#top #lang a:hover {
			text-decoration:underline;
			}
	/* ISKANJE */
	#top #search {
	float:left;
	width:250px;
	height:30px;
	margin:0 0 0 397px;
	display:inline;
	}
		#search p {
		float:left;
		color:#FFFFFF;
		font-size:14px;
		margin-top:8px;
		}
		#search input {
		float:left;
		width:140px;
		height:15px;
		background:url(../images/search_bg.gif) repeat-x;
		margin:6px 0 0 10px;
		padding-top:4px;
		font-size:11px;
		line-height:11px;
		border-top: 1px solid #185e5e;
		border-bottom: 1px solid #1f8d8d;
		border-left: 1px solid #003333;
		border-right: 1px solid #1e6060;
		}
		#search input.gumb1 {
		width:22px;
		border:none;
		height:21px;
		padding:0px;
		}
	/* glavni MENI na vrhu */
	#top ul {
	float:left;
	margin:22px 0 0 30px;
	list-style:none;
	width:606px;
	font-size:12px;
	color:#787878;
	font-weight:bold;
	}
	#top li {
	display:inline;
	margin-left:21px;
	}
	#top li a:link, #top li a:visited {
	color:#787878;
	text-decoration:none;
	}
	#top li a:hover {
	color:#787878;
	text-decoration:underline;
	}

/* vsebina pod vrhom strani*/
/* slika na levi strani */
#left {
	float:left;
	width:448px;
	height:248px;
	padding-left:30px;
	}
/* desni okvir */
#right {
	float:left;
	width:451px;
	height:246px;
	border:1px solid #cccccc;
	background:url(../images/index_naslov.jpg) no-repeat;
	}
	/* naslov "Preoblikovanje plocevine" */
	#right h2 {
	color:#FFFFFF;
	font-size:25px;
	font-weight:bold;
	text-align:center;
	margin-top:20px;
	}
	/* besedilo */
	#right p {
	font-size:18px;
	line-height:30px;
	color:#666666;
	padding:30px 20px 0 55px;
	}
	span.oranzna {
	color:#ff6600;
	}
/* trije okvirji "Prodajni program", "Aktualno" in "Direktni kontakt" */
#middle {
	float:left;
	width:931px;
	height:169px;
	_height:164px;
	margin-top:20px;
	margin-left:11px;
	_margin-left:-7px;
	}
	/* bel okvir z oranžno pušcico */
	#middle .arrow {
	float:left;
	width:284px;
	height:153px;
	background:url(../images/arrow_bg.jpg) no-repeat;
	margin-left:18px;
	}
		/* naslov v okvirju */
		#middle .arrow .naslov {
		font-size:18px;
		color:#808080;
		padding:12px 0 0 70px;
		}
		/* besedilo v okvirju */
		#middle .arrow .besedilo {
		font-size:15px;
		color:#333333;
		padding:8px 0 0 70px;
		}
		#middle .arrow .besedilo a:link, #middle .arrow .besedilo a:visited {
		color:#333333;
		text-decoration:underline;
		}
		#middle .arrow .besedilo a:hover {
		color:#333333;
		text-decoration:none;
		}
		/* povezava "ostalo..." v okvirju */
		#middle .arrow .ostalo {
		font-size:12px;
		padding:4px 20px 0 0;
		text-align:right;
		}
		#middle .arrow .ostalo a:link, #middle .arrow .ostalo a:visited {
		color:#009999;
		text-decoration:none;
		}
		#middle .arrow .ostalo a:hover {
		color:#009999;
		text-decoration:underline;
		}

/* noga strani */
#footer {
	float:left;
	width:901px;
	height:22px;
	margin-left:30px;
	background-color:#FFFFFF;
	display:inline;
	}
	#footer p {
	font-size:10px;
	color:#7f7f7f;
	}
	/* celoten naslov Aro.vana d.o.o. */
	#footer p.copyright {
	float:left;
	width:500px;
	padding:5px 0 0 20px;
	}
	/* izdelava spletnih strani noviSplet.com */
	#footer p.noviSplet {
	float:right;
	padding:5px 16px 0 0;
	}
	#footer .noviSplet a:link, .noviSplet a:visited, .copyright a:link, .copyright a:visited {
	color:#7f7f7f;
	text-decoration:none;
	}
	#footer .noviSplet a:hover, .copyright a:hover {
	color:#7f7f7f;
	text-decoration:underline;
	}



/* --------------------------------- P O D S T R A N - Prodajni program ------------------------------------ */
#middle_p {
	float:left;
	width:901px;
	  min-height:437px;
	  height:auto !important;
	  height:437px;
	  background-color:#FFFFFF;
	margin-left:30px;
	display:inline;
	}

#middle_p #menu {
	float:left;
	width:232px;
	height:428px;
	background-color:#FFFFFF;
	margin-left:17px;
	display:inline;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	}
	/* naslov "Prodajni program" v meniju */
	#middle_p #menu p {
	background-color:#ff9900;
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #ffc266;
	text-align:left;
	padding:3px 0 3px 23px;
	}
	/* oblika menija */
	#middle_p #menu ul {
	list-style:none;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	width:190px;
	margin-left:20px;
	margin-top:10px;
	}
	#middle_p #menu li {
	margin:0px 0 0px 0px;
	border-bottom:1px dashed #ccc;
	vertical-align:middle;
	}
	#middle_p #menu li a {
	width:190px;
	display:block;
	vertical-align:middle;
	padding-top:8px;
	padding-bottom:10px;
	padding-left:5px;
	}
	#middle_p #menu li a:link, #middle_p #menu li a:visited {
	color:#666666;
	text-decoration:none;
	}
	#middle_p #menu li a:hover {
	color:#006666;
	text-decoration:none;
	background:url(../images/style_li.gif) repeat-x bottom;
	}

/* vsebina na podstrani */
#middle_p #content {
	float:left;
	height:auto;
	width:640px;
	padding-left:10px;
	}
	
	
	
/* -------------------------- PODSTRAN PODJETJE ------------------------------------------- */
#middle_p #left_title {
	float:left;
	width:232px;
	height:428px;
	background-color:#FFFFFF;
	margin-left:17px;
	display:inline;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	}
	/* naslov na levi strani */
	#middle_p #left_title p.title {
	background-color:#ff9900;
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
	border:1px solid #ffc266;
	text-align:left;
	padding:3px 0 3px 19px;
	}
	/* besedilo pod naslovom */
	#middle_p #left_title p.subtitle {
	font-size:12px;
	line-height:14px;
	width:190px;
	margin-left:20px;
	margin-top:220px;
	padding-top:20px;
	border-top:1px dashed #ccc;
	color:#666666;
	}
	#middle_p #left_title p.subtitle a:link, #middle_p #left_title p.subtitle a:visited {
	color:#666666;
	text-decoration:none;
	}
	#middle_p #left_title p.subtitle a:hover {
	color:#666666;
	text-decoration:underline;
	}
	
/* naslov in vsebina na podstrani */
/* naslov */
#middle_p #title {
	float:left;
	height:30px;
	width:634px;
	margin-left:16px;
	border-bottom:1px solid #ccc;
	}
	#middle_p #title img {
	padding-right:10px;
	padding-bottom:1px;
	}
	#middle_p #title p {
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
	color:#666666;
	padding-top:4px;
	}
/* vsebina */
#middle_p #content_m {
	float:left;
	  min-height:388px;
	  height:auto !important;
	  height:388px;
	width:624px;
	margin-left:16px;
	background:url(../images/p2_cont_bg.gif) repeat-x bottom #FFFFFF;
	padding:10px 0 0 10px;
	font-size:12px;
	margin-bottom:8px;
	}
	#middle_p #content_m h2 {
	color:#e68a00;
	font-size:14px;
	padding-top:15px;
	}
	#middle_p #content_m a:link, #middle_p #content_m a:visited {
	color:#000000;
	text-decoration:underline;
	}
	#middle_p #content_m a:hover {
	color:#000000;
	text-decoration:none;
	}
	




/* naslov in vsebina na podstrani z izdelki */
/* naslov */
#middle_p #title_p {
	float:left;
	height:64px;
	width:650px;
	background:url(../images/title_top.gif) no-repeat;
	}
	#middle_p #title_p img {
	padding-right:10px;
	padding-bottom:1px;
	}
	#middle_p #title_p p {
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
	color:#666666;
	padding-top:4px;
	margin-left:16px;
	padding-left:24px;
	}
/* vsebina */
#middle_p #content_p {
	float:left;
	  min-height:354px;
	  height:auto !important;
	  height:354px;
	width:624px;
	margin-left:16px;
	background:url(../images/p2_cont_bg.gif) repeat-x bottom #FFFFFF;
	padding:10px 0 0 10px;
	font-size:12px;
	margin-bottom:8px;
	}
	#middle_p #content_p h2 {
	color:#e68a00;
	font-size:14px;
	padding-top:15px;
	}
	#middle_p #content_p a {
	color:#000000;
	}
	#middle_p #content_p a:link, #middle_p #content_p a:visited {
	text-decoration:none;
	}
	#middle_p #content_p a:hover {
	text-decoration:underline;
	}

	/* horizontalni meni na vsebini 
	#middle_p #content_p ul {
	list-style:none;
	width:624px;
	font-size:11px;
	padding-top:0px;
	height:95px;
	}
	#middle_p #content_p li {
	float:left;
	display:inline-table;
	border:1px solid #ccc;
	width:110px;
	height:66px;
	display:block;
	text-align:center;
	margin-right:5px;
	padding:3px;
	}
		#middle_p #content_p li a {
		width:110px;
		height:66px;
		display:block;
		color:#666666;
		}
		#middle_p #content_p li a:link, #content_p li a:visited {
		text-decoration:none;
		}
		#middle_p #content_p li a:hover {
		background-color:#f8f8f8;
		text-decoration:none;
		}

*/

#middle_p #content_p ul {
	list-style:none;
	font-size:11px;
	width:624px;
	height:120px;
	}
	#middle_p #content_p li {
	background:url(../images/eks_li_off.gif) no-repeat;
	width:183px;
	height:44px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	padding-left:13px;
	padding-top:2px;
	vertical-align:middle;
	}
		#middle_p #content_p li a {
		color:#000;
		width:180px;
		height:40px;
		display:block;
		}
		#middle_p #content_p li a:link, #content_p li a:visited {
		text-decoration:none;
		}
		#middle_p #content_p li a:hover {
		background-color:#f3f3f3;		
		text-decoration:none;
		}






.izdelek {
	width:196px;
	height:325px;
	float:left;
	padding-right:11px;
	margin-bottom:20px;
	}
		.izdelek .slika {
		width:196px;
		height:260px;
		float:left;
		background:url(../images/slika_bg.gif) repeat-x bottom #FFFFFF;
		text-align:center;
		}
		.izdelek .opisizdelka {
		width:184px;
		height:55px;
		float:left;
		background-color:#FFFFFF;
		border:1px solid #9c9c9c;
		color:#000000;
		font-size:12px;
		padding:5px;
		margin-bottom:10px;
		}

.izdelekb {
	width:196px;
	height:270px;
	float:left;
	padding-right:9px;
	margin-bottom:20px;
	}
		.izdelekb .slikab {
		width:196px;
		height:262px;
		float:left;
		background:url(../images/slika_bg.gif) repeat-x bottom #FFFFFF;
		text-align:center;
		border:1px solid #9c9c9c;
		}
.prazenb {
	width:196px;
	height:270px;
	float:left;
	padding-right:11px;
	margin-bottom:20px;
	}
	
	
		
.prazen {
	width:196px;
	height:340px;
	float:left;
	padding-right:11px;
	margin-bottom:20px;
	}		

#podatki {
	width:610px;
	margin-bottom:20px;
	}
	#podatki table {
	border-top:1px solid #9c9c9c;
	border-left:1px solid #9c9c9c;
	border-right:1px solid #9c9c9c;
	text-align:center;
	}
	#podatki table td {
	border-bottom:1px solid #9c9c9c;
	}