/*********/
/* STAŁE */
/*********/

:root {
	
	/*
	--std_font:"Gotham Rounded Light", sans-serif;
	--std_size:15px;
	*/
	
	--std_font:"Open Sans", sans-serif;
	--std_size:14px;
	
}



/* ZAWARTOŚĆ */
.content_center {margin-top:88px; text-align:center;}
.content_box {display:inline-block; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

/* POPUP */
#popupCover {width:100%; height:100%; position:fixed; top:0px; left:0px; background-color:rgba(0, 0, 0, 0.75); z-index:99999;}
#popupContent {display:inline-block; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

/* MENU Z PRZYCISKAMI */
.menu_buttons {position:fixed; top:0px; left:0px; width:100%; background-color:var(--std_background_2); padding:16px; z-index:9999;}

/* INPUTY */
input[type="text"], input[type="password"], select, textarea {
	font-family:var(--std_font); font-size:var(--std_size); border:none; background-color:var(--std_background_1); color:var(--std_color_1); line-height:16px; padding:12px;}

input[type="submit"], button {
	font-family:var(--std_font); font-size:var(--std_size); border:none; background-color:var(--std_background_1); color:var(--std_color_1); line-height:16px; padding:14px 13px 13px 13px; cursor:pointer;}


input:focus {outline:none;}



/*select {padding:11px 12px 11px 12px;}*/






select {
	appearance:none;
	background-image:url("img/arrow_down_d6d6d6_128.png");
	background-size:16px 16px;
	background-position:calc(100% - 16px) calc(50% + 0px);
	background-repeat: no-repeat;
	line-height:17px;
	padding:13px 42px 13px 13px;
}









/*input:focus {background-color:red;}*/

.but {display:inline-block; background-color:var(--std_background_1); color:var(--std_color_1); line-height:16px; padding:14px 13px 13px 13px; cursor:pointer;}
.but > * {vertical-align:top;}

.but:hover {background-color:#38393D; color:var(--std_color_1);}


/* SIATKA */
.gg_pos {display:inline-block; position:relative; /*background-color:blue;*/ margin:4px;}
.gg_pos a, .gg_pos a:hover {color:#ffffff;}

.gg_img {display:inline-block; vertical-align:top; background-color:rgba(0, 0, 0, 0.2); background-size:cover; background-position:center;}

.gg_hover {display:inline-block; position:absolute; bottom:0px; right:0px; background-color:rgba(0, 0, 0, 0.8); min-width:16px; font-size:12px; padding:4px;}
.gg_hover2 {display:inline-block; position:absolute; top:0px; right:0px; background-color:rgba(0, 0, 0, 0.8); min-width:16px; font-size:12px; padding:4px;}
.gg_hover *, .gg_hover2 * {vertical-align:top;}

/* podział div/p na dwie równe części*/
.dt2 > *:nth-child(1) {display:inline-block; width:calc(100% / 2 - 4px); margin-right:8px;}
.dt2 > *:nth-child(2) {display:inline-block; width:calc(100% / 2 - 4px);}

/* iw100 - input width 100% */
.iw100 input, .iw100 select, .iw100 textarea, .iw100 button, .iw100 .but {width:100%; box-sizing: border-box;}



/**************/
/* PODSTAWOWE */
/**************/

/* html, body */
html, body {width:100%; height:100%; margin:0px; font-family:var(--std_font); font-size:var(--std_size); background-color:var(--std_background_1); color:var(--std_color_1);}

/* tekst, linki */
p, form {margin:0px;}
a, .a {text-decoration:none; cursor:pointer; color:#80AA29;}
a:hover, .a:hover {color:#638A11;}

.fb {font-weight:bold;}
.fi {font-style:italic;}
.pointer {cursor:pointer;}
.fCenter {text-align:center;}
.fLeft {text-align:left;}
.fRight {text-align:right;}
.fUpper {text-transform:uppercase;}
.fLower {text-transform:lowercase;}

.fSup {vertical-align:super !important; font-size:smaller;}
.fSub {vertical-align:sub !important; font-size:smaller;}

.fs10 {font-size:10px;}
.fs12 {font-size:12px;}

/* obrazki */
.img16 {display:inline-block; width:16px; height:16px; background-size:16px 16px; background-repeat:no-repeat; background-position:center;}
.img32 {display:inline-block; width:32px; height:32px; background-size:32px 32px; background-repeat:no-repeat; background-position:center;}

.trans {opacity:0.25; transition:all 0.25s ease 0s;}
.trans:hover {opacity:1;}

/* paddingi */
.p4 {padding:4px;}
.p8 {padding:8px;}
.p16 {padding:16px;}
.p24 {padding:24px;}
.p32 {padding:32px;}

/* marginesy */
.mt4 {margin-top:4px;}
.mt8 {margin-top:8px;}
.mt16 {margin-top:16px;}
.mt24 {margin-top:24px;}
.mt32 {margin-top:32px;}

.mr4 {margin-right:4px;}
.mr8 {margin-right:8px;}
.mr16 {margin-right:16px;}
.mr24 {margin-right:24px;}
.mr32 {margin-right:32px;}

.mb4 {margin-bottom:4px;}
.mb8 {margin-bottom:8px;}
.mb16 {margin-bottom:16px;}
.mb24 {margin-bottom:24px;}
.mb32 {margin-bottom:32px;}

.ml4 {margin-left:4px;}
.ml8 {margin-left:8px;}
.ml16 {margin-left:16px;}
.ml24 {margin-left:24px;}
.ml32 {margin-left:32px;}

/* kolory tekstu */
.fcGreen {color:rgb(128, 170, 41);}
.fcRed {color:rgb(204, 51, 51);}
.fcGold {color:rgb(198, 167, 0);}

.fc1 {color:var(--std_color_1);}
.fc2 {color:var(--std_color_2);}

.null {color:#888888; font-style:italic;}











/* kolory tła */
.bcGreen, .bgcG {background-color:rgba(128, 170, 41, 0.5); color:#ffffff;}
.bcRed, .bgcR {background-color:rgba(204, 51, 51, 0.5); color:#ffffff;}
.bcGold {background-color:rgba(198, 167, 0, 0.5); color:#ffffff;}

.bc1 {background-color:var(--std_background_1);}
.bc2 {background-color:var(--std_background_2);}

/* tooltipster */
.tooltipster-sidetip .tooltipster-box {background-color:var(--std_background_1); border:none; border-radius:0px;}
.tooltipster-sidetip .tooltipster-content {color:var(--std_color_1); padding:16px;}




/* wrappery - jakby któryś rzucił się w oczy, trzeba zmienić */
/* bgcG i bgcR w następnej kolejności */
.fc3, .fc4 {color:pink; font-size:32px;}
.gg_min_box, .gg_min_vid_box {display:inline-block; padding:32px; background-color:pink;}







.std_table_container {width:calc(100% - 32px); display:inline-block;}

.std_table {border-spacing:0px; font-size:var(--std_size); white-space:nowrap; text-align:left; width:100%;}
.std_table td, .std_table th {padding:8px; border-bottom:1px solid #454649;}
.std_table td *, .std_table th * {vertical-align:middle;}

.std_table th {background-color:#57585C; color:#FFFFFF; border:none; cursor:pointer; font-weight:normal; text-align:left; transition:all 0.25s ease 0s;}
.std_table th:hover {background-color:#555555;}

.std_table td {background-color:#2F3033;}
.std_table tr:hover td {background-color:#38393D;}
.std_table tr:last-child td {border:none;}





/*
td:first-child, th:first-child {padding-left:16px;}
td:last-child, th:last-child  {padding-right:16px;}
th.controls {text-align:right;}


thead th.controls:hover {background-color:#80AA29;}

thead th.sorting-asc .img16 {visibility:visible;}
thead th.sorting-desc .img16 {visibility:visible;}
thead th.refresh .img16 {background-image:url("img/ajax.png"); visibility:visible;}

tbody td {background-color:#ffffff;}
tbody tr:hover td {background-color:rgba(255, 255, 255, 0.5);}
tbody tr:last-child td {border:none;}

tbody tr td.control * {visibility:hidden;}
tbody tr:hover td.control * {visibility:visible;}

.null {color:#888888; font-style:italic;}
tr[class^="bg_"] > td {background-color:transparent;}

*/














/********/
/* MENU */
/********/

/*
#menu_top {background-color:var(--std_background_2);}

#menu_top>div:nth-child(1) {display:inline-block; width:50%;}
#menu_top>div:nth-child(2) {display:inline-block; width:50%; text-align:right;}

#menu_top>div>span, #menu_top>div>a {display:inline-block; padding:16px;}
*/






.pc_pos {padding:16px; width:640px; margin-bottom:8px;}
.pc_pos div {display:inline-block; vertical-align:middle;}

.pc_pos div:nth-child(1) {margin-right:16px;}
.pc_pos div:nth-child(2) {}






.mipt > * {vertical-align:top;}
.mipt .img16 {display:block;}











/*#pvr_video_box {background-color:green;}*/
#pvr_video_box > div {display:inline-block; vertical-align:top;}

/*#pvr_video_box > div:nth-child(1) {}*/
#pvr_video_box > div:nth-child(2) {min-width:128px; padding:16px;}