body {
	background-color: #120f0f;
}

@media (min-width: 800px) {
  .weather-forecast {
    width: 900px;
  }
}

#fb {
	background-image: url(fb.png);
	width: 30px;
	height: 29.5px;
	float: right;
}
#fbcon {
	display: block;
	height: 30px;
	margin-top: 30px;
	position: relative;
	color: white;
}
#images {
	height: 150px;
	margin: 50px 10px 10px 10px;
}
#mbutton{
	padding: 7px 15px;
	font-size: 48px;
	font-family: 'Underdog', Sans-serif;
	font-weight: bold;
	text-decoration: none;
	background: #070707;
	color: #bdbdbd;
	border: 2px solid #0550e0;
	border-radius: 10px;
    text-align: center;
	position: relative;
	margin-bottom: 40px;
}
#lbutton{
	padding: 7px 15px;
	font-size: 25px;
	font-family: 'Underdog', Sans-serif;
	font-weight: bold;
	text-decoration: none;
	background: #070707;
	color: #bdbdbd;
	border: 2px solid #0550e0;
	border-radius: 10px;
	float: left;
	margin-top: 20px;
	margin-left: 13%;
}
#rbutton{
	padding: 7px 15px;
	font-size: 25px;
	font-family: 'Underdog', Sans-serif;
	font-weight: bold;
	text-decoration: none;
	background: #070707;
	color: #bdbdbd;
	border: 2px solid #0550e0;
	border-radius: 10px;
	float: right;
	margin-top: 20px;
	margin-right: 13%;
}
#icon {
	position: absolute;
	background-position: left; 
	width: 173px;
	height: 173px;
}
#icon1 {
	position: absolute;
	background-position: left; 
	background-image: url(icn1.png);
	width: 173px;
	height: 173px;
	margin-top:-10px;
}
#icon2 {
	position: absolute;
	background-position: left; 
	background-image: url(icn2.png);
	width: 173px;
	height: 173px;
	margin-top:-10px;
}
#minic {
	position: absolute;
	background-position: left; 
	background-image: url(minic.png);
	width: 173px;
	height: 81px;
	margin-top: 0px;
}
#logo {
	background-position: left;
	background-image: url(Logo.png);
	margin-right:0px;
	width: 328px;
	height: 101px;
	float: left;
}
#gp{
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(gp.png);
	width: 35%;
	height: 89px;
}
#page {
	background: #1f1f1f;
	min-width: 800px;
	max-width: 900px;
	border: 2px solid #333;
	margin-left: auto ;
	margin-right: auto ;
}
#trans {
    width: 250px;
    height: 90px;
    margin-left: 0px;
    margin-top: 20px;
    margin-right: 20px;
    float: right;
}
#transr{
	float: left;
    margin-bottom: 15px;
}
#dat {
    text-align: center;
    color: gray;
	display: inline-block;
}
#nav_on{
	clear: both;
	height: 45px;
	margin: 10px 10px 10px 10px;
}
#nav, #nav ul{
	margin: 0;
	padding: 0;
	height: 45px;
}
#nav li{
	display: table-cell;
	float: left;
}
#nav li2{
	display: table;
	background-color: #181818;
}
#nav a{
	display: block;
	padding: 7px 7px;
	font-size: 30px;
	font-family: 'Underdog', Sans-serif;
	font-weight: normal;
	text-decoration: none;
	background: #161616;
	color: #bdbdbd;
	border: 1px solid #0550e0;
	border-radius: 1px;
	height: 35px;
	cursor: pointer;
}
#nav ul {
	position: absolute;
	display: none;
	z-index: 10;
	background: #1f1f1f;
	border-top: none;
}
#nav ul a {
	width: 170px;
	padding: 10px 5px;
	float: left;
	border-bottom: 1px solid #0550e0;
	color: #bdbdbd;
	font-size: 25px;
	font-family: 'Underdog', Sans-serif;
	height: auto;
}
#nav ul a:hover {
	background: #121212;
	color:white;
}
#nav a:hover {
	background: #121212;
	color:white
}
#nav ul ul{
	top: 0;
	margin-top: -1px;
	border: 1px solid #0550e0;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}
#top{
	height: 110px;
}
#desc {
	margin: 10px 10px 10px 10px;
	font-size: 25px;
	font-weight: normal;
	font-family: Sans;
	color: #ffffff;
}
#bottom {
	margin: 100px 10px 10px 10px;
}
#opis {
	margin: 10px 10px 10px 10px;
	font-size: 20px;
	font-weight: normal;
	font-family: Sans;
	text-align: center;
	color: #ffffff;
}
#opis p{
	margin: 30px 10px 30px 10px;
}
#opislf {
	margin: 50px 50px 0 30px;
	font-size: 15px;
	font-weight: normal;
	font-family: Courier;
	text-align: left;
	color: #ffffff;
}
#pager {
	font-size: 20px;
	font-family: Courier;
	width: 30%;
	float: right;
	margin: 0px 10px 10px 0px;
	color: #979797;
	display: inline-block;
}
#pagel {
	width: 30%;
	float: left;
	margin: 0px 0px 10px 10px;
	display: inline-block;
	text-align: left;
}
#pagec {
	font-size: 20px;
	font-family: Courier;
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	display: inline-block;
	text-align: center;
}
#button a:hover{
color:#ff0000;
}
#lbutton:hover{
color:#ff0000;
}
#rbutton:hover{
color:#ff0000;
}
#mbutton:hover{
color:#ff0000;
}
#opis a:link {color: #d6bf82;}
#opis a:visited {color: #808080;}
#page1 a:link {color: #d6bf82;}
#page1 a:visited {color: #808080;}
#page2 a:link {color: #d6bf82;}
#page2 a:visited {color: #808080;}
#licz a:link {color: #d6bf82;}
#licz a:visited {color: #808080;}
#trans a:link {color: #d6bf82;}
#trans a:visited {color: #808080;}
#onpage {
	line-height: 1.5em;
	margin: 5px 10px;
}
#hide {
	clear: both;
}