/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}
body
{
	
	text-align:center;
	/*background-color:#CCCCCC;*/
	

	
	
	
	/*background:#8e8c82 url(Images/bg.gif) repeat-x;*/
	
	/*background:url(Images/remote-desktop-control-bg-light-gray.gif) repeat;*/
	
	/*background-image: url(Images/LOGO.jpg);
	background-repeat:repeat;
	background-position:left;*/
	background-image:url("../../../images/bgBody.jpg");
	background-position: left 0px;  
	background-repeat: repeat-x; 
	color: #666666; /*666666;*/
	padding-top:10px;
	
	
	
 
	 
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px; /* 0.78em*/
}

h1, h2, h3, h4, h5, h6 {color:#444444;}

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {
	margin-top:1em;
	font-size: 1.4em;
	font-weight: bold;
}
h2 {
	margin-top:1em;
	font-size: 1.3em;
	font-weight: bold;
}
h3 {
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: normal;
}
h4 {
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
}
h5 {
	margin: 0.5em 0;
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	margin: 0.5em 0;
	font-size: 0.8em;
	font-weight: bold;
}

p  {margin: 1em 0;}   

a {text-decoration:underline;}

a:hover {text-decoration:none;}


#wrapper
{
    
	width:950px;
	
	margin-top:0;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:3px;
	border:1px solid #FFFFFF;	
	text-align:left;
	background-color:#E4E4E4;
	background-image:url("images/main_bg.png");
	background-repeat:repeat-y;
	background-position:top center;
	
}
* html .wrapper  
{
	   /*** IE5.x/win box model fix ***/
	width: 952px;
	width: 950px;
	
}
#header
{
	 background-color:white;
	width: 950px;
	padding-left: 0px;
	padding-right: 0px;
	height:150px; 
	
	
	 
	

}


.clearAll {
	clear: both;
}


DIV.logo{
	
	
	float: left;
	width: 150px;
	height: 150px;
	background-image: url("Images/PIO.jpg");
}

A.home /* logo AM */ {
	display: block;
	width: 150px;
	height: 150px;
}
 DIV.banner{

	float:left;
	width: 800px;
	height: 100px;
	text-align: left;
	

	
	
}
DIV.toolbar { 
	float: left;
	width: 800px;
	height: 23px;
	padding-left: 0px;
	
	font-size: 15px;
	line-height: 15px;
	
}

DIV.toolbar UL {
	margin: 0px;
	padding: 0px;
	float: left;
}

DIV.toolbar LI {
	display: block;
	float: left;
	list-style-type: none;
	font-size: 12px;
	line-height:15px;
}


DIV.menuTop {
	float: left;
	width: 800px;
	height: 27px;
	background-image: url("/images/bgMenuTop1.jpg");
	
}

DIV.menuTop UL {
	margin: 0px;
	padding: 0px;
}

DIV.menuTop LI {
	display: block;
	float: left;
	list-style-type: none;
	font-size: 1em;
	}
	
	DIV.menuTop A {
	color:#FFFFFF;
	font-size:1.2em;
	float: left;
	display: block;
	letter-spacing:0.5px;
	text-align:center;
	padding-top:6px;
	text-transform: uppercase;
	width: 159px;
	height: 21px;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
}

DIV.menuTop A.on,
DIV.menuTop A:hover
 {
	background-image:url("/images/bgMenuPress_a.jpg");
	background-repeat:repeat-x;
}


#search{
	position:absolute;
	bottom:5px;
	right:5px;
}
#mainnav {
	padding:0 150px;
	border-bottom:1px solid #FFFFFF;
	border-top: 1px solid  white;	 /*prej color #FC506F*/
	background-color:#F2F2F2;       /* #F2F2F2;*/
}

* html #mainnav tr {height:1.4em;}

#mainnav .item {
	padding:2px 7px;
	border-width:1px 0 0 1px; 
	border-style:solid; 
	 border-color:#FFFFFF;
	background-color:#DADADA; 
	color:#333333;
	
}

* html #mainnav .item {padding:0 20px;}

#mainnav .selected {
	background-color:#54B9ED; 
	color:#FFFFFF;
}
#mainnav .hover {
	color:#54B9ED; /*FF284E befor*/
	background-color:#DADADA;
}

#mainnav table {border-right:1px solid #FFFFFF;}

#mainnav table table {border-right:none;}

#contentwrapper{
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	margin-left: 150px;    /*** Critical left col dimension value ***/
	width: 648px; /*468px;*/   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	border-left: 1px solid #FFFFFF;  /*** Critical left divider dimension value ***/
	border-right: 1px solid #FFFFFF; /*** Critical right divider dimension value ***/
}

* html #contentwrapper {  /*** IE5.x/win box model fix ***/
	width: 650px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	width: 648px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}
#floatwrapper {
	float: left;
	width: 648px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-right: -1px;   /*** Static fix ***/
}
#centercolumn{
	float: right;
	width: 648px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	
	/* \*/
	margin-left: -1px; 
	/* Hidden from IE-mac */

	padding-top:30px;
}
#breadcrumbs{
	position:absolute;
	top:5px;
	left:25px;
	font-size:0.9em;
}
#breadcrumbs a {
	color:#000000;
	text-decoration:underline;
}

#breadcrumbs a:hover {text-decoration:none;}

#copy a {color:#444444 ;}    /*pej #FF284E,000033*/

#copy .container120 
{
	/*width: 415px;*/
	width:570px;
	 overflow:hidden;
     min-height:120px;
     height:auto !important;
     height:120px;


	
	/*margin:5px;*/
	margin:0 0 10px 25px;
	 
	padding:0px 20px 0px 20px;
	
	/*border:1px solid #C0C0C0;*/ /*solid #999999 prej*/
	/*background-color:#FFFFFF;*/   /*FFFFFF*/
	background-color:#ECECF5;
}

.container120 h2.title {
					color:#281563;
					text-decoration:none;
					font-size:1.4em;
					font-weight:bold;
					line-height:22px;
					}
					
					
					.container120 a.title {
					color:#444444 !important;
					text-decoration:none;
					font-size:1.4em;
					font-weight:bold;
					line-height:22px;
					}
					.container120 a.title:hover {
					text-decoration:underline;
					}
					
					.container120 h2.title:hover {
					text-decoration:underline;
					}
					.container120 p.desc {
					color:#565656;
					line-height:14px;
					}
					.container120 a.vec {
					color:#281563;
					text-decoration:underline;
					line-height:22px;
					float:right;
					margin:0 10px 0 0;
					
					padding:50px 0 0 0;
					
					
					}
					.container120 a.vec:hover {
					text-decoration:none;
					}







/*Produkti*/

DIV.leva {
		width:610px;
		float:left;
			min-height:120px;
			height:auto !important;
			height:120px;
		margin:0 0 10px 10px;
		display:inline;

		}

.leva div.projekt {
			 width:610px;
			float:left;
			margin:2px 0 8px 20px;
			
			
			
		 background-color:#ECECF5;
			display:inline;
			

			}
				.leva div.slika {
				width:102px;
				
				float:left;
				margin:5px 10px 10px 5px;
				
				
				
				
			
				}
				.leva div.slika img {
				border:1px solid #FFFFFF;
				margin:0;
				}
					.leva a.title {
					color:#444444 !important;
					text-decoration:none;
					font-size:1.4em;
					font-weight:bold;
					line-height:22px;
					}
					.leva a.title:hover {
					text-decoration:underline;
					}
					.leva p.desc {
					color:#565656;
					line-height:14px;
					}
					.leva a.vec {
					color:#444444  !important;
					text-decoration:underline;
					line-height:22px;
					float:right;
					margin:0 20px 0 0;
					
					}
					.leva a.vec:hover {
					text-decoration:none;
					}
					
					.leva .teaser{
	                margin-top:0;
	                color:#777777; 
                  	font-size:0.9em; /*0.9em*/
	                font-weight:normal;
                     }
                     
                     
                     
                     
                     
                     
/*Produkti UZO*/
DIV.levaUZO {
		width:610px;
		float:left;
			min-height:120px;
			height:auto !important;
			height:120px;
		margin:0 0 10px 10px;
		display:inline;

		}

.levaUZO div.projekt {
			 width:610px;
			float:left;
			margin:2px 0 8px 20px;
			 padding-right:4px;
			
			
		 background-color:#ECECF5;
			display:inline;
			

			}
				.levaUZO div.slika {
				width:186px;
				
				float:left;
				margin:5px 10px 10px 5px;
					}
					
				.levaUZO div.slikaValid {
				width:90px;
				height:120px;
				
				float:left;
				margin:5px 10px 10px 5px;
									
				}
				
				.levaUZO div.slikaValid60 {
				width:90px;
				height:60px;
				
				float:left;
				margin:5px 10px 10px 5px;
									
				}
				
				.levaUZO div.slikaValid50 {
				width:90px;
				height:40px;
				
				float:left;
				margin:5px 10px 10px 5px;
									
				}
				
				
				.levaUZO div.slikaValid2 {
				width:90px;
				
				
				float:left;
				margin:5px 10px 10px 5px;
									
				}
				
				levaUZO div.slikaValid img {
				border:1px solid #FFFFFF;
				margin:0;
				}
					
				.levaUZO div.slika img {
				border:1px solid #FFFFFF;
				margin:0;
				}
					.levaUZO a.title {
					color:#444444 !important;
					text-decoration:none;
					font-size:1.4em;
					font-weight:bold;
					line-height:22px;
					}
					.levaUZO a.title:hover {
					text-decoration:underline;
					}
					.levaUZO p.desc {
					color:#565656;
					line-height:14px;
					}
					.levaUZO a.vec {
					color:#444444  !important;
					text-decoration:underline;
					line-height:22px;
					float:right;
					margin:0 20px 0 0;
					
					}
					.levaUZO a.vec:hover {
					text-decoration:none;
					}
					
					.levaUZO .teaser{
	                margin-top:0;
	                color:#777777; 
                  	font-size:0.9em; /*0.9em*/
	                font-weight:normal;
                     }







#copy .container 
{
	/*width: 415px;*/
	
	height:160px;
	margin:0px;
	padding:0px 20px 15px 20px;
	border:1px solid #C0C0C0; /*solid #999999 prej*/
	background-color:#FFFFFF;   /*FFFFFF*/
}

#copy .containerform 
{
	/*width: 415px;*/
	
	
	margin:0px;
	padding:1px 20px 10px 20px;
	/*border:1px solid #C0C0C0;*/ /*solid #999999 prej*/
	background-color:#FFFFFF;   /*FFFFFF*/
}

#copy .containerReference 
{
	/*width: 415px;*/
	
	
	margin:0px;
	padding:1px 20px 10px 45px;
	
	/*border:1px solid #C0C0C0;*/ /*solid #999999 prej*/
	background-color:#FFFFFF;   /*FFFFFF*/
	
}



#copy .containerformOCT 
{
	/*width: 415px;*/
	
	
	margin:0px;
	padding:6px 20px 10px 20px; 
	/*border:1px solid #C0C0C0;*/ /*solid #999999 prej*/
	background-color:#FFFFFF;   /*FFFFFF*/
}

#copy .containerform .levo
{    width:270px;
	float: right;
	margin-right: 12px;
	}
#copy .containerform  .desno
{ float:left;
  padding-left:10px;
  
  
	}

#copy .containerproduct
{
	/*width: 415px;*/
	
	 height:600px;
	margin:0px;
	padding:0px 20px 15px 20px;
	border:1px solid #C0C0C0; /*solid #999999 prej*/
	background-color:#FFFFFF;   /*FFFFFF*/
}

#copy .containerproducts 
{
	/*width: 415px;*/
	
	
	
	width: 178px;
	height:164px;
	
	
	/*margin:5px;*/
	padding:0 20px 15px 20px;
	border:1px solid #C0C0C0; /*solid #999999 prej*/
	background-color:#FFFFFF;   /*FFFFFF*/
}

/* \*/
* html #copy .container {height:1%;}
* html #copy .container120 {height:1%;}
* html #copy .containerproducts {height:1%;}
* html #copy .containerform {height:1%;}
* html #copy .containerformOCT {height:1%;}
* html #copy .containerproduct {height:1%;}
* html #copy .containerReference {height:1%;}              
/* */

 #rightcolumn img {border:1px solid #707070 !important;} /*prej #FF284E  #copy img,  */

#copy .teaser{
	margin-top:0;
	color:#777777; 
	font-size:0.9em; /*0.9em*/
	font-weight:normal;
}

#copy td, #copy th {padding: 0.2em 0.5em;}

#copy .container table tr {font-size:0.9em;}
#copy .containe120 table tr {font-size:0.9em;}
#copy .containerproducts table tr {font-size:0.9em;}
#copy .containerproduct table tr {font-size:0.9em;}
#copy .containerform table tr {font-size:0.9em;}
#copy .containerformOCT table tr {font-size:0.9em;}
#copy .containerReference table tr {font-size:0.9em;}
.txtBox {border:1px solid #666666;}

#copy fieldset {	
	margin:1em 0;
	padding:1em;
	border:1px solid #CCCCCC;
}

#copy legend {
	color:#666666;
	background-color:#FFFFFF;
}

* html #copy legend {padding:0.5em;}

.button {
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    background-color:#6E6EB6;
    font-size:1em;
}

#copy .container .button {border-color:#CCCCCC;}
#copy .container120 .button {border-color:#CCCCCC;}
#copy .containerprodutcs .button {border-color:#CCCCCC;}
#copy .containerform .button {border-color:#CCCCCC;}
#copy .containerformOCT .button {border-color:#CCCCCC;}
#copy .containerprodutcs .button {border-color:#CCCCCC;}
#copy .containerReference .button {border-color:#CCCCCC;}

div.readmore {
	text-align:right;
	font-size:0.9em;
}

#leftcolumn {
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 152px;    /*** Critical left col/divider dimension value ***/
	margin-left: -151px;    /*** Critical left col/divider dimension value ***/
	padding-top:21px;   /*30px Change!*/
	
	
	 
	
}
* html #leftcolumn {
	float:left;	
	padding-top:21px;
	
}

*>html #leftcolumn {width:151px;}   /*** Fix only for IE/Mac ***/

/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html #leftcolumn {margin-right: -3px;}
/* */

#leftcolcontainer{
	width: 150px;    /*** Critical left col dimension value ***/
}

#subnav 
{    
     padding-left:0px;
	 overflow:hidden; 
	  
	 margin-bottom:10px;
	
}

* html #subnav tr {height:1.3em;}

#subnav .item 

{    
	 
	  
	 font-size:1.2em; 
	 height:16px; /*22px*/
	 padding:2px 0;
	 
	  
	 
	 
	 border-bottom:1px ridge #FFFFFF;
	
	background-color:Transparent; 
	color:#333333; 
}

* html #subnav .item {padding:0 0px;}

#subnav .selected 
{
	/*background-image: url("/images/subnav.jpg");*/
	/*background-color:#EB0030; /** prej FF9900**/
	color:#EB0030;  /*#FFFFFF*/
}
#subnav .hover 
{    
	/*background-image: url("/images/subnav.jpg");*/
	color:#EB0030; /** prej FF284E**/
	/*background-color:#EB0030; */ 
	 text-decoration: underline;
}

#subnav table {border-bottom:0px ridge #FFFFFF; }

#subnav table table {border-bottom:none;}

h4 img {margin-bottom:-0.5em;}

#rightcolumn{
	float: left; 
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 152px;    /*** Critical right col/divider dimension value ***/
	margin-right: -150px;    /*** Critical right col/divider dimension value ***/
	margin-left: -1px;   /*** Static fix ***/
	padding-top:30px;  /*30px Change!*/
}

/* \*/
* html #rightcolumn {
	margin-left: 0px; 
	margin-right: -500px; 
	margin-right: -152px;
	padding-top:25px;
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/

#rightcolcontainer{
	/* \*/
	width: 150px;
	/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
	margin-left: 3px;    /*** Critical right divider dimension value ***/
}

/* \*/
* html #rightcolcontainer {
	float: right;
	margin-left: 2px; 
	margin-left: 0px; 
}
/* */
.map
{
	border:1px solid #707070;
}
	
.sidebarcontainer{
	margin:5px;
	padding:6px;
	border:1px solid #C0C0C0;
	background-color:#EFEFEF;  /*#EFEFEF;BEBEDD;C5C5E1;C7C7E2;E0E0EF */
	font-size:10px;	 /*Smaller*/
	color:#444444; /*281563*/
}
.sidebarcontainerblue{
	margin:5px;
	padding:6px;
	/*border:1px solid #FFFFFF;*/
	/*background-color: #EFEFEF; */
	font-size:smaller;	
}

.whitecolor{color:white} 
.bluecolor{color:#29166F}


	 

.sidebarcontainersmall{
	margin:5px;
	 padding:0px;
	
	font-size:10px;	 /*Smaller*/
	color:#444444;
	
	
}

#rightcolumn .sidebarcontainersmall2 img {border:0px solid #707070 !important;}

/* \*/
* html .sidebarcontainer {height:1%;}
* html .sidebarcontainersmall {height:1%;}
* html .sidebarcontainerblue {height:1%;}
/* */


.sidebarcontainer a {color:#000033;} /*prej#FF284E  */

.sidebarcontainer li {list-style-type:none;}

.sidebarcontainersmall a {color:#000033;} /*prej#FF284E  */

.sidebarcontainersmall li {list-style-type:none;}

.sidebarcontainerblue a {color:#000033;} /*prej#FF284E  */

.sidebarcontainerblue li {list-style-type:none;}

#footer {
	clear:both;
	margin:1px 5px;
	padding:2px 20px;
	/*border:1px solid #999999;*/
	background-color:white;
	font-size:0.9em;
	/*border-top:1px solid #999999;*/
}

#footer a {
	margin:1px 5px;
	color:#000033; /*prej #FF284E*/
}

.imgfloatright {
	float:right;
	display:inline;
	margin: 0.25em 0 0.25em 1em;
}

.imgfloatleft {
	float:left;
	display:inline;
	margin: 0.25em 1em 0.25em 0;
	
}



.imgfloatleftbig {
	float:none;
	display:inline;
	margin: 0.25em 1em 0.25em 0;
}




@media print {	
	body{
		font-size:11pt;
		line-height:13pt;
		background:#FFFFFF !important;
	}	
	#wrapper, #contentwrapper, #floatwrapper, #centercolumn, * html #wrapper, * html #contentwrapper, * html #floatwrapper, * html #centercolumn {
		width:auto !important;
		margin:auto !important;
	}

	#wrapper, #contentwrapper {border:none;}

	#mainnav{
		padding:0;
		text-align:center;
	}

	#leftcolumn, #rightcolumn, #search {display:none;}

	#wrapper, #header, #mainnav, #mainnav .item, #mainnav .selected, #copy .container,#copy .container120, #copy .containerform,containerReference,#copy .containerformOCT, #copy .containerprodutcs,#copy .containerprodutc, #footer {
		background:transparent;
	}
	#centercolumn {
		float:none;
		margin:0 1em 0 2.5em;
	}	

	#breadcrumbs {position:static;}

	#copy .container{
		margin:0;
		padding:0 !important;
		border-style:none !important;
		border-width:0;
	}
	#copy .container120{
		margin:0;
		padding:0 !important;
		border-style:none !important;
		border-width:0;
	}
	
	#copy .containerform{
		margin:0;
		padding:0 !important;
		border-style:none !important;
		border-width:0;
	}
	
	#copy .containerReference{
		margin:0;
		padding:0 !important;
		border-style:none !important;
		border-width:0;
	}
	
	#copy .containerformOCT{
		margin:0;
		padding:0 !important;
		border-style:none !important;
		border-width:0;
	}
	#copy .containerproducts{
		margin:0;
		padding:0 !important;
		border-style:none !important;
		border-width:0;
	}
		#copy .containerproduct{
		margin:0;
		padding:0 !important;
		border-style:none !important;
		border-width:0;
	}
	
    #copy fieldset {border:none;}	
	    
	#footer{	
		position:static;
		border-style:none !important;
		border-top:1px solid #000000;
	}
	

}

/* xp  */


.CustomTabStyle .ajax__tab_header {font-family:verdana,tahoma,helvetica; font-size:11px; background:url(../../../images/tab-line.gif) repeat-x bottom;}
.CustomTabStyle .ajax__tab_outer {padding-right:4px; height:21px; }
.CustomTabStyle .ajax__tab_inner {padding-left:3px; }
.CustomTabStyle .ajax__tab_tab {height:13px; padding:4px; margin:0;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_outer {  color:White; background:url(../../../images/tab-hover-right.gif) no-repeat right;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_inner {  color:White; background:url(../../../tab-hover-left.gif) no-repeat; }
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab { background-color:#B4B4FC; color:White}
.CustomTabStyle .ajax__tab_active .ajax__tab_outer { color:White;background:url(images/tab-active-right.gif) no-repeat right;}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner { color:White; background:url(../../../images/tab-active-left.gif) no-repeat;}
.CustomTabStyle .ajax__tab_active .ajax__tab_tab { background-color:#6E6EB6;color:White;}
.CustomTabStyle .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:12px; color:#333333; border:1px solid #DEDFDE;border-top:0;padding:8px;background-color:#ffffff;border-collapse:collapse;}/*ppt*/
.CustomTabStyle .ajax__tab_body li {font-size:12px;}










/*

.CustomTabStyle .ajax__tab_header {font-family:verdana,tahoma,helvetica; font-size:11px; background:url(../../../images/tab-line.gif) repeat-x bottom;}
.CustomTabStyle .ajax__tab_outer {padding-right:4px; background:url(../../../images/tab-right.gif) no-repeat right; height:21px;}
.CustomTabStyle .ajax__tab_inner {padding-left:3px; background:url(../../../images/tab-left.gif) no-repeat;}
.CustomTabStyle .ajax__tab_tab {height:13px; padding:4px; margin:0; background:url(../../../images/tab.gif) repeat-x;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_outer { background:url(../../../images/tab-hover-right.gif) no-repeat right;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_inner { background:url(../../../tab-hover-left.gif) no-repeat;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab { background:url(../../../images/tab-hover.gif) repeat-x;}
.CustomTabStyle .ajax__tab_active .ajax__tab_outer { background:url(images/tab-active-right.gif) no-repeat right;}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner { background:url(../../../images/tab-active-left.gif) no-repeat;}
.CustomTabStyle .ajax__tab_active .ajax__tab_tab { background:url(../../../images/tab-active.gif) repeat-x;}
.CustomTabStyle .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:9pt;border:1px solid #54B9ED;border-top:0;padding:8px;background-color:#ffffff;}

*/



DIV.toolbar UL.lang { float: right; width: 350px; }
DIV.toolbar UL.lang LI { float: right; }
DIV.toolbar A {
	display: block;
	padding: 6px 10px 6px 20px;
	color: #999999; /*999999*/
	text-decoration: none;
	background-position: left;
	background-repeat: no-repeat;
}

DIV.toolbar A:hover { color: #EB0030; }
DIV.toolbar A.language /* jeziki */ {	padding-left: 10px; }
A#home { background-image: url("/App_Themes/Default/Images/iconHome.gif"); }
A#home:hover { background-image: url("/App_Themes/Default/Images/iconHome_a.gif"); }
A#back { background-image: url("/App_Themes/Default/Images/iconBack.gif"); }
A#back:hover { background-image: url("/App_Themes/Default/Images/iconBack_a.gif"); }
A#print { background-image: url("/App_Themes/Default/Images/iconPrint.gif"); }
A#print:hover { background-image: url("/App_Themes/Default/Images/iconPrint_a.gif"); }

DIV.toolbar SPAN {
	display: block;
	padding: 6px 10px;
	color: #281563;   /*#EB0030*/
	font-weight: bold;
}

.buttond.fixed { width:99px;   color : #2F3885 !important; background-image: url( '../../../images/button_fixed.gif' ); overflow: hidden; text-decoration: none; text-transform:none; text-align:center; display:block; line-height: 22px; }

  

/***** OFFER PIO*****/



.buttonimage { float:left; width: 99px; color: #2F3885 !important; background-image: url( '../../../images/button_fixed.gif' ); overflow: hidden; }/*#2F3885*/

.offer h4 { margin: 5px 0 5px 0;   font-size: 1.2em; color: #281563 !important;
    height: 49px;
}  /*#2F3885*/
.offerk h4 { margin: 5px 0 5px 0;   font-size: 1.2em; color: #281563 !important; }  /*#2F3885*/
DIV.offer { float: left; width: 112px; margin:5px 10px 5px 0px; }
DIV.offerk { float: left; width: 112px; margin:5px 0px 5px 0px;   }

.offer img {border:1px solid #707070 !important;}
.offerk img {border:1px solid #707070 !important;}



.offer .price { font-size: 1.3em; font-weight: bold;}
.offer .price p { margin:0; }

.offerk .price { font-size: 1.3em; font-weight: bold;}
.offerk .price p { margin:0; }



.offer a {color: #281563 !important; text-decoration: none; text-transform: uppercase; height:22px} /*#2F3885*/
.offer a:hover { text-decoration: underline;}
.offer p {margin:0;}

.offerk a {color: #281563 !important; text-decoration: none; text-transform: uppercase; height:22px} /*#2F3885*/
.offerk a:hover { text-decoration: underline;}
.offerk p {margin:0;}


.offer .description { height: 45px; overflow: hidden;  }
.offer .description2 { height: 350px; overflow: hidden; background-color: #ECECF5; padding-left:4px;}
.offerk .description { height: 45px; overflow: hidden;  }
.offerk .description2 { height: 350px; overflow: hidden; background-color: #ECECF5; padding-left:4px;}
.offerk .description2b { height: 350px; overflow: hidden; padding-left:4px;}

.offer .description2 a.vec {color:#666666 !important;  text-decoration:none !important; text-transform:none !important}
.offer .description2b a.vec { color:#666666 !important;  text-decoration:none !important; text-transform:none !important}

.offerk .description2 a.vec {color:#666666 !important;  text-decoration:none !important; text-transform:none !important}
.offerk .description2b a.vec { color:#666666 !important;  text-decoration:none !important; text-transform:none !important}

.offer .description2 a.vec:hover{color: #EB0030 !important;}
.offer .description2b a.vec:hover{color: #EB0030 !important;}

.offerk .description2 a.vec:hover {color: #EB0030 !important;}
.offerk .description2b a.vec:hover {color: #EB0030 !important;}


/***** OFFER PIO OCT*****/
.offer2 h4 { margin: 5px 0 5px 0;   font-size: 1.2em; color: #281563 !important; background-color: #ECECF5; }  /*#2F3885*/
.offer2k h4 { margin: 5px 0 5px 0;   font-size: 1.2em; color: #281563 !important; background-color: #ECECF5; }  /*#2F3885*/
DIV.offer2 { float: left; width: 140px; margin:5px 15px 5px 0px;}
DIV.offer2k { float: left; width: 140px; margin:5px 0px 5px 0px;}

.offer2 img {border:1px solid #707070 !important;}
.offer2k img {border:1px solid #707070 !important;}


.offer2 .price { font-size: 1.3em; font-weight: bold;}
.offer2 .price p { margin:0; }
.offer2k .price { font-size: 1.3em; font-weight: bold;}
.offer2k .price p { margin:0; }



.offer2 a {color: #281563 !important; text-decoration: none; text-transform: uppercase; height:22px} /*#2F3885*/
.offer2 a:hover { text-decoration: underline;}
.offer2 p {margin:0;}
.offer2k a {color: #281563 !important; text-decoration: none; text-transform: uppercase; height:22px} /*#2F3885*/
.offer2k a:hover { text-decoration: underline;}
.offer2k p {margin:0;}


.offer2 .description { height: 0px; overflow: hidden; }
.offer2 .description2 { height: 350px; overflow: hidden; }
.offer2k .description { height: 0px; overflow: hidden; }
.offer2k .description2 { height: 350px; overflow: hidden; }



DIV.defautltop2 {float: left; overflow: hidden; padding:12px 0px 15px 22px; width:100%;}
DIV.defautltop {float: left; overflow: hidden; padding:0px 0px 15px 22px; width:100%;}
DIV.defaultbottom {float:left; overflow: hidden; padding:0px 0px 15px 22px; width:100%;}




/***** OFFER PIO UZO*****/
buttonimage { float:left; width: 99px; color: #2F3885 !important; background-image: url( '../../../images/button_fixed.gif' ); overflow: hidden; }/*#2F3885*/

.offer3 h4 { margin: 5px 0 5px 0;   font-size: 1.2em; color: #281563 !important; }  /*#2F3885*/
.offer3k h4 { margin: 5px 0 5px 0;   font-size: 1.2em; color: #281563 !important; }  /*#2F3885*/
DIV.offer3 { float: left; width: 280px; margin:5px 45px 5px 0px; }
DIV.offer3k { float: left; width: 280px; margin:5px 0px 5px 0px; }

.offer3 img {border:1px solid #707070 !important;}
.offer3k img {border:1px solid #707070 !important;}



.offer3 .price { font-size: 1.3em; font-weight: bold;}
.offer3 .price p { margin:0; }

.offer3k .price { font-size: 1.3em; font-weight: bold;}
.offer3k .price p { margin:0; }



.offer3 a {color: #281563 !important; text-decoration: none; text-transform: uppercase; height:22px} /*#2F3885*/
.offer3 a:hover { text-decoration: underline;}
.offer3 p {margin:0;}

.offer3k a {color: #281563 !important; text-decoration: none; text-transform: uppercase; height:22px} /*#2F3885*/
.offer3k a:hover { text-decoration: underline;}
.offer3k p {margin:0;}


.offer3 .description { height: 45px; overflow: hidden;  }
.offer3 .description2 { height: 35px; overflow: hidden; background-color: #ECECF5; padding-left:4px;}
.offer3k .description { height: 45px; overflow: hidden;  }
.offer3k .description2 { height: 35px; overflow: hidden; background-color: #ECECF5; padding-left:4px;}
.offer3k .description2b { height: 35px; overflow: hidden; padding-left:4px;}


/***** OFFER PIO OCT*****/
.offer4 h4 { margin: 5px 0 5px 0;   font-size: 1.2em; color: #281563 !important; background-color: #ECECF5; }  /*#2F3885*/
.offer4k h4 { margin: 5px 0 5px 0;   font-size: 1.2em; color: #281563 !important; background-color: #ECECF5; }  /*#2F3885*/
DIV.offer4 { float: left; width: 190px; margin:5px 15px 5px 0px;}
DIV.offer4k { float: left; width: 190px; margin:5px 0px 5px 0px;}

.offer4 img {border:1px solid #707070 !important;}
.offer4k img {border:1px solid #707070 !important;}


.offer4 .price { font-size: 1.3em; font-weight: bold;}
.offer4 .price p { margin:0; }
.offer4k .price { font-size: 1.3em; font-weight: bold;}
.offer4k .price p { margin:0; }



.offer4 a {color: #281563 !important; text-decoration: none; text-transform: uppercase; height:22px} /*#2F3885*/
.offer4 a:hover { text-decoration: underline;}
.offer4 p {margin:0;}
.offer4k a {color: #281563 !important; text-decoration: none; text-transform: uppercase; height:22px} /*#2F3885*/
.offer4k a:hover { text-decoration: underline;}
.offer4k p {margin:0;}


.offer4 .description { height: 0px; overflow: hidden; }
.offer4 .description2 { height: 350px; overflow: hidden; }
.offer4k .description { height: 0px; overflow: hidden; }
.offer4k .description2 { height: 350px; overflow: hidden; }







/*****naslovnica - pasice male spodaj RGB 112 112 114 napis siv********/

.containerPasicePio{
	display:inline-block;
	width: 100%;
	margin-top: 0px;
	}
.containerPasicePio .prva {
	float: left;
	margin-right: 12px;
	}
.containerPasicePio .druga {
	float: left;
	}
	
	.txtSmall {
	font-size: 10px;
	}

span.pripis {
	display:block;
	}



/*Meni levo*/

DIV.menuLeft {
	
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom:12px;
	font-size: 1.2em;
}

DIV.menuLeft A 
{
	display: block;
	padding: 5px 10px;
	color: #281563;
	text-decoration: none;
}
DIV.menuLeft A:hover 
{
	color: #EB0030;
}


DIV.menuLeft LI {
	display: block;
	list-style-type: none;
	font-size: 1em;
	line-height: 1em;
}

* html .menuLeft LI {
	display: block;
	list-style-type: none;
	font-size: 0.9em;
	line-height:0.9em;
	height:8px;
	
	
}

	
	DIV.menuLeft UL {
	margin: 0px;
	padding: 0px;
}



TABLE.kartica TD {
	padding: 2px 5px;
}