@charset "utf-8";

a {

	color: #666666;

	text-decoration: underline;

}

a:hover {

	color: #666666;

	text-decoration: none;

}

#wrapper {

	width: 840px;

	margin: auto;

	padding: 0px;

}

#bg {

	background: #f3f3f3;

	padding: 6px;

	border: 1px solid #CCCCCC;

	margin: auto;

}

body {

	margin: 0px;

	padding: 0px;

	background: #E3E1DF url(../images/bg.gif) repeat-x top;

	font: 11px/16px Tahoma, Arial;

	color: #666666;

}

form {

	margin: 0px;

	padding: 0px;

}

html {

	height: 100%;

	width: 100%;

}

ul {

	margin: 0px 0px 15px 10px;

	padding: 0px 0px 0px 10px;

}

ol {

	margin: 0px 0px 15px 10px;

	padding: 0px 0px 0px 10px;

}

h1 {

	font: normal 18px Tahoma, Arial;

	color: #666666;

	margin: 0px 0px 10px;

	padding: 5px 0px 5px 5px;

	background: #eae8e8 url(../images/ikona.gif) no-repeat right center;

	border-bottom: 1px solid #abaaa9;

}

p {

	font: 11px/16px Tahoma, Arial;

	color: #666666;

	margin: 0px 0px 10px;

	padding: 0px;

}

#container2 {

	background: #f3f3f3 url(../images/sredina-bg.gif) repeat-y right top;

}

#navi {

	background: #eceae6;

	height: 29px;

	font-family: Arial, Helvetica, sans-serif;

	z-index: 6;

}

.izbornik {

	background: url(../images/naviRub.gif) no-repeat right top;

	float: left;

}

.izbornik a {

	color: #9E8061;

	text-decoration: none;

	font-weight: bold;

	background: url(../images/naviRub.gif) no-repeat right top;

	padding: 6px 11px 6px 5px;

	display: block;

	text-transform: uppercase;

	float: left;

}

.izbornik a:hover {

	color: #e70205;

	text-decoration: none;

	background: #ECEAE6 url(../images/naviRub-hover.gif) no-repeat right top;

}

#navi ul {

	font: 11px Tahoma, Arial;

	color: #FFFFFF;

	list-style: none;

	margin: 0px;

	padding: 8px 0px 0px;

}

#navi ul li {

	text-transform: uppercase;

	display: inline;

	margin: 0px;

	padding: 0px;

}

#container {

	background: url(../images/sredina-pozadina.gif) repeat-x top;

	margin: 3px 0px 0px;

	padding: 0px;

	height: 100%;

	float: left;

	position: relative;

	width: 100%;

}

#flash {

	float: left;

	position: relative;

	width: 588px;

	z-index: 0;

	left: -37px;

}

#left {

	float: left;

	position: relative;

	width: 550px;

	z-index: 1;

}

#right {

	float: right;

	width: 270px;

	position: relative;

	background: url(../images/panel-desno-sjena.gif) no-repeat left top;

}

#right-front {

	float: right;

	width: 270px;

	position: absolute;

	z-index: 5;

	left: 555px;

}

#right-front p {

	font: 11px/16px Tahoma, Arial;

	color: #666666;

	margin: 0px 0px 8px;

	padding: 0px;

}

#footer {

	margin: auto;

	padding: 0px;

	background: top;

	color: #5a5a5a;

}

#footer p {

	margin: 0px;

	padding: 0px;

}

#footer a {

	color: #5a5a5a;

	text-decoration: none;

}

#footer a:hover {

	color: #4B4B4B;

	text-decoration: none;

}

#lang {

	float: left;

	padding: 0px 9px;

	position: relative;

	top: 55px;

	z-index: 3;

}

#logo a {

	display: block;

	height: 70px;

	width: 290px;

	float: right;

	top: 0px;

	position: relative;

}

#border-top {

	background: url(../images/top.gif) no-repeat top;

}

#border-left {

	background: url(../images/rubLijevo.png) repeat-y left top;

}

#border-right {

	background: url(../images/rubDesno.png) repeat-y right top;

}

#border-bottom {

	background: url(../images/bottom.gif) no-repeat bottom;

}

#right-btn {

	float: right;

	position: relative;

	top: 120px;

	right: -23px;

}

#sjena-gore {

	background: url(../images/sjena-gore.gif) no-repeat center bottom;

	float: left;

	position: relative;

	width: 100%;

	top: 77px;

	z-index: 2;

	height: 6px;

}

#sjena-dolje {

	background: url(../images/sjena-dolje.gif) no-repeat center top;

	float: left;

	position: relative;

	width: 100%;

	height: 11px;

	z-index: 1;

}



#dhtmltooltip{

	position: absolute;

	left: -300px;

	width: 150px;

	border: 1px dotted #999999;

	padding: 1px 4px;

	visibility: hidden;

	z-index: 100;

	background: #d8d1c1;

	color: #604E3C;

}



#dhtmlpointer{

position:absolute;

left: -300px;

z-index: 101;

visibility: hidden;

}

#footer-text {

	position: relative;

	z-index: 2;

	top: -5px;

	float: right;

	right: 5px;

}

#footer-menu {

	position: relative;

	z-index: 2;

	top: -5px;

	float: left;

	left: 5px;

}

#usus-logo {
	height: 43px;
	width: 44px;
	position: relative;
	float: left;
	z-index: 2;
	left: 385px;
	clear: both;
	top: -6px;
}

#head {

	height: 79px;

	background: url(../images/head.jpg) no-repeat right bottom;

}

#right-container {

	padding: 8px 5px 13px 8px;

}

.box-naslov {

	font: normal 18px "Trebuchet MS", Tahoma, Arial;

	color: #e70205;

}

.box-top {

	background: url(../images/panel-desno-box-top.png) no-repeat top;

}

.box-bottom {

	background: url(../images/box-bottom.jpg) no-repeat bottom;

	padding: 0px 8px 6px;

	line-height: 16px;

	color: #666666;

}

.box-content {

	padding: 17px 10px 10px;

}

.preporuka {

	background: url(../images/preporuka-bg.jpg) no-repeat;

	height: 37px;

	width: 256px;

	margin: 5px auto auto;

}

.preporuka a {

	color: #666666;

	text-decoration: none;

}

.preporuka a:hover {

	color: #666666;

	text-decoration: none;

}

.preporuka p {

	padding: 11px 0px 0px 40px;

}

.banner-pocetna {

	border: 1px solid #999999;

	margin: 1px;

	padding: 1px;

}

.akcija-bg {

	background: #f2efec url(../images/akcija-bg.gif) repeat-x top;

	border: 1px dotted #999999;

	margin: 3px 2px;

	padding: 3px;

}

.pocetna-novosti-naslov-bg {

	background: url(../images/pocetna-naslov-bg.jpg) no-repeat;

	height: 41px;

	width: 271px;

}

.pocetna-novosti-naslov {

	font: 18px "Trebuchet MS", Tahoma, Arial;

	color: #E91416;

	padding-top: 3px;

	padding-bottom: 8px;

	padding-left: 7px;

}

#pocetna-novosti-bg {

	background: url(../images/pocetna-novosti-bottom-bg.gif) no-repeat bottom;

}

.unutarnja-naslov-bg {

	background: no-repeat;

	font: 18px "Trebuchet MS", Tahoma, Arial;

	color: #e9181b;

	padding: 5px 0px 4px 5px;

}

.proizvodibg {

	background: #F5F5F5;

}

#zaglavlje {

	padding-top: 4px;

	padding-bottom: 4px;

}



.textfield {

	border: 1px solid #666666;

	font: 11px/16px Arial, Helvetica, sans-serif;

	color: #333333;

	width: 200px;

	margin: 3px;

	padding: 2px;

}

.textArea {

	border: 1px solid #666666;

	font: 11px/16px Arial, Helvetica, sans-serif;

	color: #333333;

	width: 200px;

	margin: 3px;

	padding: 2px;

	height: 100px;

}

.listfield {

	border: 1px solid #666666;

	font: 11px/16px Arial, Helvetica, sans-serif;

	color: #333333;

	margin: 3px 3px 3px 35px;

	padding: 1px;

	height: 140px;

	width: 180px;

}

.gumb {

	font: 11px Arial, Helvetica, sans-serif;

	color: #333333;

	border: 1px solid #CCCCCC;

	margin: 1px;

	padding: 1px;

}

.formText {

	font: 11px/16px Arial, Helvetica, sans-serif;

	color: #666666;

	padding-top: 3px;

	padding-bottom: 3px;

}

.divOkvir {

	background: #FAF9F5;

	font: 11px/16px Arial, Helvetica, sans-serif;

	color: #666666;

	padding: 3px;

	border: 1px dashed #999999;

}

#bc {

	background: url(../images/bc-bg.gif) repeat-x top;

	padding: 7px 3px;

}

.kamini a {

	background: url(../images/kamini-gumb.gif) no-repeat left top;

	font: normal 17px "Trebuchet MS", Tahoma, Arial;

	color: #666666;

	display: block;

	padding-top: 11px;

	padding-bottom: 8px;

	text-decoration: none;

	width: 152px;

	text-align: right;

}

.kamini a:hover {

	background: url(../images/kamini-gumb-rollover.gif) no-repeat left top;

	color: #666666;

	text-decoration: none;

}

.rostilji a {

	background: url(../images/rostilji-gumb.gif) no-repeat left top;

	font: normal 17px "Trebuchet MS", Tahoma, Arial;

	color: #666666;

	display: block;

	padding-top: 14px;

	padding-bottom: 9px;

	text-decoration: none;

	width: 152px;

	text-align: right;

}

.rostilji a:hover {

	background: url(../images/rostilji-gumb-rollover.gif) no-repeat left top;

	color: #666666;

	text-decoration: none;

}

.krusne-peci a {

	background: url(../images/krusne-peci.gif) no-repeat left top;

	font: normal 17px "Trebuchet MS", Tahoma, Arial;

	color: #666666;

	display: block;

	padding-top: 14px;

	padding-bottom: 10px;

	text-decoration: none;

	width: 152px;

	text-align: right;

}

.krusne-peci a:hover {

	background: url(../images/krusne-peci-rollover.gif) no-repeat left top;

	color: #666666;

	text-decoration: none;

}

.tekst11 {

	font: 11px/16px Arial, Helvetica, sans-serif;

	color: #000000;

}

.tekst12 {

	font: 12px/18px Arial, Helvetica, sans-serif;

	color: #000000;

}

.tekst13 {

	font: 13px/19px Arial, Helvetica, sans-serif;

	color: #000000;

}

.okvir-slike {

	margin: 1px;

	padding: 1px;

	border: 1px solid #999999;

}

.buton{

background-color:#CDC5C1;

border:1px solid #AA9C95;

color:#534844;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

}

.buton2{

border:1px solid #534844;

}

#banner {
	position: absolute;
	margin-top: -190px;
	margin-left: -13px;
}