/* - osnove - */

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: #D1D1D1;
    margin: 0;
    padding: 0;
}

#page {
    margin: 0;
    padding: 9px 20px;
    background: #D1D1D1;
}

#d1, #d2 {
    position: absolute;
    top: 40px;
    width: 2px;
    height: 452px;
    cursor: e-resize;
    background: url(../img/t.gif);
    visibility: hidden;
}

#d1 { border-right: black 2px solid; background-position: left }
#d2 { border-left: black 2px solid; background-position: right }

h3 {
    margin: 11px 0 -10px 13px;
    padding: 0;
    font-size: 18px;
    position: relative;
    z-index: 4;
}

#k { display: none }



div#bg, div#klanec, div#klanecbg, div#tabela {

    background: url(../img/k_bg.gif) no-repeat top;
    width: 913px;
    height: 452px;
    padding: 0px;
}

div#klanec, div#klanecbg { background: none no-repeat top }

div#bg, div#tabela { padding: 8px }

div#tabela {

	clear: both;
    height: 444px;
    background: url(../img/l2_bg.gif) no-repeat;
}

div#tb {
    overflow: auto;
    height: 420px;
    margin: -1px 1px 0 0;
    padding-bottom: 0;
}

div#foot {

    color: #999;
    font-size: 10px;
    text-align: center;
    width: 913px;
    padding: 5px 8px 0;
}

div#foot a, #to a          { color: #333; text-decoration: none; }
div#foot a:hover, #to a:hover    { text-decoration: underline; color: #CC6633 }

/* - iskalno polje - */

#to p { padding: 15px 15px; margin: 1px; font-size: 11px; background: #fafafa; }
#to p span img { display: block; margin: auto; }
#to p span { display: block; width: 20px; height: 20px; float: left; margin: 0 6px 0 0; }
#to p.c { background: #e6e6e6 }
#to h4 { padding: 10px 15px; margin: 1px; background: #3399CC; color: white; }
#to { overflow: auto; height: 444px; margin: 0; }
#to img#m { border: none; display: block; margin: 15px 0 0 8px; }

input#sf {
    position: absolute;
    border: none;
    background: none;
    font-size: 11px;
    width:158px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 16px;
    margin: 8px 0 0 15px;
    padding: 3px 0 0 0;
}

a#x, a#xd, p#pp a {
	cursor: pointer;
    background: url(../img/x.gif) #FAFAFA no-repeat center;
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    margin: 9px 0 0 178px;
    padding: 3px;
}

a#xd { background-color: white; border: 1px solid black; margin: -1px; padding: 5px; cursor: pointer }


/* - menu - */

div#menu {
    background: url(../img/menu/m_bg.gif) no-repeat;
    width: 913px;
    padding: 7px 8px 8px;
    height: 20px;
}

div#menu span {
    cursor: pointer;
    float: left;
    display: block;
    height: 19px;
    width: 19px;
    margin: 1px 0 0 1px;
    background: url(../img/x.gif) no-repeat center;
}

div#menu span:hover, a#xd:hover, a#x:hover, p#pp a:hover, ul#ptab a:hover, ul#ptab a:hover span {    background-color: #E6E6E6; }

div#menu span#u     { background-image: url(../img/menu/u.gif)  }
div#menu span#o     { background-image: url(../img/menu/o.gif)  }
div#menu span#i     { background-image: url(../img/menu/i.gif)  }
div#menu span#a     { background-image: url(../img/menu/a.gif)  }
div#menu span#re    { background-image: url(../img/menu/re.gif) }
div#menu span#l     { background-image: url(../img/menu/l.gif)  }
div#menu span#r     { background-image: url(../img/menu/r.gif)  }
div#menu span#rp    { background-image: url(../img/menu/rp.gif) }
div#menu span#rm    { background-image: url(../img/menu/rm.gif) }
div#menu span#p     { background-image: url(../img/menu/p.gif)  }
div#menu span#t     { background-image: url(../img/menu/t.gif)  }
div#menu span#sr    { background-image: url(../img/menu/sr.gif) }
div#menu span#h     { background-image: url(../img/menu/h.gif)  }

p#pp a#sc  			{ background-image: url(../img/menu/c2.gif); margin: 9px 0 0 269px; }
p#pp a#sm			{ background-image: url(../img/menu/m2.gif); margin: 9px 0 0 287px; }

#tmenu { height: 34px; width: 935px; }

#pod {
	position: absolute;
	margin: 11px 0 0 214px ;
    font-size: 11px;
	height: 34px;
}

ul#ptab { 
	padding: 0;
	margin: 7px 0 0 236px;
	background-image: url(../img/ptab.gif); 
	float: left;
}

ul#ptab li { 
	background-image: url(../img/tab.gif); 
	padding: 2px 6px 6px 2px;
	display: block;
	float: left;
	width: 83px;
	height: 17px;
	margin: 0 4px 1px 0;
}

p#pp {
	float: left;
    margin: 0;
    background: url(../img/in_bg.gif) no-repeat;
    height: 34px;
    width: 314px;

}
ul#ptab a {
	cursor: pointer;
	text-decoration: none;
	color: black;
	display: block;
	width: 79px;
	height: 15px;
	text-align: center;
	font-size: 11px;
	padding: 2px 4px 0 0px;
	margin: 0;
}

ul#ptab a.o {
	background: #CC6633;
	color: white;
	cursor: default;

}

ul#ptab a span {
	margin: -2px 0px -2px 0px;
	float: left;
    display: block;
    width: 11px;
    height: 11px;
    padding: 3px 5px 1px;
	background: no-repeat center #FAFAFA;
}

ul#ptab a:hover.o { color: #FAFAFA; }

html>body ul#ptab a span { padding: 3px 5px 3px; }

ul#ptab a#s1 span		{ background-image: url(../img/menu/sk.gif); }
ul#ptab a#s2 span		{ background-image: url(../img/menu/st.gif); }
ul#ptab a#s3 span		{ background-image: url(../img/menu/sn.gif); }
ul#ptab a#s4 span		{ background-image: url(../img/menu/sa.gif); }

p#pp a#sc.o			{ background-image: url(../img/menu/c2_o.gif); }
p#pp a#sm.o			{ background-image: url(../img/menu/m2_o.gif); }

ul#ptab a#s1.o			{ background: #3399CC; }
ul#ptab a#s2.o			{ background: #CC6633; }
ul#ptab a#s3.o			{ background: #3399CC; }
ul#ptab a#s4.o			{ background: #CC6633; }

div#menu span#c.o   { background-image: url(../img/menu/x_o.gif) }
div#menu span#u.o   { background-image: url(../img/menu/u_o.gif) }
div#menu span#o.o   { background-image: url(../img/menu/o_o.gif) }
div#menu span#i.o   { background-image: url(../img/menu/i_o.gif) }
div#menu span#a.o   { background-image: url(../img/menu/a_o.gif) }
div#menu span#re.o  { background-image: url(../img/menu/re_o.gif) }
div#menu span#l.o   { background-image: url(../img/menu/l_o.gif) }
div#menu span#r.o   { background-image: url(../img/menu/r_o.gif) }
div#menu span#rp.o  { background-image: url(../img/menu/rp_o.gif) }
div#menu span#rm.o  { background-image: url(../img/menu/rm_o.gif) }
div#menu span#t.x   { background-image: url(../img/menu/t_o.gif) }
div#menu span#sr.x  { background-image: url(../img/menu/sr_o.gif) }


div#menu span.o { cursor: default; }
div#menu span.o:hover { background-color: #FAFAFA; }

div#menu span#re, div#menu span#o, div#menu span#r, div#menu span#rm, div#menu span#a, div#menu span#sr { margin-right: 15px; }

div#menu div#text { float: left; width: 516px; padding: 4px; font-size: 11px; display: block; text-align: center; font-weight: bold }

a span { display: none }

/* - tabela - */

table       { width: 100%; }

tr.tt       { cursor: pointer; }
tr       td { background: #FAFAFA; padding: 4px 3px;}
tr.p     td { background: #E6E6E6; }
tr.tt:hover td { background-color: #8CBFD9; color: white; }

/* - tabela head - */
th          { background:#3399CC; color: white; font-size: 12px; padding: 3px 3px 3px 3px; cursor: pointer; text-align: left; }
th.asc      { background: #CC6633 url(../img/asc.gif) no-repeat right;  }
th.desc     { background: #CC6633 url(../img/desc.gif) no-repeat right; }

/* - tabela celice - */
th.c0                   { cursor: default; }
.c0                     { width: 26px; text-align: center; font-size: 11px; }
.cc, .cm, #tip          { width: 17px; }
.c1, #oznaka            { width: 190px; }	 
.c2, #start_kraj        { width: 185px; }
.c3, #end_kraj          { width: 185px; }
/*.c4, #regija            { width: 120px; }*/
.c5, #tezavnost         { width: 46px;  }
.c6, #naklon            { width: 53px;  }
.c7, #visinska_razlika  { width: 53px;  }

#prazen, #datum	{ width: 110px; text-align: center}
.ct4 					{ width: 100px; padding: 3px; font-weight: bold; text-align: right; padding-right: 13px }
#prazen					{ cursor: default; }


tr td.ct0			{ background: white; }

tr td.ct			{ font-size: 10px; padding-left: 62px; border-bottom: #b2b2b2 1px solid; width: 664px; }
tr td.ct span 		{ display: block; float: left; margin-right: 30px; }
html>body tr td.ct span  { display: table-cell; float: none }
tr td.ct span.re	{ white-space: nowrap; padding-right: 45px }
tr td.ct span.akt	{ display: block; float: none; }


tr td.ct a          { color: #333; }
tr td.ct a:hover    { color: #CC6633 }

tr.nc th  { cursor: default }

.ct2 { border-bottom: #b2b2b2 1px solid;  }

th                span  { width: 2.4em; height: 16px; display: block; text-align: right; float: left; }
td				  span 	{ display: none }
#dolzina          span  { background: url(../img/l.gif) no-repeat left }
#visinska_razlika span  { background: url(../img/v.gif) no-repeat left; }

#oznaka            		{ width: 216px; }
#naklon                 { width: 57px; }
#visinska_razlika       { width: 57px; }

.cc, .p .cc				{ background-image: url(../img/menu/c2.gif); background-position: center; background-repeat:no-repeat }
.cm, .p .cm				{ background-image: url(../img/menu/m2.gif); background-position: center; background-repeat:no-repeat }

.c1 { font-weight: bold; }

.c1 					{ padding-left: 5px }
.c5                     { text-align: center; }
.c6, .c7, .c8           { padding-right: 7px; text-align: right; }