
/* commented backslash hides from ie5mac \*/ 
html{height:100%;margin:0;padding:0} 
/* end hack */ 
html,body {
	padding:0;
	margin:0;
}
body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
/*	color: #000000;*/
	height:100%;
}
a, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#container {
	margin: 0 auto;
	width: 900px;
	padding:0;
	border:0;
}

.maintable{
background:url(../img/interface/shop_bgrd.jpg) repeat-y bottom left;
}
.maintable_hp {
background:url(../img/interface/maintable_bgrd_hp.jpg) repeat-y bottom left;
}
.maintable_provod {
/*code here*/
}

div,p  {margin-top:0}/*clear top margin for mozilla*/

/* =================================================================F l A S H    H E A D E R  ============*/

#flash_header {
	width: 100%;
	height: 157px;
	border:0;
}

/* ============================================================F l A S H   H E A D E R    B A N N E R  ============*/


#flash_header_banner {
	width: 100%;
	height: 230px;
	border:0;
}

/* ========================================================================== M E N I  ============*/

#meni {
	background:#ffffff url(../img/interface/bgrd_meni.jpg) repeat-x center top;
	width: 100%;
	height: 57px;
	border:0;
	padding:0;
	margin:0;
}



.menitop {
	background:#ffffff url(../img/interface/meni_topsenka.jpg) no-repeat center top;
	width: 900px;
	height: 57px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	border:0;
	padding:0;
	margin:0;
	text-align:left;
}

#meni_shop{
		width:532px;
		margin: 0px;
		height: 57px;
		line-height:57px;
	}

#meni_shop ul{
	display:inline;
	margin: 0px;
	padding:0px;
}

#meni_shop li{
	display:inline;
	margin: 0px;
	padding:0px 5px 0 5px;
}

#meni_shop li a{
	display:inline;
	margin: 0px;
	padding:5px 9px 5px 9px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}

#meni_shop li a:hover{
	padding:5px 9px 5px 9px;
}

#meni_shop li a.gornjiMeni1{
	color:#790073;
}

#meni_shop li a:hover.gornjiMeni1{
	background-color:#790073;
	color:#FFFFFF;
}

#meni_shop li a.gornjiMeni2{
	color:#80CAD2;
}

#meni_shop li a:hover.gornjiMeni2{
	background-color:#80CAD2;
	color:#FFFFFF;
}


#meni_shop li a.gornjiMeni3{
	color:#97BF00;
}

#meni_shop li a:hover.gornjiMeni3{
	background-color:#97BF00;
	color:#FFFFFF;
}


#meni_shop li a.gornjiMeni4{
	color:#E51A56;
}

#meni_shop li a:hover.gornjiMeni4{
	background-color:#E51A56;
	color:#FFFFFF;
}


#meni_shop li a.gornjiMeni5{
	color:#716A55;
}

#meni_shop li a:hover.gornjiMeni5{
	background-color:#716A55;
	color:#FFFFFF;
}

#meni_shop li a.gornjiMeniSelected1{
	background-color:#790073;
	color:#FFFFFF;
}

#meni_shop li a.gornjiMeniSelected2{
	background-color:#80CAD2;
	color:#FFFFFF;
}



#meni_shop li a.gornjiMeniSelected3{
	background-color:#97BF00;
	color:#FFFFFF;
}

#meni_shop li a.gornjiMeniSelected4{
	background-color:#E51A56;
	color:#FFFFFF;
}


#meni_shop li a.gornjiMeniSelected5{
	background-color:#716A55;
	color:#FFFFFF;
}



#meni_shop li a.shoping{
	color:#790073;
}

#meni_shop li a:hover.shoping{
	background-color:#790073;
	color:#FFFFFF;
}

#meni_shop li a.hrana{
	color:#80CAD2;
}

#meni_shop li a:hover.hrana{
	background-color:#80CAD2;
	color:#FFFFFF;
}


#meni_shop li a.zabava{
	color:#97BF00;
}

#meni_shop li a:hover.zabava{
	background-color:#97BF00;
	color:#FFFFFF;
}


#meni_shop li a.provod{
	color:#E51A56;
}

#meni_shop li a:hover.provod{
	background-color:#E51A56;
	color:#FFFFFF;
}


#meni_shop li a.ostalo{
	color:#716A55;
}

#meni_shop li a:hover.ostalo{
	background-color:#716A55;
	color:#FFFFFF;
}


/*=====================================          S H O P I N G          ========================================*/

/*============================================ L E F T    M E N I ========================================*/

.leftmenu {
	width:200px;
	/*height:100%;*/
	background: #BC0070 url(../img/interface/left_menu_bgrd_top.jpg) no-repeat top left;
	color: #fff;
	padding:0;
	margin:0;
}
.leftmenuHome {
	width:200px;
	/*height:100%;*/
	background: #BC0070 url(../img/interface/left_menu_bgrd_home.jpg) no-repeat top left;
	color: #fff;
	padding:0;
	margin:0;
}
.leftmenuProvod {
	width:170px;
/*	font-size: 11px;*/
/*	color: #fff;*/
	border-right: 1px solid #b7b7b7;
	padding: 0px 15px 0px 15px;
	margin:0;
}

.leftmenuProvod ul {
	width: 170px;
	padding: 0 15px 0 15px;
	margin: -5px 0px 0px 0px;
	padding: 0px;
}

.leftmenuProvod li {
	width: 170px;
	height: 50px;
	margin: 0px 0px 2px 0px;
/*	padding:10px;*/
	vertical-align: middle;
	font-size: 14px;
	line-height: 15px;
	background: url(/img/interface/kalBgr.jpg) center center no-repeat;
	list-style: none;
}

.leftmenuProvod li a {
	display:block;
	margin: 0px;
	padding: 10px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}

.leftmenuProvod li a:hover {
	display:block;
	padding:10px;
	text-decoration: underline;
}

.leftmenuProvod .najave {
	padding: 10px 0px 0px 0px;
	font-size: 11px;
	color: #766F5B;
}

.leftmenuProvod .najave input.textfield {
	height: 15px;
	padding: 1px 2px 0px 2px;
	margin: 2px 0 4px 0;
	border: 1px solid #716A55;
	color: #999;
	font-size:11px;
	line-height:11px;
	vertical-align: middle;
}

.leftmenuProvod .najave input.submit {
	width: 18px;
	height: 18px;
	margin: 0;
	border: 0;
	vertical-align: middle;
}


.leftmenuProvod .najave a {
	color: #766F5B;
}
.leftmenuProvod .najave input.submit {
	width: 18px;
	height: 18px;
	margin: 0;
	border: 0;
	vertical-align: middle;
}


.leftmenuHome .najave {
	padding: 10px 15px 0px 15px;
	font-size: 11px;
}
.leftmenuHome .najave a {
	color: #fff;
}
.leftmenuHome .najave input.submit {
	width: 18px;
	height: 18px;
	margin: 0;
	border: 0;
	vertical-align: middle;
}

.left_menu_naslov{
	font-size:16px;
	padding:15px 15px 5px 15px;
	margin:0px;
}

.whiteTitle {
	font-size: 18px;
}
.whiteSubmitTitle {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
	
.left_menuin {
	width:160px;
	background: #BC0070 url(../img/interface/leftmenuin_bgrd.jpg) no-repeat top left;
	color: #fff;
	padding:10px 5px 10px 5px;
	margin:0px 15px 0px 15px;
	border-bottom: #D8ABC5 1px solid;
}
	
.left_menuin ul {
	padding:0;
	margin:0;
	}
	
.left_menuin li {
	list-style:none;
	line-height: 20px;
	padding:0;
	margin:0;
	}
	
.left_menuin a {
	color: #fff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:10px 0;
	margin:5px 0;
}
.left_menuin a.selected {
	color: #ccc;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:10px 0;
	margin:5px 0;
}

.left_menuin a:hover{
	color: #fff;
	text-decoration:underline;
	font-weight:bold;
}
.rightcolumn_hp {
	width: 160px;
	padding: 50px 0 10px 10px;
	font-size: 11px;
	color: #716A55;
}
.rightcolumn_zakupac {
	width: 182px;
	padding: 50px 0 10px 10px;
	font-size: 14px;
	color: #716A55;
}

#howToGet {
	margin-top: 10px;
}

#howToGet input {
	height: 12px;
	line-height: 12px;
	padding: 3px 2px 3px 2px;
	margin: 2px 0 7px 0;
	color: #999;
	font-size:11px;
	vertical-align: middle;
}

#howToGet input.textfield {
	height: 12px;
	line-height: 12px;
	padding: 3px 2px 3px 2px;
	margin: 2px 0 7px 0;
	border: 1px solid #716A55;
	color: #999;
	font-size:11px;
	vertical-align: middle;
}

#howToGet input.submit {
	width: 18px;
	height: 18px;
	margin: 0;
	border: 0;
	vertical-align: middle;
}

.pinkTitle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #BD0071;
}
.pinkTitle a {
	color: #BD0071;
}
.pinkSubmitTitle {
	font-size: 14px;
	font-weight: bold;
	color: #BD0071;
}
.calTitle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #BD0071;
}
#map_field {
	width:150px;
	background: #BC0070 url(../img/interface/leftmenuin_bgrd.jpg) no-repeat top left;
	color: #fff;
	padding:10px 5px 10px 5px;
	margin:10px 0 0 0;
	font-size:13px;
}
#map_link {
	height: 26px;
	background: url(/img/interface/mapLinkBgd.gif) center top no-repeat;
	padding: 12px 10px 0 10px;
}
#map_link a {
	color: #fff;
}

#najava_link {
	background: url(/img/interface/klik_dalje_shape.jpg) top center no-repeat;
	height: 150px;
	max-height: 150px;
	padding: 15px 15px 10px 15px;
	font-size: 11px;
}
#najava_link a {
	color: #fff;
}

#calendarTable tr {
	background: #4C1D38;
}

#calendarTable td {
	color: #999999;
	/*background: #4C1D38;*/
	font-family: Tahoma;
	font-size: 9px;
	width: 21px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
}

#calendarTable td a {
	color: #fff;
	font-weight: bold;
}

.krug {
	background: url(/img/interface/krug.gif) no-repeat #4C1D38;
}

/*====================================================================================*/
/* center content hp */
table.maintable_hp div.newsLeft {
	width: 168px;
	float:left;
	border-right: 1px solid #b7b7b7;
	padding: 10px 10px 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #716A55;
}
table.maintable_hp div.newsRight {
	width: 168px;
	float:right;
	padding: 10px 10px 10px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #716A55;
}
table.maintable_hp div.newsLeft img.thumb, table.maintable_hp div.newsRight img.thumb {
	float: left;
	margin: 0px 5px 0px 0px;
	border: 1px solid #B0B3B6;
}

table.maintable_provod td.provod_main div.newsProvod {
	padding: 10px 10px 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #716A55;
}
table.maintable_provod td.provod_main div.newsProvod img.provodPhoto {
	float: right;
	margin: 0 0 5px 10px;
	border: 1px solid #B0B3B6;
}

table.maintable_hp div.newsLeft a, table.maintable_hp div.newsRight a {
	color: #D7800B;
}
.newsTitle {
	font-size: 12px;
	color: #D7800B;
	margin-top: 0px;
	margin-bottom: 10px;
}
.newsTitle a {
	color: #D7800B;
}
/*.uptitle {

}
.date {

}*/


/*====================================================================================*/

.shop_top {
	width:539px;
	background: #ffffff url(../img/interface/shop_top.jpg) no-repeat top left;
	color: #666;
	padding:10px 0px 10px 20px;
	margin:0;
}
.shop_top_hp {
	width:374px;
	background: #ffffff url(../img/interface/top_hp.jpg) no-repeat top left;
	color: #666;
	padding:10px 0px 0px 15px;
	margin:0;
}
.shop_top_zakupac {
	width:374px;
	background: #ffffff url(../img/interface/shop_top.jpg) no-repeat top left;
	color: #666;
	padding:10px 0px 0px 15px;
	margin:0;
}
.provod_main {
	width: 657px;
	padding:10px 15px 10px 15px;
	margin:0;
	color: #666;
}
.provod_main .path {
	font-size:14px;
	height:40px;
	background: url(/img/interface/grayline.gif) left top repeat-x;
	color: #766F5B;
}

.zakupac {
	width:367px;
	background: #ffffff url(../img/interface/shop_top.jpg) no-repeat top left;
	color: #666;
	padding:10px 0px 10px 20px;
	margin:0;
}


.shop_gd {
	width:23px;
	background: url(../img/interface/shop_d.jpg) no-repeat top left;
	color: #666;
	padding:0;
	margin:0;
}

.path {
	font-size:14px;
	height:40px;
}
	
.abeceda {
	font-size:17px;
	font-weight:normal;
	padding:0px 0 10px 0;
	margin:0px;
	color:#BF1B48;
	border-bottom: #989B9D solid 1px;
}

	
.abeceda a{
	font-size:15px;
	text-decoration:none;
	font-weight:normal;
	color:#716A55;
	padding:0px 0 10px 0;
	margin:0px;
}

.zakupci_levo{
	background: url(../img/interface/podloga_logo_firme.jpg) no-repeat top left;
	width:170px;
	height: 80px;
	padding:25px 27px 25px 13px;
	border-bottom: #989B9D solid 1px;
	text-align: center;
}

.zakupci_desno{
	font-size:12px;
	line-height:15px;
	padding:10px 0 0 0;
	color:#716A55;
	border-bottom: #989B9D solid 1px;
}

.zakupci_nadnaslov{
	font-size:12px;
	font-weight:bold;
	padding:0;
	margin-bottom:10px;
}

.zakupci_naslov{
	font-size:17px;
	color:#BF1B48;
	font-weight:normal;
	padding:0;
	margin:0 0 5px 0;
}

.zakupci_naslov span{
	font-size:13px;
	font-weight:bold;
	color:#D7800B;
	padding:0;
	margin:0;
}

.zakupci_dalje{
	padding:0px 0 0 0;
	margin:-10px 0 10px 0;
}

.zakupci_dalje a{
	border:0;
	font-size:12px;
	color:#716A55;
	font-weight:bold;
	padding:0;
	margin:0;
	text-decoration:none;
}


.zakupci_dalje a img{
	margin:0px 0 -3px 0;
	padding-top: 0px;
}
/*dl {
padding:0px;
margin:0px;

}

dt {
border-top: solid 1px #000;
width: 210px;
height: 115px;
padding: 15px;
background: url(../img/interface/podloga_logo_firme.jpg) no-repeat top left;
margin: 0px 0 50px 0;
}

dd {
margin-left:215px;
margin-top: -145px ;

}*/

/*=============================================================*/

#nav {
	height: 18px;
	margin: 10px 11px 0 11px;
	padding: 0px;
	font-size: 14px;
	color: #716A55;
	background-color: #ffffff;
}
#nav img {
	vertical-align: middle;
}

.button_levo, .button_desno {
	position: relative;
	height:16px;
	border: 0px solid #ccc;
	float: left;
	padding: 0 8px 0 8px;
	margin-right:1px;
	color: #000000;
}

.button_levo {
	background: url(../img/interface/strelica_levo.gif) no-repeat top center;
}
.button_desno {
	background: url(../img/interface/strelica_desno.gif) no-repeat top center;
}

.page {
	position: relative;
	height:18px;
	float: left;
	padding: 0 5px 0 0px;
}

#nav .page input {
	width: 20px;
	height: 14px;
	padding: 2px 2px 0px 2px;
	border: 0px solid #ccc;
	color: #000000;
	font-size:10px;
	vertical-align: middle;
}

#nav .page input.submit {
	width: 22px;
	height: 18px;
	padding: 0px 2px 0px 2px;
	border: 0px solid #ccc;
	color: #fff;
	font-size:11px;
	vertical-align: middle;
}

#nav a {
	text-decoration: none;
	color: #000000
}

#nav a:hover {
	text-decoration: none;
}

#nav form {
	margin: 0px;
}

#nav input {
	width:16px;
	height:14px;
	border: 0px solid #ccc;
	color: #000000;
	font-size:10px;
}

/*========================   P R E T R A G A   L E V O  ========================*/


#pretraga {
	height:113px;
	padding: 0px;
	margin:0px;
	/*background:url(../img/interface/pretraga_bgrd.gif) no-repeat top center;*/
	
}

#pretraga input {
	height: 14px;
	padding: 2px 2px 0px 2px;
	margin: 62px 0px 0 15px;
	border: 1px solid #fff;
	color: #000000;
	font-size:11px;
	vertical-align: middle;
}

#pretraga input.submit {
	width: 22px;
	height: 18px;
	padding: 0px 2px 0px 2px;
	border: 0px solid #fff;
	color: #000000;
	font-size:11px;
	vertical-align: middle;
	background: transparent;
}

#pretraga_form {
	
}

/*========================   P R E T R A G A   T O P  ========================*/


#pretraga_top {
	height: 48px;
	padding: 10px 0px 5px 83px;
	margin:0px;
	/*background:url(../img/interface/pretraga_prodavnica.jpg) no-repeat top center;*/
	
}

#pretraga_top input {
	float:left;
	height: 12px;
	line-height: 11px;
	padding: 0px 2px 0px 2px;
	margin: 2px 0 7px 0;
	border: 1px solid #fff;
	color: #999;
	font-size:11px;
	/*vertical-align: middle;*/
}

#pretraga_top input.submit {
	width: 22px;
	float:right;
	height: 18px;
	padding: 0px 2px 0px 2px;
	margin:-11px 8px 0 0;
	border: 0px solid #000;
	color: #999;
	font-size:11px;
	vertical-align: middle;
	background: transparent;
}


/*============================================ F O O T E R ========================================*/


#footer {
	width:100%;
	clear:both;
	height:146px;
	background: #FFFFFF url(../img/interface/potpis_bgrd.jpg) repeat-x center top;
	color: #666;
	left:0;
	bottom:0;
	padding:0px;
	margin: 0;
}
#footerBgr {
	width: 1000px;
	height: 140px;
	background: url(/img/interface/potpis1px.jpg) left top repeat-x;
}
#footerTop {
	width: 1000px;
	height: 45px;
	padding-top: 18px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 14px;
}
#footerBottom {
	width: 1000px;
	height: 58px;
	padding-top: 12px;
	text-align: center;
	vertical-align: middle;
	color: #716A55;
	font-size: 11px;
}
#footerBottom a {
	color: #645F4B;
}

.clearfix {
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
	clear:both;
}
.line {
	margin: 12px 0px 10px 0px;
	background: url(/img/interface/line.gif) center center no-repeat;
	height: 2px;
	line-height: 2px;
	font-size: 0px;
}
.grayline {
/*	margin: 12px 0px 10px 0px;*/
	background: url(/img/interface/grayline.gif) top left repeat-x;
	height: 40px;
	line-height: 2px;
	font-size: 0px;
}
.active_page {
	color: #BC0070;
	font-size: 15px;
	font-weight: bold;
}
.comments a, .comments a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #790073;
}