body,html {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
	background-image: url(images/bg_main.gif);
	background-repeat: repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

#container {
	width: 950px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

#container-header {
	width: 870px;
	height: 85px;
	padding: 20px 40px 0px 40px;
	background-image: url(images/bg_header.gif);
	line-height: 85px;
	font-size:28px;
	font-weight:bold;
}

#container-name {
	float: left;
	color: #061E0C;
	
	
	font-size:1.3em;
	letter-spacing:-3px;
}

#container-slogan {
	float: right;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
/*	padding-right: 10px; */
}

span, #container-name span,#container-slogan span {
	color: #124C10;
}

#container-eyecatcher {
	width: 870px;
	padding: 0px 40px 0px 40px;
	height: 175px;	
	background-image: url(images/bg_eyecatcher.gif);
}

#container-navigation {
	width: 870px;
	background: url(images/menu_bg.png); /* #2D5E2D; */
	height: 30px;
	border-bottom: 1px solid #ffffff;
}

ul#navigation {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#navigation li {
	display: inline;
	list-style: none;
	height: 30px;
}

#navigation li a {
	color: #ffffff;
	line-height: 30px;
	font-size: 11px;
	text-decoration: none;
	padding: 5px 15px 6px 15px;
	border-right: 1px solid #ffffff;
}

#navigation li a:hover {
	text-decoration: underline;
	background: url(images/menu_bg1.png) ;
}

#container-content {
	width:870px;
	background-image: url(images/bg_content.gif);
	background-repeat: no-repeat;
	padding: 20px 40px 0px 40px;
	margin: 0 0 0 0;
	height: auto;
}

#content {
	width: 615px;
	float: right;
}

#border {
	width: 200px;
	margin-left: 20px;	
	margin-top:0px /* !important; */
/*	margin-top:-200px;	 */
}
#content_shop {
	width: 650px;
	float: right;

}

#border_shop {
	width: 200px;
	margin-right: 660px;
	 background:#F2F2F2;
	/* border-right: 1px solid #ADADAD; */
}

#container-footer {
	border-top: 4px solid #E5E5E5;
	width: 870px;
	padding: 10px 0px 20px 0px;
	margin: 0 40px 0px 40px;
	clear: both;
	color: #aeaeae;
}

#container-footer a {
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	color: #aeaeae;
}

#container-footer a:hover {
	color: #006AC3;
}

#footer {
	font-size: 11px;
	color: #aeaeae;
	width: 870px;
	margin-bottom: 20px;
}

#footer-copyright {
	float: left;
	/*width: 325px; */
	padding-left: 10px;
}

#footer-meta {
	float: right;
	text-align: right;
	width: 325px;
	padding-right: 10px;
}
#footer-visitors {
	float:right;
	padding-right:10px;
	
}
.clearer {
	clear: both;
}
a {
	color: #9FA0A0;
	text-decoration:none;
}

a:hover {
	color: #286631;
}


h1 {
	font-size: 22px;
	color: #666666;
	margin: 0 0 0 0;
	padding: 0px 0 20px 25px;
		
		background-repeat: no-repeat;
	background-position: 5px 7px;
	line-height: 24px;
}

h2 {
	font-size: 16px;
	color: #0A3D10;
	padding: 5px 0 5px 25px;
	letter-spacing: 1px;
		
}

h3 {
	font-size: 14px;
	
	padding: 5px 0 0px 25px;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	}
	
h4 {
	font-size: 14px;
	color: #1F6216;

	text-transform: uppercase;
	letter-spacing: -0.5px;
	}

hr {
	border: none 0;
	border-top: 1px solid #cccccc;
	height: 1px;
}

#content hr {
	border: none 0;
	border-top: 1px solid #cccccc;
	margin: 0px 0 0px 25px;
	height: 1px;
}

#content p {
	line-height: 19px;
	color: #666666;
	margin: 0 0 20px 25px;
}

#content p a, #border p a {
	text-decoration: none;
	color: #006AC3;
	border-bottom: 1px dotted #006AC3;
	padding: 2px 2px 2px 2px;
}

#content p a:hover, #border p a:hover  {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #006AC3;
	padding: 2px 2px 2px 2px;
}

#content li {
	line-height: 20px;
	color: #666666;
	margin: 0 0 0 15px;
}

#content .quote {
	border-top: 1px solid #E5E5E5;
	background-color: #f7f7f7;
	border-bottom: 1px solid #E5E5E5;
	padding: 15px 15px 15px 65px;
	background-image: url(images/bg_quote.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	color: #0066CC;
	font-style: italic;
}

#border p {
	line-height: 17px;
	font-size: 11px;
	color: #666666;
	margin: 0 0 15px 10px;
}

ul#subnavigation {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	background-image: none;
}

#subnavigation li {
	list-style: none;
	padding: 2px 0px 2px 10px;
	margin: 0px 0px 5px 0px;
}

#subnavigation li a {
	text-decoration: none;
	color: #006AC3;
	border-bottom: 1px dotted #006AC3;
}

#subnavigation li a:hover {
	text-decoration: none;
	border-bottom: 1px solid #006AC3;
}

ul#news {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: none;
}

#news li {
	list-style: none;
	background-image: url(images/li_cube.gif);
	background-repeat: no-repeat;
	background-position: 2px 6px;
	padding: 2px 0px 2px 15px;
	margin: 0 0 15px 0px;
}

#korpa {
	
	margin-bottom:20px;
	border-bottom:1px solid green;
}
.korpaTab a {
color: green;
font-weight:bold;
text-decoration:none;
}
.korpaTab a:hover {
color: #0B4814;
font-weight:bold;
text-decoration:underline overline;
}

#ShowDrink {
	font-size:1.4em;
}

div#ShowDrink a {
	text-decoration:underline;
	color:#8B9A81;
}

div#ShowDrink a:hover {
	text-decoration:underline overline;
	color:#1B4A27;
}

/* LOGISTICKI CENTAR KRNJESEVCI */
.Logistika {
	float:left;
}
.Logistika img {
 	padding-bottom: 9px;
}

.RadnjeIMG {
	float:right;
}
.Radnje {
	border-bottom:1px solid silver;			
}
.prdavnice-txt {
margin-left:25px;
font-size:1.5em;
}


#Sremska_Mitrovica {
text-align:center;
font-weight:bold;
font-size:2em;
margin-top:45px;
margin-bottom:20px;
}
#Bgd {
text-align:center;
font-weight:bold;
font-size:2em;
margin-top:20px;
margin-bottom:20px;
}

/*
img.alignleft {
	float: left;
	margin: 0 15px 5px 0px;
}

img.alignright {
	float: right;
	margin: 0 0 5px 15px;
}

img.alignabove {
	margin: 0 0 10px 0;
}
*/
/* ********************* IMAGE *****************/
.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
    }
.white_content {
    display: none;
    position: absolute;
    top: 60px;
    /*left: 25%; */

    width: 610px;
    height: 520px;
    padding: 16px;
    border: 16px solid green;
    background-color: white;
    z-index:1002;
    overflow: auto;
    }
.close-button {	
text-align:right;
}

/* ***************************************************  */








 div.winesTab {
  position: relative;
  margin-right: 8px;
  margin-bottom:8px;
  float: left;
  width: 207px;
  height: 207px;
  background: url(images/tab_bg.jpg);
  }

div.winesTab div.header {
  position: relative;
  width: 180px;
  height: 44px;
  display: table;
  overflow: hidden;
  left: 5px;
  }

div.winesTab div.header div {
  %position: absolute;
  %top: 50%;
  display: table-cell;
  vertical-align: middle;
  %left: 50%;
  }

div.winesTab div.header div div {
  %position: relative;
  %top: -50%;
  %left: -50%;
  text-align: center;
  width: 200px;
  font: normal bold 13px/16px Tahoma, Geneva, sans-serif;
  }

div.winesTab div.header a {
  color: #1F226F;
  text-decoration: none;
  }

div.winesTab div.header a:hover {
  color: #040753;
  text-decoration: underline;
  }

div.winesTab img.wine {
  position: absolute;
  top: 58px;
  left: -16px;
  border-top:0px;
  border-right:0px;
  border-bottom:0px;
  border-left:0px;
  }

div.winesTab div.info {

  position: relative;
  width: 110px;
  left: 105px;
  top: 10px;
  font: normal 10px/13px Tahoma, Geneva, sans-serif;
  color: #000000;
  z-index: 3;

  }

div.winesTab div.info b a {
  font-size: 11px;
  color: #1F226F;
  }

div.winesTab div.info div {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 9px;
  color: #444444;
  font-style: normal;
  margin-top: 5px;

  }

div.winesTab div.info div b {
  font-size: 9px;
  color: #320704;
  font-weight: normal;
  }

div.winesTab div.info span a {
  font-size: 11px;
  }

div.winesTab div.info a {
  color: #000000;
  text-decoration: none;
  }

div.winesTab div.info a:hover {
  text-decoration: underline;
  }

div.winesTab div.price {

  position: absolute;
  width: 100px;

  left: 105px;
  top: 112px;
  font: normal bold 11px/12px Tahoma, Geneva, sans-serif;
  color: #A0A0A0;
  z-index: 3;

  }

div.winesTab div.price b {

  color: #040753;

  /*font-size: 11px;*/

  }

div.winesTab div.price i {
  font-size: 9px;
  font-weight: normal;
  font-style: normal;
  color: #666666;
  }

div.winesTab div.price i b {
  font-weight: normal;
  }

div.winesTab div.cart {
  position: absolute;
  width: 75px;
  left: 108px;
  top: 178px;
  %top: 177px;
  font: normal bold 10px/12px Tahoma, Geneva, sans-serif;
  color: #040753;
  z-index: 3;
  }

div.cart input.text {
  width: 25px;
  border: 1px solid #000000;
  background: #FFFCF3;
  color: #040753;
  z-index: 1;
  font: normal bold 11px/13px Verdana, Helverica, sans-serif;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 3px;
  text-align: right;
  %margin-bottom: 1px;
  }

div.winesTab div.cart input.image {
  position: absolute;
  top: -2px;
  %top: -1px;
  left: 67px;
  }

div.winesTab img.newone {
  position: absolute;
  top: 52px;
  left: -13px;
  z-index: 4;

  }

div.winesTab img.tip {
  position: absolute;
  top: 77px;
  left: -7px;
  z-index: 5;
  }

div.winesTab img.discount {

  position: absolute;

  top: 160px;

  left: 23px;

  z-index: 5;

  }

div.winesTab div.highlite {

  position: absolute;

  left: 166px;

  top: 36px;

  padding: 2px 5px;

  font: normal 10px/12px Tahoma, Geneva, sans-serif;

  color: #666666;

  border: 1px solid #3A3D8B;

  background: url(images/tile-action-bg.gif) right no-repeat;

  white-space: nowrap;

  }

div.winesTab div.highlite a {

  text-decoration: none;

  }

div.winesTab div.highlite a:hover {

  text-decoration: underline;

  }



/************ POP BOX STYLE ************************/
.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}
/*****************************************************/

/* Drop-Down menu - O NAMA */

.menu_list {	

}
.menu_head {

	cursor: pointer;
	color: #9FA0A0;
	margin-top:0;
/*	position: relative;
	margin:1px;
    font-weight:bold;
    background: #eef4d3 url(left.png) center right no-repeat;
*/
}

.menu_head:hover {

	cursor: pointer;
	color: #286631;
	margin-top:0;
}
.menu_body {
	display:none;
	margin-left:1em;
	margin-right:1em;		
	margin-top:-13px;
}
.menu_body a{
  display:block;
  color:#276425;
  background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
  font-size: 0.85em;
}
.menu_body a:hover{
  color: #4BA340;

  }



.onama_linkovi {
	margin-left:1.1em;
	margin-top: 0.7em;
}


/*  KORPA */
#VHeader {
	font-weight:bold;
	margin-bottom:9px;
}

.V1 {
background:#F2F2F2;
}

.naruci {
	padding:1em 1em 1em 1em;
	border:1px solid green;
	width:25%;
	text-align:center;
	display:block;
	background:#F2F2F2;
}
.naruci:hover {
	background:#F5FFD5;
}