@charset "utf-8";
#left-mr {
	float: left;
	width: 580px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	padding: 10px;
	height: 440px;
}
#left-mr h1 {
	font-size: 120%;
	margin: 0px;
}
.center {
	margin-left: 100px;
	font-weight: bold;
}
.right1-mr {
	float: right;
	margin-top: 10px;
	width: 295px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	color: #FFFFFF;
	background-color: #DD3D3F;
}
.right1-mr a {
	color: #FFFFFF;
}
.right2-mr {
	float: right;
	margin-top: 10px;
	width: 295px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	height: 185px;
}
.right2-mr h2 {
	margin: 0px;
	font-size: 100%;
	padding: 0px;
}
.right2-mr ul {
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.right3-mr {
	float: right;
	margin-top: 10px;
	width: 295px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	height: 176px;
}
.right4-mr {
	float: right;
	margin-top: 10px;
	width: 295px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	height: 230px;
}
.right4-mr h2 {
	margin: 0px;
	font-size: 100%;
	padding: 0px;
}
.right4-mr ul {
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.right5-mr {
	float: right;
	margin-top: 10px;
	width: 295px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	height: 131px;
}
.right5-mr h2 {
	margin: 0px;
	font-size: 100%;
	padding: 0px;
}
.voda {
	border: 1px solid #CCCCCC;
	padding: 1px;
	margin-left: 120px;
}
.makro {
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	padding: 10px;
	clear: both;
	overflow: auto;
}
.makro-naslov {
	background-color: #DE3C3A;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	float: left;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	overflow: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 120%;
}
.makro table {
	float: right;
	margin-right: 20px;
	margin-left: 20px;
}
table p {
	padding: 0px;
	margin: 0px;
}
td {
	border: 1px solid #CCCCCC;
}
.pic-left {
	float: left;
	margin-right: 15px;
}
.pic-right {
	float: right;
	margin-left: 20px;
}

.vitamin1 {
	float: left;
	width: 435px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding: 5px;
	height: 200px;
	display: inline;
}
.vitamin2 {
	float: left;
	width: 435px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding: 5px;
	height: 270px;
	display: inline;
}

.nutrijenti {
	float: right;
	margin-top: 10px;
	width: 295px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	height: 204px;
}
.nutrijenti a {
	color: #666666;
}
.nutrijenti h2 {
	margin: 0px;
	font-size: 100%;
	padding: 0px;
}
.vitamin-naslov {
	background-color: #E73D40;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	float: left;
}
.sastojciHrane {
	margin-left: 20%;
}
.right5-mr {
	float: right;
	margin-top: 10px;
	width: 295px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	height: 178px;
}
.right5-mr  h2 {
	margin: 0px;
	font-size: 100%;
	padding: 0px;
}
#pret1 {
	float: left;
	width: 580px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	padding: 10px;
	height: 638px;
}
#pret1 h1 {
	font-size: 120%;
	margin: 0px;
}
.pret4 {
	float: right;
	margin-top: 10px;
	width: 295px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	height: 166px;
}
.pret4 h2 {
	margin: 0px;
	font-size: 100%;
	padding: 0px;
}
.casa {
	border: 1px solid #CCCCCC;
	padding: 1px;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.js a {
	color: #666666;
}
#content-mrs {
	background-image: url(../img/mrs-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

