body {font:normal 12px/16px Arial, Helvetica;background:#9CD6FB url(/bg/naslovnica.jpg) top center no-repeat;color:#fff;margin:50px 0px 0px 0px;padding:0px;}

a {text-decoration:none;color:#fff;font-weight:bold;}
img {border:0px;}

ol,ul,li,p,em,h1,h2,h3,h4,h5,h6,dl,dt,dd,em {margin:0px;padding:0px;font-style:normal;list-style-type:none;}
.clear {clear:both;}
.floatleft {float:left;}
.floatright {float:right;}

/* master */
.wrapper {width:982px;margin:0px auto;background:#e9e9eb;}
/* naslovna header */
.wrapper .header {height:121px;position:relative;margin-bottom:7px}
html>body .wrapper .header {height:113px !important}
.wrapper .header a.logo {background:url(../bg/logo.png) no-repeat;width:170px;height:105px;display:block;position:absolute; left:20px;top:0px; z-index:10;text-indent:-9999px;}
.wrapper .header h2.categorylogo {width:300px;height:50px;display:block;position:absolute; left:200px;top:50px; z-index:10;text-indent:-9999px;}

.wrapper .header ul.login {position:absolute; right:0px;}
.wrapper .header ul.login li {margin:8px;float:left; list-style-type:none;}
.wrapper .header ul.login li a {color:#fff;}
.wrapper .header ul.login li a:hover {color:#fff;}

.wrapper .header ol.big {position:absolute; right:0px; top:55px;line-height:32px;}
.wrapper .header ol.big li {float:left;border-right:1px solid #979797; list-style-type:none;}
.wrapper .header ol.big li.last {border:none;}
.wrapper .header ol.big li a {font-size:32px; font-family:Arial Narrow, Arial, Helvetica;color:#0343FD;padding:0px 8px;text-transform:uppercase;letter-spacing:-2px;}
.wrapper .header ol.big li a:hover {color:#fff;}

/* mastermenusmall */
.wrapper .header ol.small {position:absolute; right:0px; top:40px;}
.wrapper .header ol.small li {float:left;border-right:1px solid #979797; list-style-type:none;}
.wrapper .header ol.small li.last {border:none;}
.wrapper .header ol.small li a {font-size:18px; font-family:Arial Narrow, Arial, Helvetica;color:#0343FD;padding:0px 8px;text-transform:uppercase;}
.wrapper .header ol.small li a:hover {color:#fff;}


/* content */
.wrapper .content {padding:8px;}
.wrapper .content .contentleft {width:650px;float:left;}
.wrapper .content .contentright {width:300px;float:right;background:#fff;}


/* rightcol items */
.rightitem { border-bottom:5px solid #C1CFF4;}
.rightitem h1 {background:#0343fd; letter-spacing:-1px;text-transform:uppercase;font-size:18px;}
.rightitem h2 {letter-spacing:-1px;text-transform:uppercase;font-size:18px; color:#0343FD;}
.rightitem h2 a {color:#0343FD;}
.rightitem a {display:block;padding:10px;}

/* top */
.top {padding-bottom:10px;}
.top .divitemouterleft {width:355px; float:left}
.top .divitemouterright {width:265px; float:right; background:#fff; color:#ccc; padding:8px;}

.top .divitemouterleft .divitem {padding:10px;background:#fff}
.top .divitemouterleft .divitem .rel {position:relative; height:237px}
.top .divitemouterleft .divitem .desc {background:#fff; opacity:0.85; filter:alpha(opacity=85);position:absolute; bottom:0px; left:0px;width:335px;}
.top .divitemouterleft .divitem .desc .inner {padding:10px}
.top .divitemouterleft .divitem .desc .inner h1 {font-size:24px;letter-spacing:-1px;line-height:26px;}
.top .divitemouterleft .divitem .desc .inner h1 a {color:#0343FD;}
.top .divitemouterleft .divitem .desc .inner h1 a:hover {text-decoration:underline;}
.top .divitemouterleft .divitem .desc .inner h2 {font-size:11px; font-weight:normal}
.top .divitemouterleft .divitem .desc .inner h2 a {color:#000;font-weight:normal; color:#333}



.top .divitemouterright h3 { font-size:18px; letter-spacing:-1px; text-transform:uppercase; line-height:28px; color:#909090; font-weight:normal;padding-bottom:15px;}


/**
.top .divitemouterright ol {}
.top .divitemouterright ol li {width:100%}
.top .divitemouterright ol li h4 {font-size:12px; float:right;}
.top .divitemouterright ol li h5 {font-size:17px;font-weight:bold; line-height:36px; width:20px; float:left;}
.top .divitemouterright ol li {margin:2px 0px;}
.top .divitemouterright ol li h4 {font-size:12px; float:right;}
.top .divitemouterright ol li h4 img {float:left; margin-right:10px;}
.top .divitemouterright ol li h4 a {padding:3px; display:block}
.top .divitemouterright ol li h4 a:hover { background:#0343FD;}
.top .divitemouterright ol li h4 a span { display:block}
.top .divitemouterright ol li h4 a b { display:block;}
.top .divitemouterright ol li h4 a em {color:#ccc; font-size:10px;}
**/


/* category */
.category {margin:10px 0px;}
.category .categoryinner {padding:5px 0px;}
.category .categoryinner h1 {font-size:17px;letter-spacing:-1px;line-height:26px;text-transform:uppercase;font-family:Trebuchet MS, Arial;padding:0px 15px;}
.category .categoryinner ul.games {padding:0px 10px;float:left;}
.category .categoryinner ul.games li {padding:0px 5px;float:left;}
.category .categoryinner ul.games li a {padding:3px;display:block;}
.category .categoryinner ul.games li a:hover {background:#fff;}
.category .categoryinner ul.games li h2 {font-size:10px;width:100px;line-height:12px;}
.category .categoryinner ul.games li h2 a {}
.category .categoryinner ul.games li h2 a:hover {text-decoration:underline; background:none;}
/*
.category .categoryinner ul.games li.more {position:absolute; left:300px; top:-20px;float:none;width:345px;font-size:10px;text-align:right;}
.category .categoryinner ul.games li.more a {background:none; display:inline;font-size:10px;padding:0px;}
.category .categoryinner ul.games li.more a:hover {text-decoration:underline;}
*/
.category .categoryinner ul.games li.more {float:none;font-size:10px;color:#ccc;margin:5px 8px;padding:0px;}
.category .categoryinner ul.games li.more a {display:inline;font-size:10px;padding:0px;}
.category .categoryinner ul.games li.more a:hover {text-decoration:underline; background:transparent}

/* subcategory */
.subcategory {background:#5eaf6a;}
.subcategory ul.subcategorymenu {width:100%;float:left}
.subcategory ul.subcategorymenu li {float:left;line-height:33px;}
.subcategory ul.subcategorymenu li h1 {font-size:17px; letter-spacing:-1px;}
.subcategory ul.subcategorymenu li a {text-transform:uppercase;padding:7px 20px;}
.subcategory ul.subcategorymenu li a.sport-active {background:#5eaf6a;}
.subcategory ul.subcategorymenu li a.logicke-active {background:#afbada;}
.subcategory ul.subcategorymenu li a:hover {color:#0343FD;}
.subcategory ul.item {padding:20px 15px;float:left;}
.subcategory ul.item li {float:left; padding:0px 4px;}
.subcategory ul.item li a {padding:3px;display:block}
.subcategory ul.item li a:hover {background:#fff;}
.category ul.item li h2 {font-size:10px;width:80px;line-height:12px;}
.category ul.item li h2 a {}
.category ul.item li h2 a:hover {text-decoration:underline; background:none;}

/* izdvojeno */
.apart {background:#fff;padding:0px 15px;}
.apart h1 {font-size:18px;letter-spacing:-1px;line-height:36px;text-transform:uppercase;}
.apart h1 a {color:#909090;}
.apart .apartitem {margin-bottom:20px;}
.apart .apartitem h2 {padding:5px 0px;}
.apart .apartitem h2 a {color:#0344ff;}
.apart .apartitem h2 a:hover {text-decoration:underline;}
.apart .apartitem p {color:#000;font-size:12pxm;line-height:normal;}

/* game */
.game {padding:15px;background:#fff;}
.smallholder {width:620px;}
.game .gametop {position:relative;}
.game .gametop h1 {font-size:18px;letter-spacing:-1px;position:absolute;left:0px;top:0px;color:#595959;}
.game .gametop h1 a {color:#0248ff;}
.game .gametop h1 a:hover {text-decoration:underline;}
.game .gametop .rating {position:absolute;right:0px;top:0px;}
.game .gametop .rating ul.rate {color:#000;}
.game .gametop .rating ul.rate li {float:left;margin:0px 2px;}
.game .gametop .rating span {display:block;color:#ccc; font-size:11px;}
.game .gametop .rating ul.rate li a {padding:2px 4px; color:#000;}
.game .gameholder {margin:60px 0px 0px 0px;}
.game .gameholderinner {text-align:center;}

.summary { background:#fff; margin-top:10px;}
.summary .inner {padding:15px;}
.summary .inner h2 {font-size:14px;color:#595959; padding-bottom:10px;}
.summary .inner p {color:#595959;margin:10px 0px;}

.mtsep {margin-top:10px;}

ol.smallgamelist li a {display:block}
ol.smallgamelist li {margin:0 0 1px 18px; position:relative; padding:3px 3px 3px 65px; background:#999}
ol.smallgamelist li b {display:block; color:#999; position:absolute; font-size:17px; font-weight:normal; margin-top:7px; margin-left:-81px;}
ol.smallgamelist img {position:absolute; margin-left:-62px}
ol.smallgamelist u {text-decoration:none}
ol.smallgamelist em {display:block; font-size:10px;  height:16px; overflow:hidden}
.newestgames h3 {font-size:18px; line-height:28px; color:#595959; font-weight:bold;}


/**
.newestgames {padding:10px;}

.newestgames ol li h4 {font-size:12px; float:right;}
.newestgames ol li h5 {font-size:17px;font-weight:bold; display:inline; line-height:36px;}
.newestgames ol li {margin:2px 0px;}
.newestgames ol li h4 {font-size:12px; float:right;}
.newestgames ol li h4 img {float:left; margin-right:10px;}
.newestgames ol li h4 a {padding:3px; float:left; width:250px;}
.newestgames ol li h4 a:hover { background:#0343FD;}
.newestgames ol li h4 a span { float:left;}
.newestgames ol li h4 a b { display:block;}
.newestgames ol li h4 a em {color:#ccc; font-size:10px;}

**/

/* komentari */
.btnsendouter {width:630px; text-align:right;margin:10px 0px;} 
.btnsend {border:0px; background:#d0d0d0; color:#595959; text-transform:uppercase; font-size:12px; cursor:pointer; padding:5px 15px;}
.commenttext {padding:10px 0px; border-bottom:1px solid #d7d7d7; color:#717171;}
.commenttext .userimg {float:left;}
.commenttext .post {float:right;width:530px;}
.commenttext .post h4 {font-size:11px; margin-bottom:10px;}
.commenttext .post h4 a {color:#0265c2;padding-right:5px;}
.commenttext .post p {}

/* registracija */
.registration {padding:10px;background:#fff;color:#595959;}
.registration a {color:#595959;}
.registration a:hover {text-decoration:underline;}
.registration input {color:#717171;width:150px; margin-bottom:5px}
.registration label {font-weight:bold;padding-right:5px}
.registration select {margin-bottom:5px}
.registration h1.reg {color:#595959; padding:10px; background:#fff;border-bottom:1px solid #ccc;line-height:24px;font-size:18px;}
.registration h4 {background:#6E8EE5; color:#fff; padding:3px; margin:15px 0}


/* star rating */
.current-rating{ list-style:none; margin: 3px 0px 0px 0px; padding:0px; width: 91px; height: 20px; position: relative; background: url(../bg/stars.png) 0px -20px repeat-x }

.star-rating{ overflow:hidden; list-style:none; margin: 3px 0px 0px 0px; padding:0px; width: 91px; height: 20px; position: relative; background: url(../bg/stars.png) top left repeat-x }
.star-rating li{ padding:0px; margin:0px; /*\*/float: left;/* */}
.star-rating li a{ display:block; width:20px; height: 20px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px }
.star-rating li a:hover{ background: url(../bg/stars.png) left bottom; z-index: 1; left: 0px; top:-1px }
.star-rating a.one-star{ left: 0px }
.star-rating a.one-star:hover{ width:19px }
.star-rating a.two-stars{ left:17px }
.star-rating a.two-stars:hover{ width: 37px }
.star-rating a.three-stars:hover{ width: 55px }
.star-rating a.three-stars{ left: 36px }
.star-rating a.four-stars{ left: 55px }	
.star-rating a.four-stars:hover{ width: 72px }
.star-rating a.five-stars{ left: 71px }
.star-rating a.five-stars:hover{ width: 91px }


.pager {color:#666; padding:20px}
.pager a {color:#666}


/** profil **/
.profileprivate {border:1px solid #000; padding:20px}
.profileprivate legend {font-size:20px; text-transform:uppercase; font-size:20px; letter-spacing:-1px}
.profileprivate {color:#000; padding-left:140px}
.profileprivate label {position:absolute; margin-left:-130px; font-weight:bold}
.profileprivate h4 {background:#444; color:#fff; padding:5px;}




/** shoutbox **/
.shoutbox {color:#000}
#shoutboxmessages {border:1px solid #e0e0e0}
#shoutboxmessages div {font-size:11px;padding:3px;background:#f0f0f0; border-bottom:1px solid #e0e0e0}


.registration fieldset {border:0px}
.registration fieldset legend {font-weight:bold;font-size:1.2em}
.registration label {width:150px;float:left;text-align:right;font-weight:bold}
.registration .nopad label {width:auto;float:inherit;text-align:inherit}
.registration .chkboxlist label {width:auto;float:none;text-align:left}
.registration .rbl label {width:auto;float:none;text-align:left;font-weight:normal}
.registration .rbl {vertical-align:middle}


.mlinks {color:blue; padding-top:10px}
.mlinks a {color:blue; font-weight:normal; font-size:12px; text-decoration:none}
.mlinks a:hover {text-decoration:underline}

/** about **/
.about {color:#333; padding:20px; background:#fff}
.about h2 {color:Blue; margin:0px; padding:0 0 20px 0}
.about p {line-height:175%}