body {
	background: #f2f6e5 url(../img/bg.jpg) no-repeat top center;
	margin: 0;
	padding: 0;
	font: 10pt Verdana, sans-serif;
}

h1 {
	color: #0e4575;
	font: 26pt "Times New Roman", serif;
	padding: 10px 0 0 0;
	text-shadow: 2px 2px 5px rgba(0,0,0,.4);
}

h2 {
	color: #0e4575;
	font: 20pt "Times New Roman", serif;
	padding: 5px 0 3px 10px;
	text-shadow: 1px 1px 3px rgba(0,0,0,.4);
}

h3 {
	color: #0e4575;
	font: 16pt "Times New Roman", serif;
	padding: 5px 0 3px 10px;
	text-shadow: 1px 1px 3px rgba(0,0,0,.4);
}

a { 
	color: #0e4575;
	text-decoration: none;
}

a:hover {
	color: #303030;
}

blockquote {
	background: #eee;
	border-left: 10px solid #0e4575;
	padding: 3px 3px 3px 15px;
	margin: 5px 20px;
	font: italic 10pt Georgia, "Times New Roman", serif;
}

#omotac {
	width: 960px;
	margin: 0 auto 0 auto;
}

#omotacb {
	width: 98%;
	margin: 0 auto 0 auto;

}

header {
    height: 150px;
}

nav {
	height: 30px;
	float: right;
}


nav ul {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

nav li {
	display: block;
	float: left;
	list-style: none;
}

nav li a {
	float: left;
	color: #e47911;
	text-decoration: none;
	font: 12pt Georgia, "Times New Roman", serif;
}

nav li a:hover {
	color: #5d3107;
	text-decoration: none;
}

#logo {
	float: left;
	width: 470px;
}

#social {
	float: right;
	margin-top: 20px;
}

#social img {
	margin-left: 20px;
}

#sadrzaj {
        padding: 10px;
	margin: 0 0 20px 0;
	background: #fff;
        border: 1px solid #eee;
        -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
        border: 1px solid #eaeaea;
        box-shadow: 3px 0px 8px rgba(0, 0, 0, 0.80);
        -moz-box-shadow: 3px 0px 8px rgba(0, 0, 0, 0.80);
        -webkit-box-shadow: 3px 0px 8px rgba(0, 0, 0, 0.80);
}

#lijevo {
	width: 620px;
	float: left;	
}

aside {
	width: 310px;
	float: right;	
}

article {	
	padding: 10px;
	margin-bottom: 20px;
        border-bottom: 1px solid #eee;
}

article img {
	float: left;
	margin-right: 10px;
}

.datum {
	color: #0e4575;
	text-align: right;
	font: italic 14pt Georgia, "Times New Roman", serif;
	margin-bottom: 10px;
}

.box {	
	background: #f4f4f4;
        padding: 10px;
	margin-bottom: 20px;
        border: 1px solid #ddd;
        -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.box h2 {
	border-bottom: 3px solid #0e4575;
        text-transform: uppercase;
	font: 16pt "Times New Roman", serif;
}

.kategorije li {
	margin: 0 5px;
	list-style: none;
	height: 30px;
	width: 270px;
}

.kategorije li a { 
	color: #5d3107;
	display: block;
        padding-bottom: 5px;
	font: 13pt "Times New Roman", serif;
	text-decoration: none;
	border-bottom: 1px dotted #0e4575;
}

.kategorije li a:hover { 
	color: #e47911;
	text-decoration: none;
}

.opsirnije a {
	display: block;
	float: right;
	height: 23px;
	padding: 3px 0;
	width: 93px;
	text-align: center;
	color: #fff;
	font: bold 12pt "Times New Roman", serif;	
	background: #f2f6e5 url(../img/opsirnije.png) no-repeat;
}

a.button {
	margin: 10px 5px;
	display: block;
	float: right;
	font: 11px Verdana, Arial, sans-serif;
	font-weight: bold;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	background-color: #1e6eb0 !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.5);
}

a.button span {
	display: block;
	padding: 4px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	border: 1px solid rgba(255,255,255,0.3);
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

a.button {	
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.2)), to(rgba(0,0,0,0.4)));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.2), rgba(0,0,0,0.4));
}

a.button:hover {	
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.4)), to(rgba(0,0,0,0.3)));
	background: -moz-linear-gradient(top, rgba(255,255,255,0.4), rgba(0,0,0,0.3));
}

a.button:active {
 	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.4)), to(rgba(0,0,0,0.2)));
 	background: -moz-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0.2));
}

a.button:active span {
	border: 1px solid rgba(255,255,255,0.2);
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}

#slider {
	width: 616px;
	margin: 0 0 10px 0;
        -webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
}

.curl {
	margin: 0 auto;
	background: url(../img/otkrijmo.png) no-repeat bottom;
}

footer {
	text-align: center;
	padding: 10px;
}

.kontakt {
	background: #eee;
	padding: 20px;
	line-height: 25px;
	border: 1px solid #ddd;
}

.kontakt form label {
	display: block; 
	float: left;
	width: 390px;
}

.kontakt input {
	width: 100%;
	border: 1px solid #ddd;
}

textarea {
	width: 100%;
	height: 120px;
	border: 1px solid #ddd;
}

input.formbutton {
	width: 150px;
	height: 30px;
	line-height: 30px;
	background: #0e4575;
	color: #fff;
	padding: 2px;
	border: 1px solid #000;
	font: bold 12pt Georgia, "Times New Roman", serif;
        -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.otkrijmo {
	background: #eee;
	padding: 20px;
	line-height: 25px;
	border: 1px solid #ddd;
}

.otkrijmo legend {
	font: bold 10pt Verdana, sans-serif;
	margin: 2px 0 0 0;
}

.otkrijmo fieldset {
	margin: 5px 0 0 0;
}

label.osobni {
	display: block; 
	float: left;
	width: 120px;
}

td {
	margin: 0;
	padding: 4px;
}

.b {
	border: 1px solid #0e4575;
	text-align: left;
}

.c {
	background: #0e4575;
	border: 1px solid #0e4575;
	color: #fff;
	font: 14pt "Times New Roman", serif;
	padding: 5px 0 3px 10px;
	text-shadow: 1px 1px 3px rgba(0,0,0,.4);
}

article thead {
	background: #0e4575;
	color: #fff;
}

table {
	background: #eee;
}

article td {
	border: 2px solid #fff;
}

.pageswitch { 
	font-family: verdana, sans-serif; 
	font-size: 11px; 
	line-height: 15px; 
	text-align: center; 
	margin: 10px;
} 

.pageswitch a, .pageswitch span { 
	padding: 1px 6px 2px; 
	margin-right: 0.1em; 
} 

.pageswitch span.current { 
	border: 1px solid #000; 
	font-weight: bold; 
	background: #0e4575; 
	color: #fff; 
} 

.pageswitch a { 
	background: #0e4575;
	color: #fff;
	border: 1px solid #0e4575; 
        -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-decoration: none; 
} 

.pageswitch a:hover { 
	background: #fafbf8;
	color: #0e4575; 
} 

.pageswitch a.nextprev { 
	font-weight: bold; 
} 

.pageswitch span.nextprev { 
	color: #666; 
} 

.pageswitch span.nextprev { 
	border: 1px solid #ddd; 
	color: #999; 
} 

.pageswitch input { 
	font-family: verdana, sans-serif; 
	font-size: 10px; 
	font-weight:bold; 
	float:right; 
	width:20px; 
	border: 3px solid #ddd; 
} 
.trazeno {
	font-weight: bold;
	color: #0e4575;
}