@charset "utf-8";

* {
	padding: 0;
	margin: 0;
	border: none;
}
body {
	background: #dcdcdc url(images/bg.gif) repeat-x top center;
	color: #999;
	font: normal 12px Arial, Helvetica, sans-serif
}
a {
	outline: none;
	color: #999;
	text-decoration: none
}
img.text {
	border: 1px solid #cdcdcd;
	padding: 3px;
}
#container #content table#farran.proizvodi tbody tr td img.desno, img.desno {
	float: right;
	border: 1px solid #cdcdcd;
	padding: 3px;
	margin: 0px 0 10px 10px
}
#container #content table#farran.proizvodi tbody tr td img.levo, img.levo {
	float: left;
	border: 1px solid #cdcdcd;
	padding: 3px;
	margin: 0px 10px 10px 00px
}
#container {
	width: 924px;
	margin: 0 auto;
	background: url(images/containerbg.png) repeat-y right top;
	overflow: auto;
}
#header-top {
	background: url(images/header-top-bg.gif) no-repeat top center;
	width: 924px;
	height: 56px;
}
ul#topmenu {
	float: right;
	list-style: none;
	padding: 0 20px 0 0
}
ul#topmenu li{
	float: left;
	padding: 0px 0 0 0
}
ul#topmenu li a{
	border-left: 2px solid #fff;
	display: block;
	padding: 5px 15px 0 5px;
	text-decoration: none;
	color: #fff;
	position: relative;
	top: 29px;
	font: normal 14px Arial, Helvetica, sans-serif;
}
#login-box {
	background: url(images/login-box-bg.png) no-repeat top center;
	width: 924px;
	height: 111px;
	padding: 10px 0 0 0
}
#logo {
	width: 203px;
	height: 96px;
	float: left;
	padding: 0 0 0 44px;
}
#logo h3 {
	color: #fff;
	font: normal 17px Arial, Helvetica, sans-serif;
	padding: 18px 0 0 5px;
}
#logintext {
	width: 391px;
	height: 96px;
	float: left;
}
#logintext h2 {
	margin: 11px 0 0 20px;
	padding: 0 0 0 15px;
	font: normal 18px Arial, Helvetica, sans-serif;
	background: url(images/h2bg.gif) no-repeat;
	width: 326px;
	height: 27px;
}
#logintext p {
	padding: 9px 0 0 43px;
	width: 274px
}
#login {
	width: 260px;
	height: 98px;
	float: left;
}
#login input {
	border: 1px solid #dfdfdf;
	color: #999;
	width: 112px
}
#login #form p {
	width: 112px
}
#login #form p.left {
	clear: both;
	float: left;
}
#login #form p.right {
	float: left;
	font-size: 8px;
	text-decoration: underline;
	color: #999;
	width: 112px;
}
#login #form p.right a {
	float: left;
	font-size: 9px;
	text-decoration: underline;
	color: #999
}
#login #form {
	width: 111px;
	padding: 10px 0 0 0;
	float: left;
}
#login #formright {
	float: left;
	width: 130px;
	position: relative;
	top: 10px;
	left: 10px;
}
#login #formright input {
	color: #FFFFFF;
	font-size: 11px;
	border: none;
}
#login #formright input#uloguj {
	background: url(images/loginbg.png) no-repeat;
	width: 54px;
	height: 17px;
}
#login #formright input#reg {
	background: url(images/regbg.png) no-repeat;
	width: 64px;
	height: 17px;
	position: relative;
	left: 2px
}
#login #formright input#check {
	float: left;
	position: absolute;
	top:33px;
	width: 20px;
}
#login #formright table tr td p {
	position: relative;
	top:16px;
	left: 18px;
	width: 100px;
}
#login #formright label {
	position: relative;
	left: 15px;
	font-size: 11px;
}
#login #formright p a {
	font: bold 12px Arial, Helvetica, sans-serif ;
	color: #999;
	position: relative;
	top: 31px;
	left: 10px;
	width: 78px;
	float: right
}
#products {
	background: url(images/menubg.png) no-repeat;
	width: 231px;
	height: 327px;
	float: left;
}
ul#sidemenu {
	list-style: none;
	padding: 51px 0 0 78px
}
ul#sidemenu li{
}
ul#sidemenu li a{
display: block;
	text-decoration: none;
	color: #9a9a9a;
	font: bold 13px Arial, Helvetica, sans-serif;
	height: 34px;
	letter-spacing: -1px;
}
ul#sidemenu li a#germaine:hover{
	color: #b79430;
}
ul#sidemenu li a#ainhoa:hover{
	color: #325482;
}
ul#sidemenu li a#keenwell:hover{
	color: #ab312e;
}
ul#sidemenu li a#casmara:hover{
	color: #f8cb00;
}
ul#sidemenu li a#beauty-image:hover{
	color: #346635;
}
ul#sidemenu li a#babaria:hover{
	color: #778552;
}
ul#sidemenu li a#farran:hover{
	color: #615d5c;
}
ul#sidemenu li a#thuya:hover{
	color: #da251c;
}
#menu-ispod {
	clear: both;
	background: url(images/meni-ispod.jpg) no-repeat;
	width: 231px;
	float: left;
	overflow: auto;

}

#menu-ispod2 {
	clear: both;
	background: url(images/meni-ispod2.jpg) no-repeat;
	width: 181px;
	float: left;
	overflow: auto; padding-left:50px

}

#novosti-flash {
	padding: 0 0 0 40px
}
#menu-ispod h4 {
	color: #fff;
	padding: 33px 0 0 52px;
	font: normal 24px Arial, Helvetica, sans-serif
}
#menu-ispod p {
	color: #fff;
	padding: 10px 0 0 52px
}
#menu-ispod p.link {
	float: right;
	font-size: 11px
	}
#menu-ispod p.link a {
	color: #fff;
	padding: 0 10px 0 0;
	text-decoration: none;
}
#banner {
	background: #dcdcdc url(images/bannerbgbg2.jpg);
	width: 693px;
	height: 280px;
	float: left
}
#h1naslov h1{
	background: url(images/h1bg.png) no-repeat;
	padding: 15px 0 0 54px;
	font: normal 18px Arial, Helvetica, sans-serif;
	height: 32px;
	width: 639px;
	float: left;
}
.blink-proizvodi {
	text-align:right;
	font-size: 14px;
	font-weight:bold;
	color:#ed1c24;
	position: relative;
	right: 45px;
}
.blink-proizvodi a{
	color:#ed1c24;
}
#content {
	width: 692px;
	float: left;
	overflow: auto;
	background: url(images/contentbg.png) repeat-y;
}

#content p {
	padding: 15px 54px 0 54px;
	text-align: justify
}
#content h4 {
	color: #b79430;
	font-size: 12px;
}
#content h4.ainhoa {
	color: #2e5182
}
#content table#keenwell.proizvodi tbody tr td h4  {
	color: #b53f24
}
#content table#casmara.proizvodi tbody tr td h4  {
	color: #f2c600
}
#content table#farran.proizvodi tbody tr td h4  {
	color: #615d5c
}
#content table#beauty.proizvodi tbody tr td h4  {
	color: #346635
}
#content table#babaria.proizvodi tbody tr td h4  {
	color: #778552
}
#content table#thuya.proizvodi tbody tr td h4  {
	color: #da251c
}
#content table.pocetna  {
	 margin: 0 auto; 
	 width: 581px
}
#content table.pocetna tr td  {
	border: 0;
	padding: 0
}
.farran {
	color: #615d5c;
	font-weight: bold;
}
#content table tr td p {
	padding: 0 0px 0 0;
	text-align: left;
}
#content table tr td  {
border-bottom: 1px solid #dcdcdc;
	padding: 30px 0px 30px 0;
}
p.podnaslov {
	font-size: 16px;
	font-weight: bold;
}
img.proizvodi, #content table.proizvodi tbody tr td img {
	float: right;
	padding: 0 0 0 30px
}
#content table#farran.proizvodi tbody tr td img {
	float: none;
	padding: 0
}
#content table#forma {
	width: 500px;
}
#content table#forma tr td  {
	border-bottom: 0px solid #dcdcdc;
	padding: 00px 0px 05px 0;
}
#content table#forma tr td input,#content table#forma tr td  textarea {
	border: 1px solid #dcdcdc;
	padding: 1px 0 1px 3px;
	color: #999;
	font-size: 12px;
}
#content table#forma input{
	color: #999;
	font-size: 12px;
}
#content table#forma input#reg {
	background: url(images/regbg.png) no-repeat;
	width: 64px;
	height: 17px;
	position: relative;
	top: 5px;
	color: #fff;
	font-size: 11px;
}
#mapa {
	width: 550px;
	margin: 40px auto 0 auto;
	border: 1px solid #dcdcdc
}
table.proizvodi {
	width: 590px;
	margin: 0 auto;
	border-collapse: collapse;
}
.space {
	background: #dcdcdc;
	width: 610px;
	height: 1px;
	margin: 20px auto 0 auto;
}
#footerspacer {
	width: 924px;
	height: 20px;
	clear: both;
}
#footerpre {
	clear: both;
	background: url(images/footerpre.png) no-repeat;
	height: 56px;
	width: 924px;
	margin: 50px 0 0 0;
}
#footer {
	background: url(images/footer.png) no-repeat;
	height: 110px;
	width: 924px;
	font-size: 11px
}
#footer a {
	color: #999;
	text-decoration: none;
}
#footer p.left {
	float: left;
	padding: 28px 0 0 47px;
}
#footer p.right {
	float: right;
	padding: 48px 47px 0 0px;
}
.blink {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: blink
}
#beauty.proizvodi tbody tr td table.dodatno tr td, #beauty.proizvodi tbody tr td table.dodatno tr td p {
	border: 0px solid black;
	text-align: left
}

.okvir { border: 1px solid #cdcdcd;
	padding: 3px;
	margin: 0px 10px 10px 00px }

#menu-ispod p strong a { color:white; text-decoration:none; }
#menu-ispod p strong a:hover { color:white; text-decoration:underline; }


.tabela1  { border:1px solid #FF99CC !important; border-width: 1px 0 0 1px; padding:0px; margin:0px; margin:0 auto; text-align:left;  }
.tabela1 td { border:1px solid #FF99CC !important; border-width: 0 1px 1px 0; padding:0px; margin:0px; padding:5px; text-align:left; }
.tabela1 tr td { margin:0px; padding:5px !important;}
p { padding:2px; margin:0px; }
.boja { color:white; }