html{height: 100%;}
body {margin: 0px;font-size: 13px;font-family: 'HelveticaNeueReg', 'Helvetica', arial, "lucida console", sans-serif;color: #262626;}
.header {color: #FFFFFF;font-weight: bold;height: 35px;padding: 2px;font-size: 14px;background-color: #181818;font-family: 'Roboto Condensed', sans-serif;border-bottom: 1px solid #292929;}
.header-txt{width: 61px;left: 35px;position: relative;}
.header-fota{left: 0px;top: 0px;position: absolute;}
.header-fota img{overflow: hidden;margin-left: auto;margin-right: auto;}
.header-nick{font-family: 'Roboto Condensed', sans-serif;left: 35px;top: 2px;position: absolute;color: #f1d600;text-transform: uppercase;font-size: 16px;font-weight: 700;}

.header-ranga{
	left: 35px;
	top: 19px;
	position: absolute;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	transition: font-size 200ms;
	font-size: 9px;
	color: #fff;
}

.header-poczta{float: right;margin-right: 5px;}



a{color: #427fed;cursor: pointer;text-decoration: none;}
a:hover {text-decoration: underline;}
a.black{ color: #262626;text-decoration: underline;}
.banner {text-align: center;}
.banner h1 {font-family: 'Open Sans', arial;-webkit-font-smoothing: antialiased;color: #555;font-size: 24px;font-weight: 300;margin-top: 0;margin-bottom: 20px;}
.banner h2 {font-family: 'Open Sans', arial;color: #555;font-size: 18px;font-weight: 400;margin-bottom: 20px;}


.h3 {
    background-color: #f8f8f8;
    color: rgba(0,0,0,.54);
    font-family: Roboto-Medium,HelveticaNeue-Medium,HelveticaNeue,sans-serif-medium,Arial,sans-serif;
    border-bottom: 1px solid rgba(0,0,0,.12);
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 14px 16px 14px 16px;
	font-weight: 500;
	padding-bottom: 10px;
}

.h3-im{
	background-color: #f8f8f8;
    color: rgba(0,0,0,.54);
    font-family: Roboto-Medium,HelveticaNeue-Medium,HelveticaNeue,sans-serif-medium,Arial,sans-serif;
    border-bottom: 1px solid rgba(0,0,0,.12);
    display: block;
    font-size: 21px;
	padding: 4px 0px 4px 5px;
	font-weight: bold;

}

.h4-im{
	background-color: #f8f8f8;
    color: rgba(0,0,0,.54);
    font-family: Roboto-Medium,HelveticaNeue-Medium,HelveticaNeue,sans-serif-medium,Arial,sans-serif;
    border-bottom: 1px solid rgba(0,0,0,.12);
    display: block;
    font-size: 13px;
	padding: 4px 0px 4px 5px;
	font-weight: bold;

}

a.h4-button1{
	width: 50%;
	border: 1px solid rgba(0, 0, 0, 0.12);
	text-align: center;
	display: inline-table;
	height: 30px;
	line-height: 30px;
	color: #222;
}


.LabelChat {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: large;
    color: #00C67A;
    vertical-align: bottom;
	text-transform: uppercase;
}


.LabelFlirt {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: large;
    color: #D10F55;
    vertical-align: bottom;
	text-transform: uppercase;
}


.LabelGry {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: large;
    color: #00AAC6;
    vertical-align: bottom;
	text-transform: uppercase;
}

.LabelProfile {
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: large;
    color: #07609C;
    vertical-align: bottom;
	text-transform: uppercase;
}

.plus_minus{
	background: #FFFFFF;
	border: 1px solid #E3E3E3;
	padding: 0px 0px 4px 4px;
	border-top: none;
	margin-top: -2px;
	border-right: none;
	margin-right: 5px;
	float: right;
}


.podkreslenie {border-bottom: 1px solid #ebebeb;display: block;margin: 1px 0px 2px -8px;padding: 0 0px 0px 8px;}
.small_hint {font-size: 11px;color: #777;}
.bary_sekcja {font-size: 14px;margin-top: -1px;padding-bottom: 1px;}
.bary_ar_p{margin: 0;padding: 16px 42px 16px 16px;display: block;border-top: 1px solid rgba(0,0,0,.12);}
.bary_ar_p a{display: inline-block;margin: -16px -42px -16px -16px;padding: 16px 42px 16px 16px;width: 100%;color: #222;}
.bary_ar_p a:hover{text-decoration: none;}
.bary_ar_sp{color: rgba(0, 0, 0, 0.54);display: inline-block;float: right;right: 24px;top: 4px;fill: currentcolor;height: 24px;line-height: 24px;position: relative;width: 24px;margin: -8px -50px -8px -24px;}

.navigation {
  min-width: 210px;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  list-style: none;
  background: #111;
}


.nav-item {width: 200px;border-top: 1px solid #111;border-bottom: 1px solid #000;}

.nav-item a {display: block;padding: 13px;background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(45,45,45,0.7) 100%);color: white;font-size: 14px;text-decoration: none;transition: color 0.2s, background 0.5s;border-left: 1px solid #4b4a1c;}

.nav-item a:hover {border-left: 1px solid #ec1515;color: #fff;background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(133, 153, 0, 0.7) 100%);}
.site-wrap {position: relative;top: 0;bottom: 100%;left: 0;z-index: 1;background: #f2f2f2;min-height: 400px;}
.nav-trigger {position: absolute;clip: rect(0, 0, 0, 0);}
label[for="nav-trigger"] {
	position: absolute;
  left: 5px;
top: 9px;

  height: 30px;
  width: 30px;
  cursor: pointer;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve"><rect fill="rgb(255, 255, 0)" width="25" height="4" /><rect fill="rgb(255, 255, 0)" y="16" width="25" height="4"/><rect fill="rgb(255, 255, 0)" y="8" width="25" height="4" /></svg>');
  background-size: contain;
}

.nav-trigger + label, .site-wrap {transition: left 0.2s;}
.nav-trigger:checked + label {left: 215px;}
.nav-trigger:checked ~ .site-wrap {left: 200px;box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);}
body {overflow-x: hidden;}


*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}


.nawigacja{text-align: center;background-color: #fff;border-radius: 2px;box-shadow: 0 1px 2px rgba(0,0,0,0.2);color: #777;font-size: 14px;margin: 0 5px;overflow: hidden;padding: 7px 0 6px;}
.nawigacja a{color: #777;padding: 12px 5px;margin: 0px 2px;}
.nawigacja-obecna{color: #000;background: #ddd;padding: 12px 5px;margin: 0px 2px;}
.nawigacja-disabled{color: #000;background: #ddd;padding: 12px 5px;margin: 0px 2px;}
.nawigacja-kropki{font-size: 22px;line-height: 8px;}



#paginacja_m{background-color: #fff;box-shadow: 0 1px 2px rgba(0,0,0,0.2);color: #777;font-size: 14px;overflow: hidden;margin: 7px 5px;height: 40px;text-align: center;}
#paginacja_m svg {display: block;height: 24px;width: 24px;}
#paginacja_m a {color: #777;}
#paginacja_m a:hover {text-decoration: none;opacity: 1.0;}
#paginacja_m a svg{fill: currentColor; opacity: 1.0;}
a.paginacja_1{line-height: 40px;padding: 11px 30px 11px 30px;}
span.paginacja_1{height: 16px;display: inline-block;}
span.paginacja_1b{height: 16px;display: inline-block;line-height: 40px;}

.ram-320{max-width: 320px;margin: auto;}
.brain_tbl{margin: 4px auto;border: none;cursor: pointer;}
.brain_tbl td{padding: 14px;font-size: 17px;border: 1px solid #b9b9b9;}
.rBox3_brain{padding: 14px;}
	
#ranking_tbl{width: 100%;}
#ranking_tbl th{background: #ffafaf;}
#ranking_tbl tr:nth-child(odd) { background-color:#F6F6F6;}
#ranking_tbl tr:nth-child(even) { background-color:#d5a7e1;}

.zawiadomienia{background: #FFF2C9;padding: 0px 5px 0px 8px;}
#alertBox{margin: 3px;padding: 3px;background: #FFF2C9;border: 1px solid #FFC91F;}
.alertBox{margin: 3px;padding: 3px;background: #FFF2C9;border: 1px solid #FFC91F;}
#alertBoxRed{margin: 3px;padding: 3px;background: #FFC9C9;border: 1px solid #FF1F1F;}
#box{padding: 3px;}
#box-standard,#box-czarny{font-size: 14px;text-align: left;font-family: Roboto-Regular,HelveticaNeue,Arial,sans-serif;display: block;padding: 11px 16px 11px 16px;box-shadow: 0 1px 2px rgba(0,0,0,0.2);border-bottom: 1px hidden #fff;}
#box-standard{color: #222;background: #fff;margin: 0px 5px 10px 5px;}


#box-czarny{color: #fff;background-color: #2f3133;background-repeat: no-repeat;background-position: center;background-size: cover;border: none;}

.class_tapeta_0{background-image: url(../img/tapety/0.jpg);}
.class_tapeta_1{background-image: url(../img/tapety/1.jpg);}
.class_tapeta_2{background-image: url(../img/tapety/2.jpg);}
.class_tapeta_3{background-image: url(../img/tapety/3.jpg);}
.class_tapeta_4{background-image: url(../img/tapety/4.jpg);}
.class_tapeta_5{background-image: url(../img/tapety/5.jpg);}
.class_tapeta_6{background-image: url(../img/tapety/6.jpg);}
.class_tapeta_7{background-image: url(../img/tapety/7.jpg);}
.class_tapeta_8{background-image: url(../img/tapety/8.jpg);}
.class_tapeta_9{background-image: url(../img/tapety/9.jpg);}
.class_tapeta_9{background-image: url(../img/tapety/9.jpg);}
.class_tapeta_10{background-image: url(../img/tapety/10.jpg);}
.class_tapeta_11{background-image: url(../img/tapety/11.jpg);}
.class_tapeta_12{background-image: url(../img/tapety/12.jpg);}
.class_tapeta_13{background-image: url(../img/tapety/13.jpg);}
.class_tapeta_14{background-image: url(../img/tapety/14.jpg);}
.class_tapeta_15{background-image: url(../img/tapety/15.jpg);}


#box-czarny h1{color: #fff;font-size: 20px;font-family: "roboto_condensed",Heveltica,Verdana,sans-serif;text-shadow: 0px 2px 9px #000;}
#box-tresc{font-size: 13px;text-align: left;font-family: Roboto-Regular,HelveticaNeue,Arial,sans-serif;display: block;box-shadow: 0 1px 2px rgba(0,0,0,0.2);border-bottom: 1px hidden #fff;margin:5px;color: #222;background: #fff;}
.karta {width: 256px;height: 242px;position: relative;overflow: hidden;padding: 20px 20px;margin: 0 auto 20px;background: #fff;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);}
.dolneMenu {background: #222222;text-align: center;}
#box-komentarze{padding: 1px 0px 0px 5px;background: #F2F2F2;}
#komentarz{padding: 1px 0px 0px 5px;background: #F2F2F2;}
.komentarz_czas{color: #949494;font-size: 11px;}
#box-add-foty{padding: 3px;background: #F2F2F2;border: 1px solid #CCCCCC;margin: 0px -5px 0px -8px;}
#box-add-foty input{border: 1px solid #999999;}
#gifty_lista{border-bottom: 1px solid #ddd;padding: 5px 6px 4px 6px;}
#bblacklista{border-bottom: 1px solid #ddd;}
#bblacklista img{vertical-align: middle;height: 60px;width: 60px;float: left;}
#bblacklista div{float: left;padding: 13px 5px;}


.klawisz-yellow{padding: 8px 10px;background-color: #f1d600;cursor: pointer;transition: font-size 200ms;text-align: center;display: block;margin-left: 10px;max-width: 120px;font-weight: 700;font-size: 18px ;border-radius: 0;font-family: 'Roboto Condensed', sans-serif;text-decoration: none;color: #2d2d2d;width: 100%;display: inline-block;}

a.klawisz-yellow{color: #2d2d2d;}
a.klawisz-yellow:hover{color: #2d2d2d;text-decoration: none;}


.foto-kolo-mask{
	height: 72px;
	width: 72px;
	background-size: 72px;
	display: block;
	overflow: hidden;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
	margin-bottom: 10px;
}



#login_glowna{
	height: 44px;
	font-size: 16px;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	display: block;
	padding: 0 8px;
	margin: 0;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-top: 1px solid #c0c0c0;
	color: #404040;
}

#login_glowna:focus{outline: none;border: 2px solid #f1d600;box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);}

#klawisz_logowania{	
	width: 100%;
	display: block;
	margin-bottom: 10px;
	z-index: 1;
	position: relative;
	text-align: center;
	margin-top: 5px;
	cursor: pointer;
	font-weight: 700;
	height: 36px;
	border: 1px solid #D4BC00;
	color: ##2D2D2D;
	text-shadow: 0 1px rgba(57, 57, 57, 0.05);
	background:#f1d600;
}

.input_status_1{
	padding: 7px 0;
	background: #fff;
	margin: 5px;
	position: relative;
}
.input_status_2{
	font-size: 16px;
	color: rgba(0,0,0,.87);
	line-height: 25px;
	background-color: transparent;
	border: none;
	padding-left: 5px;
	width: 80%;
}
.input_status_3{
	cursor: pointer;
	padding: 0;
	position: absolute;
	right: 0px;
	top: 0px;
	box-sizing: border-box;
	height: 39px;
	width: 39px;
	background-color: #f1d600;
	border: 1px solid #e9bd00;
}

.emoje{vertical-align: middle;}
.status_tablica{padding: 6px 5px;margin: 3px 5px 0px 5px;background: #fff;}
.k_niebieski {text-decoration: none;color: #37A2B0;}


.rBox1,.rBox2,.rBox3{border: 1px solid #b9b9b9;border-top: 1px solid #a0a0a0;height: 37px;display: inline-block;background: #fff;box-sizing: border-box;border-radius: 1px;padding: 8px;}
.rBox1{width: 100%;}
.rBox2{width: 49%;}
.rBox3{width: 32%;}

.rBox4{font-family: 'Roboto Condensed', sans-serif;width: 100%;height: 37px;line-height: 29px;vertical-align: bottom;margin: 0;border: 1px solid #989898;color: #2d2d2d ;background-color: #ffff00;font-size: 13px;font-weight: bold;padding: 0 8px;cursor: pointer;margin: 8px 0px 12px 0px;text-transform: uppercase;}

.galeria-viev,.galeria-viev-prv{text-align: center;margin-top: 4px;}
.galeria-viev-prv img{border: 2px solid #3A64F9;}
.mgaleria-viev,.mgaleria-viev-prv{text-align: center;margin-top: 4px;float: left;width: 33%;}
.mgaleria-viev img,.mgaleria-viev-prv img{height: 90px;width: 90px;}
.mgaleria-viev-prv img{border: 2px solid #3A64F9;}
.pocztag{border-top: 1px solid #ddd;height: 45px;position: relative;}
.pocztag-nick{float: left;margin-left: 3px;}
a.pocztag-nick{color: #838383;font-weight: bold;font-size: 13px;}
.pocztag-data{font-size: 10px;color: #c2bdbd;float: left;line-height: 16px;}
.pocztag-icon{float: left;padding: 6px 0px 0px 6px;}
.pocztag-link{float: right;}
.pocztag-link svg {display: block;height: 24px;width: 24px;}
.pocztag-link a {color: #777;}
.pocztag-linka:hover {text-decoration: none;opacity: 1.0;}
.pocztag-link a svg{fill: currentColor; opacity: 1.0;}
a.pocztag-link{padding: 11px 3px 16px 28px;position: absolute;right: 0px;top: 0px;}
span.pocztag-link{height: 16px;display: inline-block;}
.pocztag-data2{font-size: 10px;color: #c2bdbd;padding-left: 5px;line-height: 16px;}
a.pocztag-nick2{color: #838383;font-weight: bold;font-size: 13px;}
.pocztag2{border-top: 1px solid #ddd;min-height: 45px;position: relative;}
.pocztagm{background: #ffecec;}
.pocztag-msg2{padding: 10px 45px 5px 7px;}
.pocztag-link2{float: right;}
a.pocztag-link2{padding: 11px 3px 8px 28px;position: absolute;right: 0px;top: 0px;}
#forum_belki tr:nth-child(odd) { background-color:#fff;}
#forum_belki tr:nth-child(even) { background-color:#F6F6F6;}
#forum_belki td{padding: 5px;border-bottom: 1px solid #ddddde;}
.forum_belki{}
.themeT{border: 2px solid #0c0c0c;}
.themeT2{border: 2px solid #82ec12;}