/*****************************************************************
* mikroE screen style
* Author: Nikola Topalovic @ http://mikroe.com/
* $Date: 2005/10/26 15:22$
*****************************************************************/

/** Clear the browser defaults **/
* {margin:0; padding:0;}

body {	
	padding:12px;
	background:#e9e9e9 url(/images/bg_body.gif);
	font:small/1.6 "Trebuchet MS","Lucida Grande","Arial",sans-serif;
	text-align:center;
	color:#221;
}
/*
	min-width:730px;
	max-width:1000px;
	margin:0 auto;
	border:1px solid #c3c3c3;
	background:#fff;
	text-align:left;
	*/
#wrap {
	min-width:730px;
	max-width:830px;
	width:expression(document.body.clientWidth > 830? "830px": "auto" );
	margin:0 auto;
	border:1px solid #c3c3c3;
	background:#fff;
	text-align:left;
}
#content {
	padding:1em 2%;
}

#main {
}
#side {
}


/** Basic elements **/
p {margin:1.2em 0;}
ul,ol {margin:0 0 1.4em 0; padding-left:2.4em;}
ul {list-style-type:square;}

acronym {
	border-bottom:1px dashed #ddd;
	cursor:help;
}
kbd {
	/* white-space:nowrap; */
	padding:0 0.2em;
	border-top:1px double #cfcfcf;
	border-left:2px solid #bababa;
	border-right:3px solid #aaa;
	border-bottom:4px solid #909090;
	background-color:#efefef;
	color:#222;
	font-family:"Verdana","Tahoma",sans-serif;
	font-size:80%;
	text-align:center;
}
address {
	font-style:normal;
	font-weight:normal;
}
pre,code {
	color:#060;
	font:100%/1.5 "Courier New","Monaco","Courier",monospace;
}
/*pre,codeproject {
	width:750px;
	color:#060;
	font:100%/1.5 "Courier New","Monaco","Courier",monospace;
}*/
pre,codehelp {
	width:750px;/*stari 650px*/
	color:#060;
	font:100%/1.5 "Courier New","Monaco","Courier",monospace;
}
pre {
	margin:1.4em 0;
	padding:.8em;
	border:1px solid #cdd;
	background:#f0f0f3;
}


/** Links **/
/* Lord Vader's Former Handle, Anakin */
a,a:link,a:visited {
	color:#039;
}
a:focus, a:hover,a:active {
	color:#900;
}
a img {border:0;text-decoration:none;}

ul.blocklink li a {
	width:150px;
	padding-left:5px;
	border:#bbb 1px solid;
	background:#f6f6f6;
	color:#039;
	text-decoration:none;
	text-align:left;
}
ul.blocklink li a:focus,ul.blocklink li a:hover,ul.blocklink li a:active {
	background:#424242;
	color:#fff;
}

/* Ikonice za dl */
a.dlpdf {padding-left:20px; background:url(/images/icon_pdf16.gif) no-repeat 0 60%;}
a.dlzip {padding-left:20px; background:url(/images/icon_zip16.gif) no-repeat 0 60%;}
a.dlexe {padding-left:20px; background:url(/images/icon_exe16.gif) no-repeat 0 60%;}
a.dlhtml {padding-left:20px; background:url(/images/icon_html16.gif) no-repeat 0 60%;}
a.email {padding-left:35px; background:url(/images/email.gif) no-repeat 0 60%;}


/** Headings **/

h1,h2,h3,h4 {
	margin:.6em 0;
	color:#933;
	font-weight:normal;
}
h1 {font-size:220%;	margin:0 0 .7em 0;}
h2 {font-size:165%;}
h3 {font-size:135%; color:maroon;}
h4 {font-size:120%; color:maroon;}
/* Naslovi kao linkovi: */
h1 a,h1 a:link,h1 a:visited,h1 a:focus,h1 a:hover,h1 a:active {text-decoration:none; color:#933;}
h2 a,h2 a:link,h2 a:visited,h2 a:focus,h2 a:hover,h2 a:active {text-decoration:none; color:#933;}
h3 a,h3 a:link,h3 a:visited,h3 a:focus,h3 a:hover,h3 a:active {text-decoration:none; color:maroon;}
h4 a,h4 a:link,h4 a:visited,h4 a:focus,h4 a:hover,h4 a:active {text-decoration:none; color:maroon;}
.subhead {
	margin:0;
	font-size:110%
}


/** Navigation bar **/
#navmain {
	list-style:none;
	overflow:hidden; /* simple clearing */
	margin:0;
	padding:0;
	background:#f6f6f6;
	/*text-transform:lowercase;*/
	border:1px solid #ccc;
	border-width:1px 0;
}
#navmain li {
	display:block;
	float:left;
	margin:0;
}
#navmain li a {
	display:block;
	padding:.2em .5em;
	border-right:1px solid #ccc;
	line-height:normal;
	text-decoration:none;
}
/* normal tab */
#navmain li a:link,#navmain li a:visited {
	color:#444;
	text-decoration:none;
}
/* "you are here" tab */
#navmain li a.here {
	background:#e6e6e6;
	color:#900;
	text-decoration:none;
}
/* active/focus tab */
#navmain li a:focus,#navmain li a:hover,#navmain li a:active {
	background:#424242;
	color:#fff;
	text-decoration:none;
}

	/** Navigation bar2 **/
	#navmain2 {
		list-style:none;
		overflow:hidden; /* simple clearing */
		margin:0;
		padding:0;
		background:#f6f6f6;
		/*text-transform:lowercase;*/
		border:1px solid #ccc;
		border-width:1px 0;
	}
	#navmain2 li {
		display:block;
		float:left;
		margin:0;
	}
	#navmain2 li a {
		display:block;
		padding:.2em .5em;
		border-right:1px solid #ccc;
		line-height:normal;
		text-decoration:none;
	}
	/* normal tab */
	#navmain2 li a:link,#navmain2 li a:visited {
		color:#444;
		text-decoration:none;
	}
	/* "you are here" tab */
	#navmain2 li a.here {
		background:#e6e6e6;
		color:#900;
		text-decoration:none;
	}
	/* active/focus tab */
	#navmain2 li a:focus,#navmain2 li a:hover,#navmain2 li a:active {
		background:#424242;
		color:#fff;
		text-decoration:none;
	} 
		
/** Header **/

#logo {margin:0;}



/** Footer **/
#footer {
	padding:10px 0;
	border-top:1px dashed #c6c6c6;
	background:#f3f3f3; /*#eed*/
	color:#554;
	font-size:85%;
	text-align:center;
}
#footer p {margin:0;}
#footer ul {
	overflow:hidden;
	list-style:none;
	margin:0 0 1em 0;
	padding:0;
}
#footer li {
	display:inline;
	padding:0 1.5em 0 0;
	margin:0;
	white-space:nowrap;
}


/** Forms **/
form.realform {
	margin:1.2em 0;
	padding:0em 1em;
	border:1px solid #ddd;
	background:#f9f9f9;
}
select,input,textarea {
	font-size:100%;
	color:#050;
}
select, input {
	width:16em;
	font-family:"Trebuchet MS","Lucida Grande","Arial",sans-serif;
}
textarea {
	width:25em;
	font-family:"Courier New","Monaco","Courier",monospace;
}
input[type=checkbox] {width:auto;}  /*std*/
input.checkbox {width:auto;}        /*ie*/

.izbor {
 width:20px;
 background:#f9f9f9;
 font-size:100%;
 color:#050;
 border:0px solid #ddd;
 padding-bottom: 5px;
}

/* Buttons */
.pushbutton {
	width:auto;
	margin:0 .3em 0 0;
	background:#fff;
	color:#777;
	border:1px solid #999;
	padding:.2em .4em;
	line-height:1;
	cursor:pointer;
}
#submit {font-weight:bold;}
.pushbutton:hover,.pushbutton:focus {
	border:1px solid #333;
	color:#333;
}

/* "Trakasti" naslov kao glava forma */
/*form h2 {
	margin:-1em;
	margin-bottom:1em;
	padding:0;
	padding-left:.4em;
	background:brown;
	color:#fff;
	font-size:100%;
}*/

/* Form errors */
form #errormsg {
	border:1px solid #c00;
	margin:.4em 0;
	padding:0 .4em;
}
form .errorfield {
	background:#fdd;
}

/** Search box **/
#search form {
	background:transparent;
	padding:0;
	border:0;
}
#search input,#search select {
	width:auto;
}


/** Reusables **/

.hide {display:none;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.flleft {float:left; margin-right:1em;}
.flright {float:right; margin-left:1em;}
.flright2 {float:right; padding-right:3em;}
.cl {clear:both;}
.simpleclear {overflow:hidden;}

.noborder {border:1px solid #fff;}
.bordered {border:1px solid #ccc;}
.underline {text-decoration:underline;}
.overline {text-decoration:overline;}

.small {font-size:92%;}
.exsmall {
	        font-size:80%;
	        padding-left:20px;
	        }


/** Expandable explorer trees: **/

ul.aqtree3clickable ul {margin:0;}

/* Turn off list bullets */
ul.aqtree3clickable li {list-style:none;}

ul.aqtreeclickable, ul.aqtreeclickable ul, ul.aqtreeclickable li {margin:0; padding:0;}

/* Provide space for our own "bullet" inside the link */
ul.aqtree3clickable li a {padding-left:20px;}

/* Show "bullets" in the links, depending on the class of the
   LI that the link's in */
ul.aqtree3clickable li.aq3open a {
    background:url(/images/minus.gif) center left no-repeat;
}
ul.aqtree3clickable li.aq3closed a {
    background:url(/images/plus.gif) center left no-repeat;
}
ul.aqtree3clickable li.aq3bullet a {
    background:url(/images/bullet.gif) center left no-repeat;
}

/* Actually show and hide sublists */
ul.aqtree3clickable li.aq3open ul {display:block;}
ul.aqtree3clickable li.aq3closed ul {display:none;}


/*
* Generic two-column layout (.twocol)
*****************************************************************/
body.twocol #content {
	overflow:hidden; /* simple clearing */
	background:url(/images/bg_twocol1.png) 67% 0 repeat-y;
	/* gecko pravi probleme sa duplim paddingom na #content-u,
	   pa mora % margina na #main i #side */
	padding:1em 0;
}
body.twocol #main {
	display:inline; /* IEwin doubled margin bug fix */
	float:left;
	width:66%;
	margin-left:2%;
}
body.twocol #side {
	display:inline; /* IEwin doubled margin bug fix */
	float:right;
	width:27%;
	margin-right:2%;
	font-size:85%;
}
body.twocol #side h2 {
	border-bottom:1px solid #ccc;
}

/*
* Generic thumbs layout (.thumbholder)
*****************************************************************/
/*
  "Thumbs" galerija, sa po 2 boxa u redu.
  - element .thumbholder je wrapper za celu galeriju
  - .thumbrow je "row", slichan elementu <tr>
  - .thumb sadrzhi tekst i slike
*/
.thumbholder {
	margin:1.4em 0;
}
/* Simple clearing */
.thumbrow {overflow:hidden;}
* html .thumbrow {height:1%;}
.thumbrow {
	margin:.5em 0;
}
.thumb {
	width:47%;
	float:left;
	margin-left:1.3%;
}

.thumb h2,.thumb h3 {
	background:#eee;
	padding-left:.3em;
	margin-top:0;
}

.thumbmax {
	width:95%;
	float:left;
	padding-top:0px;
	margin-left:1.3%;
}

.thumbmax h2,.thumbmax h3 {
	background:#eee;
	padding-left:.3em;
	margin-top:0;
}

.thumb2 {
	width:200px;
	float:left;
	margin-left:1.3%;
}
.thumb2 p{
  padding-left:20px;
}
.thumb3 {
	width:70%;
	float:left;
	margin-left:7%;
}


.thumb3 h2,.thumb3 h3 {
	background:#eee;
	padding-left:.3em;
	margin-top:0;
}

.imglevo{
	float:right;
	padding:0;
	margin-left:0;
	}
.imglevokomp{
	float:right;
	padding-top:20px;
	margin-left:0;
	}
.txtlevo{
	padding-left:50px;
	margin-top:0;
	width:370px;
	}
.txt700{
	margin-top:0;
	width:700px;
	}

.txtlevokomp{
	padding-left:50px;
	margin-top:0;
	/*width:500px;*/
	}

/* books galerija */
body.books .thumb img {
	float:left;
	margin-right:1em;
}
/* tools galerija */
body.tools .thumb img {
	float:left;
	margin-right:1em;
}
/* Da izmestimo cenu desno od naslova */
body.tools .thumb {position:relative;}
body.tools .thumb .price {
	position:absolute;
	top:.4em;
	right:1.2em;
	margin:0;
	padding:0;
	font-size:85%;
}

/*
* Splash page layout (.splash)
*****************************************************************/
body.splash {
	padding:20px 0;
	font-size:76%;
	line-height:1.5;
}

.splash h1,.splash h2,.splash h3,.splash h4 {
	margin:0 0 1em 0;
}

/* Globus */
.splash ul.globe {min-height:160px;	background:transparent url(/images/bg_globe.jpg) no-repeat left 40%;}
* html .splash ul.globe {height:160px;} /* min-height for IE */

.splash #wrap {
	float:none;
	width:734px;
	min-width:0;
	margin:0 auto;
	padding:0 0px; /*stari padding:0 8px;*/
	border:1px solid #c3c3c3;
	text-align:left;
}
.splash #content {
	overflow:hidden; /* simple clearing */
	padding:0;
	padding-bottom:1em;
}
.splash #header {
	margin-bottom:20px;
	padding:10px 5px;
	background:transparent url(/images/bg_header_splash.jpg) no-repeat 100%;
	border-bottom:1px dashed #ddd;
}
.splash #logo {margin-top:5px;}
.splash #footer {
	background:transparent;
	font-size:92%
}
.splash #main {
	display:inline;
	width:55%;
	float:left;
	margin:0 1.5%;
}
.splash .splashcat {
	overflow:hidden; /* simple clearing */
	margin-bottom:30px;
	font-size:92%;
}
.splash .splashcat h2 {margin:0;}
.splash .splashcat h2 img {float:left; margin-right:10px;}
.splash .splashcat p {margin:0 0 0 115px;}

.splash #side {
	display:inline;
	width:38%;
	float:left;
	margin:0 1.5%;
	font-size:92%;
}
.splash #lang {
	border:0px solid #d3d3d3;
	margin-bottom:10px;
	padding:10px 0;
}
.splash #lang h2 {padding-left:5px;}
.splash #lang ul {
	margin:0 5px 0 0;
	padding:0;
}
.splash #lang li {
	overflow:hidden; /* simple clearing */
	list-style-type:none;
	padding:0;
	padding-bottom:4px;
}
.splash #lang li a {
	float:right;
}
.splash #partners {
	border:0px solid #d3d3d3;
	padding:10px 5px;
}
.splash #partners ul {
	list-style:none;
	margin:0;
	padding:0;
}
.splash #partners li {
	margin:5px 0;
}

.rollover a {
  display:block;
  float:left;
	width:100px;
	height:25px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
	padding-left:2px;
}
.rollover a:hover { background-color: #933;}

.rollover2 a {
  display:block;
  float:left;
	width:128px;
	height:25px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:2px;
	padding-left:2px;
}
.rollover2 a:hover { background-color: #933;}

.rollover2 p{
	 float:right;
	 width:450px;
	 margin:0px 18% 15px 20px;
   }

.olepi_se_top
{ display:block;
  padding-top:5px;
}
.levo{
 float:left;
 padding-top:10px;
}
.levo_pad_10{
 float:left;
 padding-left:135px;
}
.desno{
 float:right;
 padding-top:10px;
}
.gore{
	padding-top:25px;
	}
.idi_20px_desno{padding-left:20px;}
/*.idi_20px_desno h3 {background:#f6f6f6;}*/
/*
.dtooll {
	width:40%;
  float:left;
	margin-left:1.3%;
}
.dtooll h1{
	 font-family: arial;
   font-size:xx-large;
   font-weight:bold;
   color: navy;
	}

.dtoolr {
	width:50%;
  float:left;
  padding-top:20px;
}*/
  #okvir {
		width:800px;
		margin-right:1px;
		margin-left:1px;
		margin-top:10px;
		padding:0px;
		text-align:left;		
		}
	/* Dve kolone*/
	.contentleft2col {
		width:300px;
		padding:0px;
		float:left;
		background:#fff;
		}
		
	.contentleft2colep4 { /*za EP4*/
		width:250px;
		padding:0px;
		float:left;
		background:#fff;
		}		

	.contentcenter2col {
		width:500px;
		padding-top:10px;
		float:right;
		background:#fff;
		}
		
	.contentcenter2colep4 { /*za EP4*/
		width:550px;
		padding-top:10px;
		float:right;
		background:#fff;
		}		

	.contentleftinfo {
		width:500px;
		float:left;
		background:#fff;
		}

	.contentcenterinfo {
		width:300px;
		float:right;
		background:#fff;
		}

	/* END Dve kolone */

	/* Tri kolone*/
	.contentleft3col {	  
		display:block;
		width:266px;
		padding:0px;		
		float:left;
	  background:#fff;
  }

	.contentleft3col p
	  {
	   margin-top:5px;	   
	   float:left;
	   padding-left:10px;
	   /*padding-top:5px;*/
	   width:150px;
	  }
	.contentleft3col img
	  {
	   margin-top:5px;
	   /*padding-top:5px;*/
	   display:block;
	   float:left;
	  }

	.contentcenter3col {
		display:block;
		width:266px;
		padding:0px;
		float:left;
	  background:#fff;}

	.contentcenter3col p
	  {
	   margin-top:5px;
	   float:left;
	   padding-left:10px;
	   /*padding-top:5px;*/
	   width:150px;
	  }
	.contentcenter3col img
	  {
	   margin-top:5px;
	   /*padding-top:5px;*/
	   display:block;
	   float:left;
	  }

	.contentright3col {
		display:block;
		width:266px;
		padding:0px;
		float:left;
	  background:#fff;}

	.contentright3col p
	  {
	   margin-top:5px;
	   float:left;
	   padding-left:5px;
	   /*padding-top:5px;*/
	   width:150px;
	  }
	.contentright3col img
	  {
	   margin-top:5px;
	   /*padding-top:5px;*/
	   display:block;
	   float:left;
	  }

	/* END Tri kolone*/

	/* Tri kolone - Whats on CD*/
	.contentleftwcol {
		display:block;
		width:266px;
		padding:0px;
		float:left;
	  /*background:#fff;
	  border-left-width:1px;
	  border-left-style:dashed;
	  border-left-color:black; 
	  border-right-width:1px;
	  border-right-style:dashed;
	  border-right-color:black;	*/
	  }

	.contentleftwcol p
	  {
	   display:block;
	   margin-top:0px;
	   float:left;
	   padding-left:10px;
	   width:165px;
	  }
	.contentleftwcol img
	  {
	   margin-top:0px;
	   display:block;
	   float:left;	   
	  }

	.contentleftwcol a
	  {
	  	display:block;
      width:240px;
	  }

	.contentcenterwcol {
		display:block;
		width:266px;
		padding:0px;
		float:left;
	  /*background:#fff;	  
	  border-left-width:1px;
	  border-left-style:dashed;
	  border-left-color:black; 
	  border-right-width:1px;
	  border-right-style:dashed;
	  border-right-color:black;*/	  }

	.contentcenterwcol p
	  {
	   display:block;
	   margin-top:0px;
	   float:left;
	   padding-left:10px;
	   width:109px;
	  }
	.contentcenterwcol img
	  {
	   margin-top:0px;
	   display:block;
	   float:left;
	   padding-left:30px;
	  }

	.contentrightwcol {
		display:block;
		width:266px;
		padding:0px;
		float:right;
	  background:#fff;}

	.contentrightwcol p
	  {
	   display:block;
	   margin-top:0px;
	   float:left;
	   padding-left:5px;
	   width:245px;
	  }
	.contentrightwcol img
	  {
	   margin-top:0px;
	   display:block;
	   float:left;
	  }
	/* END Tri kolone - Whats on CD*/

	/* Tri kolone - Important to know */
	.contentlefticol {
		display:block;
		width:250px;
		padding:0px;
		float:left;
	  /*background:#fff; 
	  border-left-width:1px;
	  border-left-style:dashed;
	  border-left-color:black; 
	  border-right-width:1px;
	  border-right-style:dashed;
	  border-right-color:black;*/	
	  }

	.contentlefticol p
	  {
	   display:block;
	   margin:0px;
	   float:right;	   
	   width:225px;
	   padding-top:2px;
	  }
	.contentlefticol img
	  {
	   margin:0px;
	   display:block;	      	   
	   float:left;
	   padding:0px;
	  }

	.contentlefticol a
	  {
	  	display:block;
      width:240px;
	  }

	.contentcentericol {
		display:block;
		width:266px;
		padding:0px;
		float:left;
	  background:#fff;
	  margin:0px;
	  /*border-left-width:1px;
	  border-left-style:dashed;
	  border-left-color:black; 	  
	  border-right-width:1px;
	  border-right-style:dashed;
	  border-right-color:black;*/ }

	.contentcentericol p
	  {
	   display:block;
	   margin-top:0px;
	   float:left;
	   padding-left:5px;
	   width:220px;
	  }
	.contentcentericol img
	  {
	   margin-top:0px;
	   display:block;
	   float:left;
	   padding-left:12px;
	  }

	.contentrighticol {
		display:block;
		width:301px;
		padding:0px;
		float:right;
	  background:#fff;}

	.contentrighticol p
	  {
	   display:block;
	   margin-top:0px;
	   float:left;
	   padding-left:5px;
	   width:165px;
	  }
	.contentrighticol img
	  {
	   margin-top:0px;
	   display:block;
	   float:left;
	  }
	/* END Tri kolone - Important to Know*/
  
  /* Cetiri kolone - Jedna funkcija */
	.contentcol {
		display:block;
		width:200px;
		padding:0px;
		float:left;
	  background:#fff;
	  text-align:center;
	  border-right-width:1px;
	  border-right-style:dashed;
	  border-right-color:black;	
	  margin-left:20px;
	  padding-right:20px;
	  }
	/* END Cetiri kolone - Jedna funkcija */  
	
	/* Cetiri kolone - Extra Boards */
	.content1col {
		display:block;
		width:200px;
		padding:0px;
		float:left;
	  background:#fff;
	  text-align:center;
	  /*border-right-width:1px;
	  border-right-style:dashed;
	  border-right-color:black;	*/
	  }

	.content2col {
		display:block;
		width:200px;
		padding:0px;
		float:left;
	  background:#fff;
	  text-align:center;
	  /*border-right-width:1px;
	  border-right-style:dashed;
	  border-right-color:black;*/ }


	.content3col {
		display:block;
		width:200px;
		padding:0px;
		float:left;
		text-align:center;
	  background:#fff;}

	.content4col {
		display:block;
		width:200px;
		padding:0px;
		float:left;
		text-align:center;
	  background:#fff;}

	/* END Cetiri kolone - Extra Boards */

	/* Dve kolone - Order*/
	.contentleftorder {
		width:300px;
		padding:0px;
		float:left;
		margin:0px;
		background:#fff;
		}

	.contentrightorder {
		width:500px;
		margin:0px;
		padding:0px;
		float:right;
		background:#fff;
		}

	.props {
		margin-top:5px;
		background:#eee;
		padding-left:5px;
		color:black;
		}
	.props2 {
		width:380px;
		margin-top:5px;
		background:#eee;
		padding-left:5px;
		color:black;
		}
	.props3 {
		width:600px;
		margin-top:5px;
		background:#eee;
		padding-left:5px;
		color:black;
		}						
				
	.priceorder
	  {
    float:right;		
    margin-right:5px;
    color:black;
		}	
	.notprice
	  {
    float:right;		
    margin-right:5px;
    color:black;
    text-decoration:line-through;
		}
	.sakrijme{
		visibility:hidden;
		float:right; 
		}			
	.contentrightorder img{
		padding-top:2px;
		padding-right:2px;
		}
		
	.mere_cc{
		width:70px;
		padding-top:20px;
		margin-left:18px;
		float:left;		
			
	}
	.txt_cc{
		width:350px;
		float:left;
    margin-top:0px;
	}
	.mere_cc1{
		width:70px;
		padding-top:20px;		
		margin-left:18px;
		float:left;		
			
	}			

	/* END Dve kolone - Order*/
	
	/* Sest kolona - Software*/
	.contentsoft {
		width:130px;
		padding:0px;
		float:left;
		margin-right:2px;
		background:#fff;
		}
	.contentsoft img{
    padding-top:25px; 
		}		
	.ocisti{
		clear:both;
		height:1px;		
		}	
		
	/* END Sest kolona - Software*/	

  .devchip
    {
    font-family:Arial;
    font-size:medium;
    font-weight:bold;
    color:#808080;
  	}
  .devtitle
    {
    font-family:Arial;
    font-size:xx-large;
    font-weight:bold;
    color:#933;
  	}
  .plava{color:#1E90FF;}
  .crvena{color:#DC143C;}
  .devusb
    {
    font-family:Arial;
    font-size:large;
    font-weight:bold;
    color:red;
  	}
  .whitehide
    {
    font-family:Arial;
    font-size:large;
    font-weight:bold;
    color:white;
  	}  	

  .devprice
    {
    font-family:Verdana;
    font-size:small;
    font-weight:normal;
    color:navy;
  	}
  .insidedesno
  	{
  		float:right;
  	}
  .insidelevo
  	{
  		float:left;
  	}
  .kits
  	{
  		width:250px;
  		float:left;
  	}
  .fixiraj
  {
  width:750px;
  height:100px;	
  }	 
  .blok
  { 
   display:block;
   float:none;	
  }
  .bezindenta{padding:0px;} 
	
	.txtlevo400 {
		width:400px;
		padding:0px;
		float:left;
		background:#fff;
		} 
  .txtlevo220
  	{
  		width:235px;
  		float:left;
  	}	
  .sveivice
  	{
	  /*border-width:1px;
	  border-style:dashed;
	  border-color:black;
	  margin-left:50px;*/
  	}	
  	
	/* Tri kolone - Special Offer*/
	.contentoffer {
		display:block;
		width:250px;
		padding:0px;		
		float:left;
	  background:#fff;}

	.contentoffer p
	  {
	   margin-top:2px;	   
	   float:left;
	   padding-left:5px;
	   /*padding-top:5px;*/
	   width:50%;
	  }
	.contentoffer img
	  {
	   margin-top:5px;
	   /*padding-top:5px;*/
	   display:block;
	   float:left;
	  }

	/* END Tri kolone*/  	  			  	

/*Order mikroe kits*/
	.contentleftorderkits {
		width:300px;
		padding:0px;
		float:left;
		margin:0px;
		background:#fff;
		}

	.contentrightorderkits {
		width:450px;
		margin:0px;
		padding:0px;
		float:right;
		background:#fff;
		}
/* END - Order mikroe kits*/
/* Order mikroe kits - Important to know with links*/
.contentlefticoloff {
		display:block;
		width:250px;
		padding:0px;
		float:left;
	  /*background:#fff; 
	  border-left-width:1px;
	  border-left-style:dashed;
	  border-left-color:black; 
	  border-right-width:1px;
	  border-right-style:dashed;
	  border-right-color:black;*/	
	  }

	.contentlefticoloff p
	  {
	   display:block;
	   margin:0px;
	   float:right;	   
	   width:225px;
	   padding-top:2px;
	  }
	.contentlefticoloff img
	  {
	   margin:0px;
	   display:block;	      	   
	   float:left;
	   padding:0px;
	  }
	 .offerkutija{
	 	 /*float:left;*/
	 	 width:450px;
	 	} 
	 .offerkutija p{
	 	 width:40%;
     float:left;	 	 	 
	 	}	
	 .offerkutija img{
	 	 float:right;
	 	}	

/** Tables **/

table {
	margin:1.8em 0;
	border:0;
	border-collapse:collapse;
}

td,th,caption {
	padding:.4em .8em;
	border:1px solid #ccc;
}

th,caption {
	background:#f5f2ec;
	font-weight:bold;
	text-align:left;
}

td p,td pre {margin:0 0 1.2em 0;}


/* Tabela sa podacima o naruchiocu */

table.orderer td,table.orderer th,table.orderer caption {
	border:0px solid #ccc;
}


/* Tabela za naruchivanje komponenata */

table.components td input.qty {
	width:30px;
}

table.components td.imaged {
	padding:24px 0 24px 85px;
}

table.components td.dip8 {background:url(/en/tools/components/images/dip8.gif) no-repeat 5px 50%;}
table.components td.dip14 {background:url(/en/tools/components/images/dip14.gif) no-repeat 5px 50%;}
table.components td.dip18 {background:url(/en/tools/components/images/dip18.gif) no-repeat 5px 50%;}
table.components td.dip28 {background:url(/en/tools/components/images/dip20.gif) no-repeat 5px 50%;}
table.components td.dip28 {background:url(/en/tools/components/images/dip28.gif) no-repeat 5px 50%;}
table.components td.dip40 {background:url(/en/tools/components/images/dip40.gif) no-repeat 5px 50%;}
table.components td.dip48 {background:url(/en/tools/components/images/dip48.gif) no-repeat 5px 50%;}
table.components td.smd80 {background:url(/en/tools/components/images/smd80.gif) no-repeat 5px 50%;}

table.components td.lcd4x20 {background:url(/en/tools/components/images/active_4x20_lcd.gif) no-repeat 5px 50%;}
table.components td.lcd4x20b {background:url(/en/tools/components/images/active_4x20_lcdb.gif) no-repeat 5px 50%;}
table.components td.lcd {background:url(/en/tools/components/images/active_lcd.gif) no-repeat 5px 50%;}
table.components td.glcd {background:url(/en/tools/components/images/active_glcd.gif) no-repeat 5px 50%;}
table.components td.glcdb {background:url(/en/tools/components/images/active_glcdb.gif) no-repeat 5px 50%;}
table.components td.t240x64 {background:url(/en/tools/components/images/active_t6963_240x64.gif) no-repeat 5px 50%;}
table.components td.t240x128 {background:url(/en/tools/components/images/active_t6963_240x128.gif) no-repeat 5px 50%;}
table.components td.to {background:url(/en/tools/components/images/active_to.gif) no-repeat 5px 50%;}
table.components td.touch {background:url(/en/tools/components/images/active_touch.gif) no-repeat 5px 50%;}
table.components td.touchconnector {background:url(/en/tools/components/images/active_touch_connector.gif) no-repeat 5px 50%;}
table.components td.touchglcd {background:url(/en/tools/components/images/active_touch_glcd.gif) no-repeat 5px 50%;}
table.components td.twisted {background:url(/en/tools/components/images/active_twisted.gif) no-repeat 5px 50%;}
table.components td.serialcable {background:url(/en/tools/components/images/serial-cable.gif) no-repeat 5px 50%;}

table.components td.switch4 {background:url(/en/tools/components/images/switch4.gif) no-repeat 5px 50%;}
table.components td.dipswitch8 {background:url(/en/tools/components/images/dipswitch8.gif) no-repeat 5px 50%;}
table.components td.dcconnector {background:url(/en/tools/components/images/dcconnector.gif) no-repeat 5px 50%;}
table.components td.sevensegdigit {background:url(/en/tools/components/images/sevensegdigit.gif) no-repeat 5px 50%;}

table.components td.zigbit {background:url(/en/tools/components/images/zigbit.gif) no-repeat 5px 50%;}
table.components td.rfcards {background:url(/en/tools/rfid/images/cards_99.jpg) no-repeat 5px 50%;}

table.components td.dimm168 {background:url(/en/tools/components/images/active_dimm_168.gif) no-repeat 5px 50%;}
table.components td.ziff40pin {background:url(/en/tools/components/images/active_ziff_40pin.gif) no-repeat 5px 50%;}
table.components td.cog {background:url(/en/tools/components/images/cog_display.gif) no-repeat 5px 50%;}

table.orderer {
	border:1px solid #ccb;
	background:#eeeee4;
}

table.orderer thead th {
	height:16px;
	padding:2px 5px;
	background:#998;
	color:#fff;
}

.tabela_text {
  padding:2px 5px;
}

/** Form **/

input.pushbutton {
	background:#edf2f2;
	border:1px solid;
}

input#submit {
	font-weight:bold;
}

input,select,textarea {
	padding: 2px;
	border:#ccc 1px solid;
	background:#fff;
	font-family:"Verdana","Arial",sans-serif;
	color:#444;
	font-size:100%;
}

#errormsg {
	width:20em;
	margin:5px 0;
	padding:5px;
	border:1px solid #c00;
}
.error {
	background:#fdd;
	border:1px solid #666;
}	
.visina{
  clear:both;
  height:210px;
  width:800px; 
}

/** Books **/

.books #overview {
	overflow: hidden;
}

* html .books #overview {
	height: 1%;
}

.books #toc {
	padding: 5px;
	border: 1px solid #DDD;
	background: #FFE;
}

.books #toc ul, .books #toc ol {
	margin: 1em 0;
}

/* compiler */

.even	{
	background:#f4f4f4;
	padding:4px;
}

/* EasyPIC5 development */

/** Navigation sidebar **/
#menu {
  float:right;
}

#menu a{
  float:right;  
  font-size: 90%;
  font-family: verdana;
  margin-right:5px;
}

#menu a:link, #menu a:visited {
		display: block;
		width: 70px;
		height: 22px;		
		color: #000;
		text-decoration: none;
		background: url(/images/button_default.gif) no-repeat;
		text-indent: 15px;
}

#menu a:hover {		
		background: url(/images/button_hover.gif) no-repeat;
		color: #000;
}

#gallery {
  float:right;
}

.intro {
  float: left;
	width:250px;		
	margin-right:12px;
	margin-top:10px;
	/*font-family: sans-serif;*/
	font-family: "Verdana";
	font-size: 9pt;
	
}

.large_view {
  width:550px;
  height:460px;
  position: absolute;
}

.below_title {    
  /*float:left;*/
  font-size: 16pt;
  color:gray;
  padding-left:5px;
}

.extra60px{
  width:60px;
  float:left;
}


/**/

/* Suggested order:

* display
* list-style
* position
* float
* clear
* width
* height
* margin
* padding
* border
* background
* color
* font
* text-decoration
* text-align
* vertical-align
* white-space
* other text
* content
*/