@charset "utf-8";
html,body{margin:0;padding:0; background:#FFF; background-image:url(../images/back-1.jpg); background-repeat:repeat-x; }
body{font: 76% arial,sans-serif;text-align:center; }

h1,h2,h3 {
 margin-bottom: .2em;
 line-height: normal;
}

h1 {
 font-weight: normal;
 font-size: 13px;
 text-indent: 5px;
 letter-spacing: -1px;
 color:#006;
 font-weight:bold;
 
}

h1 a{color:#006;}
h1 a:hover{ text-decoration:underline;}

h2 {
 margin-bottom: .5em;
 font-weight: bold;
 font-size: 130%;
 line-height: normal;
 color:#006;
 font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h3{
font-family:Verdana, Geneva, sans-serif;
font-size:13px;
color:#006;
}

p{margin:0 10px 10px}
a{ text-decoration:none; color:#006;}
img a{ border:0;}

#head{ width:1016px; height:18px; margin:0 auto; background-image:url(../images/top.png); background-repeat:no-repeat;}

#container{width:1016px;margin:0 auto; text-align:left; background-image:url(../images/back-main.png)}
#lijevo{width:420px; float:left; padding:0px 0px 10px 12px;}
#desno{width:550px; float:left;padding:30px 0px 10px 12px; font-family: "Bookman Old Style"; color:#006; }
#footer{ clear:left;text-align:right; }
#footer_nav{ clear:left;text-align:right;   padding-top:25px;height:20px; margin-right:20px; background-image:url(../images/bottom3.png); background-repeat:no-repeat; background-position:right top; font-family:Verdana, Geneva, sans-serif; font-size:13px; font-weight:bold; }
#footer_nav a:hover{ text-decoration:underline;}
#foot{ width:1016px; height:18px; margin:0 auto; background-image:url(../images/bottom2.png); background-repeat:no-repeat; padding-bottom:10px;}
#meni{ float:right; width:260px; height:210px; text-align:right;}
#mmk{width:1016px; height:18px; margin:0 auto; text-align:right; padding-right:20px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:10px;color:#006;}
.pic{float:right; margin:0; padding:0;}

#breadcrumb{ width:100%; height:20px; color:#006; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size: 13px; margin-left:10px; padding-top:10px;}
#breadcrumb a:hover{ text-decoration:underline;}

#d7{ float:right; text-align:right; padding-right:10px;}


/**reset css**/

:link,:visited,:focus
{ text-decoration:none; outline:none; }


h1,h2,h3,h4,h5,h6,pre,code,kbd,input,select,textarea,table
{ font-family:Verdana, Geneva, sans-serif;
	font-size: 13px; }

dl,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,div,p,blockquote,fieldset,legend,input,select,textarea
{ margin:0; padding:0 }

a img,:link img,:visited img,abbr,acronym,fieldset,iframe
{ border:0; }

address,abbr,cite
{ font-style:normal }

caption
{ text-align:left; }

q:before,q:after
{ content:''; }




/**slide**/

#slideshow {
    position:relative;
}

#slideshow DIV {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
	height:450px;
	width:388px;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 450px;
    display: block;
    border: 0;
}

/***post**/


.post {
	margin: 0; padding: 110px 20px 20px;
	position: relative;
	float: right;
	width: 480px;
}
.post .postheader {
	background: url(../images/posthead1.gif) repeat-x;
	float: right;
	width: 500px;
	position: absolute;
	left: 0; top: 0;
}

.date {
	background: url(../images/date_bg02.gif) no-repeat;
	width: 46px; height: 57px;
	float: left;
	padding: 3px 5px 3px 0;
	text-align: center;
	font-size: 1.8em;
	position: absolute;
	left: -50px; top: 0;
}
.date strong, .date small {
	font-size: 0.5em;
	text-transform: uppercase;
	display: block;
}
a.comments {
	position: absolute;
	right: -10px; top: -10px;
	background: url(../images/comment_.gif) no-repeat;
	width: 34px; height: 39px;
	padding: 7px 0 0;
	text-align: center;
	color: #fff;
	font-size: 1.6em;
	text-decoration: none;
}
.post .postheader h2 { 
	margin: 0; padding: 0 25px 0 10px; 
	font: normal 2.2em Georgia, "Times New Roman", Times, serif; 
	height: 62px; line-height: 62px;
	text-shadow: 1px 1px 1px #666;
}
.post .postheader h2 a {
	text-decoration: none;
	color: #F7F7F7;
	display: block;
}
.post .postheader p{ 
	font-size: 0.9em; 
	background: url(../images/author_b2.gif) no-repeat 10px bottom; 
	height: 27px; line-height: 27px; 
	margin: 0; padding: 0 10px 0 60px; 
	color: #fff;
}
.postheader p a {color: #fff;}
.postheader p span {float: right;}




/***************post 2*****************/


.post2 {
	margin: 0; padding: 80px 20px 20px;
	position: relative;
	float: right;
	width: 520px;
}
.post2 .postheader2 {
	
	float: right;
	width: 540px;
	position: absolute;
	left: 0; top: 0;
}

.post2 .postheader2 h2 { 
	margin: 0; padding: 0px 25px 0px 20px; 
	font-family:Verdana, Geneva, sans-serif;
	font-size: 18px; 
	line-height: 18px;
}

.post2 .postheader2 h3 { 
	margin: 0; padding: 0px 25px 10px 20px; 
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px; 
	line-height: 25px;
}

.post2 .postheader2 h2 a {
	text-decoration: none;
	color: #006;
	display: block;
}
.post2 .postheader2 p{ 
	font-size: 0.9em; 
	color: #006;
	height: 27px; line-height: 27px; 
	margin: 0; padding: 0 10px 0 20px;  
	color: #006;
}
.postheader2 p a {color: #fff;}
.postheader2 p span {float: right;}




/***************post 3*****************/

.post3 {
	margin: 0; padding: 80px 20px 20px;
	position: relative;
	float: right;
	width: 480px;
}
.post3 .postheader3 {
	float: right;
	width: 500px;
	position: absolute;
	left: 0; top: 0;
}

.post3 .postheader3 h2 { 
	margin: 0; padding: 0 25px 0 20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px; 
	height: 42px; line-height: 42px;

}
.post3 .postheader3 h2 a {
	text-decoration: none;
	color: #006;
	display: block;
}
.post3 .postheader3 p{ 
	font-size: 0.9em; 
	height: 27px; line-height: 12px; 
	margin: 0; padding: 0 10px 0 20px; 
	color: #666;
}
.postheader3 p a {color: #999;}
.postheader3 p span {float: left;}

.date3 {
	background-color:#f6f6f6;
	width: 46px; height: 57px;
	float: left;
	padding: 3px 5px 3px 0;
	text-align: center;
	font-size: 1.8em;
	position: absolute;
	left: -50px; top: 0;
}
.date3 strong, .date3 small {
	font-size: 0.5em;
	text-transform: uppercase;
	display: block;
}

/*drop shadow*/

img.shadow {
	background: url(../images/shadow-1.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px; margin:5px;  }

.forma2 input{ border:1px solid #8282FF;}

.forma2 textarea{ border:1px solid #8282FF;}
.forma2 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}

/* pagination */
.pagination { padding: 0; margin: 0px; text-align: center; }
.pagination li { display: inline; padding-right: 2px; }
.pagination a {	text-decoration:none; border: 1px solid #ccc; padding: 1px 6px; color:#999; }
.pagination a.current { background-color:#eee; color:#999; }
/* pagination kraj */


/******gumb********/

a.boldbuttons{
margin-top: 15px;
background: transparent url('../images/roundedge-blue-left2.gif') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; /* Change 13px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 20px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
color:#FFF;
margin-right:3px;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color:#FFF; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../images/roundedge-blue-right2.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
color:#FFF;
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: none;
color:#ccc;
}
.buttonwrapper{ 
overflow: hidden; 
width: 100%;
margin-bottom:10px;
}

.fd{
	float:right;
	margin:80px 0px;
	padding-top:0px;
}

div.sub_menu{
	width:368px; 
	margin-top:460px; 
	padding:0px 10px; 
	text-align:right;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

div.sub_menu h2{
	font-size:22px;
}

div.sub_menu ul{
	list-style-type:none;
	margin:5px 0px;
	width:220px;
	float:right;
}

div.sub_menu li{
	/*
	border-bottom:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
	*/
	border:none;
}

div.sub_menu a{
	display:block;
	padding: 5px 7px;
	/*
	background-color:#F6F6F6;
	*/
	background-color:#FFF;
}

div.sub_menu a:hover{
	/*
	background-color:#EEEEEE;
	*/
	color:#2020B8;
}

div.sub_menu a:active{
	color: #2020B8;
}

div.sub_menu a.sel{
	/*
	background-color:#E9E9E9;
	*/
	font-weight:bold;
	color:#2020B8;
}