@media screen and (min-width: 769px){



#smart-menu {

	

	display:none;

	

}



.bgimg {

	width: 100%;

	height: 100%;

	display: flex;

	margin-left: auto;

	margin-right: auto;

	clear: both;

	align-items: center;

	justify-content: center;

}



.site-title {

	display: none;

	text-align: center;

	clear:both;

	margin-left: auto;

	margin-right: auto;

	font-size:40px;

	align-items: center;

	justify-content: center;

}



#menu {

	background-color: #191928;

	color: #FFF;

	height: 45px;

	padding-left: 18px;

	border-radius: 10px;

}

#menu ul, #menu li {

	margin: 0 auto;

	padding: 0;

	list-style: none

}

#menu ul {

	width: 100%;

}

#menu li {

	float: left;

	display: inline;

	position: relative;

}

#menu a {

	display: block;

	line-height: 45px;

	padding: 0 14px;

	text-decoration: none;

	color: #FFFFFF;

	font-size: 16px;

}

#menu a.dropdown-arrow:after {

	content: "\25BE";

	margin-left: 5px;

}

#menu li a:hover {

	color: #0099CC;

	background: #F2F2F2;

}

#menu input {

	display: none;

	margin: 0;

	padding: 0;

	height: 45px;

	width: 100%;

	opacity: 0;

	cursor: pointer

}

#menu label {

	display: none;

	line-height: 45px;

	text-align: center;

	position: absolute;

	left: 35px

}

#menu label:before {

	font-size: 1.6em;

	content: "\2261"; 

	margin-left: 20px;

}

#menu ul.sub-menus{

	height: auto;

	overflow: hidden;

	width: 170px;

	background: #444444;

	position: absolute;

	z-index: 99;

	display: none;

}

#menu ul.sub-menus li {

	display: block;

	width: 100%;

}

#menu ul.sub-menus a {

	color: #FFFFFF;

	font-size: 16px;

}

#menu li:hover ul.sub-menus {

	display: block

}

#menu ul.sub-menus a:hover{

	background: #F2F2F2;

	color: #444444;

}



.smart-menu{

	

	margin-top: 5px;

	margin-left: auto;

    margin-right: auto;

	clear: both;

	max-width: 900px;

	min-width: 200px;

	min-height:200px;

	background-color: #191928;

	color: #FFF;

	border-radius: 10px;

	

}

	

.menu-gora {

	margin-top: 5px;

	margin-left: auto;

    margin-right: auto;

	clear: both;

	max-width: 900px;

	background-color: #191928;

	color: #FFF;

	height: 45px;


	border-radius: 10px;

	

}







BODY {

  background-image: url("./images/background.jpg");

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-position: center;

  background-size: cover;

}

#bodyline {

    border: #3f414a 1px solid;

    color: #d7dce9;

    border: 0px;

}

A {

	FONT-SIZE: 16px; COLOR: #cec6a4; TEXT-DECORATION: none

}

A:visited {

	FONT-SIZE: 16px; COLOR: #cec6a4; TEXT-DECORATION: none

}

A:hover {

	COLOR: #9bae75; TEXT-DECORATION: none

}

FORM {

	MARGIN: 0px

}

HR {

	BORDER-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: 0px; BORDER-BOTTOM: #cccccc 0px solid; HEIGHT: 0px;

}

TD {

	FONT-SIZE: 16px; FONT-FAMILY: Papyrus

}

PRE {

	FONT-SIZE: 16px; FONT-FAMILY: Papyrus

}

.cellpic {

    padding: 0px 8px;

    display: table-cell;

    height: 24px;

	clear: both;

	width: 720px;

    vertical-align: middle

}

.footer {

    padding: 3px 8px 0px;

    FONT-WEIGHT: normal; font-size: 16px; PADDING-BOTTOM: 0px; COLOR: #000; BACKGROUND-REPEAT: repeat-x;

    text-align: center;

}

.button {

	BORDER: #191928 1px solid; font-size: 16px; COLOR: #bb9742; FONT-FAMILY: Papyrus; BACKGROUND-COLOR: #3a3d45;

    width: 35%;

    margin: 2px auto 0px;

    text-align: center;

}

.textbox {

	BORDER: #191928 1px solid; font-size: 16px; COLOR: #d7dce9; FONT-FAMILY: Papyrus; BACKGROUND-COLOR: #3c3f47;

    width: 100px;

}

.menu	{


	vertical-align: top;

	width:100%;

}

.body-css {

	width: 75%;

	float: left;

	overflow: hidden;

}

.name{

FONT-FAMILY: Papyrus;

font-size: 120px;

text-align: center;

color: #cc6600;

}





.strona {

	width: 100%;

	margin-left: auto;

	margin-right: auto;

	text-align: left;

	font-size: 16px;

}



.menu-left {


	width: 25%;

	float: left;

	overflow: hidden;

	font-size: 16px;

}

.stopka {

	clear: both;

	width: 100%;

	margin-top:10px;

	background-color: #FFF;

	border: solid; border-radius: 15px;

	font-size: 16px;

}

.main-body {

	margin-top: 5px;

	margin-left: 5px;

	padding: 3px 4px;

	PADDING-BOTTOM: 3px; 

	COLOR: #d7dce9; 

	FONT-FAMILY: Papyrus; 

	BACKGROUND-COLOR: #43464e;


	min-height: 350px;

	max-width: 730px;

}

.side-body {

	margin-top: 5px;

	COLOR: #a3a6aa; 

    background-color: #191928;

    padding: 4px 4px 6px;

    margin: 0px 1px 1px 1px;

    width: 100%;


}
li.side-body ul.side-body {
	list-style-type: circle;
}
.main-bg {

	BACKGROUND-COLOR: #34353b;

	min-width: 500px;

	

}

.border {

	BORDER-RIGHT: #191928 1px solid; BORDER-TOP: 0px; BORDER-LEFT: #191928 1px solid; BORDER-BOTTOM: #191928 1px solid

}

.title {

	FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;

    margin: 5px auto;

    text-align: center;

}

.block-title {

    padding: 3px 3px 0px 3px;

    margin: 1px 1px 0px 1px;

    width: 100%;

	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #c3c1b3; FONT-FAMILY: Verdana, Helvetica;

    background-image: url('./images/cellpic3.gif');

    height: 24px;


}

.head-title {

	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #dbdbdb; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none;

    margin: 1px;

    padding: 2px 2px 0px;

    background-image: url('./images/cellpic2.gif');

    height: 22px;

}




.menus {
	list-style-type: none;
    text-transform: uppercase;
    font-weight: 900;
}


img

{

    border: 0px;

}



.bb_btn

{

    width: 21px;

    height: 20px;

    border: 0px;

}



.form_left

{

    width: 50%;

    text-align: right;

}



.form_right

{

    width: 50%;

    text-align: left;

}



.tb

{

    text-align: center;

    font-weight: bold;

    width: 100%;

}

}



@media screen and (max-width: 768px){



A {

	FONT-SIZE: 16px; COLOR: #cec6a4; TEXT-DECORATION: none

}

A:visited {

	FONT-SIZE: 16px; COLOR: #cec6a4; TEXT-DECORATION: none

}

A:hover {

	COLOR: #9bae75; TEXT-DECORATION: none

}

	

#menu {

	background-color: #191928;

	color: #FFF;

	height: 45px;

	padding-left: 18px;

	border-radius: 10px;

}

#menu ul, #menu li {

	margin: 0 auto;

	padding: 0;

	list-style: none

}

#menu ul {

	width: 100%;

}

#menu li {

	float: left;

	display: inline;

	position: relative;

}

#menu a {

	display: block;

	line-height: 45px;

	padding: 0 14px;

	text-decoration: none;

	color: #FFFFFF;

	font-size: 16px;

}

#menu a.dropdown-arrow:after {

	content: "\25BE";

	margin-left: 5px;

}

#menu li a:hover {

	color: #0099CC;

	background: #F2F2F2;

}

#menu input {

	display: none;

	margin: 0;

	padding: 0;

	height: 45px;

	width: 100%;

	opacity: 0;

	cursor: pointer

}

#menu label {

	display: none;

	line-height: 45px;

	text-align: center;

	position: absolute;

	left: 35px

}

#menu label:before {

	font-size: 1.6em;

	content: "\2261"; 

	margin-left: 20px;

}

#menu ul.sub-menus{

	height: auto;

	overflow: hidden;

	width: 170px;

	background: #444444;

	position: absolute;

	z-index: 99;

	display: none;

}

#menu ul.sub-menus li {

	display: block;

	width: 100%;

}

#menu ul.sub-menus a {

	color: #FFFFFF;

	font-size: 16px;

}

#menu li:hover ul.sub-menus {

	display: block

}

#menu ul.sub-menus a:hover{

	background: #F2F2F2;

	color: #444444;

}

	

	

	

	#menu {position:relative}

	#menu ul {background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}

	#menu ul.sub-menus {width:100%;position:static;}

	#menu ul.sub-menus a {padding-left:30px;}

	#menu li {display:block;float:none;width:auto;}

	#menu input, #menu label {position:absolute;top:0;left:0;display:block}

	#menu input {z-index:4}

	#menu input:checked + label {color:white}

	#menu input:checked + label:before {content:"\00d7"}

	#menu input:checked ~ ul {display:block}

	

	#smart-menu {

			background-color: #43464e;

			border-radius: 10px;

			margin-top: 10px;

			font-size: 24px;

		

	}

	

	.site-title {

	text-align: center;

	clear:both;

	margin-left: auto;

	margin-right: auto;

	font-size:30px;

	min-width:350px;

	align-items: center;

	justify-content: center;

		

	}

	.body-css {



	margin-left: auto;

	margin-right:auto;

	clear: both;

	overflow: hidden;}

	.bgimg {display:none;}

	.menu-gora {min-width: 350px;}

	.menu-left { display:none;}

	.strona {

	margin-left: auto;

	margin-right:auto;

	min-width: 350px;

	}

	.main-body {

	margin-left: auto;

	margin-right:auto;

	margin-top: 5px;

	clear: both;

    padding: 3px 4px; PADDING-BOTTOM: 3px; COLOR: #d7dce9; FONT-FAMILY: Verdana,Tahoma,Arial,Sans-Serif; BACKGROUND-COLOR: #43464e;

	border-radius: 10px;

	min-width: 350px;

	min-height: 350px;

}



	BODY {color: #d7dce9;background-color: #34353b;}

	.stopka {

	width:100%;

	clear: both;

	height: 20;

	margin-top:10px;

	background-color: #FFF;

	border: solid; border-radius: 15px;

	font-size: 14px;}

	.footer {

	margin-top: 10px;

    width:100%;

	padding: 3px 8px 0px;

	font-size: 14px; PADDING-BOTTOM: 0px; COLOR: #000; BACKGROUND-REPEAT: repeat-x;

    text-align: center;

	}

	.footer p {

    margin: 0;

    left: 50%;



	}



	

}