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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#27244b;
	background:url(../images/body_bg.gif) repeat-x top #333333;}

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



#wrap {
 width:960px;
 margin:0 auto;
 }
 
 #header_wrap {
 float:left;
 width:960px;
 height:330px;
 background:url(../images/header_bg.jpg) no-repeat;
}

#logo {float:left; width:500px; background:url(../images/logo.jpg) no-repeat; height:330px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#797373; }
#logo a {float:left; width:500px; height:309px; display:block;}
#logo h1, #logo h2, span.dots {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#797373; padding:0; margin:0; float:left;}

#header ul.men { padding:289px 0 0 10px;list-style:none; float:left; width:450px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; }
#header ul.men li {float:left;}
#header ul.men li a.men {float:left; color:#ffffff; text-decoration:none; padding-right:12px;}
#header ul.men li a.men:hover {color:#e9e04f;}

#header div {
	background:url(../images/dropmenu.gif) no-repeat;
	position: absolute;
	display:block;
	visibility: hidden;
	color:#000000;
	width:177px;
	height:160px;
	font-size:13px;
	padding:35px 30px 16px 14px;
	margin:23px 0 0 -125px;
	*margin: 23px 0 0 -185px;

	float:left;
	}
	
#header div ul {list-style:none;}
#header div ul li {background:url(../images/dropmenu_bullet.gif) no-repeat 0 8px; padding:0 0 4px 10px; width:185px;}
#header div ul li a {font-size:13px; font-weight:normal; color:#000; text-decoration:none;}
#header div ul li a:hover {color:#000; text-decoration:underline;}

img.banner {float:left; width:160px; margin:10px 0 0 0; border:0;}
#main {float:left; width:800px; padding:10px 0 0 0;}
#blog {float:left; width:740px; height:296px; background:#efe9e9; padding:10px 20px 9px 15px;}
#blog img.greenline {float:left; width:15px; margin-right:17px; display:inline;}
#blogtekst {float:left; width:708px; padding:14px 0 0 0; line-height:16px; font-size:13px;}
#blogtekst h2 {font-size:22px; font-weight:bold; color:#aeb447; padding-bottom:18px;}
#blogtekst span {font-size:14px; font-weight:normal;color:#27244b; float:none;}
#blogtekst a {font-weight:bold; text-decoration:none; color:#aeb447;}
#blogtekst a:hover {text-decoration:underline; color:#d5cb2b;}

.box {float:left; width:202px; height:240px; padding:20px 25px 0 18px; background:#efe9e9; margin:25px 20px 0 0; display:inline;line-height:16px;}
.box h3 a {font-size:22px; color:#aeb447; text-decoration:none; padding:4px 0 21px 0; float:left; width:202px;}
.box h3 a:hover { color:#d5cb2b;}
.box a.knjige {text-decoration:none;color:#27244b; line-height:16px;}
.box a.knjige:hover { text-decoration:underline;}
.box a.oreviji { font-size:13px; color:#aeb447; text-decoration:none;}
.box a.oreviji:hover {text-decoration:underline;}
.box a.big {font-size:18px;color:#27244b; text-decoration:none; line-height:20px;}
.box a.med {font-size:14px;color:#27244b;text-decoration:none;line-height:20px;}
.box a.small {font-size:12px;color:#27244b;text-decoration:none;line-height:20px;}
.box a.big:hover, .box a.med:hover, .box a.small:hover {text-decoration:underline;}
.box a.vecblog {float:left; margin:14px 0 0 0; display:block; background:url(../images/vec_blog.gif) no-repeat; width:119px; height:28px;}
.box a.vecblog:hover {background:url(../images/vec_blog_hover.gif) no-repeat;}

#footer {float:left; width:960px; height:70px; line-height:15px;}
.footbox {float:left; width:195px; padding:20px 25px 0 25px; margin-right:25px; font-size:11px; color:#efe9e9; display:inline;}
#footer a {text-decoration:none; color:#efe9e9;}
#footer a:hover {text-decoration:underline;}

#content_streach {float:left; width:800px; background:url(../images/middle_content.jpg) repeat-y;}

#content {float:left; width:800px; background:url(../images/top_content.jpg) no-repeat top;min-height:587px;height:auto !important;height:587px; padding-bottom:20px;}
#content h2 {float:left; width:768px; height:39px; padding:25px 0 0 32px; color:#999f35; font-size:18px;}
#content a {color:#999f35;}
#content a:hover {text-decoration:none;}
#content span.greenbig {font-size:14px;color:#999f35;}
#content img {padding:1px; border:solid 1px #333333;}

#text {float:left; width:505px; padding:10px 0 0 30px; line-height:19px;}
#text img.knjiga { float:left; margin:0 0 0 100px;}

#left ul {list-style:none;}
#left ul li {padding:6px 0 6px 0;}
#left {float:left; width:152px;min-height:513px;height:auto !important;height:513px; padding:10px 10px 0 32px; line-height:19px; color:#000000; font-size:13px;}
#left a {color:#000000; text-decoration:none;}
#left a:hover {text-decoration:underline;}

#content_bottom {float:left; width:800px; background:url(../images/bottom_content.jpg) no-repeat; height:24px;}


/* 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 */