html,body {height:100%}

body {
	color: #333333;
	font: 0.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
	xbackground:#ececec url(http://www.etvrtke.biz/images/main_bg.gif) repeat-x top left;
	ybackground: #E7DFA0 url(http://www.etvrtke.biz/images/main_bg.gif) repeat-x top left;
	background: #eee;
	
}

p.formular {font-size: 14px; line-height: 21px; margin-right:20px;}
p.white {color:white;}
p.gray {color:gray;}

#vrh {
background: #3e3e3e url(http://www.etvrtke.biz/images/header-bg.gif) no-repeat top center;
xbackground-color: #3e3e3e;
border-bottom:1px solid #eee;
height: 131px;
margin: auto;}

#nav {
background-color: #ea7500;
height: 33px;
border-bottom:1px solid #333;
margin: auto;}

#subnav {
xbackground-color: #1d1d1d;
height: 33px;
margin: auto;}

#content {
background:#eee url(http://www.etvrtke.biz/images/topGr.gif) repeat-x top center;
ybackground-color: #FCFAE6;
xbackground-color: #E7DFA0;
xheight: 500px;
padding-bottom:30px;
border-bottom:1px solid #333;}

#dno {
background-color: #c0c0c0;
xheight: 250px;
padding-top: 20px;
padding-bottom: 20px;}

#zaglavlje {
background-color: #3e3e3e;
xbackground-color: #010000;
height: 50px;
clear:both;
padding-top: 20px;
padding-bottom: 20px;
border-top:1px solid #000;
}

.dleft{float:left; width:310px; height:380px; background:#fff;}
.dright{float:right; width:310px; height:380px; background:#fff;}

.box {
	background:#fff;
	xmargin-bottom:20px;
	padding:10px 10px 1px 10px;
}

.box h1 {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background: url(http://www.etvrtke.biz/images/box-top-620.gif) no-repeat top center;
	margin:-10px -10px 0 -10px;
	padding:6px 12px;
}
.box h2 {
	font-size:1em;
	font-weight:normal;
	color:#333333;
	background:#c0c0c0;
	xmargin:-10px -10px 0 -10px;
	xpadding:6px 12px;
	padding-left:20px;
	padding-right:10px;
	line-height:20px;
}

.box h3 {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	xbackground:#3e3e3e;
	background: url(http://www.etvrtke.biz/images/box-top-300.gif) no-repeat top left;
	margin:-10px -10px 0 -10px;
	padding:6px 12px;
}
.box h3.oglasi {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	xbackground:#3e3e3e;
	background: url(http://www.etvrtke.biz/images/box-top-940-crveni.gif) no-repeat top left;
	margin:-10px -10px 0 -10px;
	padding:6px 12px;
}
/* trazene
----------------------------------------------- */
ul.lista {list-style:none; border-top:1px solid #bbb;}
ul.lista li {margin:0;}
ul.lista li a {display:block;	padding:4px 10px;	border-bottom:1px solid #ccc;	color:red;}
ul.lista li a:hover {	background:#eee;	color:red;}
ul.lista li a:active {background:#ccc;}

/* rezultati
----------------------------------------------- */
ul.rez {list-style:none;}
ul.rez li {margin:0;padding:10px 40px;}
ul.rez li a {font-weight: bold;display:block; padding:10px 0px;	border-top:1px solid #bbb; color:red;}
ul.rez li a:hover {	background:#eee;	color:red;}
ul.rez li a:active {background:#ccc;}

/* panel lista
----------------------------------------------- */
ul.panel {list-style:none; }
ul.panel li {background:url(http://www.etvrtke.biz/images/arrow2.gif) 0 3px no-repeat; padding:0 20px 20px;}
ul.panel li a {display:block;	padding:4px 10px;	border-bottom:1px solid #ccc;	color:red;}
ul.panel li a:hover {	background:#eee;	color:red;}
ul.panel li a:active {background:#ccc;}


/* 
 * Tekst
 */

a:link {
	color: #89ab1d;
	text-decoration: none;
}
a:visited {
	color: #89ab1d;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	color: #000;
	text-decoration: none;
}
/* Headings */
h2, h3, h4, h5, h6 {
	color: #1e1e1e;
	font-weight: normal;
}
h1 {
	font-size: 20px;
	line-height: 32px;
	color:#000;
}
h2 {
	font-size: 16px;
	line-height: 30px;
	color:#8db423;
}
h3 {
	font-size: 14px;
	line-height: 32px;
}
h4 {
	color: #811709;
	font-size: 12px;
	line-height: 20px;
}
h4.zag {
	color: #811709;
	font-size: 1em;
	line-height: 18px;
	margin-left: 20px;
	font-weight: bold;
}
p.zag {
	color: #868686;
	font-size: 0.8em;
	line-height: 15px;
	margin-left: 40px;
}
a.zag {
	color: #868686 ;
	font-size: 0.8em;
	line-height: 15px;
	margin-left: 40px;
	text-decoration: underline;
}
.spacer{
	line-height:0; font-size:0; clear:both;
	}
.logo {
	float:left;
	width:200px;
	margin-top:5px;
	margin-left:0px;
}

.slogan {
	float:right;
	width:550px;
	margin-top:15px;
	text-align:right;
	position:relative;
	
}

img.glavna{
	xwidth:900px; margin-top: 20px ; xpadding:13px 11px; text-align:center;
	xbackground:url(http://www.etvrtke.biz/images/slika_bg.gif) 0 0 no-repeat;
}
img.smece{
	 margin: 0 ; padding:0;
	
}
/*-------------------------- MISLENIOUS --------------------------*/
.noBg{
	background:none !important;
	}
/*-------------------------- NAVIGACIJA --------------------------*/
.navigacija {
	xwidth:700px;
	padding:0;
	float:left;
}
.navigacija ul {
	list-style: none;
	margin: 0 auto;
}
.navigacija ul li {
	float: left;
	display:block;
	margin: 0;
	color:#000;
	width:81px;
	height:33px;
	text-align:center;
	background:url(http://www.etvrtke.biz/images/navigation-divider.gif) 100% 0 no-repeat;
}
.navigacija ul li a{
	width:80px;
	height:33px;
	display:block;
	line-height:33px;
	text-align:center;
	font-weight:bold;
	color:#FAF0C2;
	font-size:0.8em;
	}
.navigacija ul li a:hover {
	color:#FAF0C2;
	text-decoration:none;
	background:url(http://www.etvrtke.biz/images/navigation-bg-hover.gif) 0 0 no-repeat;
}
.navigacija ul li a.active {
	background:url(http://www.etvrtke.biz/images/navigation-bg-selected.gif) 0 0 no-repeat;
}


/*-------------------------- IKONICE --------------------------*/
.pratite {
	width:100px;
	padding:0;
	float:right;
}
.pratite ul {
	list-style: none;
	margin: 0 auto;
}
.pratite ul li {
	float: right;
	padding:4px 0 0 10px;
	margin: 0;
	color:#000;
}
/* /SEARCH */

#search {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	padding:5px 0px 5px 90px;
	border: none
	width: 330px;
	height: 40px;
}
#search input {
	font-family:Arial, Helvetica, sans-serif;
	background:transparent url(http://www.etvrtke.biz/images/bg-search.png) no-repeat scroll 0 0;
	border:none;
	font-size:1.0em;
	color:#444444;
	padding:6px 10px 8px 10px;
	width:182px;
	float:left;
}
#search input:focus, #search input:hover, #search button:focus, #search button:hover {
	background:transparent url(http://www.etvrtke.biz/images/bg-search.png) no-repeat scroll -312px 0;
}
#search button {
	font-family:Arial, Helvetica, sans-serif;
	background:transparent url(http://www.etvrtke.biz/images/bg-search.png) no-repeat scroll -202px 0px;
	border:none;
	font-size:0.8em;
	color:#952200;
	padding:0px 5px 0px 5px;
	font-weight: bold;
	height:32px;
	width:110px;
	float:left;
}
#search button:focus, #search button:hover {
	background:transparent url(http://www.etvrtke.biz/images/bg-search.png) no-repeat scroll -514px 0px;
	color:#fff;
}
/*-------------------------- BOX PONUDE --------------------------*/
.Ponuda_box {
	background-color: #000;
	border:1px solid #eee;
	xpadding:0;
	min-height:270px;
}
.Ponuda_box img.dno{
	text-align:center;
	vertical-align: bottom;
}

.Ponuda_box h2.tophdr{
	height:25px;
    padding:10px 0 0 10px;
    color:#000;
	font:normal 14px/16px "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight:bold;text-transform:uppercase;
	background-color:#fcfae6;
}	
.Ponuda_box p{
	padding:10px 23px 0 13px; 
	color:#999999;
	font-size:11px; line-height:14px;
}