@font-face {
    font-family: RammettoOne-Regular;
    src: url("RammettoOne-Regular.ttf");
}

h1 {
	margin-top:0px;
    text-align: center;
	 color: #c79e58;
	 font-family:Arial;
}

body {
    background-image: url("images/bg.jpg");
}

table#tabela{
    font-family:RammettoOne-Regular; 
	 font-size: small;
	text-align: center;
	
} 


#customers {
    font-family: "RammettoOne-Regular", Arial, Helvetica, sans-serif;
    font-size: small;
	width: 85%;
    border-collapse: collapse;
	text-align: center;
	margin-left: 100px;
	margin-top: 70px;
}

#customers td, #customers th {
    font-size: 1em;
    border: 2px solid black;
    padding: 3px 7px 2px 7px;
}

#customers th {
    font-size: 1.1em;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #c79e58;
}

#customers tr.alt td {
    color: #000000;
   
}

#cenovnik {
    font-family: "RammettoOne-Regular", Arial, Helvetica, sans-serif;
    font-size: small;
	width: 85%;
    border-collapse: collapse;
	text-align: center;
	margin-left: 100px;
	margin-top: 4px;
}

#cenovnik td, #cenovnik th {
   
    border: 2px solid black;
    padding: 3px 7px 2px 7px;
}

#cenovnik th {
    font-size: 1.1em;
    text-align: center;
   
    background-color: #c79e58;
}

#cenovnik tr.alt td {
    color: #000000;
   
}

#cenovnik2 {
    font-family: "RammettoOne-Regular", Arial, Helvetica, sans-serif;
    font-size: small;
	width: 100%;
    border-collapse: collapse;
	text-align: center;
	margin-top: 20px;
}

#cenovnik2 td, #cenovnik2 th {
   
    border: 2px solid black;
    padding: 3px 7px 2px 7px;
}

#cenovnik2 th {
    font-size: 1.1em;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #c79e58;
}

#cenovnik2 tr.alt td {
    color: #000000;}



p#pocetnatekst{
    font-family:RammettoOne-Regular;
	margin-left:25px;
	margin-right:20px; 
	text-align: center;
} 

div#pocetnatekst{
    background-image: url("images/pocetnatekst.jpg");
	width: 400px;
	height: 180px;
	margin-left:25px;
	margin-top:10px;
}

div#pocetnatekst2{
    background-image: url("images/pocetnatekst.jpg");
	width: 400px;
	height: 140px;
	margin-left:25px;
	margin-top:10px;
}  


div#pocetnadesno{
    background-image: url("images/pocetnadesno.png");
	width: 450px;
	height: 770px;
	margin-right:25px;
	margin-top:10px;
} 

div#container {
width: 1000px;
margin: 0px auto;
padding: 0px;
}

div#header {
    background-image: url("images/heder.jpg");
	width: 1000px;
	height: 170px;
} 

div#nav {	
	width: 1000px;
	height: 40px;
	float: left;
	background-image: url("images/nav.png");
	background-repeat: repeat;
}


div#body {
	margin-top:40px;
    background-image: url("images/body.jpg");
	width: 1000px;
	height: 790px;
}

div#body2 {
	margin-top:40px;
	background-image: url("images/body3.jpg");
	width: 1000px;
	height: 900px;
}

div#nav2 {	
	width: 1000px;
	height: 40px;
	float: left;
	background-image: url("images/nav3.jpg");
	background-repeat: repeat;
}


div#brojac {
    margin: 0px auto;
	padding: 0px;
    width: 110px;
    height: 30px;
   
}

#map {
        width: 500px;
        height: 400px;
      }
	  
	  
	  
.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li {
	padding: 0;
	margin: 0;
	width: 200px;
	height: 40px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 200px;
	height: 40px;
	background-repeat: no-repeat;
}


.pocetna {
	background-image: url(images/navPocetna2.png);}
.pocetna a {
	background-image: url(images/navPocetna1.png);}
.pocetna2 {
	background-image: url(images/navPocetna3.png);}

.proizvodi {
	background-image: url(images/navProizvodi2.png);}
.proizvodi a {
	background-image: url(images/navProizvodi1.png);}
.proizvodi2 {
	background-image: url(images/navProizvodi3.png);}

.cenovnik {
	background-image: url(images/navCenovnik2.png);}
.cenovnik a {
	background-image: url(images/navCenovnik1.png);}
.cenovnik2 {
	background-image: url(images/navCenovnik3.png);}

.galerija {
	background-image: url(images/navGalerija2.png);}
.galerija a {
	background-image: url(images/navGalerija1.png);}
.galerija2 {
	background-image: url(images/navGalerija3.png);}

.kontakt {
	background-image: url(images/navKontakt2.png);}
.kontakt a {
	background-image: url(images/navKontakt1.png);}
.kontakt2 {
	background-image: url(images/navKontakt3.jpg);}

ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	  
	  

.proizvodihtml {
	margin: 0;
	padding: 0;
	list-style: none;
}
.proizvodihtml li {
	padding: 0;
	margin-top:50px;
	margin-left:50px;
	width: 400px;
	height: 400px;
	list-style: none;
	background-repeat: no-repeat;
}
.proizvodihtml li a, .proizvodihtml li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
		width: 400px;
	height: 400px;
	background-repeat: no-repeat;
}

.kucicezapse {background-image: url(images/kucicezapse2.jpg);}
.kucicezapse a {background-image: url(images/kucicezapse1.jpg);}
.ostaliproizvodi {background-image: url(images/ostaliproizvodi2.jpg);}
.ostaliproizvodi a {background-image: url(images/ostaliproizvodi1.jpg);}
ul.proizvodihtml li a:hover {background: none;}
.proizvodihtml li {float: left;}


.kucicezapsehtml {
	margin: 0;
	padding: 0;
	list-style: none;
}
.kucicezapsehtml li {
	padding: 0;
	margin-top:30px;
	margin-left:20px;
	width: 310px;
	height: 310px;
	list-style: none;
	background-repeat: no-repeat;
}
.kucicezapsehtml li a, .kucicezapsehtml li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 310px;
	height: 310px;
	background-repeat: no-repeat;
}

.vucko {background-image: url(images/vucko2.jpg);}
.vucko a {background-image: url(images/vucko1.jpg);}
.cezar {background-image: url(images/cezar2.jpg);}
.cezar a {background-image: url(images/cezar1.jpg);}
.blek {background-image: url(images/blek2.jpg);}
.blek a {background-image: url(images/blek1.jpg);}
.rex {background-image: url(images/rex2.jpg);}
.rex a {background-image: url(images/rex1.jpg);}
.luna {background-image: url(images/luna2.jpg);}
.luna a {background-image: url(images/luna1.jpg);}
ul.kucicezapsehtml li a:hover {background: none;}
.kucicezapsehtml li {float: left;}
.kucicezapsehtml:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}



.ostaliproizvodihtml {
	margin: 0;
	padding: 0;
	list-style: none;
}
.ostaliproizvodihtml li {
	padding: 0;
	margin-top:30px;
	margin-left:50px;
	width: 450px;
	height: 350px;
	list-style: none;
	background-repeat: no-repeat;
}
.ostaliproizvodihtml li a, .ostaliproizvodihtml li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 450px;
	height: 350px;
	background-repeat: no-repeat;
}

.zardinjere {background-image: url(images/zardinjere2.jpg);}
.zardinjere a {background-image: url(images/zardinjere1.jpg);}
.bunar {background-image: url(images/bunar2.jpg);}
.bunar a {background-image: url(images/bunar1.jpg);}
.garniture {background-image: url(images/garniture2.jpg);}
.garniture a {background-image: url(images/garniture1.jpg);}
ul.ostaliproizvodihtml li a:hover {background: none;}
.ostaliproizvodihtml li {float: left;}
.ostaliproizvodihtml:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


.zardinjerehtml {
	margin: 0;
	padding: 0;
	list-style: none;
}
.zardinjerehtml li {
	padding: 0;
	margin-top:30px;
	margin-left:20px;
	width: 310px;
	height: 310px;
	list-style: none;
	background-repeat: no-repeat;
}
.zardinjerehtml li a, .zardinjerehtml li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 310px;
	height: 310px;
	background-repeat: no-repeat;
}

.zardinjera1 {background-image: url(images/zardinjera1-2.jpg);}
.zardinjera1 a {background-image: url(images/zardinjera1-1.jpg);}
.zardinjera2 {background-image: url(images/zardinjera2-2.jpg);}
.zardinjera2 a {background-image: url(images/zardinjera2-1.jpg);}
.zardinjera3 {background-image: url(images/zardinjera3-2.jpg);}
.zardinjera3 a {background-image: url(images/zardinjera3-1.jpg);}
.zardinjera4 {background-image: url(images/zardinjera4-2.jpg);}
.zardinjera4 a {background-image: url(images/zardinjera4-1.jpg);}
.zardinjera5 {background-image: url(images/zardinjera5-2.jpg);}
.zardinjera5 a {background-image: url(images/zardinjera5-1.jpg);}


ul.zardinjerehtml li a:hover {background: none;}
.zardinjerehtml li {float: left;}
.zardinjerehtml:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}



.garniturehtml {
	margin: 0;
	padding: 0;
	list-style: none;
}
.garniturehtml li {
	padding: 0;
	margin-top:30px;
	margin-left:50px;
	width: 450px;
	height: 350px;
	list-style: none;
	background-repeat: no-repeat;
}
.garniturehtml li a, .garniturehtml li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 450px;
	height: 350px;
	background-repeat: no-repeat;
}

.karadjordje {background-image: url(images/karadjordje2.jpg);}
.karadjordje a {background-image: url(images/karadjordje1.jpg);}
.sara {background-image: url(images/sara2.jpg);}
.sara a {background-image: url(images/sara1.jpg);}
.ljuljaska {background-image: url(images/ljuljaska2.jpg);}
.ljuljaska a {background-image: url(images/ljuljaska1.jpg);}
ul.garniturehtml li a:hover {background: none;}
.garniturehtml li {float: left;}
.garniturehtml:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}




div#gmap_canvas {
	margin-top:20px;
	margin-left:200px;
	width: 600px;
	height: 500px;
	border-collapse: collapse;
	border: 3px solid black;
}
/*reset CSS*/

a{cursor:pointer;}

/*Gallery Container   margin:0 auto;  */
.image-gallery{
  position:relative; 
  margin:0 auto;
  width:600px;  
  border-radius:20px;  
}
/*Sets Big Image style*/
.image-gallery .big-image{
  width:600px;
  height:450px;   
  margin:0 auto;  
  position:relative;
}
.image-gallery .big-image img{
  opacity:0;position:absolute;left:0px;top:0px; width:600px;
  margin:0 auto;
  transition: opacity 350ms;
  box-shadow:0 1px 20px 1px rgba(0,0,0,0.7);
}

/*Selected image display*/
.image-gallery .big-image img:target{opacity:1;}
/*on select image display none the default image*/
.image-gallery .big-image img:target ~ img#default{opacity:0;}

/*Show Default Image in first load*/
.image-gallery .big-image img#default{opacity:1;}


/***Button     transform:scale(1,2);  padding:0 10px; ***/
.image-gallery .button{
  font-weight:bold;
  font-size:30px;
  display:inline-block;
transform:scale(1,1.5);
     
}
.image-gallery .prev{position:absolute; left:0; top:498px;}
.image-gallery .next{position:absolute; right:0; top:498px;}

/***move thumbs on click on buttons***/
.image-gallery .prev:active ~ .thumbs  ul{
  transform:translateX(0%);
  transition:3s all;
}
.image-gallery  .next:active ~ .thumbs  ul{
  transform:translateX(-90%);
  transition:3s all;  
}
  
/***thumbs***/
.image-gallery .thumbs{
  overflow:hidden; white-space:nowrap; margin:0 45px;
}
.image-gallery .thumbs ul{
  float:left; transition:999999s all; transform:translateX(0);
}
.image-gallery .thumbs li{display:inline-block; margin-right:3px;}
.image-gallery .thumbs li a:hover{opacity:1;}
.image-gallery .thumbs li a{opacity:0.85;}
.image-gallery .thumbs li a:focus{opacity:1;}
.image-gallery .thumbs li img{width:128px;}


/*other styles*/
.title{font-size:30px;font-weight:bold;text-align:center;margin:15px 0;
text-shadow:1px 1px 2px #1f1f1f;}

/*reset CSS  

*{font-family:arial;}
ul,li{list-style:none;margin:0;padding:0;}


 */