/* -------------------- tag styles --------------------*/
body{background: #FFF url(../images/back.gif) repeat-x top;}
body,td {font-family: arial, verdana; font-size: 12px;}
html,body{margin:0;padding:0;height:100%;border:none;}
table {border-spacing: 0px; border-collapse: collapse;}
td {vertical-align: top; padding:0px;}
img {border: 0px;}

h1, h2, h3, h4, h5, h6 {margin: 0px; font-weight: normal; color: #EE3123;}
h1 {font-size: 14px;}
h2 {font-size: 16px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}

a {text-decoration:none;}
a:hover {}
a:focus {outline: none;}
a:active {}
a:visited {}

a.distrib {cursor: pointer; cursor: hand; background: #DEDEDE; color: black; border-bottom: 2px solid red;}
a.distrib:hover {background: #DB1931; color: white; border-bottom: 2px solid silver;}
a.fair {cursor: pointer; cursor: hand; background: #DB1931; color: white; border-bottom: 2px solid #DB1931; font-size: 13px;}
/* -------------------- standard styles --------------------*/
.b {font-weight: bold;}
.n {font-weight: normal;}
.i {font-style: italic;}

.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}

.pa {position: absolute;}
.pr {position: relative;}

.fl {float: left;}
.fr {float: right;}

.fs10 {font-size: 10px;}
.fs11 {font-size: 11px;}
.fs12 {font-size: 12px;}
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}

.fc1 {color: #000;}
.fc2 {color: #FFF;}
.fc3 {color: #6D6C6C;} /*gray*/
.fc4 {color: #EE3123;} /*red*/
.fc5 {color: #8D8C8C;} /*gray*/
.fc6 {color: #B9B9B9;} /*another gray*/

a.subm:hover {background: red; color: white; display: block;}
a.catalogue {cursor: pointer; cursor: hand;}

.tdu {text-decoration: underline;}

.lh16{line-height:16px;}
.lh120{line-height:120px;}
.lh2{line-height:2px;}
.ls075{letter-spacing:0.75px;}
.tac{text-align:center;}
.tar{text-align:right;}
.tal{text-align:left;}
.pl18{padding-left:18px;}
.pt7{padding-top:7px;}
.ls200 {letter-spacing: 0.200em;}
.ttu {text-transform: uppercase;}
.ttc{text-transform:capitalize;}
.wmeni{letter-spacing:1em; width:35px;}

a.lnk1 {color: gray;}
a.lnk1:hover {color: silver;}

a.lnk2 {color: red;}
a.lnk2:hover {color: blue;}

a.lnk3 {color: green;}
a.lnk3:hover {color: purple;}

table.table{height:100%; width:100%;}
td.h150 {height: 150px;}

li {
	background:transparent url(../images/list.gif) no-repeat 0px 8px;
	list-style-type:none;
	margin:0px;
	padding:0 0 0 5px;
	line-height:16px;
}
ul{
	margin:0px;
	padding:0 0 0 15px;
}

td.td-top{height:144px; width:1003px;}
td.td-top-r{height:144px; background: transparent url(../images/circle-top2.gif) no-repeat left top;}
td.td-center-intro{background: #FFF url(../images/back-center.gif) repeat-x top; height:295px;}
td.td-center{background: transparent url(../images/back-center-in.gif) repeat-x bottom; width:1003px;}
td.td-red-intro{background: #EA2F22 url(../images/back-red.gif) repeat-x top;}
td.td-bottom{background: url(../images/back-bottom.gif) repeat-x top; height:62px;}
/* -------------------------------------------------------------------------------------------*/


/* -------------------- HEAD start --------------------*/
div#logo{
	width:187px;
	height:100px;
	top:15px;
	left:43px;
}
div#logo1{
	width:187px;
	height:100px;
	top:9px;
	left:43px;
}
div#top-circle{
	background: transparent url(../images/circle-top1.gif) no-repeat top;
	width:280px;
	height:95px;
	top:0px;
	left:723px;
}
div#lang-holder{
	top:5px;
	height:17px;
	right:53px;
}
div#langb-holder{
	height:17px;
	width: 88px;
	border-bottom:2px solid #E32D1F;
	vertical-align:top;
}
div#langb-holder img{margin-right:15px;}
div#langb-line{
	height:17px !important;
	height:15px;
	width:52px;
	border-bottom:1px solid #E32D1F;
	margin-left:40px;
}
input.login-eng_off{
	background: transparent url(../images/button-confirm-off.gif) no-repeat top;
	border:0px;
	width:43px;
	height:13px;
	cursor:pointer;
	margin: 31px 31px 0 0;
}
input.login-eng_on{
	background: transparent url(../images/button-confirm-off.gif) no-repeat top;
	border:0px;
	width:43px;
	height:13px;
	cursor:pointer;
	margin: 31px 31px 0 0;
}

div#loginfloat{
    position:absolute;
    left:550px;
    z-index:100;
}
div.login-u{
	/*background: transparent url(../images/login-input.gif) no-repeat top;*/
	/*width:129px;*/
	width:98px;
	height:15px !important;
	height:15px;
	margin: 0px;
}
div.login-u input.i1{
	height: 16px !important;
	height: 17px;
	width: 100px !important;
	width: 90px;
	background: transparent url(../images/transparent.gif) no-repeat;
	border: 0px;
	margin: 0px;
	padding: 1px 10px 0px 12px !important;
	padding:1px 10px 0px 0px;
	color:#CDCDCD;
	font-size:11px;
	letter-spacing:0.75px;
}
div.login-u input.i2{
	height: 14px !important;
	height: 17px;
	width: 100px !important;
	width: 90px;
	background: transparent url(../images/transparent.gif) no-repeat;
	border: 0px;
	padding: 3px 10px 0px 12px !important;
	padding:1px 10px 0px 0px;
	color:#CDCDCD;
	font-size:11px;
	letter-spacing:0.75px;
}
div#loginfloat{
	top:0px;
	width: 220px;
	left: 580px !important;
	left: 455px;
}
div.login {
	width:129px;
	height:17px;
	padding-left:19px;
}
div.logout {
	margin-top: 30px;
	margin-right: 30px;
}
div.loggeduser{
	margin-top: 30px;
	margin-right: 5px;
}
div.logged{
	margin-top: 30px;
	margin-right: 100px;
}
div.login-form {
	background: url(template/images/back-partners-entrance.gif) no-repeat;
	width: 344px;
	height: 61px;
	left:0px;
}
div.login-form-in {
	background: url(template/images/back-partners-entrance1.gif) no-repeat;
	width: 344px;
	height: 61px;
}
div.user {
	margin-top: 29px;
	margin-left:13px !important;
	margin-left: 6px;
}
div.pass {
	margin-top: 29px;
	margin-left: 25px !important;
	margin-left: 30px;
}
input.pass {
	margin-left: 0px !important;
	margin-left: -22px; 
}
a.new{
	top: 3px; 
	right: 13px; 
	letter-spacing: 0.1em;
}
/* --------------------- HEAD end ---------------------*/

/* -------------------- MENU start --------------------*/
div#menu-holder{
	height:49px;
	top:80px;
	right:50px;
}
div#menu-holder a{/*margin-left:25px;*/ margin-left: 0px;}
.i-menu-h a{
	line-height:24px;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	background: transparent url(../images/menu-i-a-off.gif) no-repeat left top;
	color:#6D6C6C;
	font-size:14px;
	padding:0 15px 0 30px;
	display:block;
	width: 150px !important;
	width: 170px;
	
}
.i-menu-h a:hover{
	line-height:24px;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	background: #ECECEC url(../images/menu-i-a-on.gif) no-repeat left top;
	color:#6D6C6C;
	font-size:14px;
	padding:0 15px 0 30px;
	display:block;
	width: 150px !imoportant;
	width: 170px;
}
.i-menu-h  br, .b-menu-h  br, #l-menu-h br, #l-menu-h2 br  {display:none;visibility:hidden;}
.b-menu-h1{
	padding:0 26px 0 26px;
	display:block;
}
.b-menu-h a{
	line-height:24px;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	background: transparent url(../images/menu-b-a-off.gif) no-repeat left top;
	color:#FFF;
	font-size:14px;
	padding:0 15px 0 37px;
	display:block;
	width: 207px !important;
	width: 259px;
}
.b-menu-h a:hover{
	line-height:24px;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	background: #DC5349 url(../images/menu-b-a-on.gif) no-repeat left top;
	color:#FFF;
	font-size:14px;
	padding:0 15px 0 37px;
	display:block;
	width: 207px !important;
	width: 259px;
}
#l-menu-h, #n-menu-h{
	background: transparent url(../images/menu-back.gif) no-repeat top;
	min-height: 202px;
	height: auto !important;
	height: 238px;
	width:245px !important;
	width:277px;
	padding:18px 16px;
}
.l-m-naslov{height:53px;}
#l-menu-h a{
	line-height:20px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	color:#8D8C8C;
	font-size:14px;
	display:block;
	width: 201px !important;
	width: 245px;
	padding:0px 22px;
	margin-bottom:10px;
}
#l-menu-h a:hover{
	line-height:20px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	background-color:#EE3123;
	color:#FFF;
	font-size:14px;
	display:block;
	width: 201px !important;
	width: 245px;
	padding:0px 22px;
	margin-bottom:10px;
}
#l-menu-h2{
	width:245px;
	margin:10px 0 55px 17px;;
}
#l-menu-h2 a{
	line-height:26px;
	min-height: 26px;
	height: auto !important;
	height: 26px;
	font-size:16px;
	display:block;
	background-color:#F2F2F2;
	width: 201px !important;
	width: 245px;
	padding:0px 22px;
	margin-bottom:1px;
}	
#l-menu-h2 a{color:#777;}
#l-menu-h2 a:hover{color:#EE3123;}

/* -- submenu -- */
div.sub {
	background: #FFF;
	opacity: 0.90;
	filter: alpha(opacity=90);
	border-bottom: 1px solid #B2B2B2; 
	border-left: 1px solid #B2B2B2; 
	border-right: 1px solid #B2B2B2; 
	padding: 8px;
	top: 120px; 
}
div.sub div {
	padding: 3px 0px; 
	cursor: pointer;  
}

div.company {left: 301px;}
div.distro {left: 523px;}
div.opportunities {left: 633px;}
div.fairs {left: 889px;}
div.products {left: 401px;}

/* --------------------- MENU end ---------------------*/

/* -------------------- MAIN start --------------------*/
div#center-intro{padding-left:39px;}
div#center{padding-left:44px;}
div#left{width:306px}
div#right{
	background: transparent url(../images/line2.gif) no-repeat 0px 34px;
	width:569px !important;
	width:585px;
	padding:10px 0 0 16px;
}
.content {width: 410px;}
.content a{text-decoration:underline; color: #8D8C8C;}
.content a:hover{text-decoration:underline; color: #EE3123;}
.c-naslov{
	height:50px;color:#000;
	margin-top: 0;
}

div#intro-text_eng{
	background: transparent url(../images/intro-text_eng.gif) no-repeat top;
	width:267px !important;
	width:296px;
	height:62px !important;
	height:295px;
	padding:233px 29px 0 0;
	text-align:right;
}
div#intro-block1{
	/*background: transparent url(../images/intro-c-back1.jpg) no-repeat right bottom;*/
	width:315px;
	height:295px;
}
div#intro-block2{
	/*background: transparent url(../images/intro-c-back2.jpg) no-repeat right bottom;*/
	width:315px;
	height:295px;
}

img#kids{
	margin: 9px 0 0 15px;
}
div#block-left{
	width:247px !important;
	width:296px;
	padding:0 29px 0 20px;
}
div#block-left img{
	padding-bottom:44px;
}
div#block-products{
	padding:48px 0 0 15px;
}
div#prev, div#next{
	cursor:pointer;
	padding-top:19px;
}
div.prod , div.prod-h{
	text-align:center;
	width:125px !important;
	width:185px;
	padding:0px 30px;
	cursor:pointer;
}
div.prod1{
	text-align:center;
	/*width:125px !important;*/
	width:185px;
	/*padding: 0px 30px;*/
	padding: 5px 0 0 0;
	height: 210px !important;
	height: 235px; /*za IE*/
	border-bottom: 1px solid silver;
}

div.prod div{color:#EE3123; font-size:10px;}
div.prod-h div{color:#E1E2E2; font-size:10px;}
#l-kontakt{
	width:228px !important;
	width:245px;
	padding-left:17px;
	font-size:11px;
	line-height:16px;
}
#l-kontakt div{
	font-size:11px;
	line-height:16px;
}
#l-kontakt div div{font-size:14px;	line-height:16px;}
.l-kon a{color: #8D8C8C;}
.l-kon a:hover{color: #EE3123;}
.l-kon h1{
	color: #EE3123;
	margin: 0px; 
	font-size:14px;
	line-height:16px;
	font-weight: normal;
}
.l-naslov{
	height:60px;
	padding-left:17px;
	background: transparent url(../images/line3.gif) no-repeat 17px 15px;	
}
div.button-c a{
	line-height:16px;
	background: transparent url(../images/button-c-off.gif) repeat-x left top;
	padding:0px 11px;
	color:#000;
	text-decoration:none;
}
div.button-c a:hover{
	color: #EE3123;
	background: transparent url(../images/button-c-on.gif) repeat-x left top;
	text-decoration:none;
}
.news a{
	padding: 5px 22px;
	display:block;
}
.news a:hover{
	padding: 5px 22px;
	display:block;
	background-color:#F5F5F5;
}
.up-eng,.up-eng-h{
	right:14px;
	top:-20px;
	width:27px;
	height:11px;
	cursor:pointer;
}
.up-eng{background: transparent url(../images/up_eng_off.gif) no-repeat left top;}
.up-eng-h{background: transparent url(../images/up_eng_on.gif) no-repeat left top;}
.down-eng,.down-eng-h{
	padding:5px 14px 5px 5px;
	width:40px;
	height:9px;
	cursor:pointer;
}
.down-eng{background: transparent url(../images/down_eng_off.gif) no-repeat left top;}
.down-eng-h{background: transparent url(../images/down_eng_on.gif) no-repeat left top;}

/*--lite3box--*/

#l3b-in{
	background: #FFF url(../images/l3b-back.gif) no-repeat right bottom;
	height:455px;
	position: relative;
}

#l3b-in2{
	background: #FFF url(../images/l3b-back.gif) no-repeat right bottom;
	height: 517px;
	position: relative;
}

#l3b-down{
	height:28px;
	text-align:right;
	position: absolute;
	bottom: 0;
	left: 0;
}
#close img{
	position: absolute;
	left: 570px;
	top: 5px;
	cursor:pointer;
}
#l3b-in-l0{
	width: 84px;
	text-align: center;
	position: absolute;
	left: 5px;
	bottom: 10px;	
}
#l3b-in-l{
	width: 366px;
	height: 230px;
	text-align:center;
	position: absolute;
	left: 25px;
	top: 25px;
	border-bottom: 1px solid #BEBEBE;
}

#l3b-in-l-silent{
	width: 366px;
	text-align:center;
	position: absolute;
	left: 25px;
	top: 25px;
}

#l3b-in-r-silent{
	width:218px;
	position: absolute;
	right: 9px;
	top: 25px;	
}

#l3b-in-txt{text-align:center;}

#l3b-in-r{
	background: transparent url(../images/line4.gif) no-repeat -1px 47px;
	width:218px;
	position: absolute;
	right: 9px;
	top: 25px;	
}

#l3b-in-mid{
	width:218px;
	height: auto;
	text-align: center;
	font-weight: bold;
	color: #EE0C70;
	position: absolute;
	right: 9px;
	top: 150px;	
}

#l3b-in-b {
	width: 366px;
	position: absolute;
	left: 25px;
	top: 265px;
	height: 242px;
}

div.mb10-1 {margin: 0 20px 25px 0px; float: left;}
div.mb10-2 {margin: 0 0px 25px 20px; float: left;}

.naslov{
	font-size:18px;
	color:#E40000;
	padding-bottom:30px;
}
.naslov-silent{
	font-size:18px;
	color:#E40000;
	padding-bottom:30px;
	border-bottom: 1px solid #BEBEBE;
}

.besedilo{
	font-size:12px
}
div.hei25 {height: 125px;}
div.img-s, div.img-s-h{
	padding: 10px;
	cursor:pointer;
}
div.img-s{
	border:1px solid #FFF;
}
div.img-s-h{
	border:1px solid #BBB;
}
div#kat-sel{
	width: 170px !important;
	width: 200px;
	height: 18px !important; 
	height: 21px; 
	cursor: pointer;
	padding: 3px 5px 0px 25px;
	border:1px solid #BBB;
}
div#kat-opt{ 
	background: #FFF;
	border: 1px solid #BBB; 
	cursor: pointer;
	width: 200px;
	margin-top: -1px;
}
div.kat-opt-item{
	line-height: 20px;
}
div.kat-opt-item a{
	color: #999;
	padding: 3px 5px 3px 25px;
	display: block;
}
div.kat-opt-item a:hover{
	color: #FFF;
	background: #999;
	padding: 3px 5px 3px 25px;
	display: block;
}
img.mr3 {margin-right: 3px;}

div.label {width: 90px;}
div.label1 {width: 150px;}
input.pod{
	width: 150px;
	border: 1px solid gray;
	padding: 2px;
}
div.input {margin: 3px 0;}
input.kos{width: 30px; border: 1px solid gray; padding-right:2px;}
input.prod-submit_off{
	border: 0px;
	background: transparent url(../images/icon-basket_off.gif) no-repeat;
	margin-left: 10px;
	width: 60px;
	height: 18px;
	cursor: pointer;
	display:block;
	color:red;
	font-weight:bold;
	text-align:center;
	padding:0px;
}
input.prod-submit_on{
	border: 0px;
	background: transparent url(../images/icon-basket_on.gif) no-repeat;
	margin-left: 10px;
	width: 60px;
	height: 18px;
	cursor: pointer;
	display:block;
	color:black;
	font-weight:bold;
	text-align:center;
	padding:0px;
}
input.ref {
	border: 0px;
	background: transparent url(../images/refresh.gif) no-repeat;
	width: 16px;
	height: 16px;
	float: left; 
	cursor: pointer;
	margin: 3px 0 0 0;	
}
input.del {
	border: 0px;
	background: transparent url(../images/delete.gif) no-repeat;
	width: 16px;
	height: 16px;
	float: left;
	margin: 3px 0 0 5px;		
	cursor: pointer;
}
.snarocilo_off, .snarocilo_on{
	border: 0px;
	cursor:pointer;
	width: 54px;
	height: 25px;
}
.snarocilo_off{background: transparent url(../images/button-order-eng_off.gif) no-repeat;}
.snarocilo_on{background: transparent url(../images/button-order-eng_on.gif) no-repeat;}
div#n-menu-h hr {padding: 3px 0px;}


/* --------------------- MAIN end ---------------------*/

/* -------------------- FOOT start --------------------*/
div#bottom-circle{
	background: transparent url(../images/circle-bottom.gif) no-repeat top;
	width:356px;
	height:334px;
	top:0px;
	left:-182px;
}
div#bottom-line1{
	background: transparent url(../images/bottom-line1.gif) no-repeat top;
	width:259px;
	height:3px;
	top:32px;
	left:46px;
}
div#bottom-line2{
	background: transparent url(../images/bottom-line2.gif) no-repeat top;
	width:584px;
	height:2px;
	top:32px;
	left:350px;
}
div#bottom-naslov1{
	top:0px;
	left:46px;
}
div#bottom-naslov2{
	top:0px;
	left:350px;
}
div#bottom-n1{
	top:-52px;
	left:46px;
}
div#bottom-n2{
	top:-35px;
	left:330px;
}
div#news-archive{
	top:33px;
	right:68px;
}
div#bottom2-holder{
	width:1003px;
}
div#bottom2-holder2{
	min-height: 254px;
	height: auto !important;
	height: 334px;
	width:889px !important;
	width:1003px;
	padding:0 68px 0 46px;
	margin-top:80px;
}
div#bottom2-holder3{
	min-height: 282px;
	height: auto !important;
	height: 334px;
	width:957px !important;
	width:1003px;
	padding:0 0 0 46px;
	margin-top:35px;
}
div.l-kon {
	margin: 0 0 0 25px;
}

div.i-kon {
	margin: 0;
}

div#i-kontakt{
	/*width:244px !important;
	width:214px;
	margin-right:30px;
	padding-right:30px;*/
	width: 264px;
	margin: 0 40px 0 0;
	font-size:11px;
	line-height:16px;
}

#i-kontakt div div{font-size:14px;	line-height:16px;}
.i-kon a{color:#FFF;}
.i-kon a:hover{color:#000;}
.i-kon h1{
	color:#000;
	margin: 0px; 
	font-size:14px;
	line-height:16px;
	font-weight: normal;
}
div.button-a a{
	line-height:16px;
	background: transparent url(../images/button-b-off.gif) repeat-x left top;
	padding:0px 11px;
	color:#000;
}
div.button-a a:hover{	
	color:#FFF;
	background: transparent url(../images/button-b-on.gif) repeat-x left top;
}
div.button1-a a{
	line-height:16px;
	background: transparent url(../images/button-b-off.gif) repeat-x left top;
	padding:0px 11px;
	color:#FFF;
	margin: 0 0 0 25px;	
}
div.button1-a a:hover{	
	color:#000;
	background: transparent url(../images/button-b-on.gif) repeat-x left top;
}

div#botton-block1{
	width:280px !important;
	width:305px;
	padding-right:25px;
}
div#botton-block2{
	width:280px;
}

div#bottom-menu2-h{margin-top:17px; padding-left:46px; width:584px !important; width:630px;}
div#bottom-menu2-h a{font-size:18px; float:left; color:#FFF;line-height:24px; padding:0 20px; text-align:center;}
div.koledar-h{
	background: transparent url(../images/koledar-back.gif) no-repeat left top;
	width:84px;
	height:36px;
}
div.dan{
	width:39px !important;
	width:45px;
	padding:4px 6px 0 0;
	text-align:right;
	font-size:24px;
	color:#FFF;
	letter-spacing:1px;
}
div.k-desno{
	width:39px;
	padding-top:2px;
}
div.nas1{padding:8px 0 4px 0;}
div#bottom-holder{
	width:1003px;	
}
div#meni-down{
	top:12px;
	left:270px;
	width:729px;
	text-align:center;
}
div#copy{
	top:43px;
	left:46px;
}
div#editor{
	top:43px;
	left:806px;
	color: #FFFFFF;
	font-size: 11px;
}

a.link{
	color: #FFFFFF;
	font-size: 11px;
}
/* --------------------- FOOT end ---------------------*/