@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	background-color: #e7eaf1;
	background-image: url(../slike/pozadinastrane.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
	float: left;
}

a:link, a:visited { color: #1A2640; text-decoration: none; }
a:hover { color: #8694B3; text-decoration: none; }

img { border: 0; }

div#velikispremnik {
	/*background: transparent url(../slike/pozadinasadrzaja.gif) 179px 0 no-repeat;*/
	width: 890px;
	height: 650px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 50px;
}

/*  --- ZAGLAVLJE --- */

div#zaglavlje {
height: 60px; padding-left: 164px; }

/*div#zaglavlje h2 { background: transparent url(../slike/koci-logo-mali.gif) 70px 25px no-repeat; width: 121px; height: 20px; margin: 0; padding: 37px 100px 0 0; font-size: 11px; }*/

div#zaglavlje h1 { background: transparent url(../slike/logo-koci.png) 0 25px no-repeat; width: 156px; height: 17px; margin: 0 0 0 70px; padding: 28px 0 0 0; font-size: 11px; }

div#zaglavlje h1 a { position: absolute; display: block; text-indent: -9999px; width: 156px; height: 17px; margin: 0; padding: 0; }
/*
div#zaglavlje h1 { background: transparent url(../slike/koci-logo-mali.gif) 0 25px no-repeat; width: 121px; height: 20px; margin: 0 0 0 70px; padding: 28px 0 0 0; font-size: 11px; }

div#zaglavlje h1 a { position: absolute; display: block; text-indent: -9999px; width: 121px; height: 20px; 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; }

div#zaglavlje h1.logoindex { background: transparent url(../slike/logo_index.png) 0 25px no-repeat; width: 234px; height: 22px; margin: 0 0 0 70px; padding: 28px 0 0 0; font-size: 11px; }

div#zaglavlje h1.logoindex a { position: absolute; display: block; text-indent: -9999px; width: 234px; height: 22px; margin: 0; padding: 0; }
div#zaglavlje h1.logoindex a, div#zaglavlje h1.logoindex a:visited, div#zaglavlje h1.logoindex a:hover, div#zaglavlje h1.logoindex a:active { background-color: transparent; text-decoration: none; }


/* LIJEVI STUPAC - MENI1 */

div#stupacmeni {
	float: left;
	width: 200px;
	height: 510px;
	padding: 0;
	margin-top: -540px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -14px;
}

div#stupacmeni ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #61687a;
	width: 200px;
}
div#stupacmeni ul li { margin: 0; padding: 0; height: 40px; width: 200px; }
div#stupacmeni ul li a { margin: 0; padding: 0; height: 40px; width: 200x; 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#meni6 a { background: transparent url(../slike/meni6.gif) 0 0 no-repeat; }
div#stupacmeni ul li#meni7 a { background: transparent url(../slike/meni7.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) -200px 0 no-repeat; }
div#stupacmeni ul li#meni2 a:hover, div#stupacmeni ul li#meni2 a.odabran { background: transparent url(../slike/meni2.gif) -200px 0 no-repeat; }
div#stupacmeni ul li#meni3 a:hover, div#stupacmeni ul li#meni3 a.odabran { background: transparent url(../slike/meni3.gif) -200px 0 no-repeat; }
div#stupacmeni ul li#meni4 a:hover, div#stupacmeni ul li#meni4 a.odabran { background: transparent url(../slike/meni4.gif) -200px 0 no-repeat; }
div#stupacmeni ul li#meni5 a:hover, div#stupacmeni ul li#meni5 a.odabran { background: transparent url(../slike/meni5.gif) -200px 0 no-repeat; }
div#stupacmeni ul li#meni6 a:hover, div#stupacmeni ul li#meni6 a.odabran { background: transparent url(../slike/meni6.gif) -200px 0 no-repeat; }
div#stupacmeni ul li#meni7 a:hover, div#stupacmeni ul li#meni7 a.odabran { background: transparent url(../slike/meni7.gif) -200px 0 no-repeat; }


/* GLAVNI SADRZAJ */

div#okvirsadrzaja { float: left; width: 900px; }
div#sadrzaj { margin: 0 0 0 199px; padding: 0 0 0 33px; height: 570px; }
div#sadrzaj2 { margin: 0 0 0 199px; padding: 0 0 0 0; height: 570px; }

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: #1A2640; }
div#sadrzaj div p.kvadratlink a:hover { color: #8694B3; }

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;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 0 0 5px;
}
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: #1A2640; }
div#sadrzaj div ul.kvadratlinklista li a:hover { color: #8694B3; }


/* index */
div#index { height: 450px; margin: 0; padding: 200px 0 0 0; background: transparent url(../slike/pozadine/index.jpg) 160px -7px no-repeat; }
div#index h1 { background: transparent none; text-indent: -9999px; }

/* vjencano prstenje */
div#vjencanoprstenje {
	height: 361px;
	margin: 0;
	background: transparent url(../slike/pozadine/vjencaniprsteni.jpg) 298px 27px no-repeat;
	padding: 254px 0 0 0;
}
div#vjencanoprstenje h1 { background: transparent url(../slike/vjencanoprstenje.jpg) 0 0 no-repeat; text-indent: -9999px; margin: 0; font-size: 14px; height: 33px; width: 277px; }
div#vjencanoprstenje h3 { background: transparent url(../slike/vjencanoprstenjeh3.gif) 0 0 no-repeat; text-indent: -9999px; margin: 24px 0 0 0; padding: 0; font-size: 14px; height: 217px; width: 319px; }
div#sadrzaj div#vjencanoprstenje p.kvadratlink {
	padding-left:18px;
	padding-top:1px;
	background-position: 0 4px;
}

/* zarucnicko prstenje */
div#zarucnickiprsteni { height: 345px; margin: 0; padding: 290px 0 0 0; background: transparent url(../slike/pozadine/zarucnickiprsten.jpg) 298px 27px no-repeat; }
div#zarucnickiprsteni h1 {
	text-indent: -9999px;
	margin: 0 0 14px 0;
	font-size: 14px;
	height: 25px;
	height: 50px;
	width: 307px;
	padding-top: 183px;
	background: transparent url(../slike/zarucnickiprsten.jpg) 0 90px no-repeat;
}

div#zarucnickiprsteni div#zarucnickivise { padding: 0 0 0 0; margin: 0; }

div#zarucnickiprsteni p { padding: 0; margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #aeb8d0; font-weight: bold; line-height: 19px; }

/* briljantan pocetak */

div#briljantanpocetak { height: 380px; margin: 0; padding: 257px 0 0 0; background: transparent url(../slike/pozadine/briljantanpocetak.jpg) 298px 27px no-repeat; }

div#briljantanpocetak h1 { background: transparent url(../slike/briljantanpocetak.gif) 0 0 no-repeat; text-indent: -9999px; margin: 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; color: #8694B3; }
div#briljantanpocetak p { font-size: 11px; color: #23293d; line-height: 19px; padding-bottom: 21px; margin-bottom: 0; padding-left:0; }
div#sadrzaj div#briljantanpocetak ul.kvadratlinklista { margin-bottom: 1px; margin-left: -6px; }
div#sadrzaj div#briljantanpocetak ul.kvadratlinklista li { margin-left: 0; }

/* dijamanti */
div#dijamantpozadina {
	z-index: 100;
	width: 321px;
	height: 564px;
	background: transparent url(../slike/pozadine/dijamant.jpg) 0 0 no-repeat;
	position: absolute;
	top: 87px;
	margin-left: 582px;
}
div#dijamanti {
	height: 296px;
	margin: 0;
	padding: 130px 0 0 0;
}
div#dijamanti h1 {
	background: transparent url(../slike/dijamant.gif) 0 0 no-repeat;
	text-indent: -9999px;
	margin: 8px 0 0 0;
	font-size: 14px;
	height: 50px;
	padding: 10px 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: 1px;
}
div#sadrzaj div#dijamanti h3.pitanjeh3 {
	line-height: 19px;
	color: #8694B3;
	width: 350px;
	margin: 0 0 12px 0;
	padding: 0 0 0 4px;
}
div#dijamanti p { font-size: 11px; color: #23293d; line-height: 19px; padding-bottom: 21px; padding-left:4px; margin-bottom: 0; }

div#dijamanti2 { height: 296px; margin: 0; padding: 63px 0 0 0; }
div#dijamanti2 h1 { background: transparent url(../slike/brusenje.gif) 0 0 no-repeat; margin: 0 0 11px 0; font-size: 14px; height: 25px; text-indent: -9999px; }
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: 334px;
}
div#dijamanti2 p.wide300 { width: 335px; }
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: 510px;
	top: 393px;
	width: 424px;
	height: 280px;
	z-index: 121;
	margin-left: -259px;
	padding-left: 31px;
	visibility:hidden;
	background-color: transparent;
	background-image: url(../slike/sadrzaj/oblici-dijmanata.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#dijamantikoci h2 {
	color: #fff;
	padding: 15px 0 0 0;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
div#dijamantikoci p {
	width: 370px;
}
ul.kvadratlinklayer {
	list-style: none;
	font-size: 11px;
	font-weight: bold;
	margin-top: 14px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
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 { width: 674px; height: 360px; margin: 0; padding: 248px 0 0 0; background: transparent url(../slike/pozadine/platina.jpg) 299px 26px no-repeat; }
div#platina h1 { background: transparent url(../slike/platina.gif) 0 0 no-repeat; text-indent: -9999px; margin: 0 0 21px 0; padding: 0; font-size: 14px; height: 23px; }
div#platina h1.arialheading { background: transparent none; text-indent: 0; margin: 0 0 17px 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;
	width: 300px;
	padding: 0;
	margin: 0;
}
div#platinavise {
	padding: 30px 0 0 4px;
	margin: 0;
}

div#sadrzaj div#platinavise p.kvadratlink {
	padding-left:18px;
	padding-top:1px;
	background-position: 0 6px;
	margin-left: -4px
}

/* bijelo zlato */
div#bijelozlato, div#bijelozlatokarat, div#stojebijelozlato { width: 674px; height: 360px; margin: 0; padding: 248px 0 0 0; background: transparent none; }
div#bijelozlatokarat { padding: 114px 0 0 0; }
div#stojebijelozlato { padding: 34px 0 0 0; }
div#bijelozlato h1 { background: transparent url(../slike/bijelozlato.jpg) 0 0 no-repeat; text-indent: -9999px; margin: 0 0 21px 0; padding: 0; font-size: 14px; height: 29px; }
div#bijelozlatokarat h1 { background: transparent url(../slike/bijelozlatokarat.jpg) 0 0 no-repeat; text-indent: -9999px; margin: 0 0 21px 0; padding: 0; font-size: 14px; height: 20px; }
div#stojebijelozlato h1 { background: transparent url(../slike/stojebijelozlato.jpg) 0 0 no-repeat; text-indent: -9999px; margin: 0 0 21px 0; padding: 0; font-size: 14px; height: 30px; }
div#bijelozlato p, div#bijelozlatokarat p, div#stojebijelozlato p {
	font-size: 11px;
	color: #23293d;
	line-height: 19px;
	width: 300px;
	padding: 0;
	margin: 0;
}
div#bijelozlatokarat p, div#stojebijelozlato p {
	width: 400px;
}
div#stojebijelozlato p b {
	display: block;
	color: #8694B3;
}
div#bijelozlatokarat img {
	margin: 9px 0 9px 0;
}
div#stojebijelozlato img {
	margin: 9px 0 9px 0;
}
div#bijelozlatovise {
	padding: 21px 0 0 4px;
	margin: 0;
}
div#bijelozlatokaratvise {
	padding: 1px 0 0 4px;
	margin: 0;
}

div#sadrzaj div#bijelozlatovise p.kvadratlink {
	padding-left:18px;
	padding-top:1px;
	background-position: 0 6px;
	margin-left: -4px
}

/* kontakt */

div#kontaktpozadina {
	z-index: 100;
	width: 704px;
	height: 597px;
	background: transparent url(../slike/pozadine/kontakt.jpg) 331px 31px no-repeat;
	position: absolute;
	top: 54px;
	margin-left: 200px;
}
div#kontakt { margin: 0; padding: 273px 0 0 0; }
div#kontakt h1 { background: transparent url(../slike/kontaktirajtenas.jpg) 0 0 no-repeat; text-indent: -9999px; margin: 0 0 11px -3px; padding: 0; font-size: 14px; height: 29px; }
div#kontakt h4 { background: transparent url(../slike/logokontakt.jpg) 0 0 no-repeat; width: 217px; height: 19px; margin-bottom: 6px; margin-top: 24px; text-indent: -9999px; }
div#kontakt p { padding: 0 0 6px 0; margin: 0; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #5a5f6e; font-weight: normal; }
div#kontakt div { margin: 21px 0 0 0; }
span.kontaktadresa { padding-right: 8px; }
a#emaillink, a#emaillink:visited { padding-left: 8px; text-decoration: underline; color: #9ea6bb; position: absolute; z-index: 999; }
a#emaillink:hover { padding-left: 8px; text-decoration: underline; color: #23293d; }


/* galerija prstenja */
div#img_gallery { height: 410px; margin: 0; padding: 61px 0 0 0; background: transparent url(../slike/pozgalerijevelika.gif) 24px 30px no-repeat; }

div#fullimg { width:304px; height:200px; overflow:hidden; margin-bottom: 100px; 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:380px; height:280px; overflow:hidden; margin-bottom: 100px; 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: 20px 0 0 0;
	font-size: 11px;
	width: 370px;
	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: 40px 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: 160px; margin-left: 450px; }
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: 20px 0 0 0;
	margin: 0 0 0 240px;
	color: #8694B3;
}

div#zacelje ul { list-style: none; margin: 1px 0 0 0; padding: 0; font-size: 11px; font-size: 11px; }
div#zacelje ul li { margin: 0 7px 0 0; padding: 0; display: inline; }
div#zacelje ul li.copyright { color: #ADB9D4; margin: 0 0 0 9px; font-weight: normal; }

/*
div#zacelje ul li#meni5 a {
	background-color: transparent;
	background-image: url(../slike/facebook-css.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#zacelje ul li#meni1 a:hover, div#stupacmeni ul li#meni1 a.odabran { background: transparent url(../slike/meni1.gif) -200px 0 no-repeat; }
div#zacelje ul li#facebook {
	display: block;
	width: 67px;
	height: 13px;
	background-color: transparent;
	background-image: url(../slike/facebook-css.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#zacelje ul li#facebook:hover{background: transparent url(../slike/facebook-css.gif) 0 -13px no-repeat;}
div#zacelje ul li#facebook span{  display: none;}
*/