﻿body{
	text-align:center;
	background:url('lay/sky_bg.jpg') no-repeat;
	font-family: Verdana, Arial, sans-serif;
}

a img{
border:0;
}

/* ------------------------------------------------------------------------------- 
   --------------------------------------LAYOUT-----------------------------------
   ------------------------------------------------------------------------------- */

#wrapper{
	margin:10px auto;
	width:979px;
	text-align:left;
}

#header{
	height:386px;
	width:979px;
}

#b01{
	width:52px;
	height:42px;
	float:left;
	background:url('lay/01.png');
}

#b02{
	width:895px;
	height:42px;
	float:left;
	background:url('lay/02.jpg');
}

#b03{
	width:32px;
	height:42px;
	float:left;	
	background:url('lay/03.png');
}

#b04{
	width:979px;
	height:20px;
	float:left;	
	background:url('lay/04.jpg');
}

#b05-home{
	width:52px;
	height:46px;
	float:left;	
	background:url('lay/05.jpg');
	cursor:pointer;
}

#b05-home:hover{
	background:url('lay/05-over.jpg');
}

#b06{
	width:927px;
	height:261px;
	float:left;	
	background:url('lay/06.jpg');
}

#b-left{
	float:left;
	width:52px;
	height:324px;
}

#b07{
	width:52px;
	height:6px;
	float:left;	
	background:url('lay/07.jpg');
}

#b08-contact{
	width:52px;
	height:46px;
	float:left;	
	background:url('lay/08.jpg');
	cursor:pointer;
}

#b08-contact:hover{
	background:url('lay/08-over.jpg');
}

#b09{
	width:52px;
	height:226px;
	float:left;	
	background:url('lay/09.jpg');
}

#b10{
	width:262px;
	height:63px;
	float:left;	
	background:url('lay/10.jpg');
}

#b-hor{
	width:633px;
	float:left;
}
#b11-hmenu{
	width:633px;
	height:42px;
	float:left;	
	background:url('lay/11.jpg');
	
	
	text-align:center;
}

#b13{
	width:633px;
	height:21px;
	float:left;	
	background:url('lay/13.jpg');
}

#b12{
	width:32px;
	height:63px;
	float:left;	
	background:url('lay/12.jpg');
}

#middle{
	width:979px;
	float:left;
	background:url('lay/14.jpg') repeat;
}

#vmenu{
	float:left;
	width:279px; /* org. 279px */
	padding:0px 0px 10px 0px;
	background-color:transparent;
}

#content{
	float:left;
	width:680px; /* org. 700px */
	padding:0px 5px 0px 15px;
	background-color:transparent;
}

#b16-footer{
	width:859px; /* org. 979px */
	height:52px;
	float:left;	
	background:url('lay/16.png');
	font-size:8pt;
	padding:0px 0px 0px 120px;
}

/* ------------------------------------------------------------------------------- 
   ----------------------------------LEFT MENU------------------------------------
   ------------------------------------------------------------------------------- */

.menu1-mid{
	width:237px; /* org. 277px */
	padding-left:40px;
	background:url('lay/menu1-mid.png');
} 

.menu1-mid a{
	line-height:18pt;
	padding-left:30px;
	font-size:14pt;
	color:black;
	text-decoration:none;
}

.menu1-mid a:hover{
	background:url('lay/stop.png') left center no-repeat;
	text-decoration:underline;
}

.menu1-top{
	width:277px;
	height:71px;
	background:url('lay/menu1-top.png');
}

.menu1-bottom{
	width:277px;
	height:20px;
	background:url('lay/menu1-bottom.png');
}

.menu2-mid{
	width:247px; /* org. 277px */
	padding-left:30px;
	background:url('lay/menu2-mid.png');
	
	text-align:center;
	line-height:16pt;
}

.menu2-top{
	width:277px;
	height:71px;
	background:url('lay/menu2-top.png');
}

.menu2-bottom{
	width:277px;
	height:20px;
	background:url('lay/menu2-bottom.png');
}

/* ------------------------------------------------------------------------------- 
   -----------------------------------TOP MENU------------------------------------
   ------------------------------------------------------------------------------- */
   
#b11-hmenu a{
	font-size:18pt;
	font-weight:bold;
	color:black;
	text-decoration:none;
	margin:0px 3px;
}

#b11-hmenu a:hover{
	text-decoration:underline;
}

/* ------------------------------------------------------------------------------- 
   --------------------------------------INNE-------------------------------------
   ------------------------------------------------------------------------------- */

div.uwaga1{
	border:3px solid blue;
	text-align:center;
	padding:10px;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
}

div.uwaga1 h1{
font-size:14pt;
}

#content p{
	text-indent:4em;
}

#kurs-ekspresowy{
	font-size:22pt;
	color:red;
}

#promocja{
	border:0;
}

#promocja .outer{
	color:green;
	font-weight:bold;
	font-size:18pt;
	width:20%;
}

#promocja .inner .cena{
	font-size:25pt;
}

.s-naglowek{
	margin-top:0px;
	margin-bottom:15px;
	text-align:center;
	font-weight:bold;
	font-size:20pt;
}

table.o-tabela{
	width:100%;
}

.o-tabela .tytul{
	border:2px solid black;
	text-align:center;
	background-color:silver;
	font-weight:bold;
	font-size:20pt;
}

.o-tabela .tytul td{
	padding:6px 0px;
}

.c-cena{
	font-size:27pt;
	font-weight:bold;
}

#c-tabela{
	width:100%;
}

#galeria{
	text-align:center;
}

#galeria img{
	border:1px solid black;
}

#k-tabela .tytul{
	font-weight:bold;
	background-color:silver;
}

div.error{
	border:2px solid red;
	color:red;
	padding:5px;
	text-align:center;
	font-weight:bold;
}

div.info{
	border:2px solid green;
	color:green;
	padding:5px;
	text-align:center;
	font-weight:bold;
}

#f-zapisy input{
border:1px solid silver;
}

#f-zapisy textarea{
border:1px solid silver;
}

#linki a{
color:gray;
font-size:8pt;
}

#l-zwrotne{
margin-top:150px;
font-size:8pt;
}

#l-zwrotne a{
color:gray;
}
