/* ~~ REUSABLE ~~ */
@font-face {
    font-family: 'open_sansregular';
    src: url('../../fonts/OpenSans-Regular-webfont.eot');
    src: url('../../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.cf:after { /*Clearfix*/
  clear: both;
  display: block;
  content: ".";
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.hide {
	text-indent: -9999px;
	height:0px;
}
img {
  margin:0px;
  padding:0px;
  border:0px;
}
body {
  padding-bottom:35px;
  margin:auto;
  line-height:20px;
}
.cb { clear: both; overflow: hidden; }
.cb2 {clear: both; font-size: 1pt; height: 1px; overflow: hidden;}
h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:23px;
  line-height:1.2;
  font-weight:600;
  margin:0 0 18px;
}
h2, h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:18px;
  line-height:22px;
  font-weight:normal;
  margin:0 0 12px;
}
.bold {
font-weight:bold;
}
table,tr,td {vertical-align: top;}
ul {padding-left: 17px;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
input.smallestButton, input.smallButton {
   border:none !important;
   cursor:pointer;
   margin: -2px 0 10px 0;
   width:inherit;
   padding: 2px 5px 2px 5px;
}
.buttonLogout {
  text-align: right;
  padding-right: 45px;
}
/* ------------------------------------- CONTENT ------------------- */
#Container {
  z-index:1000;
  margin-top:-13px;
  margin:auto;
  padding:20px 0 5px 0;
}
.header {
  overflow: hidden;
  padding-top:5px;
}
/* ------------------------------------- LANGUAGES ------------------- */
#Container .languages {
  width:100%;
  position:relative;
  margin-bottom:20px;
}
#Container .languages div {
  position:absolute;
  background:none;
  text-transform: uppercase;
  right:0px;
}
.languages_icon_text {
 padding:0 5px 0 5px;
 font-size:12px;
 line-height:12px;
 margin-top:0 !important;
}
.languages a.languages_icon_1, .languages a.languages_icon_2 {
margin-top:0px;
line-height:13px;
}
.languages a:hover {
text-decoration:none;
}
.languages a.languages_icon_1 span, .languages a.languages_icon_2 span{
  width:20px;
  height:13px;
  display:inline-block;
  margin:0 1px 0 0;
}
.languages a.languages_icon_1 span, .languages a.languages_icon_2:hover span {
  background: #000 url('images/icon_languages_1.png') no-repeat;
}
.languages a.languages_icon_2 span {
  background: #000 url('images/icon_languages_2.png') no-repeat;
}
.languages a.pl span, .languages a.pl span, .languages a.pl:hover span {background-position:0 0px;}
.languages a.en span, .languages a.en span, .languages a.en:hover span {background-position:-24px 0px;}
.languages a.de span, .languages a.de span, .languages a.de:hover span {background-position:-48px 0px;}
.languages a.ru span, .languages a.ru span, .languages a.ru:hover span {background-position:-144px 0px;}
.languages a.it span, .languages a.it span, .languages a.it:hover span {background-position:-96px 0px;}
.languages a.fr span, .languages a.fr span, .languages a.fr:hover span {background-position:-72px 0px;}
.languages a.es span, .languages a.es span, .languages a.es:hover span {background-position:-120px 0px;}

.languages a.languages_name {
  text-transform: capitalize;
  margin-left:3px;
  font-size: 13px;
}
.languages a.languages_name:hover {text-decoration:underline;}
.languages a.languages_short {margin-right:2px;}
/* ------------------------------------- PARTNERS ------------------- */
.boxPartners {
  padding:15px 0px 0px 0px;
}
#Partners h2 {
  margin-top:10px;
  letter-spacing: 0.5pt;
  font-size:21px;
}
.boxPartners table tr td:first-child {
  width:150px;
}
.boxPartners img{
  display:block;
  float:left;
  margin:0 10px 10px 0;
  padding:0 8px 0 8px;
}
.boxPartners a:hover img {}
.boxPartners a img {vertical-align:middle;}
/* ------------------------------------- FOOTER ------------------- */
.footer {
  min-height: 20px;
  padding:15px 0px 10px 0px;
  text-align:center;
}
.footer a {text-decoration: none;}
.footer a:hover {text-decoration: underline;}
/* ------------------------------------- SYSKONF FOOTER ------------------- */
.SyskonfLogoContainer {margin:auto;}
a.PoweredBySyskonf {
  display:block;
  width:183px;
  height:19px;
  margin:0px auto -15px auto;
  background: url('images/logo_syskonf_powered.png') no-repeat;
}
a.PoweredBySyskonf:hover {
  background: url('images/logo_syskonf_powered_on.png') no-repeat;
}
/*------------------------------------- FORM ------------------------*/
.registrationForm {position: relative; float: left;}
form#form1 {float:left;}
.info-box {
  border: 1px solid #64a6d7;
  padding: 23px 15px 20px 65px;
  background: #dcebf6 url(../../images/icon_info_template.png) 15px 15px no-repeat;
  margin: 10px 0 20px 0;
  min-height:25px;
  font-size:13px;
  color:#444;
}
.success-box {
  border: 1px solid #b4d97c;
  padding: 23px 15px 20px 65px;
  background: #e5f6c9 url(../../images/icon_ok_template.png) 15px 15px no-repeat;
  margin: 10px 0 20px 0;
  min-height:25px;
  font-size:13px;
  color:#444;
}
.error-box {
  border: 1px solid #df8f90;
  padding: 23px 15px 20px 65px !important;
  background: #ffcfcf url(../../images/icon_error_template.png) 15px 15px no-repeat;
  margin: 10px 0 20px 0;
  text-align:left;
  min-height:25px;
  font-size:13px;
  color:#444;
}
.error-box h2, .success_box h2, .info-box h2 {
  font-size:16px;
  font-weight:bold;
  margin-bottom:5px;
}
.radioPadding div {margin-bottom:-7px;}
.viewBoxHeaderContentText .radioPadding { padding-left:17px;}
.viewBox {
 padding: 15px 10px 0px 20px;
 font-size:12px;
 line-height:19px;
 margin:10px 0 20px 0;
}
.viewBox .preview .cb {
  margin-top:-1px;
  padding-top:30px;
}
.viewBox .viewBoxHeader { //nadpisane w form.tpl
  font-weight:bold;
  text-transform:uppercase;
  margin-bottom:-15px;
  padding: 8px 10px 8px 0px;
  font-size:14px;
  line-height:18px;
  width:55%;
}
.viewBoxHeaderContentText {
  margin-bottom:0px;
  padding:0px;
  border-spacing:0;
  border-collapse:collapse;

}
.viewBoxHeaderContentText tr td {
  margin:0px;
  padding:4px 0px 4px 0px;
  min-width:85px;
}
.viewBoxHeaderContentText tr td input[type='text'] {
  height:17px;
  margin:-3px 0px 3px 20px;
  padding:3px 3px 1px 3px;
  padding-right:3px !important;
  font-size:12px;
}
.viewBoxHeaderContentText tr td input[type='text']{padding-left:3px;}

.viewBoxHeaderContentText tr td textarea{
  padding-left:3px;
  margin-left:20px;
  font-size:12px;
  width:100% !important;
}
.viewBoxHeaderContentText tr td select.templateSelect1 {
  margin:-3px 0 3px 20px;
  padding:2px 2px 2px 3px;
  height:23px;
  font-size:12px;
}
.viewBoxHeaderContentText tr td select.templatePrefix {
  margin:-3px 0 3px 20px;
  padding:2px 2px 2px 0px;
  width:58px;
  height:23px;
  font-size:12px;
  float:left;
}
.viewBoxHeaderContentText tr td .inputTelefon {
  margin-left:10px !important;
  width:150px !important;
}

.intl-tel-input {
  margin: -3px 0 3px 20px!important;
  padding: 3px 6px 0 0 !important;
  border: 1px solid #cccccc;
  height: 18px;
  background: none repeat scroll 0 0 #fcfcfc;
  position: relative;
}

.intl-tel-input input[type='text'] {
  width: 85% !important;
  margin: 0px 0 0 44px !important;
  padding: 0px !important;
  border: 0px;
  position: relative;
  top: -2px;
}

.intl-tel-input .flag-dropdown {
  top: 5px !important;
}

.flag-dropdown, .country-list {
  z-index:1000 !important;
}

.viewBoxHeaderContentText tr td select.templateSelect1 option, .viewBoxHeaderContentText tr td select.templatePrefix option {
    border-top: 1px solid #EEEEEE;
    padding: 4px 0 2px 4px;
}

span.pr15 {padding-right:0px;}
.templateDescription1 {
  margin-top:10px;
  font-style:italic;
}
.templateDescription1 span {
  padding-top:10px;
  font-style:normal;
}
.viewBoxHeaderContentText tr td textarea.textareaSize5 {
  margin-left:0px;
  font-size:12px;
}
.viewBoxHeaderContentText tr td textarea.textareaSize6 {
  height: 50px;
  margin-left:0px;
  font-size:12px;
}
.viewBoxHeaderContentText tr td.templatewidth1{
  min-width:30px;
}
.viewBoxHeaderContentText tr td.templatewidth2 {
  min-width:30px;
  padding: 0 0 0 20px;
}
.viewBoxHeaderContentText tr td input.templateRadio1 {
  width:10px;
  border:none;
}
label {
  position: relative;
  top: -5px;
}
.nv_checkbox_off {cursor: pointer;}
.nv_checkbox_off:before {
    content:"";
    background: url('../../images/design_checkbox_template.png') 0 -16px no-repeat;
    display:inline-block;
    margin-bottom: -2px;
    padding-right: 4px;
    height:15px; width:16px;
}
.nv_checkbox_on {cursor: pointer;}
.nv_checkbox_on:before {
    content:"";
    background: url('../../images/design_checkbox_template.png') 0 0 no-repeat;
    display:inline-block;
    margin-bottom: -2px;
    padding-right: 4px;
    height:15px; width:16px;
}
.nv_radio_off {cursor: pointer;}
.nv_radio_off:before {
    content:"";
    background: url('../../images/design_radio_template.png') 0 -17px no-repeat;
    display:inline-block;
    margin-bottom: -2px;
    padding-right: 4px;
    height:13px; width:16px;
}
.nv_radio_on {cursor: pointer;}
.nv_radio_on:before {
    content:"";
    background: url('../../images/design_radio_template.png') 0 -1px no-repeat;
    display:inline-block;
    margin-bottom: -2px;
    padding-right: 4px;
    height:13px; width:16px;
}
.ie .nv_checkbox_off:before, .ie .nv_checkbox_on:before, .ie .nv_radio_off:before, .ie .nv_radio_on:before {
display:none;
}
.ie .nv_checkbox_off {
   padding: 1px 0 0 21px;
   background: url('../../images/design_checkbox_template.png') 0 -16px no-repeat;
   cursor: pointer;
 }
.ie .nv_checkbox_on {
   cursor: pointer;
   background: url('../../images/design_checkbox_template.png') 0 0px no-repeat;
   padding: 1px 0 0 21px;
 }
.ie .nv_radio_off { cursor: pointer; position: relative; top: 1px; background: url('../../images/design_radio_template.png') 0 -15px no-repeat; padding: 1px 0 0 20px; }
.ie .nv_radio_on { cursor: pointer; position: relative; top: 1px; background: url('../../images/design_radio_template.png') 0 1px no-repeat; padding: 1px 0 0 20px; }
/*-------------------------------------ACCOMMODATION ------------------------*/
.accommodationTemplate h2 {
padding-top:10px;
padding-bottom:0px;
}
.priceContent .color{
  padding: 0 5px 0 5px;
}
.accommodationBoxList { width:44%;}
.accommodationBoxRooms { width:50%;}
.accommodationBoxDates input { width: 70% !important; text-align:center}
.accommodationBoxAccompanying input {width:92% !important;}
.accommodationBoxDates .templatewidth1 {width:18%;}
.accommodationBoxAccompanying input.templateInput3 {
  margin-left:5px; //input nr domu kod pocztowy
}
#additionaloptionsBox .templatewidth1 { width:45px !important; }
#additionaloptionsBox .priceContent {width:60px !important;}
#accommodationBox .preview { padding-top: 35px;}
.accommodationBoxIf { margin: 0px; margin-bottom: -10px; padding: 0px; min-width: 85px; line-height: 21px;}
.accommodationBoxList { padding-top: 20px; float: left;}
.accommodationBoxDescription { padding: 3px 0 3px 0px; line-height: 15px; margin-top:0px; font-style:italic;}
.accommodationBoxPrice { padding-left:0px; }
.accommodationBoxPrices { padding: 10px 0 10px 0px; }
.accommodationBoxRooms {
  right:9px;
  margin: 20px -11px 0px 15px;
  padding:20px 10px 20px 20px;
  border: 1px solid;
  border-color: rgba(0,0,0,0.1);
  border-right-color: none;
  float: right;
  line-height: 21px;
  vertical-align:top;
  font-size:12px;
  background: rgba(255,255,255,0.4);
}
.accommodationBoxRoomsChoice { padding-bottom: 10px;}
.accommodationBoxDates {margin-left:-2px;}
.accommodationBoxDates input { margin-left: 8px; margin-top:-2px;}
.accommodationBoxDates input:first-child {margin-right:15px;}
.accommodationBoxParking { line-height:18px; margin-top:7px;}
.accommodationBoxAccompanying input, .accommodationBoxDates input { height:17px; padding:3px 3px 1px 3px;}
.accommodationBoxAccompanying input {margin:5px 0 8px 0px !important;}
.accommodationBoxAccompanying{}
#accommodationBox .cb {height:30px; margin:0px;padding:0px;}
#accommodationBox .accommodationBoxList .cb {height:5px; margin:0px;padding:0px;}

/* -------------------------------------ACTIVITIESBOX STYLES ------------------------*/
#activitiesBox div.cb .cb, #lecturesBox .cb .cb, #additionaloptionsBox div.cb .cb2 {padding: 0; margin:0px; height:4px; }
#activitiesBox table.viewBoxHeaderContentText, #additionaloptionsBox table.viewBoxHeaderContentText, #lecturesBox table.viewBoxHeaderContentText {
  border-spacing:3px;
  border-collapse:separate;
  border-top:1px solid;
  border-top-color: rgba(0,0,0,0.1);
  padding-top:7px;
}
#activitiesBox table.viewBoxHeaderContentText:first-child, #additionaloptionsBox table.viewBoxHeaderContentText:first-child, #lecturesBox table.viewBoxHeaderContentText:first-child {border-top:none;}
#activitiesBox input[type=!'button'],  #additionaloptionsBox input,  #lecturesBox input[type='text'] {text-align:right; height:17px; padding:3px 3px 1px 3px; margin-right: 100px;}
#activitiesBox .templateDescription1, #additionaloptionsBox .templateDescription1, #lecturesBox .templateDescription1{margin-top:5px; margin-bottom:3px;}
#activitiesBox .priceContent {padding-right:20px; text-align:right;}
#activitiesBox input.templateInput2,  #lecturesBox input[type='text'], #additionaloptionsBox  input.templateInput2 {width:70px !important;}
#activitiesBox select.templateSelect1, #additionaloptionsBox select.templateSelect1 {width:55px;}

/* -------------------------------------ADDITIONAL OPTIONS STYLES ------------------------*/
#additionaloptionsBox .templatewidth1 { padding-left:0px !important;}
#additionaloptionsBox .priceContent {margin-left:0px; padding-right:20px; text-align:right;}

/* -------------------------------------BUSINESS DATA STYLES ------------------------*/
#businessdataBox table.viewBoxHeaderContentText {width:80% !important; max-width:540px;text-align:left;}
#businessdataBox .viewBoxHeaderContentText tr td { padding:4px 0px 4px 0px; }
#businessdataBox table.viewBoxHeaderContentText td:first-child {width:130px; }
#businessdataBox table.viewBoxHeaderContentText tr td input[type='text']{width:92%}
#businessdataBox table.viewBoxHeaderContentText td input.templateInput2 {width:65% !important;}
#businessdataBox table.viewBoxHeaderContentText td.postalCode {width:19%;}
#businessdataBox table.viewBoxHeaderContentText td input.inputPostalCode {width:70% !important;}
#businessdataBox table.viewBoxHeaderContentText td input.inputCity {width:83% !important;}
#businessdataBox table.viewBoxHeaderContentText .formCityDescription {width:20% !important; padding-left:15px !important;}
#businessdataBox .viewBoxHeaderContentText tr td select.templateSelect1 { width:94%; }

/* -------------------------------------COMMENTS STYLES -------------------------------------*/
#commentsBox table.viewBoxHeaderContentText {width:100%;}
#commentsBox .textareaSize5 { width:98% !important;}

/* -------------------------------------CONSENTS STYLES -------------------------------------*/
#consentsBox .cb {margin:0px; padding:0px;}
#consentsBox label a {text-decoration: underline;}

/* Comments Styles */
#commentsBox .textareaSize5,
#dokument_komentarz,
#dokument_slowa_kluczowe {
  width:600px;
  font-size:12px;
  height: 5.5em;
  line-height: 1em;
}

/* -------------------------------------INVOICES STYLES -------------------------------------*/
#invoicesBox .preview {padding-top: 35px;}
#invoicesBox table.viewBoxHeaderContentText {width:80% !important; max-width:540px;text-align:left;}
#invoicesBox table.viewBoxHeaderContentText td.postalCode {width:19%;}
#invoicesBox table.viewBoxHeaderContentText tr td input[type='text']{width:92%}
#invoicesBox table.viewBoxHeaderContentText td input.inputPostalCode {width:70% !important;}
#invoicesBox table.viewBoxHeaderContentText td input.inputCity {width:84% !important;}
#invoicesBox .viewBoxHeaderContentText tr td input.templateInput2 {width:33% !important;}
#invoicesBox table.viewBoxHeaderContentText .formCityDescription {width:20% !important; padding-left:15px !important; line-height:27px;}
#invoicesBox .viewBoxHeaderContentText tr td select.templateSelect1 { width:94%; }

#invoicesBox div.tooltip { position: relative; background-color: #fdfdfd;  border: 1px solid #e5e5e5;  border-radius: 2px; top: 5px; left: 3px;   }
#invoicesBox div.tooltip span { position: absolute; z-index: 999; white-space: nowrap; bottom: 9999px;left: -475px;background: gray; color: #fff; padding: 4px 5px; opacity: 0; border-radius: 3px;}
#invoicesBox div.tooltip:hover span {opacity: 1; bottom: -30px; left: -488px;}

.icon-help {
    background: url("../../js/images/ui-icons_0991f5_256x240.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 16px;
    width: 16px;
    background-position: -49px -145px;
}

#invoicesBox .invoice_private {
  position: absolute; display: none; top: -5px; left: 200px; width: 300px;
}


/* -------------------------------------LECTURES STYLES -------------------------------------*/
/* -------------------------------------PARTYCIPATION TYPE -------------------------------------- */
#participationtypeBox .typeRadio {
  padding-top:0px;
  padding-bottom:8px;
}
#participationtypeBox .typeCheckbox {
  padding-top:6px;
  padding-bottom:2px;
}
#participationtypeBox .typeRadio .passwordBox {margin: 9px 0px 0px 20px;}
#participationtypeBox .typeCheckbox .passwordBox {margin: 3px 0px 6px 20px;}
#participationtypeBox .fl {float: left;}
#participationtypeBox .fr {float: right;}
#participationtypeBox .preview .cb {padding-top:35px;}
#participationtypeBox input[type='text'] {width: 150px;}
#participationtypeBox .formError {
  position: relative;
  clear: both;
}
#participationtypeBox .passwordBox input{margin-bottom:2px;}
#participationtypeBox .passwordBox .inputArea{
  height:30px;
  float:left;
}

/*-------------------------------------PAYMENTS -------------------------------------*/
#paymentsBox table.viewBoxHeaderContentText {width:99%;}
.t-platnosci  {width:100% !important;}
.t-platnosci td, .t-platnosci th {
  padding: 0 10px 0 10px;
  font-size:12px;
  height:34px;
  vertical-align:middle;
}
.t-platnosci tr.table_header2 th {
  background-color: rgba(0,0,0,0.1);
}
.t-platnosci tr.jqgrow2 td {
  padding: 0 10px 0 10px;
  text-align:right;
}
.regGroupButton {
  float: right;
  margin: 0px 0px 10px 0;
  padding-top: 4px;
}
.nv_passValidator {
  float: right;
  position: relative;
  margin-left: 5px;
}
.nv_passValidator img {
  position: relative;
  top: 1px;
}
/*------------------------------------- PERSONALDATABOX STYLES -------------------------------------*/
#personaldataBox table.viewBoxHeaderContentText td, #businessdataBox table.viewBoxHeaderContentText td {
  padding:4px 0px 4px 0px;
  margin-left:0px;
}
#personaldataBox table.viewBoxHeaderContentText .templatewidth2, #businessdataBox table.viewBoxHeaderContentText .templatewidth2{ padding-left:20px;}
#personaldataBox table.viewBoxHeaderContentText .radioPadding div{ padding-left:16px;}
#personaldataBox #secondPerson div {float:left;}
#personaldataBox table.viewBoxHeaderContentText .secondPerson span {
margin-top:6px;
padding-left:5px;
display:block;
float:right;
}
/* -------------------------------------SUBMISSIONS STYLES -------------------------------------*/
.submissionBoxDescription {  width: 350px; padding: 3px 0 3px 0px; line-height: 15px; margin-top:10px; font-style:italic;}

#submissionsForm textarea[name="dokument_tresc"] {
  height: 10.5em;
  line-height: 1em;
}

/* -------------------------------------TRANSFER STYLES -------------------------------------*/
#transferBox table.viewBoxHeaderContentText {width:85% !important; max-width:600px;}
#transferBox .transfer_data_przyjazd, #transferBox .transfer_numer_przyjazd, #transferBox .transfer_data_wyjazd, #transferBox .transfer_numer_wyjazd { width: 45%; }
#transferBox .transfer_godzina_przyjazd, #transferBox .transfer_godzina_wyjazd { width: 25%; }
#transferBox .transfer_hour { width: 25%; }

/* -------------------------------------WEBSITE STYLES ---------------------------------------------------------------------*/

.CKTableStyle01 {border-collapse: collapse; }
.CKTableStyle01, .CKTableStyle01 th, .CKTableStyle01 td { border: 1px solid #ccc !important;}
.CKTableStyle01 td {padding: 4px;}


/*---------------------------------------------------------------------ERROR ------------------------*/
.viewBoxHeaderContentText tr td input[type='text'].error, .error, input[type='text']:focus.error, input[type='text']:hover.error,
input[type='password'].error, input[type='password']:focus.error, input[type='password']:hover.error {
  border: 1px solid #ec1b2e;
}
#personaldataBox td.radioPadding .formError {
padding-top:5px;
padding-left:21px !important;
}
.accommodationBoxRoomsError div.formError { padding-left: 0px;}
.error {border: 1px solid #ec1b2e !important;}
.viewBoxHeaderContentText td div.formError, div.formError {
  color: red;
  padding-left: 20px;
  font-family:Verdana;
  position: relative;
  top: -1px;
  font-size: 7pt;
  line-height:7pt;
  font-weight: normal;
}
#consentsBox div.formError { padding: 0 0 10px 0 ; }
.radioPadding div.formError {
  margin-left:-17px;
  padding-top:3px;
}
