@charset "utf-8";
body{
	background:#6495ED;	
}

#flash{
	position:absolute;
	top:-220px;
	left:0px;
}

#kontakt{
	position:absolute;
	top:380px;
	left:420px;
	font-size:15px;
	text-align:center;
}

#mapa{
	position:absolute;
	width:520px;
	top:50px;
	right:10px;
}

#maszyna{
	position:absolute;
	top:280px;
	left:280px;
	height:250px;
}

.podglowek{
	position:absolute;
	top:-0px;
	left: 0px;
}

.naglowek{
	position:absolute;
	top: 5px;
	font-size:25px;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
	
}

#galeria{
	position:absolute;
	top:50px;
	left:50px;
}

.tekst{
	position:absolute;
	font-family:Arial;
	font-size:14px;
	width: 600px;
	left:75px;
}

#oferta{
	top:870px;
	height:170px;	
}

#cnc{
	top:80px;
}

#inf{
	position:absolute;
	text-align:center;
	top:70px;
	left:40px;
	width: 600px;
	height:200px;
	padding: 30px;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
}

#powitanie{
	font-size:19px;
	font-family:Verdana, Geneva, sans-serif;
}

#zaproszenie{
	font-size:17px; 
	font-family:Verdana, Geneva, sans-serif; 
	text-align:center;
}

#ramka{
	position:absolute;
	width: 600px;
	height:740px;
	top:65px;
	left:80px;
	border: red solid 0px;
}

.zdjecie{
	width:160px;
	height:140px;
	border:none;
}

.obraz{
	position:absolute;
	height:140px;
	border:none;
}

.opis{
	position:absolute;
	font-size:14px;
	font-family:impact;
	top:87px;
	left:40px;
}

#top{
	position:relative;
	background:url(top.png);
	width:770px;
	height:183px;
	margin:0px auto 0px auto;
	top:-221px;
}

#topfl{
	position:relative;
	background:url(top.png);
	width:770px;
	height:183px;
	margin:0px auto 0px auto;
	top:-1px;
}

#calosc {
	position:relative;
	background-image:url(calosc.png);
	width:750px;
	margin: 0px auto 0px auto;
	height:600px;
	top:220px;
	border-top:solid 1px;
}

#kreska{
	position:absolute;
	bottom:35px;
	left:50px;
}

#autor{
	position:absolute;
	bottom:13px;
	left:300px;
	font-size:10px;
}

#podpis{
	position:absolute;
	top:26px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	left: 310px;
}

.buttony2 {
	background-image:url(przycisk2.png);
	position:relative;
	display:block;
	float:left;
	width:187.4px;
	height:25px;
	padding-top:10px;
	margin-right:0px;
	text-align:center;
	text-decoration:none;
	color: black;
	font-weight:bold;
	font-size:12px;
	left: 0px;
	top:-36px;
}

#button1 {
	background-image:url(przycisk1.png)
}

#button3 {
	background-image:url(przycisk3.png)
}

.buttony2:hover {
	height: 21px;
	color: #0CB83F;
	border-bottom:solid 4px #0CB83F;
}
/*---------------------------------------------------------------------------*/

* { 
	margin: 0;
	padding: 0;
}
	
a {
	color: #000;
}


form label {
	display:block;
	width: 250px;
	font-weight: bold;
}

h2, label { 
	font-family: 'Times New Roman', serif;
	font-size:10px;
}
	
h2 { 	
	margin: 0 0 0 0; 
}
	
input { 
	border: 1px solid black; 
	padding: 3px; 
	margin: 10px 0; 
	width: 50%; 
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}

textarea{
	border: 1px solid black; 
	padding: 3px; 
	margin: 10px 0; 
	width: 100%; 
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}
	
input:focus {
	border: 1px solid blue;
}

 textarea:focus {
	border: 1px solid blue;
}
	
#form { 
	position:absolute;
	left:0px;
	top:90px;
	padding: 20px; 
	width: 300px; 
	margin: 20px 2px 10px 2px; 
}
		
.wyslany, .error, .valid {
	position:absolute;
	background:none;
	top:520px;
	left:80px;
	color:red;
	font-size:15px;
	font-weight:bold;
}

.valid{
	position:absolute;
	background:none;
	top:410px;
	left:80px;
	color:red;
	font-size:15px;
	font-weight:bold;
}
			
.info { 
	display: none; 
	position: absolute; 
	float: right; 
	margin: 10px 0 0 40px; 
	background: #fff;
	color: #000;
	font-size: 10px;
	padding: 5px 10px;
}
#footer { 
	width: 100px;
	padding: 10px 20px;  
	font-size: 10px;
	background: #fff;
	margin: 10px auto;
	text-align: center;
}


/****************************MENU***********************************/
#menurozs{
	position:relative;
	top:-46px;
}

.container {
	width: 750px;
	height: 330px;
	position: absolute;
	top: -50px; left: 50%;
	margin: -165px 0 0 -210px;
	overflow: hidden;
}
img {border: none;}
ul#topnav {
	margin: 10px 0 20px; 
	padding: 0; 
	list-style: none;	
	font-size: 1.1em;
	clear: both;
	float: left;
	width: 750px;
}
ul#topnav li{
	margin: 0; 
	padding: 0; 
	overflow: hidden; 
	float: left; 
	height:35px;
}
ul#topnav a, ul#topnav span {
	min-width: 187.5px;
	padding: 10px 0px 10px 0px;
	float: left; 
	text-decoration: none; 
	color: #fff;
	text-transform: uppercase;
	text-align:center;
	clear: both;
	height: 18px;
	line-height: 20px;
	background: #1d1d1d; 
}
ul#topnav a {	color: #7bc441; }
ul#topnav span {
	display: none;
}

ul#topnav.v2 span{
	background: url(a_bg.png) repeat-x left top;
	color:black;
}
ul#topnav.v2 a{
	color: #555;
	background: url(a_bg.png) repeat-x left bottom;
	color:white;
}