html, body {
    height: 100%;
    font-family: Arial;
    font-size:12px;
    margin:0;
    text-align:center;
    background-color: #dedede;
}

select.box {
	margin:0px;
}

select.popup {
	float:left;
}

#wrap {
    min-height: 100%;
    margin: 0 auto;
    width: 960px;
    min-height:100%;
    background-color: #ffffff;
}

#main {
	overflow:auto;	
	min-height:600px;
	padding-bottom: 50px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -80px; /* negative value of footer height */
	height: 80px;
	clear:both;
        -moz-box-shadow: 0px 5px 10px #ccc;
        -webkit-box-shadow: 0px 5px 10px #ccc;
        box-shadow: 0px 5px 10px #ccc;
        }
.footer_text {
    padding-top:10px;
	color: #eeeeee;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

a, a:visited {
	color:#e12a2e;
}
a:hover {
	text-decoration:none;
}

.ui-autocomplete-input {width:250px}

#top {
	background-color:#e12a2e;
	color:#ffffff;
	width: 960px;
	margin:0px auto 10px auto;
	text-align:left;
	height:33px;
}
.div_left {
	margin:10px 0px 0px 10px;
	float:left;
	text-align:left;
}
.div_right {
	margin:10px 10px 0px 0px;
	float:right;
	text-align:right;
}

#header {
  background-image: url(images/top.png);  
  background-repeat: no-repeat;
  width:960px;
  margin:0px auto 0px auto;
  height:130px;
}

#container {
  text-align: left;
  width:960px;
  margin:45px auto;
}

#footer {
  background-color:#666666;
  width:960px;
  margin-left: auto;
  margin-right: auto;
}
/*------------------------------------------*/

#content {
    position:relative;
    width:930px;
    margin:0px 15px 20px 15px;  
}

table {
    margin-bottom:20px;
}
td {
    font-size:12px;
    color:#444444;
    border-bottom: 1px dashed #cccccc;
    padding:5px;
}

table.noborder td {
    font-size:12px;
    color:#444444;
    padding:2px 5px 2px 5px;
	border:none;
}
table.bottomborder td {
    font-size:12px;
    color:#444444;
    padding:5px;
	border:none;
	border-bottom: 1px dashed #cccccc;
}
td.no-border-bottom {
	border-bottom: none;
}
tr.bold td {
	font-weight:bold;
}
table.popup td {
	text-align:left;
}
img {border:none;}
.no_border {
    border:none;
}
.lb {
    border-left:1px dashed #cccccc;
}
.left {
    text-align: left;
}
.center {
    text-align: center;
}
.hidden {
     display:none;
     visibility:hidden;
}
.visible {
     display:block;
     visibility:visible;
}
.tr_hidden {
     display:none;
     visibility:hidden;
}
.tr_visible {
     display:table-row;
     visibility:visible;
}
.tr_visible:hover {
	background-color:#eaf9ff;
}
.hand {
	cursor:pointer;
	cursor:hand;
}
.row_hidden {
    display:none;
    visibility:hidden;
}
.row_visible {
    display:table-row;
    visibility:visible;
}
h1,h2,h3,h4 {
  margin:0;
  margin-bottom:5px;
  margin-top:15px;
  color:#555555;
}
h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}

h2.title {
	background-color:#e12a2e;
	color:#ffffff;
	margin:0px 0px 15px 0px;
	line-height:24px;
	padding:2px 2px 2px 5px;
	
	border-radius:5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.alignleft {
	text-align:left;
}
.alignright {
	text-align:right;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}

.w20 {width:20px;}
.w80 {width:80px;}
.w100 {width:100px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w500 {width:500px;}
.w910 {width:910px;}
.w100perc {width:100%;}
.margin10 {margin:10px}
.margin20 {margin:20px}
.margintop10 {margin-top:10px;}
.margintop20 {margin-top:20px;}
.marginright20 {margin-right:20px;}
.marginleft20 {margin-left:20px;}
.marginbottom20 {margin-bottom:20px;}
.marginbottom3 {margin-bottom:3px;}
.spacer10 {width:100%;height:10px;}

.newline {
  width:100%;
  height:10px;
  display:inline-block;
}
.newline1 {
  width:100%;
  height:1px;
  display:inline-block;
}

.check {
	background-image:url(images/check.png);
	width:20px;
	height:20px;
}
.nocheck {
	background-image:url(images/no-check.png);
	width:20px;
	height:20px;
}
.checkbw {
	background-image:url(images/check_bw.png);
	width:20px;
	height:20px;
}
.padding3 {
    padding:3px;
}
.padding5 {
    padding:5px;
}
.padding10 {
    padding:10px;
}
.padding15 {
    padding-left:15px;
    padding-right:15px;
}
.text8 {font-size:8px;}
.text9 {font-size:9px;}
.text10 {font-size:10px;}
.text15 {font-size:15px;}
.text18 {font-size:18px;}

.red {
    color:#e12a2e;    
}
.white {
	color:#ffffff;
}
.bgred {
    background-color:#e12a2e;
	color:#ffffff;
}
.light_green {
	background-color:#dedede;
}
.green {
    color:#333333;
}
.blue_text {
    color:#4477aa;
}
.black_text {
    color:#444444;
}
.yellow {
    background-color:#eeeeee;
}
.gray {
    background-color:#dedede;
}
.lightgray {
    background-color:#f4f4f4;
}
.blue {
    background-color:#e12a2e;
}
.light_blue1 {
    background-color:#ed7e82;
}
.light_blue {
    background-color:#f4b3b5;
}
.strong_yellow {
    background-color:#ffff00;
}
.underline {
	text-decoration: underline;
}
.bold {
    font-weight:bold;
}
.right {
    text-align:right;
    margin-right:5px;
}
.glow {
    -moz-box-shadow: 0px 0px 30px #666;
    -webkit-box-shadow: 0px 0px 30px #666;
    box-shadow: 0px 0px 30px #666;
}
.shadow {
    -moz-box-shadow: 0px 0px 10px #ccc;
    -webkit-box-shadow: 0px 0px 10px #ccc;
    box-shadow: 0px 0px 10px #ccc;
}
.dark_shadow {
    -moz-box-shadow: 0px 0px 10px #555;
    -webkit-box-shadow: 0px 0px 10px #555;
    box-shadow: 0px 0px 10px #555;
}
.rounded {
  border-radius:10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.logo {
    width:96px;
    height:51px;
    background-image: url(images/logo.png);
    background-repeat: no-repeat;
}
.bottom_border {
    float:left;
    border-bottom: 1px solid #999999;
    width:930px;
    height:1px;
    margin-bottom:20px;    
}
.naslov {
    width:500px;
    
    float:left;    
}
.stranka,.svetovalec {
    /*width:420px;
    height:20px;
    padding-top:10px;
    float:right;*/
	width:420px;
	height:20px;
    text-align:right;
    font-weight: bold;
	position:absolute;
	right:10px;
	top:20px;
	z-index:10;
}
.stranka_details {
    position:absolute;
    width:420px;
    height:0px;
    top:40px;
    right:15px;
    text-align:right;
    background-color: #eee;
    padding:0px;
    overflow:hidden;
    z-index:999;
}
.stranka_close {
    width:300px;
    height:30px;
    /*background-image: url(images/x.png);
    background-repeat: no-repeat;*/
    position:absolute;
    top:150px;
    right:5px;
    cursor:pointer;
    cursor:hand;
}
.stranka_more {    
    width:16px;
    height:16px;
    background-image: url(images/down.png);
    background-repeat: no-repeat;
    float:right;
    margin-left:5px;
	z-index:9999;
}
.opombe {
    width:100%;
    height:100px;
    border:1px solid #cccccc;
    overflow:scroll;
}
.ostale {
    width:100%;
    height:50px;
    border:1px solid #cccccc;
    overflow:scroll;
}
#gumb {
    padding:10px 20px 10px 20px;
    background-color:#dedede;
    font-size:16px;
    float:right;
    color:#000;
    text-decoration:none;
    cursor:pointer;
    cursor:hand;
}
#gumb:hover {
    padding:10px 20px 10px 20px;
    background-color:#e12a2e;
    font-size:16px;
    float:right;
    text-decoration:none;
}
#gumb_small {
    padding:10px 20px 10px 20px;
    background-color:#dedede;
    font-size:12px;
    float:right;
    color:#000;
    text-decoration:none;
    cursor:pointer;
    cursor:hand;
}
#gumb_small:hover {
    padding:10px 20px 10px 20px;
    background-color:#e12a2e;
    font-size:12px;
    float:right;
    text-decoration:none;
}
#gumb_mini {
    padding:3px 6px 3px 6px;
    background-color:#dedede;
    font-size:9px;
    float:right;
    color:#000;
    text-decoration:none;
    cursor:pointer;
    cursor:hand;
    margin-top:10px;
    margin-right:10px;
}
#gumb_mini:hover {
    background-color:#e12a2e;
}
.number {
    width:140px;
    height:20px;
    border:1px dashed #aaaaaa;
    background-color:#eeeeee;
    text-align:right; 
}
.number_ee {
    width:98%;
    height:20px;
    border:1px solid #aaaaaa;
    background-color:#f9d0d1;
    text-align:right;
    font-family: Arial Narrow, Arial;
    font-size:13px;
}
.number_ee_input {
    width:98%;
    height:20px;
    border:1px dashed #aaaaaa;
    background-color:#f9d0d1;
    text-align:right;
    font-family: Arial Narrow, Arial;
    font-size:13px;
}
.number_ee_white {
    width:98%;
    height:20px;
    border:none;
    background-color:#ffffff;
    text-align:right;
    font-family: Arial Narrow, Arial;
    font-size:13px;
}
.text_country {
	width:98%;
}
.condensed {
    font-size:13px;
    font-family: Arial Narrow, Arial;
}
.number_blue {
    width:140px;
    height:20px;
    border:1px dashed #aaaaaa;
    background-color:#fce4e6;
    text-align:right; 
}
.suma {
    width:140px;
    height:20px;
    border:1px dashed #aaaaaa;
    background-color:#fce4e6;
    text-align:right;    
}
.sumaKosi {
    width:140px;
    height:20px;
    border:1px dashed #aaaaaa;
    background-color:#fce4e6;
    text-align:right;    
}
.solid_border {
    border:1px solid #cccccc;
}
.td_med {
    padding-top:8px;
    padding-bottom:8px;
}
.td_hi {
    padding-top:16px;
    padding-bottom:16px;
}
.prijava {
    width:300px;
    padding:5px;
    border:1px solid #aaaaaa;
    background-color:#eeeeee;
    text-align:left;
	outline:none;
}
#notification {
    background-color:#cccccc;
    position:absolute;
    width:100%;
    height:50px;
    top:-100px;
    padding-top:20px;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    z-index:99
}
#msgbox {
	background-color:#e12a2e;
	color:#ffffff;
    position:fixed;
    width:100%;
    height:50px;
    top:0px;
    padding-top:20px;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    z-index:99
}
#top_menu_container {
    position:relative;
    float:left;
    width:960px;
    height:55px;    
    margin-bottom:20px;
    text-align:left;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color:#eeeeee;
}
.box_button {
    display: block;
    position:relative;
	background-color:#c0c0c0;
	color:#000000;    
    float:left;
    margin:5px 0px 0px 0px;    
    padding:5px 10px 5px 10px;
    border-radius:5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.box_button:hover {
    background-color:#e12a2e;
    color:#ffffff;
}
.top_button {
    display: block;
    position:relative;
	background-color:#c0c0c0;
	color:#000000;    
    float:left;
    margin-top:16px;
    margin-right:15px;
    padding:5px 10px 5px 10px;
    border-radius:5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.top_button:hover {
    background-color:#e12a2e;
    color:#ffffff;
}
.plain {
    text-decoration:none;
}
.obrazec {
    width:157px;
    height:160px;
    margin:10px;
    opacity:1;    
    cursor:pointer;
    cursor:hand;
    margin-left:70px;
	margin-right:70px;
}
.obrazec53 {
    background-image: url(images/pikto-emb.jpg);
    background-repeat: no-repeat;
    background-position: 5px 14px;
}
.obrazec53-1 {
    background-image: url(images/pikto-svece.jpg);
    background-repeat: no-repeat;
    background-position: 5px 14px;
}
.obrazec54 {
    background-image: url(images/pikto-emb.jpg);
    background-repeat: no-repeat;
    background-position: 5px 14px;
}
.obrazecib {
    background-image: url(images/pikto-bat_gray.jpg);
    background-repeat: no-repeat;
    background-position: 5px 14px;
}
.obrazecib:hover {
    background-image: url(images/pikto-bat.jpg);  
}
.obrazeciab {
    background-image: url(images/pikto-bat_gray.jpg);
    background-repeat: no-repeat;
    background-position: 5px 14px;
}
.obrazeciab:hover {
    background-image: url(images/pikto-bat.jpg);  
}
.obrazecab {
    background-image: url(images/pikto-bat_gray.jpg);
    background-repeat: no-repeat;
    background-position: 5px 14px;
}
.obrazecab:hover {
    background-image: url(images/pikto-bat.jpg);  
}
.obrazecee {
    background-image: url(images/pikto-elekt_gray.jpg);
    background-repeat: no-repeat;
    background-position: 5px 14px;
}
.obrazecee:hover {
    background-image: url(images/pikto-elekt.jpg);  
}
.obrazec_text {
    width:140px;
    margin:10px;
    padding: 0px 5px 0px 5px;
    color: #555555;
    margin-left:70px;
	margin-right:70px;
	font-size:14px;
}
.obrazec_text a {    
    color: #555555;
    text-decoration:underline;
}
.obrazec_text a:hover {
	color: #e12a2e;
    text-decoration:none;
}
.zaznamki {
    background-color: #eeeeee;
    margin-top:10px;
    float:right;
    background-image: url(images/info.png);
    background-repeat: no-repeat;
    background-position: right top;
    padding-right:40px;
    padding-bottom:15px;
    padding-top:10px;
}
.zaznamki_top {
    background-color: #eeeeee;
    width:930px;
    height:30px;
    background-image: url(images/info_small.png);
    background-repeat: no-repeat;
    background-position: right;
    text-align:center;
    padding-top:12px;
}
.table_header {
    text-align:center;
    background-color:#eeeeee;
    border: 1px solid #cccccc;
}
.removeRow {
    color:#e12a2e;
    font-weight:bold;
    cursor:pointer;
    cursor:hand;
}

.kaj_porocam {
  position:absolute;
  float:left;
  background-color:#eeeeee;
  /*width:90%;*/
  /*height:90%;*/
  overflow:auto;
  z-index:100;
  text-align:left;
  
  min-height:30px;
  height:auto !important;
  height:30px;
  top:170px;
  
  min-width:600px;
  width:auto !important;
  width:600px;
  
  left:50%;
  margin-left:-300px;
  padding:10px;
}

#fullscreen_sending {
  background-color:#000000;
  color:#ffffff;
  opacity:0.85;
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  position: fixed;
  z-index:200;
}

#opozorilo1 {
  position:absolute;
  float:left;
  background-color:#e12a2e;
  /*width:90%;*/
  /*height:90%;*/
  overflow:auto;
  z-index:100;
  text-align:left;
  
  min-height:50px;
  height:auto !important;
  height:50px;
  top:370px;
  
  min-width:500px;
  width:auto !important;
  width:500px;
  
  left:50%;
  margin-left:-250px;
  padding:10px;
}

#topwindow {
  position:absolute;
  float:left;
  background-color:#e7f3fe;
  /*width:90%;*/
  /*height:90%;*/
  overflow:auto;
  z-index:100;
  text-align:left;
  
  min-height:50px;
  height:auto !important;
  height:50px;
  top:370px;
  
  min-width:800px;
  width:auto !important;
  width:800px;
  
  left:50%;
  margin-left:-400px;
  padding:10px;
}

/*------------------------------------------*/
/*               Top menu                   */
/*------------------------------------------*/
#top_menu {
  position:relative;
  margin:0px;
  height:21px;
  width:100%;
  text-align:left;
}
ul#nav {
  list-style: none;
  padding: 0px 0px 5px 0px;
  margin: 0;
}
ul#nav li a {
  background-color:#eeeeee;
	color:#000000;
	padding:5px;
  text-decoration:none;
  display: block;
  font-size:16px;
  margin-top:8px;
}
ul#nav li a:hover {
  color:#e72424;
}
ul#nav li {
  float: left;
  position: relative;
  margin:0px 0px 0px 10px;
  font-size:12px;
  text-decoration:none;
  padding:5px 0px 5px 0px;
}
.top_item_text {
  text-decoration:none;
  padding-top: 12px;
}
/*Drop down*/
ul#nav li ul {
  display: none;
  position: absolute;
  top: 0px;
  left: 0;
  margin-left:-1px;
  background-color:#e12a2e;
  list-style: none;
  margin:0px;
  padding:0px 0px 0px 0px;  
  z-index:9;
  border-radius:5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

ul#nav li>ul {
  top: auto;
  left: auto;
}
ul#nav li:hover ul, li.over ul {
display: block;
}

ul#nav li ul li {
  float: left;
  position: relative;
  font-size:12px;
  text-decoration:none;  
  color:#ffffff;
  margin:2px;
  padding:0px;
  margin:0px;
}
ul#nav li ul li  a {
	background-color:#e12a2e;
  color:#ffffff;
  text-decoration:none;
  display: block;
  font-size:12px;
  padding:0px;
  margin:2px;
}
ul#nav li ul li a:hover {
  /*background-color:#aaaaaa;*/
  background-color:#ffffff;
  color:#e12a2e;
  text-decoration:none;
  opacity:1;
}
.subitem_text {
  text-decoration:none;
  padding:5px 2px;
  min-width:120px;
}

.izvozeno {
	background-color:#fad8d9;
}
.ni_izvozeno {
	background-color:#cccccc;
}




table.narrow td {
	font-family: Arial Narrow;
	font-size:14px;
}


.racuni_vrsta {
	background-color:#f3f3f3;
}

/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #eb7275;
}



#form_el input, #form_el select {
    padding:3px;
}

.el_suma {
    background-color:#ffffff;
    border:none;
    width:80px;
    text-align:right;
}