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

*{padding:0;margin:0}
a{color:#6B7B95;outline:none;text-decoration:none}
a:hover{color:#572d37;}

html, body {
	height: 100%;         /* required */
}
body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
	background:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#distance { 
	margin-bottom: -370px; /* half of content height */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */

}
div#wraping {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 680px;         /* required - desired height */
	width: 100%;          /* required - desired width */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
	border-bottom: 1px solid #636363;
	background: url(images/bg.gif) left bottom no-repeat;
}
div#content {
	width: 700px;
	margin: 0 auto;
}
div#content p a {
	color: #cc9679;
}
div#content p strong {
	color: #bc8567;
	font-weight: bold;
}
div#content p a img {
	outline: none;
	border: none;
}
div#content p a:hover {
	color: #bc8567;
}
.introTxt {
	width: 640px;
	margin: 0 auto;
	color:#dcdcdc;
}
#MooFlow {
	
}
#MooFlow a {
	cursor: pointer;
	
}
h1{ width: 100%; background: url(images/bgColors.gif) bottom center repeat-x; height: 163px; text-align:center;}
h1 a {background: url(images/logo.jpg) center top no-repeat; height: 160px; width: 300px; text-indent: -9999px; outline: none; border:none; font-size: 1px; color: #000000; display: block; text-align:center; margin: 0 auto;}
h2 {display: block; text-align:center; font-size: 14px; font-weight:bold; margin: 10px 0px 10px 0px; float: left; width: 640px; color:#eeeeee; font-family: Verdana, Arial, Helvetica, sans-serif;}
h2.proizvodiSvi {display: block; text-align:center; font-size: 14px; font-weight:bold; margin: 0px 0px 10px 0px; float: left; width: 600px; color:#cd9b7f; font-family: Verdana, Arial, Helvetica, sans-serif;}
h3,h4,h5,h6{padding:6px 0}
p{color:#dcdcdc; float: left; line-height:1.2; text-align:justify; font-size: 12px; margin: 4px 0px 4px 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}
p .productsList{color:#dcdcdc; float: left; line-height:1.2; text-align:justify; font-size: 12px; margin: 0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}


.navigation
{
	width: 100%;
	position: relative !important;
	clear: left;
	height: 20px;
	text-align: center;
	margin: 0px auto 0px auto !important;
	padding: 0px !important;
	background: url(images/bgColorsBottom.gif) center top no-repeat;
}
*html .navigation
{
	margin: 0px auto 0px auto !important;
	display: block;
}
.navigation ul {
	list-style: none;
	margin: 0px auto 0px auto !important;
	color: #bfbfbf;
	width: 742px !important;
	text-align: center;	
}
*html .navigation ul {
	width: 754px !important;
}
.navigation ul li {
	float: left;
	font-size: 11px;
	margin: 6px 6px 0px 14px !important;
}
*html .navigation ul li {
	margin: 6px 11px 0px 10px !important;
}
.navigation ul li a {
	color: #CCCCCC;
}
.navigation ul li a:hover {
	color: #e33938;
	text-decoration: none;
}
.navigation ul li.pocetna a:hover, .navigation ul li.kontakt a:hover, .navigation ul li.postavljanje a:hover {
	color: #7d7d7d;
}
.navigation ul li.galerija a:hover, .navigation ul li.distributeri a:hover {
	color: #a25d5f;
}
.navigation ul li.proizvodi a:hover, .navigation ul li.zasto a:hover {
	color: #da9f7f;
}
iframe.gallery {
	border: none;
	outline: none;
	padding: 0px;
	margin: 0px;
	width: 590px;
	height: 126px;
}
.uzorciSvi {
	margin: 10px;
	height: 130px;
	float: left;
	margin: 10px 0px 0px 10px;
}
.uzorak, .uzorakBig, .uzorakTri, .uzorakDva {
	float: left;
	display: inline;
	text-align:center;
	margin: 0px 18px 0px 18px;
}
.uzorakBig {
	margin: 0px 22px 0px 22px;
}
.uzorakTri {
	margin: 0px 42px 0px 42px;
}
.uzorakDva {
	margin: 0px 87px 0px 87px;
}



.uzorak img, .uzorakBig img, .uzorakTri img, .uzorakDva img {
	display: block;
}

.uzorak b, .uzorakBig b, .uzorakTri b, .uzorakDva b {
	
	display: block;
	text-align: center;
	color: #b9b9b9;
	font-weight: normal;
	margin: 5px 0px 5px 0px;
	font-weight: bold;
	font-size: 11px;
}
.productsList {
	width: 600px;
}
.productsList img {
	float: left;
	outline: none;
	border: none;
	margin: 0px 0px 9px 0px;
}
.productsList a img {
	float: left;
	outline: none;
	border: none;
	margin: 0px 0px 9px 0px;
}
.opis {
	width: 593px;
}
.opis a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.certifikat {
	text-align:left;
	width: 640px;
	margin:-8px 0px 0px 0px;	
	float: left;
	height: 46px;
}
.certifikat span {
	width: 480px;
	float: left;
	line-height: 46px;
}
.certifikat a img {
	border: none;
	outline: none;
	float: right;
	vertical-align: top;
	height: 67px;
}
h3 {
	color: #dcdcdc;
	line-height: 28px;
	font-size: 18px;
	margin: 8px 0px 0px 0px;
}
h4 {
	color: #dcdcdc;
	line-height: 14px;
	font-size: 14px;
	font-weight: bold;
	margin: 4px 0px 0px 0px;
	float: left;
}
h4.prvi {

	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	color: #c49074;
	line-height: 18px;
	width: 700px;
}
h4.drugi {

	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	color: #c49074;
	line-height: 18px;
	width: 700px;
}
h4.treci {

	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	color: #c49074;
	line-height: 18px;
	width: 700px;
}
h4.cetvrti {

	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	color: #c49074;
	line-height: 18px;
	width: 700px;
}
h4.peti {

	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	color: #c49074;
	line-height: 18px;
	width: 700px;
}
ul#postavljanje {
	float: left;
	margin: 12px 0px 12px 2px;
	height: 140px;
}
ul#postavljanje li {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 4px;
	width: 111px;
	text-align: center;
}
ul#postavljanje li b {
	color: #bc8567;
	line-height: 14px;
}
ul#postavljanje li span {
	color: #dfdfdf;
	text-align: center;
	width: 111px !important;
	font-size: 11px;
	float: left;
	line-height: 18px;
}
*html ul#postavljanje li span {
	width: 107px !important;
}
ul#postavljanje li img {
	margin: 4px 0px 0px 0px;
}
ul#napomene {
	float: left;
	list-style: none;
	margin: 15px 0px 15px 0px;
}
ul#napomene li {
	background: url(images/bullet.gif) left center no-repeat;
	padding: 0px 0px 0px 20px;
	color: #dcdcdc;
	font-size: 12px;
	line-height: 22px;
}
table.tableAdrese {
	color: #CCCCCC;
	margin: 6px 0px 6px 0px;
}
table.tableAdrese a, table.tableAdrese a:visited, table.tableAdrese a:hover, table.tableAdrese a:active {
	color: #c38d70;
	text-decoration: none;
}
table.tableAdrese a:hover {
	color: #b98162;
}
.tvprilog {
	float: left;
	margin: -6px 0px 0px 0px;
}
.tvprilog a img {
	outline: none;
	border: none;
}