@charset "utf-8"; 
/* CSS RESET*/
html, body, div, span, applet, object, iframe,p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,caption, tbody, tfoot, thead {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}body {line-height: 1.3;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}
/*LAYOUT*/
body{font-family: Arial,sans-serif;  color: #292929;  font-size:11px;  line-height: 1.166; 	margin:0px;  padding: 0px; background:#ffffff url(bg3.jpg) no-repeat top center;}
#GLAVNI{ top: 0px;  width:901px; margin-left: auto; margin-right: auto; margin-top:10px; text-align:left; padding: 0px; position:relative;  z-index:1; overflow: visible;}
#Gornji{top: 0px; width:100%; height:27px;background:url(bg-gornji.gif) repeat-x bottom left; margin-top:0px; position:relative;  vertical-align:middle;  padding-left:2px;}
#okvir_svega_za_marija{ width:100%;  height:100%;  background:url(bg-super-mario.jpg) no-repeat bottom center;  position:relative;  z-index:0;  margin:0;}
#gumb{ float:right;  margin-right:22px;  margin-top:-40px;  position:relative;  overflow:visible;  background:none;  z-index:50; }
#menu{ width:100%; font-size:12px; font-family:"Arial"; height:35px; background:url(bg-menu.gif) repeat-x bottom left;margin-left:2px; text-align:left; text-decoration:none; position:relative; z-index:3; clear:none;}
#HEADER{top:0px; width:100%; height:126px; background-image:url(bg-headera.png); background-position:top; background-repeat: repeat-x; margin-top:0px; margin-left:1px; text-align:left; padding: 0px; position:relative; z-index:1;}
#SKROL{margin-top:-6px; width:100%; height:18px; padding:2px; color:#FFFFFF; vertical-align:bottom; position:relative; z-index:1;}
#SKROL a{text-decoration: none; font-weight:bold; color:#fff;}
#SKROL a:hover{text-decoration: underline; font-weight:bold; color: #CC6699;}
#central-banner-space{height:3px; position:relative; z-index:1;}
#content-panel{width:100%; background:url(bg-prozirni.png) no-repeat top; padding:2px; margin-top:13px; position:relative; overflow:visible; z-index:1; }
#stupac-desni{float: right; width: 170px; margin: 0; padding: 3px; clear:both; position:relative; z-index:1;}
#sadrzaj-lijevo{padding:1em; width:700px; position:relative; z-index:1; overflow:visible;}
#najnovije{float:left; width:218px; margin-left:5px; margin-top:3px; background-image:url(label.png); background-repeat:no-repeat; background-position:top; background-color:#FFFFFF; padding:0px;}
#odgovarajuce{float:left; width:680px; margin-left:5px; margin-top:3px; background:none; padding:3px;}
#izdvojene{float:left; width:680px; margin-left:5px; margin-top:3px; background-color:#FFFFFF; padding:3px;}
#najbolje{float:left; width:218px; background:url(label.png) no-repeat top; margin-left:15px; margin-top:3px; padding:0px;}
#najigranije{float:left; width:218px; background:#FFFFFF url(label.png) no-repeat top;margin-left:15px; margin-top:3px; padding:0px; }
.lista-igrica{padding:2px; }
.lista-igrica ul {padding:0;  margin-top:6px; }
.lista-igrica li{display:block; background:url(bg-menu.gif) bottom repeat-x;border-bottom-color:#CCCCCC; border-bottom-style:dotted; border-bottom-width:1px; padding: 1px 1px 1px 1px; marign-left: 0;  height:30px; width:100%; font-weight:normal; vertical-align:top;}
.lista-igrica li:hover{display:block; background:url(bg-rozi-menu.gif) bottom repeat-x;border-bottom-color:#CCCCCC; border-bottom-style:dotted; border-bottom-width:1px; padding: 1px 1px 1px 1px; marign-left: 0;  height:30px; width:100%; font-weight:normal; color:#FFFFFF; vertical-align:top;}
.lista-igrica li h2{ font-family:Arial, Helvetica, sans-serif;  font-weight: bold;  font-size:11px;  display: inline;}
.lista-igrica li a{ text-decoration:none;  font-size:10px;}
.lista-igrica li a:hover{ text-decoration:none;  font-size:16px;  color:#FFFFFF;}
.heading-labela{ font-family: Arial, Trebuchet MS; color:#FFFFFF; font-size:14px; font-weight:bold; text-transform:uppercase; padding-top:12px; padding-left:33px; margin-bottom:8px; }
.heading-labela2{ font-family: Arial, Trebuchet MS; color:#FFFFFF; font-size:14px; font-weight:bold; background-image:url(tab.gif); background-repeat:no-repeat; background-position:bottom left; text-transform:uppercase; padding-left:35px; padding-bottom:7px; height:30px; border-bottom-width:3px; border-bottom-style:solid; border-bottom-color:#EDBCD3; vertical-align:bottom; overflow:visible; position:relative; z-index:5;}
.heading-labela-rozo{ font-family: Arial, Trebuchet MS; color:#FFFFFF; font-size:14px; font-weight:bold; text-transform:uppercase; background-image:url(bg-footer-pink.gif); background-repeat:repeat-x; background-position: center left; vertical-align:middle; height:34px; line-height:36px; padding-left:20px;}
#prikaz-igre {width:600; height:450; clear:left; margin-top:10px; margin-bottom:10px;}
#cijeli_dio_ispod_uputa {width:100%; position:relative;  height: 455px; z-index:1;}
#igre_desno {float:right; width:410px; margin-left:4px; overflow:visible; position:relative; z-index:5;}
#komentari_lijevo {width:264px; overflow:visible; position:relative; z-index:5;}
.okvir_igre{background-image:url(bg-igre.gif); background-position:bottom; background-repeat:repeat-x; border-bottom-width:1px; border-bottom-color: #EEEEEE; border-bottom-style:solid; padding:2px; margin-top:1px; margin-bottom:2px; line-height: 1.4; display:block; height:56px; color:#222; overflow:visible; position:relative; z-index:5;}
.okvir_igre img{border-width:2px; border-color: #2DA5D2; border-style:solid; overflow:visible;  position:relative;  z-index:1;}
.okvir_igre img:hover{border-width:3px; border-color: #CC0066; border-style:solid; overflow:visible;  position:relative;  z-index:1;}
.bg_poluprozirni{background-image:url(bg-poluprozirni.png); background-repeat:repeat; color:#FFFFFF; font-size:12px; font-weight:bold; height:18px; border-bottom: 1px solid #333333; padding:2px;}
.plavi_ocjena{background-image:url(bg-footer-plavi.png); background-position: center; background-repeat:repeat-x; background-color: #40bbe9; border: 1px solid #0e4160; color:white; padding:5px; line-height:16px; vertical-align:middle;}
.pojedini_komentar{background-image:url(bg-gornji.gif); background-color:#FFFFFF; background-repeat:repeat-x; background-position:bottom; border-bottom:1px solid #EEEEEE; border-top:1px solid #F7F7F7;  border-right-width:1px;  border-right-style:solid; border-right-color:#EEEEEE; border-left-width:3px;  border-left-style:solid; border-left-color: #94C8E4; padding:5px 5px 5px 8px ; line-height:16px; width:243px; ; margin-top:5px; margin-bottom:5px; z-index:5;  visibility:visible;}
#comment_wrap { overflow:auto; height:250px; width:281px; border-bottom: 1px dotted #f7f7f7; border-left: 1px dotted #f7f7f7; border-right: 1px dotted #f7f7f7;margin-bottom:3px;}
#popis_igara_wrap { overflow:auto; height:320px; width:160px; border-bottom: 1px dotted #f7f7f7; border-left: 1px dotted #f7f7f7; border-right: 1px dotted #f7f7f7;/margin-bottom:3px;}
.opis_igre{width:480px; height:65px; float:left; background:#ffffff url(bg-igre.gif) repeat-x bottom;border: 4px solid white; padding:5px; line-height:14px; margin-bottom:6px; overflow:auto;}
.okvir_ocjena{border: 1px solid #f7f7f7; background-image:url(bg-gornji.gif); background-position:bottom; background-repeat:repeat-x; height:30px; width:600px; padding-top:4px; padding-bottom:4px; line-height:27px;}
img.slikasredina{vertical-align:middle;  border:2px solid #E1E1E1}
img.slikasredina:hover{ border:2px solid #2DA5D2}
.okvir_plavi{background-image:url(bg-menu.gif); background-repeat:repeat-x; background-position:bottom; background-color:#FFFFFF; padding: 4px; border:1px solid #CCCCCC; color:#333333; width:85%; overflow:visible; position:relative; z-index:5;}
.okvir_crveni{background:#ffffff url(bg-igre.gif) repeat-x bottom; padding: 4px; border:1px solid #CCCCCC; color:#333333; width:85%;}
.left {float:left; margin:5px;}
.right{float: right; margin:5px;}
#wide_footer1 {width:100%; clear:both; margin: 2px 0 0 0;  height:84px; vertical-align:middle; background: url(bg-footer-plavi.png) repeat-x center; color:#FFFFFF; position: relative; z-index:1; overflow:visible; line-height:16px; }
#wide_footer1 td a{ font-weight:bold;  color:#FFFFFF;  font-size:12px;}
#wide_footer1 td a:hover{ background-image:url(bg-poluprozirni.png);  background-repeat:repeat;  padding:2px;  text-decoration:none;  border-bottom: 1px solid #333333;}
#wide_footer img{vertical-align:middle;}
#wide_footer table{display:block;  margin-top:10px;}
#wide_footer2 {width:100%; clear:both; margin:0 !important; height:36px; line-height:36px; padding:0; vertical-align:middle; background: #ffffff url(bg-footer-pink.gif) repeat-x center; font-size:12px; font-weight:bold; position: relative; z-index:1; overflow:visible;}
#wide_footer2 a {color:#FFFFFF;}
#super_mario {position:relative; z-index: -2; width:100%; overflow: hidden; margin-left:auto; margin-right:auto; margin-top:-270px}
/*FONTOVI*/
.ocjena_igre{color: #CC0066;}
.broj_igranja{color:#3366FF; position: relative; z-index:1; overflow:visible;}
.broj_igranja2{color: #CC6699}
a.bijelo{color:#FFFFFF;}
.style1 {color:#CCCCCC}
.velikibijelitekst {color:white; font-size:14px; font-weight:bold;}
h1  { font-size:34px; text-transform:uppercase;  display: inline;  line-height:70px;}
h2 { display: inline; font-weight: bold;font-size:12px;}
h3 { display: inline; font-size:11px;color: #CC0066;text-transform: uppercase;}
h3 a{text-decoration:none;  color: #CC0066;font-weight:bold;}
h3 a:hover{text-decoration:underline;}
.opis_igre h2, .okvir_ocjena h2, .pojedini_komentar h2 {font-size:11px;}
a {text-decoration:none; color:#333333;}
a:hover{text-decoration:underline}
ul{list-style-type:none; text-indent:0px; padding-left:12px; margin:0px; position:relative; z-index:0;}
li{display:inline; color:#333333; position:relative; z-index:0;}
li a{float:left; text-decoration:none; color:#000000; font-weight:bold; padding:10px 10px 10px 5px; position:relative; z-index:0;}
li a:hover{background-image:url(bg-rozi-menu.gif); background-repeat:repeat-x; color: #FFFFFF; position:relative; z-index:0; font-size:14px;}
a.crveni{color:#333333;}
a.crveni:hover{color: #B6234F; text-decoration:underline; font-size:15px;}
a.bezcrte{text-decoration:none;}
a.bezcrte:hover{text-decoration:none;}
/*FORME*/
textarea, input { background:#fff url(bg-igre.gif) bottom repeat-x;border:1px solid #EDBCD3; padding:3px;}
input.salji{border:1px solid #cccccc; background:url(bg-igre.gif) bottom repeat-x;}
input.malifont{ font-size:11px;  vertical-align:middle;}.rozi{color: #CC6699}
#tablica-kategorija{ font-size:11px; padding:15px 10px 15px 30px; font-weight:normal; color:#333333; margin-bottom:20px; border-bottom:3px solid #EDBCD3; border-left:3px solid #EDBCD3; border-right:3px solid #EDBCD3;}
#tablica-kategorija a { font-size:11px; text-decoration:none;}
#tablica-kategorija a:hover { font-size:11px; text-decoration:underline}
#tablica-kategorija ul { list-style-type:none;}
#tablica-kategorija li { display: block; padding:2px;}
#tablica-kategorija li a {background:none; float:none; font-weight:normal;}
#tablica-kategorija li a:hover {background:none; font-weight:bold; float:none; color:#CC0066; text-decoration:underline}
#potkategorije {background: #fff url(bg-gornji.gif) repeat-x bottom;border-bottom:1px solid #EEEEEE; border-top:1px solid #F7F7F7;  border-right-width:1px;  border-right-style:solid; border-right-color:#EEEEEE; border-left-width:3px;  border-left-style:solid; border-left-color: #94C8E4; padding:5px 5px 5px 1px ; line-height:14px; ; margin-top:5px; margin-bottom:5px; z-index:5;  visibility:visible; font-weight:bold}
#potkategorije a { font-size:11px; text-decoration:none; font-weight:bold}
#potkategorije a:hover { font-size:11px; text-decoration:underline}
#potkategorije ul { list-style-type:none;}
#potkategorije li { display: block; padding:2px;}
#potkategorije li a {background:none; float:none;  font-weight:normal;}
#potkategorije li a:hover {background:none; font-weight:bold; float:none; color:#CC0066; text-decoration:underline}.GB_Window .header {border-bottom: 1px solid #4A7087;border-top: 3px solid #EDBCD3;border-left: 3px solid #EDBCD3;border-right: 3px solid #EDBCD3;margin: 0;height: 22px;font-size: 12px;padding: 6px 0;color: #333;}
/*GreyBox*/
#GB_overlay { background-color: #000; position: absolute; margin: auto; top: 0; left: 0; z-index: 100;}
#GB_window {left: 0; top: 0;font-size: 1px;position: absolute;overflow: visible;z-index: 150;}
#GB_window .content {width: auto; margin: 0;padding: 0;}
#GB_frame { border: 0; margin: 0;padding: 0;overflow: auto; white-space: nowrap;}
.GB_Gallery {margin: 0 22px 0 22px;}
.GB_Gallery .content {background:#ffffff url(greybox/bg-gornji.gif) repeat-x center bottom;border: 1px solid #dddddd;}
.GB_header {top: 10px;left: 0;margin: 0;z-index: 500;position: absolute;border-bottom: 1px solid #555;border-top: 1px solid #555;}
.GB_header .inner { background-color: #333;font-family: Arial, Verdana, sans-serif;padding: 2px 20px 2px 20px;}
.GB_header table {margin: 0;width: 100%; border-collapse: collapse;}
.GB_header .caption {text-align: left;color: #eee;white-space: nowrap;font-size: 20px;}
.GB_header .close {text-align: right;}
.GB_header .close img {z-index: 500;cursor: pointer;}
.GB_header .middle {white-space: nowrap;text-align: center;}
#GB_middle {color: #eee;}
#GB_middle img {cursor: pointer;vertical-align: middle;}
#GB_middle .disabled {cursor: default;}
#GB_middle .left {padding-right: 10px;}
#GB_middle .right {padding-left: 10px;}
.GB_Window .content {background:#ffffff url(greybox/bg-gornji.gif) repeat-x center bottom;    border: 3px solid #EDBCD3;border-top: none;}
.GB_Window .caption {font-size: 12px;text-align: left;font-weight: bold;white-space: nowrap;padding-right: 20px;}
.GB_Window .close { text-align: right;}
.GB_Window .close span {font-size: 12px;cursor: pointer;}
.GB_Window .close img {cursor: pointer;padding: 0 3px 0 0;}
.GB_Window .on { border-bottom: 1px solid #333;}
.GB_Window .click { border-bottom: 1px solid red;}

#pagination {display:block;padding:3px; margin:15px 0 0 100px; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:20px;position:relative; z-index:5;padding:0 0 0 20px;color:#555; text-align:center;}
#pagination a {display:block; padding:3px 6px; margin:0 7px 0 0; border:1px solid #2DA5D2; float:left;background:#fff}
#pagination a:hover {border:2px solid #CC0066; background:#EDBCD3; font-weight:bold;text-decoration:none;}

a#tren {color:#CC0066;text-decoration:underline;}