body{font-family: 'Advent Pro', sans-serif; font-weight: 500; font-size: 14px; color: #3a3a3a}
a:focus{outline: 0px;}

.main-color{color: #b00000}
.sub-color{color: #3a3636}
.separator {clear:both; height:0; font-size:1px;}

select, input {    box-sizing: content-box;}
h1{font-size: 1.7em; font-weight: 500;}
p{font-size: 1.3em; font-weight: 500;}
li{font-size: 1.3em; font-weight: 500;}
a{text-decoration: none; color: inherit}
a.more{font-size: 1.3em; font-weight: 500; text-decoration: none;}
a.apply{font-size: 1.3em; font-weight: 500; text-decoration: none;}
a.notepad{font-size: 1.3em; font-weight: 500; text-decoration: none;}

.form-bttn {background-image:linear-gradient(to bottom, #4581b2 0%, #3572a3 100%);border-radius: 3px;color: #ffffff;display:inline-block;font-size: 0.9em;height: 30px;line-height: 30px;margin: 5px;padding: 0 10px;text-align: center;cursor:pointer;}

#header{height: 620px; background:  url(../grafika/header-img-01.jpg) no-repeat top center; }
#logo{text-indent: -9000px; display: block; height: 95px; width: 200px; background: url(../grafika/logo-bg.png) no-repeat center center;}
#main-menu{margin-top: 40px; height: 95px; background-color: rgba(255,255,255,0.85); border-bottom: 1px solid #d0d0cf; position: relative;}
#main-menu ul{margin: 0px; padding: 0px; position: absolute; top: 0px; right: 0px; list-style-type: none;}
#main-menu ul li{margin: 0px; padding: 0px; float: left; border-left: 1px solid rgba(0, 0, 0, 0.15);}
#main-menu ul li a{margin: 0px; padding: 0px 35px; color: #3a3636; line-height: 95px; display: block; height: 95px; text-decoration: none; font-size: 1em;}
#main-menu ul li a:hover{box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.15); border-bottom: 2px solid #b00000}
#slogan{margin-top: 170px; }
#slogan p{margin: 0px; padding: 0px; }
#slogan p:first-child{font-size: 3.4em;}
#slogan p:last-child{font-size: 2.2em; padding-left: 20px;}
#search-box{padding: 0px; margin: 0px; background: url(../grafika/search-box-bg.png) no-repeat top center; height: 110px; margin-top: -3px; margin-bottom: 20px;}
 #search-box p{padding: 0px; margin: 0px; line-height: 110px; color: #fff; font-size: 1.7em; display: block; float: left;}
 #search-box input{padding: 0 2%; margin-top: 35px; height: 48px; border: 1px solid #ac0000; float: left; width: 100%;}
 #search-box input[type="submit"]{display: block; height: 50px;  font-size:  1.4em; display: block; background-image: linear-gradient(to bottom, #e80100 0%, #b40100 100%); color: #fff; line-height: 50px;} 
#main-content{clear: both; overflow: hidden; margin-bottom: 50px;}
 .info-list ul{margin: 0px; padding: 0px; list-style-type: none;}
.info-list ul li{margin: 0px; padding: 0px;}
.info-list ul li ul li{padding-left: 15px;font-size: 1em;}
.info-list ul li ul li.title{padding-left: 0px;}
.offer {position: relative; margin-top: 30px; overflow: hidden; }
.offer .offer-leaflet-file {width:100px; height:80px; position:absolute; right:0; top:10px; background-repeat:no-repeat; background-size:contain; background-position:right top;}
.offer-info{margin-left: 10px; padding: 10px; border-left: 1px solid #e1e1e1;}
.offer-info p{margin: 0px; padding: 0px;}
.offer-details{border-top: 1px solid #e1e1e1; margin-top: 10px; padding-top: 10px; position: relative;}
.offer-details .details{margin: 0px; padding: 0px; float: right; top: 10px; }
.offer-details p {display: block; width: auto; float: left;}
.offer-details p span{font-weight: 700; }
.offer-details a {margin-right: 20px; font-weight: 700; cursor: pointer;}
.offer img{padding: 10px; position: absolute; top: -10px; right: 0px; border-left: 1px solid #e1e1e1}
.offer-menu a{cursor: pointer;}

#phone{overflow: hidden; background: url(../grafika/search-box-bg.png) no-repeat top center;}
#phone a{color: #fff; font-size: 1.4em; font-weight: 700; padding-left: 30px; margin: 0px auto; background: url(../grafika/phone-icon.png) no-repeat center left; height: 50px; line-height: 50px; padding-top: 10px; padding-bottom: 10px;}
#phone a[href^="mailto"] {margin-left: 10px; background: url(../grafika/mail-icon.png) no-repeat center left; padding-left: 36px; margin-left: 60px; }
.phone{text-align: center;}
#footer{background: #474343; overflow: hidden;}
#footer .footer-menu{color: #fff; margin-top: 20px;margin-bottom: 20px;}
#footer .footer-menu h3{font-size: 1.5em; font-weight: 700;}
#footer .footer-menu ul{margin: 0px; padding: 0px; list-style-type: none;}
#footer ul a {color: #fff; font-size: 1.1em; font-weight: 700; margin: 0; padding: 0;}
#footer ul li {    float: left;    margin: 0 30px 0 0;    padding: 0;}
#footer ul {    list-style-type: none;    margin: 0;    padding: 30px 0 70px;}

#copyright{background: #3b3737; height: 40px;}
#copyright .footer-logo{margin-top: -20px;}
#copyright p{color: #fff; float: right; margin: 0px; padding: 0px; line-height: 40px; font-size: 1em}  

div#form_apply {padding:10px;background:#f8f8f8;padding-bottom:2px;}
div#form_apply div.title {font-weight:bold;font-size:13px;padding-bottom:5px;}
div#form_apply input[type=text],
div#form_apply select,
div#form_apply textarea {border:solid 1px #b9b9b9;}
div#form_apply select.long,
div#form_apply textarea {width:225px;}
div#form_apply label {display:block;padding:3px 0px;}
div#form_apply input {display:block;width:225px;}
div#form_apply div.row {padding:3px 0px;overflow:hidden;}
div#form_apply div.flow label {margin-right:10px;}
div#form_apply div.flow {overflow:hidden;}
div#form_apply div.flow label,
div#form_apply div.flow input {display:block;float:left;width:auto;}
div#form_apply div.left-part {float:left;margin-right:14px;}
div#form_apply div.right-part {float:left;}
div#form_apply div.bottom-part {clear:both;}
div#form_apply div.bottom-part div.buttons {padding:6px 80px 0px 80px;clear:both;}
div#form_apply div.bottom-part div.buttons a {clear:none;float:left;display:block;height:30px;line-height:30px;color:#fff;margin:0px auto;cursor:pointer;width:106px;background:url('../grafika/search-button-bg.png') no-repeat 0px 0px;text-align:center;font-size:11px;font-weight:bold;}
div#form_apply div.bottom-part div.buttons div.files {float:left;width:105px;height:30px;overflow:hidden;position:relative;}
div#form_apply div.bottom-part div.buttons div.files object,
div#form_apply div.bottom-part div.buttons div.files a {position:absolute;top:0px;left:0px;}
div#form_apply div.bottom-part div.buttons div.files object {z-index:10;}
div#form_apply div.agree {margin-top:0px;overflow:hidden; clear: both;}
div#form_apply div.agree input,
div#form_apply div.agree label{display:block;float:left;width:auto; clear: both;}
div#form_apply div.agree label {width:450px;padding:0px 10px;}
div.uploadifyQueueItem {background:#efefef;padding:5px;margin-top:1px;overflow:hidden;}
div.uploadifyQueueItem span {display:block;float:left;}
div.uploadifyQueueItem div {float:right;}
div.cv-file {display:block;clear:both;}
div.cv-file div#status-message {padding:5px 0px;}
div.cv-file div#custom-queue {border:solid 1px #b9b9b9;height:57px;padding:0px 1px;}

div#form_apply div#waiting {display:none;height:46px;width:165px;position:absolute;z-index:101;background:url('../grafika/50wpx.png');padding:200px 170px;}
div#form_apply div#waiting img {display:block;float:left;}
div#form_apply div#waiting span.msg {font-weight:bold;line-height:20px;margin-left:20px;display:block;float:left;}

#pagination {    border: 0 none;    margin: 50px 0 0;    padding: 0;}
#pagination li {    border: 0 none;    font-size: 14px;    list-style: none outside none;    padding: 0;}
#pagination .previous-off, #pagination .next-off {    display: block;    float: left;    font-weight: 400;}
#pagination li a {    background: none repeat scroll 0 0 #ECECEC;    display: block;    height: 34px;    line-height: 34px;    margin-right: 2px;    padding-left: 12px;    padding-right: 12px;}
#pagination .active a {    background: none repeat scroll 0 0 #4682B4;    color: #FFFFFF;    display: block;    float: left;    font-weight: 400;}
#pagination a:link, #pagination-digg a:visited {    display: block;    float: left;    text-decoration: none;}

#apply-form {    overflow: hidden;}
#apply-form h2 {    border-top: 1px solid #E1E1E1;    padding-top: 20px;}

.left-part {float:left; width:45%;}
.right-part {float:right; width:45%;}
.form-box {    overflow: hidden;    padding-bottom: 5px;    padding-top: 5px;    position: relative;}
.form-box input, .form-box select {    border: 1px solid #E1E1E1;    border-radius: 3px;    display: block;    height: 20px;    padding-left: 5px;    padding-right: 5px;}
.form-box label, .form-box p, .form-box input, .form-box select {    display:block; float: left;    line-height: 20px;    margin: 0;    padding: 10px;    width: 46%;}
.form-box label {font-size:1.3em; font-weight:500;}
.form-box input:focus, .form-box select:focus {    box-shadow: 2px 2px 2px #888888;}

#offer {position:relative;}
#offer .offer-menu {    border-top: 1px solid #E1E1E1;    margin-top: 20px;    overflow: hidden;    padding-top: 20px;}
#offer .description {    border-top: 1px solid #E1E1E1;    margin-top: 20px;    padding-top: 20px;}
#offer .description .part-content p {font-size:1.3em;}
#offer .offer-menu ul {    float: right;    list-style-type: none;    margin: 0;    padding: 0;}
#offer .offer-menu ul li {    float: left; padding: 0; font-size:1.3em !important;}
#offer .offer-menu ul li a {    background-image: linear-gradient(to bottom, #4581B2 0%, #3572A3 100%);    border-radius: 3px;    color: #FFFFFF;    display: block;    font-size: 0.9em;    height: 30px;    line-height: 30px;    margin: 5px;    padding: 0;    text-align: center;    min-width: 80px;padding-left: 10px;padding-right: 10px;}
#offer .image {position:absolute; right:0; top:20px; width:200px; height:200px; text-align:right;}
#offer .image img {max-width:200px; max-height:200px; display:block; margin:0 0 0 auto;}
#errorForm{color:red;}
.error{box-shadow: 0px 0px 4px 1px red;}
#trainingForm .inputGroup {padding:1% 2%; position:relative;}
#trainingForm .inputGroup.odd {background-color:#f2f2f2;}
#trainingForm .inputGroup .removeperson {position:absolute;right:0;top:0;}
#trainingForm .inputGroup input {padding-left:1%; padding-right:1%;}
#trainingForm .inputGroup input.errorform,
#trainingForm .inputGroup select.errorform,
#trainingForm .dvOswiadczenie.errorform {background:#f8dbdd; border:1px solid #e17984;}
#trainingForm .addperson {text-align:right;}
#trainingForm #infobox {margin-top:10px; background-color: #f8dbdd; border: 1px solid #e17984; color: #c0392b; display: none; padding: 10px; text-align: center;}
#trainingForm #infobox.greenbox {color: #2f6000; border: 1px solid #82b33f; background-color: #95C652;}

.agreement {    font-size: 0.8em;    width: 48%;}
.form-submit input {    background-image: linear-gradient(to bottom, #4581B2 0%, #3572A3 100%);    border: 1px solid #4581B2;    border-radius: 3px;    color: #FFFFFF;    display: block;    font-size: 0.9em;    height: 50px;    line-height: 50px;    margin: 0;    padding: 0;    text-align: center;    width: 200px;}

.ui-autocomplete li span{font-weight: 600;color:#B00000}
div#custom-queue {   border:1px solid #E1E1E1;	 border-radius: 3px;    display: inline-block;    min-height: 40px;    padding: 0 1px;    width: 48%;}

/*
#wydruk_body{width:768px;}
#wydruk_body.pdf{background:none!important;color:#000!important;}
#wydruk_body.pdf h1{color:#000!important;}
#upload-btn {display: block; height: 42px; line-height: 42px; width: 90px; text-align: right; background: url("../grafika/zalacznik-ico.png") no-repeat scroll left center; position: absolute; top: 6px; left: 40px;}
*/

html#wydruk,
html#wydruk body#wydruk_body {background:transparent;}
html#wydruk body.pdf {width:600px!important;overflow:hidden!important;padding:20px;}
body#wydruk_body h1.header {line-height: normal;height:auto;display:block;}
div#offer_wydruk {}
div#offer_wydruk div.offer-content{}
div#offer_wydruk div.offer-content div.title {height:36px;line-height:36px;font-size:14px;border-bottom:dashed 1px #e0e0e0;padding-left:15px;margin-top:5px;}
body.pdf div#offer_wydruk div.offer-content div.title,
body.pdf div#offer_wydruk div.offer-content div.part-content,
body.pdf div#offer_wydruk div.offer-content table.properties {width:735px;}
div#offer_wydruk div.offer-content div.part-content {padding:5px; font-size:12px !important;}
div#offer_wydruk div.offer-content div.part-content p,
div#offer_wydruk div.offer-content div.part-content ul li {font-size:12px !important;}
div#offer_wydruk div.offer-content table.properties {width:100%;}
div#offer_wydruk div.offer-content table.properties td {padding:5px 10px;border-bottom:solid 1px #e0e0e0;}
div#offer_wydruk div.offer-content table.properties td.name {background:#f8f8f8;}
div#offer_wydruk div.offer-content table.properties td.value {text-align:right;}


div#msg_slide_box {width:322px;position:fixed;right:-320px;bottom:20px;line-height:normal;z-index:99999;}
div#msg_slide_box div.close {height:36px;width:36px;position:absolute;background:url('../grafika/cb.png') no-repeat -36px 0px;cursor:pointer;top:-10px;right:-10px;}
div#msg_slide_box div.close:hover {background-position:0px 0px;}
div#msg_slide_box div.top {background:url('../grafika/pop_up.png') no-repeat 0px 0px;height:15px;padding:15px 20px 0px 20px;font-weight:bold;color:#fff;}
div#msg_slide_box div.content {background:url('../grafika/pop_middle.png') repeat-y 0px 0px;padding:10px 20px;}
div#msg_slide_box div.content div.message{color:#fff;width:248px;padding:0px 5px 0px 29px;background:url('../grafika/ico_info.png') no-repeat 0px 0px;min-height:24px;}
div#msg_slide_box div.content div.alert {background:url('../grafika/ico_alert.png') no-repeat 0px 0px;}
div#msg_slide_box div.content div.message a {color:#fff;}
div#msg_slide_box div.content div.message a:hover {text-decoration: underline;}
div#msg_slide_box div.content div.info {font-size:10px;color:#a9a9a9;padding:3px 5px 3px 29px;}
div#msg_slide_box div.bottom {background:url('../grafika/pop_down.png') no-repeat 0px 0px;height:15px;}

label.radiobutton {width: 4%;}
.form-dedicated #upload-btn {width: 200px;}

.newsletter-box {width: 90%; height: auto; padding: 5%; background-color: #558334;}
.newsletter-box p.title {font-size: 22px; font-weight: 700; color: #fff;}
.newsletter-box form > div {margin-bottom: 20px; font-size: 15px; color: #fff;}
.newsletter-box input, .newsletter-box textarea {width: 96%; padding: 8px; background-color: #99c24b; border: 0;}
.newsletter-box label {height: 23px; padding-top: 10px; font-size: 16px; font-weight: 700; color: #fff; display: block;}
.newsletter-box input[type=submit] {height: 40px; background-color: #385623; font-size: 18px; font-weight: 700; color: #b8e661; line-height: 40px; margin-top: 10px;}

#language-section{z-index: 5; position: relative;} 
#language-section div{position: absolute; top: 15px; left: 10px;} 
#language-section div ul{list-style-type: none; margin: 0px; padding: 0px;} 
#language-section div ul li{margin: 0px; padding: 0px; float: left;} 
#language-section div ul li a{padding: 4px; text-transform: uppercase; font-weight: 700;}
#language-section div ul li a{margin: 0px; padding: 4px; text-transform: uppercase; font-weight: 700; background-color: rgba(255, 255, 255, 0.85); margin: 0 2px;}

/* 1200px  */  

@media (max-width: 1200px){
#header{height: 500px; }

#main-menu ul li a{padding: 0px 15px; }
#main-menu ul li a{font-size: 1em;}
#main-menu ul li a{padding: 0px 15px; font-size: 0.8em; } 

#search-box p{line-height: 20px; padding-top: 40px;}
#slogan{margin-top: 120px; }
#slogan p{margin: 0px; padding: 0px; }
#slogan p:first-child{font-size: 2.4em;}
#slogan p:last-child{font-size: 1.2em; padding-left: 20px;}
/*
#main-menu ul{width: 96px; background: url(../grafika/main-menu-icon.png) center center no-repeat;padding-top: 98px;}
#main-menu ul li{display: none; }
#main-menu ul:hover{display: block; width: 100%; background: none; }
#main-menu ul:hover li{display: block;}
#main-menu ul li{float: none; background-color: rgba(255,255,255,0.95); border-bottom: 1px solid #d0d0cf;}

#main-menu ul li a{margin: 0px; padding: 0px 35px; color: #3a3636; line-height: 75px; display: block; height: 75px; text-decoration: none; font-size: 1em;}
#main-menu ul li a:hover{box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.15); border-bottom: 1px solid #b00000}
*/
#footer ul a {font-size: 0.9em;}
}
	

/* 960px  */ 

@media (max-width: 960px)  {
#header{height: 400px; }
.offer img{display: none;}

#main-menu ul{width: 96px; background: url(../grafika/main-menu-icon.png) center center no-repeat;padding-top: 98px;}
#main-menu ul li{display: none; }
#main-menu ul:hover{display: block; width: 100%; background: none; }
#main-menu ul:hover li{display: block;}
#main-menu ul li{float: none; background-color: rgba(255,255,255,0.95); border-bottom: 1px solid #d0d0cf;}

#main-menu ul li a{margin: 0px; padding: 0px 35px; color: #3a3636; line-height: 75px; display: block; height: 75px; text-decoration: none; font-size: 1em;}
#main-menu ul li a:hover{box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.15); border-bottom: 1px solid #b00000}

 }
 

/* lt 720px */ 

@media (max-width: 720px) {
    #search-box{height: 350px;}
    #search-box input{margin-top: 15px; padding: 0;}

    .left-part {float:none; width:100%;}
    .right-part {float:none; width:100%;}
    
    #offer .image {position:static; float:left; height:100px; width:100px; margin:0 15px 10px 0; text-align:left;}
    #offer .image img {max-width:100px; max-height:100px; margin:0;}
}

@media (max-width: 600px) {
    .offer .offer-leaflet-file {position:static; float:left; margin:0 15px 0 0; background-position:center top;}
    .offer h2 {padding-bottom:0; margin-bottom:0;}
}

/* lt 360px */ 
@media (max-width: 360px) {
.offer-info > p{display: none;}
.offer-info .apply{display: none;}
.offer-info .more{display: none;}
}



div#tel_a_friend {padding: 10px 30px 0px 30px;}
div#tel_a_friend div.title {    font-size: 13px;    font-weight: bold;    padding-bottom: 5px;}
div#tel_a_friend div.row {    overflow: hidden;    padding: 3px 0;}
div#tel_a_friend div.row input, div#tel_a_friend div.row label {    display: block;    float: left;}
div#tel_a_friend div.row label {line-height: 20px;    width: 120px;	font-size: 13px;}
div#tel_a_friend div.row input {border: 1px solid #b9b9b9; width: 134px;}
div#tel_a_friend div.buttons {padding: 5px 25px;}
div#tel_a_friend div.buttons a {background: #666;clear: none;color: #fff;cursor: pointer;display: block;float: left;font-size: 11px;font-weight: bold;height: 30px;line-height: 30px;margin: 0 auto;text-align: center;width: 96px;border-radius: 3px;margin-left: 5px;margin-right: 5px;}



.agreement input {position: absolute; top: 0px;}
.agreement {    font-size: 0.8em;    width: 48%; padding-top: 20px; position: relative;margin-top:25px;}
.agreement .agreestar {position: absolute;top: 10px;left: 20px;}
.agreement p:nth-child(3) {margin-top:0px;}

.ui-multiselect { padding:10px 2px 10px; text-align:left; width: 280px !important; border: 1px solid #e1e1e1}
.ui-multiselect.ui-widget{background: #fff;color:#3a3a3a;font-family: 'Advent Pro', sans-serif; font-weight: 500; font-size: 14px;}
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-menu.ui-widget-content{background: #fff;}
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

.ui-multiselect-checkboxes label.ui-state-hover{border: solid 1px #e1e1e1;background: #ECECEC;color:#3a3a3a}
/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

#upload-btn {display: block; height: 40px; line-height: 40px; width: 90px; text-align: right; background: url("images/zalacznik-ico.png") no-repeat scroll left center; position: absolute; top: 6px; left: 40px;}