/* CSS Document                                                               */
/******************************************************************************/
/*  Barve                                                                     */
/******************************************************************************/
/*  #D6E3FF - svetlo modra                                                    */
/*  #291670 - temno modra                                                     */
/*  #E7EAED - siva                                                            */
/*  #000000 - črna                                                            */
/*  #FFFFFF - bela                                                            */
/*  #E6B8B7 - svetlo rdeča                                                    */
/*  #AB1312 - temno rdeča                                                     */
/*  #FFFFCC - beš                                                             */
/******************************************************************************/
/******************************************************************************/
/*  Fonti                                                                     */
/******************************************************************************/
/*  Arial, sans-serif  	                                                      */
/*  Helvetica, sans-serif                                                     */
/*  Gill Sans, sans-serif                                                     */
/*  Lucida, sans-serif                                                        */
/*  Helvetica Narrow, sans-serif                                              */
/*  sans-serif                                                                */
/******************************************************************************/
/*  'serif': normal fonts with serifs                                         */
/*  Times, serif 	                                                            */
/*  Times New Roman, serif 	                                                  */
/*  Palatino, serif 	                                                        */
/*  Bookman, serif 	                                                          */
/*  New Century Schoolbook, serif 	                                          */
/*  serif 	                                                                  */
/******************************************************************************/
/*  'monospace': fixed-width fonts                                            */
/*  Andale Mono, monospace 	                                                  */
/*  Courier New, monospace 	                                                  */
/*  Courier, monospace 	                                                      */
/*  Lucidatypewriter, monospace 	                                            */
/*  Fixed, monospace 	                                                        */
/*  monospace 	                                                              */
/******************************************************************************/
/*  'cursive': fonts that emulate handwriting                                 */
/*  Comic Sans, Comic Sans MS, cursive 	                                      */
/*  Zapf Chancery, cursive 	                                                  */
/*  Coronetscript, cursive 	                                                  */
/*  Florence, cursive 	                                                      */
/*  Parkavenue, cursive 	                                                    */
/*  cursive 	                                                                */
/******************************************************************************/
/*  'fantasy': decorative fonts, for titles, etc.                             */
/*  Impact, fantasy                                                           */
/*  Arnoldboecklin, fantasy                                                   */
/*  Oldtown, fantasy 	                                                        */
/*  Blippo, fantasy 	                                                        */
/*  Brushstroke, fantasy 	                                                    */
/*  fantasy                                                                   */ 
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
html, body {
	height:100%;
	margin:0;
	padding:0;
}
body {
  font-family: Arial,Geneva,Verdana,Helvetica,sans-serif;
  font-size: 100%;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  text-align: center;
  margin-left: auto; 
  margin-right: auto;
  margin-top: 0px;
  height:100%;
}
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}
#wrapper {
	margin:0px auto;
	background:#ffffe5;/*  center column colur*/
	text-align:left;
	position:relative;
	margin-top:-25px;/* make space for footer*/
	z-index:0;
	min-height:100%;
  width: 970px;
/*
  min-width: 970px;
  max-width: 970px;
*/  
}
* html #wrapper {/*only ie gets this style*/
	height:100%;/* for ie5 */
	he\ight:100%;/* for ie6 */
}  
/*******************************************************************************/ 
/* Header                                                                      */
/*******************************************************************************/
#header {
  background: #ffffff url('red/headertop.jpg') top right no-repeat;
	clear:both;
	position:relative;
	z-index:2;
	width: 100%;
  height: 100px;
  min-height: 100px;
	margin-top: 25px;/* soak up negative margin to make way for footer*/
	padding:0 0 1px;
}
#header .left {
  width: 170px;
  height: 100%;
  vertical-align: bottom;
  float: left; 
  padding:0px 0px 0px 0px;
  background: transparent none;
}              
#header .left img {
  padding:0px 0px 0px 0px;
  margin-top:0px;
  margin-left:1px;
}   
#header .center {
  width:628px;
  height: 100%;
  text-align: center;
  color: #AB1312;
  font-family: Trebuchet MS;                                                             
  float:left;                       
  background: transparent none;
}
#header h1 {
  font-family: Trebuchet MS;
  font-weight: normal;
  color: #AB1312;
  font-size: 2.4em;
  text-align: center;
  padding:0px 0px 0px 0px;
}
#header h2 {
  font-family: Trebuchet MS;
  font-weight: normal;
  color: #AB1312;
	font-size: 1.6em;
  text-align: center;
}
#header .right {
  width: 170px;
  height: 100%;
  color: #000000;
  text-align: right;
  font-family: Arial,Geneva,Verdana,Helvetica,sans-serif;
  float: right;
  vertical-align: top;
  padding: 0px 0px 0px 0px;                      
  background: transparent;
}
#header .right div {
text-align: left;
float:right;
padding: 10px 10px 0px 0px;
font-size: 0.7em;
}
/******************************************************************************/
/* Footer                                                                     */
/******************************************************************************/
#footer {
	color: #FFFFFF;
  font-size: 0.75em;
  background: #AB1312;
  width: 970px;
/*
  min-width: 970px;
  max-width: 970px;
*/  
	clear:both;
	margin:auto;
	position:relative;
	z-index:2;
	height:20px;
	text-align:center;
	border-top:0px solid #000;
  padding: 5px 0px 0px 0px;
}
#footer a {
  color: #FFFFFF;
  text-decoration: none;
}
/******************************************************************************/
/*Stran                                                                       */
/******************************************************************************/
#middle {
	float:left;
	width:100%;
	margin-right:-360px;/* width of left and right columns */
}
#content {
  text-align: justify;
	margin-right:360px;/* width of left and right columns */
  padding: 10px 10px 10px 10px;
  overflow:hidden;
}
#left {
	width:174px;
	position:relative;
	float:left;
	z-index:2;
}
#right {
	width:186px;
	position:relative;
	float:right;
	z-index:2;
}
#l {
	position:absolute;
  width:174px;
	height:100%;
	left:0;	
	bottom:0;
	background:#FFFFCC;/* left column color*/
	z-index:1;
	clear:both;
  border-left: 0px solid #AB1312;
}
#r {
	position:absolute;
	width:186px;
	height:100%;
	right:0;
  bottom:0;
	background:#FFFFCC;/* right column color*/
	z-index:1;
	clear:both;
  border-right: 0px solid #AB1312;
}
* html #l, * html #r {
	height:999em;
	bottom:-1px;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide - force layout in ie \*/
.clearfix {display: block;}
/* End hide */
/*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*/
}
#inner {
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:3;
}
#spacer {
  height: 1px;
  font-size: 0.1em;
}
/*******************************************************************************/ 
/* Standardni html TAG                                                         */
/*******************************************************************************/
img {
  border: 0px none;
}
table {
  padding:0px 0px 0px 0px;
  vertical-align: top;
  border-spacing: 0px;
  border-collapse:collapse;
  empty-cells: show;
}
td {
  vertical-align: top;
  padding: 0px 0px 0px 0px;
} 
hr {
  color: #AB1312;
  height: 1px;
  margin-top: 5px;
  margin-bottom: 5px; 
}   
/*******************************************************************************/ 
/* Texti                                                                       */
/*******************************************************************************/
h1 {
  color: #AB1312;
  font-family: Trebuchet MS; 
  font-size: 1.4em;
  font-weight:bold;
  text-align:center; 
  vertical-align: top;
  padding: 0px 0px 10px 0px;
  margin: 0;
}
h2 {
  color:#AB1312;
  font-size: 1.2em;
  font-weight:bold;
  text-align:left;
  padding: 0px 0px 8px 0px;
  margin: 0;
}
h3 {
  color:#AB1312;
  font-size: 1em;
  font-weight:bold;
  text-align:left;
  padding: 0px 0px 6px 0px;
  margin: 0;
}
h4 {
  color: #AB1312;
  font-size: 1.4em;
  font-weight: bold; 
  text-align: center;
  padding:0;
  margin: 0;
  padding: 0px 0px 10px 0px;
  margin: 0;
}
h5 {
  color: #AB1312;
  font-size: 1.2em;
  font-weight: bold;
  text-align:left;
  padding:0;
  margin: 0;
  padding: 0px 0px 8px 0px;
  margin: 0;
}
h6 {
  color: #AB1312;
  font-size: 1em;
  font-weight: bold;
  text-align:left;
  padding:0;
  margin: 0;
  padding: 0px 0px 6px 0px;
  margin: 0;
}   
p {
  font-size: 1em;
  padding:0px 0px 10px 0px;
  vertical-align: top;
  text-align:justify;
  margin: 0;
}
.p_centered {
  font-size: .8em;
  vertical-align: top;
  text-align:center;
}
.pomembno {
  font-size: 0.8em;
  font-weight: 600;
  width: 100%;
  height: 40px;
  display: block;
  clear: both;
}
.pomembno .akcija {
  color: #AB1312;
  float: left;
}
.pomembno .novo {
  color: #00FF00;
  float: left;
}
.img_title {
font-size: 0.7em;
}
label {
  font-size: .8em;
  padding:0px 0px 0px 0px;
  vertical-align: middle;
  text-align:left;
  margin: 0;
}
/*******************************************************************************/ 
/* navigacija in gumbi                                                         */
/*******************************************************************************/
/****************************************/
/* Horizontalni glavni tab meni         */
/****************************************/
.hmenu {
  background-color: #AB1312;
  width:100%;
  height:30px;
  min-height: 30px;
  overflow:hidden;
  font-size: 0.9em;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  text-align: center;
  vertical-align: bottom;
}
.hmenu ul {
  margin-top: 5px;
  margin-left: 0px;
  display: block;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  background: transparent;
  position: relative;
}
.hmenu li {
  float:left;
}
* html .hmenu li{
	margin-bottom:0px;
}
.hmenu li a {
  color: #000000;
  display: block;
  text-decoration: none;
  padding: 5px 13px 5px 0px;
  margin:0px 0px -1px 0px;
  background: transparent url('red/tab_d.gif') top right no-repeat;
}
.hmenu li a span {
  padding: 5px 0px 5px 10px;
  background: transparent url('red/tab_l.gif') top left no-repeat;
}
.hmenu li a:hover {
  background: transparent url('red/tab_ds.gif') top right no-repeat;
}   
.hmenu li a:hover span {
  background: transparent url('red/tab_ls.gif') top left no-repeat;
}
.hmenu li a.izbran {
  color:#000000;
  background: transparent url('red/tab_ds.gif') top right no-repeat;
}   
.hmenu li a.izbran span {
  background: transparent url('red/tab_ls.gif') top left no-repeat;
}   
/****************************************/
/* Horizontalni glavni pomožni tab meni */
/****************************************/
.breadcrumbs {
  background: #ffffff url('red/headertop.jpg') bottom right no-repeat;
  height:17px;
  width: 100%;
  overflow:hidden;
  font-size: 0.7em;
  padding: 0px 0px 0px 0px;
  vertical-align: bottom;
} 
#col2 .breadcrumbs {
  background: #ffffff url('red/headeradm.jpg') bottom right no-repeat;
}
.breadcrumbs ul {
  margin-top: 2px;
  margin-right: 5px;
  display: block;
  padding: 0px 0px 0px 1px;
  list-style-type: none;
  background: transparent;
}
.breadcrumbs li {
  text-align:center;
  border-left: 1px solid #AB1312;
  display: inline; 
  float:right;
}               
.breadcrumbs li a {
  background: #E6B8B7;
  color:#000000;
  text-decoration:none;
  padding: 2px 5px 2px 5px;
} 
.breadcrumbs li a:hover  {
  font-weight: bold;
}   
.breadcrumbs li a.selected{
  background: #FFFFFF;
  font-weight: bold;
}   
/****************************************/
/*Navpična navigacija                   */
/****************************************/
.vmenu{
  vertical-align: top;
  text-align: left;
  font-size: 0.75em;
  width: 162px;
}
.vmenu ul {
  margin: 0;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  background: transparent;
}
.vmenu li {
  margin: 0;
  text-align: left;
  vertical-align:middle;
  list-style-type: none;
  padding: 0px 0px 0px 0px;
}
.vmenu li a {
  text-align: left;
  display: block;
  color:#000000;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  background: transparent url('red/gumb_d.gif') top right no-repeat;
    /*
  background-color: #D6E3FF;
  border-top: 1px dashed #291670; 
  */
}
.vmenu li a span {
  display: block;
  padding: 3px 10px 3px 5px;
  margin-right: 5px;
  background: transparent url('red/gumb_l.gif') top left no-repeat;
} 
.vmenu li a:hover {
  color:#ffffff;
  font-weight: bold;
  background: transparent url('red/gumb_over_d.gif') top right no-repeat;
    /*
  background-color: #D6E3FF;
  border-top: 1px dashed #291670; 
  */
}
.vmenu li a:hover span {
  background: transparent url('red/gumb_over_l.gif') top left no-repeat;
}           
.vmenu li a.aktiven {
  color:#ffffff;
  font-weight: bold;
  background: transparent url('red/gumb_over_d.gif') top right no-repeat;
    /*
  background-color: #D6E3FF;
  border-top: 1px dashed #291670; 
  */
}
.vmenu li a.aktiven span {
  background: transparent url('red/gumb_over_l.gif') top left no-repeat;
} 
.vmenu li a.parent {
  font-weight: bold;
  background: transparent url('red/gumb_d.gif') top right no-repeat;
}   
.vmenu li a.parent span {
  background: transparent url('red/gumb_l.gif') top left no-repeat;
  /*                             
  background-color: #291670;
  border-top: 1px dashed #FFFFFF;
  */                            
}
.vmenu li a.parent:hover {
  color:#ffffff;
  background: transparent url('red/gumb_over_d.gif') top right no-repeat;
    /*
  background-color: #D6E3FF;
  border-top: 1px dashed #291670; 
  */
}
.vmenu li a.parent:hover span {
  background: transparent url('red/gumb_over_l.gif') top left no-repeat;
}
/****************************************/ 
/* Mali gumb                            */
/****************************************/
a.gumb_mali{
  color: #000000;
  font-size: 0.8em;
  font-weight: 600;
  float: left;
  display: block;
  text-decoration: none;
  padding: 0px 5px 5px 5px;
  margin:0px 5px 5px 0px;
  background: transparent url('red/gumb_d.gif') top right no-repeat;
}
a.gumb_mali span {
  display: block;
  padding: 1px 0px 5px 5px;
  background: transparent url('red/gumb_l.gif') top left no-repeat;
}        
a.gumb_mali:hover {
  color: #FFFFFF;
  background: transparent url('red/gumb_over_d.gif') top right no-repeat;
}
a.gumb_mali:hover span {
  background: transparent url('red/gumb_over_l.gif') top left no-repeat;
}           
/****************************************/ 
/* Submit gumb                          */
/****************************************/
.submit{
  color: #000000;
  font-size: 0.8em;
  font-weight: 600;
  float: left;
  margin: 0px 5px 5px 5px;
  background: #E6B8B7;
} 
.submit:hover{
  color: #ffffff;
  background: #AB1312;
}
/*******************************************************************************/
/* Vse sekcije                                                                 */
/*******************************************************************************/
/****************************************/
/* text                                 */
/****************************************/

/****************************************/
/* Input box                            */
/****************************************/
.TextInput {
  font-size: 0.8em;
  text-align: left;
  padding:2px 4px 2px 4px;            
  margin-top: 2px;
  margin-bottom: 2px;
  vertical-align: top;
  border: 1px solid #AB1312;
  background: #E6B8B7;
}
.TextInputBel {
  font-size: 0.8em;
  text-align: left;
  padding:2px 4px 2px 4px;            
  margin-top: 2px;
  margin-bottom: 2px;
  vertical-align: top;
  border: 1px solid #AB1312;
  background: #ffffff;
}
.TextInput2 {
  font-size: 0.8em;
  text-align: left;
  padding:2px 4px 2px 4px;            
  margin-top: 2px;
  margin-bottom: 2px;
  vertical-align: top;
  width: 270px;
  border: 1px solid #AB1312;
  background: #E6B8B7;
}
.TextInputBel2 {
  font-size: 0.8em;
  text-align: left;
  padding:2px 4px 2px 4px;            
  margin-top: 2px;
  margin-bottom: 2px;
  vertical-align: top;
  width: 270px;
  border: 1px solid #AB1312;
  background: #ffffff;
}
.TextInput3 {
  font-size: 0.8em;
  text-align: left;
  padding:2px 4px 2px 4px;            
  margin-top: 2px;
  margin-bottom: 2px;
  vertical-align: top;
  width: 230px;
  border: 1px solid #AB1312;
  background: #E6B8B7;
}
.TextInputBel3 {
  font-size: 0.8em;
  text-align: left;
  padding:2px 4px 2px 4px;            
  margin-top: 2px;
  margin-bottom: 2px;
  vertical-align: top;
  width: 230px;
  border: 1px solid #AB1312;
  background: #ffffff;
}
/****************************************/
/* Checkbox                             */
/****************************************/
.CbComment {
  font-size: .7em;
  text-align: left;
  padding:0px 0px 0px 0px;
  vertical-align: middle;
  display:inline;
}
/****************************************/ 
/* Alert                                */
/****************************************/
.alert {
  color: #ff0000;
  font-size: 0.8em;
  text-align:left;
  font-weight: normal;
}
/****************************************/ 
/* Vnosna forma v tabeli                */
/****************************************/
.tabelaForma{font-size: .8em;
             text-align: left;
             vertical-align: middle;
             padding: 0px 5px 0px 5px;}
.tabelaFormaFont{text-align: left;
                 vertical-align: middle;}
/*******************************************************************************/
/* Posamezne sekcije levo in desno                                             */
/*******************************************************************************/
.robovi {
  margin-left: 2px;
  margin-right: 2px;
  margin-top:5px;
  overflow: hidden;
}
/****************************************/
/* Glave posameznih sekcij levo in desno*/
/****************************************/ 
.robovi a {
  display: block;
}
.robovi .heading {
  color: #AB1312;
  font-size: 0.9em;
  font-weight: bold;
  padding: 0px 10px 0px 0px;
  height: 25px;
  background: transparent url('red/div_td.gif') top right no-repeat;
  text-align: left;
  overflow: hidden;
}
.robovi .heading div {
  padding: 5px 10px 5px 10px;
  height: 100%;
  text-decoration: none;
  overflow: hidden;
  background: #ffffff url('red/div_tl.gif') top left no-repeat;
}
.robovi .heading a:hover{
  color: #FFFFFF;
  text-decoration: none;
}  
.robovi .heading a {
  color: #AB1312;
  text-decoration: none;
}
.robovi .topr {
  padding: 0px 10px 0px 0px;
  height: 10px;
  background: transparent url('red/div_td.gif') top right no-repeat;
  clear: both;
}
.robovi .topl { 
  height: 10px;              
  background: transparent url('red/div_tl.gif') top left no-repeat;
}
/****************************************/
/*Telo posameznih sekcij levo in desno  */
/****************************************/
.robovi .right {
  padding: 0px 4px 0px 0px;
  background: #E6B8B7 url('red/div_d.gif') top right repeat-y;
  overflow: hidden;
  
}
.robovi .left {
  padding: 0px 0px 5px 4px;
  background: #E6B8B7 url('red/div_l.gif') top left repeat-y;
  overflow: hidden;
  height: 100%;
  margin-bottom: -3px;
}
.robovi ul {
  list-style-type: none;
  text-align:left;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}               
.robovi .TextInput {
  background: #FFFFFF;
  font-size: 0.7em;
  width: 150px;
}
.robovi #pass_ifr {
  width: 80px;
}
.robovi .delimiter {
  height: 6px;
  margin-left:6px;
  margin-right:2px;
  background: transparent url('red/delimiter.gif') top right repeat-x;
}  
.robovi ul {
  list-style-type: none;
  text-align:center;
  padding: 0px 0px 0px 0px;
  margin: 0px; 
}
/****************************************/
/*Dno posameznih sekcij levo in desno   */
/****************************************/
.robovi .bottr {
  padding: 0px 10px 0px 0px;
  height: 10px;
  background: transparent url('red/div_bd.gif') bottom right no-repeat;
  clear: both;
}
.robovi .bottl { 
  height: 10px;              
  background: transparent url('red/div_bl.gif') bottom left no-repeat;
}                
/****************************************/
/*Košarica kratko                       */
/****************************************/
#kosaricaKratkoKupljeno {
  color: #FFFFFF;
  font-size: .9em;
  text-align: left;
  padding:5px 5px 5px 5px;
  background: #AB1312;
}   
.kosaricaKratkoTop {
  font-size: 0.7em; 
  text-align: left; 
  border-bottom: 1px solid #AB1312;
  padding:5px 0px 5px 0px;
  vertical-align: top;
  background: #E6B8B7;
}
.kosaricaKratkoMid {
  font-size: 0.7em;
  text-align: left; 
  border-bottom: 1px dashed #AB1312;
  vertical-align: top;
}
#kosaricaKratkoMidLast {
  font-size: 0.7em;
  text-align: left; 
  border-bottom: 0px none;
}   
#kosaricaKratkoBottom{
  font-size: 0.7em;
  text-align: left; 
  border-top: double #AB1312;
  vertical-align: top;
  padding:5px 0px 5px 0px;
}                             
/****************************************/
/* Novice                               */
/****************************************/
.robovi .overflow {
  overflow: auto; 
  max-height:250px; 
  width:100%; 
  vertical-align:top;
}
* html .robovi .overflow{
  height:250px;
}
.robovi .overflow ul {
  width: 99%;
}
* html .robovi .overflow ul{
  w\idth:90%;
}
.robovi .links {
  overflow: hidden;
}
.robovi .links li {
  font-size: 0.7em;
  text-align: left;
  vertical-align:top;
  margin-top: 0px;
  margin-bottom: 0px;
  padding:0px 0px 0px 0px;
  border-top: 1px dashed #AB1312;
  background: #e7eaed;
}
.robovi .links li.first {
  border-top: 0px none;
}
.robovi .links a {
  display: block;
  color: #000000;
  text-decoration: none;
}
.robovi .links a:hover {
  background: #ffffff;
}
.robovi .links a:visited {
  color: #000000;
  text-decoration: none;
}
.robovi .links a span {
  color: red;
}
#iframe {
  text-align:justify;
  margin-top: 0px;
  margin-bottom: 0px;
  padding:0px 0px 0px 0px;
  background: #FFFFFF;
}
#iframe .content {
  padding: 0px 10px 10px 5px;
}
#iframe img {
  float: left;
  margin-right:10px;
  margin-bottom:10px;
}
#iframe div {
  float: left;
}
/*
#iframe .opacity {
  text-align: justify;
  float: left;
  width: 520px;
  overflow: hidden;
  background-color:#ffffff;
  /* for IE */
/*  filter:alpha(opacity=70);*/
  /* CSS3 standard */
/*  opacity:0.7;  
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
}
/*
* html #iframe .opacity {  
  height:100%;/* for ie5 */
/*	he\ight:100%;/* for ie6 *//*
}
*/
/****************************************/
/* Reklame                              */
/****************************************/
.reklama {
  text-align:center;
  vertical-align:top;
  text-decoration:none;
  width: 100%;
  padding: 5px 0px 5px 0px;
}
.reklama a {
  text-decoration:none;
}     
/*******************************************************************************/ 
/* Glavna stran                                                                */
/*******************************************************************************/
/****************************************/
/* Horizontalni tab meni vsebina strani */
/****************************************/
.pbreadcrumbs {
  background: #AB1312;
  height:19px;
  overflow:hidden;
  font-size: 0.75em;
  padding: 1px 0px 0px 0px;
  vertical-align: bottom;
} 
.pbreadcrumbs ul {
  margin-top: 0px;
  margin-left: 0px;
  display: block;
  padding: 2px 0px 0px 1px;
  list-style-type: none;
  background: transparent;
  vertical-align: bottom;
  line-height: 17px;
}
.pbreadcrumbs li {
  text-align:center;
  border-right: 1px solid #AB1312;
  display: inline; 
  float:left;
}              
.pbreadcrumbs li a {
  background: #E6B8B7;
  color:#000000;
  text-decoration:none;
  padding: 2px 5px 2px 5px;
} 
.pbreadcrumbs li a:hover  {
  font-weight: bold;
}   
.pbreadcrumbs li a.selected{
  background: #FFFFFF;
  font-weight: bold;
}
/****************************************/ 
/* Index strani                         */
/****************************************/                         
.pageindex {
  width: 100%; 
  overflow: hidden; 
  font-size: 0.75em;
  font-weight: 600;
}
.pageindex ul {
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
}
.pageindex li {
  float:left; 
  position:relative; 
  right: 50%;
}
.pageindex li a {
  width: auto;
  display: block;
  color: #000000;
  text-decoration: none;
  padding: 3px 5px 3px 0px;
  background: transparent url('red/index_d.gif') top right no-repeat;
}
.pageindex li a span {  
  padding: 3px 0px 3px 5px;
  background: transparent url('red/index_l.gif') top left no-repeat;
}
.pageindex li a:hover {
  background:transparent url('red/index_over_d.gif') top right no-repeat;
}
.pageindex li a:hover span {
  color:#ffffff; 
  background: transparent url('red/index_over_l.gif') top left no-repeat;
}
.pageindex li a.selected {
  background:transparent url('red/index_over_d.gif') top right no-repeat;
}
.pageindex li a.selected span {
  color:#ffffff; 
  background: transparent url('red/index_over_l.gif') top left no-repeat;
}
/****************************************/
/* divi                                 */
/****************************************/
.equal {
  clear:both;
	width:100%;
	overflow:hidden;
}
.equal .col3_color {
  float:left;
  width:100%;
  background:#FFFFCC;
  overflow:hidden;
  position:relative;
}
.equal .col2_color {
  float:left;
  width:100%;
  background:#ffffff;
  position:relative;
  right:49.5%;
}
.equal .col1_color {
  float:left;
  width:100%;
  background:#FFFFCC;
  position:relative;
  right:1%;
}   
.equal .col1 {
  float:left;
  position:relative;
  left:50.5%;
  width:49.5%;
  overflow:hidden;
}
.equal .col2 {
  float:left;
  position:relative;
  left:50.5%;
  width:1%;
  overflow:hidden;
}
.equal .col3 {
  float:left;
  position:relative;
  left:50.5%;
  width:49.5%;
  overflow:hidden;
}

.equal .content {
  margin: 5px 5px 5px 5px;
}
.scroll {
  overflow:auto;
  height: 450px;
  padding:5px 5px 5px 5px;
  border-top: #AB1312 1px solid;
  border-bottom: #AB1312 1px solid;
}
.gumbi {
  margin-top: 5px;
  overflow: hidden;
  width: 100%;
  vertical-align:middle;
  display: block;
}
.gumbi .text {
  font-size: 0.8em;
  display: block;
  float: left;
  margin-top: 3px;
}
.gumbi .textinputl {
  font-size: 0.8em;
  text-align: right;
  padding:2px 4px 2px 4px;            
  margin: 0px;
  float: left;
  vertical-align: top;
  border: 1px solid #AB1312;
  background: #E6B8B7;
}
.hor {
  font-size: 0.7em;
/*  float:left;*/
  width: 590px;
  height: 150px;
  overflow:auto;
  white-space:nowrap;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 15px 0px 0px 0px;
  border-top: 1px solid #AB1312;
  border-bottom: 1px solid #AB1312;
}
* html .hor {/*only ie gets this style*/
	height:160px;/* for ie5 */
	he\ight:150px;/* for ie6 */
}
.hor a {
  margin-right: 5px;
}
#login_admin {
  width: 300px;
  background:#E6B8B7;
  padding: 10px;
}
/****************************************/
/* Site Index                           */
/****************************************/
.siteindex{
  vertical-align: top;
  text-align: left;
  font-size: 0.75em;
  padding: 0px 0px 0px 0px;
  width: 200px;
}
.siteindex ul {
  margin: 0;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
}
.siteindex li {
  margin: 0;
  text-align: left;
  vertical-align:middle;
  list-style-type: none;
  padding: 0px 0px 0px 0px;
}
.siteindex li a {
  width: auto;
  display: block;
  color:#000000;
  text-decoration: none;
  padding: 2px 5px 3px 0px;
  background: transparent url('red/siteindex_normal.gif') top left repeat-x;
    /*
  background-color: #D6E3FF;
  border-top: 1px dashed #291670; 
  */
} 
.siteindex li a:hover {
  color:#ffffff;
  background: transparent url('red/siteindex_over.gif') top left repeat-x;
}
/*******************************************************************************/ 
/* Dodatki                                                                     */
/*******************************************************************************/
/****************************************/ 
/* Koledar                              */
/****************************************/
img.tcalIcon {
	cursor: pointer;
	margin-left: 1px;
	vertical-align: middle;
}
/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 158px;
	padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
}
/* navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td {
	width: 15px;
	height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
	background-color: white;
	color: black;
	border: 0;
}
/* week days header */
div#tcal th {
	border: 1px solid silver;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: tahoma, verdana, arial;
	font-size: 10px;
	background-color: gray;
	color: white;
}
/* date cells */
div#tcal td {
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 0;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	width: 22px;
	cursor: pointer;
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
	color: silver;
}
div#tcal td.weekend {
	background-color: #ACD6F5;
}
div#tcal td.today {
	border: 1px solid red;
}
div#tcal td.selected {
	background-color: #FFB3BE;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	border: 0;
}
/* transparent shadow */
div#tcalShade {
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
div#tcalShade table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
div#tcalShade table td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
}                                                             

/*******************************************************************************/
/* 2 col layout width: 100%                                                    */
/*******************************************************************************/
#col2 {
  background: #ffffff;
}
#col2wrapper {
	margin:0px auto;
	background:#ffffff;/*  center column colur*/
	text-align:left;
	position:relative;
	margin-top:-20px;/* make space for footer*/
	z-index:0;
	min-height:100%;
  width: 100%;
}
* html #col2wrapper {/*only ie gets this style*/
	height:100%;/* for ie5 */
	he\ight:100%;/* for ie6 */
}
#col2inner {
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:3;
} 
.col2clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.col2clearfix {display:inline-block;}
/* mac hide - force layout in ie \*/
.col2clearfix {display: block;}
/* End hide */
/*Opera Fix*/
#col2header {
  background: #ffffff url('red/headertop.jpg') bottom right no-repeat;
	clear:both;
	position:relative;
	z-index:2;
	width: 100%;
  min-height: 60px;
	margin-top: 20px;/* soak up negative margin to make way for footer*/
	padding:0 0 1px;
}
#col2header h1 {
  font-family: Trebuchet MS;
  font-weight: normal;
  color: #AB1312;
  font-size: 2.4em;
  text-align: center;
  padding:0px 0px 0px 0px;
}
#col2left {
	width:174px;
	position:relative;
	float:left;
	z-index:2;
  padding: 10px 0px 0px 0px;
}
#col2l {
	position:absolute;
  width:174px;
	height:100%;
	left:0;	
	bottom:0;
	background:#FFFFCC;/* left column color*/
	z-index:1;
	clear:both;
}
* html #col2l {
	height:999em;
	bottom:-1px;
}
#col2centrecontent {
	float:left;
	width:100%;
	margin-right:-174px;/* width of left and right columns */
}
#col2content {
	margin-right:174px;/* width of left and right columns */
  padding: 10px 10px 10px 10px;
}
#col2footer {
	color: #FFFFFF;
  font-size: 0.8em;
  vertical-align: top;
  background: #AB1312;
  width: 100%;
	clear:both;
	margin:auto;
	position:relative;
	z-index:2;
	height:19px;
	text-align:center;
	border-top:0px solid #000;
}

* html #col2footer {/*only ie gets this style*/
	height:20px;/* for ie5 */
	he\ight:20px;/* for ie6 */
}
.col2clearfix {display:inline-block;}
/* mac hide - force layout in ie \*/
.col2clearfix {display: block;}
/* End hide */
/*Opera Fix*/
/****************************************/
/* Podatki o artiklu                    */
/****************************************/
.tabelaArtikli2{
  text-align: left;
  width:590px;
}               
.tabelaArtikli2 .artikel {
  border: 0px none;
  vertical-align: top;
  padding: 0px 0px 0px 0px;
} 
.tabelaArtikli2 h1 {
  color: #AB1312;
  font-family: Trebuchet MS; 
  font-size: 0.9em;
  font-weight:bold;
  text-align:left; 
  vertical-align: top;
  padding: 0px 0px 0px 0px;
}
.artikel_cena{
  color: #000000;
  font-weight: 600;
  font-size: .8em;
  text-align:left;
  vertical-align: top;
  padding:2px 0px 2px 0px;
  border-bottom: 1px dotted #AB1312;
} 
.artikel_cena_desno{
  color: #000000;
  font-weight: 600;
  font-size: .8em;
  text-align:right;
  vertical-align: top;
  padding:2px 0px 2px 0px;
  border-bottom: 1px dotted #AB1312;
}
.artikel_cena_desno_red{
  color: #AB1312;
  font-weight: 600;
  font-size: .8em;
  text-align:right;
  vertical-align: top;
  padding:2px 0px 2px 0px;
  border-bottom: 1px dotted #AB1312;
}                             
.artikel_kolicina{
  font-size: .8em;
  text-align:left;
  vertical-align: middle;
}
                       

.artikel_samostojno h1 {
  color: #AB1312;
  font-family: Trebuchet MS; 
  font-size: 0.9em;
  font-weight:bold;
  text-align:left; 
  vertical-align: top;
  padding: 0px 0px 5px 0px;
  margin: 0;
}
/****************************************/
/* Obrobe artikla                       */
/****************************************/
.tdarttopl {
  height:10px;
  background:transparent url('red/okvir_zgoraj_l.gif') top left no-repeat;
  border: 0px none;
}
.tdarttop {
  height:10px;
  background:transparent url('red/okvir_zgoraj.gif') top repeat-x;
  border: 0px none;
}  
.tdarttopr {
  width:10px;
  height:10px;
  background:transparent url('red/okvir_zgoraj_d.gif') top right no-repeat;
  padding:0px 5px 0px 0px;
} 
.tdartl {
  background:transparent url('red/okvir_levo.gif') top left repeat-y;
  width:10px;
}
.tdartr {
  background:transparent url('red/okvir_desno.gif') top right repeat-y;
} 
.tdartbotl {
  width:10px;
  height:10px;
  background:transparent url('red/okvir_spodaj_l.gif') bottom left no-repeat;
}
.tdartbot {
  height:10px;
  background:transparent url('red/okvir_spodaj.gif') bottom repeat-x;
}  
.tdartbotr {
  width:10px;
  height:10px;
  background:transparent url('red/okvir_spodaj_d.gif') bottom right no-repeat;
}
/****************************************/
/* Način plačila                        */
/****************************************/
.nacinPlacila {
  font-size: 1em;
  text-align: left; 
  border-top: 1px dashed #AB1312;
  border-bottom: 1px dashed #AB1312;
  vertical-align: top;
}
/****************************************/
/* Image                                */
/****************************************/
.slika {
  text-align:center;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 5px 0px 5px 0px;
}              
/******************************************************************************/
/* Vertikalni div s slikami                                                   */
/******************************************************************************/
.ver {
  float:left;
  width:220px;
  height:500px;
  overflow:auto;
  white-space:nowrap;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0px 0px 0px 0px;
}
/******************************************************************************/
/* Tabele                                                                     */
/******************************************************************************/
.tabelaOkvir {
  color: #AB1312;
  padding:0px 0px 0px 0px;
  border-top: 1px solid #AB1312;
  border-right: 0px none transparent;
  border-bottom: 0px none transparent;
  border-left: 1px solid #AB1312;
  border-spacing: 0px;
}  
.tabelaNaslovna {
  color: #000000;
  font-size: 0.8em;
  text-align: left; 
  font-weight: bold; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 0px none transparent;
  border-right: 1px solid #AB1312;
  border-bottom: 1px solid #AB1312;
  border-left: 0px none transparent;
  background: #E6B8B7;
} 
.tabelaNaslovnaTBR {
  color: #000000;
  font-size: 0.8em;
  text-align: left; 
  font-weight: bold; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 1px solid #AB1312;
  border-right: 1px solid #AB1312;
  border-bottom: 1px solid #AB1312;
  border-left: 0px none transparent;
  background: #E6B8B7;
}
.tabelaNaslovnaTBL {
  color: #000000;
  font-size: 0.8em;
  text-align: left; 
  font-weight: bold; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 1px solid #AB1312;
  border-right: 0px none transparent;
  border-bottom: 1px solid #AB1312;
  border-left: 1px solid #AB1312;
  background: #E6B8B7;
}                                      
.tabelaNaslovnaTLR {
  color: #000000;
  font-size: 0.8em;
  text-align: left; 
  font-weight: bold; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 1px solid #AB1312;
  border-left: 1px solid #AB1312;
  border-right: 1px solid #AB1312;
  border-bottom: 0px none transparent;
  background: #E6B8B7;
}
.tabelaNaslovnaBLR {
  color: #000000;
  font-size: 0.8em;
  text-align: left; 
  font-weight: bold; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 0px none transparent;
  border-left: 1px solid #AB1312;
  border-right: 1px solid #AB1312;
  border-bottom: 1px solid #AB1312;
  background: #E6B8B7;
} 
.tabelaNaslovnaTL {
  color: #000000;
  font-size: 0.8em;
  text-align: left; 
  font-weight: bold; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 1px solid #AB1312;
  border-left: 1px solid #AB1312;
  border-right: 0px none transparent;
  border-bottom: 0px none transparent;
  background: #E6B8B7;
} 
.tabelaNaslovnaTBR {
  color: #000000;
  font-size: 0.8em;
  text-align: left; 
  font-weight: bold; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 1px solid #AB1312;
  border-left: 0px none transparent;
  border-right: 1px solid #AB1312;
  border-bottom: 1px solid #AB1312;
  background: #E6B8B7;
} 
.tabelaNaslovnaTBLR {
  color: #000000;
  font-size: 0.8em;
  text-align: left; 
  font-weight: bold; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 1px solid #AB1312;
  border-left: 1px solid #AB1312;
  border-right: 1px solid #AB1312;
  border-bottom: 1px solid #AB1312;
  background: #E6B8B7;
}                           
.tabelaNaslovnaBrez {
  color: #000000;
  font-size: 0.8em;
  text-align: left; 
  font-weight: bold; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 0px none transparent;
  border-right: 0px none transparent;
  border-bottom: 0px none transparent;
  border-left: 0px none transparent;
  background: #E6B8B7;
}                    
.tabelaNaslovnaGumbBrez {
  color: #000000;
  text-align: left;
  font-weight: normal; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:5px 0px 0px 0px;
  border-top: 0px none transparent;
  border-right: 0px none transparent;
  border-bottom: 0px none transparent;
  border-left: 0px none transparent;
  background: #E6B8B7;
}
.tabelaNaslovnaDesno {
  color: #000000;
  font-size: 0.8em;
  text-align: right; 
  font-weight: bold; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 0px none transparent;
  border-right: 1px solid #AB1312;
  border-bottom: 1px solid #AB1312;
  border-left: 0px none transparent;
  background: #E6B8B7;
}                
.tabelaNaslovnaTB {
  color: #000000;
  font-size: 0.8em;
  text-align: left; 
  font-weight: bold; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 1px solid #AB1312;
  border-right: 0px none transparent;
  border-bottom: 1px solid #AB1312;
  border-left: 0px none transparent;
  background: #E6B8B7;
}   
.tabelaNaslovnaB {
  color: #000000;
  font-size: 0.8em;
  text-align: left; 
  font-weight: bold; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 0px none transparent;
  border-right: 0px none transparent;
  border-bottom: 1px solid #AB1312;
  border-left: 0px none transparent;
  background: #E6B8B7;
}                               
.tabela {
  color: #000000;
  font-size: 0.8em;
  text-align: left;
  font-weight: normal; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 0px none transparent;
  border-right: 1px solid #AB1312;
  border-bottom: 1px solid #AB1312;
  border-left: 0px none transparent;
} 
.tabelaD {
  color: #000000;
  font-size: 0.8em;
  text-align: left;
  font-weight: normal; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 0px none transparent;
  border-right: 1px solid #AB1312;
  border-bottom: 0px none transparent;
  border-left: 0px none transparent;
}       
.tabelaB {
  color: #000000;
  font-size: 0.8em;
  text-align: left;
  font-weight: normal; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 0px none transparent;
  border-right: 0px none transparent;
  border-bottom: 1px solid #AB1312;
  border-left: 0px none transparent;
}         
.tabelaBLR {
  color: #000000;
  font-size: 0.8em;
  text-align: left;
  font-weight: normal; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 0px none transparent;
  border-right: 1px solid #AB1312;
  border-bottom: 1px solid #AB1312;
  border-left: 1px solid #AB1312;
}
.tabelaTBFont {
  color: #000000;
  text-align: left;
  font-weight: normal; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:0px 0px 0px 0px;
  border-top: 1px solid #AB1312;
  border-right: 0px none transparent;
  border-bottom: 1px solid #AB1312;
  border-left: 0px none transparent;
}               
.tabelaTBLRFont {
  color: #000000;
  text-align: left;
  font-weight: normal; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:0px 0px 0px 0px;
  border-top: 1px solid #AB1312;
  border-right: 1px solid #AB1312;
  border-bottom: 1px solid #AB1312;
  border-left: 1px solid #AB1312;
}       
.tabelaDesno {
  color: #000000;
  font-size: 0.8em;
  text-align: right;
  font-weight: normal; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 0px none transparent;
  border-right: 1px solid #AB1312;
  border-bottom: 1px solid #AB1312;
  border-left: 0px none transparent;
}
.tabelaFont {
  color: #000000;
  text-align: left;
  font-weight: normal; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 0px none transparent;
  border-right: 1px solid #AB1312;
  border-bottom: 1px solid #AB1312;
  border-left: 0px none transparent;
} 
.tabelaFontBrez {
  color: #000000;
  text-align: left;
  font-weight: normal; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border: 0px none;
}
.tabelaFontDesno {
  color: #000000;
  text-align: right;
  font-weight: normal; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border-top: 0px none transparent;
  border-right: 1px solid #AB1312;
  border-bottom: 1px solid #AB1312;
  border-left: 0px none transparent;
}
.tabelaBrez {
  color: #000000;
  font-size: 0.8em;
  text-align: left;
  font-weight: normal; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border: none;           
}
.tabelaBrezDesno {
  color: #000000;
  font-size: 0.8em;
  text-align: right;
  font-weight: normal; 
  margin-top: 0px;
  margin-bottom: 0px; 
  padding:2px 2px 2px 2px;
  border: none;           
}                    
.tabelaGlava {
  color: #000000;
  font-size: 0.8em;
  font-weight: normal;
  text-align: left;  
  margin-top: 0px;
  margin-bottom: 0px;         
}        
/******************************************************************************/
/* Pagebreak                                                                  */
/******************************************************************************/                            
.pagebreak {
  page-break-after:always;
}