html {
	margin: 0px;
	padding: 0px;
}

body {
	padding: 0px;
	width: 966px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #CF1E30;
}



#topBg {
	background-image: url(images/bg_top.jpg);
	background-repeat: no-repeat;
	height: 13px;
	margin-top: 18px;
}
#centerBg {
	background-image: url(images/bg_middle_tajl.jpg);
	background-repeat: repeat-y;
	padding-right: 15px;
	padding-left: 12px;
}
#centerBg #TopHolder {
	height: 110px;
	width: 940px;
	clear: both;
}





#centerBg #TopHolder #TopRight {
	height: 110px;
	width: 240px;
	float: right;
}
#centerBg #TopHolder #TopRight #logo {
	background-image: url(images/julius_logo.jpg);
	background-repeat: no-repeat;
	height: 110px;
	width: 119px;
	margin-left: 60px;
}
#centerBg #TopHolder #TopRight #logo a {
	display: block;
	height: 110px;
	width: 119px;
}
#centerBg #TopHolder #TopLeft {
	width: 700px;
	float: left;
	height: 110px;
	clear: both;
}
#centerBg #TopHolder #TopLeft #lefToptMenu {
	width: 400px;
	float: left;
	height: 17px;
	margin-top: 10px;
}
#centerBg #TopHolder #TopLeft #rightTopMenu {
	width: 290px;
	float: right;
	margin-top: 10px;
	height: 17px;
}
#centerBg #TopHolder #TopLeft #lefToptMenu ul {
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#centerBg #TopHolder #TopLeft #lefToptMenu ul li {
	display: block;
	height: 17px;
	width: 59px;
	float: left;
}
#centerBg #TopHolder #TopLeft #lefToptMenu ul li a.sitemap {
	background-image: url(images/sitemap.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 59px;
}
#centerBg #TopHolder #TopLeft #lefToptMenu ul li a:hover.sitemap {
	background-image: url(images/sitemap_over.jpg);
	background-repeat: no-repeat;
}
#centerBg #TopHolder #TopLeft #lefToptMenu ul li a.pocetna {
	background-image: url(images/pocetna.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 59px;
}
#centerBg #TopHolder #TopLeft #lefToptMenu ul li a:hover.pocetna {
	background-image: url(images/pocetna_over.jpg);
	background-repeat: no-repeat;
}

#centerBg #TopHolder #TopLeft #lefToptMenu ul li a.kontakt {
	background-image: url(images/kontakt.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 17px;
	width: 59px;
}
#centerBg #TopHolder #TopLeft #lefToptMenu ul li a:hover.kontakt {
	background-image: url(images/kontakt_over.jpg);
	background-repeat: no-repeat;
}
#centerBg #TopHolder #TopLeft #mainMenu {
	height: 27px;
	display: block;
	width: 600px;
	margin-top: 30px;
	margin-left: 20px;
}
#centerBg #TopHolder #TopLeft #mainMenu ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#centerBg #TopHolder #TopLeft #mainMenu ul li {
	float: left;
	display: block;
	height: 27px;
}
#centerBg #TopHolder #TopLeft #mainMenu ul li a.proizvodi {
	display: block;
	background-image: url(images/main_menu_01.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 81px;
}
#centerBg #TopHolder #TopLeft #mainMenu ul li a:hover.proizvodi {
	display: block;
	background-image: url(images/main_menu_over_01.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 81px;
}
#centerBg #TopHolder #TopLeft #mainMenu ul li a.tvrtka {
	display: block;
	background-image: url(images/main_menu_02.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 66px;
}
#centerBg #TopHolder #TopLeft #mainMenu ul li a:hover.tvrtka {
	display: block;
	background-image: url(images/main_menu_over_02.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 66px;
}
#centerBg #TopHolder #TopLeft #mainMenu ul li a.kava {
	display: block;
	background-image: url(images/main_menu_03.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 101px;
}
#centerBg #TopHolder #TopLeft #mainMenu ul li a:hover.kava {
	display: block;
	background-image: url(images/main_menu_over_03.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 101px;
}
#centerBg #TopHolder #TopLeft #mainMenu ul li a.usluge {
	display: block;
	background-image: url(images/main_menu_04.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 63px;
}
#centerBg #TopHolder #TopLeft #mainMenu ul li a:hover.usluge {
	display: block;
	background-image: url(images/main_menu_over_04.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 63px;
}
#centerBg #TopHolder #TopLeft #mainMenu ul li a.kontakt {
	display: block;
	background-image: url(images/main_menu_05.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 70px;
}
#centerBg #TopHolder #TopLeft #mainMenu ul li a:hover.kontakt {
	display: block;
	background-image: url(images/main_menu_over_05.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 70px;
}
#centerBg #CenterContentHolder {
	width: 900px;
	margin-right: 19px;
	margin-left: 20px;
}
#centerBg #LeftContent {
	float: left;
	width: 390px;
	height: 430px;
	margin: 0px;
	padding: 0px;
}
#centerBg #RightContent {
	float: right;
	height: 430px;
	width: 510px;
	margin: 0px;
	padding: 0px;
}
#centerBg #CenterContentHolder #RightContent #intoductionText {
	width: 465px;
	margin: 0px;
	background-image: url(images/bg_coffee.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 146px;
	background-color: #DED2BA;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 9px;
	border-bottom-style: solid;
	border-bottom-color: #da2032;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 25px;
}
#centerBg #CenterContentHolder #RightContent #intoductionText h1 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
}
#centerBg #CenterContentHolder #RightContent #intoductionText p {
	font-size: 11px;
	color: #333;
	line-height: 20px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#centerBg #CenterContentHolder #RightContent #ThreeColumns {
	width: 510px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
}
#centerBg #CenterContentHolder #RightContent #ThreeColumns #columnBrand1 {
	float: left;
	width: 170px;
	height: 235px;
	background-color: #bc9f6d;
}
#centerBg #CenterContentHolder #RightContent #ThreeColumns #columnBrand2 {
	float: left;
	width: 170px;
	height: 235px;
	background-color: #c9b28a;
}
#centerBg #CenterContentHolder #RightContent #ThreeColumns #columnBrand3 {
	float: left;
	width: 170px;
	height: 235px;
	background-color: #d7c5a7;
}
.textBrand      {
	font-size: 11px;
	height: 90px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
.imageBrand      {
	height: 140px;
	width: 170px;
}
.imageBrand img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.textBrand p {
	margin: 0px;
	font-size: 11px;
}
.textBrand h2 {
	font-size: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
#centerBg #footer{
	height: 45px;
	margin-right: 19px;
	margin-left: 20px;
	width: 900px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
}
#centerBg #CenterContentHolder #header2 {
	background-image: url(images/test.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height: 200px;
}
#centerBg #CenterContentHolder #header3 {
	background-image: url(images/bonfanti_header.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height: 200px;
}
#centerBg #CenterContentHolder #header4 {
	background-image: url(images/cremcaffe_header.jpg);
	background-repeat: no-repeat;
	width: 900px;
	height: 200px;
}

#centerBg #CenterContentHolder #breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	height: 17px;
	padding-top: 3px;
	margin-left: 200px;
}
#centerBg #CenterContentHolder #breadcrumbs a:link,
#centerBg #CenterContentHolder #breadcrumbs a:visited,
#centerBg #CenterContentHolder #breadcrumbs a:active {
	color: #666;
	text-decoration: none;
}
#centerBg #CenterContentHolder #breadcrumbs a:hover {
	color: #CF1E30;
	text-decoration: none;
}


#centerBg #CenterContentHolder #Left {
	width: 160px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	padding: 20px;
	font-size: 11px;
}
#centerBg #CenterContentHolder #Right {
	width: 660px;
	min-height: 280px;
	padding: 20px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	background-image: url(images/sidebar_mohr.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#centerBg #CenterContentHolder #RightBonfanti {
	width: 660px;
	min-height: 280px;
	padding: 20px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 18px;
}
#centerBg #CenterContentHolder #RightBonfanti img {
	clear: left;
	float: left;
}
#centerBg #CenterContentHolder #RightBonfanti p {

}
#centerBg #CenterContentHolder #RightBonfanti p.withMargin {
	padding-left: 100px;
	line-height: 18px;
}
#centerBg #CenterContentHolder #RightBonfanti h3 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #960;
}

#centerBg #CenterContentHolder #Left h3 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 14px;
}
#centerBg #CenterContentHolder #Left p {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#centerBg #CenterContentHolder #Left ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: right;
}
#centerBg #CenterContentHolder #Left ul li {
	margin-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
#centerBg #CenterContentHolder #Left ul li a:link,
#centerBg #CenterContentHolder #Left ul li a:visited,
#centerBg #CenterContentHolder #Left ul li a:active {
	color: #666;
	text-decoration: none;
}



#centerBg #CenterContentHolder #Left ul li a:hover {
	color: #CF1E30;
	text-decoration: none;
}

#centerBg #CenterContentHolder #Right h3 {
	margin: 0px;
	padding: 0px;
}
#centerBg #CenterContentHolder #Right p {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#centerBg #CenterContentHolder #Right p a {
	color: #666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#centerBg #CenterContentHolder #Right p a:hover {
	color: #CF1E30;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}






#centerBg #footer #footerLeft {
	float: left;
	width: 600px;
	height: 30px;
	padding-top: 15px;
}
#centerBg #footer #footerLeft ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#centerBg #footer #footerLeft ul li {
	display: inline;
	margin-left: 10px;
}
#centerBg #footer #footerLeft ul li a:link,
#centerBg #footer #footerLeft ul li a:visited,
#centerBg #footer #footerLeft ul li a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	text-decoration: none;
}
#centerBg #footer #footerLeft ul li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CF1E30;
	text-decoration: none;
}


#centerBg #footer #footerRight {
	float: right;
	width: 295px;
	margin-left: 5px;
	height: 30px;
	padding-top: 15px;
	text-align: right;
}
#centerBg #footer #footerRight ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#centerBg #footer #footerRight ul li {
	display: inline;
	margin-right: 10px;
}
#centerBg #footer #footerRight ul li a:link,
#centerBg #footer #footerRight ul li a:visited,
#centerBg #footer #footerRight ul li a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	text-decoration: none;
}
#centerBg #footer #footerRight ul li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CF1E30;
	text-decoration: none;
}







#bottomBg {
	background-image: url(images/bg_bottom.jpg);
	background-repeat: no-repeat;
	height: 12px;
}
.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
}
.imgFloatLeft {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.pwithclear {
	clear: both;
	line-height: 18px;
}
.imgCenter {
	padding-bottom: 10px;
	text-align: center;
}
.floatRightIMG {
	height: 300px;
	width: 250px;
	float: right;
}
#centerBg #CenterContentHolder #RightBonfanti ul li a:link,
#centerBg #CenterContentHolder #RightBonfanti ul li a:visited,
#centerBg #CenterContentHolder #RightBonfanti ul li a:active {
	color: #666;
	text-decoration: none;
}
#centerBg #CenterContentHolder #RightBonfanti ul li a:hover {
	color: #CF1E30;
	text-decoration: none;
}