@charset "utf-8";
body { background: #e7eaf1 url(../slike/pozadinastrane.jpg) 50% 52px no-repeat; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; }

a:link, a:visited { color: #23293d; text-decoration: none; }
a:hover { color: #9ea6bb; text-decoration: none; }

img { border: 0; }

div#velikispremnik {
background: transparent url(../slike/pozadinasadrzaja.gif) 179px 0 no-repeat; width: 883px; height: 694px; margin: 0 auto; padding: 0; }

/*  --- ZAGLAVLJE --- */

div#zaglavlje { background: transparent url(../slike/pozadinazaglavlja.gif) 0 0 no-repeat; height: 105px; padding-left: 164px; }

div#zaglavlje h1 { background: transparent url(../slike/koci-logo.gif) 0 37px no-repeat; width: 179px; height: 28px; margin: 0; padding: 37px 0 0 0; font-size: 11px; }
div#zaglavlje h1 a { position: absolute; display: block; text-indent: -9999px; width: 181px; height: 26px; margin: 0; padding: 0; }
div#zaglavlje h1 a, div#zaglavlje h1 a:visited, div#zaglavlje h1 a:hover, div#zaglavlje h1 a:active { background-color: transparent; text-decoration: none; }


/* LIJEVI STUPAC - MENI */

div#stupacmeni { background: #e7eaf1; float: left; width: 177px; height: 563px; margin: 0 0 0 -883px; padding: 0; }

div#stupacmeni ul { list-style: none; margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #61687a; width: 166px; }
div#stupacmeni ul li { margin: 0; padding: 0; height: 40px; width: 166px; }
div#stupacmeni ul li a { margin: 0; padding: 0; height: 40px; width: 166px; display: block; text-indent: -9999px; }
div#stupacmeni ul li#meni1 a { background: transparent url(../slike/meni1.gif) 0 0 no-repeat; }
div#stupacmeni ul li#meni2 a { background: transparent url(../slike/meni2.gif) 0 0 no-repeat; }
div#stupacmeni ul li#meni3 a { background: transparent url(../slike/meni3.gif) 0 0 no-repeat; }
div#stupacmeni ul li#meni4 a { background: transparent url(../slike/meni4.gif) 0 0 no-repeat; }
div#stupacmeni ul li#meni5 a { background: transparent url(../slike/meni5.gif) 0 0 no-repeat; }
div#stupacmeni ul li#meni1 a:hover, div#stupacmeni ul li#meni1 a.odabran { background: transparent url(../slike/meni1.gif) -166px 0 no-repeat; }
div#stupacmeni ul li#meni2 a:hover, div#stupacmeni ul li#meni2 a.odabran { background: transparent url(../slike/meni2.gif) -166px 0 no-repeat; }
div#stupacmeni ul li#meni3 a:hover, div#stupacmeni ul li#meni3 a.odabran { background: transparent url(../slike/meni3.gif) -166px 0 no-repeat; }
div#stupacmeni ul li#meni4 a:hover, div#stupacmeni ul li#meni4 a.odabran { background: transparent url(../slike/meni4.gif) -166px 0 no-repeat; }
div#stupacmeni ul li#meni5 a:hover, div#stupacmeni ul li#meni5 a.odabran { background: transparent url(../slike/meni5.gif) -166px 0 no-repeat; }


/* GLAVNI SADRZAJ */

div#okvirsadrzaja { float: left; width: 100%; }
div#sadrzaj { margin: 0 0 0 181px; padding: 0 0 0 33px; height: 473px; }
div#sadrzaj2 { margin: 0 0 0 181px; padding: 0 0 0 0; height: 473px; }

span.redak { display: block; }

div#sadrzaj div p.kvadratlink { background: transparent url(../slike/linkkvadrat.gif) 0 6px no-repeat; padding: 0 0 0 14px; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; }
div#sadrzaj div p.kvadratlink a { color: #91949e; }
div#sadrzaj div p.kvadratlink a:hover { color: #23293d; }

div#sadrzaj div h3.pitanjeh3 { font-size: 11px; font-weight: bold; background: transparent none; text-indent: 0; color: #aeb8d0; margin: 0 0 42px 0; line-height: 19px; }
div#sadrzaj div ul.kvadratlinklista { list-style: none; margin: 0; padding: 0; font-size: 11px; font-weight: bold; }
div#sadrzaj div ul.kvadratlinklista li { display: inline; background: transparent url(../slike/linkkvadrat.gif) 0 3px no-repeat; padding-left: 14px; margin-right: 16px; letter-spacing: -1px; }
div#sadrzaj div ul.kvadratlinklista li a { color: #91949e; }
div#sadrzaj div ul.kvadratlinklista li a:hover { color: #23293d; }


/* index */
div#index { height: 386px; margin: 0; padding: 177px 0 0 0; background: transparent url(../slike/pozadine/index.jpg) 0px 115px no-repeat; }
div#index h1 { background: transparent none; text-indent: -9999px; }

/* vjencano prstenje */
div#vjencaniprsteni { height: 332px; margin: 0; padding: 230px 0 0 0; background: transparent url(../slike/pozadine/vjencaniprsteni.jpg) 297px 222px no-repeat; }
div#vjencaniprsteni h1 { background: transparent url(../slike/vjencaniprsteni.gif) 0 0 no-repeat; text-indent: -9999px; margin: 0 0 25px 0; font-size: 14px; height: 31px; }
div#vjencaniprsteni h3 { background: transparent url(../slike/vjencanoprstenjeh3.gif) 0 0 no-repeat; text-indent: -9999px; margin: 0 0 31px 0; padding: 0; font-size: 14px; height: 198px; width: 297px; }
div#sadrzaj div#vjencaniprsteni p.kvadratlink { background-position: 0 4px; }

/* zarucnicko prstenje */
div#zarucnickiprsteni { height: 386px; margin: 0; padding: 177px 0 0 0; background: transparent url(../slike/pozadine/zarucnickiprsten.jpg) 281px 204px no-repeat; }
div#zarucnickiprsteni h1 { background: transparent url(../slike/zarucnickiprsten.gif) 0 220px no-repeat; text-indent: -9999px; margin: 0 0 14px 0; font-size: 14px; height: 25px; padding-top: 220px; }
div#zarucnickiprsteni h3 { background: transparent url(../slike/obliciprstena.gif) 117px 0 no-repeat; text-indent: -9999px; margin: 0 0 34px 0; padding: 0; font-size: 14px; height: 13px; }
div#zarucnickiprsteni p { padding: 0; margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #aeb8d0; font-weight: bold; line-height: 19px; }
div#zarucnickiprsteni div#zarucnickivise { padding: 14px 0 0 0; margin: 0; }

/* briljantan pocetak */
div#briljantanpocetak {}
div#briljantanpocetak { height: 359px; margin: 0; padding: 204px 0 0 0; background: transparent url(../slike/pozadine/briljantanpocetak.jpg) 372px 217px no-repeat; }
div#briljantanpocetak h1 { background: transparent url(../slike/briljantanpocetak.gif) 0 0 no-repeat; text-indent: -9999px; margin: 0 0 11px 0; font-size: 14px; height: 30px; padding: 5px 0 0 0; }
div#sadrzaj div#briljantanpocetak h3.pitanjeh3 { line-height: 19px; width: 360px; padding: 0; margin: 0 0 24px 0; }
div#briljantanpocetak p { font-size: 11px; color: #23293d; line-height: 19px; padding-bottom: 21px; margin-bottom: 0; }
div#sadrzaj div#briljantanpocetak ul.kvadratlinklista { margin-bottom: 11px; }

/* dijamanti */
div#dijamantpozadina { z-index: 100; width: 242px; height: 206px; background: transparent url(../slike/pozadine/dijamant.jpg) 0 0 no-repeat; position: absolute; top: 0; margin-left: 703px; }
div#dijamanti { height: 296px; margin: 0; padding: 116px 0 0 0; }
div#dijamanti h1 { background: transparent url(../slike/dijamant.gif) 0 0 no-repeat; text-indent: -9999px; margin: 0 0 11px 0; font-size: 14px; height: 27px; padding: 5px 0 0 0; }
div#dijamanti h3#najsjajniji { background: transparent url(../slike/najtvrdja.gif) 0 0 no-repeat; text-indent: -9999px; margin: 0 0 31px 0; padding: 0; font-size: 11px; height: 15px; }
div#sadrzaj div#dijamanti h3.pitanjeh3 { line-height: 19px; width: 360px; padding: 0; margin: 0 0 24px 0; }
div#dijamanti p { font-size: 11px; color: #23293d; line-height: 19px; padding-bottom: 21px; margin-bottom: 0; }

div#dijamanti2 { height: 296px; margin: 0; padding: 9px 0 0 0; }
div#dijamanti2 h1 { background: transparent none; margin: 0 0 11px 0; font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #aeb8d0; }
div#dijamanti2 h3 { background: transparent url(../slike/najtvrdja.gif) 0 0 no-repeat; text-indent: -9999px; margin: 0 0 31px 0; padding: 0; font-size: 11px; height: 15px; }
div#dijamanti2 p { font-size: 11px; color: #23293d; line-height: 19px; padding-bottom: 0; margin-bottom: 0; }
div#dijamanti2 p.wide360 { width: 360px; }
div#dijamanti2 p.wide300 { width: 300px; }
div#sadrzaj div#dijamanti2 ul.kvadratlinklista { list-style: none; margin: 26px 0 0 0; padding: 0; font-size: 11px; font-weight: bold; }
div#dijamanti2 p img { margin-top: 16px; }

div#dijamantikoci { position: absolute; left: 50%; top: 112px; width: 424px; height: 552px; z-index: 121; background: transparent url(../slike/sadrzaj/dijamantikoci.jpg) 0 0 no-repeat; margin-left: -259px; padding-left: 31px; visibility:hidden; }
div#dijamantikoci h2 { color: #fff; padding: 353px 0 0 0; font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
div#dijamantikoci p { width: 320px; }
ul.kvadratlinklayer { list-style: none; margin: 14px 0 0 0; padding: 0; font-size: 11px; font-weight: bold; }
ul.kvadratlinklayer li { display: inline; background: transparent url(../slike/linkkvadratlayer.gif) 0 3px no-repeat; padding-left: 14px; margin-right: 16px; letter-spacing: -1px; }
ul.kvadratlinklayer li.zatvorilayer { background: transparent none; padding-right: 24px; margin-left: 108px; font-weight: normal; padding-left: 0; }
ul.kvadratlinklayer li.zatvorilayer img { margin-bottom: -2px; margin-left: 6px; }
ul.kvadratlinklayer li a { color: #7a8090; }
ul.kvadratlinklayer li a:hover { color: #23293d; }

div#briljantanprsten { position: absolute; left: 50%; top: 112px; width: 424px; height: 552px; z-index: 121; background: transparent url(../slike/sadrzaj/dijamantikoci.jpg) 0 0 no-repeat; margin-left: -259px; padding-left: 31px; }
div#briljantanprsten h2 { color: #fff; padding: 353px 0 0 0; font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
div#briljantanprsten p { width: 320px; }


/* platina */
div#platina { height: 332px; margin: 0; padding: 230px 0 0 0; background: transparent url(../slike/pozadine/platina.jpg) 318px 414px no-repeat; }
div#platina h1 { background: transparent url(../slike/platina.gif) 0 0 no-repeat; text-indent: -9999px; margin: 0 0 11px 0; padding: 0; font-size: 14px; height: 22px; }
div#platina h1.arialheading { background: transparent none; text-indent: 0; margin: 0 0 24px 0; padding: 0; font-size: 24px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #aeb8d0; }
div#platina p { font-size: 11px; color: #23293d; line-height: 19px; padding-bottom: 0; margin-bottom: 0; width: 311px; margin-top: 8px; padding-top: 0; }
div#platinavise { padding: 14px 0 0 0; margin: 0; }

/* kontakt */
div#kontakt { margin: 0; padding: 373px 0 0 0; }
div#kontakt h1 { background: transparent url(../slike/kontaktirajtenas.gif) 0 0 no-repeat; text-indent: -9999px; margin: 0 0 11px 0; padding: 0; font-size: 14px; height: 23px; }
div#kontakt h4 { color: #aeb8d0; margin-bottom: 6px; margin-top: 24px; }
div#kontakt p { padding: 0; margin: 0 0 28px 0; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #5a5f6e; font-weight: normal; line-height: 18px; }
span.kontaktadresa { padding-right: 8px; }
a#emaillink, a#emaillink:visited { padding-left: 8px; text-decoration: underline; color: #9ea6bb; }
a#emaillink:hover { padding-left: 8px; text-decoration: underline; color: #23293d; }


/* galerija prstenja */
div#img_gallery { height: 473px; margin: 0; padding: 0; background: transparent url(../slike/pozgalerijevelika.gif) 24px 0 no-repeat; }

div#fullimg { width:304px; height:200px; overflow:hidden; margin-bottom: 224px; margin-left: 33px; }
div#fullimg img { width: 296px; height: 196px; display: block; 	margin: 0 0 0 8px; }
div#fullimg p, div#fullimg span {
	position: absolute;
	display: block;
	color: #23293d;
	margin: 0 0 0 8px;
	padding: 26px 0 0 0;
	font-size: 11px;
	width: 284px;
	line-height: 19px;
}
div#fullimg p i, div#fullimg span i, div#fullimg i, div#fullimg p span i {
	display: block;
	font-size: 9px;
	color: #91949e;
}
div#fullimg .loading{
	width: 260px;
	height: 200px;
}
div#fullimg .thumb{display:none;}

div#fullimg2 { width:304px; height:280px; overflow:hidden; margin-bottom: 164px; margin-left: 33px; }
div#fullimg2 img { width: 287px; height: 280px; display: block; margin: 0 0 0 8px; }
div#fullimg2 p, div#fullimg2 span {
	position: absolute;
	display: block;
	color: #23293d;
	margin: 0 0 0 8px;
	padding: 26px 0 0 0;
	font-size: 11px;
	width: 284px;
	line-height: 19px;
}
div#fullimg2 p i, div#fullimg2 span i {
	display: block;
	font-size: 9px;
	color: #91949e;
}
div#fullimg2 .loading{
	width: 260px;
	height: 200px;
}
div#fullimg2 .thumb{display:none;}

div#smallimages { margin: 0 0 0 7px; padding: 14px 0 0 0; height: 89px; width: 586px; }

div#img_gallery div#wrapper {
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 552px;
	float: left;
	height: 89px;
	background: transparent none;
	position: relative;
}

ul#items {
	margin: 0 0 0 -6px;
	padding: 0 0 0 6px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 50000px;
	position: relative;
	letter-spacing: 0em;
}
ul#items li{
	float: left;
	list-style: none;
	padding-top: 10px;
	padding-left: 6px;
	background: transparent url(../slike/pozadinagalerije.png) 0 0 no-repeat;
}

ul#items li a {
	margin: 0;
	padding: 0;
}
ul#items .thumb{
	width: 88px;
	height: 79px;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
ul#items .large{
	display: none;
	position: absolute;
}

ul#items .item  p, ul#items .item  span{
	display: none;
	text-indent: -2000em;
}
a#moveleft, a#moveright{
	margin: 0;
	height: 82px;
	width: 13px;
	text-indent: -2000em;
	text-decoration: none;
	z-index: 1000;
	display: block;
	cursor: pointer;
	float: left;
}
a#moveleft { background: url('../slike/left.png'); margin-right: 4px; }
a#moveright { background: url('../slike/right.png'); margin-left: 4px; }
a#moveleft:hover, a#moveright:hover{ background-position:bottom; }

div#desnogorelinkovi { z-index: 300; position: absolute; top: 130px; margin-left: 512px; }
div#desnogorelinkovi ul { list-style: none; margin: 0; padding: 0; font-size: 11px; font-weight: bold; letter-spacing: -0.03em; }
div#desnogorelinkovi ul li { background: transparent url(../slike/linkkvadrat.gif) 0 4px no-repeat; padding: 0 0 0 14px; margin: 0 0 8px 0; line-height: 1.4em; }
div#desnogorelinkovi ul li a { padding: 0; margin: 0; color: #91949e; }
div#desnogorelinkovi ul li a:hover { color: #23293d; }


/* ZACELJE */

div#zacelje { clear: both; width: 660px; background: transparent; padding: 10px 0 0 0; margin: 0 0 0 219px; color: #858997; }

div#zacelje ul { list-style: none; margin: 0; padding: 0; font-size: 11px; }
div#zacelje ul li { margin: 0 7px 0 0; padding: 0; display: inline; }
div#zacelje ul li.copyright { color: #b6bac4; margin: 0 0 0 9px; }
