@charset "utf-8";
/* CSS Document */

body {
 background:url(images/bg.jpg) top center;
 background-color:#0C0805 ;
 margin:0px;
 padding:0px;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
 } 
 
.logo{ padding:40px 0px 0px 50px;}

#lang { 
padding:90px 0px 0px 20px;
color:#0C0805;
font-size:15px;
}

#en{ margin:3px 0px 0px -18px;}


#en a{ width:183px; color:#0C0805;
background:url(images/en.png);
background-repeat:no-repeat;
height:43px;
display:block; padding:18px 0px 0px 95px; text-decoration:none;}

#en a:hover{ width:183px; color:#0C0805;
background:url(images/en_hover.png);
background-repeat:no-repeat;
height:43px; }

#mk{ margin:-22px 0px 0px -20px; }

#mk a{ width:183px; color:#0C0805;
background:url(images/mkd.png);
background-repeat:no-repeat;
height:43px;
display:block; padding:12px 0px 7px 28px; text-decoration:none;}

#mk a:hover{ width:183px; color:#0C0805;
background:url(images/mkd_hover.png);
background-repeat:no-repeat;
height:43px; }

#it{ margin:-27px 0px 0px -18px;}


#it a{ width:183px; color:#0C0805;
background:url(images/it.png);
background-repeat:no-repeat;
height:43px;
display:block; padding:18px 0px 7px 50px; text-decoration:none;}

#it a:hover{ width:183px;
background:url(images/it_hover.png);
background-repeat:no-repeat;
height:43px; color:#0C0805;}

 
#content {
margin:0px auto;
width:1000px;
background:url(images/bg_content.jpg);
height:780px;
margin-top:15px;
}

#content-home {
margin:0px auto;
width:1000px;
background:url(images/home.jpg);
height:780px;
margin-top:15px;
}

#content-obetki {
margin:0px auto;
width:1000px;
background:url(images/obetki.jpg);
height:780px;
margin-top:15px;
}


#content-obetki2 {
margin:0px auto;
width:1000px;
background:url(images/obetki2.jpg);
height:780px;
margin-top:15px;
}


#content-lanche1 {
margin:0px auto;
width:1000px;
background:url(images/lanche_1.jpg);
height:780px;
margin-top:15px;
}


#content-lanche2 {
margin:0px auto;
width:1000px;
background:url(images/lanche_2.jpg);
height:780px;
margin-top:15px;
}


#content-prsten_bubamara {
margin:0px auto;
width:1000px;
background:url(images/prsten_bubamara.jpg);
height:780px;
margin-top:15px;
}


#content-prsten3 {
margin:0px auto;
width:1000px;
background:url(images/prsten3.jpg);
height:780px;
margin-top:15px;
}

#content-prsten {
margin:0px auto;
width:1000px;
background:url(images/prsten.jpg);
height:780px;
margin-top:15px;
}

#content-products2 {
margin:0px auto;
width:1000px;
background:url(images/content-products.jpg);
height:780px;
margin-top:15px;
}


#content-products {
margin:0px auto;
width:1000px;
background:url(images/products.jpg);
height:780px;
margin-top:15px;
}


#content-gallery {
margin:0px auto;
width:1000px;
background:url(images/gallery.jpg);
height:780px;
margin-top:15px;
}

#content-promocii {
margin:0px auto;
width:1000px;
background:url(images/promocii.jpg);
height:780px;
margin-top:15px;
}


#content-events {
margin:0px auto;
width:1000px;
background:url(images/events.jpg);
height:780px;
margin-top:15px;
}

#content-quotes {
margin:0px auto;
width:1000px;
background:url(images/quotes-bg.jpg);
height:780px;
margin-top:15px;
}

#content-lokacija {
margin:0px auto;
width:1000px;
background:url(images/lokacija.jpg);
height:780px;
margin-top:15px;
}


#content-about {
margin:0px auto;
width:1000px;
background:url(images/za_nas.jpg);
height:780px;
margin-top:15px;


}


#content-contact {
margin:0px auto;
width:1000px;
background:url(images/contact.jpg);
height:780px;
margin-top:15px;
}


#menu-products { 
margin:-17px 0px 0px 210px;
color:#0C0805;
font-size:18px;
}


#menu-products a { 

color:#9B8D85;
text-decoration:underline;

}


#menu-products a:hover { 

color:#9B8D85;
text-decoration:none;

}

#contact-email { 
margin:10px 0px 0px 210px;
font-weight:bold;
color:#A5988E;
font-size:20px;
}

#products-home { 
padding:585px 0px 0px 60px;
font-size:12px;
position:absolute;
}


#contact-home { 
margin:355px 0px 0px 60px;
font-weight:bold;
}


#contact-home a { 
color:#9B8D85;
font-weight:bold;
text-decoration:none;
}

#products-home a:hover{ 
color:#0C0805;
font-size:16px;
text-decoration:underline;
}

#products-home img{
padding-right:5px;

}

#products-home a{ 
color:#0C0805;
font-size:16px;
text-decoration:none;

}



#menu { 
padding:95px 0px 0px 22px;
font-weight:bold;
color:#0C0805;
font-size:15px;
}

#menu a{ 
color:#0C0805;
font-size:20px;
text-decoration:none;
}



#about{ position:absolute; margin-left:241px; margin-top:-60px; }

#products{ position:absolute; margin-left:425px; margin-top:-60px; }

#events{ position:absolute; margin-left:630px; margin-top:169px;  }

#location{ position:absolute; margin-left:835px; margin-top:169px; }

#contact{position:absolute; margin-left:630px; margin-top:388px;  }

#gallery{ position:absolute; margin-left:833px; margin-top:-60px; }

#quotes{ position:absolute; margin-left:629px; margin-top:-60px; }


/*contact form*/
#form {

width:460px;
	position: absolute;	
	padding: 20px 0px 0px 196px;;
	margin: 0 auto;
   text-align:left;}

/*CSS for Error notification*/
.notification_error{
	height: auto;
	color: #4E967F;
	padding: 10px;
	margin: 10px auto;
	text-align:left;
	margin-bottom:10px;}

/*CSS for Successfully sent notification*/
.notification_ok{
	height: auto;padding: 10px;
	margin:0 auto;
	color: #4E967F;
	text-align:left;
	5px;margin-bottom:10px;}

/*CSS for textarea (Name and email)*/
textarea{
	width:400px;margin: 10px auto;
	padding: 5px;
	border: 1px solid #cccccc;
	color: #333333;
	font: 12px Verdana, Helvetica, Arial, sans-serif;
		-webkit-opacity: 0.35;
	-moz-opacity: 0.35;
	filter:alpha(opacity=35);
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

}

/*CSS for textbox (Message)*/		
.textbox {
	width:400px; 
	height:23px;
	margin:5px 0px  10px 0px;
	border: 1px solid #cccccc;
	color: #333333;
	font: 12px Verdana, Helvetica, Arial, sans-serif;
}
.textbox2 {height:140px;}

/*CSS for submit button*/		
.button {width: 90px;
	cursor: pointer;	
	background: #C2C0BE;
	padding: 4px 5px;
	color:#0C0805;
	margin-bottom: 10px;
	height:30px;
	border:1px solid #7C7069;	
}
			
.button:hover{
	background: #C2C0BE;
}

/**** advanced input styling ****/
/* placeholder */
::-webkit-input-placeholder  { 
	color: rgb(190, 188, 188); 
	font-style: italic;
}
input:-moz-placeholder,
textarea:-moz-placeholder{ 
	color: rgb(190, 188, 188);
	font-style: italic;
} 
input {
height:23px;
  outline: none;
  -webkit-opacity: 0.35;
	-moz-opacity: 0.35;
	filter:alpha(opacity=35);
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.info_fieldset{ border:0px;}

#fields label{
font-size:13px;

color:#0C0805;
text-align:left;}

#contact-info{ float:right; padding-top:50px; padding-right:63px; color:#0C0805; font-size:13px;}

#contact-info a{ 
color:#4E967F;
text-decoration:none;
}

#contact-info a:hover{ 
color:#4E967F;
text-decoration:underline;
}

.clear{ clear:both;}

#about img { position:absolute; margin-top:-153px; margin-left:-76px;  }


#products img { position:absolute; margin-top:-153px; margin-left:-56px;  }

#gallery img { position:absolute; margin-top:-153px; margin-left:-56px;  }


#quotes img { position:absolute; margin-top:-153px; margin-left:-56px;  }


#events img { position:absolute; margin-top:-20px; margin-left:-57px;  }

#location img { position:absolute; margin-top:-20px; margin-left:-58px;  }

#contact img { position:absolute; margin-top:-30px; margin-left:-57px;  }

#about-inner{ margin-left:210px; width:735px; color:#0C0805; font-size:13px; text-align:justify;}

#prsten img { position:absolute; margin-top:-217px; margin-left:570px;  }

#prsten_dolu img { position:absolute; margin-top:146px; margin-left:161px;  }


#obetki_levo img { position:absolute; margin-top:355px; margin-left:165px;  }

#prsten_top img { position:absolute; margin-top:-217px; margin-left:369px;  }


#lance_sredina img  { position:absolute; margin-top:146px; margin-left:570px; z-index:9999;  }

#obetki img { position:absolute; margin-top:-217px; margin-left:162px;  }

#lance_dolu_desno img { position:absolute; margin-top:145px; margin-left:573px;  }

.more{ text-decoration:underline; color:#4E967F;}
.more:hover{ text-decoration:none; color:#4E967F;}

#gallery-album{margin: 10px 0px 0px 210px;}

#gallery-album .img { float:left; margin-right:20px; }

#gallery-album .link{ padding-top:5px;}

#gallery-album  a img{opacity:1; filter:alpha(opacity=100);}

#gallery-album .link a { color:#0C0605; text-decoration:none; opacity:0.5; filter:alpha(opacity=50); font-size:20px;}
#gallery-album .link a:hover { color:#0C0605; text-decoration:underline;}