/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 #   MAIN
 #~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	margin					: 30px 10px 30px 0;
	padding					: 0;
	text-align			: center;
	background			: #77b1dd;
	font-family			: Arial, Verdana, sans-serif;
	font-size				: 12px;
	color						: #000;
	text-align			: left;
}


 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 #   LAYOUT
 #~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#okienko {
      width                               : 900px;
      margin                              : auto;
}

div#top-bar {
	width						: 100%;
	height					: 169px;
	text-align			: center;
	background			: url(../images/dark-blue-back.gif) repeat-y 0 0;
}

div#top-bar div.box {
	margin					: auto;
	width						: 900px;
	height					: 100%;
}

div#header {
	padding					: 6px 15px 0 0;
	height					: 120px;
	background			: #316cc6 url(../images/top.jpg) no-repeat top;
	text-align			: right;
}

div#adv-bar {
	height					: 289px;
	background			: url(../images/white-back.gif) repeat-y 0 0;
}

div#adv-bar div.box {
	margin					: auto;
	width						: 900px;
	height					: 100%;
	background			: #fff url(../images/hand-upper.jpg) no-repeat left;
}

div#slogan {
	float						: left;
	padding					: 240px 0 0 0;
	width						: 645px;
	background			: url(../images/slogan.jpg) no-repeat 100% 30%;
	text-align			: right;
}

div.heading-row {
	height					: 43px;
	background			: url(../images/dark-blue-back.gif) repeat-y 0 0;
}

div.heading-row div.box {
	margin					: auto;
	padding					: 10px 0 0 40px;
	width						: 860px;
	height					: 33px;
	background			: #316cc6 url(../images/heading-back.jpg) no-repeat right;
	color						: #fff;
	font-family			: 'Trebuchet MS', Arial;
	font-size				: 18px;
}

div.heading-row div.handed-row {
	padding					: 12px 0 0 370px;
	width						: 530px;
	background			: #316cc6 url(../images/hand-lower.jpg) no-repeat 154px 0;
} 

div.content-row {
	background			: url(../images/white-back.gif) repeat-y 0 0;
}

div.content-row div.box {
	margin					: auto;
	width						: 900px;
	min-height			: 100px;
	background			: #fff;
}

div.box div.left-col {
	width						: 340px;
	min-height			: 55px;
      margin-left                         : 10px;
	float						: left;
      background			: #fff;
}

div.box div.left-col-padded {
	width						: 550px;
	min-height			: 55px;
      margin-left                         : 10px;
	float						: left;
      background			: #fff;
}

div.box div.right-col {
	width						: 540px;
	min-height			: 55px;
	float						: left;
	background			: #fff;
}

div.box div.right-col-narrow {
	width						: 300px;
	min-height			: 55px;
	float						: right;
	background			: #fff;
	padding					: 0 20px 0 20px;
}


div.box div.right-col-padded {
	padding					: 0 20px 0 20px;
	width						: 510px;
	min-height			: 100px;
	float						: left;
	background			: #fff;
}

div#footer {
	margin					: 15px 0 0 0;
	padding					: 30px 10px 0 0;
	width						: 540px;
	height					: 25px;
	text-align			: right;
	background			: url(../images/footer-back.jpg) no-repeat bottom;
	font-family			: Verdana;
	font-size				: 11px;
	font-weight			: bold;
	color						: #fff;
}

div.box div.one-col-padded {
	padding					: 0 20px 0 20px;
	width						: 860px;
	min-height			: 100px;
}

div.box div.left-col-przeds {
	padding					: 0 20px 0 20px;
	width						: 200px;
	float						: left;
	background			: #fff;
}

div.box div.right-col-przeds {
	padding					: 0 20px 0 20px;
	width						: 600px;
	float						: left;
	background			: #fff;
}

 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 #   LINKS
 #~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a {
	text-decoration	: none;
}
a:hover {
	text-decoration	: underline;
}

div#header a {
	margin-right		: 4px;
}

ul#mainmenu li a {
	padding					: 15px 8px;
	width						: 120px;
	font-family			: Arial;
	font-size				: 14px;
	color						: #6b3f00;
}
ul#mainmenu li a:hover, ul#mainmenu li a.active {
	text-decoration	: none;
	background			: url(../images/main-menu-hover.gif) repeat-x bottom;
	color						: #000;
}

a#program-btn {
	display					: block;
	width						: 550px;
	height					: 33px;
	background			: url(../images/pelny-program-btn.jpg) no-repeat top;
}

p.blue-txt a {
	color						: #fff;
	border-bottom		: 1px solid #9bc4e4;
}
p.blue-txt a:hover {
	text-decoration	: none;
	border-bottom		: 1px solid #fff;
}

div#footer a {
	color						: #fff;
	font-weight			: normal;
	
}
div#footer a:hover {
	border-bottom		: 1px solid #9bc4e4;
	text-decoration	: none;
}


 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 #   LISTS
 #~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul#mainmenu {
	list-style-type	: none;
	display					: block;
	margin					: 0;
	padding					: 14px 10px 0 0;
	height					: 29px;
	text-align			: right;
	background			: #f9c718 url(../images/main-menu-back.jpg) no-repeat top;
}
ul#mainmenu li {
	display					: inline;
}

ul.ozd {
	margin					: 0;
	padding					: 0;
	list-style-type	: none;
}
ul.ozd li {
	padding					: 8px 0 0 20px;
	background			: url(../images/pkt.gif) no-repeat 8px 12px;
	line-height			: 17px;
}

ol {
}


 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 #   HEADERS
 #~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

h1 {
	margin					: 0;
	padding					: 5px 0 5px 0;
	font-family			: 'Trebuchet MS';
	font-size				: 24px;
	color						: #316cc6;
}

h2 {
	margin					: 0;
	padding					: 10px 0 10px 0;
	color						: #000;
	font-family			: Arial;
	font-size				: 20px;
	font-weight			: normal;
}

h3 {
}

h4 {
}

h5 {
}


 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 #   TABLES
 #~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table {
	margin					: 0 auto;
	border-collapse	: collapse;
}

table#logos {
	margin					: 8px 0 0 0;
}
table#logos td {
	padding					: 0;
	vertical-align	: top;
}

table th {
	padding					: 8px 0 8px 0;
	background			: #e2e2e2;
	font-size				: 14px;
	font-weight			: normal;
	color						: #474747;
	text-align			: center;
}

#patroni td {
         padding:   50px 0px 50px 0px;
}

table#zamek {
         padding:   10px;
         width:     100%;
}

td#zamek {
         padding:   20px;
}

table#kola td {
         padding:   20px 20px 40px 20px;
}

 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 #   FONTS
 #~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

p {
	text-align			: justify;
	font-size				: 12px;
	line-height			: 17px;
}

small {
	font-size				: 11px;
}

big {
	text-transform	: uppercase;
}

q {				/* Cytat */
}

cite {		/* ¬ród³o cytatu */
}

abbr {		/* Skrót */
	border-bottom		: 1px dashed #a10a08;
	cursor					: help;
	letter-spacing	: 1px;
}

code {		/* Kod programu */
}

dfn {			/* Definicja */
}

strong {
	font-weight			: bold;
}

em {
	
}

kbd {
	
}


p#itp-short-desc {
	margin					: 0;
	padding					: 10px 20px 0 0;
	text-align			: right;
	line-height			: 22px;
	font-size				: 13px;
	color						: #5c5c5c;
}

p.blue-txt {
	margin					: 0;
	padding					: 10px 12px 10px 12px;
	color						: #fff;
	background			: #3c8ac8 url(../images/blue-txt-top.jpg) no-repeat top;
	line-height			: 18px;
}


 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 #   FORMS
 #~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

form {
}

textarea {
}

button {
}


 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 #   IMAGES
 #~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a img {
	border					: none;
}

div#header a img {
	padding					: 4px;
}
div#header a img:hover {
	background			: #316cc6;
}

img.ico {
	width						: 16px;
	height					: 16px;
	vertical-align	: middle;
}

 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 #   ALIGNMENTS
 #~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.centered {
	text-align			: center !important;
}

.toleft {
	text-align			: left !important;
}

.toright {
	text-align			: right !important;
}


 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 #   OTHERS
 #~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

hr {
	color						: #77b1dd;
	border					: none;
	border-top			: 1px solid #77b1dd;
}

.breaker {
	clear						: both;
}

 /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 #   mapa rezerwacji
 #~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.organizator {
     width:50px;
     height:70px;
     text-align: left;
}

.blank {
     background-color:#ffffff;
     width:40px;
     height:40px;
 }

.glowny {
     vertical-align: top;
     width:100px;
     height:100px;
 }

.male {
     width:100px;
     height:50px;
 }

.male_bottom {
     vertical-align: bottom;
     text-align: right;
     width:80px;
     height:50px;
 }

.male_left {
     text-align: left;
     width:50px;
     height:50px;
 }

.male_right {
     text-align: right;
     width:80px;
     height:50px;
 }

.male_right_100 {
     text-align: right;
     width:100px;
     height:50px;
 }

.male_top_right {
     vertical-align: top;
     text-align: right;
     width:80px;
     height:50px;
 }

.sponsor {
     width:100px;
     height:100px;
 }