/* =reseting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote, q {
	quotes: "" "";
}


blockquote:after, q:after{
    content: open-quote;
}

blockquote:before, q:before{
	content: close-quote;
}




a{text-decoration: none;}


/* =basics
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
acronym{cursor: help; border-bottom: 1px dotted #000000;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}
.big{font-size: 150%;}
.centerText{text-align: center;}
.centerBlock{margin: auto;}
.small{font-size: 10px;}
.sub{vertical-align: -25%;}
.sup{vertical-align: super; }
.normal{text-transform: none;}
.capitalize{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.lower{text-transform: lowercase;}
.accesskey{text-decoration:underline;}

/*	
h1{font-size: 20px;}
h2{font-size: 18px;}
h3{font-size: 16px;}
h4{font-size: 14px;}
h5{font-size: 12px;}
h6{font-size: 10px;}
*/
.clear{
	clear: both;
	font-size: 1px; /* Fix for IE */
	height: 1px;
	margin-bottom: -1px;
}


/* general
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



body{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 14px;
  background: url( '../i/html/bg.png' ) repeat-x 0 0;
  color: #fff;
}

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

#logo a{
  display: block;
  width: 767px;
  height: 217px;
  background: url( '../i/html/top.png' ) no-repeat center center;
  text-indent: -9999px;
}

#menu{
  background: #7b9522;
  border-bottom: 3px dashed #fff;
  padding: 15px 5px 15px 15px;
}

  #menu li{
    display: inline;
  }
  
    #menu li a{
      color: #fff;
      font-weight: bold;
      text-decoration: none;
      font-size: 13px;
      padding-right: 10px;
    }
    
#content{
  padding: 0px;
  background: #98b82d;
}

#content-top{
  background: #98B82D;
  padding: 20px;
}

  #content-top h1{
    color: #CEDF92;
    font-size: 40px;
    padding: 0 0 15px;
  }
  
    #content-top h1 a{
      color: #CEDF92;
    }
    
  #content-top img{
    float: left;
    margin: 0 10px 5px 0;
  }
  
  #content-top p{
    line-height: 1.3;
    padding: 0 0 20px;
  }

#content-bottom{
  background: #89A725;
  padding: 20px 70px;
}

  #content-bottom ul{
    
  }
  
  #content-bottom ul li{
    clear: left;
    padding: 15px 0;
  }

  #content-bottom h2{
    font-size: 20px;
    padding-bottom: 10px;
  }
  
    #content-bottom h2 a{
      color: #5F7610;
    }
    
    #content-bottom img{
      float: left;
      margin: 0 10px 5px 0;
      width: 100px;
      height: 100px;
      background: url( '../i/screens/screen-default.gif' ) no-repeat 0 0;
      text-indent: -9999px;
    }
    
    #content-bottom p{
      line-height: 1.3;
      padding: 0 0 20px;
    }

#new-games{
  float: left;
  background: #DDEAB2;
  padding: 15px;
  width: 320px;
}

  #new-games h1{
    font-size: 30px;
    padding-bottom: 20px;
    color: #89A725;
  }

  #new-games h3{
    padding: 0 0 5px 0;
    font-weight: bold;
    font-size: 16px;
  }
  
  #new-games a{
    color: #89A725;
  }
  
  #new-games p.description a{
    color: #666666;
    line-height: 1.3;
  }
  
  #new-games p.play a{
    background: #7B9522;
    float: right;
    padding: 3px 6px;
    color: #F2FFC6;
  }

  #new-games img{
    margin: 0 7px 0 0;
    float: left;
  }
  
  #new-games li{
    padding: 10px 0;
  }
  
#posts{
  background-color: #7B9522;
  margin-left: 27px;
  float: left;
  padding: 15px;
  width: 320px;
}

  #posts li{
    padding-bottom: 20px;
  }

  #posts img{
    float: left;
    margin: 0 10px 5px 0;
  }
  
  #posts .author{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 0;
  }
  
  #posts small{
    color: #FFFFFF;
    font-size: 11px;  
  }
  
  #posts h2{
    padding: 10px 0 10px;
  }
  
    #posts h2 a{
      color: #B6D15C;
      font-size: 18px;
      font-weight: bold;
    }
  
  #posts p{
    margin-top: 10px;
    line-height: 1.3;
    padding-bottom: 5px;
    padding-left: 160px;
  }
  
    #posts p a{
      color: #FFFFFF;
    }
    
  #posts p.more{
    float: right;
    margin-left: 77px;
    padding-left: 0;
  }
  
    #posts p.more a{
      color: #B6D15C;
    }
    
#about {
    background: url("../i/html/about.png") no-repeat scroll 30px bottom #FFFFFF;
    margin-top: 20px;
    padding: 20px 40px;
}

  #about h1 {
      color: #009EE0;
      font-size: 30px;
      padding-left: 250px;
      padding-bottom: 15px;
  }

  #about p {
    color: #666666;
    font-size: 16px;
    padding-left: 250px;
    line-height: 1.3;
    padding-bottom: 20px;
  }
  
    #about p a{
      color: #5F7610;
    }
    
#path{
  background: none repeat scroll 0 0 #98B82D;
  color: #5F7610;
  font-weight: bold;
  padding: 10px 0px;
}

  #path li{
    display: inline;
  }
  
    #path li a{
      color: #5F7610;
      font-weight: bold;
    }
    
#copyrights{
  margin: 0 auto 25px;
  color: #232323;
  padding-top: 15px;
  text-align: center;
  font-size: 11px;
}

#footer{
  background: #546a09;
}

  #footer #footer-menu{
    padding: 7px 10px;
    border-top: 1px solid #546a09;
    background: #344300;
    display:  block;
  }
  
    #footer #footer-menu li{
      display: inline;
      font-size: 12px;
    }
    
      #footer #footer-menu-label{
        padding-right: 20px;
        font-weight: bold;
        color: #fff;
        font-size: 12px;
      }
    
      #footer #footer-menu li a{
        color: #89A725;
        font-size: 10px;
      }

  #footer ul{
    display: inline;
  }
  
    #footer ul li{
    }
    
      #footer ul li h3{
        font-weight: bold;
        font-size: 12px;
        display: inline;
      }
      
      #footer ul li h3#footer-categories-label{
        padding:  5px 5px 5px 25px;
        float: left;
        color: #D5E4A4;
      }
    
      #footer ul li ul#footer-tree-menu{
        padding: 0 25px 0px 0px;
        display: block;
        margin-left:  100px;
      }
      
        #footer ul li ul#footer-tree-menu li{
          padding: 5px 0;
          display: block;
        }
        
          #footer ul li ul#footer-tree-menu li a{            
            color: #D5E4A4;
          }
          
            #footer ul li ul#footer-tree-menu li ul{
            
            }
          
            #footer ul li ul#footer-tree-menu li ul li{
              display: inline;
            }
            
              #footer ul li ul#footer-tree-menu li ul li a{
                font-size: 10px;
              }
                 

           

    
#sitemap {
	padding: 20px 70px;
	padding: 20px;
	background: #98b82d;
}

#sitemap ul{
  padding: 8px 0;
  line-height: 1.3;
}

#sitemap ul li{
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
}
#sitemap ul li ul li{
	padding-left:20px;
	font-weight:bold;
	font-size:12px;
}
#sitemap ul li ul li ul li{
	padding-left:30px;
	font-size:11px;
}

#sitemap a{
  color: #5F7610;
}

#groupon{
  background: #98b82d;
  font-family: Arial, sans-serif;
  position: relative;
}
  #groupon h1{
    padding: 25px 25px 15px;
    color: #5f7610;
    font-size: 24px;
    font-weight: bold;
  }
  
  #groupon p{
    padding: 0 25px 20px;
    font-size: 16px;
  }

  #groupon p strong{
    font-weight: bold;
  }
  
  #groupon em{
    font-weight: bold;
    color: #5f7610;
  }
  
  #groupon #groupon-wrapper{
    padding: 15px 25px;
    background: #89a725;
    position: relative;
  }
  
  #groupon #back{
    width: 65px;
    height: 33px;
    background: url( '../i/groupon/powrot.png' ) no-repeat 0 0;
    position: absolute;
    top: 90px;
    left: 25px;
    text-indent: -9999px;
  }
  
  #groupon ul#buttons{
    padding: 25px;
  }
  
    #groupon ul#buttons li{
      margin-left: 60px;
      float: left;
    }
    
    #groupon ul#buttons li span{
      display: block;
      padding: 0 0 10px 0;
      text-align: center;
      font-size: 16px;
    }
  
    #groupon li#btn-loguj a{
      width: 112px;
      height: 45px;
      background: url( '../i/groupon/btn-loguj.png' ) no-repeat 0 0;  
      display: block;
      text-indent: -9999px;
      margin-bottom: 50px;
    }
    
    #groupon li#btn-rejestruj a{
      width: 112px;
      height: 45px;
      background: url( '../i/groupon/btn-rejestruj.png' ) no-repeat 0 0; 
      display: block;
      text-indent: -9999px; 
    }
    
    #groupon #maszynista{
      width: 155px;
      height: 303px;
      background: url( '../i/groupon/maszynista.png' ) no-repeat 0 0;
      position: absolute;
      bottom: 20px;
      right: 40px;
    }
    
    #groupon #luck{
      width: 215px;
      height: 225px;
      background: url( '../i/groupon/luck.png' ) no-repeat 0 0;
      position: absolute;
      bottom: 20px;
      right: 200px;
    }
    
    #groupon-login{
      padding: 30px;
      padding-left: 90px;
    }
    
      #groupon-login .form-field{
        padding: 5px 0;
      }
    
      #groupon-login .form-field input{
        font-size: 14px;
        padding: 5px;
        color: #5e5e5e;
      }
      
      #groupon-login #info{
        margin-left: 5px;
        vertical-align: bottom;
        display: inline-block;
        width: 35px;
        height: 32px;
        background: url( '../i/groupon/btn-info.png' ) no-repeat 0 0;
        position: relative;
        cursor: help;
      }
      
        #info p{
          display: none;
          
        }
        
        #groupon-login #info:hover p{
          width: 315px;
          height: 71px;
          padding: 7px;
          border-radius: 5px;
          border: 5px solid #ffc30d;
          background: #fff;
          position: absolute;
          top: -80px;
          right: -340px;
          color: #5e5e5e; 
          display: block;
          font-size: 11px;
          z-index: 100;
        }
        
        #groupon-login #btn-zaloguj{
          margin-top: 15px;
          border:  none;
          width: 113px;
          height: 45px;
          background: url( '../i/groupon/btn-zaloguj.png' ) no-repeat 0 0;
          text-indent: -9999px;
          display: block;
          cursor: pointer;
        }

  #groupon-registration{
    padding: 30px;
    width: 350px;
    padding-left: 90px;
  }
  
  
      #groupon-registration .form-field{
        padding: 5px 0;
      }
    
      #groupon-registration .form-field input{
        font-size: 14px;
        padding: 5px;
        color: #5e5e5e;
      }
      
  #groupon-registration #info{
    margin-left: 5px;
    vertical-align: bottom;
    display: inline-block;
    width: 35px;
    height: 32px;
    background: url( '../i/groupon/btn-info-blue.png' ) no-repeat 0 0;
    position: relative;
    cursor: help;
  }
        
  #groupon-registration #info:hover p{
    width: 315px;
    height: 71px;
    padding: 7px;
    border-radius: 5px;
    border: 5px solid #2489ee;
    background: #fff;
    position: absolute;
    top: -80px;
    right: -340px;
    color: #5e5e5e; 
    display: block;
    font-size: 11px;
    z-index: 100;
  }
  
   #groupon-registration .form-field{
    position: relative;
  }
  
   #groupon-registration .form-field small{
    position: absolute;
    top: 8px;
    left: 160px;
    white-space: nowrap;
    border: 1px solid #ff8a8a;
    padding: 5px;
    background: #fff;
    color: #ff4848;
  }
  
  #groupon-registration #btn-zarejestruj{
    margin-top: 15px;
    border:  none;
    width: 113px;
    height: 45px;
    background: url( '../i/groupon/btn-zarejestruj.png' ) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    cursor:  pointer;
  }
  
  #groupon-registration .tos{
    font-size: 10px;
  }
  
    #groupon-registration .tos small{
      top: 0px;
      left: 0;
    }
    
    #groupon #luck2{
      width: 215px;
      height: 225px;
      background: url( '../i/groupon/luck2.png' ) no-repeat 0 0;
      position: absolute;
      bottom: 20px;
      left: 25px;
    }
    
    #groupon #btn-start{
      width: 112px;
      height: 45px;
      background: url( '../i/groupon/btn-start.png' ) no-repeat 0 0;
      margin:  15px auto 0;
      display: block;
      text-indent:  -9999px;
    }
    
/* =recommended
****************************************************************************/
#recommended li {
    padding-bottom: 20px;
}

#recommended a{
  color: #5F7610;
}


/* ******************************** RATING *************************** */

  #content  div.rate{
     position: relative; left: 133px; top: 7px;
     width: 200px;
   	 height: 20px;
	 display: inline;
	 font-size: 12px; 
	 color: #5F7610;
    }

	 #content  div.rate span{
		background: url('../i/icn_star_rate_green.png') no-repeat -10% center;
		width: 25px;
		height: 20px;
	   -moz-opacity: 0.60;
		-khtml-opacity: 0.60;
		opacity: 0.60;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
		filter:alpha(opacity=60);
		cursor: pointer;
		padding: 10px;
	}
	
	#content  div.rate span.full{
		background: url('../i/icn_star_rate_green.png') no-repeat 51% center;
	}
	#content  div.rate span.half{
		background: url('../i/icn_star_rate_green.png') no-repeat 113% center;
	}
    #content  div.rate span.rating{
		background: none;
		/*position: absolute; top: 10px; left: 0px;*/
		padding-left: 5px;
		height: 10px;
		width: 120px;
		cursor: default;
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
		filter:alpha(opacity=80);
	}
	 #content  div.rate span.votes{
		background: none;
	/*	position: absolute; top: 10px; left: 140px;*/
		padding-left: 5px;
		height: 10px;
		width: 120px;
		cursor: default;
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
		filter:alpha(opacity=80);
	}
	
	
/* ******************************** REGULAMIN ***************************** */



div.regulamin-content{
	margin-top: -15px;
	font-size: 12px;
}

div.regulamin-content p.centerText{
	text-align: left;
	text-align: -moz-left;
	margin-left: 0px;
}

div.regulamin-content h3{
	font-weight: bold;
	padding-bottom: 6px;
	font-size: 14px;
	margin-bottom: 10px;
	border-top: 1px dashed #C4C4C4;
	padding-top: 8px;
	/*text-shadow: 1px 1px 2px #333;
	filter: dropshadow(color=#333, offx=2, offy=2);*/
}

div.regulamin-content h3:first-child{
	border-top: none;
}
div.regulamin-content ul{
	margin-bottom: 15px;
	list-style-type: decimal;
	margin-left: 30px;
	margin-top: -5px;
}

div.regulamin-content ul li{
	padding: 2px;
	margin-right: 30px;
}

div.regulamin-content ul li p{
	margin-left: 0px;
}

div.regulamin-content ul li ul{
	margin-bottom: 15px;
	list-style-type: disc;
	margin-left: 50px;
	margin-top: -5px;
}

 div.regulamin-content p{
	margin-left: 10px; 	/* Tak samo jak table */
	margin-right: 10px;
}