﻿/* style globalne */
body  {margin: 0; padding: 0 0 0 30px; text-align: left; background: #051021 url('../_img/bgBody.jpg') no-repeat 30px 0;}
body, p, a, td, input, textarea, select  {color: #a7b5c2; font: normal 13px "Segoe UI", Arial, Helvetica, sans-serif;}
div, span, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
ul, ol, li {list-style-type: none;}
ul.simpleList {margin: 0 0 5px 0; padding: 0; width: 100%; clear: both; list-style-type: square;}
ul.simpleList li {list-style-type: square; list-style-position: outside; margin: 0 0 0 30px; padding: 0 0 3px 0;}

a {text-decoration: none; cursor: pointer; color: #a7b5c2;}
a:hover {text-decoration: underline;}
img,
a img {border: none;}
.oneColumn {width: 100%; clear: both; float: left;}
.twoEqColumns {clear: both; float: left; width: 100%;}
.twoEqColumns .firstCol {clear: both; float: left; width: 48%; margin-right: 3%;}
.twoEqColumns .secondCol {clear: none; float: left; width: 48%;}
/* /style globalne */

/* glowny layout */
.mainForm {width: 940px;}
/* /glowny layout */

/* menu glowne */
#mainMenu {width: 760px; clear: both; }
#mainMenu .menuLinks {width: 100%; float: left; background: transparent url('../_img/bgMainMenu.png') no-repeat 0 100%; padding: 60px 0 17px 0;}
#mainMenu .menuLinks .item {float: left; padding: 0 20px 0 0;}
#mainMenu .menuLinks .item a {text-transform: uppercase; font-weight: bold; text-decoration: none;}
#mainMenu .menuLinks .item a:hover {text-decoration: underline;}
/* /menu glowne */

/* naglowek strony */
#pageHeader {clear: both; float: left; width: 760px; height: 215px; position: relative; z-index: 100;}
body.bodySubPage #pageHeader {margin-top: -19px;}
body.bodyMainPage #pageHeader {margin-top: 36px; margin-bottom: 35px;}
#pageHeader .mainLogo {width: 524px; height: 215px; position: absolute; top: 0; left: 0; z-index: 102;}
#pageHeader .register {width: 139px; height: 45px; position: absolute; top: 126px; left: 530px; z-index: 103;}
#pageHeader .letsMeet {width: 172px; height: 66px; position: absolute; top: 19px; left: 348px; z-index: 104;}
#pageHeader .line {width: 760px; height: 1px; position: absolute; top: 198px; left: 0px; z-index: 101;}
body.bodyMainPage #pageHeader .line {display: none;}
/* /naglowek strony */

/* content strony glownej */
#mainPageContent {width: 940px; padding: 25px 0 0 0; clear: both; float: left; color: #a7b5c2; background: transparent url('../_img/bgMainPageContent.png') no-repeat 0 0; line-height: 160%;}
#mainPageContent p {padding: 0 0 10px 0; line-height: 160%;}
#mainPageContent #mainC {width: 540px; float: left; margin: 0 40px 0 0; font-weight: bold;}
#mainPageContent #mainC p {font-weight: bold;}
#mainPageContent #sideC {width: 360px; float: left;}
#mainPageContent #sideC ul li {background: transparent url('../_img/bgBullet.png') no-repeat 2px 7px; padding: 0 0 5px 20px; width: 340px; clear: both;}
/* /content strony glownej */

/* content podstrony */
#subPageContent {width: 760px; padding: 53px 0 0 0; clear: both; float: left; color: #a7b5c2;}
#subPageContent a {color: #a7b5c2;}
#subPageContent #sideC {width: 160px; float: left; margin: 0 20px 0 0;}
#subPageContent #sideC .sectionName,
#subPageContent #sideC .sectionName h2 {font-size: 18px; font-weight: bold; color: #a7b5c2; display: inline;}
#subPageContent #mainC {width: 580px; float: left; padding: 7px 0 0 0;}
/* /content podstrony */

/* stopka serwisu */
#pageFooter {clear: both; width: 760px; padding: 70px 0 0 0; float: left;}
#pageFooter .logotypes {clear: both; float: left; width: 100%; height: 40px; padding: 30px 0 20px 0; border: solid 1px #37404d; border-width: 1px 0;}
#pageFooter .logotypes li {float: left; padding: 0;}
#pageFooter .footerLinks {padding: 40px 0 20px 0; width: 760px; float: left;}
#pageFooter .footerLinks ul {float: left; width: 540px; padding: 2px 0 0 0;}
#pageFooter .footerLinks ul li {float: left; padding: 0 7px 0 0; margin: 0 5px 0 0; background: transparent url('../_img/bgFooterLinksSeparator.png') no-repeat 100% 2px;}
#pageFooter .footerLinks ul li.last {padding-right: 0; margin-right: 0; background-image: none;} 
#pageFooter .footerLinks ul li a {float: left;}
#pageFooter .footerLinks a {font-size: 11px;}
#pageFooter .footerLinks .ms {float: left; text-align: right; width: 220px;}
#pageFooter .footerLinks .ms .copy {padding: 5px 18px 0 0; color: #a7b5c2; font-size: 11px;}
/* /stopka serwisu */

/* formularz rejestracyjny */
.registrationForm {}
.registrationForm input.text,
.registrationForm select.text {border: solid 1px #bcbcbc; padding: 3px; margin: 0; width: 215px; color: #333333;}
.registrationForm .oneLine {width: 100%; clear: both; float: left; padding: 0 0 10px 0;}
.registrationForm .key {float: left; width: 120px; margin: 0; padding: 5px 0 0 0;}
.registrationForm .val {float: left; width: 220px;}
.registrationForm .valErr {float: left; width: 220px; padding: 5px 0 0 20px;}
.registrationForm .valErrLine {float: left; width: 460px; padding: 5px 0 3px 120px; clear: both;}
.registrationForm .valStreet {width: 205px;}
.registrationForm .valStreet input.text {width: 185px;}
.registrationForm .keyNumberLocum {width: 60px;}
.registrationForm .valNumberLocum {width: 65px;}
.registrationForm .valNumberLocum input.text {width: 55px;}
.registrationForm .valPostalCode {width: 93px;}
.registrationForm .valPostalCode input.text {width: 83px;}
.registrationForm .keyCity {padding-left: 35px; width: 45px;}
.registrationForm .valCity input.text {width: 167px;}
.registrationForm .oneLineMeetingPlace {padding: 20px 0 30px 0;}
.registrationForm .keyMeetingPlace {width: 200px;}
.registrationForm .valMeetingPlace {width: 310px;}
.registrationForm .valMeetingPlace select.text {width: 300px;}
.registrationForm .regulationAgreement {border: solid 1px #37404d; border-width: 1px 0; padding: 10px 0 0 0; margin: 0 0 10px 0; clear: both; width: 100%; float: left; font-size: 11px;}
.registrationForm .regulationAgreement input {margin: 0; padding: 0; width: 30px; float: left;}
.registrationForm .regulationAgreement label {width: 550px; float: left;}
.registrationForm .regulationAgreement .valErrLine,
.registrationForm .partChoise .valErrLine {width: 100%; padding-left: 0; font-size: 11px;}
.registrationForm .btnRegister {text-align: right; padding-right: 20px; width: 560px;}
/* /formularz rejestracyjny */

/* program */
#program {line-height: 160%;}
#program .sectionTitle {padding: 0 0 35px 0;}
#program .sectionTitle,
#program .sectionTitle a {font-weight: bold; text-transform: uppercase; font-size: 16px;}
#program .sectionTitle a {text-decoration: underline;}
#program .indent {padding: 0 0 0 50px; width: 530px;}
#program .hours {font-size: 16px; padding: 0 0 10px 0;}
#program .title {font-size: 13px; font-weight: bold; padding: 0 0 5px 0;}
#program .speaker {font-size: 13px; font-style: italic; padding: 0 0 5px 0;}
#program .desc {font-size: 13px; padding: 0 0 35px 0; text-align: justify;}
/* /program */

/* prelegenci */
#speakers {float: left; width: 100%; clear: both;}
#speakers .speaker {width: 100%; clear: both; float: left; border-bottom: solid 1px #37404d; padding: 0 0 15px 0; margin: 0 0 15px 0;}
#speakers .speaker .photo {border: solid 3px #bcbcbc; width: 154px; float: left; margin: 0 20px 0 0;}
#speakers .speaker .photo img {float: left;}
#speakers .speaker .info {float: left; width: 400px; line-height: 160%;}
#speakers .speaker .name {font-size: 13px; font-weight: bold; padding: 0 0 15px 0;}
#speakers .speaker .desc {font-size: 13px; text-align: justify;}
/* /prelegenci */

/* atrakcje */
#attractions {line-height: 160%;}
#attractions .title {padding: 0 0 5px 0;}
#attractions .title,
#attractions .title a {font-size: 15px; font-weight: bold;}
#attractions .title a {text-decoration: underline;}
#attractions .desc {padding: 0 0 35px 0; text-align: justify;}
/* /atrakcje */

/* lokalizacje */
#locations {line-height: 160%;}
#locations .item {width: 100%; clear: both; float: left; border-bottom: solid 1px #37404d; padding: 0 0 15px 0; margin: 0 0 15px 0;}
#locations .item .title {font-size: 15px; font-weight: bold; padding: 0 0 10px 0;}
#locations .item .photos {width: 220px; float: left; margin: 0 20px 0 0;}
#locations .item .photo {border: solid 3px #bcbcbc; width: 214px; float: left; margin: 0 0 10px 0;}
#locations .item .photo img {float: left;}
#locations .item .desc {width: 340px; float: left; margin: 0; text-align: justify;}
#locations .item .desc p {margin: 0 0 10px 0; line-height: 160%;}
#locations .item .desc a {text-decoration: underline;}
/* /lokalizacje */

/* materialy */
#materials {line-height: 160%;}
#materials .title {font-size: 13px; font-weight: bold; padding: 0 0 5px 0;}
#materials .speaker {font-size: 13px; font-style: italic; padding: 0 0 5px 0;}
#materials .desc {font-size: 13px; padding: 0 0 35px 0; text-align: justify;}
#materials .desc a {text-decoration: underline;}
/* /materialy */

/* strona bledu */
#errorPage {}
#errorPage .headerTitle {font-size: 18px; font-weight: bold; padding: 0 0 20px 0; margin-top: -5px;}
#errorPage p {padding: 0 0 10px 0;}
#errorPage p,
#errorPage p a {line-height: 160%; text-align: justify; font-size: 14px;}
/* /strona bledu */