/*

	  

*/



* {

	padding: 0;

	margin: 0;

}

a img {

	border: none; 

}

body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	vertical-align:top;

	background-image:url(images/misc200.gif);

	background-repeat:repeat;

	background-attachment:fixed;

	margin-top:5px;

}

#wrapper {

	margin: 0 auto;

	width: 922px;

	padding-top: 0px;

	background-color:#ffffff;

}

#header {

	width: 920px;

	float: left;

	border: 1px solid #ccc;

	height: 100px;

	margin: 0px 0px 5px 0px;

	background: #FFA500;

}

#logo {

	width:300px;

	height:100px;

	float:left;

}

#intro {

	width:620px;

	height:100px;

	float:right;

}

#menu {

	width: 920px;

	float:left;

	margin-bottom: 5px;

	border: 1px solid #ccc;

	height: 30px;

}

#nav {

	width: 920px;

	height: 49px;

	float:left;

	margin-bottom: 5px;

	border: 1px solid #ccc;

}

#leftcolumn {

	color: #333;

	border: 1px solid #ccc;

	background: #ffffff;

	margin: 0px 5px 5px 0px;

	height:auto;

	min-height:1220px;

	width: 180px;

	float: left;

}

.urbangreymenu {

	width:180px; /*width of menu*/

}

.urbangreymenu .headerbar {

	font: bold 13px Verdana;

	color: white;

	background: #FFA500 url(images/menu.png) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/

	margin-bottom: 0; /*bottom spacing between header and rest of content*/

	text-transform: uppercase;

	padding: 7px 0 7px 70px; /*31px is left indentation of header text*/

}

.urbangreymenu ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/

}

.urbangreymenu ul li {

	padding-bottom: 2px; /*bottom spacing between menu items*/

}

.urbangreymenu ul li a {

	font: normal 12px Arial;

	color: black;

	background: #ffffff url(images/sijalica.png) no-repeat 3% 50%;

	display: block;

	padding: 5px 0;

	line-height: 10px;

	padding-left: 27px; /*link text is indented 8px*/

	text-decoration: none;

}

.urbangreymenu ul li a:visited {

	color:#900;

}

.urbangreymenu ul li a:hover { /*hover state CSS*/

	color: #ffa500;

	background: #ffffff url(images/sijalica_on.png) no-repeat 3% 50%;

}

#leftpicbox {

	width:158px;

	height:auto;

	margin:0 auto;

}

#content {

	float: left;

	border: 1px solid #ccc;

	background: #ffffff;

	font-family:Arial, Helvetica, sans-serif;

	line-height: 1.3em;

	font-size:15px;

	text-align:justify;

	margin: 0px 5px 5px 0px;

	padding: 10px;

	height:auto;

	min-height:1200px;

	width: 506px;

	display: inline;

}

#content ul {

	padding-left:20px;

}

#form {

	width:400px;

	height:250px;

	border: 1px solid #ccc;

	margin:0 auto;

}

#picbox {

	width:32px;

	height:32px;

	float:right;

}

td {

	padding-left:7px;

	border-color:#6F0;

}

.docs th, td, tr, hr, table {

	border-color:#6F0;

}

#googlemap {

	width:502px;

	height:605px;

	margin:0 auto;

}

#rightcolumn {

	border: 1px solid #ccc;

	background: #ffffff;

	margin: 0px 0px 5px 0px;

	height:auto;

	min-height: 1220px;

	width: 200px;

	float: left;

}

#boxleft {

	width:200px;

	height:312px;

	margin:0 auto;

}

#friendsblock {

	width:200px;

	height:300px;

	margin:0 auto;

	margin-bottom:20px;

}

ul.friends {

	margin: 0;

	padding: 0;

	width: 178px;

	list-style-type: none;

	float: left;

	border-bottom: none;

}

ul.friends li {

	display: inline; /* :KLUDGE: Removes large gaps in IE/Win */

}

ul.friends a {

	display: block;

	color:#069;

	text-decoration: none;

	background: url(images/magnifying-glass-icon.png) no-repeat 5% 50%;

	padding: 0.2em 2.5em;

}

/*ul .last a {

	border-bottom: 0;

}*/

ul.friends a:hover {

	color:#FFA500;

	text-decoration:underline;

}

ul.friends a:visited {

	color:#4F4F4F;

}

ul.friends .selected a {

	color:#00CC00;

}

ul.index a {

	text-decoration:none;

	color:#069;

}

ul.index a:hover {

	color:#ffa500;

	text-decoration:underline;

}

ul.index a:visited {

	color:#4F4F4F;

}

ul.right2 {

	list-style-type:none;

}

ul.right2 li {

	line-height:20px;

}

ul.right2 a {

	text-decoration:none;

	color:#069;

}

ul.right2 a:hover {

	color:#ffa500;

	text-decoration:underline;

}

#map {

	width:200px;

	height:220px;

	margin:0 auto;

	margin-bottom:10px;

}

#map img {

	margin-left:30px;

	margin-bottom:15px;

}

#map a {

	margin-left:20px;

}

#footer {

	width: 900px;

	height: 130px;

	clear: both;

	border: 1px solid #ccc;

	margin: 0px 0px 10px 0px;

	padding: 10px;

}

#menu li {

	display:inline;

	margin-left: 0px;

}

#menu a:link {

	text-decoration:none;

	border:none;

	color:black;

}

#menu a:visited {

	text-decoration:none;

	border:none;

	color:black;

}

h1 {

	color:#FFA500;

	font-family:"Times New Roman", Times, serif;

	font-style:oblique;

	margin-top:0px;

	margin-bottom:20px;

}

h2 {

	font-family:"Times New Roman", Times, serif;

	font-weight:bold;

	font-size:18px;

	color:#036;

}

h3 {

	font-family:"Times New Roman", Times, serif;

	font-size:18px;

	font-style:oblique;

	color:#FFA500;

	margin-bottom:5px;

}

h4 {

	font-family:"Times New Roman", Times, serif;

	font-weight:bold;

	font-style:oblique;

	font-size:16px;

	color:#336699;

}

#list a {

	background: url(images/a.gif) repeat-x bottom;

	display: block;

	font-weight: normal;

	font-size: 14px;

	color:#666;

	font-family: tahoma, verdana, sans-serif;

	text-decoration: none;

	padding: 5px 20px;

}

#list a:hover {

	font-weight: bold;

	font-size: 14px;

	color: #ddff88;

	font-family: tahoma, verdana, sans-serif;

	text-decoration: none;

}

#ad1 {

	width: 920px;

	height:16px;

	border: 1px solid #ccc;

	padding: 7px 0px 5px 0px;

	float:left;

	margin: 0px 5px 5px 0px;

	background-color:#ffffff;

}

#ad2 {

	width:160px;

	height:600px;

	margin:0 auto;

}

#ad3 {

	width: 468px;

	height: 60px;

	margin:0 auto;

	margin-top: 10px;

}

#footermenu {

	margin-top:15px;

}

#footermenu li {

	display:inline;

}

#footermenu a {

	text-decoration:none;

	font-weight:normal;

	font-size:11px;

	color:#666;

	font-family:Tahoma, Verdana, sans-serif;

}

#footermenu a:hover {

	font-weight:normal;

	font-size:11px;

	color:#FFA500;

	font-family:Tahoma, Verdana, sans-serif;

	text-decoration:underline;

}

#footermenu2 {

	color:#666;

}

#footermenu2 a {

	margin-left:3px;

	text-decoration:none;

	font-weight:bold;

	font-size:12px;

	color:#069;

	font-family:Tahoma, Verdana, sans-serif;

}

#footermenu2 a:hover {

	font-weight:bold;

	font-size:12px;

	color:#FFA500;

	font-family:Tahoma, Verdana, sans-serif;

	text-decoration:underline;

}

.box {

	width:500px;

	height:58px;

	margin:0 auto;

	margin-bottom:8px;

	border:solid 1px #ccc;

}

#container {

	margin:0 auto;

	width: 506px;

	

	background-color: #FFFFFF;

}

#container #headerg #header_left {

	float: left;

	background-image: url(images/header_left.gif);

	background-repeat: no-repeat;

	height: 42px;

	width: 45px;

}

#container #headerg #header_right {

	background-image: url(images/header_right.gif);

	background-repeat: no-repeat;

	height: 42px;

	width: 6px;

	float: right;

}

#container #contentg {

	padding: 5px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #666666;

}

#container #footer {

	clear:both;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #999999;

	text-align: right;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-top-color: #999999;

	border-right-color: #000033;

	border-bottom-color: #000033;

	border-left-color: #000033;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 5px;

}

#container #footer a {

	color: #999999;

	text-decoration: none;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 10px;

}

#container #headerg #header_main {

	float: left;

	padding: 5px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #FFFFFF;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#container #headerg {

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	background-image: url(images/header_bg.gif);

	background-repeat: repeat-x;

	height: 42px;

}

#navigation {

	width:400px;

	margin:0px auto;

}

#navigation a {

	text-decoration:none;

}

.newsList {

	width:500px;

	margin:0px auto;

	border:1px solid #ccc;

	border-collapse:collapse;

}

.newsList a {

	text-decoration:none;

	color:#000000;

}

#container th {

	padding:5px;

	background-color:#336699;

	color:#fff;

}

.right {

	text-align:right;

	font-size:10px;

}

.iform {

	margin:auto;

	padding:10px;

}

hr {

	height:0px;

	border:0px;

	border-top:1px solid #ccc;

}

/*downloadpage css start*/



.down {

	padding: 5px 8px;

}

.down ul {

	list-style-type: none;

	margin: 9px 0 0;

	padding: 0;

}

.down li {

	background-color: #e9e9e9;

	border: 1px solid #ffa500;

	clear: both;

	height: 90px;

	margin-bottom: 7px;

	padding: 5px;

}

.down p {

	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;

	font-size:13px;

	line-height:15px;

}

a.link:link, a.link:visited {

	color: #336699;

	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	text-decoration: underline;

}

a.link:hover {

	text-decoration: none;

}

.textd {

	color: #FFA500;

	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;

	font-size:13px;

	font-weight:bold;

	text-decoration:none;

}

.textd:hover {

	text-decoration:underline;

}

.textd2 {

	color:#AF0404;

	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;

	font-size:13px;

	font-weight:bold;

	text-decoration:none;

}

a.slink, a.slink:visited {

	color: #555555;

	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;

	font-size: 13px;

	font-weight:bold;

	text-decoration: underline;

}

a.slink:hover {

	text-decoration: none;

}

.smallpic {

	float: left;

	margin-right: 8px;

	margin-top: 3px;

}

/*Anketa start*/



#poll {

	width: 190px;

	height: auto;

	background: #fff;

		margin-bottom:10px;

}

#poll {

	font-size: 14px;

	color: #445D82;

	padding-left:10px;

}

#vote label {

	display: block;

	line-height:17px;

	padding-top:5px;

}

#poll a {

	color: inherit;

	font-weight: bold;

}

#poll p {

	text-align: center;

}

p.multibox {

	width:500px;

	float:left;

	margin:15px 0px 15px 0px;

	}

p.content {

	padding:10px 0 0 10px;

}

.boxheader {

	font: bold 13px Verdana;

	color: white;

	background: #FFA500;

	margin-bottom: 0; /*bottom spacing between header and rest of content*/

	text-transform: uppercase;

	text-align:center;

	padding: 7px 0 7px 0px; /*31px is left indentation of header text*/

}

.indeximg {

	float: right;

 	width: 250px;

	margin-left: 60px;

 	margin-bottom: 10px;

	margin-top:20px;

}

/*Shoppin cart start*/

.productbox li {

	width:213px;

	height:163px;

	list-style-type:none;

	background-image:url(images/productholder.png);

	float:left;

	margin:10px 22px 13px 6px;

}

.productimage {

	width:90px;

	height:90px;

	position:absolute;

	margin-top:23px;

	margin-left:10px;

}

.productbox p {

	font-family:Verdana, Geneva, sans-serif;

	font-size:10px;

	color:#036;

	padding:3px 5px 0px 5px;

	line-height:1.1em;

}

p.price {

	font-size:18px;

	font-weight:bold;

	color:#F00;

	float:right;

	margin-top:10px;

	margin-left:90px;

	padding-right:15px;

}

p.mpcena {

	float:right;

	color:#999;

	margin-top:10px;

	margin-right:20px;

}

.addtocart {

	width:90px;

	height:33px;

	float:right;

	margin-top:25px;

	margin-right:10px;

}

/*Shopping cart end*/

#useronline {

	width:100px;

	height:10px;

	margin:0 auto;

}

#useronline p {

	font-size:14px;

	color:#F00;

}

/*navbar new start*/

.topmenu {

	margin: 0;

	padding: 0;

	list-style: none;

	background: #fff;

}

.topmenu li {

	padding: 0;

	margin: 0;

	height: 48px;

	margin-right: 1px;

	margin-left: 5px;

	list-style: none;

	background-repeat: no-repeat;

}

.topmenu li a, .topmenu li a:visited {

	display: block;

	text-decoration: none;

	text-indent: -9999px;

	height: 48px;

	background-repeat: no-repeat;

}

.pocetna {background-image: url(images/menu/index_on.png); width: 48px;}

.pocetna a {background-image: url(images/menu/index.png);}

.servis {background-image: url(images/menu/servis_on.png); width: 48px;}

.servis a {background-image: url(images/menu/servis.png);}

.hardver {background-image: url(images/menu/hardver_on.png); width: 48px;}

.hardver a {background-image: url(images/menu/hardver.png);}

.konfiguracije {background-image: url(images/menu/konfiguracije_on.png); width: 48px;}

.konfiguracije a {background-image: url(images/menu/konfiguracije.png);}

.laptopovi {background-image: url(images/menu/laptop_on.png); width: 48px;}

.laptopovi a {background-image: url(images/menu/laptop.png);}

.tablet {background-image: url(images/menu/tablet_on.png); width: 48px;}

.tablet a {background-image: url(images/menu/tablet.png);}

.monitori {background-image: url(images/menu/monitor_on.png); width: 48px;}

.monitori a {background-image: url(images/menu/monitor.png);}

.webdizajn {background-image: url(images/menu/webdizajn_on.png); width: 48px;}

.webdizajn a {background-image: url(images/menu/webdizajn.png);}

.hosting {background-image: url(images/menu/hosting_on.png); width: 48px;}

.hosting a {background-image: url(images/menu/hosting.png);}

.malioglasi {background-image: url(images/menu/malioglasi_on.png); width: 48px;}

.malioglasi a {background-image: url(images/menu/malioglasi.png);}

.download {background-image: url(images/menu/download_on.png); width: 48px;}

.download a {background-image: url(images/menu/download.png);}

.saveti {background-image: url(images/menu/saveti_on.png); width: 48px;}

.saveti a {background-image: url(images/menu/saveti.png);}

.noviteti {background-image: url(images/menu/noviteti_on.png); width: 48px;}

.noviteti a {background-image: url(images/menu/noviteti.png);}

.razmenalinkova {background-image: url(images/menu/razmenalinkova_on.png); width: 48px;}

.razmenalinkova a {background-image: url(images/menu/razmenalinkova.png);}

.cenovnik {background-image: url(images/menu/cenovnik_on.png); width: 48px;}

.cenovnik a {background-image: url(images/menu/cenovnik.png);}

.dokumenti {background-image: url(images/menu/dokumenti_on.png); width: 48px;}

.dokumenti a {background-image: url(images/menu/dokumenti.png);}

.mailbox {background-image: url(images/menu/mailbox_on.png); width: 48px;}

.mailbox a {background-image: url(images/menu/mailbox.png);}





ul.topmenu li a:hover {background: none;}

.topmenu li {float: left;}

.topmenu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*navbar new end*/

/*game start*/

#game {

	font-family:Arial, Helvetica, sans-serif;

	line-height: 1.3em;

	text-align:justify;

	padding: 10px;

	height: 1200px;

	width: 506px;

	float: left;

	background: #ffffff;

	border: 1px solid #ccc;

	margin: 0px 5px 5px 0px;

}

.gamebox {

	width:200px;

	height:282px;

	float:left;

	margin-bottom:15px;

	border:1px solid #ccc;

}

.gametext {

	width:290px;

	height:282px;

	float:right;

	margin-bottom:15px;

	border:1px solid #ccc;

}

.gametext p {

	padding:10px;

}

.screenshots li {

	width:142px;

	height:106px;

	list-style-type:none;

	float:left;

	border:1px solid #ccc;

	margin:12px;

}

/*game end*/