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

body {
	color: #222222;
    font-family: arial,verdana,sans-serif;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    text-align: center;
	background: linear-gradient(to bottom, #02426A 0%, #509ED1 800px) fixed;
}
img {
	border:none;
}

.clear {
	clear: both;
}

body a{
	color: #000000;
}
textarea{
	max-width: 700px;
}
fieldset {
	border:medium none;
	margin:0;
	padding:0;
}
/*===== NAGłÓWKI =====*/

ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 0;
    padding-top: 0;
}
ul, li, ol {
	list-style: none;
	padding: 0px;
}
a:link, a:visited, a:active a:hover {
    text-decoration: none;
}
.post-container img {
    padding:6px;
    max-width:645px;
    border:0;
}

.ol_numeric li
{
	list-style-type:decimal;
}

.post-readmore {
    background-image: url("https://cdn.gragieldowa.pl/gra/img/icon_next.png");
    background-repeat: no-repeat;
    color: #1F6A00;
    margin-top: 5px;
    padding-left: 20px;
	font-size:12px;
	font-weight: bold;
	width:100px;
	float: left;
}
.post-status-bar
{
	width: 100%;
	height:20px;
	margin-bottom: 5px;
}
.post-comments-info {
    background-image: url("https://cdn.gragieldowa.pl/gra/img/icon_comment.png");
	background-position: 0 2px;
    background-repeat: no-repeat;
    color: #1F6A00;
    margin-top: 5px;
    padding-left: 20px;
	font-size:12px;
	font-weight: bold;
	width:120px;
	float: left;
}


.post-readmore {
    background-image: url("https://cdn.gragieldowa.pl/gra/img/icon_next.png");
    background-repeat: no-repeat;
    color: #1F6A00;
    margin-top: 5px;
    min-height: 32px;
    padding-left: 20px;
	font-size:12px;
	font-weight: bold;
}
.header-container>#usr-header>h1>a {
	text-decoration: none ;
	color: #000000 ;
	cursor: pointer;
}


.usr-header-logo {
	width:100%;
	margin-bottom:10px;
	min-height:70px;
	margin-top:5px;
}
.usr-header {
	width:644px;
	margin-bottom:10px;
}
.usr-header a {
	text-decoration: none;
	color: #000000;

}
.header-line,.footer-line {
	border-bottom: 1px solid #DEDDDD;
	width:600px;
	height: 3px;
	margin-bottom:5px;
}
.footer-line {
	width:100%;
}

#wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	padding-top:5px;
}


#gragieldowa_logo{
	width:300px;
	height: 35px;
	position: absolute;
	right: 0px;
	top: 3px;

}

h1 {
	display: inline;
	font-size:30px;
}

h2{
	display: inline;
	font-size:24px;
}
h3{
	display: inline;
	font-size:22px;
}
.post-short-info
{
	margin-top:10px;
	margin-bottom:15px;
}
#container {
	background: none repeat scroll 0 0 #ffffff;
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 990px;
    text-align: left;
	min-height: 600px;
	border-radius: 5px 5px 0px 0px;
	padding: 10px;
}

#header-container {
	padding: 10px 0 5px;
	position:relative;
	margin-bottom: 20px;
	width:100%;
	border-bottom: 1px solid #cccccc;
}

#container-right {
	width:280px; 
	float:right;
	margin: 0 0 20px;
    padding: 0 20px 20px 15px;
}

#container-left {
	width:644px;
	float: left;
	padding-right: 10px;
	border-right: 1px solid #CcCcCc;
	margin-top:20px;
	padding-left: 20px;
}

table {
	font-size:12px;    
	border-collapse:collapse;
	background-color: #f7f7f7;
}

table th {
	padding:4px 6px 4px 6px;
	color: #F1F4F8;
	background:#75777A;
}

table td {
	padding:4px 4px 4px 4px;
}

label {
	margin:4px;
	padding:4px;

}

.table tr:nth-child(odd) {
	background:#EFefef; 
}

.table tr:nth-child(even) { 
	background:#D0D8E4; 
}
#main_nav_bar_full{
	height:40px;
	background-color: #03436E;
	width: 100%;
	border-bottom: 2px solid #C1BFBF;
}
#main_nav_bar{
	height:40px;
	width: 990px;
	font-size:13px;
	position: relative;
	margin: auto;


}

#main_nav_bar ul {
	padding:0;
	margin:0;
	list-style-type:none;
	z-index:100;	
}

#main_nav_bar li {
	float:left;
	position:relative;
	z-index:100;
	height:29px;
	padding-top:0px;
	margin-top: 7px;
}
#main_nav_bar a, #main_nav_bar a:visited {
	color: #eeeeee;
	width: auto;
	height: 31px;
	line-height: 28px;
	padding: 0px 6px;
	margin: 0px;
	font-size: 12px;
	text-decoration: none;
	display: block;
}

#main_nav_bar ul li.notcurrent:hover{
	background: #2065a6;
	color: white;
}

.current{
	background: #ffffff;
	border-top: 2px solid #014D99;
	border-left: 2px solid #014D99;
	border-right: 2px solid #014D99;
	position: relative;
	top: -2px;
}

#main_nav_bar li.current a{
	color: #000000;
}

#main_nav_bar li.current a:hover{
	color: #555555;
	background: #ffffff;
}

#main_nav_bar li.current a:hover{
	color: #555555;
	background: #ffffff;
}

#main_nav_bar a:hover{
	color: yellow;
}
.stooq_div table
{
	width:100%;
}
#stopka {
	margin-top:20px;
}
#stopka_menu{
	height:30px;
	width:100%;
	font-size:13px;
}

#stopka_menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	z-index:100;
	display: flex;
}
#stopka_menu li {
	position:relative;
	z-index:100;
	padding-top:0px;
	margin-top: 7px;
}

#stopka_menu a, #stopka_menu a:visited {
	width: auto;
	height: 31px;
	line-height: 28px;
	padding: 0px 6px;
	margin: 0px;
	font-size: 12px;
	text-decoration: none;
	display: block;
	color:#333333;
	font-weight: bold;
}

.info-box{
	margin:10px 5px 10px 5px;
	border:1px dashed #999999;
}

.info-box-header {
	font-size: 15px;
	padding-bottom: 4px;
	text-align: center;
	border-bottom: 1px solid #999999;
}

.info-box-content{
	padding:5px;
}
.info,.warn,.error,.tip {border-radius: 8px 8px 8px 8px;border: 1px solid; margin: 10px auto; padding: 5px 10px 5px 35px; background-repeat: no-repeat; background-position: 10px 6px;font-size:11px;font-weight:bold}

.info {background-image: url(/images/icon_accept.png); background-color: #dff2bf; color:#1f6a00}
.error{background-image: url(/images/icon_exclamation.png); background-color: #ffbaba; color:#a8000c}
.tip {background-image: url(/images/icon_information.png); background-color:#bde5f8; color:#00327b}
.warn {background-image: url(/images/icon_error.png); background-color:#feefb3; color:#7f4000}

/*---------------- POST --------------*/
.post-details ul
{
padding-left: 20px;
}
.post-details li
{
	list-style:disc;
}
.post-info {
	padding-bottom: 8px;
	font-size:12px;
	padding-right: 5px;
	color: #adadad;

}
.post-title a
{
	color:#365694;	

}

.post-list {
	margin-bottom: 25px;
	border-bottom: 1px solid #CDCCCC;	
	padding-bottom: 20px;
	position: relative;

}
.post-list a
{
	color: #29477E;
}
.post-title-list {
	margin-top:15px;
}

.back{
	background-image: url("web_images/icon_powrot.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #676666;
    float: left;
    font-weight: bold;
    height: 23px;
    margin-left: 10px;
    margin-top: 10px;
    padding-left: 23px;
    width: 20px;
}

.test {
	content:'.';
	border-bottom: 8px solid #ECEFF5;
    border-left: 6px solid #FFFFFF;
    border-right: 6px solid #FFFFFF;
    content: ".";
    height: 0;
    left: 18px;
    position: absolute;
    text-indent: -9999px;
    top: -8px;
    width: 0;
}


.comm{
	padding-bottom: 20px;
	position: relative;
}

.comm-header {
	margin-bottom: 8px;
}

.comm-title {
	font-size:16px;
	padding:5px;
}

.comm-content {
	background: #ECEFF5;
	font-size: 12px;
	color: #333333;
    padding: 9px 12px;
	float:left;
	width:85%;
	min-height: 42px;
	border-radius: 7px;
}
.comm-pic {

	height: 60px;
	float:left;
	text-align: center;
	padding: 26px 6px 2px 2px;
}
.comm-pic img {
	width:60px;
	height: 60px;
	padding:0;
	border-radius: 7px;
}

.comm-login {
	font-size:11px;
	font-weight: bold;
	border-right: 1px solid #CDCCCC;
	padding-right: 8px;
}

.comm-date {
	font-size: 11px;
	font-weight: normal;
	color:#333333;
}

.comm-header:after {

	border-bottom: 8px solid #ECEFF5;
    border-left: 6px solid #FFFFFF;
    border-right: 6px solid #FFFFFF;
    content: "";
    height: 0;
    left: 90px;
    position: absolute;
    top: 20px;
    width: 0;
}

.news_dodaj_kom {
	background-image:url("web_images/plus.png"); 
	background-repeat: no-repeat;
	width:120px;
	height:19px;
	cursor: pointer;
	text-align: left;
	margin-top:4px;
	padding-left:24px;
	padding-bottom:6px;
	color:#D41CA0;
	font-size: 15px;
	font-family: "times new roman";
	float:right;
	font-weight: bold;
	margin-right: 15px;
}

#add-comm {

}


#add-comm .title{
	font-size:18px;
	color:grey;
	display: block;
}

#add-comm label {
	width:60px;
	display: block;
	float:left;
	padding-top:5px;
	padding-left:10px;
}


#add-comm textarea {
	width:419px;
	margin:2px;
	background: #FFFFFF;
	border:1px solid #C1BFBF;
	padding:4px;

}

.add-comm-title {
    font-size: 14px;
}
.back_button {
	padding:2px 6px 2px 6px;
}


.form_row {
    display: table-row;
}
.form_row label,.form_row input
{
display:table-cell;
}
form label.error {
	color:red;
	font-size:10px;
}
form input.error,form textarea.error {
	border-color:red;
}
#stopka_copyright {
	text-align: right;
	padding-right: 30px;
	font-size: 11px;
}


/*config*/
.config_categories ul li
{

	float: left;
	font-size: 14px;
	font-weight: bold;
	background-color: #Fafafa;
	color: #000000;
	margin-right:10px;
	padding:5px;
	min-width:100px;
	text-align: center;
	border-radius: 5px 5px 0 0;
}

.prawa_tabelki th a
{

	color: #ffffff;
}
.prawa_tabelki
{
	margin-left:0px;
	width:100%;
	margin-top:10px;
}
.tags
{

	font-size:11px;
}
.tags a {
	color:#2970A6;

	text-transform:uppercase;
}
.tags a:hover {
	text-decoration: underline;
}
.config-games-list li span {

	width: 100%;
}
.config-data-box {
	background:#333C55; 
    border-style: solid;
    border-width: 2px;
	color:#ffffff;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 15px;
	cursor: pointer;
	margin-top:4px;
	border-color:#AAAAAA;
}
.config-data-box:hover {
	background-color: #bb0000;
}




.stronicowanie
{
	clear:both;
}
.stronicowanie a {
	color: #202d37;
	display: inline;
	float: left;
	margin-right: 5px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #3991d5;
	border-radius: 4px 4px 4px 4px;
	padding: 3px 8px;
	margin:2px;
	text-decoration: none;
	background-color: #F4F4F4;
}



.stronicowanie_aktywne {
	color: #eeeeee !important;
	font-weight:bold !important;
	border: 1px solid #1971b5 !important;
	background-color: #016EC3 !important;
}

.stronicowanie_przerwa {
	width: 1px;
	height:20px;
	float: left;
	background:#3991D5;
	margin: 4px 6px;
}

.settings-form {
	background: #F7f7f7;
	padding: 20px 10px 10px 10px;
}

.text_wall ol li{
	list-style-type: decimal;
}

.text_wall ol ol li{
	list-style-type: lower-alpha;
}

.favorite_right a{
    color: #365694;
}

.favorite_right{
	padding-left:30px;
	height: 30px;
	padding-top:5px;
	background-repeat: no-repeat;
}

.fav-big-true{
	background-image: url("https://cdn.gragieldowa.pl/gra/img/icon_fav_big.png");
    background-repeat: no-repeat;
}

.fav-big-false{
	background-image: url("https://cdn.gragieldowa.pl/gra/img/icon_favgrey_big.png");
}

.maintable a
{
	color: #CCCCCC;
}


.jqpopup {
	display:none;
	background-color:#333333;
	color:#eeeeee;
	min-width:200px;
	min-height:50px;
	border:2px solid #111111;
	border-radius: 3px;
	opacity:0;
	position:absolute;
	padding: 8px;
	z-index:5;
	text-align: left;
}

.popup_hover
{
	width:13px;
	height:13px;
	background-image: url("https://cdn.gragieldowa.pl/gra/img/icon_arrow_down.png");
	background-repeat: no-repeat;
	cursor: pointer;
}

.popup_hover_header
{
	position: absolute;
	right: 10px;
	top:10px;
}

.jqpopup a
{
	color: #eeeeee;
}



form textarea
{
	width: 96%;
}
form .columns2, form .columns3
{
	display: table;
	font-size: 15px;	
	width: 100%;
}

form>div>div
{
clear:both;
}

form .columns2>div, form .columns3>div
{
	clear: both;
	margin-top: 5px;
}

form .columns2 label, form .columns3 label,
form .columns2 div.input, form .columns3 div.input,
form .columns2 div.message, form .columns3 div.message
{
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

form .columns2 label, form .columns3 label
{
	text-align: right;
	padding-top: 7px;
}

form .columns3 label,form .columns3 div.input,form .columns3 div.message
{	
	width: 33%;
}


form .columns2 label
{
	width: 40%;
}

form .columns2 div.input
{
	width: 60%;
}

form .label_narrow label
{
	width: 20%;
}

form .columns2.label_narrow div.input
{
	width: 80%;
}
form .columns3.label_narrow>div>div
{
	width: 39%;
}

form input,form textarea, form select
{
	box-shadow: 1px 1px 5px #EEEEEE inset;
	border: 1px solid #aaaaaa;
	border-radius: 6px;
	padding: 6px;
	font-size: inherit;
}
a.button
{
	display: inline-block;	
	margin-left: 5px;
	margin-top:3px;
	margin-bottom: 3px;
	border: 1px solid #aaaaaa;
	border-radius: 6px;
	padding: 6px;
	font-size: inherit;
}
form input[type="submit"],form .button ,a.button, .button
{
	box-shadow: none;
}

input::-webkit-input-placeholder{color:    #aaaaaa;}
input:-moz-placeholder{color:    #aaaaaa;}
input::-moz-placeholder{color:    #aaaaaa;}
input:-ms-input-placeholder{color:    #aaaaaa;}

textarea::-webkit-input-placeholder{color:    #aaaaaa;}
textarea:-moz-placeholder{color:    #aaaaaa;}
textarea::-moz-placeholder{color:    #aaaaaa;}
textarea:-ms-input-placeholder{color:    #aaaaaa;}

form input:focus, form textarea:focus, form select:focus,
form input:hover, form textarea:hover, form select:hover
{
    box-shadow: 0 0 3px #046CC1;
    transition: all 0.4s ease;
	border: 1px solid #046CC1;
}

.button, form input[type="submit"] .button, a.button
{
	cursor: pointer;
	padding: 3px 8px;
	background-color: #B50B0B; 
	background: linear-gradient(to bottom, #B50B0B 0%, #8B0607 100%, #B50B0B 1px) repeat scroll 0 0 transparent;
	color: #ffffff;
}

form input[type="submit"]:hover, .button:hover, form input .button:hover, a.button:hover
{
    box-shadow: 0 0 3px #d52B2B;
    transition: all 0.4s ease;
	border: 1px solid #d52B2B;
	padding: 3px 8px;
	background-color: #d52B2B; 
	background: linear-gradient(to bottom, #d52B2B 0%, #aB2627 100%, #d52B2B 1px) repeat scroll 0 0 transparent;
	color: #ffffff;
}