@media screen, projection { 
	
	* {margin: 0; padding: 0; } /*border: solid 1px red;*/
	
      html {  height: 100%; }
	
      body  {
			font-family: Sans-serif, Verdana, Arial; font-size: 8pt; line-height: 150%;  font-weight: normal; color: #000000;
			
			background: #2A292E url("../Img/bg-body.jpg") top left repeat-x;
			
			text-align: center;   /* doplnek kvuli MSIE 5*/
			
			padding: 0; margin: 0;
			
						
			
      }
      
      a:link { color: #ffffff; }
       a:visited { color: #ffffff; }
      
      
      input { font-size: 9pt; }
      
      ul {	margin-left: 20px; margin-top: 20px; padding: 0; }
      li {	margin-top: 5px; padding: 0; list-style-type: square; }
      
      h1 { position: relative; top: -35px; float: right; text-align: right; font-family: Verdana; font-size: 10pt; width: 300px; margin: 0px 10px 0px 0px; padding: 0px;}
      
     
     h2 {

	      color: #4F4F4F;

	      font-size: 9pt;

	      font-weight: bold;

      }
      
      h4 { font-size: 9pt; }
	      

      
      .big { font-size: 13pt; font-weight: bold;}
      
      img { border: none; }
      
      hr.cistic {
			clear: both;
			height: 1px;
			border: none;
			margin: -1px 0 0 0;
			visibility: hidden;
		}
      
		
        #dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	}
	
	#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
	}	
		
      
      #main_div {
	      		position: relative; top: 0px; left: 0px;  z-index: 0;
			
			
			width: 811px;
			height: 100%; min-height: 650px;
			
			text-align: left;
			
			
			
			background:  #424242 url("../Img/bg-main.jpg") top left repeat-y; /*#2a292a*/
			
			margin-left: auto; margin-right: auto; margin-top: 0px; padding: 0px 0px 0px 0px;
			
			text-align: left;   /* doplnek kvuli MSIE 5*/
			
			
			
	      
      }
      
      #content {
      			position: relative; top: 0px; left: 0px;  z-index: 0;
			background: #484747 url("../Img/bg-content.jpg") top left repeat-x;
			width: 766px; height: 100%;
			
			margin: 0px 0px 0px 22px; padding: 5px 0px 0px 0px;
      } 
      
           
      #logoDIV {
	      		display: block;
			background: #000000 url("../Img/bg-logo.jpg") top left no-repeat;					
			color: #ffffff;
			   		
			
			width: 740px;
			height: 95px; 
			
			padding: 0; margin: 0px 13px 1px 13px;
			
			
			
			
      }
      
      #text { width: 730px; min-height: 300px; color: #ffffff; margin: 20px 20px 20px 20px; }
      #text h3 { margin: 15px 10px 10px 0px; }
      #text h3 a { color: #FFB900; font-size: 10pt;}
      
      .paging { width: 730px; background-color: #2F2F2F; margin: 20px 0px 20px 0px; padding: 7px 0px 7px 0px;}
      .paging div { margin: 5px 10px 5px 10px; }
      .paging div a {font-size: 9pt; }
      .paging div a b {color: #61CCFF; }
      
      #logo {  margin: 30px 0px 0px 30px;    }
      
      
      #topLista {
	      		background: #414141;
			width: 740px; height: 41px;
			padding: 0; margin: 0px 13px 0px 13px;
      }
      
      #loginForm, #userBar {
	      
	      	display: inline;
		position: absolute;
		top: 207px;
		right: 20px;
		    
      }
      #loginForm form input {background-color: #5F5F5F; font-size: 10pt; border: solid 1px #9F9F9F; color: #ffffff;}
      
      #userBar { right: 14px; top: 195px; }
      #userBar div {float: left; width: 200px;margin-top: 15px;}
     
      
      /*.loginName { padding-left: 20px; background: url("") top left no-repeat; }*/
 
     
      
      #mainMenu a img {
	      		border: none;
      }
          
      #filtrLista {	margin: 10px 13px 0px 15px; color: #484747; font-size: 9pt; }
      #filtrLista a:link, #filtrLista a:visited { font-size: 10pt; margin: 0px 5px 0px 5px; text-decoration: none;}
      #filtrLista a:hover { text-decoration: underline; }
      
      a.normalCol:link, a.normalCol:visited { color: #9FDFFF; }
      a.pcCol:link, a.pcCol:visited { color: #DA8FFF; }
      a.playstationCol:link, a.playstationCol:visited { color: #FFB900; }
      a.nintendoCol:link, a.nintendoCol:visited { color: #00ccff; }
      a.xboxCol:link, a.xboxCol:visited { color: #99ff00; }
      a.amigaCol:link, a.amigaCol:visited { color: #0098FF; }
      a.mobileCol:link, a.mobileCol:visited { color: #FF8A00; }
      a.othersCol:link, a.othersCol:visited { color: #FFAC8F; }
      
      
      #contentDIV {
	      		display: block;
			
			width: 767px;
			height: 100%;
			
			
		/*	border: solid 1px violet;*/
		
      }
      
     h2.title, h2.titleGame { font-size: 12pt; color: #61CCFF; margin: 25px 20px 5px 20px; text-align: left;}
     h2.titleGame span {font-size: 9pt; }
     h3.title { font-size: 12pt; color: #FFB900;} 
     
     .textObsah, .textObsah p, .textObsah center {font-family:Verdana;font-size:10pt; }
     .textObsah b {color: #61CCFF; }
     .textObsah a {color: #8FDCFF; }
     
     .goBack { color: #61CCFF; padding: 0px 0px 10px 20px; margin-top: 20px; background: url("../Img/left-orange.gif") top left no-repeat;}
     .goBack a { color: #61CCFF; text-decoration: none; font-weight: bold;}
     
      #left {
	      		display: block;
			
	      		float: left;
			
			width:  365px;
			
			text-align: left;
			
			margin: 15px 0px 0px 13px;
			/*border: solid 1px blue;*/
      }
      
      .boxNovinky, .boxNovinky2, .boxNovinky3 { 
	      		display: block;  width: 365px; 
			background: #000000 url("../Img/box-title.gif") top left no-repeat;
			margin: 0px; padding: 1px;
			/*border: solid 1px red;*/
			
      }
      
      .boxNovinky2 { background: url("../Img/box2-title.gif") top left no-repeat;  }
      .boxNovinky3 { background: url("../Img/box3-title.gif") top left no-repeat;  }
      
      .filterName { float: left; width: 100px; color: white; margin: 7px 0px 0px 13px;}
      
      .box, .box2, .box3 {  min-height: 500px;  margin-top: 29px; padding-top: 10px; padding-bottom: 10px; background: #000000 url("../Img/bg-box.jpg") top left repeat-x; }
      .box2 {min-height: 200px; }
      .box3 {padding-top: 3px; min-height: 200px;}
      
      .box3 ul { margin: 5px 0px 0px 10px; color: #ffffff; padding: 0px; }
      .box3 ul li {list-style-type: none; }
      
      li.nazev, li.nazev2 {padding-left: 20px; background: url("../Img/download-page-orange.gif") top left no-repeat; margin-top: 5px;}
      li.nazev2 {background: url("../Img/edit-page-yellow.gif") top left no-repeat; }
      li.nazev span, li.nazev2 span {color: #FF7200;}
      li.nazev a, li.nazev2 a {color: #60C7FF; font-size: 8pt; font-weight: bold;  }
      li.popis {padding-left: 20px;}
      
           
      li.predmet {padding-left: 20px; font-weight: bold;}
      li.predmet span {color: #FF7200;}
      
      
      .novinka, .novinka2 { display:block; width: 355; height: 72px; margin: 0px 5px 15px 10px;}
      .novinka2 {  border-bottom: solid 1px #555455; padding-bottom: 10px; margin-bottom: 10px;}
      .news, .news2, .recenze { padding-bottom: 20px; border-bottom:solid 1px grey; }
      .recenze center { margin: 20px 0px 20px 0px; }
      .news h3, .news2 h3, .recenze h3 { font-family: Verdana; font-size: 12pt; color: #FFB900; }
      .news p, .news2 p, .recenze p, .textNovinky { font-family: Verdana; font-size: 10pt; margin-top: 10px;}
      .news p span a {color:#61CCFF;}
      .news2 p span a {color:#61CCFF;}
      
      .novinka img, .news img, .novinkaPic { float: left; clear: left; width: 70px; height: 70px; margin: 0px 15px 10px 0px; border: solid 1px #2F657F; }
      .novinka2 img { float: left; clear: left; width: 50px; height: 70px; margin: 0px 15px 10px 0px; border: solid 1px #2F657F; }
      
      
      .novinka h2 a, .novinka2 h2 a { color: #60C7FF; }
      .novinka p, .novinka2 p {color: #ffffff; margin-top: 5px; line-height: 160%;}
      
      .novinka2 p { margin-top: 0px; }
      .hodnoceniAutor { margin: 5px 0px 0px 0px; color: #ffffff;}
      .hodnoceniAutor span {color: #FF7200;}
      
      
      .textNovinka {display:block; width: 355; margin: 0px 10px 20px 10px; color: #ffffff; border-top: solid 1px #333333;}
      .textNovinka ul {  margin-left: 0px; }
      .textNovinka ul li { list-style-type: none; margin-left: 0px;}
      .textNovinka ul span { color: #6F6F6F; font-size: 7pt; margin-right: 5px;}
      .textNovinka ul li a { color: #60C7FF; font-weight: bold; text-decoration: none; margin-left: 5px;}
      
      .indexpopisek { color: white; margin: 5px 0px 5px 0px; }
      
	#right {
			display: block;
	      		float: right;
			
	      		width: 369px;
			
			text-align: left;
			
			padding: 0px;
			margin: 15px 13px 0px 0px;
			
			/*border: solid 1px blue;*/
			
			
      }
      
      #posledniDiskuzeIndex { background: #2F2F2F; color:white; padding: 5px;}
      
      #bottom {
	      		width: 765px;
			/*height: 100px; */
			
			padding: 5px 0px 0px 0px; margin: 0px 0px 0px 23px;
			
			background: #333333;
			text-align: center; 
			      
      }
      .bottomLinks { margin: 5px 20px 0px 20px; font-size: 12pt; line-height:16pt;}
      .bottomLinks a:link, .bottomLinks a:visited  {color: #5F5F5F; margin: 0px 5px 0px 5px; font-size: 8pt; line-height:12pt;}
      
      .rssLink { height: 20px; background: url("../Img/rss-ico.gif") 0px 0px no-repeat; padding-left: 20px; }
      
      #ad336x280 { width: 336px; height: 280px; margin: 0px 10px 10px 10px; }
      #ad728x90 { width: 728px; height: 90px; margin: 0px 0px 0px 20px; }
      #ad728x90dva { width: 728px; height: 90px; margin: 0px 0px 0px 40px; }
      
      .comment1, .comment2 { margin: 10px 20px 5px 20px; padding: 10px; background-color: #5F5F5F; border: dashed 1px #6F6F6F; }
      .comment2 { background-color: #6F6F6F; border: dashed 1px #7F7F7F; }
      
      .comment1 p, .comment2 p {margin-top: 5px; } 
      
      .ratingList { width:110px; text-align:center; }
      .ratingList img {width:102px;height:25px;border:none;}
      
      .boxShot { width: 100px; margin: 10px 20px 10px 10px;}
      .boxShot img {width: 100px; height: 138px; border: solid 2px #4484A3;}
      
      
      #game_lista {

	    		/*background: url("Img/bg_game_lista.jpg") top left no-repeat;*/

			width: 710px;

			height: 35px;

			

			margin: 10px 20px 5px 0px;

			padding: 0;

			font-size: 8pt;

    }

    .game_lista_link, .game_lista_inactive {

	    		float: left;

	    		height: 25px;

			

			padding-top: 10px;

			padding-left: 7px;

			padding-right: 7px;

			border-right: solid 1px black;

    }

    

    .game_lista_link:hover {

	    		background-color: #FFA200;

    }

    

    .game_lista_link a {

	    		font-weight: bold;

			text-decoration: none;

			

    }

    .game_lista_link span {

	    			font-size: 7pt;

				color: #A8B9CF;

    }

    .game_lista_inactive {

	    		color: #6C6C6C;

			font-weight: bold;

    }
	
    #screenshots { margin-bottom: 20px; padding: 5px 0px 20px 0px; }
    #screenshots p {margin-right: 5px; margin-bottom: 5px;}
    
    .download_file { padding-left: 20px; background: url("../Img/download-page-orange.gif") top left no-repeat; margin-top: 10px; font-size: 9pt; font-weight:bold;}
    download_popis { padding-left: 20px; margin-top: 5px; }
    
    h3.nazevFora { padding: 0px 0px 0px 20px; background: url("../Img/folder-green.gif") top left no-repeat; font-size: 10pt; color:#FFB900; margin:0px 0px 0px 0px;}
    
    tr.topic td {border-bottom: solid 1px #5F5F5F; padding: 5px 0px 0px 0px;}
    tr.topic:hover {background: grey;}
    
    tr.topic td h4 a {text-decoration: none; font-weight: bold;}
    
    
    
    .forumPopis {color: #00D4FF;}
    
    .new_ico {position:relative; top:2px; margin-left: 5px; }
    
    .unlockedForum {padding: 0px 0px 0px 20px; background: url("../Img/add-comment-green.gif") top left no-repeat;}
    .lockedForum {padding: 0px 0px 0px 20px; background: url("../Img/lock-page-red.gif") top left no-repeat;}
    
    
    .nastenkaLink { padding-left: 20px; margin: 10px 0px 10px 0px; background: url("../Img/edit-page-yellow.gif") top left no-repeat; }
    
    table.insert_form_table {

	   		

	   		text-align: center;

			margin-left: auto;

			margin-right: auto;

			margin-top: 20px;

			margin-bottom: 15px;

   }
   
   table.insert_form_table input, table.insert_form_table textarea {background: #1F1F1F; border: solid 1px #5F5F5F; color: #ffffff;}
   .submit { padding:5px;}
   .submit:hover {background:#FFB900;}
   
   .mailboxTable {background: #1F1F1F; margin: 10px 0px 0px 0px;}
   
   .re { color:#61CCFF; font-weight: bold; }
   
   table.userSettings td { padding: 5px; }
   .polozka {font-weight: bold; padding-left: 10px;}
   .poznamka {font-size: 8pt; color: #9F9F9F;}
   
   .fLinksHome { margin:15px;}
   .fLinksHome li { list-style-type: none; }
   .friendLinks li {list-style-type: none; display: inline; margin:10px;}
   
   .topSearchBar, .topLoginBar, .topLoginBar2 {
	   		margin: 0;
			padding: 5px;
			white-space: nowrap;
   }
   
   .topSearchBar input, .topLoginBar input {background-color: #3F3F3F; font-size: 10pt; border: solid 1px #9F9F9F; color: #ffffff;}
   
   .topSearchBar li, .topLoginBar2 li, .topLoginBar li {  
	   		display: inline;
	   		list-style-type: none;
   }
   
   .topLoginBar2 li {color: white; font-size: 9pt; margin-left: 5px; margin-right:5px;}
   
   #dhtmltooltip { background: #3F3F3F; color: white; text-align: left; padding: 20px; border: solid 1px #C1D91E;}
   
}