/* ==================== main ======================*/
body {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; /* 11px/1em */
	padding: 0px;
	border: 0px;
	background: #FFF url('../webpic/bg_loading.gif') no-repeat top;
	text-align: center
}

table {
	font-size: 100%
}

.center {
	width: 976px;
	margin-left: auto;
	margin-right: auto;
	text-align: left
}

.bold {
    font-weight: bold;
}

h1 {
	position: absolute;
	z-index: 1;
	color: #AAAAAA;
	letter-spacing: 0.02cm;
	text-indent: 0.2cm
}

small {
    font-size: 90%
}

div.hr {
    background:#BD0000;
    height: 2px;
    font-size: 1px;
    clear: both;
}

div.hrg {
    border-top: 1px solid #BFBFBF;
    height: 1px;
    font-size: 1px;
    clear: both;
}

img.mid {
	border:0px
}

div#p_lm {
    font-size:11px;
    background: #FFF;
    width: 200px;
    float: left;
}

div#p_margin {
	float: left; width:25px;
	height: 100%
}

div#p_main {
	background-color: #FFF;
	display: table;
	float: left; 
	width: 751px
}

div.space1 {
	height: 20px
}

div.space2 {
	height: 40px
}

div.space3 {
	height: 60px
}

div.cent {
	text-align: center
}

div.clear {
	clear:both;
}

/* ==================== top logo & menu ======================*/

div#top {
	position: relative;
	width: 976px;
}

.top-right#top_logo {
	height: 5px;
	font-size: 1px;
}

div#top-inside {
		height: 68px;
		background: #BD0000 url('../webpic/bg_top.gif') bottom repeat-x
}

.bottom-left2 {
	color: #FFF;
	background: #900000 url('../webpic/table_bl2.gif') left bottom no-repeat;
	padding: 0px 0px 0px 10px
}

.bottom-right2 {
	background: #900000 url('../webpic/table_br2.gif') right bottom no-repeat

}

img.top1 {
    display: block;
    position: absolute;
    z-index:1
}

div.top1 {
    float: right;
    margin-right: 50px;
}

.cdiv {
	background-color:#900000;
	width: 960px
}

.top3, .top4 {
	float: left;/*fix for  buggy browsers*/
}

.top3 {
	width: 260px
}

.top4 {
	width: 700px;
}

/* ==================== libavto  ======================*/
div#nav1 {
    padding: 10px 0px
}

div.nav2 {
    float:right;
    text-align: right
}

div.nav3 {
    float:left;
    width:300px
}
/* ================ left navigation ====================*/

div.lmtop {
    clear:both;
    height: 10px;
    font-weight: bold;
    color: #444;
    border-bottom: 1px solid #BFBFBF;
    padding: 10px 0px 4px 0px;
    margin-bottom: 15px
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul.src2 li a { height: 1%; }
* html ul.src3 li a { height: 1%; }
/* End */

/* ================ left menu src ==================*/
div.srcf {
    height:15px;
}


ul.src1, ul.src2, ul.src3, ul.gumb, ul.arrow {
	color: #444;
	margin: 0px;
	padding: 0px;
	width: 170px; /* IE6 Bug */
	list-style: none
}
ul.src1 a {
	width: 150px; /* IE6 Bug */
}

ul.src3 {
    display: none;
}

ul.src1, ul.src2 li, ul.src3 li, ul.gumb li, ul.arrow li {
	display: block;
	text-decoration: none;
	background: #FAFAFA; /* IE6 Bug */

}

ul.src1 {
    font-weight: bold
}

ul.gumb li, ul.arrow li {
	position: relative;
	height: 1.3em
}
 
ul.src1 li {
	margin: 6px 0px 1px 5px
}

ul.src2 li, ul.src3 li, ul.arrow li {
	padding: 1px 0px 1px 5px
}

ul.gumb li {
	padding: 2px 0px 2px 5px
}

ul.arrow li a {
    cursor:pointer;
}

ul.arrow li.closed a {
	padding-left: 15px;
	background-image: url('../webpic/src_down.gif');
	background-repeat:no-repeat;
	background-position:left center; 
}

ul.arrow li.open a {
	padding-left: 15px;
	background-image: url('../webpic/src_up.gif');
	background-repeat:no-repeat;
	background-position:left center; 
}

ul.gumb li a {
	font-weight: bold;
    cursor:pointer;
}

ul.gumb li.closed a {
	padding-left: 15px;
	background: url('../webpic/plus.gif') no-repeat left center; 
}

ul.gumb li.open a {
	padding-left: 15px;
	background: url('../webpic/minus.gif') no-repeat left center; 
}

div.clrsrc {
	height:1%;
	font-size:1px;
}

/*hide from MF*/
html>body ul.gumb li a { width: 160px}

ul.src1 li a, ul.src2 li a, ul.src3 li a {
	display: block;
}

/* ================ left menu data ==================*/

div.lm {
	padding: 20px 0px 5px 5px
}

div.lm0, div.lm1, div.lm2 ,div.lm3, div.lm4, div.lm5 {
	padding:1px 0px;
	color: #444
}

div.lm0, div.lm1 {
    height:13px;
	padding-left: 15px
}

div.lm0, div.lm2, div.lm3 {
	font-weight: bold;
}

div.lm2, div.lm4 {
	text-align: right;
	float: left;
	width: 110px;
}

div.lm3, div.lm5  {
	float: left;
	width: 36px;
	text-indent: 5px;
}


/* ==================== select form  =====================*/

ul.select {
	list-style: none;
	margin: 0px;
	padding: 0px
}

ul.select li  {
	display: block;
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #BD0000
}

ul.select li a {
	display: block;
    padding: 3px 0px 2px 5px
}

ul.select li a:hover {
	background-color: #FAFAFA
}


/* ==================== footer ======================*/

label.gry {
    cursor: pointer;
    color: #888
}

/* ================= overall anchor ===================*/
a#red {color: #E00}
a {cursor: pointer;}

a:link {color: #222; text-decoration: none}
a:visited {color: #222; text-decoration: none}
a:hover {text-decoration: underline}

a.meni {display: block;}
a.meni:link {color: #000; font-weight: bold; text-decoration: none}
a.meni:visited {color: #000; font-weight: bold; text-decoration: none}
a.meni:hover {text-decoration: underline}

a.meni1 {font-weight: bold}
a.meni1:link {color: #000; text-decoration: none}
a.meni1:visited {color: #BBB; text-decoration: none}
a.meni1:hover {text-decoration: none;}

a.lmeni {margin-left: 0px; margin-right: 0px; width:100%}
a.lmeni:link {color: #444; text-decoration: none}
a.lmeni:visited {color: #444; text-decoration: none}
a.lmeni:hover {text-decoration: none}

a.gry:link, a.gry:visited, a.gry:hover { color: #888; font-weight: bold}
a.redi:link, a.redi:visited, a.redi:hover {color: #BD0000}

a.arrow {margin-left: 0px; margin-right: 0px}
a.arrow:link {color: #444; text-decoration: none}
a.arrow:visited {color: #444; text-decoration: none}
a.arrow:hover {text-decoration: underline; color: #B00}


/* ==================== old ======================*/

font.b_r {font-weight: 800; color: #BD0000}
td.meni {height: 30px; font: 800 13px arial; background-repeat: no-repeat; background-position: left bottom}
table.tab1 {border-style: none;border-collapse: collapse}
td.kot_zl {height: 20px; width: 12px; background: #ddd url("webpic/kot_zl.gif") no-repeat top left}
td.text {width: auto; background-color: #ddd; font-size : 105%; font-weight: 800}
td.kot_zd {width: 12px; background: #FF0000 url("webpic/kot_zd.gif") no-repeat top right}
td.body {width: auto; background: #FAFAFA; border-bottom: medium solid #ddd; border-bottom-width: 15px}
td.izpis {padding: 2px 4px; border-top: 1px solid #BFBFBF}
td.izp_trg {padding: 2px 4px;}
td.izpis_top {padding: 2px 4px; color: #444; font-weight: bold; border-bottom: #BFBFBF 2px solid}

td.izpis_trg {padding: 0px 6px; border-bottom: 1px solid #BFBFBF}
p.meni{text-align: left; margin: 3px 5px 3px 5px}
table.form {font-size: 100%; color: #222; letter-spacing: 0}
table.form2 {font-size: 100%; color: #222; letter-spacing: 0; border-collapse: collapse; width: 95%}
select.xlong { width: 190px; font-size: 100%}
select.long{ width: 143px; font-size: 100%}
select.multi{ width: 143px; font-size: 100%}
select.mid { width: 115px; font-size: 100%}
select.short { width: 70px; font-size: 100%}
select.tiny{ width: 40px; font-size: 100%}
select.lmeni{ width: 85px; font-size: 100%; float:left}
select.rmeni{ width: 85px; font-size: 100%; float:right}
input.form {width: 143px; font-size: 100%}
input.short {width: 70px; font-size: 100%}
input.tiny {width: 27px; font-size: 100%}
input.long {width: 170px; font-size: 100%}
input.xlong {width: 190px; font-size: 100%}
input.pack {width: 143px; font-size: 100%; border: 1px solid; color: #BD0000}
input.nav {width: 21px;}
.gumb {color: #ffffff; background: #BD0000}

/* ==================== page table ======================*/

div#div1 {
	margin: 60px auto 0px auto;
	width: 450px
}

.top-left {
	color: #FFF;
	background: #BD0000 url('../webpic/table_tl.gif') left top no-repeat;
	padding-left: 10px;
	padding-bottom: 2px;
	font-weight: bold;
}

.top-right {
	padding-top: 2px;
	background: #BD0000 url('../webpic/table_tr.gif') right top no-repeat
}

.inside, .inside2 {   
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	background: #FAFAFA;
}
 .inside2 {
	padding: 0px 8px 0px 8px
}

.top2-left, .bottom-left  {
	height: 9px;
	margin-right: 9px;
	font-size: 2px
}

.top2-right, .bottom-right, .bottom-right2  {
	float: right;
	margin-top: -9px;
	height: 9px; 
	width: 9px;
	font-size: 2px;
}

.top2-left {
	background: #FAFAFA url('../webpic/table_tl2g.gif')
}

.top2-right {
	background: #FAFAFA url('../webpic/table_tr2g.gif')
}

.bottom-left {
	background: #FAFAFA url('../webpic/table_blg.gif')
}

.bottom-right {
	background: #FAFAFA url('../webpic/table_brg.gif')
}

/* ==================== aog ======================*/


div.aog0 {
    width:320px;
    float:left;  
}

div.aog_select {
    border-bottom: 1px solid #CCC;
    padding: 8px 0px 8px 19px
}

div.aog1 {
	width: 300px;
	float: left
}

div.aog2 {
	width: 130px;
	min-height: 120px;
	height:auto !important;
	height: 120px;
	float: right;
	margin: 6px
}

div#aog3 {
    font-size: 11px;
    color: #444;
	  text-align: center
}

label.aogl1 {
	width: 130px;
	float: left;
	text-align: left;
	margin-top: 0.5em;
	display: block
}

label.src1, label.src2 {
	display: block;
	color: #BD0000;
	margin-top: 0.5em
}

label.src1 {
    cursor: pointer;
}

div.aog_clear {
	clear:both;
	text-align: center;
}

div.z5 {
    width:425px;
    float:right;
    color:#444
}

p.aog {
	font-size: 11px;
	color:#888
}

img.aog {
	margin: 5px;
	border:0
}

/* ==================== izpis ======================*/

div.izp {
    line-height: 140%
}

div.izp0 {
    width:360px;
    float:left
}

div.top {
    border-bottom: #BFBFBF 2px solid;
    color: #D00;
    padding: 1px 0px;
    font-size: 18px;
    font-weight: bold;
}
    
div#izp1_a {
    width:600px;
    float: left
}

div#izp1_b {
    width:150px;
    text-align:right;
    float: right
}

div#izp2_a {
    width:550px;
    float: left;
    padding:1px 0px
}

div#izp2_b {
    width:150px;
    text-align:right;
    float: right;
    padding:2px 0px
}

div.izp3_a {
    width:360px;
    margin-top:10px
}

div.izp3_b {
    margin: 5px;
    width: 100px;
    height: 75px;
    float:left
}

div.izp4 {
    width: 365px;
    float: right
}

div.izp5 {
    width: 160px;
    text-align: right;
    margin-right: 5px;
    line-height: 18px;
    float: left
}

div.izp6 {
    width:190px;
    line-height: 18px;
    float:left;
    font-weight: bold;
}

div.izp7 {
    padding-left:10px
}

div#povej {
    text-align:center;
    color:#999999
}

label.poi {
    cursor:pointer
}

label.red {
    color: #F00;
    cursor:pointer
}

label.redb {
    color: #BD0000;
    padding-left: 10px;
    line-height: 140%;
    font-weight: bold
}

label.izp7 {
    color:#999999;
    font-weight: bold
}

div#izp_foot {
    margin-top: 40px;
}

img.izp_foot {
    float: left;
    border: 0px;
    margin-right: 8px
}

div.izp8 {
    width:250px;
    height: 30px;
    float: left
}

/* ==================== izpis prod ==================*/

.redi {
    cursor: pointer;
    color:#BD0000;
    font-style: italic;
}

div.map {
    text-align: center;
    padding-top: 4px;
    clear: both;
    font-style:italic
}

div.fL {
    border-top: #BD0000 1px solid;
    border-bottom: #BD0000 1px solid
}

div.fL50 {
    float: left;
    padding:7px 3px;
    width: 49%
}

/* ==================== mailto ==================*/
div.mailto0 {
    display:none;
}

div.mailto1 {
    padding: 2px 9px;
    text-align:right
}

div.mailto2 {
    padding: 5px
}

textarea.mailto {
    width: 340px
}

/* ==================== zaloga nofoto ==================*/

div.stknf {
    border-bottom: #BFBFBF 1px solid;
    color:#444;
}

div.stknf_a, div.stknf_b {
    float:left;
    padding: 3px
}

div.stknf_a {
    width: 100px;
}

div.stknf_a img {
    border: 0;
    float: right;
    margin: 2px 8px 2px 2px
}

div.stknf_b {
    width: 350px
}

div.stknf_c {
    float: right;
    width: 120px;
    text-align: right;
    padding: 2px
}
/* ==================== zaloga foto moto =============*/
div.stkm_b, div.stkm_c {
    float:left;
    padding-top: 2.5em;
    width: 100px
}

div.stkm_c {
    text-align: right;
    height: 3em;
}

div.stkm_b {
    width: 350px
}

/* ==================== zaloga foto ==================*/
div.stk1 {
    border-top: #BFBFBF 1px solid;
    height: 7em;
    clear:both
}

div.stk_a {
    float:left;
    width:23%
}

div.stk_a img {
    border: 0;
    float: right;
    margin: 0.5em 12px 5px 0px
}

div.stk_b {
    float:left;
    width:62%;
    vertical-align: middle; 
    line-height: 110%;
    padding-top: 1.2em
}

div.stk_c {
    float:right;
    width:14%;
    text-align:right;
    height: 2.5em;
    padding-top: 1.2em
}

div.stk_d img {
    margin-left: 10px;
    border: 0
}

label.stk {
    float:left;
    padding-top: 2.8em
}

div#stk_foot {
    margin: 5px 0px 0px 30px;
}

div.stk_foot {
    width: 420px;
    height: 25px
}

/* ==================== trgovci ======================*/

div.topdea {
    border-bottom: #BFBFBF 2px solid;
    color: #444;
    padding: 1px 0px;
    font-weight: bold
}

div.dea3 {
    width:35%;
    float:left;
}

div.dea5 {
    width:16%;
    float:right;
    text-align: center
}

div.dea6 {
    width:12%;
    float:right;
    text-align: center
}

div.dea7 {
    border-bottom: #BFBFBF 1px solid;
    height: 5em;
    padding-top: 5px;
    clear:both
}

div.dea8, div.dea11, div.dea12 {
    float:left;
    padding-top: 1.5em
}

div.dea8 {
    width:5%
}

div.dea9 {
    padding-top: 0.5em;
    float: left;
    width:30%;
    text-align:center 
}

div.dea10 {
    width:35%;
    float:left
}

div.dea11 {
    width:16%;
    text-align: center
}

div.dea12 {
    width:10%;
    text-align: center
}


/* ==================== form_insert ======================*/

div.top_form {
    clear:both;
    height: 10px;
    font-weight: bold;
    color: #444;
    border-bottom: 2px solid #BFBFBF;
    padding: 10px 0px 8px 3px;
    margin: 0px 5px 10px 0px
}

li#selected {
	padding-left: 15px;
	color: #C00;
	background: url('../webpic/src.gif') no-repeat center left
}

input.intid {
	font-size: 10px;
	background-color:#FFF;
	border: 0px ridge;
	color: #999999;
	width: 135px
}

div#kateg {
	width: 100%;
	background-color:#FF9;
	padding: 5px 0px
}
div.kateg {
	float:left;
	width:105px;
	text-align:center
}
div.f_10 {
	width:100px;
	float:left;
	padding-bottom:10px
}
div.f_18 {
	width:185px;
	float:left
}
div.f_25 {
	width:250px;
	float:left;
	padding-bottom:10px
}
div#f_35 {
	width:350px;
	padding-bottom:10px
}
div.f_37 {
	width:370px;
	float:left;
}
div.f_20 {
	width:200px;
	float:left;
}
div.f_40 {
	width:400px;
	float:left;
}
div.f_33p {
	width:33%;
	float:left;
}
div.f_66p {
	width:67%;
	float:left;
}
div.f_49p {
	width:49%;
	float:left;
}
.f_108 {
	width:108px;
	font-size: 100%
}
.f_108y {
	width:108px;
	background:#FF9;
	border: 1px solid #bfbfbf;
	font-size: 100%
}
.f_17y {
	width:170px;
	background:#FF9;
	border: 1px solid #bfbfbf;
	font-size: 100%
}
.f_19y {
	width:190px;
	background:#FF9;
	border: 1px solid #bfbfbf;
	font-size: 100%
}
.f_7y {
	width:70px;
	background:#FF9;
	border: 1px solid #bfbfbf;
	font-size: 100%
}
img.ico {
	border:0px;
	width:50px;
	height:20px
}
input.opomba {
	font-size: 10px;
	background-color:#fff;
	border: 0px ridge; 
	color: #999999;
	width: 135px
}

a.form {
	padding:4px;
}

/* ==================== dealers ======================*/

div.dea1t {
	float:left;
	width:270px;
	padding-left:150px
}
div.dea2t {
	float:left;
	width:85px;
}
div.dea3t {
	float:left;
	width:70px;
}
div.dea_a {
	border-bottom: #BFBFBF 1px solid;
	height: 7em;
	clear:both
}
div.dea_b {
	float:left;
	width: 30px;
	padding-top:2.5em
}
div.dea_c{
	float:left;
	width: 100px;
	padding-top:5px
}
div.dea_d {
	float:left;
	width: 260px;
	padding:2.5em 0em 0em 2em
}
div.dea_e {
	float:left;
	width: 80px;
	padding:2.5em 0em 0em 1em
}
div.dea_f {
	float:left;
	width: 80px;
	padding-top:2.5em
}
div.dea_g {
	float:left;
	width: 30px;
	padding-top:2.5em
}
div.dea_h {
	float:left;
	width: 130px;
	padding-top:2.5em;
	text-align:right
}

/* ==================== izp_photo ======================*/
div#photo1 {
	color: #FFF;
	text-align: center;
	background-color:#BD0000;
	padding:5px;
}
div#photo2 {
	color: #FFF;
	height:30px;
	padding:10px
}
div#photo3 {
	float:left;
	width:15%
}
div#photo4 {
	float:left;
	text-align: center;
	background-color:#BD0000;
	padding:5px;
	width:70%
}
div#photo5 {
	float:right;
	text-align: right;
	width:10%
}