body {
	width: 990px;
	margin: 0 auto;
	padding: 0;
	font-size: 78%;
	font-family: Arial, Helvetica, sans-serif;
	color:  #000;
}

body a {color: #00314D;}
body a:visited {color: #00314D;}

/* IE hack */
* body {margin: 0 auto 0 auto;}
/* end */

.yellow {background: yellow; padding: 2px;}

.warning {color: red;}
.warning a {color: red;}
.warning a:visited {color: red;}

.ok {color: green; }

h3 {font-size: 117%;}

h4 {font-size: 100%;}

#pagecontainer {
	margin: 0;
	padding: 0;
	width: 990px;
}

big {font-size: 117%;}


/* head */

#head {
	float:left;
	width: 990px;
	margin: 0 0 12px 0;
	padding: 0;
	border-bottom: 2px solid  #000;
}

#head p {
	padding: 0;
	margin: 0;
}

#head p img { 
	padding: 0;
	border: 0;
	float: left;
	margin: 0;
}

#head h1 {
	margin: 0;
	border: 0;
	float: left;
	padding-top: 0;
	padding-right: 36px;
	padding-bottom: 0;
	padding-left: 0;
}

#head h3 {
	float: right;
	position: relative;
	top: 45px;
	width: 671px;
	margin: 0;
	font-size: 150%;
	color: #00314D;
	text-align: center;
	vertical-align: middle;
	padding-top: 12;
	padding-right: 36px;
	padding-bottom: 0;
	padding-left: 0px;
}

#menuTop {
	float: right;
	height: 24px;
}

#menuTop a, #menuTop strong {
	margin: 0;
	padding: 6px;
}

.menuTopA {
	color: #fff;
	float: left;}

.menuTopA a:hover {color: #000;}

.menuEnter {
	color:#000000;
	display:block;
	float:right;
	font-size:100%;
	font-weight:bold;
	margin:6px;
	text-decoration:none;
	background-attachment: scroll;
	background-color: #FFA955;
	background-image: url(/pic/menuenter-back.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.menuEnter a:hover {
	color: #fff;
}

.menuEnter img {border: 0;}

#menuMain {
	clear: right;
	float: right;
	position: relative;
	top: 47px;
}

#menuMain ul {
	padding: 0;
	margin: 0 0 0;
	vertical-align: bottom;
	list-style: none;
}
#menuMain h1 {
	padding: 0;
	margin: 0;
	font-size: 100%;
}

#menuMain ul li {
	float:left;
	font-size:117%;
	font-weight:bold;
}

#menuMain a, #menuMain h1 {
	border-color:#466367 #000000 #000000 #466367;
	border-style:solid none none solid;
	border-width:1px medium medium 1px;
	display:block;
	margin:0;
	padding:3px 11px;
}

#menuMain a {
	color: #fff;
	background: #00314D url(/pic/menu-back-of.gif) repeat-x top;
}

#menuMain a:hover {
	background: #57849a url(/pic/menu-back-on.gif) repeat-x top;
}

#menuMain h1 {
	color:#FFFFFF;
	background: none;
	font-size: 100%;
	background: #57849a url(/pic/menu-back-on.gif) repeat-x top;
}


#menuMain-special a, #menuMain-special h1 {
	background:#00314D url(/pic/menu-back-of.gif) repeat-x top;
	border-color:#466367 #000000 #000000 #466367;
	border-style:solid none none solid;
	border-width:1px medium medium 1px;
	color:#FF840E;
	display:block;
	margin:0;
	padding:3px 11px;
}

#head ul li a {
	text-decoration: none;
}

/* body */

#bodycontainer {
	clear: both;
	position: relative;
	margin: 0 12px 12px 12px;
	padding: 0;
	background: #fff;	
}

#bodyLeft {
	float: left;
	width: 186px;
	margin: 0;
	padding: 0;
}

#bodyRight {
	float: right;
	width: 300px;
	margin: 0;
	padding: 0;
}



/* search box */

#searchBox, #kulinarikaBox {
	width: 160px;
	margin: 0 0 12px 0;
	padding: 12px;
	
	color: #fff;
}

#searchBox {
	background: #00314D url(/pic/search-back.jpg) repeat-x left top;
}

#kulinarikaBox {
	background: #77871d url(/pic/kulinarika-back.gif) repeat-x left top;
}
#searchBox p, #kulinarikaBox p {
	font-size: 117%;
	font-weight: bold;	
	margin: 0 0 6px 0;
	padding: 0;
	color: #fff;
	border-bottom: 1px solid  #002d33;
	
}

#searchBox select, #kulinarikaBox select {
 	margin: 0 0 3px 0;
 }
 
#searchBox label, #kulinarikaBox label {
	margin: 0 0 3px 0;
	padding: 0;}
 
.wordsearch {
	width: 129px;
	margin: 0 0 3px 0;
	padding: 0;
	vertical-align: middle;
}

.searchSelect {
 	 width: 162px;
	 }
 
#search {
 	margin: 0;
	padding: 6px 0 0 0;
 	border-top: 1px solid #666;
 }
 
 .moreoptions  {color: #000; padding: 0; margin: 0 0 4px 0;}
 .moreoptions a {color: #000;}
 .moreoptions a:hover { color: #fff;}
 
 
 .button {
 	margin: 0 0 0 -3px; 
	float: right;
	padding: 0;
	border: 0; 
 	background:transparent;
 }
 
 
hr { color:  #00314D; margin: 12px 0; } 

#wordsearchBox {
	margin: 0 0 12px 0;
	padding: 12px;
	background-color: #00314D;
	background-image: url(/pic/search-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#wordsearchBox p {
	font-size: 117%;
	font-weight: bold;
	margin: 0 0 6px 0;
	padding: 0;
	color: #fff;
	border-bottom: 1px solid  #002d33;
}

#wordsearchBox ul {
	margin: 6px 0 0 0;
	padding: 0;
	color: #fff;
	list-style: none;
}

#wordsearchBox li {
	font-size: 85%;
	margin: 0 0 2px 0;
	padding: 0 0 0 16px;
	color: #fff;
}

/* pump box */

#pumpBox {
	margin: 0 0 16px 0;
	padding: 16px 16px 0 16px;
	border: 1px dotted #00314D;
}

#pumpBox h3 {
	margin: 0 0 16px 0;
	padding: 0;
	color: #000;
	border-bottom: 1px solid #00314D;
	
}

#pumpBox ul {
	margin: 8px 0 16px 0;
	padding: 0;
	color: #ccc;
	list-style: none;
}

#pumpBox li {
	margin: 0 0 4px 0;
	padding: 0 0 0 16px;
	color: #000;
}

#pumpBox a {
	color:  #00314D;
	font-weight: bold;
}

#pumpBox a:hover {color: #000;}

.ul-bullet li { background: url(/pic/bullet-blue.gif) no-repeat 0 5px;}
.ul-arrow li { background: url(/pic/arrow-b-w.gif) no-repeat 0 1px;}


/* login */

#loginMain {
	clear: both;
	margin: 0;
	padding: 0;
	width: 456px;
}

#loginMain h2 {
	width: 456px;
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 150%;
	color: #00314D;
	border-bottom: 1px solid #00314D;
}

#loginMain h3 {
	margin: 6px 0;
	padding: 0;
	font-weight: bold;
	color: #00314D;
	font-size: 117%
}

#loginMain p {
	margin: 0;
	padding: 0;
	font-size: 100%
}

#loginMain strong {
	background: #FFA955;
	padding: 2px;
}

#loginMain form {
	padding-left: 90px;
}

#loginMain label {
	font-size: 100%
}

#loginMain a {color: #00314D;}
#loginMain a:hover {color: #000;}

#loginMain li {
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 100%;
}


/* footer */

#footer {
	clear: both;
	border-top: 1px solid #888;
	padding: 36px 12px 6px 12px;
	margin: 0;
	text-align: left;
}

#footer a {color: #000;}
#footer a:hover {color: #004466;}


/* editor */

#editMenuEnter {
	padding: 3px 0;
	margin: 0;
	float:right;
	height: 24px;
	vertical-align: middle;
}

#editMenuEnter strong {font-weight: bold; color: #000; font-size: 117%;}

#editMenuEnter a {
	padding: 3px 6px;
	margin: 0;
	color: #000;
}

#editMenuEnter a:hover {
	color: #fff;
	background: #000;
}

#editMenuMain {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	top: 48px;
}

#editMenuMain img, #editMenuBottom img  {border: 0;}

#editMenuMain ul, #editMenuBottom ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#editMenuMain ul li, #editMenuBottom ul li {
	float: left;
	color:  #00314D;
	margin: 0 3px;
}

#editMenuMain ul li a, #editMenuBottom ul li a {
	display: block;
	padding: 3px 6px;
	margin: 0;
	font-weight: bold;
	color: #fff;
	background: #00314D;
	text-decoration: underline;
}

#editMenuMain ul li a:hover, #editMenuBottom ul li a:hover {color: #fff; background: #888;}

#editMenuMain ul li p, #editMenuBottom ul li p {
	padding: 3px 6px;
	margin: 0;
	font-weight: bold;
	color: #fff;
	background: #888;
}

#editPromo {
	left: 422px;
	width: 530px;
	margin: 0;
	padding: 3px 6px;
	border: 1px solid #ff840e;
	position: relative;
*	top: -6px;
}

#editPromo a {color: #00314D;}
#editPromo a:hover {color: #000;}

#editHelp {
	margin: 12px 0;
	padding: 0;
	border: 1px solid #B9CA2E;
}

#editHelp h3 {
	margin: 0;
	padding: 3px;
	font-size: 100%;
	color: #000;
	background: #B9CA2E;
}

#editHelp ul {
	float: left;
	margin: 6px 12px;
	padding: 0;
	list-style: none;
	font-weight: normal;
}

#editHelp p {
	clear: both;
	margin: 0;
	padding: 0;
}

#editBar {
	clear: both;
	width: 743px;
	padding-left: 223px;
}

#editBar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#editBar ul li {
	float: left;
	margin: 0 1px 0 0;
}

#editBar ul li a {
	display: block;
	padding: 3px 6px;
	margin: 0;
	font-weight: bold;
	color: #000;
	background: #ccc;
}

.editBar-selected {
	padding: 4px 8px;
	font-weight: bold;
	color: #fff;
	background: #888;
}

#editBar ul li a:hover {color: #fff; background: #888;}

#editTable {
	clear: both;
	margin: 0;
	padding: 0;
}

#editTable th {
	padding: 3px;
	text-align: left;
	color: #fff;
	background: #888;}

#editTable td {
	padding: 3px;
	text-align: left;
	border-bottom: 1px solid #ccc;}

#editTable a { color: #000;}
#editTable a:hover { color: #00314D;}

.tr1 {background: #ddd;}

.brisan td {color: #999;}


/* vpis dogodka */

#submitad {
	margin: 0 0 24px 0;
	padding: 0;
}

#submitad h3 {
	margin: 0 0 6px 0;
	padding: 12px 0 0 0;
	border-bottom: 1px solid #888;
	font-size: 150%;
	color: #00314D;
}

#submitad p {
	margin: 12px 0;
	padding: 0;
}

.submit-table {}

.submit-table th {
	padding: 6px 3px 3px 0;
	margin: 0;
	text-align: right;
	vertical-align: top;
	font-weight: normal;
	width: 184px;
}

.submit-table td {
	padding: 6px 6px 3px 3px;
	margin: 0;
	vertical-align: top;
}


.submit-table select { margin-bottom: 4px;}

.submit-table h4 {
	margin: 0;
	padding: 3px 0;
	color: #000;
	background: #B9CA2E;
	font-size: 117%;
}

.sklopDiv {padding-bottom: 12px; margin-bottom: 6px; border-bottom: 1px solid #ccc;}
.sklop th {padding-bottom: 12px; margin-bottom: 6px; border-bottom: 1px solid #ccc;}
.sklop td {padding-bottom: 12px; margin-bottom: 6px; border-bottom: 1px solid #ccc;}

.lokacijaDiv {
	float: left;
	padding: 0 12px 0 0;
	margin: 0;
}

#urediBlurbBox {
	float: right;
	margin: 0;
	padding: 0 0 0 12px;
}

#urediBlurbBox p {
	margin: 0 0 12px 0;
	padding: 12px;
	border: 1px solid #00314D;
	font-weight: bold;
}

#urediBlurbBox form {
	margin: 0;
	padding: 12px;
	border: 1px solid #00314D;
}

#urediBlurbBox form label {
	margin: 0;
	padding: 0 0 6px 0;
}


#urediBlurbBox form h4 {
	margin: 0 0 6px 0;
	padding: 0;
}

#urediBlurbBox form input {
	margin: 0 0 6px 0;
	padding: 0;
}

#urediBlurbBox p a {color: #00314D;}
#urediBlurbBox p a:hover {color: #000;}

.changePass {
	display: block;
	padding: 3px 6px;
	margin: 0;
	font-weight: bold;
	color: #fff;
	background: #00314D;
	text-align: center;
}

.changePass:hover {color: #fff; background: #888;}


.scroller {
	margin: 0 0 12px 0;
	padding: 8px;
	border-top: 2px solid #888;
}

.scroller a {color: #00314D;}
.scroller a:hover {color: #000;}


#clock {
	position: absolute;
	left: 500px;
	width: 250px;
	padding: 6px 12px;
	margin: 0;
	border: 1px solid #FF840E;
}

#clock h3 {
	margin: 3px 0 0 0;
	padding: 0;
	color: #00314D;
}

#clock img {
	margin: 0 12px 0 0;
	padding: 0;
	float: left;
}


/* Oglasujte */

#oglasujteLeft {
	float: left;
	width: 608px;
	margin: 0 0 12px 0;
	padding: 0 12px 0 0;
	line-height: 124%;
	border-right: 1px solid #888;
}

.oglasujteSplit {
	float: left;
	width: 267px;
	margin: 0 0 24px 0;
	padding: 0 6px;
	text-align: center;
}

.oglasujteLeftLeft {
	float: left;
	width: 336px;
	margin: 0 0 24px 0;
	padding: 0;
}

.oglasujteLeftRight {
	float: right;
	width: 210px;
	margin: 0 0 24px 0;
	padding: 0;
}

#oglasujteLeft a {color: #FF840E;}
#oglasujteLeft a:hover {color: #004466; }

#oglasujteLeft h1 {
	margin: 0 0 18px 0;
	padding: 0;
	color: #004466;
	font-size: 150%;
	font-weight: bold;
}

#oglasujteLeft h3 {
	margin: 0 0 18px 0;
	padding: 0;
	color: #004466;
	font-size: 117%;
	font-weight: bold;
}

#oglasujteLeft p {
	clear: both;
	margin: 0 0 18px 0;
	padding: 0;
}

#oglasujteLeft ul {
	margin: 0 0 18px 12px;
	padding: 0;
	list-style: none;
}

#oglasujteLeft ol {
	margin: 0 0 12px 12px;
	padding: 0;
}

#oglasujteLeft ul li {
	margin: 0 0 6px 0;
	padding: 0 0 0 12px;
	background: url(/pic/bullet-blue.gif) no-repeat 0 5px;
}

#oglasujteLeft ol li {
	margin: 0 0 6px 12px;
	padding: 0;
}

#oglasujteLeft table {
	border-collapse: collapse;
}

#oglasujteLeft table th {
	margin: 0;
	padding: 3px;
	color: #fff;
	background: #00314D;
	border: 1px solid #fff;
}

#oglasujteLeft table td {
	margin: 0;
	padding: 3px;
	color: #000;
	background: #ccc;
	text-align: center;
	border: 1px solid #fff;
}

#oglasujteRight {
	float: right;
	width: 334px;
	margin: 0 0 12px 0;
	padding: 0;
	line-height: 124%;
}

#oglasujteRight a {color: #FF840E;}
#oglasujteRight a:hover {color: #004466; }

#oglasujteRight h3 {
	margin: 0 0 18px 0;
	padding: 0;
	color: #004466;
	font-size: 117%;
	font-weight: bold;
}

#oglasujteRight dl, #oglasujteLeft dl {
	margin: 0;
	padding: 0;
}

#oglasujteRight dt, #oglasujteLeft dt {
	margin: 0 0 3px 0;
	padding: 0;
	color: #004466;
	font-weight: bold;
}

#oglasujteRight dd, #oglasujteLeft dd {
	margin: 0 0 18px 12px;
	padding: 0;
	font-size:85%;

}

.advertiseBaners {
	clear: both;
	margin: 0;
	padding: 0 0 12px 0;
}

.advertiseBaners img {
	border: 1px solid #ccc;
	margin-bottom: 12px;
}

.advertiseBaners h3 {
	border-bottom: 1px solid #ccc;
}

#headBox {
	border: 2px solid #FF840E;
	padding: 12px;
	margin: 0 0 18px 0;
	color: #004466;
	font-size: 117%;
	text-align: center;
	font-weight: bold;
"
}

/* kontakt */

#kontaktBox {
	margin: 0;
	padding: 0;
	border: 1px solid #b9ca2e;
	background: #fff;
}

#kontaktBox h4 {
	margin: 0;
	padding: 3px 6px;
	font-size: 100%;
	color: #000;
	background: #b9ca2e;
}

#kontaktBox p {
	margin: 0;
	padding: 6px 12px;;
}

#breadcrumb {
	margin: 0 0 24px 0;
	padding: 3px;
	text-align: left;
	color: #444;
}

#breadcrumb a {
	color: #444;
}
#breadcrumb a:hover {
	color: #004466;
}

/* upsale */

#upsale {
	margin: 0 0 24px 0;
	padding: 0;
}

#upsale h3 {
	margin: 0 0 6px 0;
	padding: 12px 0 0 0;
	border-bottom: 1px solid #888;
	font-size: 150%;
	color: #00314D;
}

#upsale p {
	margin: 12px 0;
	padding: 0;
}

#upsale td {
	margin: 0;
	pad 6px; 
}

.upsale-izgled {
	width: 454px;
	margin: 0 0 12px 12px;
	padding: 12px 12px 0 12px;
	border: 1px dotted #aaa;
	float: left;
}

h4 {
	padding: 0 12px;
	margin: 0 0 6px 0;
	color: #000;
}

/*-----------Style for jQPOOOP--------------------------*/

	
.popup{

z-index:10000;

position:relative;
border: solid 1px #6b6b6b;
background: white url(/pic/top_back.gif) 0 0 repeat-x;
padding: 6px;

}

.popup h6 {

margin: 0;
padding: 5px 0 0 5px;
font-size: 14px;
height: 16px;
float:left;
color: #fff;

}

.popup button {

float: right;
background: none;
border: none;
margin: 0;

}

.popup div {

clear: both;
margin: 40px 10px 10px 10px;
}

.popup a{

	font-family:arial;
	color:black;
	font-weight:bold;
	text-decoration: none;
}
