* {margin: 0; padding: 0; border: 0;}

body {
text-align: center; 
background: #fff url('pozadina.jpg');
color: #000;
min-width: 700px;
font-family: Verdana, Arial, Sans-Serif;
font-size: 12px;
height: 100%;
}


#wrapper { 
text-align: left;
width: 960px;
margin: 0 auto; 
background: #fff;
border: 1px solid #777;
}

#header, #subnav, #footer, #zastupnistva {
color: #000;
clear: both; 
width: 100%;
}

#logo {
height: 143px;
width: 340px;
}

#header {background: #88d; background-image: url(header.jpg); color: #fff; height: 143px; position:relative; }
#subnav, #footer {background: #ccc; padding: 1px 0;}
#subnav {height: 60px; position:relative; background-color: #323d53; background-image: url('back1.jpg');
background-repeat: repeat-x;}
#footer {height: 38px; position:relative; font-size: 0.8em}


#contentfloatholder {
float: left;
width: 100%;
background: #fff url('centar.gif') top left repeat-y;
/*height: 100%;*/
}


#contentfloatholder:after {
 /* za NN6 */
    content: "."; 
    display: block; 
	 height: 0px;
    clear: both; 
    visibility: hidden;
}

#center {
float: left;
/*margin: 0 170px 0 170px;*/
padding-bottom: 20px;
}

#center h2 a {
color: #000;
text-decoration: none;
}

#center h2 a:hover {
    text-decoration: underline;
}

#center img {
float: left;
margin: 4px 10px 0 4px;
}

#center img.desno {
float: right;
margin: 4px 0 0 10px;
}

#center h3 img {
margin: 5px 0 10px 0;
}

#center .galerija_red {
margin: 0 20px;
}


#center div.galerija {
float: left;
width: 140px;
height: 100px;
}

#center .galerija img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#center p.date {
padding-bottom: 8px;
margin-bottom: 32px;
border-bottom: 1px solid #aaaab4;
font-size: 0.9em;
}

p.date a.opsirnije {
font-weight:bold;
font-size: 1.3em;
}

#center div.paginator p {
text-align: center;
font-size: 0.9em;
} 


.vidi_komentare, div.comment, div.commentsbox {
display:none;
}


#centerwrap {
  float: left;
  /*margin: 0 -95% 0 0;*/
  padding: 0;
  width: 620px;
}

#left {
  float:left;
  width: 170px;
  /*margin: 0 0 0 -5%;*/
  background: #aaaab4;
}

#shoutbox {
width: 170px;
}

#right {
  float:right;
  width: 170px;
  margin: 0;
  background: #aaaab4;
}

#left .vise {

}

#link_shop {
width: 300px;
float: right;
height: 100%;
}


/************* za IE **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}

#center h3, #center h2, #center p, #center form, #center div.centar_red, #center table, #center blockquote, #center div  {
margin: 1em 20px;
}

blockquote {
	 font-style:italic; 
	}

#center td {
font-size: 12px;
}

#center .centar_red {
float: left;
}

.clear {
clear:both;
height: 0;
}

#center .centar_red .pojedini {
float: left;
width: 200px;
}

#center .centar_red .na_pola {
float: left;
width: 260px;
}


#center ul {
padding-left: 50px;
}

#center ol  {
padding-left: 60px;
}

/********Meni**************/
#header ul {list-style-type: none; position:absolute; right: 52px; top: 2px;}
#header ul li {float: left;}
#header ul li a {text-decoration: none; display: block; color: #fff; font-weight: bold; padding: 5px;}
#header ul li a:hover, #header .current {text-decoration:underline;}

#subnav ul {list-style-type: none; position:absolute; top:-1px; left:10px;}
#subnav ul li {float: left;}
#subnav ul li a {text-decoration: none; display: block; color: #fff; font-weight: bold; padding: 5px;}
#subnav ul li a:hover, #subnav .current {text-decoration:underline;}


#footer ul {list-style-type: none; position:absolute; right: 5px;}
#footer ul li {float: left;}
#footer ul li a {text-decoration: none; display: block; padding: 5px;}
#footer ul li a:hover {text-decoration:underline;}


/****lijevi****/
#left h3, #right h3 {
 padding: 10px;
 /*
	 margin-top: 6px;
 margin-bottom: 4px;
 padding: 2px 10px; 
 background-color: #a3a3ac; 
 */
 }
 
#right {
text-align: center;
}

#left p {
font-size: 0.8em;
margin: 0 10px 4px 10px;
padding-bottom: 4px;
text-align: left; 
border-bottom: 1px solid #888;
}

#right p {
font-size: 0.8em;
margin: 0 10px 4px 8px;
padding-bottom: 4px;
text-align: left; 
border-bottom: 1px solid #888;
}

#right p.centrirano {
text-align: center;
}

#right p.centrirano img {
margin: 2px 0;
}

#right p.bez_bordera {
border: 0;
}

h2 {
font-size: 1.8em;
}

h3 {
    font-size: 1.1em;
}

h2 {
    border-bottom: 2px #bbb solid;

}

#footer {
clear: both;
float: left;
}

#footer p {
display: block;
position: absolute;
width: 400px;
text-align: center;
margin: 10px auto;
left: 280px;
}


a {color: #8d4344; }

#center input, #center textarea {
background-color: #ddd;
}

#center div.cjn {
	float: left;
	height: 125px;
	width: 110px;
	margin: 1em 20px;	
	text-align: center;
	}
	
#center div.cjn img {
	clear: both;
	display: block;
	float: none;
	margin: 0 auto;
	}

#center div.cjn ul  {
margin: 2px 0 0 0;
padding: 0;
list-style-position: inside;
font-size: 0.8em;
text-align: center;
	}
	
#center div.cjn p {
margin: 2px 0 0 0;
padding: 0;
font-size: 0.8em;
text-align: center;
}

#search_engine {
	padding: 2px 3px 0 0 ;
	}
	
#search_engine input.searchfield  {
	padding: 0 5px 2px 0;
	width: 148px;
	}

#search_engine input.searchbutton, #center input.slanje  {
	margin-top: 2px;
	}
	

span.okrenuto { unicode-bidi:bidi-override; direction: rtl; }

.lijevo {
float: left;
width: 300px;
border: 1px solid;
}