/* Awesome Buttons */

.awesome, .awesome:visited {
	background: green url('../images/alert-overlay.png') repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin: 5px;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }
    
*{
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	margin: 0;
	padding: 0;
}
body{
	background: #fff url(../images/page-background.gif) repeat-x 0 5px;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #000000;
	margin: 0;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
img{
	border: 0;
}
div{
	float: left;
}
ul{
	list-style-type: none;
}
#page{
	width: 874px;
	margin: 0 auto;
	float: none;
}
#top{
	width: 963px;
	height: 232px;
	background: #fff url(../images/top-background.gif) no-repeat 0 0;
	margin: 5px 0 0 -40px;
	position: relative;
}
#logo{
	display: block;
	float: left;
	width: 294px;
	height: 62px;
	background: url(../images/logo.gif) no-repeat 0 0;
	margin: 27px 0 0 30px;
}
#breadcrumb{
	color: #545353;
	font: normal 16px Tahoma;
	margin: 30px 20px 20px;
}
#breadcrumb ul{
	float: left;
}
#breadcrumb ul li{
	margin: 0 8px 0 0;
	display: inline;
	color: #000000;
}
#breadcrumb a{
	color: #000000;
	background: url(../images/breadcrumb-bullet.gif) no-repeat 100% 50%;
	padding: 0 17px 0 0;
}
#breadcrumb span{
	color: #545353;
	float: left;
	margin-right: 10px;
}
#content{
	width: 874px;
}
#side{
	width: 197px;
}
.side-panel{
	width: 197px;
	background: url(../images/side-panel-background-bottom.gif) no-repeat 0 100%;
	padding-bottom: 9px;
}
.headline-background-center{
	width: 100%;
	height: 38px;
	background: url(../images/headline-panel-background-center.gif) repeat-x 0 0;
}
.headline-background-left{
	width: 100%;
	height: 100%;
	background: url(../images/headline-panel-background-left.gif) no-repeat 0 0;
}
.headline-background-right{
	width: 100%;
	height: 100%;
	background: url(../images/headline-panel-background-right.gif) no-repeat 100% 0;
}
.headline-background-center h2{
	float: left;
	color: #333333;
	font: normal 19px Tahoma;
	margin: 5px 0 0 15px;
}
.side-panel-content{
	width: 186px;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	padding: 9px 0 0 9px;
}
ul#menu{
	width: 177px;
	float: left;
}
ul#menu li{
	width: 100%;
	float: left;
	margin-bottom: 6px;
}
ul#menu li a{
	width: 167px;
	height: 19px;
	display: block;
	float: left;
	background-color: #f6f2d8;
	color: #333333;
	font: bold 12px Verdana;
	padding: 5px 0 0 10px;
}
ul#menu li a:hover{
	text-decoration: none;
	border-bottom: 1px solid #6a8a6c;
	height: 18px;
}
ul#menu li ul{
	width: 155px;
	margin: 10px 10px 0;
	float: left;
}
ul#menu li ul li a{
	background: url(../images/menu-bullet-off.gif) no-repeat 0 3px;
	font: normal 11px Tahoma;
	height: auto;
	width: auto; 
	padding: 0 0 0 12px;
}
ul#menu li ul li a:hover{
	border: 0;
	height: auto;
	font-weight: bold;
	background: url(../images/menu-bullet-on.gif) no-repeat 0 3px;
	padding: 0 0 0 11px;
}
#main{
	width: 664px;
	float: right;
}
.main-panel{
	width: 664px;
	background: url(../images/main-panel-background-bottom.gif) no-repeat 0 100%;
	padding-bottom: 12px;
}
.main-panel-headline{
	width: 664px;
	height: 38px;
	background: url(../images/headline-panel-background-center.gif) repeat-x 0 0;
}
.main-panel-content{
	width: 656px;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	padding: 0 3px;
}
.main-panel-content-background{
	width: 656px;
	background: url(../images/main-panel-background-center.gif) repeat-y 0 0;
}
#foot{
	width: 100%;
	background: url(../images/foot-background.gif) repeat-x 0 0;
	height: 102px;
	margin-top: 37px;
}
#foot-content{
	width: 874px;
	margin: 0 auto;
	float: none;
	color: #cccccc;
	padding: 60px 0 0 0;
}
#foot-content #copyright{
	float: left;
}
#foot-content #developer{
	float: right;
}
#foot-content #developer a{
	display: block;
	width: 47px;
	height: 14px;
	float: left;
	background: url(../images/logo-dporpl.gif) no-repeat 0 0;
	margin-left: 5px;
}
#foot-content #developer span{
	float: left;
}
.course{
	width: 154px;
	height: 243px;
	background: url(../images/course-background.gif) no-repeat 0 0;
	position: relative;
	margin: 20px 20px 10px;
	padding: 10px;

}
.course img{
	margin: 0 0 0 5px;
}
.course a.reserve, .calendar .selected{
	display: block;
	position: absolute;
	bottom: 0;
	left: 11px;
	width: 148px;
	height: 34px;
	background: url(../images/course-button.gif) no-repeat 0 0;
}
.course a.read{
	display: block;
	position: absolute;
	bottom: 0;
	left: 11px;
	width: 148px;
	height: 34px;
	background: url(../images/course-button-read.jpg) no-repeat 0 0;
}
.course a.reserve:hover, .calendar .selected:hover{
	background: url(../images/course-button.gif) no-repeat 0 100%;
}
.course a.read:hover{
	background: url(../images/course-button-read.jpg) no-repeat 0 100%;
}
.course h4{
	float: none;
	font: bold 14px Arial;
	text-transform: uppercase;  
	margin: 10px 0;
}
.course .date{
	color: #333333;
	font-size: 11px ;
	margin-left: 5px;
}
.course .date span{
	color: #b10000;
}
.main-panel-content-text{
	width: 590px;
	margin: 10px 0 10px 30px;
}
.main-panel-content-text img{
	margin: 2px;	
}


/* PODSTRONA: KALENDARZ */

.callendar-legend{
	background: url(../images/headline-background.gif) repeat-y 0 0;
	width: 590px;
	padding: 15px 15px 10px;
	margin-left: 5px;
}
.main-panel .callendar-legend h3{
	font-size: 12px;
	float: left;
	width: 100%;
	margin: 0 0 8px 0;
	padding: 0;
	height: auto;
	color: #000000;
	font-family: verdana;
}
.callendar-legend ul{
	float: left;
}
.callendar-legend ul li span{
	font-weight: bold;
}
.callendar-legend ul li{
	margin-bottom: 3px;
}
.green{
	color: #60a632;
}
.yellow{
	color: #e3d002;
}
.red{
	color: #c40408;
}
.calendar{
	width: 211px;
	margin: 30px 0 0 5px;
}
.calendar h4{
	float: left;
	display: block;
	width: 120px;
	height: 22px;
	background: url(../images/calendar-headline.gif) no-repeat 0 0;
	font: bold 14px Arial; 
	padding: 7px 0 0 10px;
}
.calendar .selected{
	float: left;
	position: static;
	margin-left: 55px;
}
.main-panel h3{
	background: url(../images/headline-background.gif) repeat-y 0 0;
	width: 590px;
	height: 25px;
	padding: 13px 0 0 15px;
	margin-left: 5px;
	float: left;
	font: bold 14px Arial;
	margin: 10px 0 0 5px;
	color:#3C6318;
}
ul#end-course{
	float: left;
	margin: 0 0 0 10px;
}
ul#end-course li{
	background: url(../images/arrow-right.gif) no-repeat 0 70%;
	padding-left: 20px;
	margin-bottom: 3px;
}
ul#end-course li span{
	color: #0c6401;
	font-weight: bold;
}

/* PODSTRONA KONTAKT */

#contact-date-firm{
	width: 305px;
}
#contact-date-firm h3{
	width: 290px;
}
#contact-date-firm ul{
	float: left;
	width: 120px;
	margin: 0 0 10px 20px;
}
#contact-date-firm ul li{
	width: 100%;
	font-size: 12px ;
	color: #525252;
}
.contact-date-firm-box{
	width: 140px;
	margin-top: 10px;
}
#contact-map{
	float: right;
	width: 315px;
	height: 255px;
	margin: 15px 30px 0 0;
	position: relative;
}
#contact-form{
	width: 100%;
	margin-top: -60px;
}
#contact-form ul{
	margin: 10px 0 0 15px;
	float: left;
}
#contact-form ul li{
	margin-bottom: 10px;
}
#contact-form ul li input{
	width: 150px;
	height: 20px;
	border: 1px solid #cccccc;
	font: normal 11px Verdana;
	color: #000000;
	padding: 5px 10px 0;
}
#contact-form textarea{
	width: 600px;
	height: 120px;
	border: 2px solid #b2cc88;
	float: left;
	margin: 0 0 0 15px;
}
#contact-form #reset{
	width: 64px;
	height: 24px;
	border: 1px solid #cccccc;
	background-color: #fff;
	font: normal 11px Verdana;
	float: left;
	margin: 7px 0 0 15px;
	text-align: center;
	padding-bottom: 2px;
}
#contact-form #submit{
	width: 50px;
	height: 24px;
	border: 1px solid #9ebe6b;
	background-color: #85b736;
	font: normal 11px Verdana;
	float: left;
	margin: 7px 0 0 5px;
	text-align: center;
	padding-bottom: 2px;
	color: #e7f1d7;
	font-weight: bold;
}
/* PODSRONA GALERIA */

#gallery{
	width: 100%;
	text-align: center;
	margin: 10px 0;
}
#gallery img{
	border: 2px solid #cccccc;
	margin: 5px;
}
#course-panel{
	text-align: center;
	width: 435px;
	float: none;
	margin: 0 auto;
}
#course-panel div{
	width: 93px;
	font-weight: bold;
	margin-right: 45px;
}
#course-panel div a:hover{
	text-decoration: none;
}
#course-panel div a img{
	border: 1px solid #cccccc;
	margin: 5px;
}
.page-headline-green{
	color:#3c6318;
}

.customGal {
cursor:url(../images/zoomin.cur), default;
}

div.flash_notice {
	border: 1px solid gray;	
	width: 98%;
	padding: 1%;
	margin-bottom: 10px;
	background-color: #ffa;
}
div.flash_error {
	border: 1px solid red;	
	width: 98%;
	padding: 1%;
	margin-bottom: 10px;
	background-color: #ffa;
}
div.forum {
	float: none;
}
div.forum div {
	float: none;
}


#usermenu{
	float: right;
	margin-top: 3px;

}
#usermenu a{

	margin-right: 5px;	
	padding: 4px;
	border: 1px solid silver;
	border-top: 0;
	background-color:white;	
}

table.pay-summary {
	margin: 10px;	
}
table.pay-summary td {
	padding: 5px;
	background-color: white;
	color: gray;
	font-weight: bold;
}
table.pay-summary td.label {
	background: 0;
	color: black;
	font-weight: normal;
}

h3.payment {
	float: none;	
}

.gallery{
  text-align: center	
}
.gallery a{
	margin: 5px;
}
.gallery img{
	border: 3px solid green;
}

.counter span.header {
	display: block;
	margin-top: 5px;
	font-weight: bold;
	color: green;
}

h2.page-headline {
	clear: left;	
}