/**** LAYOUT ****/

body {
	margin:0px;
	padding:0px;
	background:url(../images/bg.gif);
	font-family:Arial, Helvetica, sans-serif;
}

#wrapper {
	width:966px;
	margin:0 auto;
}

#header {
	background:url(../images/header.jpg) no-repeat;
	height:161px;
	position:relative;
}

.clear {
	clear:both;
}

/**** HEADINGS ****/

h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
}

h2 {
	color:#fff;
	font-size:26px;
}

.content-box h2 {
	margin:11px 0 0 19px;
}

/**** HEADER ****/

a.logo {
	position:absolute;
	width:559px;
	height:106px;
	top:7px;
	left:27px;
}

#header form {
	position:absolute;
	width:151px;
	top:25px;
	right:29px;
}

select {
	width:151px;
	background:#3c3b51;
	border:1px solid #d2d1ef;
	color:#fff;
	font-size:11px;
	margin-bottom:3px;
}

a.submit {
	background:url(../images/ok-button.gif);
	float:right;
	text-indent:-9999px;
	padding:1px 22px;
}

a.submit:hover {
	background-position:0 -21px;
}

/**** CONTENT ****/

.content-box {
	float:left;
	width:440px;
	height:481px;
	background:url(../images/contet-box-bg.jpg);
	border:2px solid #d2d1ef;
	margin:24px 12px 0 12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	position:relative;
	display:inline;
	font-size:13px;
	color:#fff;
}

.kategorija {
	width:640px;
	height:auto;
	margin:16px 0 10px 0;
	padding:16px 0;
}

.content-box .t, .content-box .b {
	position:absolute;
	width:421px;
	height:1px;
	left:10px;
}

.content-box .t {
	background:url(../images/box-t.gif) top center no-repeat;
	top:1px;
}

.content-box .b {
	background:url(../images/box-b.gif) bottom center no-repeat;
	bottom:1px;
}

.kategorija .t, .kategorija .b {
	width:600px;
}

.content-box p {
	margin:18px 19px 0 19px;
	font-weight:bold;
	clear:both;
}

.info {
	font-size:13px;
	color:#ffef64;
}

.content-box .info {
	margin:0 0 5px 19px;
}

table {
	border-top:1px solid #5e0000;
}

table a, table a:visited {
	color:#fff;
	text-decoration:none;
	line-height:23px;
}

table a:hover {
	color:#ffef64;
}

td {
	border-bottom:1px solid #5e0000;
	padding-left:19px;
}

td.hit {
	background:url(../images/hit.gif) right top no-repeat;
}

tr.odd {
	background:#850101;
}

tr.odd td.hit {
	background:#850101 url(../images/hit.gif) right top no-repeat;
}

a.button, a.button:visited {
	background:url(../images/button.gif);
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#3c3b51;
	width:232px;
	display:block;
	text-align:center;
	padding:9px 0 13px 0;
	position:absolute;
	right:14px;
	bottom:10px;
}

a.button:hover {
	background-position:0 -38px;
}

ul.uboji li {
	margin:0 9px 13px 0;
}

ul.uboji2 li {
	margin:0 15px 8px 0;
}

ul.anim li {
	margin:0 15px 7px 0;
}

ul.anim2 li {
	margin:0 13px 8px 0;
}

ul.slogo li {
	margin:0 8px 24px 0;
	font-size:11px;
}

ul.slogo2 li {
	margin:0 13px 10px 0;
	font-size:11px;
}

ul.thumbs {
	padding:0px;
	font-weight:bold;
	text-align:center;
	position:relative;
	font-size:13px;
}

.content-box ul.thumbs {
	margin:0 0 0 19px;
}

ul.thumbs li {
	display:inline;
	position:relative;
	z-index:100;
}

ul.thumbs li .hit, ul.thumbs_igre li .hit {
	background:url(../images/hit.gif) no-repeat;
	position:absolute;
	width:37px;
	height:37px;
	top:0px;
	right:0px;
}

ul.thumbs li a img {
	border:none;
	margin-bottom:2px;
}

ul.thumbs li a, ul.thumbs li a:visited {
	background:#3c3b51;
	color:#fff;
	text-decoration:none;
	padding:2px;
	outline:none;
}

ul.thumbs li a:hover {
	color:#ffed1f;
}

div.ahover {
    position: absolute;
    z-index: 99;
 	border:2px solid #fff;
	background:#fff;
}

ul.thumbs_igre {
	margin:20px 0 0 26px;
	padding:0px;
	font-weight:bold;
	text-align:center;
	position:relative;
}

ul.thumbs_igre li {
	display:inline;
	position:relative;
	z-index:100;
	margin:0 10px 7px 0;
}

ul.thumbs_igre li a img {
	border:none;
	margin-bottom:5px;
}

ul.thumbs_igre li a, ul.thumbs_igre li a:visited {
	color:#fff;
	text-decoration:none;
	padding:2px;
	width:120px;
	height:160px;
	display:block;
	outline:none;
	font-size:13px;
}

ul.thumbs_igre li a:hover {
	color:#ffed1f;
}

.content-box ul.slogo {
	margin-top:20px;
}

.container {
	width:679px;
	float:left;
	padding:30px 0 0 33px;
	display:inline;
}

.container2 {padding:30px 33px 0 33px;}

.container p, div.text, div.text table {
	font-size:13px;
	line-height:18px;
	color:#3c3b51;
	padding:0px;
	border:none;
}

div.text table {margin:18px 0 0 0}
div.text table td {border:none;}

.container p {
	margin:9px 40px 9px 0;
}

div.text {clear:both; margin-top:50px;}

div.text li {
	margin:0 0 9px 0;
	clear:both;
	width:570px;
	padding-left:50px;
	background:url(../images/phone.jpg) 10px 0 no-repeat;
}

.sidebar {
	width:224px;
	float:left;
	padding-top:10px;
	display:inline;
}

.tail {
	border-bottom:1px solid #3c3b51;
	margin-right:40px;
}

.tail2 {
	border-bottom:1px solid #3c3b51;
	margin:0 0 9px 0;
}

.container2 .tail {margin:0px;}

.kat {
	font-size:16px;
	color:#3c3b51;
	margin:8px 0 3px 0;
}

.sms-servisi {
	padding:40px 42px 30px 42px;
	margin:0px;
	border-left: solid 3px #d2d1ef;
	border-right: solid 3px #d2d1ef;
	background:#a4a3df;
	font-size:13px;
	line-height:18px;
	color:#3c3b51;
	width:876px;
}

.sms-servisi p {
	font-size:13px;
	line-height:18px;
	color:#3c3b51;
}

.sms1 {
	display: table;
	vertical-align: middle;
	float: left;
	margin-bottom:30px;
}

.sms-text {
	float: left;
	width: 745px;
	text-align: left;
}
.sms-slika {
	display: table-cell;
	vertical-align: middle;
}
.sms-slika img {
	padding-right:20px;
}

.sms1 a, .sms1 a:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.sms1 a:hover {
	text-decoration:underline;
}

/**** PAGES ****/

.page, .page2 {
	margin:8px 0 50px 0;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:51px;
	clear:both;
}

.page {width:640px}
.page2 {width:100%}

.page a, .page a:visited, .page2 a, .page2 a:visited {
	text-decoration:none;
	color:#3c3b51;
	background:url(../images/page-bg.gif) top;
	padding:15px 13px;
	margin:0px -3px;
	width:34px;
	display:inline;
}

.page a:hover, .page2 a:hover {
	color:#a70008;
	background-position:center -51px;
}

.page .tu, .page2 .tu {
	padding:15px 13px;
	margin:0px -3px;
	color:#fff;
	background:url(../images/page-bg-tu.gif) top;
}

.page a.prev, .page a.prev:visited, .page2 a.prev, .page2 a.prev:visited {
	background:url(../images/icon_prev.gif) top no-repeat;
	padding:15px 24px;
}

.page a.next, .page a.next:visited, .page2 a.next, .page2 a.next:visited {
	background:url(../images/icon_next.gif) top no-repeat;
	padding:15px 24px;
}

.page a.prev-hidden, .page2 a.prev-hidden {
	background:url(../images/icon_prev.gif) 11px top no-repeat;
	cursor:default;
}

.page a.next-hidden, .page2 a.next-hidden {
	background:url(../images/icon_next.gif) -32px top no-repeat;
	cursor:default;
}

.page a.prev:hover, .page a.next:hover, .page2 a.prev:hover, .page2 a.next:hover {
	background-position:center -51px;
}

/**** MENU ****/

#menu {
	background:url(../images/menu_bg.gif);
	width:908px;
	height:47px;
	position:absolute;
	bottom:0px;
	left:29px;
}

.menul, .menur {
	position:absolute;
	width:20px;
	height:47px;
	top:0px;
}

.menul {
	left:0px;
	background:url(../images/menu_l.gif) top left no-repeat;
}

.menur {
	right:0px;
	background:url(../images/menu_r.gif) top right no-repeat;
}

#nav, #nav ul {
	list-style-type:none;
	z-index:10;
	margin:19px 25px 0 25px;
	padding:0px;
}

#nav li.melodije a {
	background:url(../images/link_melodije.gif) no-repeat;
	width:95px;
}

#nav li.slike a {
	background:url(../images/link_slike.gif) no-repeat;
	width:55px;
}

#nav li.animacije a {
	background:url(../images/link_animacije.gif) no-repeat;
	width:103px;
}

#nav li.igre a {
	background:url(../images/link_igre.gif) no-repeat;
	width:47px;
}

#nav li.svoj-logo a {
	background:url(../images/link_svoj-logo.gif) no-repeat;
	width:190px;
}

#nav li.video a {
	background:url(../images/link_video.gif) no-repeat;
	width:60px;
}

#nav li.sms a {
	background:url(../images/link_sms.gif) no-repeat;
	width:115px;
}
 
#nav li a:link, #nav li a:active, #nav li a:visited {
    display:block;
	outline:none;
	height:17px;
}

#nav li a:hover {
	background-position:0 -17px;
}

#nav li {
    float:left;
    position:relative;
	text-indent:-9999px;
	margin:0 11px;
}

#nav li ul {
    position:absolute;
    top:17px;
    display:none;
	left:-38px;
	width:173px;
	height:103px;
	margin:0px;
	padding-top:23px;
	background:url(../images/submenu_bg.gif) top no-repeat;
}

#nav ul li {
	width:140px;
	height:26px;
	margin:2px 16px;
}

#nav li.real a {
	background:url(../images/link_realne.gif);
}

#nav li.mp3 a {
	background:url(../images/link_mp3.gif);
}

#nav li ul a:link, #nav li ul a:active, #nav li ul a:visited {
	float:none;
	height:26px;
	width:140px;
}

#nav li ul a:hover {
	background-position:0 -26px;
}

a.twitter {
	position:absolute;
	top:6px;
	right:25px;
}

a.facebook {
	position:absolute;
	top:6px;
	right:70px;
}

a.twitter img, a.facebook img {border:none;}

.sidemenu {
	width:159px;
	background:url(../images/sidemenu-bg.jpg) repeat-y;
	margin:0px;
	padding:22px 21px 30px 21px;
	border:2px solid #d2d1ef;
	position:relative;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
}

.sidemenu .tp, .sidemenu .btm {
	position:absolute;
	height:1px;
	width:179px;
	background:url(../images/side-tb.gif) no-repeat;
	left:12px;
}

.sidemenu .tp {
	top:1px;
}

.sidemenu .btm {
	bottom:1px;
}

.sidemenu ul {
	margin:0px;
	padding:0px;
	font-size:13px;
	line-height:24px;
	font-weight:bold;
	text-shadow: 1px 1px 2px #444;
}

.sidemenu li {
	clear:both;
	border-bottom:1px solid #ca9f88;
	background:url(../images/side-li.gif) 15px center no-repeat;
}

.sidemenu a, .sidemenu a:visited {
	color:#fff;
	text-decoration:none;
	display:block;
	width:119px;
	padding-left:40px;
}

.sidemenu a:hover {
	color:#ffed1f;
}

/**** TABS ****/

#tabs {
	margin:11px 0 0 0;
}
#tabs ul.tab-names {
	margin:0px;
	padding:0px;
	float: left;
	background:url(../images/tabs-bg.gif) bottom no-repeat;
	width:966px;
	height:51px;
}
#tabs li {
	list-style: none;
}
* html #tabs li {
	display: inline; /* ie6 double float margin bug */
}
#tabs li,
#tabs li a {
	float: left;
}
#tabs ul.tab-names li a {
	text-decoration: none;
	padding: 8px 0px 7px 0px;
	color: #fff;
	font-size:13px;
	font-weight: bold;
	width:118px;
	text-align:center;
	background:url(../images/tab.gif) top no-repeat;
	outline:none;
}
#tabs ul.tab-names li a:hover {
	background-position:0 -31px;
}
#tabs ul.tab-names li.active {
	background:url(../images/tab.gif) bottom no-repeat;
}
#tabs ul.tab-names li.active a {
	background: url(img/nav-left.gif) no-repeat left top;
	color: #3c3b51;
}
#tab-1, #tab-2 {
	clear: both;
	padding: 0px 12px 20px 12px;
	min-height: 200px;
	height:auto !important;
  	height:200px;
	border-left: solid 3px #d2d1ef;
	border-right: solid 3px #d2d1ef;
	background:#a4a3df;
}

.hidden {
	position:absolute;
	left:-9999px;
	top:0px;
}

#content {
	background:url(../images/content-top.gif) center 28px no-repeat;
	padding-top:49px;
}

/**** FOOTER ****/

#footer {
	position:relative;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	margin:0 0 8px 0;
	background:url(../images/content-bottom.gif) top no-repeat;
}

#footer ul {
	margin:0px;
	padding:28px 0 0 0;
	list-style:none;
}

#footer li {
	display:inline;
	padding:0 10px;
}

#footer a, #footer a:visited {
	color:#fff;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

.nordnet {
	font-size:9px;
	position:absolute;
	top:20px;
	right:30px;
	font-weight:normal;
}