@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	font-size: 9px;
	color: #FFFFFF;
	background-image: url(../gfx/bg.gif);
	background-repeat: repeat-x;
}



a {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	color: #ffffff;
}
.contener{
width:295px;
margin: 0 auto;}

a.logo{
	background-image: url(../gfx/logo.gif);
	background-repeat: no-repeat;
	width:170px;
	height:83px; /* was 62 */
	float:left;
	padding-bottom: 5px;
}

#menu a{
	display:block;
	float:left;
	height:46px;
	text-align:center;
	margin-left:3px;
	background-repeat: no-repeat;
	background-position: center bottom;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.textmenu{
	font-size: 9px;
	vertical-align: bottom;
	display: table-cell;
	font-weight: normal;
	height: 41px;
	text-align: center;
	width: 56px;
	text-decoration: none;
}

#menu a.menu0{
	display:block;
	width:56px;
	background-image:url(../gfx/0.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;
	text-decoration:none;
}

#menu a.menu1{
	display:block;
	width:56px;
	background-image:url(../gfx/1.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;
	text-decoration:none;
}


#menu a.menu2{
	display:block;
	width:56px;
	background-image:url(../gfx/2.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;
	text-decoration:none;
	
}
#menu a.menu3{
	display:block;
	width:56px;
	background-image:url(../gfx/3.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;
	text-decoration:none;
}
	
#menu a.menu4{
	display:block;
	width:56px;
	background-image:url(../gfx/4.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;
	text-decoration:none;
}

#menu5{
	display:block;
	width:56px;
	overflow:hidden;
	height: 45px;
	text-decoration: none;
	padding-left: 3px;
}

#menu a:hover{
	background-position:-56px 0;
	color: #F00;
}

.navphone {
	display:block;
	width:56px;
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;
}

.textmenuad {
	font-size: 9px;
	vertical-align: bottom;
	display: table-cell;
	font-weight: normal;
	height: 42px;
	text-align: center;
	width: 56px;
	text-decoration: none;
}

.nav_hd {
	background-image:url(../gfx/app/hd.gif);
}

.nav_android {
	background-image:url(../gfx/app/5-android.gif);
}

.nav_android-alt-1 {
	background-image:url(../gfx/app/5-android-alt-1.gif);
}

.nav_android-alt-2 {
	background-image:url(../gfx/app/5-android-alt-2.gif);
}

.nav_apple {
	background-image:url(../gfx/app/5-apple.gif);
}

.nav_apple-alt-1 {
	background-image:url(../gfx/app/5-apple-alt-1.gif);
}

.nav_blackb {
	background-image:url(../gfx/app/5-bb.gif);
}

.nav_blackb-alt-1 {
	background-image:url(../gfx/app/5-bb-alt-1.gif);
}

.nav_download-1 {
	background-image:url(../gfx/app/5-download-1.gif);
}

.nav_ex-gf {
	background-image:url(../gfx/app/5-ex-gf.gif);
}

.nav_free-1 {
	background-image:url(../gfx/app/5-free-1.gif);
}

.nav_reg {
	background-image:url(../gfx/app/5-reg.gif);
}

.spriteCall:hover {
	background-position:-56px 0;
	color: #F00;
}

#top_button {
	width:80px;
	float:right;
	margin-bottom: 2px;
}

#top_button a {
	display:block;
	float:right;
	height:20px;
	text-align:center;
	margin-left:3px;
	background-repeat: no-repeat;
	background-position: center bottom;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 5px;
}

.textpremium {
	font-size: 11px;
	vertical-align: bottom;
	display: table-cell;
	font-weight: bold;
	height: 16px;
	text-align: center;
	width: 120px;
	text-decoration: none;
	padding-left: 16px;
	color: #F00;
}

#top_button a.premium{
	background-image: url(../gfx/premium.gif);
	width:80px;
	background-position: -80px 0;
}

#top_button a.premium:hover {
	background-position:-80px 0;
	color: #F00;
}
#top_button a:hover{
	background-position:-80px 0;
	color: #F00;
}

#menu {
	width:236px;
	float:left;
}


#search{
	float:right;
	width:295px;
	height:54px;
	margin-top:10px;
	background-image: url(../gfx/sub.gif);
	background-repeat: no-repeat;
}

#search form{
padding:0px;
margin:0px;
margin-left:20px;
margin-top:10px;}

#search form input{
	display:block;
	float:left;
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}

#search form .input{
	background-image: url(../gfx/input.gif);
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:226px;
	padding-left:5px;
	height:30px;
}


.content{
	width:152px;
	padding:2px;
	display:inline-block;
	margin-top :2px;
	margin-bottom: 0px;
	background-color: #000000;
	
}

.content .img{
	width:150px;
	height:114px;
	float:left;
	border: 1px solid #FFFFFF;
}
.content .txt{
	width:150px;
	float:right;
	line-height:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F00;
}
.content .txt h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding:0px;
	margin:0px;
}

.content .txt h2 a{
	text-decoration:none;
	color:#FFF;
}
.row{
width:100%;
float:left;}

.content .txt a{
	font-weight: bold;
	color: #ff0120;
	text-decoration: none;
}

.content .txt p{
padding-bottom:3px;
margin-bottom:0px;}
.star_on{
	height:14px;
	float:left;
	background-image: url(../gfx/star_on.gif);
	background-repeat: repeat-x;
}
.star_off{
	height:14px;
	width:80px;
	float:left;
	background-image: url(../gfx/star_off.gif);
	background-repeat: repeat-x;
}


.adv{
width:100%;
float:left;
padding-top:10px;
padding-bottom:10px;
text-align:center;}


#footer{
width:100%;
float:left;
text-align:right;
text-align:center;
line-height:18px;
padding-bottom:20px;
margin-top:5px;}

#footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:none;
}
#footer span{
	color: #ff0120;
}

#preview{
	width:295px;
	float:left;
	margin-top:4px;
	margin-left:0px;
	padding-left:0px;
}


#download{
	background-image: url(../gfx/download.gif);
	background-repeat: no-repeat;
	width:298px;
	height:30px;
	padding-top:14px;
	float:left;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}


#download a, #tags a{
	color: #ff0120;
	padding-left:4px;
	padding-right:4px;
	text-decoration: none;
}

#info{
width:100%;
float:left;
line-height:18px;
margin-top:5px;}

#info h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

#info a{
	color: #ff0120;
	text-decoration: none;
}

#tags {
background-image: url("../gfx/tags.gif");
background-repeat: no-repeat;
color: #FFFFFF;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
height: auto;
padding-left: 6px;
padding-right: 6px;
padding-top: 14px;
text-align: left;
width: 286px;
}

#bookmarkcont{
	width:100%;
	float:left;
	text-align:center;
	font-size:12px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#pagination{
	width:100%;
	float:left;
	text-align:center;
	font-size:12em;

}

#pagination a{
text-decoration:none; 	color: #ff0120;}

#loginarea {
	width:120px;
	float:right;
	margin-top: 5px;
}

#welcome {
	width:120px;
	float:right;
	font-size: 11px;
	text-align: right;
	margin: 3px 0;
}

#welcome span {
	color:#FFF;
	font-weight: bold;
}

#loginarea a {
	display:block;
	float:right;
	height:40px;
	text-align:center;
	margin-left:2px;
	background-repeat: no-repeat;
	background-position: center bottom;
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.textlogin {
	font-size: 9px;
	vertical-align: bottom;
	display: table-cell;
	font-weight: normal;
	height: 38px;
	text-align: center;
	width: 56px;
	text-decoration: none;
}

#loginarea a.loginbox {
	display:block;
	width:40px;
	background-image:url(../gfx/login.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;
	text-decoration:none;
}


#loginarea a.signupbox {
	display:block;
	width:40px;
	background-image:url(../gfx/signup.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;
	text-decoration:none;
	
}

#loginarea a.favorite {
	display:block;
	width:40px;
	background-image:url(../gfx/favorite.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;
	text-decoration:none;
	
}

#loginarea a.logout {
	display:block;
	width:40px;
	background-image:url(../gfx/logout.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;
	text-decoration:none;
	
}

#loginarea a:hover{
	background-position:-40px 0;
	color: #F00;
}

.tiny_text {
	font-size: 9px;
	color: #FFF;
}

.content .txt a.preview {
	background: -moz-linear-gradient(center top , #FFF, #FFF) repeat scroll 0 0 #FFF;
	background: #F00;
	border: 1px outset #FFF;
	border-radius: 2px 2px 2px 2px;
	color: #FFF;
	display: block;
	line-height: normal;
	text-align: center;
}
.content .txt a.preview:hover, a.preview:focus {
	background: #FFF;
    border: 1px solid #FFF;
    color: #F00;
    text-shadow: 0 0 1px #CC6600;
}

.preview_thumb {
	padding-top: 1px;
	padding-right: 10px;
	float: left;
}
.top_ad {
	  background-color: #000000;
    margin-bottom: 0;
    padding: 4px;
    /*width: 152px;*/
}
#duration_dropdown {
	font-weight: bold;
	padding: 5px 0;
}
.filters_row {
	float: left;
	width: 100%;
}
#duration_dropdown select{
	width: 90px;
	padding: 2px 0px 2px 1px;
	
}
#filters {
	margin: 0;
}
#filters_link{
	background-image: url(../gfx/showfilters.png);
	width:80px;
	height: 20px;
	float: left;
	display: inline-block;
	margin-left: 30px;
	margin-top: 5px;
	padding-top: 3px;
}
.textfilters {
	font-size: 11px;
	display: table-cell;
	font-weight: bold;
	text-align: center;
	width: 80px;
	text-decoration: none;
	color: #F00;
}
#pretraga {
	display:inline-block;	
	width:150px; /*follow your image's size*/
	height:30px;/*follow your image's size*/
	background-image:url(../gfx/search.gif);
	background-position:0 3px;
	background-repeat:no-repeat; /*important*/
	padding:0 3px;
	margin:0;
	position:relative; /*important*/
	float: right;
	color: #FFF;
}
ul.filters_row {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 11px;
	text-align: center;
}
ul.filters_row li {
	float: left;
	width: 33.3%;
}
.searchbox {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:4px;
	left:9px;
	width:90px;
	height:20px;
	color: #FFF;
}
.searchbox_submit {
	border:0px; /*important*/
	background-color:transparent; /*important*/
	position:absolute; /*important*/
	top:2px;
	left:100px;
	width:50px;
	height:29px;
}