/*Common*/
body, input, textarea {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #b8ad93;
	background: #1F2912;
}
.col-left p {
	font-size: 1.2em;
	line-height: 1.5em;
}
.kontakt {
	border-bottom: 1px solid #25231d;
	margin-top: 10px;
	margin-bottom: 1em;
	padding-bottom: 5px;
}
.kontakt p {line-height: 1.1}
.col-left h3 {font-size: 1.5em; font-weight: normal; margin-bottom: 15px; font-variant: small-caps}
.col-left {padding-bottom: 14px}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	letter-spacing: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
	
}
li {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
/*q: before, q: after {
	content: '';
}*/
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup, sub {
	/*line-height: -1px;*/
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-size:12px;
}
h1 {
	font-size: 138.5%;
}
h2 {
	font-size: 123.1%;
}
h3 {
	font-size: 108%;
}
h4 {font-size: 12px}
h1, h2, h3 {
	margin: 0;
}
h1, h2, h3, h4, h5, h6, strong {
	font-weight: bold;
}
abbr, acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}
em {
	font-style: italic;
}
/*blockquote, ul, ol, dl {
	margin: 1em;
}*/
ol, ul, dl {
	margin-left: 2em;
}
ol li {
	list-style: decimal outside;
}
ul li {
	list-style: disc outside;
}
dl dd {
	margin-left: 1em;
}
#content-box th, #content-box td {
	border: 1px solid #000;
	padding: .5em; 
	vertical-align: top;
}
th {
	font-weight: bold;
	text-align: center;
}
caption {
	margin-bottom: 0.5em;
	text-align: center;
}
p, fieldset, table {
	margin-bottom: 1em;
}
textarea {
	/*resize: none;*/
}
a {
	text-decoration: none;
}
a:visited {color: #596C58}
a img {
	border: none;
}

/*User specific*/
body {
	font-size: 10px;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-x;
	text-align: center;
}
hr {
	display: none;
}
#shadow {
	width: 100%;
	background-image: url(../img/shadow.png);
	background-position: 50% 20px;
	background-repeat: no-repeat;
}
.wrapper, .wrapper-b {
	width: 990px;
	margin: 0 auto;
}
.wrapper {
	padding: 0px;
	
	text-align: left;
}

.wrapper-b {
	height: 10px;
	background-image: url(../img/border.png);
	background-repeat: no-repeat;
	background-position: -10px -8px;
}
.br {
	background-position: 980px -8px;
}
.bl, #main-container {
	width: 970px;
}
.bl {
	background-repeat: repeat-x;
	background-position: 0px -26px;
}
#main-container {
	margin-left: 10px;
}
.container-b {
	height: 9px;
	background-image: url(../img/border-bottom.png);
	background-repeat: no-repeat;
	background-position: -9px 0px;clear:both;
}
.cr {
	background-position: 961px 0px;
}
.cl {
	margin-left: 9px;
	margin-right: 9px;
	background-repeat: repeat-x;
	background-position: 0px -9px;
}
#header {
	width: 100%;
	height: 80px; 
	background-color: #000;
}

/*Navigation*/
#logo {
	float: left;
	display:block;
	width:285px;
	height: 61px;
	background: url(../img/logo_2.png) no-repeat top left;
	margin-top: 9px;
	margin-left: 20px;
	text-indent: -1000em;
}
#navigation {
	float: right;
	width: 660px!important;
	height: 57px;
	line-height: 2em;
	margin: 0px;
	padding-top:23px;
}
#navigation {
	list-style-type: none;
	list-style-image: none;
}
#navigation li {
	display: inline;
	cursor: pointer;
}

#logo, #navigation a {
	color: #b5b29c;
}
#navigation a {
	float: right;
	display: block;
	height: 56px;
	background: #000;
	margin-left: 2px;
	background-image: url(../img/menu_2.png);
	background-position: top right;
	background-repeat: no-repeat;
	width: 104px;
}
	#navigation a#kontakt {width:84px}
	#navigation a#o_nama {width:97px}
#navigation a:hover, #navigation .curr{
	background-position: right -56px;
}
#navigation a:hover .title, #navigation .curr .title {
	color: #7c7567;
}
.naslov {
	width: 80px;
	margin-top: 11px;
	margin-left: 9px;
	height: 20px;
	display: block;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;
	color: #b1aca2;
	cursor: pointer;
}
.podnaslov {
	width: 90px;
	display: block;
	margin-left: 9px;
	font-size: 1.1em;
	color: #596C3C;
	line-height: 2em;
	cursor: pointer;
	white-space: nowrap;
}

/*Navigation*/

.artwork {
	background-color: #000;
}
#artwork, .artwork {
	width: 100%;
	height: 300px;
}
h1 {
	height: 48px;
	line-height: 5em;
	background-repeat: no-repeat;
	text-indent: -1920px;
	margin-left: 20px;
	margin-top: -71px;
}
#content {
	width: 100%;
	background-color: #000;
	padding-top: 21px;
}
#content-box {
	margin-left: 10px;
	margin-right: 10px;
}
.box {
	_background-image: url(../img/boxbg.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}

/*Custoom dynamic box*/
.box-border, .box-borders {
	width: 100%;
}
.box-border {
	background-image: url(../img/box-corner.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.box-borders-b, .box-borders-t {
	height: 7px;
	background-repeat: no-repeat;
}
.box-borders-t {
	background-image: url(../img/box-corners-t.gif);
}
.box-borders-b {
	background-image: url(../img/box-corners-b.gif);
}
.bbr {
	background-position: right;
}
.bbtr {
	background-position: left -7px;
	padding-left: 7px;
}
.bbtl {
	background-position: right -7px;
	padding-right: 7px;
}
.bbt, .bbb {
	height: 7px;
	background-repeat: repeat-x;
}
.bbt {
	background-position: top;
}
.bbbr {
	background-position: left 0px;
	padding-left: 7px;
}
.bbbl {
	background-position: right 0px;
	padding-right: 7px;
}
.bbb {
	background-position: bottom;
}
/*Custoom dynamic box*/

.content {
	padding-top: 4px;
	margin-left: 11px;
	margin-right: 11px;
}

h2 {
	font-variant: small-caps;
	font-weight: normal;
	border-bottom: 1px solid #25231d;
	line-height: 1.4em;
	font-size: 1.8em;
	color: #afaaa0;
	letter-spacing: -0.2px;
	font-size: 2em;
	margin-bottom:15px;
	clear:left;
}
.hdr .right {
	float: right;
	height: 30px;
	text-align: right;
	font-size: 1.1em;
	line-height: 3em;
	color: #38382e;
}
.box a {
	text-decoration: none;
	color: #596C58;
}
.box a:hover {
	text-decoration: underline;
}
.box .ftr {
	margin-bottom: -5px;
	text-align: right;
	font-size: 1.1em;
	line-height: 3.2em;
	color: #38382e;
}
.ftr span {
	padding-right: 10px;
}
.ftr a {
	color: #525245;
}
#footer {
	background: none;
	margin-top: 0;
	padding-right: 50px;
	text-align:right;
	line-height: 30px;
	color: #4d4940;
	font-size: 1.1em;
}

.input { background: transparent url(../img/input.png) no-repeat top left;height: 21px; width:235px; border: none; padding: 6px 10px 6px 6px;}
.input_small { 
	background: transparent url(../img/input_small.png) no-repeat top left;
	height: 21px; 
	width:140px; 
	border: none; 
	padding: 6px; 
	}
.input_submit {border: 1px solid #24221F; padding: 6px; cursor: pointer; background-color:#121E13;}
#mail {float:left;}
.posalji {float: right; width: 70px}
.left {float: left; 49%}
.right {float: right; 50%}
textarea { background:transparent url(../img/textarea.png) no-repeat top left; border: none; width: 318px; height: 119px; padding:6px; overflow:auto}
form {padding-top: 10px; overflow: auto;
	width: 100%
}
form p { margin-bottom:5px;}
.col-right h2 { margin-top:15px} 
.col-right h2.mailing-lista { margin-top:0}

	.fotke { width: 100%; overflow: hidden; margin-top: 23px}
	.fotka {width: 105px; height:105px; float: left; margin-left: 35px; margin-bottom: 27px; position: relative; overflow: hidden; border: 4px solid #1F2912}
	.kapitalci .fotka {width: 96px; height:96px; float: left; margin-left: 13px; margin-bottom: 15px; position: relative; overflow: hidden; border: 2px solid #1F2912}
		.fotke div.prva {margin-left: 0}
	.fotke img {}
	.fotke .caption {
	width:105px;
	height:30px;
	background:#000;
	color:#fff;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}
	.kapitalci .caption { width: 96px}
	.content .kapitalci .caption a {font-size: 9px;}

.fotke .caption a {
	text-decoration:none;
	color:#fff;
	font-size:10px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.fotke img {
	
	/* allow javascript moves the img position*/
	position:absolute;
}
.Lijevo img, .Desno img {border: 3px solid #1F2912;}
.Lijevo {float: left; width: 206px; margin-right: 20px; margin-top:3px}
.Desno {float: right; width: 206px; margin-left: 20px; margin-top:3px}
.content .Lijevo p, .content .Desno p {text-align: center; font-size:10px; margin: 2px 0}

#kontakt-table img {display: block; margin-top: 10px}
#kontakt-table span {font-style: italic}
#pogledaj_foto {text-align: right}
#pogledaj_foto span {word-spacing: -3px}
.nastavi {text-align: right}

.artwork img {display: none}
#arhiva li {float: left; width: 49%; height: 21px}
.marker {background-color: #3D4B2A}
#paginacija {text-align: right}
.story .datoteke {font-size: 11px}