/* 
*  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;
		}
		/* FORM */
		#form_g {
			margin-top:5px;
		}
		input[type=submit] {
			background: #f66600;
			border:solid 2px #f43600;
			color:#ffffff;
		}
		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;
		}
		
	@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;
		}
	}