body {background: #fff; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; color: #333; font-size: 14px; text-align: center;}
a {text-decoration: underline;}
a:link {color: #399;}
a:visited {color: #999;}
a:active, a:hover, a:focus {color: #906;}
img {border: 0;}

h2 {position: absolute; top: -70px; right: 25px; margin: 0; padding: 0; text-align: right; font-weight: normal; font-size: 42px; color: #399;}
h3 {margin: 0; padding: 8px 15px 4px 0; text-align: left; font-weight: normal; font-size: 22px; color: #399;}
p {margin: 0 0 5px 0; padding: 0 15px 0 0; line-height: 130%; text-align: left;}
ul, ol {margin-top: 0; margin-bottom: 5px; padding-top: 0; padding-right: 15px; padding-bottom: 0;}
li {margin: 0; padding: 0; line-height: 130%; text-align: left;}

.center {text-align: center !important; padding-top: 24px; padding-bottom: 24px;}
.small {font-size: 10px;}

/* definicje głównych elementów */

div#page {position: relative; width: 1055px; margin: auto; background: url(../layout/back.png) right repeat-y}

div#slideshow {position: absolute; left: 615px; top: 0; width: 440px; height: 619px; margin: 0; padding: 0;}
div#slideshow img {z-index: 0; position: absolute; left: 0px; top: 0px;}
a#qlink1, a#qlink2 {z-index: 0; display: block; position: absolute; width: 240px; text-decoration: none; text-align: right; font-weight: bold; font-size: 16px;}
a#qlink1:link, a#qlink2:link,
a#qlink1:visited, a#qlink2:visited {background: #906; color: #fff;}
a#qlink1:hover, a#qlink2:hover,
a#qlink1:focus, a#qlink2:focus,
a#qlink1:active, a#qlink2:active {background: #fff; color: #906;}
a#qlink1 {bottom: 100px; right: 0;}
a#qlink2 {bottom: 40px; right: 0;}
a#qlink1 span, a#qlink2 span {display: block; padding: 5px;}

div#udzial {position: absolute; left: 615px; top: 619px; width: 440px; border-top: solid 2px #906;}
div#udzial a {text-decoration: none;}
div#udzial a:link, div#udzial a:visited {color: #666;}
div#udzial a:hover, div#udzial a:active, div#udzial a:focus {color: #906;}
div#udzial p {margin: 0; padding: 3px 3px 3px 6px; color: #fff; font-size: 10px;}
div#udzial p.big {padding: 20px 0; font-size: 18px; text-align: center; color: #fff;}

div#header {position: relative; width: 615px; height: 300px; margin: 0; padding: 0;}
div#header h1 {position: relative; width: 615px; height: 300px; margin: 0; padding: 0; background: url(../layout/logo.png) no-repeat;}
div#header h1 a {display: block; width: 615px; height: 150px;}
div#header h1 span {display: none;}

div#content {position: relative; width: 615px; margin: 0; padding: 0;}

div#leftpane {float: left; position: relative; width: 150px; margin: 0; padding: 0;}
div#leftpane p {margin: 12px 0 6px 0; padding: 0; text-align: center; font-size: 10px; color: #666;}

div#menu {width: 150px; margin: 0; padding: 0; background: #399;}
div#menu ul {list-style-type: none; margin: 0; padding: 8px 0;}
div#menu li {margin: 0; padding: 2px 8px; text-align: right;}
div#menu li.space {margin-top: 12px;}
div#menu a {font-size: 22px; text-decoration: none;}
div#menu a:link, div#menu a:visited {color: #fff;}
div#menu a:hover, div#menu a:active, div#menu a:focus {color: #000;}
div#menu a.opened {color: #000 !important;}

div#orgi {position: absolute; top: 200px; left: 0; width: 150px; margin: 0; padding: 0;}

div#text {position: relative; min-height: 304px; margin-left: 175px; padding: 0;}
div#text span.code {display: block; margin: 2px; padding: 2px; border: solid 1px #ccc; background: #eee; font-size: 10px;}

table {width: 420px; border-collapse: collapse;}
table#galeria tr {border-top: solid 1px #399;}
table#galeria td {padding: 6px 3px;}
table#galeria td {font-size: 12px;}
table#galeria td span {font-size: 10px;}

table.reserve {border-top: solid 1px #999;}
table.reserve tr {border-bottom: solid 1px #999;}
table.reserve th, table.reserve td {font-size: 12px;}
table.reserve td.iks {width: 16px;}

div#footer {position: relative; clear: both; width: 440px; margin: 15px 0 0 175px; padding: 0;}
div#footer a {text-decoration: none;}
div#footer a:link, div#footer a:visited {color: #666;}
div#footer a:hover, div#footer a:active, div#footer a:focus {color: #906;}
div#footer img {margin: 0; padding: 0;}
div#footer p {margin: 0; padding: 3px 0; text-align: left; font-size: 10px; color: #666;}
div#footer p.right {float: right; padding-right: 15px;}
div#patr {width: 440px; border-top: solid 2px #399; border-bottom: solid 1px #399;}
div#patr p {color: #666;}












/* admin */

div#adminheaderarea {width: 1070px; margin: 10px auto; text-align: left;}
div#adminheaderarea h1 {float: right;}
div#adminbodyarea {width: 1070px; margin: auto; clear: both;}

div#adminbodyarea a.nav {text-decoration: none;}
div#adminbodyarea a:link, div#adminbodyarea a:visited {color: #399;}
div#adminbodyarea a:hover, div#adminbodyarea a:active, div#adminbodyarea a:focus {color: #906;}
div#adminbodyarea a.selected {color: #f90 !important;}

div#adminmenupane {float: left; width: 100px; margin: 0; padding: 10px 0 10px 25px;}
div#adminmenupane h3 {font-weight: normal; font-size: 15px; text-align: right;}

div#admindetailpane {float: none; margin: 0 0 10px 150px; padding: 10px 25px 10px 25px; border-left: solid 1px #666; text-align: left; text-align: left;}
div#admindetailpane h3 {font-weight: normal; margin: 0 0 20px 0; padding: 0; font-size: 29px;}
div#admindetailpane p.ruled {margin: 1px 0; padding: 2px 0; border-bottom: solid 1px #999;}

div.previewpane {float: right; width: 420px;}
div.formpane {width: 420px;}

div.preview {width: 385px; padding: 10px; border: solid 1px #666;}
div.preview div h2 {margin: 0 0 10px 0 !important; padding: 5px 0 !important; text-align: left; font-weight: normal; font-size: 26px !important; color: #f90; border-bottom: solid 2px #f90;}
div.preview div h3 {margin: 0 !important; padding: 0 0 5px 0 !important; text-align: left; font-weight: normal; font-size: 18px !important; color: #09c;}
div.preview div h3 a {text-decoration: none;}
div.preview div h3 a:link, h3 a:visited {color: #09c;}
div.preview div h3 a:hover, h3 a:active, h3 a:focus {color: #f90;}
div.preview div h4 {margin: 0; padding: 0; text-align: left; font-weight: normal; font-size: 12px !important; color: #09c;}
div.preview div h4 span {font-weight: bold;}
div.preview div h4 a {text-decoration: none;}
div.preview div h4 a:link, div.preview div h4 a:visited {color: #09c;}
div.preview div h4 a:hover, div.preview div h4 a:active, div.preview div h4 a:focus {color: #f90;}
div.preview div p {margin: 0; padding: 0 0 7px 0; line-height: 130%; text-align: justify;}
div.preview div p.author {text-align: right; font-style: italic;}
div.preview div p.date {font-size: 10px !important;}
div.preview div li {margin: 0; padding: 0; line-height: 130%; text-align: left;}

div#admindetailpane .formerror {color: red;}
div#admindetailpane #newsformfield_date_day {width: 30px;}
div#admindetailpane #newsformfield_date_month {width: 30px;}
div#admindetailpane #newsformfield_date_year {width: 50px;}
div#admindetailpane #newsformfield_title {width: 400px; height: 30px;}
div#admindetailpane #newsformfield_title_url {width: 400px; height: 30px;}
div#admindetailpane #newsformfield_lead {width: 400px; height: 60px;}
div#admindetailpane #newsformfield_text {width: 400px; height: 240px;}
div#admindetailpane #newsformfield_author {width: 100px;}
div#admindetailpane #newsformfield_lang {width: 100px;}
div#admindetailpane #pageformfield_title {width: 400px; height: 30px;}
div#admindetailpane #pageformfield_title_url {width: 400px; height: 30px;}
div#admindetailpane #pageformfield_lead {width: 400px; height: 60px;}
div#admindetailpane #pageformfield_text {width: 400px; height: 240px;}
div#admindetailpane #pageformfield_lang {width: 100px;}