body {
    margin: 0;
    padding: 0;
    background: url('../../images/www/bg_s3.png') repeat-x top left;
    font-family: verdana, tahoma, lato;
    font-size: 18px;
}
pre {
    margin: 0;
}
.hidde {
    display: none;
}
.clear {
    clear: both;
}

a.link_green {
    color: #70b03b !important;
}

a.link_black {
    color: #000000 !important;
}

a.link_blue {
    color: #2f93d6 !important;
}

a.link_pink {
    color: #da07a2 !important;
}

p.info {
    border: 1px solid #ebccd1;
    color: #a94442;
    padding: 20px;
    background: #f2dede;
    border-radius: 5px;
}

#content {
    width: 1150px;
    margin: 0 auto;
}

header {
    height: 237px;
}

header a.logo {
    background: url('../../images/www/logo.png') no-repeat top left;
    width: 590px;
    height: 278px;
    display: inline-block;
    margin: 40px -20px 0 -13px;
    background-size: 585px;
}

header ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    width: 326px;
    height: 210px;
    float: right;
    margin-top: 25px;
}

header li {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
}

#middle-bar {
}

#middle-bar > div {
    display: table;
    height: 55px;
}

#mainmenu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: table-row;
}

#middle-bar li.home, #middle-bar li.home:hover {
    background: #0c97ed url(../../images/www/home.gif) no-repeat 50% 50%;
    border-top: 1px solid white;
    width: 10px;
}

#mainmenu > li {
    margin: 0;
    padding: 0 37px;
    height: 55px;
    display: table-cell;
    cursor: pointer;
    vertical-align: middle;    
    background: url(../../images/www/menu_space.png) no-repeat right center;
    position: relative;
    z-index: 10;
}

#mainmenu > li:hover {
    /*background: url(../../images/www/menu_over.png) repeat-x 1px 2px; */
    background-color: rgba(0,0,0,0.1);
}

#mainmenu > li > a {
    display: inline-block;
    color: #616161;
    text-decoration: none;
    font-family: lato;
    text-transform: uppercase;
    font-size: 16px;
    white-space: nowrap;
}

#mainmenu li > ul {
    display: none;
    position: absolute;
    top: 56px;
    border-top: 1px solid white;
    left: 0;
    background: #a6a6a6;
    list-style-type: none;
    padding: 10px 25px;
    margin: 0;
}

#mainmenu li li {
    padding: 3px 0;
}

#mainmenu li > ul a {
    color: white;
    text-decoration: none;
    font-family: lato;
    text-transform: uppercase;
    font-size: 16px;
}

#mainmenu li:hover > ul {
    display: block;
}

.newsletter {
    background: url(../../images/www/newsletter_bg.png) repeat-x top left;
    width: 296px;
    float: right;
    padding: 0px 15px 0 15px;
    height: 55px;
}
.mobile-newsletter .newsletter {
    width: 98vw;
    float: none;
    padding: 0px 1vw 1vh 1vw;
    height: auto;
}

.newsletter label {
    color: white;
    font-family: lato;
    font-weight: normal;
    font-size: 16px;
    display: block;
}

.newsletter form {
    margin: 0;
    padding: 0;
}

.newsletter input[type='submit'] {
    background: white url(../../images/www/newsletter_arrow.gif) no-repeat 20px 50%;
    width:30px;
    padding: 5px;
    margin-top: 5px;
    margin-left:-1px;
    cursor: pointer;
    border:0;
    position: absolute;
}
.newsletter input {
    /*background: white url(../../images/www/newsletter_arrow.gif) no-repeat 270px 50%;*/
    width: 245px;
    color: #565656;
    padding: 4px;
    margin-top: 4px;
}

footer {
    background: #585858 url(../../images/www/footer_bg.png) no-repeat 0 30px;
    min-height: 300px;
    color: #f5f5f5;
    font-family: tahoma;
    font-size: 12px;
    line-height: 16px;
    padding: 25px 0;
}

footer:after { 
    content: "";
    clear: both;
    display: block;
} 

footer > div {
    width: 1150px;
    margin: 0 auto;
}

footer p {
    display: inline-block;
}

footer div.copy {
    text-align: right;
    float: right;
}

footer div p a {
    color: #c2e2fe;
    font-weight: bold;
}

footer strong {
    color: #c2e2fe;
}

footer div div {
    /*float: left;*/
}

footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

footer li {
    margin: 4px 0;
    padding: 0;    
}

footer li a {
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    background: url(../../images/www/footer_bg_1.png) no-repeat 2px 50%;
    padding-left: 10px;
}

footer li ul {
    margin: 0 10px;
}

footer li li a {
    font-weight: normal;
    background: url(../../images/www/footer_bg_2.png) no-repeat 2px 50%;
}

.footer-menu > ul, .footer-menu p {
    float: left;
    margin-right: 30px;
}

#main {
    width: 1150px;
    margin: 0 auto;
    padding: 30px 0 50px 0;
}

#main h1 {
    font-family: lato;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #706f6f;
    text-transform: uppercase;
}

.bg, .parse-div div {
    background: url(../../images/www/main_bg.png) no-repeat bottom right;
    background-size: 100% 100%;
    border-bottom: 1px solid #a8a8a8;
    margin-bottom: 40px;
}

.pad {
    padding: 0 0 50px 0;
}
.padTop {
    padding-top: 50px;
}

.bg h2 {
    font-size: 16px;
    color: #70b03b;
    font-family: lato;
    margin: 40px 70px 30px 70px;
}

.bg h4 {
    font-size: 16px;
    /*color: #464646;*/
    color: forestgreen;
    font-weight: normal;
    text-transform: uppercase;
    font-family: lato;
    margin: -40px 0px 25px -20px;
}

.bg table {
    width: 1010px;
    margin: 0 70px;
    padding: 0;
    border-collapse: collapse;
    border-style: hidden;
}

.bg td, .bg th {    
    margin: 0;
    font-family: verdana;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    background: #e8e8e8;
    color: #464646;
    border: 6px solid white;
}

.bg td.t1 {
    background: #dddddd;
    color: #464646;
    font-weight: bold;
    text-align: left;
    line-height: 22px;
}
.bg td.t1 > div {
    padding: 10px 25px;
    position: relative;
}

.bg td.with-buttons {
    padding-bottom: 60px;
}
.bg td.t1 a.button {
    position: absolute;
    bottom: -60px;
    right: 0;
    background: #72bc39;
    padding: 5px 15px;
}
.bg td.t2 {
    width: 200px;
    padding: 25px 30px;
    font-style: italic;
}
.bg td.t3 {
    width: 200px;
    padding: 10px 30px;
}

.bg th {
    padding: 20px;
    color: white;
    background: #afafaf;
}

.bg td a {
    color: #477d1a;
}

.bg form {
    float: right;
    margin-right: 70px;
    margin-left: 700px;
}

.bg input {
    display: inline;
    margin: 0;
}

input.input, select.input {
    background: #f8f8f8;
    border: 1px solid #c4c4c4;
    color: #464646;
    font-size: 14px;
    padding: 5px 10px;
    width: 225px;
}
.bg input.submit {
    padding: 5px 20px;
    font-size: 14px;
    background: #70b03b;
    border: 1px solid #70b03b;
    color: white;
    font-weight: bold;
}

.bg td.t1s {
    background: #dddddd;
    color: #464646;
    width: 25%;
}
.bg td.t2s {
    width: 50%;
    text-align: left;
    padding: 10px 20px;
}
.bg td.t3s {
    width: 25%;
}

.bg.contact p {
    padding: 70px 70px 0 70px;
    font-family: tahoma;
}

.bg.contact p span {
    font-weight: bold;
    color: #70b03b;
    font-size: 40px;
}
.bg.contact p a {
    color: #464646;
    font-size: 22px;
    font-weight: bold;
}
.bg td.t1p {
    background: #dddddd;
    color: #464646;
    text-align: left;
    padding: 25px;
}
.bg td.t2p {
    padding: 10px 20px;
    color: #477d1a;
}
.bg th.t1p {
    width: 70%;
}
.bg th.t2p {
    width: 30%;
}
.no-bottom-margin {
    margin-bottom: 0;
}
.parse-div {
    font-family: lato;
}
.parse-div div {
    padding: 40px 20px 15px 40px;
}
.parse-div p, .parse-div li {
    font-size: 18px;
    line-height: 25px;
}
.parse-div a {
    color: #477d1a;
}
.parse-div h1, .parse-div h2, .parse-div h3 {
    color: #706f6f;
}


.training h2 {
    font-size: 27px;
    color: #70b03b;
    font-weight: bold;
    padding: 0;
    margin: 15px 0 25px 0;
}

.training h3 {
    font-size: 25px;
    color: #70b03b;
    font-weight: 900;
    padding: 0;
    margin: 0;
}
/*
.training h4 {
    color: #464646;
    text-transform: uppercase;
    font-weight: bold;
    margin: -70px 0 25px -35px;
    padding: 0;
    font-size: 17px;
}
*/
.training a {
    color: #70b03b
}

.news > div {
    position: relative;
    min-height: 60px;
}
.news > div.has-img {
    min-height: 165px;
}
.news > div h2 {
    margin-left: -20px;   
    margin-top: -19px;
    margin-bottom: 30px;
}
.image-border p img {
    border: 1px solid #adadad;
}
img.cat_picture  {
    float: left;
    margin-left: -380px;
    max-width: 330px;
}
img.lewa_kolumna, p.lewa_kolumna, p.lewa_kolumna  {
    float: left;
    margin-left: -400px;
    max-width: 330px;
    height: auto;
}
a.more {
    position: absolute;
    bottom: 3px;
    right: 0;
    text-transform: uppercase;
    background: #2f93d6 url(../../images/www/button_arrow.png) no-repeat 120px 50%;
    color: white;
    padding: 5px 0;
    text-decoration: none;
    font-size: 17px;
    width: 140px;
    text-align: center;
}
.news > div {
    margin-bottom: 30px;
}


.pagination {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    text-align: right;
    font-size: 17px;
}

.pagination a, .pagination img {
    color: #585858;
    text-decoration: none;
    margin: 0 1px;
}
.pagination a.active {
    text-decoration: underline;
    color: #aeaeae;
}

#mainpage {
    display: table;
    width: 1150px;
    margin: 0 auto;
}
#mainpage > div {
    display: table-row;
}
#mainpage > div > div {
    display: table-cell;
    width: 340px;
    vertical-align: top;
    margin-bottom: 50px;
}
#mainpage div.dots {
    width: 70px;    
    background: url(../../images/www/bg_dots.png) repeat-y 50% 50%;
}

#mainpage div.separator {
/*    background: url(../../images/www/bg_dots_separator.png) repeat-y 1px 1px; */
    height: 40px;
    width: 100%;
    display: block;
    position: relative;
}
#mainpage div.separator div.dots:first-child {
    height: 48px;
    right: -67px;
    position: absolute;
}
#mainpage div.separator div.dots:last-child {
    height: 48px;
    right: -471px;
    position: absolute;
}

#mainpage div.empty {
    width: 70px;
}

#mainpage h1 {
    text-transform: uppercase;
    font-size: 27px;
     margin: 20px 0 0px 0;
}

#mainpage a {
    text-decoration: none;
}

#mainpage h1.pink {
    color: #c83293;
}
#mainpage h1.blue {
    color: #2f93d6;
}
#mainpage h1.green {
    color: #6cba30;
}
#mainpage div.image {
    border: 1px solid #a8a8a8;
    width: 338px;
    height: 121px;
}
#mainpage div.image img {
    border: 1px solid white;
    width: 336px;
    height: 119px;
}
#mainpage div.bg {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 0;
    min-height: 180px;
}
#mainpage div.bg > a.slide {
    position: absolute;
    bottom: 0;
    right: 0;
    color: white;
    text-decoration: none;
    padding: 10px 40px 10px 15px;
    font-size: 17px;
    text-transform: uppercase;
}
div.bg > a.slidemore {
    background-position: 120px 50%;
}

div.bg div.cd-longtext {
    display: none;
}

#mainpage a.pink {
    background-color: #c83293;
}
#mainpage a.blue {
    background-color: #2f93d6;
}
#mainpage a.green {
    background-color: #6cba30;
}
a.top {
    background-image: url(../../images/www/arrow_top.png);
    background-repeat: no-repeat;
    background-position: 231px 50%;
}
a.bottom {
    background-image: url(../../images/www/arrow_bottom.png);
    background-repeat: no-repeat;
    background-position: 231px 50%;
}

.lower-content > h1 {
    padding-bottom: 20px !important;
}

#dorobek {
    border: 1px solid #aaaaaa;
    margin-top: 40px;
}

#dorobek > div {
    border: 3px solid white;
    background: #70af3c;
    color: white;
    padding: 15px 20px;
}
#dorobek h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 25px;
    text-transform: uppercase;
}
#dorobek h2 a {
    color: white;
}
#dorobek ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#dorobek li {
    margin: 0 0 2px 0;
    padding: 0;
}

#dorobek li a {
    color: white;
    font-size: 18px;
    padding-left: 12px;
    background: url(../../images/www/mainmenu_dorobek_bg.png) no-repeat 2px 50%;
}

.news-image {
    float: left;
    margin-right: 20px;
    border: 1px solid #adadad;
}

#mainpage ul.cats, #mainpage ul.cats ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#mainpage ul.cats li {
    margin: 0;
    padding: 0;
}

#mainpage ul.cats ul {
    margin-left: 30px;
}

#mainpage ul.cats li a {
    color: #464646;
    font-weight: bold;
    font-size: 16px;
    padding: 5px 0 5px 10px;
    display: block;
}

#mainpage ul.cats {
    /*margin: 30px 40px; */
    margin: 25px 20px 10px 20px;
}

#mainpage .pink > li > a {
    background: url(../../images/www/mainmenu_arrow_pink.png) no-repeat 0 50%;
}
#mainpage .blue a {
    background: url(../../images/www/mainmenu_arrow_blue.png) no-repeat 0 50%;
}
#mainpage .green a {
    background: url(../../images/www/mainmenu_arrow_green.png) no-repeat 0 50%;
}
#mainpage ul.cats > li > ul a {
    background: url(../../images/www/mainpage_tree_1.png) no-repeat 0 50%;    
}

#mainpage ul.cats > li > ul > li:last-child a {
    background: url(../../images/www/mainpage_tree_2.png) no-repeat 0 50%;    
}

#mainpage-signup {
    text-align: right;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

#mainpage-contact {
    line-height: 1.8em;
    padding: 30px 40px;
    width: 260px !important;
    border: 1px solid #a8a8a8;
    background: url(../../images/www/mainpage-contact_bg.png) no-repeat bottom left;
    color: #484747;
}

#mainpage-contact a {
    color: #484747;
}

#mainpage-news div.news h1 {
    text-transform: uppercase;
    font-size: 30px;
    color: #706f6f;
    font-weight: bold;
    padding: 0;
    margin: 0 0 20px 0;
}

#mainpage-news div.news div.image {
    border: 1px solid #a7a7a7;
}

#mainpage-news div.news div.image img {
    border: 1px solid white;
}

#mainpage-news div.bg {
    padding: 0 0 30px 30px;
    min-height: 150px;
}
#mainpage-news div.bg ul, #mainpage-news div.bg p {
    margin: 10px;
}

#mainpage-news a.more {
    background: #616161 url(../../images/www/button_arrow.png) no-repeat 50% 50%;
    width: 33px;
    height: 33px;
    padding: 0;
    bottom: 3px;
}

#main fieldset {
    display: table;
    border: none;
    margin: 60px 0;
    padding: 0;
}

#main fieldset > div {
    display: table-row;
}

#main fieldset > div > label, #main fieldset > div > div {
    display: table-cell;
    vertical-align: top;
}

.form label {
    width: 125px;
    padding-top: 5px;
    color: #464646;
}

.form input.input, textarea {
    width: 1015px;
    background: #e3e3e3;
    border: 1px solid #c4c4c4;
    font-size: 16px;
    padding: 8px;
    margin-bottom: 12px;
}

.form textarea {
    height: 100px;    
    width: 900px;
}

.form input.button {
    background: #0c97ed;
    color: white;
    font-weight: bold;
    border: 0;
    font-size: 18px;
    padding: 10px 60px;
    float: right;
    cursor: pointer;
}

.kontakt div.bg {
    padding: 40px 0 40px 40px;
    margin: 0;
    position: relative;
}

.kontakt div.bg a {
    color: #464646;
}
.kontakt div.bg > div {
    position: absolute;
    bottom: 0;
    right: 0;
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    background: red;
    padding: 10px 30px;
}
.kontakt div.bg > div.pink {
    background: #da07a2;
}
.kontakt div.bg > div.green {
    background: #6fb03c;
}
.kontakt div.bg > div.blue {
    background: #3192d6;
}
h1#kontakt {
    margin-top: 60px;
}
.kontakt ul {
    margin: 0 0 0 15px;
    padding: 0;
    list-style: none;
}
.kontakt li {
    margin: 0;
    padding: 0 0 0 10px;
    background: url(../../images/www/mainmenu_arrow_blue.png) no-repeat 0 50%;
}

.view-trainings .info {
    position: absolute;
    left: 0;
    bottom: -60px;
    background: #72bc39;
    padding: 12px 15px 5px 15px;
    color: white;
    height: 24px !important;
    width: 230px;
    text-align: center;
}
.schedule-phone {
    padding: 40px;
    font-family: lato;
    color: #464646;
}
.schedule-phone a {
    color: #464646;
}

.persons {
    display: table;    
    margin: 70px auto 0;
}

.persons > div {
    display: table-row;
    width: 250px;
}

.persons > div > div {
    display: table-cell;
    font-size: 11px;
    color: #464646;
    vertical-align: top;
}

.persons div.short {
    font-size: 12px;
    margin-top: 15px;
}

.persons div.dots {
    width: 50px;    
    background: url(../../images/www/bg_dots.png) repeat-y 50% 50%;
}

.persons div.bg {
    width: 220px;
    padding: 20px 0 60px 30px;
    position: relative;
    min-height: 150px;
    margin-bottom: 0;
}

.persons .image {
    border: 1px solid #a8a8a8;;    
}

.persons .image img {
    border: 1px solid white;
}
.persons h2 {
    margin: 0;
    padding: 0;
    color: #2f93d6;
    font-size: 16px;
}
.persons p {
    padding: 0;
    margin: 5px 0 0 0;
}
#main p.more {
    text-align: right;
}
#main p.more a {
    width: 90px;
    color: white;
    text-transform: uppercase;
    background: #2f93d6;
    font-size: 18px;
    padding: 5px 25px;
    text-decoration: none;
    background: #2f93d6 url(../../images/www/button_arrow.png) no-repeat 100px 50%;
}
#main h6 {
    font-size: 1em;
    color: #2f93d6;
}

.persons a.more {
    position: absolute;
    left: 30px;
    bottom: 3px;
    width: 190px;
    color: white;
    text-transform: uppercase;
    background: #2f93d6;
    font-size: 18px;
    padding: 5px 15px;
    text-decoration: none;
    background: #2f93d6 url(../../images/www/button_arrow.png) no-repeat 200px 50%;
}
.persons a.more.popup {
    left: 215px;
    width: 5px;
    color: white;
    background: #2f93d6 url(../../images/www/button_arrow.png) no-repeat 50% 50%;
}
.persons div.separator {
    height: 55px;
}
.person-long {
    background-color: #fff;
    width: 50%;
    margin: auto;
    padding: 20px;
    position: relative;
}
#persons-form {
    height: 10px;
    height: 10px;
    padding-top: 70px;
    clear: both;
    float: left;
}

#persons-form input {
    background: #71b03b;
    color: white;
    font-weight: bold;
    border: 0;
    font-size: 16px;
    padding: 7px 25px;
    cursor: pointer;
    float: left;
    height: 37px;
}

.select-style {
    padding: 4px 8px;
    margin: 0 4px 0 0;
    border: 1px solid #c4c4c4;
    width: 700px;
    border-radius: 0;
    overflow: hidden;
    background: #e3e3e3 url(../../images/www/select_bg.png) no-repeat right center;
    float: left;
}

#persons-form label {
    padding: 8px 5px 0 0;
    float: left;
}

#persons-form select {
    border: none;
    width: 800px;
    box-shadow: none;
    background-color: transparent;
    -webkit-appearance: none;
    color: #4c4c4c;
    font-size: 20px;
    /*font-weight: bold;*/
    border-radius: 0;
    vertical-align: 0px;
}
#persons-form select:hover {
    outline: none;
}

#register-online:after {
    content: "";
    clear: both;
    display: block;
}

#form {
    position: relative;
}

#form .show-hide {
    position: absolute;
    bottom: 0;
    right: 0;
    color: white;
    background: #70b03b;
    text-transform: uppercase;
    width: 190px;
    padding: 5px 15px;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 191px 50%;
}
#form .on {
    background-image: url(../../images/www/arrow_top.png);
}
#form .off {
    background-image: url(../../images/www/arrow_bottom.png);
}


#form div {
    padding: 0;
    margin: 0;
    background: none;
    border: none;

}
#form small {
    color: #747474;
}
#form ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#form li {
    margin: 0;
    padding: 0;
}

#form li input {
    display: none;
}


#register-online > div {
    display: table;
}

#register-online > div > div {
    display: table-row;
}
#register-online > div > div > div {
    display: table-cell;
    vertical-align: top;
}

#register-online h3 {
    color: black;
    font-size: 17px;
    margin: 40px 0;
    padding: 0;
}
#register-online label {
    font-size: 17px;
    margin: 10px 0 0 0;
    padding: 0;
    height: auto;
}

#register-online > div > div > div label {
    float: left;
}

#register-online div.header {
    width: 180px;
}
#register-online input.input, #register-online select.input {
    float: left;
    display: inline-block;
    margin: 5px 0;
    background: #e3e3e3;
    border: 1px solid #c4c4c4;
}
#register-online input.full, #register-online select.full {
    width: 868px;
}
#register-online input.half {
    width: 414px;
}
#register-online input.w300 {
    width: 244px;
}
#register-online .w170 {
    width: 170px;
}
#register-online .w125 {
    width: 125px;
}
#register-online .w179 {
    width: 179px;
}
#register-online .w85 {
    width: 85px;
}
#register-online .w25 {
    width: 25px;
    padding-left: 5px;
    padding-right: 5px;
}
#register-online .fleft {
    float: left;
    display: inline-block;
}

#register-online input.lmargin {
    margin-right: 18px;
}
#register-online .tmargin {
    margin-top: 38px;
    margin-bottom: 100px;
}

#register-online textarea {
    width: 100%;
    background: #e3e3e3;
    border: 1px solid #c4c4c4;
    height: 100px;
    margin: 20px 0 40px 0;
}

#register-online .submit {
    color: white;
    background: #70b03b;
    font-weight: bold;
    padding: 10px 80px;
    border: none;
    font-size: 32px;
    float: right;
    cursor: pointer;
}

#register-online li {
    padding: 0 0 10px;
}
#register-online li label {
    padding: 2px 0 0 60px;
    height: 26px;
    display: block;
    cursor: pointer;
    background: url(../../images/www/checkbox_off.png) no-repeat 0 50%;
}

#register-online li label.on {
    background-image: url(../../images/www/checkbox_on.png);
}

#register-online > small {
    display: block;
    clear: both;
    line-height: 20px;
}

.gallery.bg {
    padding-left: 0;
}

table.ctd {
    margin: 0;
    padding: 0;
    background-color: transparent;
}
table.ctd td {
    margin: 0;
    padding: 0;
    background-color: transparent;
    vertical-align: none;
    border: 0;
    margin-left: -30px;
    font-size: 0.8em;
}

.gallery {
    overflow: hidden;
}
.gallery div.gallery-block {
    display: table-cell;
    padding: 10px;
}
.gallery div.gallery-img {
    margin: 0;
    padding: 0 !important;
    background: none;
    border: none;
    position: relative;
    width: 150px;
    height: 150px;
}
.gallery div  a {
    text-decoration: none;
}

.gallery div.gallery-img img {
    border: 1px solid #ababab;
    float: left;
    width: 150px;
}
.gallery div.gallery-text {
    padding: 5px;
    text-align: center;
    width: 150px;
}

.gallery div.zoom {
    position: absolute;
    bottom: -5px;
    width: 102px;
    right: -5px;
    background: #da07a2;
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    padding: 5px 25px;
    text-decoration: none;
    border: 0;
    background: #da07a2 url(../../images/www/button_arrow.png) no-repeat 131px 50%;
    cursor: pointer;
}

#mainpage .fixed-height {
    min-height: 75px;
}

.dorozwiniecia {
    cursor: pointer;
}
ul li.dorozwiniecia > span {
    color: #3366ff;
}
ul li.dorozwiniecia-nie > span {
    color: #3366ff;
}
ul li ul li.dorozwiniecia > span{
    color: green;
}
div.cd-shorttext p:last-child > em, div.cd-longtext > em, li.dorozwiniecia > span  > em {
    color: #90b6e5;
    padding-left: 20px;
    background: transparent url(../../images/www/arrow_blue_down.png) scroll 2px 6px no-repeat;
    float: right;
    right: 250px;
    padding-right: 5px;
    cursor: pointer;
}
div.cd-shorttext p:last-child:hover > em, div.cd-longtext > em:hover, li.dorozwiniecia > span:hover  > em {
    text-decoration: underline;
    text-decoration-color: grey;
    text-decoration-style: dashed;
    text-decoration-line: underline;
}
div.cd-longtext > em {
    margin-top: -10px;
}
li div.cd-shorttext span > em, li div.cd-longtext span > em, div.cd-shorttext span > em, div.cd-longtext span > em {
    float: right;
    color: #2255ee;
    cursor: pointer;
}
li div.cd-shorttext  span > em:hover, li div.cd-longtext  span > em:hover {
    text-decoration: underline;
    text-decoration-color: grey;
    text-decoration-style: dashed;
    text-decoration-line: underline;
}
li.dorozwiniecia span, li.dorozwiniecia span > em {
}
li.dorozwiniecia span:hover, li.dorozwiniecia span:hover > em {
    text-decoration: underline;
    text-decoration-color: grey;
    text-decoration-style: dashed;
    text-decoration-line: underline;
}
div.cd-longtext {
    display: none;
}

/*
li.level-0 span:first-child {
    color: #477d1a;
}
li.level-1 span:first-child {
    color: #800080;
}
li.level-0 {
  list-style: none; 
  position: relative;   
  padding: 0px 0 0 26px;
}
li.level-1 {
  list-style: none; 
  position: relative;
  padding: 0px 0 0 26px;
}
li.level-0:before, li.level-1:before {
  content:"";
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 2px;
}
li.level-0:before {
 background: transparent url(../../images/www/glitter-heart-pink.gif) scroll 0 0 no-repeat;
}
li.level-1:before {
 background: transparent url(../../images/www/glitter-heart-green.gif) scroll 0 0 no-repeat;
}
*/

div.cd {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}
div.cd div {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}
div.cd div.bg {
    background: url(../../images/www/main_bg.png) no-repeat bottom right;
    background-size: 100% 100%;
    border-bottom: 1px solid #a8a8a8;
    margin: 60px 0 80px 0;
    position: relative;
    min-height: 60px;
    padding-left: 40px;
    padding-bottom: 30px;
}
div.cd div.pad {
    padding: 0 0 50px 0;
}
div.cd img {
    margin: 3px;
    float: right;
}
li.level-0 > div.cd {
    -webkit-margin-start: 20px;
}
p.pretty-box {
    font-weight: bolder;
    color: #0c97ed; 
}
p.pretty-box-smaller, div.pretty-box-smaller {
    width: 80%;
    border: 1px solid darkgrey;
    padding: 10px;
    background-color: #eee;
    margin: 0 auto;
}
div.pretty-box-smaller {
    background-color: #fff;
    background-image: none;
    padding: 0 10px;
    margin-bottom: 10px;
}
div.pretty-box-smaller p:first-child {
    margin-top: 10px;
}
div.pretty-box-smaller p:last-child {
    margin-bottom: 10px;
}

div.big-pink {
    float: right;
    clear: none;
}

div.clean {
    clear: both;
    background: 0;
    border: 0;
}

span.pink {
    color: #c83293;
}

.training-tbl {
    border: 1px solid #a6a6a6;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 40px;
}
.training-tbl td {
    border: 1px solid #888;
    border-collapse: collapse;
    padding: 5px;
}
.training-tbl td.training-dsc {
    /* background-color: #a6a6a6; */
    background-color: #c0c0c0;
    color: white;
    width: 15%
}
.training-tbl td.training-sec {
    background: url(../../images/www/main_bg.png) no-repeat bottom right;
    background-size: 100% 100%;
    width: 35%
}
.training-tbl td.training-sec a {
    font-weight: bold;
    color: #477d1a;
}
.popupdiv {
    background-color: white;
    width: 600px;
    position: relative;
    margin: auto;
    position: relative;
    padding: 30px;
}
.popupdiv li {
    margin: 5px 0;
}

table.bt {
    width: 100%;
    margin: 10px;
    padding: 0;
    border-collapse: collapse;
    border: 1px solid black;
    background-color: transparent;
}

table.bt td, table.bt th {
    border: 1px solid black;
    background-color: transparent;
}

table.bt p {
    margin: 2px;
}
.sp-kandydaci > h4 {
    font-size: 16px;
    color: forestgreen;
    font-weight: bold;
    text-transform: uppercase;
    font-family: lato;
    margin: -40px 0px 25px 0px;
}

div.spodyplomowe-top {
    height: 135px;
    width: 1120px;
}
div.spodyplomowe {
    background-image: url('http://cwro.edu.pl/public/images/www/s_button_active.png');
    background-repeat: no-repeat;
    font-size: 32px;
    width: 556px;
    height: 80px;
    color: white;
    padding: 25px 0px;
    text-align: center;
    cursor: pointer;
}
div.sp-a {
    background-image: url('http://cwro.edu.pl/public/images/www/s_button_active.png');
}
div.sp-na {
    background-image: url('http://cwro.edu.pl/public/images/www/s_button_na.png');
}
div.sp-l {
    float: left;
}
div.sp-r {
    float: right;
}
div.sp-kandydaci {
    display: block;
}
div.sp-studenci {
    display: none;
}
#mainpage-signup-popup select.input {
    width: 600px;
}

#form .form-dr-main  { display: none }
#form .form-dr-wpisac { display: none }
#form .form-fp-inne  { display: none }

#form .form-required-tt {
   color:#F00;
   font-weight: bold;
}

div.form-error {
	position: inherit;
	font-size: 0.9em;
	font-style: italic;
	color: #C30;
}

input.form-error,
select.form-error,
textarea.form-error {
	border: 1px solid #F00 !important;
}

input.form-correct,
select.form-correct,
textarea.form-correct {
	border: 1px solid #0F0 !important;
}

.mfp-iframe-holder .mfp-content {
    min-height: 800px;
    height: 90%;
    min-width: 1000px;
}
.mfp-iframe-scaler iframe {
    background-color: #fff;
    padding: 2px;
}


#cookie {
    position: fixed;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    background-image: url(../../images/www/cookieBG.png);
    z-index: 50;
    display: none;
    overflow: hidden;
}

#cookie p {
    font-size: 12px;
    color: #fff;
    text-align: left;
}

#cookie p a {
    color: #bbb;
}

#cButton {
    padding: 3px 9px;
    background: #fff;
    border: 1px solid #999;
    float: right;
    cursor: pointer;
    margin-right: 20px;
    margin-top: 7px;
    margin-bottom: 10px;
    font-size: 10px;
}

#cookie p#more__ {
    font-size: 12px; 
    display: none;
    margin: 10px 0;
    color: #000;
    padding: 10px;
    background: #fff;
    width: 97.5%;
}

#l_cook {
    padding: 15px 30px 5px;
}

#scroll_top {
    text-align: left;
    vertical-align: middle;
    position: fixed;
    bottom: 0;
    left: 0;
    background-image: url(/public/images/www/top_up_rewind.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-size: 16px;
    background-color: rgba(155,155,255, 0.5);
    border: 1px dotted rgba(155,155,255, 0.7);
    height: 24px;
    padding: 2px 2px 2px 32px;
    z-index: 50;
    overflow: hidden;
    display: none;
    cursor: pointer;
}

div.treenew div {
    background: none;
    border:0;
    padding: 0px 20px 0px 0px; 
}
div.treenew div div {
    background: none;
    border:0;
    padding: 0; 
}

div.treenew-left  {
    width: 350px;
    float: left;
}
div.treenew-right{
    width: 750px;
    float: right;
}

.treenew-left ul {
    padding-left: 22px;
}


.ditdim-left ul li {
    list-style-image: url('../../images/www/green_square.png');
    font-size: 16px;
    padding-bottom: 10px;
    cursor: pointer;
}


/*--------------------------------------------------------------------------------------------------------*/
div.ioc-right h4 {
    color: #4c91d5;
    font-size: 35px;
}
div.ioc-right  ul li {
    list-style-image: url('../../images/www/blue_empty_square.png');
}
div.ioc-right a.ioc-page-more {
    background-color: #4c91d5;
    color: #fff;
    padding: 4px;
    line-height: 26px;
}


/*--------------------------------------------------------------------------------------------------------*/
div.ditdim-right h4 {
    color: #4c91d5;
    font-size: 35px;
}
div.ditdim-right  ul li {
    /*background: url('../../images/www/circle_blue.png') no-repeat left top;*/
    background: url('../../images/www/circle_blue.png') no-repeat left top;
    padding-bottom: 2px;
    padding-left: 20px;
    list-style: none;
}
div.ditdim-right  ul {
    color: #4d91d5;
}
div.ditdim-right  ul li  span {
    color: #3366ff;
}
div.ditdim-right a.ditdim-page-more {
    background-color: #4c91d5;
    color: #fff;
    padding: 4px;
}

div.ditdim-right ul li.level-1 {
  list-style: none; 
  background: none;
}
div.ditdim-left h1 {
    color: #c91894 !important;
    text-align: center;
}
.ioc-left ul li {
    list-style-image: url('../../images/www/purple_square.png');
    font-size: 24px;
    padding-bottom: 40px;
}
ul.li-lines {
    padding-left:0;
}
ul.li-lines li {
    list-style: none;
    padding-bottom: 22px;
    padding-left: 40px;
    cursor: pointer;
}
ul li.cat-top:first-child:hover {
   text-decoration: none;
}
ul li.cat-top:nth-child(2):hover {
  text-decoration: none;
}
ul li.cat-top:nth-child(13):hover {
  text-decoration: none;
}
ul li.cat-top:nth-child(14):hover {
  text-decoration: none;
}
ul li.cat-top:hover {
  text-decoration: underline;
}
ul.li-lines.add-block li.lst-page:hover{
        text-decoration: underline;
}
ul li.cat-top {
    cursor: pointer;
}
ul.li-lines li.lst-cat {
    background: url('../../images/www/lines_single_cont.png') no-repeat 0 50%;
    padding-bottom: 2px;
    cursor: pointer;
    list-style: none;
}
ul.li-lines li.lst-cat:hover{
       text-decoration: underline;
}
ul.li-lines li.lst-cat.last-cat {
    background: url('../../images/www/lines_single_end.png') no-repeat 0 50%;
    padding-bottom: 2px;
}
li.lst-cat span {
    color: #4d91d5 !important;
    font-style: italic;
    padding-left: 8px;
}
li.cat-top span {
    color: #4d91d5 !important;
    font-style: italic;
    padding-left: 8px;
}

ul.li-lines.add-block li.lst-cat {
    background: url('../../images/www/lines_duble_cont1.png') no-repeat 0 50%;
    padding-bottom: 2px;
    list-style: none;
}
ul.li-lines.add-block li.lst-cat.last-cat  {
    background: url('../../images/www/lines_duble_end1.png') no-repeat 0 50%;
    padding-bottom: 2px;
}
ul.li-lines.add-block li.lst-page  {
    color: #c91894 !important;
    font-style: italic;
    background: url('../../images/www/lines_duble_cont2.png') no-repeat 0 50%;
    padding-bottom: 2px;
    cursor: pointer;
    list-style: none;
}
ul.li-lines.add-block li.lst-page.last-page  {
    background: url('../../images/www/lines_duble_end2.png') no-repeat 0 50%;
    padding-bottom: 2px;
}

div.ditdim-right h4 {
    color: #62c232 !important;
    font-size: 35px;
}
div.ditdim-right div.pretty-box-smaller {
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    border: 5px dashed #c71794;
    padding: 20px;
    width: 95%;
}
div.ditdim-right div.pretty-box-smaller ul li {
    background: url('../../images/www/green_circle.png') no-repeat 0 50%;
    padding-bottom: 2px;
    padding-left: 16px;
    color: black;
    list-style: none;
}
div.ditdim-right div.pretty-box-smaller p:first-child {
    margin-top: 0px;
    color: #c71794;
}
div.ditdim-right div.dorozwiniecia-pole {
    margin-left: -40px;
}
div.ditdim-right div.dorozwiniecia-pole ul li {
    background: url('/public/images/www/circle_blue.png') no-repeat top left;
    padding-bottom: 2px;
    padding-left: 16px;
    list-style: none;
}

/*--------------------------------------------------------------------------------------------------------*/
div.ditd-left h1 {
    color: #4c91d5;
}
div.ditd-left h5 {
    color: #c91895 !important;
    font-size: 20px;
    padding-left: 40px;
}
div.ditd-right h4 {
    color: #62c232 !important;
    font-size: 21px;
}

ul.zapraszamy {
    margin-left: 10px;
    padding: 0;
}
ul.zapraszamy li {
    background: url('/public/images/www/purple_square.png') no-repeat 0 8px;
    background-size: 9px;
    padding-left: 16px;
    list-style: none;
    padding-bottom: 5px;
}
div.ditd-right ul li {
    background: url('/public/images/www/green_square.png') no-repeat 0 8px;
    background-size: 9px;
    padding-left: 16px;
    list-style: none;
    padding-bottom: 5px;
}
div.ditd-right ul li ul  {
    margin-left: 10px;
    padding: 0;
}
div.ditd-right ul li ul li  {
    background: none;
    list-style: none;
    padding-bottom: 2px;
}

/*--------------------------------------------------------------------------------------------------------*/

div.sp-right ul li {
    background: url('/public/images/www/green_square.png') no-repeat 0 8px;
    background-size: 9px;
    padding-left: 16px;
    list-style: none;
    padding-bottom: 5px;
}

table.header-postgraduatestudies  {
    background-image: url('/public/images/www/s_head_bkg.jpg');
    background-repeat: no-repeat;
    background-position: 350px 10px;
}
table.header-postgraduatestudies .first img {
    float: left;
    margin-right: 75px;
    width: 100px;
    height: 100px;
}
table.header-postgraduatestudies .first span {
    font-size: 24px;
    color: #69af3b;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
table.header-postgraduatestudies td.second  {
    vertical-align: bottom;
}
table.header-postgraduatestudies .second span {
    color: black;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

div.header-ortoptics {
    height: 150px;
}

div.header-ortoptics img {
    float: left;
    width: 432px;
    height: 136px;
}
#main a {
    text-decoration:none;
}
#mainpage .cats a:hover, footer a:hover, #main a:hover,#mainpage-contact a:hover, #dorobek a:hover{
    text-decoration: underline;
}
.category-box a:hover h1{
    text-decoration: underline;
}
.news a:hover h1{
    text-decoration: underline;
}


.big-white {
    color: white !important;
    font-size: 34px;
    line-height: 34px;
}
.big-pink {
    color: #ed8bd3 !important;
    font-size: 34px;
    background: 0;
    border: 0;
}
.big-black {
    color: black !important;
    font-size: 34px;
    line-height: 34px;
}
.big-green {
    color: #6cba30 !important;
    font-size: 34px;
    line-height: 34px;
}
.big-darkgreen {
    color: #477d1a !important;
    font-size: 34px;
    line-height: 34px;
}
.big-magenta {
    color: #c83293 !important;
    font-size: 34px;
    line-height: 34px;
}
.big-blue {
    color: #2f93d6 !important;
    font-size: 34px;
    line-height: 34px;
}
.big-lightblue {
    color: #c2e2fe !important;
    font-size: 34px;
    line-height: 34px;
}
.big-lightorange {
    color: #ebccd1 !important;
    font-size: 34px;
    line-height: 34px;
}
.big-lightgrey {
    color: #dddddd !important;
    font-size: 34px;
    line-height: 34px;
}
.big-grey {
    color: #a6a6a6 !important;
    font-size: 34px;
    line-height: 34px;
}
.big-darkgrey {
    color: #616161 !important;
    font-size: 34px;
    line-height: 34px;
}
.big-darkred {
    color: #a94442 !important;
    font-size: 34px;
    line-height: 34px;
}

.medium-white {
    color: white !important;
    font-size: 28px;
    line-height: 28px;
}
.medium-pink {
    color: #ed8bd3 !important;
    font-size: 28px;
    background: 0;
    border: 0;
}
.medium-black {
    color: black !important;
    font-size: 28px;
    line-height: 28px;
}
.medium-green {
    color: #6cba30 !important;
    font-size: 28px;
    line-height: 28px;
}
.medium-darkgreen {
    color: #477d1a !important;
    font-size: 28px;
    line-height: 28px;
}
.medium-magenta {
    color: #c83293 !important;
    font-size: 28px;
    line-height: 28px;
}
.medium-blue {
    color: #2f93d6 !important;
    font-size: 28px;
    line-height: 28px;
}
.medium-lightblue {
    color: #c2e2fe !important;
    font-size: 28px;
    line-height: 28px;
}
.medium-lightorange {
    color: #ebccd1 !important;
    font-size: 28px;
    line-height: 28px;
}
.medium-lightgrey {
    color: #dddddd !important;
    font-size: 28px;
    line-height: 28px;
}
.medium-grey {
    color: #a6a6a6 !important;
    font-size: 28px;
    line-height: 28px;
}
.medium-darkgrey {
    color: #616161 !important;
    font-size: 28px;
    line-height: 28px;
}
.medium-darkred {
    color: #a94442 !important;
    font-size: 28px;
    line-height: 28px;
}

.str-white {
    color: white !important;
}
.str-black {
    color: black !important;
}
.str-blue {
    color: #2f93d6 !important;
}
.str-lightblue {
    color: #c2e2fe !important;
}
.str-green {
    color: #6cba30 !important;
}
.str-darkgreen {
    color: #477d1a !important;
}
.str-magenta {
    color: #c83293 !important;
}
.str-lightorange {
    color: #ebccd1 !important;
}
.str-lightgrey {
    color: #dddddd !important;
}
.str-grey {
    color: #a6a6a6 !important;
}
.str-darkgrey {
    color: #616161 !important;
}
.str-darkred {
    color: #a94442 !important;
}
#popup {
    position: fixed;
    top: 5%;
    display: block;
    z-index: 20;
    display: block;
    width:100%;
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
}
#cButtonP {
    position: relative;
}
.pop-image a {
    display:block;
}
.pop-image img {
    width: 100%;
}