html,body {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	}

body {font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#9d181f url(../images/subpage-bg.jpg) top repeat-x
	}

p, h1, h2, h3, hr, ul, li, input, form, body {
	margin: 0;
	padding: 0;
}

a {outline:none;}
hr {margin:10px 0}

.XL {font-size:20px}
.L {font-size:14px}

.red {color:#ce1800}
.silver {color:#666}
.green {color:#92bb56}
.black {color:#000}

#index_bg {background:url(../images/index_bg.jpg) top repeat-x;}
.wrap {margin:0 auto; position:relative; width:851px}
#header {float:left; width:851px; height:31px; background:url(../images/top_menu.gif) no-repeat; font-size:12px;}
	#header ul {list-style:none; width:613px; padding:8px 0 0 80px; float:left; font-size:11px;}
	#header ul li {display:inline; background:url(../images/top_menu_ulli.gif) no-repeat 0 3px; padding:0 11px 0 11px;}
	#header ul li.first {background:0;}
	#header ul li a {color:#ffffff; text-decoration:none; text-transform:lowercase}
	#header ul li a:hover {text-decoration:underline;}
	
	#search {float:left; width:158px; height:20px; padding:4px 0 0 0;}
	#search input.text {background:none; float:left; width:112px; height:15px; padding:0 4px 0 8px; margin:5px 1px 0 0; display:inline; font-size:11px; color:#ffffff; border:0;}
	#search input.gumb {float:left; margin:1px 0 0 4px; display:inline;}
	
	a.gumb {float:left; width:17px; margin-top:205px; border:0; cursor:pointer}
	
	#gumbi {float:left; width:825px; padding-left:26px;}
	#gumbi a {font-size:11px; color:#ffffff; text-decoration:none; float:left; padding:4px 20px 5px 20px; width:148px;height:57px; margin-left:10px; display:inline-block;}
    #gumbi a h2 {font-size:16px}
	#gumbi a p {text-transform:uppercase; font-weight:bold; font-size:15px; padding:0 0 5px 0}
	#gumbi a.aktualno {background:url(../images/aktualnapon.jpg) no-repeat;}
	#gumbi a.aktualno:hover {background-image:url(../images/aktualnapon_hover.jpg);}
    #gumbi a.trend {background:url(../images/modnitrendi.jpg) no-repeat;}
    #gumbi a.trend:hover {background-image:url(../images/modnitrendi_hover.jpg);}
	#gumbi a.trgovine {background:url(../images/trgovinemana_hover.jpg) no-repeat;}
	#gumbi a.trgovine:hover {background:url(../images/trgovinemana.jpg) no-repeat;}
	#gumbi a.klub {background:url(../images/manaklub.jpg) no-repeat;}
	#gumbi a.klub:hover {background:url(../images/manaklub_hover.jpg) no-repeat;}
	
	#bottom_index {float:left; width:851px; background:url(../images/bottom_box_index.jpg) no-repeat; height:355px;}
	
	#boxwrap {float:left; width:851px; height:304px;}
	.box {float:left; width:223px; margin:52px 30px 0 17px; display:inline; padding:0 0 0 13px;}
	.box a {color:#ce1800}
	.green {color:#83ad28;}
	.blue {color:#3ab2d0;}
	.box img {border:0;}
	.yellow {color:#e3ac1c;}
	.box a.black {color:#000000;}
	.box span.black { color:#000000;}
	.box span.normalen {font-size:14px;}
	.box span.srednji {font-size:16px;}
	.box span.velik {font-size:24px;}
	.box span.srednjevelik {font-size:18px;}
	.box a {text-decoration:none;}
	.box a:hover {text-decoration:underline;}
	
	#footer {float:left; width:841px; height:60px; padding:20px 0 0 20px; color:#ca7e82; font-size:11px;}
		#footer p.copy { float:left; width:450px;}
		#footer p.ns {float:right; width:205px; font-size:9px; padding:2px 10px 0 0;}
		#footer a {float:left; color:#ca7e82; text-decoration:none; border:0; padding-right:4px;}
		#footer img {border:0;}
		#footer a:hover {text-decoration:underline;}
		
	
/* clearfix za content */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* subpage */
#subtitlebig {color:#ddd; position:absolute; top:95px;right:0px;font-size:18px;text-transform:uppercase;display:none}

#subheader {float:left; width:851px; height:123px; background:url(../images/subtop_menu.gif) no-repeat; font-size:12px; position:relative;}
	ul#bignav {list-style:none; width:613px; padding:8px 0 0 20px; float:left; font-size:11px}
	ul#bignav li {display:inline; background:url(../images/top_menu_ulli.gif) no-repeat 0 3px; padding:0 11px 0 11px;}
	ul#bignav li.first {background:0;}
	ul#bignav li a {color:#ffffff; text-decoration:none; text-transform:lowercase}
	ul#bignav li a:hover {text-decoration:underline;}
	
	#subsearch {float:left; width:158px; height:20px; padding:4px 0 0 58px;}
	#subsearch input.text {background:none; float:left; width:112px; height:15px; padding:0 4px 0 8px; margin:5px 1px 0 0; display:inline; font-size:11px; color:#ffffff; border:0;}
	#subsearch input.gumb {float:left; margin:1px 0 0 4px; display:inline;}
	
	#subheader a#logo {position:relative; top:22px; left:0px}
	#subheader a#logo img {border:none}
	
	ul#smallnav {list-style:none; position:absolute; right:0px; top:63px;}
	ul#smallnav li {float:left; padding:0 0 0 5px}
	ul#smallnav li a{color:#FFF; display:block; font-size:14px; height:21px; padding:5px 0 0 0; text-transform:uppercase; width:157px; text-decoration:none; text-align:center}
	ul#smallnav li a#aktualna {background:url(../images/bg-aktualna.jpg) no-repeat top left}
	ul#smallnav li a#aktualnaover {background:url(../images/bg-aktualna-over.jpg) no-repeat top left}
	ul#smallnav li a#trgovine {background:url(../images/bg-trgovine.jpg) no-repeat top left}
    ul#smallnav li a#trendi {background:url(../images/bg-trendi.jpg) no-repeat top left}
    ul#smallnav li a#trendiover {background:url(../images/bg-trendi-over.jpg) no-repeat top left}
	ul#smallnav li a#trgovineover {background:url(../images/bg-trgovine-over.jpg) no-repeat top left}
	ul#smallnav li a#klub {background:url(../images/bg-klub.jpg) no-repeat top left}
	ul#smallnav li a#klubover {background:url(../images/bg-klub-over.jpg) no-repeat top left}
	
/*sub content*/
#subcontent {background:#FFF url(../images/bg-content-top.jpg) no-repeat left top; float:left; margin:30px 0 0 0; padding:25px 25px 10px 25px; width:800px}
#subcontent ul {list-style:outside circle; margin:3px 20px}
#subcontent h1 {border-bottom:dotted 1px #bab18b; padding:0 0 10px 0; margin:0 0 10px 0}
#subcontent a {color:#ce1800}
#subcontent a:hover {text-decoration:none;}
	
/*banners*/
#banners{background:#FFF url(../images/bg-content-bottom.jpg) no-repeat top left; float:left; padding:41px 20px 0 20px; width:810px}
#banners div {border-right:dotted 1px #bab18b; float:left; padding:0 25px; width:236px}
#banners div a {color:#ce1800; font-size:12px; display:list-item; margin:0 0 0 12px;padding:0}
#banners div a:hover {text-decoration:none}
#banners div table tr td {vertical-align:top;padding:0;margin:0}
#subcontent table tr td {padding:5px; vertical-align:top}


/*subfooter*/
#subfooter {background:url(../images/bg-footer.jpg) no-repeat top left; float:left; width:841px; height:60px; padding:35px 0 10px 20px; color:#ca7e82; font-size:11px;}
	#subfooter p.copy { float:left; width:450px;}
	#subfooter p.ns {float:right; width:205px; font-size:9px; padding:2px 10px 0 0;}
	#subfooter a {float:left; color:#ca7e82; text-decoration:none; border:0; padding-right:4px;}
	#subfooter img {border:0;}
	#subfooter a:hover {text-decoration:underline;}
	
/*FLASH*/
#flashcontent {margin:0 auto; width: 400px; height: 250px}

#actions {background:url(../images/bg-page-actions.jpg) no-repeat left top; height:22px; position:absolute; right:0px; top:143px; width:135px}
#actions a {display:block; float:left; height:22px; margin:0 12px 0 0; width:26px;}

a#lang {background:url(../images/bg-lang.jpg) no-repeat left top; color:#FFF; display:block; height:16px; padding:3px 5px; position:absolute; right:8px; top:31px; width:141px;  text-decoration:none}
#langexpand {background:url(../images/bg-langexpand.gif) no-repeat left top; color:#FFF; display:none; height:145px; padding:3px 5px; position:absolute; right:8px; top:31px; width:141px}
#langexpand a.flag {display:block; float:left; height:56px; width:45px}
#langexpand a {color:#FFF; text-decoration:none}

p.zaptit {
	font-size:14px;
	font-weight:bold;
}
p.zapsubs {
	margin:10px 0 6px 0;
}
div.zapdiv {
	border:1px solid #ccc;
	margin:6px 0 20px 0;
	padding:10px;
	width:778px;
	float:left;
}
div.zapdiv table p {
	padding:4px 0 0 0;
	}
div.zapdiv input, div.zapdiv select, div.zapdiv textarea {
	border:1px solid #ccc;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin:0 0 0 10px;
}

div.zapdiv .nomarg {margin:0;}

.zap50 {width:50px;}
.zap100 {width:100px;}
.zap130 {width:130px;}
.zap200 {width:200px;}
.zap330 {width:330px;}
.zap500 {width:500px;}
.zap750 {width:750px;}

.zaph40 {height:60px;}
.zaph80 {height:80px;}

div.zapdiv .posljivlogo {
	cursor:pointer;
	padding:4px 10px;
	font-weight:bold;
	border:1px solid black;
}