html, body{height:100%; margin:0;padding:0;}
body {text-align:center; background: #FFFFFF; font-family: tahoma,arial,sans-serif; font-size: 11px; color: #575757;}/* centre for ie5.+*/
* html #outer{height:100%;} /*for IE as - treats height as min-height*/

TD { font-family: verdana,arial,sans-serif; font-size: 11px; vertical-align: top;}
TH { font-family: verdana,arial,sans-serif; font-size: 11px; vertical-align: top;}
div {font-family: verdana,arial,sans-serif; font-size: 11px;}
P {margin: 0px; line-height: 14px;}
P.small {font-size: 10px; font-family: arial,sans-serif;}
h1.index {font-size: 12px; color: #ffe400; margin: 18px 0px 10px 0px; font-weight:normal;}
h1.aktualno {font-size: 18px; color: #575757; margin: 18px 0px 10px 0px; font-weight:bold;}
div.clr {clear:both;}
INPUT {border: 1px solid #B2B2B2; font-size: 11px; padding: 1px 3px 1px 3px; margin: 0px;}
INPUT.email {width: 130px;}
INPUT.email2 {width: 140px;}
INPUT.password {width: 100px;}

#outer {
	min-height:100%;
	height:auto;
	width: 100%;
	margin-left:auto;/* center it*/
	margin-right:auto;/* center it*/
	position:relative;
	text-align:left;
}
/* box model hack for ie5.+*/
* html #outer{height:100%; width: 100%;	w\idth:100%;}
/* #index_footer { text-align: center;	width:100%;	position:absolute;	bottom:0;	left:0;	height:50px; color: #000000;} */
#index_footer { text-align: center;	width:100%;	height:40px; color: #000000;}
/* #index_clearfooter {clear:both;height:50px;width:100%} */
#index_clearfooter {clear:both;height:15px;width:100%}
div.footerLinks {color: #57a93f; font-weight: bold; margin: 0px 0px 10px 0px;}
div.footerLinks A {font-family: Tahoma; font-weight: bold; text-decoration: none; color: #383838}
/*div>p {margin:0}*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
* html #index_centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */

/* shadows */
table.shadow { margin-left:auto;	margin-right:auto; }
td.topShadowLeft {width: 30px; height: 30px; background: url(../images/index/topLeft.gif) no-repeat 0 0;}
td.topShadow { height: 30px; background: url(../images/index/top.gif) repeat-x 0 0;}
td.topShadowRight {width: 30px; height: 30px; background: url(../images/index/topRight.gif) no-repeat 0 0;}

td.leftShadow {width: 30px; background: url(../images/index/left.gif) repeat-y 0 0;}
td.rightShadow {width: 30px; background: url(../images/index/right.gif) repeat-y 0 0;}

td.bottomShadowLeft {width: 30px; height: 30px; background: url(../images/index/bottomLeft.gif) no-repeat 0 0;}
td.bottomShadow { height: 30px; background: url(../images/index/bottom.gif) repeat-x 0 0; padding-top: 15px; text-align: center;}
td.bottomShadowRight {width: 30px; height: 30px; background: url(../images/index/bottomRight.gif) no-repeat 0 0;}


/* BUTTONS */
INPUT.button1 {background: URL(../images/buttonBack1.gif) repeat-x; border: 1px solid #317f1a; padding: 1px 6px 1px 6px; margin: 0px 0px 0px 0px; cursor: pointer; font-weight: bold; font-size:10px; color: #ffffff;}
INPUT.button2 {background: URL(../images/buttonBack2.gif) repeat-x; border: 1px solid #B3040B; padding: 1px 6px 1px 6px; margin: 0px 0px 0px 0px; cursor: pointer; font-weight: bold; font-size:10px; color: #ffffff;}


/* INDEX */
div.index_header { width: 788px; height: 322px; overflow: hidden; background: url(../images/homepageHeaderBg.jpg) no-repeat 0 0; }
div.index_top {color: #FFE400; overflow: hidden; height: 30px; padding: 0px 0px 0px 0px;}

div.index_topMenu {text-align:left; color: #FFE400; margin: 0px; padding: 0px 0px 0px 0px; width:788px; overflow:hidden;}
div.index_topMenu_align {padding: 10px 10px 5px 29px;}
div.index_topMenu A {color: #FFFFFF; text-decoration: none;}


div.index_topMain {height: 255px; color: #FFFFFF;}

/* middle */
div.index_topContentHolder
{
	margin: 0px auto 0px auto;
	height: 100%;
	width:788px;
	overflow:hidden;
}

div.index_topContentHolder div.boxLeftPadding {padding: 15px 0px 0px 29px}
div.index_topContentHolder div.boxRightPadding {padding: 0px 20px 0px 0px}
div.index_topContentHolder div.boxLeft {float: left; margin-top: 70px; width: 320px;}
div.index_topContentHolder div.boxRight {float: left; margin-top: 30px; width: 325px; height: 170px; margin-left: 30px; }

div.index_middle {height: 115px;}

a.registracija { text-decoration: none; margin: 5px 0px 0px -3px;}
a.registracija img { border: 0px; }

div.index_formHolder
{
	border: 1px solid #f0c8c8; width: 290px; height: 65px;
	overflow: hidden;
	background: #c10108;
	color: #FFFFFF;
	padding: 3px 0px 7px 10px;
	margin-bottom: 10px;
}

div.index_formHolder A {color: #FFFFFF; font-size: 10px; text-decoration: underline;}
div.boxSpacer {float: left; margin: 3px 10px 3px 0px; padding: 0px; font-size: 10px;}
div.boxSpacer2 {float: right; margin: 7px 10px 3px 0px; padding: 0px;}

div.index_midHolder {background: #44932c; margin: 0px auto 0px auto; width:790px; overflow:hidden; padding: 0px 0px 0px 0px; height: 115px;}
div.index_midHolder SPAN {color: #ffe400; font-weight: bold;}

div.index_midHolder div.boxLeftPadding {padding: 5px 0px 0px 20px}
div.index_midHolder div.boxRightPadding {padding: 0px 20px 0px 0px}
div.index_midHolder div.boxLeft {float: left; width: 360px; overflow: hidden;}
div.index_midHolder div.boxRight {float: right; width: 360px;}

div.index_contentHolder {margin: 0px auto 0px auto; width:790px; overflow:hidden; border-bottom: 1px solid #D5D5D5;}
div.index_content {padding: 10px 0px 15px 0px; overflow: hidden;}
div.index_title {background: URL(../images/title_dots.gif) no-repeat 100% 50% #FFFFFF; margin: 0px 0px 0px 0px}
div.index_title h1 {display: inline; padding: 0px 10px 0px 0px; font-family: arial,sans-serif; font-size: 24px; color: #44932c; background: #FFFFFF;}

div.index_boxHolder1 {margin: 10px 0px 10px 0px; float:left; width: 240px;}
div.index_boxHolder2 {margin: 10px 0px 10px 13px; width: 240px; float:left;}
div.index_boxHolder3 {margin: 10px 0px 10px 0px; float:right; width: 240px;}

div.index_boxHoldergreska {margin: 10px 0px 10px 0px; width: 746px; min-height: 107px; background: url(../images/greskaBg.jpg) no-repeat 100% 0;}
* html .index_boxHoldergreska { height:110px; }

IMG.mainPic {margin: 10px 15px 15px 0px}

div.index_boxGreska { margin: 0px 0px 0px 0px; width: 576px; }
div.index_boxGreska img.imgGreska { float: left; margin: 0px 15px 15px 0px; }
div.index_boxGreska h3 { font-size: 14px; color: #C90707; margin: 0px 0px 10px 0px; }
div.index_boxGreska p { font-size: 14px; color: #575757; margin: 3px 0px 6px 0px; }

div.index_boxContent {margin: 0px 0px 0px 0px;}
div.index_boxContent P.date {color: #44932c; font-size: 10px; font-weight: bold; margin: 10px 0px 10px 0px;}
div.index_boxContent H3 {color: #77c325; margin: 0px 0px 5px 0px; font-size: 12px;}
div.index_boxContent P {}
div.index_boxContent A.more {color: #ed1b24;}

div.index_banners {margin: 6px 0px 0px 0px;}
div.index_banners IMG {margin: 0px 4px 0px 0px; border: 0px;}
div.index_banners IMG.last {margin: 0px 0px 0px 0px; border: 0px;}

/* tabovi */
div.header_bottomLeft { overflow: hidden; margin: 0px 0px 0px 22px; width: 746px; }
div.header_bottomLeft A { text-decoration: none; }

div.tab { height: 35px; float:left; margin: 9px 0px 0px 0px; cursor: pointer; line-height:normal;}
div.tab div.tabL {background: URL(../images/header/tab_L2.gif) no-repeat; width: 8px; height: 35px; float:left;}
div.tab div.tabM {background: URL(../images/header/tab_M2.gif) repeat-x; height: 35px; float:left; color: #FFFFFF; }
div.tab div.tabM2 {background: URL(../images/header/tab_M2.gif) repeat-x; height: 35px; float:left; color: #F9D339; }
div.tab div.tabR {background: URL(../images/header/tab_R2.gif) no-repeat; width: 8px; height: 35px; float:left;}
div.tab div.tabContent { margin: 11px 5px 0px 5px; font-weight: bold; padding:0px 3px 0px 3px;  }


/* VIPDATA 20.05 */

div.index_header2 { width: 788px; height: 180px; overflow: hidden; background: url(../images/homepageHeaderBg.jpg) no-repeat 0 0; }
div.index_topMain2 {height: 110px; color: #FFFFFF;}
div.index_topContentHolder div.boxRightPadding2 {float:right;padding:0px 80px 0px 0px;margin-top:-10px;}
div.floatLeft {float:left;}

P.smallBold {font-family: arial,sans-serif; font-weight:bold;font-size:11px;}
P.smallWidth {font-size: 10px; font-family: arial,sans-serif;width:180px;}

div.prijavaButtonHolder {float:right;padding:3px 50px 0px 0px;}
div.prijavaButtonHolder INPUT {border:0px;}
div.registracijaHolder {float:right;padding:10px 30px 0px 0px;}
div.registracijaHolder INPUT {border:0px;}

div.clr10 {clear:both;height:10px;}
div.clr0 {clear:both;height:0px;}

p.AktualnostTitle {font-family:Arial;font-size:18px;color:#313131;font-weight:normal;padding:22px 0px 12px 2px;}

.pogodnosti { border: solid 1px #dcdcdc; width: 786px; height: 134px; }
.pogodnosti .banner { float:left; width: 262px; height: 134px; }
.pogodnosti .banner .content { margin: 10px 0 0 17px; }
.pogodnosti .katalog { background: url(../images/konzumIamerican.gif) no-repeat 0 0; }
.pogodnosti .plusCard { background: url(../images/konzumPlusCard.gif) no-repeat 0 0; }
.pogodnosti .internet { background: url(../images/konzumIpoklon.gif) no-repeat 0 0; }
.pogodnosti .dostava { background: url(../images/velpro_dostava.gif) no-repeat 0 0; }
.pogodnosti .promocije { background: url(../images/velpro_promocije.gif) no-repeat 0 0; }
.pogodnosti .voce { background: url(../images/voce_povrce.gif) no-repeat 0 0; }
.pogodnosti .banner .content H2.title { margin: 0; padding: 0; font-size: 11px; line-height: 12px; }
.pogodnosti .banner .content H1.title { margin: 0; padding: 0; font-size: 14px; font-weight: bold; line-height: 14px; color:#222; }
.pogodnosti .banner .content H1.title .red { color: #f00; }
.pogodnosti .banner .content H3.subtitle { margin: 5px 0 0 0; padding: 0; font-size: 11px; line-height: 11px; font-weight: bold; }
.pogodnosti .banner .content P.content { margin: 0; padding: 0; font-size: 10px; line-height: 10px; color: #787878; width: 130px; height: 45px; }
.pogodnosti .banner .content A { text-decoration: none; font-size: 10px; color: #000; }
.pogodnosti .banner .content A:hover { text-decoration: underline; }
.bulletRedArrow { background: url(../images/redArrow10.gif) no-repeat 0 50%; padding: 0 0 0 10px; }

div.leftBoxHolder {float:left;background:url(../images/index_akcija_holder.gif) no-repeat -5px 0px;width:395px; height:111px;padding:0px 0px 0px 0px;}
div.leftPicHolder {float:left;padding:17px 0px 0px 12px;}
div.shortInfoTekst {float:left;padding:17px 2px 0px 10px;width:240px;}

div.rightBoxHolder {float:left;padding-left:8px;margin-right:-8px;}
div.rightBoxHolderWithBg {float:left;background:url(../images/index_akcija_holder.gif) no-repeat -5px 0px;width:395px; height:111px;padding:0px 0px 0px 0px;}

div.saznajteViseHolder {float:right;padding:0px 20px 0px 0px;margin-top:-5px;}
div.saznajteViseHolder INPUT {border:0px;}

#index_clearfooter2 {clear:both;height:50px;width:100%}
span.red {color:Red;}

div.leftBoxHolderDetail {float:left;background:url(../images/index_akcija.gif) no-repeat 0px 0px;width:788px; height:300px;padding:0px 0px 0px 0px;}
div.shortInfoTekstDetail {float:left;padding:27px 2px 0px 15px;width:535px;}
div.leftPicHolderDetail {float:left;padding:27px 0px 0px 22px;}
div.saznajteViseHolderDetail {float:right;padding:0px 20px 0px 0px;margin-top:25px;}
div.saznajteViseHolderDetail INPUT {border:0px;}