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

*{ border: 0; margin: 0; padding: 0; outline: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
html,body{ width: 100%; height: 100%; overflow-x: hidden; }
#holder { position: absolute; width: 100%; height: 1200px; }
#bgimg { position: fixed; }
#contentWrapper{ position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 1200px; overflow-x: hidden; }

#header { position: relative; width: 100%; height: 219px; background: url(../assets/headerBg.png) repeat-x; }
.headerImg { position: absolute; top: 37px; }
.headerMail { position: absolute; left: 948px; top: 10px; }
.tensenses { position: absolute; left: 803px; top: 164px; }

#menu { position: relative; width: 100%; height: 55px; background: url(../assets/menuBg.png) repeat-x; }
#menu2 { position: relative; left: 35px; top: 16px; }

#fb { position: absolute; bottom: 220px; left: 35px; }

#footerContact { position: absolute; bottom: 60px; left: 35px; }

#footer { position: absolute; width: 100%; height: 51px; bottom: 0px; background: url(../assets/footerBg.png) repeat-x; }
#footerTxt { position: absolute; left: 35px; top: 13px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color:#646464; line-height: 11px; }
.puroLogo { position: absolute; left: 445px; top: 14px; }

#content { position: relative; top: 25px; left: 35px; width: 940px; }
#content span { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; }

.aboutLinks { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; line-height: 11px; }

.prodTxt { position: absolute; left: 240px; width: 455px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; }

.shopTxt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; }
#shopPhotos { position: relative; top: 110px; }
#shopTxt { position: relative; top: 240px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; }

.contactTxt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; line-height: 15px; }
#contactPhotos { position: relative; top: 270px; }
#map { position: relative; top: 180px; }

#productDetailDescription { position: absolute; left: 480px; }
#productDescription { position: absolute; top: 30px; width: 450px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; }
#productDescription a, a:link, a:hover, a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-decoration: none; }

#uputavka {
	position: relative;
	width: 941px;
	height: 294px;
	background-image: url(../assets/uputavka/bg.jpg);
	overflow: hidden;
}
#samay {
	position: absolute;
	left: 4px;
	top: 4px;
	width: 818px;
	overflow: hidden;
}
#macadamia {
	position: absolute;
	left: 822px;
	top: 4px;
	width: 38px;
	overflow: hidden;
}
#fairtrade {
	position: absolute;
	left: 860px;
	top: 4px;
	width: 38px;
	overflow: hidden;
}
#goodheart {
	position: absolute;
	left: 898px;
	top: 4px;
	width: 38px;
	overflow: hidden;
}

#samayProd {
	position: absolute;
	left: 0;
	top: 0;
}
#macadamiaProd {
	position: absolute;
	left: 320px;
	top: 0;
}
#goodheartProd {
	position: absolute;
	left: 640px;
	top: 0;
}
.prodTxt {
	position: absolute;
	left: 65px;
	top: 405px;
	width: 225px;
	color: #ffffff;
	font-size: 11px;
}
.prodTxt a, a:link, a:hover, a:visited {
	font-size: 11px;
	font-weight: bold;
	color: #c8d200;
}

#mGalImgLeft {
	position: absolute;
}
#mGal {
	position: absolute;
	left: 60px;
}
#mGal ul {
	margin-left: 0px;
}
#mGal li {
	position: relative;
	display: inline;
	float: left;
	margin: 5px;
}
.mGalItem {
	width: 244px;
	height: 156px;
	background-color: #000000;
}
.mGalBg {
	position: absolute;
	left: 3px;
	top: 3px;
	width: 238px;
	height: 150px;
	background-color: #cccccc;
}
.lupa {
	position: absolute;
	left: 97px;
	top: 53px;	
}