/* 
*  Author: STRONNET
*  Author URI: http://www.stronnet.pl
*  Version: 1.0 
*/

		body {
			margin:0px;	font-family: Arial; font-weight: 500; color:#000; font-size: 1em;				
		}
		
		/* HEADER */		
	
		header h1{		
			margin-left:35px; margin-bottom:0px; font-family: Arial; font-size: 1.4em; text-transform: uppercase; color:#ffffff; width:260px; background-color: #ff8000;
			border-radius: 20px 0px 0px; padding:10px 0px 5px 12px; font-weight: 500;
		}
		
		header h2{		
			margin-left:35px; margin-top:0px; margin-bottom:0px; font-family: Arial; font-weight: 500; color:#ffffff; font-size: 1em; width:260px; background-color: #808080;
			border-radius: 0px 0px 20px; border-bottom: solid 2px #ff8000; padding: 5px 0px 5px 12px;
		}
	
		#panel {
			height:500px; float:left; width:900px;
		}
		
		/* NAV */		
		
		#menu{
			width:250px; border-right: solid 2px #f66600; box-shadow:6px 0px 6px -6px #666; height: 500px; float:left;
		}
		
		nav h1{		
			margin-left:35px; margin-bottom:0px; font-family: Arial;  font-size: 1.4em; text-transform: uppercase; color:#ffffff; width:260px; background-color: #ff8000;
			border-radius: 20px 0px 0px; padding:10px 0px 5px 12px; font-weight: 500;
		}
		
		nav h2{		
			margin-left:35px; margin-top:0px; margin-bottom:0px; font-family: Arial; font-weight: 500; color:#ffffff; font-size: 1em; width:260px; background-color: #808080;
			border-radius: 0px 0px 20px; border-bottom: solid 2px #ff8000; padding: 5px 0px 5px 12px;
		}
		
		nav a{		
			display: block; width:200px; height: 40px; background-color: #808080; margin:5px; border-top: solid 2px #ff8000; border-bottom: solid 2px #ff8000;
			font-size: 1.5em; text-transform: uppercase; font-family: Courier New, Arial; text-align: center; 	padding-top:10px; color:#ffffff; text-decoration: none; border-radius: 20px 0px;
		}
		
		nav a:hover{	
			font-weight: bold; color:#000000;
		}
		
		/* ARTICLE */		
		article {		
			padding:5px 25px 5px;
			margin-bottom:0px;
			border-bottom: solid 2px #f66600;
			box-shadow:0 6px 6px -6px #666;
			padding-bottom:10px;
			text-align: center
		}
		
		article h2 {
			border-bottom: solid 2px #400000;
			font-size: 1.5em;
			font-family: Arial;
			font-weight: 100;
			text-align: left;
			color:#400000;
		}
		
		article  img {
			margin-right:10px;	
			float:left;
		}
		article a.menu {
			display: block;
			float:right;
			color:#ffffff;
			margin:0px;
			font-size: 2em;
			margin-left:10px;
			
		}
		article a:hover {
			color:#ff8000;
		}
		img {
			margin-top:0px;
		}
		#oferta {
			width:80%;
			border:single 1px  #808080;
			box-shadow:0 6px 6px -6px #666;
			margin:auto;
		}
		#oferta th {
			color: #f66600;
		}
		#oferta td, th {
			border:single1px  #808080;
			box-shadow:0 6px 6px -6px #666;
			padding:5px;
			text-align:center;
		}
		#konto {
			text-align:right;
			background:#808080;
			padding-right:30px;
			color:#ffffff;
			padding-top:5px;
		}
		#konto a {
			color:#ffffff;
			text-decoration: none;
		}
		#konto a:hover {
			color:#f66600;
		}
		/* TRESC */
		#tresc {
			padding-left:200px;
			padding-bottom:75px;
			border-bottom: solid 2px #f66600;
			box-shadow:0 6px 6px -6px #666;
			min-height:645px;
			
		}
		#tresc h2 {
			background:#808080;
			color:#ffffff;
			font-size:18px;
			text-transform: uppercase;
			padding-left:20px;
			padding-bottom:5px;
			border-bottom:solid 2px  #ffffff;
			box-shadow:0 6px 6px -6px #666;
			margin-top:0px;
			margin-bottom:40px;
		}
		table td {
			padding:5px;
			font-size:14px;
		}
		#link {
			background:#f66600;
			color:#ffffff;
			display: block;
			width:70px;
			height:40px;
			float:right;
			margin-right:100px;
			text-align:center;
			padding-top:10px;
			box-shadow:0 6px 6px -6px #666;
			border:solid 2px #f43600;
			text-decoration: none;
		}
		#link:hover {
			background:#808080;
		}
		
		/* FORM */
		#form_g {
			margin-top:5px;
			
		}
		input {
			margin-top:5px;
		}
		input[type=submit] {
			background: #f66600;
			border:solid 2px #f43600;
			color:#ffffff;
			margin-left:250px;
		}
		input[type=submit]:hover {
			background:#f09638;
			border:solid 2px #f43600;
			color:#fff;
		}
		/* FOTER */
	
		a {
			color:#08c;
		}		
		footer p {
			text-align: center;
			color:000000;
			margin-top:20px;
			font-size: 0.7em;
			
		}
		footer a:hover {
			color:#ff8000;
		}
		#menu .link_a {
			background:#808080;
		}
		#menu{ 
			width:200px;
			height:100%;
			background: #ffffff;
			border-right: #c0c0c0 solid 1px;
			margin-top:0px;
			float:left;
			
}

		#menu ul{
			margin-top:3px;
			
}

		#menu ul li{
			list-style-type: none;
			margin-left:-40px;
			padding-top:2px;
}

		#menu a {
			display:block;
			background-color: #f66600;
			text-decoration: none;
			font-size: 16px;
			color:#fff;
			padding: 10px 0px 10px 10px;
			
}

		#menu a:hover {
			color:#000;
			background-color: #f6f6f6;
		}

	@media (min-width: 971px) {
		header {
			height:270px;
			background: #fff;
			padding-top:100px;
			width:100%;
			text-align: center;
					
		}
		header jpg {
			padding-right:70px;
		}
		header h1, header h2{		
			margin-left:65px;
		}
		nav {
			height: 60px;
			margin-top:-60px;
		}
		nav a{					
			float:right;
		}
	}
	form {
		text-align: center;
	}
	input {
		padding:10px;
	}
	select {
		width:200px;
		padding:10px;
	}
	@media (max-width: 970px) {
		header {
			height:380px;
			background: #fff;
			padding-top:10px;
			width:100%;
			text-align: center;
			
		}
		header img {
			padding-top:20px;
		}
		
		nav {
			height: 200px;
			margin-top:-200px;
		}
		nav a{				
			color:#000000;
			width:80%;
			margin:auto;
			margin-top:2px;
		}
	}