* { margin: 0; padding: 0;}

body{font: 14px Arial; color: #696969; background: #F8F8F8;}
a {font: 14px Arial; color: #B0171E; text-decoration: none}
a:hover {text-decoration: underline}

h1 {font: 24px Arial; color: #373737; float: left;}
.faq-header {max-width: 660px;}
.header-title {padding-bottom: 10px; background: url(../images/podstrona/line.gif) repeat-x 0 100%; display: block; float: left; width: 715px}
.header-title .breadcrumb a:first-child, .header-title .breadcrumb span:first-child {font: 24px Arial; color: #373737; float: left; padding: 0; text-decoration: none; margin: 0}
.header-title .breadcrumb a, .header-title .breadcrumb span {font: 18px Arial; color: #373737; float: left; padding-top: 4px; text-decoration: none; margin-bottom: 2px;}

.hidden {display: none}

img {border: none}

.list {float: left; padding-top: 12px;}
.list ul li {padding-left: 25px; list-style: none; background: url(../images/podstrona/punktor2.png) no-repeat 0 2px;}
.list ul li a {color: #696969; text-decoration: none;}
.list ul li a:hover {color:#B0171E }

/**cookies**/
#cookies_info{position: fixed; bottom: 0; width: 100%; line-height: 1.3em; opacity:0.80; filter: alpha(opacity=80); -moz-opacity: 0.8; color: white; background-color: #383838; box-shadow: 0 0 16px #383838; font-family: Arial; font-size: 12px; z-index: 1000;}
#cookies_info #cookies_text {margin: auto; padding: 10px 40px;}
#cookies_info .close { background: transparent url("../images/close.png") no-repeat center center; display: block; height: 20px; overflow: hidden; position: absolute; right: 5px; text-indent: -300px; top: 5px; width: 20px; cursor: pointer;}

/*Komunikaty*/
#flash_success {background-color: #0073A8; font-size: 16px; font-weight: bold; margin: 0 0 25px 0; padding: 10px; text-align: center; color: #FFFFFF; opacity: 0.85;}
#flash_notice {background-color: #DDDBDC; border: 1px solid #BDBDBD; font-size: 16px; font-weight: bold; margin: 0 0 25px 0; padding: 10px; text-align: center;}
#flash_error {background-color: #e7928d; border: 1px solid #c82820; font-size: 16px; font-weight: bold; margin: 0 0 25px 0; padding: 10px; text-align: center; color: #c82820;}

/* nagłówek */
#header-wrapper { background: url(../images/podstrona/logo_bgd.gif) repeat-x 0 0; width: 100%; overflow: hidden;}
#header-wrapper #header {margin: 0 auto; height: 115px; width: 1000px; position: relative}
#header-wrapper #header #logo {width: 250px; height: 63px; left: 10px; top: 31px; position: absolute}
#header-wrapper #header #search-wrapper {height: 58px; width: 200px; right: 10px; top: 0; margin-top: 24px; position: absolute;}
.search-form {position: relative}
.search-form #search_button_submit, .search-form #faq_search_button_submit {width:32px; height: 32px; display: block; position: absolute; top: 0; right:10px}
.search-form input {width: 140px; padding: 5px 40px 5px 7px; height: 22px; background: url(../images/podstrona/search_bgd.png) no-repeat 0 0; overflow: hidden; border: none; font: 12px Arial; color: #696969}
.search-form input:hover, .search-form input:focus {background-position: 0 100%}

/* menu główne */
#header-wrapper #header #main-menu {height: 47px; max-width: 800px; bottom: 0; right: 0; overflow: hidden; position: absolute}
#header-wrapper #header #main-menu ul#menu {text-align: left; float: right; height: 42px; padding-right: 15px}
#header-wrapper #header #main-menu ul#menu li {height: 54px; padding-left: 10px; list-style-type: none; float: left;}
#header-wrapper #header #main-menu ul#menu li.last a {background: none}
#header-wrapper #header #main-menu ul#menu li a {display: block; height: 54px; text-decoration: none; font: 17px Arial; color: #242424; text-shadow: 1px 1px 0 #F5F5F5;  padding-right: 10px; background: url(../images/podstrona/menu_gorne/menu_div.png) no-repeat 100% 20%; width: 97%}
#header-wrapper #header #main-menu ul#menu li a span {display: block; height: 17px; padding: 7px 8px 30px 15px; font: 17px Arial;}
#header-wrapper #header #main-menu ul#menu li.active {background: url(../images/podstrona/menu_gorne/menu_l.png) no-repeat 0 0;}
#header-wrapper #header #main-menu ul#menu li.active a {display: block; background: url(../images/podstrona/menu_gorne/menu_r.png) no-repeat 100% 0;}
#header-wrapper #header #main-menu ul#menu li:hover a span {color: #B0171E} 
#header-wrapper #header #main-menu ul#menu li.active a span {background: url(../images/podstrona/menu_gorne/menu.png) no-repeat 50% 0; overflow: hidden; color: #FFFFFF; text-shadow: 1px 1px 0 #691412;}

/* pasek z obrazkami */
#header-wrapper #pictures-wrapper {margin: 0 auto; height: 142px; background: url(../images/podstrona/sub_picture1.jpg) no-repeat 50% 0;}

/* strona główna */
/* slider */
#slider-wrapper {height: 398px;
                 background-color: #B9BABD;
                 background-image: linear-gradient(top, #919191 0%, #B9BABD 100%);
                 background-image: -o-linear-gradient(top, #919191 0%, #B9BABD 100%);
                 background-image: -moz-linear-gradient(top, #919191 0%, #B9BABD 100%);
                 background-image: -webkit-linear-gradient(top,#919191 0%, #B9BABD 100%);
                 background-image: -ms-linear-gradient(top, #919191 0%, #B9BABD 100%);
                 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#919191', endColorstr='#B9BABD');
                 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #919191), color-stop(1,#B9BABD));
}
#slider-wrapper #offer-slider {width: 100%; height: 398px; overflow: hidden; margin: 0 auto;  position: relative; }
#slider-wrapper #offer-slider #slider {width: 100%; height: 398px; overflow: hidden; margin: 0 auto;}
#slider-wrapper #offer-slider #slider .slide {height: 398px; width: 100%; opacity: 0}
#slider-wrapper #offer-slider #slide_nav_back {position: absolute; top: 152px; left: 0; width: 58px; height: 93px; background: url(../images/str_glowna/Slider/arrows.png) no-repeat 0 0; cursor: pointer; display: none}
#slider-wrapper #offer-slider #slide_nav_back:hover {background-position: 0 -94px}
#slider-wrapper #offer-slider #slide_nav_next {position: absolute; top: 152px; right: 0;  width: 58px; height: 93px; background: url(../images/str_glowna/Slider/arrows.png) no-repeat 100% 0; cursor: pointer}
#slider-wrapper #offer-slider #slide_nav_next:hover {background-position: 100% -94px}
#slider-wrapper #offer-slider #slider .slide .description {width: 880px; height: 358px; margin: 0 auto; padding: 0 60px; position: relative; overflow: hidden}
#slider-wrapper #offer-slider #slider .slide .description li {list-style: none; background: url(../images/str_glowna/Slider/strz_punkt.png) no-repeat 0 4px; padding-left: 30px; text-align: left}
#slider-wrapper #sliders_list {display: none}
#slider-wrapper #sliders_list .slide {opacity: 0}

/* cień zawartości */
#page-shadow {height: 55px; background: url(../images/podstrona/top_grad_SUB.gif) repeat-x 0 100%; width: 100%;  border-top: 1px solid #FFFFFF}

/* zawartość */
#main-wrapper #content-wrapper #main-content {width: 960px; margin: 0 auto}
#main-wrapper #content-wrapper #main-content #offer-box-wrapper {width: 960px; height: 250px; position: relative; z-index: 10}
#main-wrapper #content-wrapper #main-content #offer-box-wrapper #offer-box {width: 960px; height: 385px; position: absolute; top: -135px; left: 0px; background: url(../images/str_glowna/potrzebuje-chce-mam/p_ch_m.png) no-repeat 0 0;}
#main-wrapper #content-wrapper #main-content #offer-box-wrapper #offer-box #tabs {width: 960px; height: 106px; position: relative; cursor: pointer}
#main-wrapper #content-wrapper #main-content #offer-box-wrapper #offer-box #tabs .need {width: 328px; height: 106px; position: absolute; left: -4px; top: 0px; background: url(../images/str_glowna/potrzebuje-chce-mam/potrzebuje.png) no-repeat 0 -100%; opacity: 0}
#main-wrapper #content-wrapper #main-content #offer-box-wrapper #offer-box #tabs .want{width: 328px; height: 106px; position: absolute; left: 316px; top: 0px;  background: url(../images/str_glowna/potrzebuje-chce-mam/chce.png) no-repeat 0 -100%; opacity: 0}
#main-wrapper #content-wrapper #main-content #offer-box-wrapper #offer-box #tabs .problem {width: 328px; height: 106px;  position: absolute; left: 636px; top: 0px; background: url(../images/str_glowna/potrzebuje-chce-mam/mam.png) no-repeat 0 -100%; opacity: 0}
#main-wrapper #content-wrapper #main-content #offer-box-wrapper #offer-box #tabs .active,
#main-wrapper #content-wrapper #main-content #offer-box-wrapper #offer-box #tabs .active:hover {opacity: 1; background-position: 0 -106px}
#main-wrapper #content-wrapper #main-content #offer-box-wrapper #offer-box #tabs span:hover {opacity: 1;  background-position: 0 0px}
#main-wrapper #content-wrapper #main-content #offer-box-wrapper #offer-box #offer-list-wrapper .offer-list {width: 880px; padding: 10px 40px; height: 190px;}
#main-wrapper #content-wrapper #main-content #offer-box-wrapper #offer-box #offer-list-wrapper .offer-list .left {width: 440px; float: left; height: 190px; overflow: hidden}
#main-wrapper #content-wrapper #main-content #offer-box-wrapper #offer-box #offer-list-wrapper .offer-list .right {width: 415px; float: right; height: 190px; overflow: hidden}
#main-wrapper #content-wrapper #main-content #offer-box-wrapper #offer-box #offer-list-wrapper .offer-list a {display: block; width: 400px; height: 18px; padding: 8px 0px 8px 40px; margin-bottom: 3px; font: 18px Arial; color: #696969; text-decoration: none; letter-spacing: 1px;}
#main-wrapper #content-wrapper #main-content #offer-box-wrapper #offer-box #offer-list-wrapper .need a {background: url(../images/str_glowna/potrzebuje-chce-mam/accept_xl_potrzebuje.png) no-repeat 0 0; }
#main-wrapper #content-wrapper #main-content #offer-box-wrapper #offer-box #offer-list-wrapper .want a {background: url(../images/str_glowna/potrzebuje-chce-mam/accept_xl_chce.png) no-repeat 0 0; }
#main-wrapper #content-wrapper #main-content #offer-box-wrapper #offer-box #offer-list-wrapper .problem a {background: url(../images/str_glowna/potrzebuje-chce-mam/accept_xl_mam.png) no-repeat 0 0; }
#main-wrapper #content-wrapper #main-content #offer-box-wrapper #offer-box #offer-list-wrapper .offer-list a:hover {background-position: 0 -33px;}

#main-wrapper #content-wrapper #main-content .left-wrapper {width: 450px; padding-right: 60px; float: left; overflow: hidden;}
#main-wrapper #content-wrapper #main-content .right-wrapper {width: 450px; float: left; overflow: hidden;}
#main-wrapper #content-wrapper #main-content .main_header {width: 450px; height: 50px; background: url(../images/podstrona/line.gif) repeat-x 0 100%}
#main-wrapper #content-wrapper #main-content .left-wrapper .main_header h1 {width: 400px; height: 18px; padding: 8px 0px 14px 50px ; background: url(../images/str_glowna/dlaczego_ikon.png) no-repeat 0 0; font: 18px Arial; color: #373737; display: block}
#main-wrapper #content-wrapper #main-content .right-wrapper .main_header span {width: 400px; height: 18px; padding: 8px 0px 14px 50px ; background: url(../images/str_glowna/aktual_ikon.png) no-repeat 0 0; font: 18px Arial; color: #373737; display: block}
#main-wrapper #content-wrapper #main-content .text_wrapper {padding: 20px 0; overflow: hidden; width: 450px;}
#main-wrapper #content-wrapper #main-content .short_news {width: 430px; margin-bottom: 20px; padding-left: 20px; background: url(../images/str_glowna/aktual_ikon_mala.png) no-repeat 0 0}
#main-wrapper #content-wrapper #main-content .short_news h2 {font-size: 14px; font-weight: normal;}
#main-wrapper #content-wrapper #main-content .short_news .news_short_text {font-size: 12px;}
#main-wrapper #content-wrapper #main-content .short_news .news_date {font-size: 11px; height: 16px; display: block}
#main-wrapper #content-wrapper #main-content #contact-boxes {width: 960px; padding: 30px 0 10px 0; float: left; position: relative}
#main-wrapper #content-wrapper #main-content #contact-boxes #message {width: 400px; background: #0073A8; opacity: 0.85; display: none; position: absolute; left: 280px; top: -40px; text-align: center; padding: 20px;}
#main-wrapper #content-wrapper #main-content #contact-boxes #message span {color: #FFFFFF; font-size: 18px; margin: 0 auto;}

#newsletter {background: url(../images/str_glowna/newsletter_bgd.png) no-repeat 0 0; width: 457px; height: 315px;}
#quick-contact {background: url(../images/str_glowna/nie_wiesz_bgd.png) no-repeat 0 0; width: 450px; height: 315px;}
#newsletter .description {width: 337px; padding: 20px 30px 60px 90px; height: 127px}
#newsletter .description .title {font: 17px Arial; font-weight: bold; height: 20px; display: block; padding-bottom: 7px;}
#newsletter .description .text {font: 13px Arial; overflow: hidden; display: block; padding-bottom: 17px;}
#newsletter .description #unlink_newsletter {font: 11px Arial; cursor: pointer;}
.contact_box_form {width: 337px; height: 34px; float: left}
.contact_box_form input[type="text"] {float: left; height: 27px; width: 191px; margin-top: 4px; background: url(../images/str_glowna/okienko.png) no-repeat 0 0; border: none; padding: 1px 7px; font: 12px Arial; color: #696969}
.contact_box_form .buttonn {margin-top: 4px; margin-left: 20px;}
.contact_box_form #recaptcha1 {margin-top: 14px;}
#quick-contact .buttonn {padding-top: 15px;}
#quick-contact .description {width: 390px; padding: 20px 30px 60px 30px; height: 126px}
#quick-contact .description .title {width: 370px; font-size: 17px; font-weight: bold; padding-right: 15px; height: 20px; display: block; padding-bottom: 27px;}
#quick-contact .description .text {width: 370px; height: 45px; display: block; font-size: 13px; padding-bottom: 2px;}

/* stopka */
#footer-wrapper {width: 100%; overflow: hidden;}
#footer-wrapper #big-footer {width: 100%; overflow: hidden; border-top: 2px solid #FFFFFF;
                             background-color: #767678;
                             background-image: linear-gradient(top, rgb(152,152,154) 0%, rgb(81,81,82) 100%);
                             background-image: -o-linear-gradient(top, rgb(152,152,154) 0%, rgb(81,81,82) 100%);
                             background-image: -moz-linear-gradient(top, rgb(152,152,154) 0%, rgb(81,81,82) 100%);
                             background-image: -webkit-linear-gradient(top, rgb(152,152,154) 0%, rgb(81,81,82) 100%);
                             background-image: -ms-linear-gradient(top, rgb(152,152,154) 0%, rgb(81,81,82) 100%);
                             filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98989A', endColorstr='#515152');
                             background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(152,152,154)), color-stop(1, rgb(81,81,82)));
}

#footer-wrapper #big-footer #footer-content {width: 1000px; margin: 0 auto; position: relative}
#footer-wrapper #big-footer #footer-content #f_header {width: 100%; background: url(../images/podstrona/stopka/footer_line.png) repeat-x 0 100%; height: 20px; padding: 35px 0 15px 0}
#footer-wrapper #big-footer #footer-content #f_header .f_title {width: 318px; float: left; height: 20px; text-align: left; font: 18px Arial; color: #FFFFFF; text-shadow: 1px 1px #444444; padding-left: 15px;}
#footer-wrapper #big-footer #footer-content .f_text {width: 303px; float: left; text-align: left; padding: 20px 15px 20px 15px; font: 12px Arial; color: #E7E7E8;}
#footer-wrapper #big-footer #footer-content .f_text a {font: 12px Arial; color: #E7E7E8; text-decoration: none}
#footer-wrapper #small-footer {background: url(../images/podstrona/stopka/footer_line.png) repeat-x 0 0; width: 100%; overflow: hidden; background-color: #282829; padding: 22px 0 22px 0}
#footer-wrapper #small-footer #small_f_content {width: 980px; margin: 0 auto; overflow: hidden;}
#footer-wrapper #small-footer #small_f_content #f_menu a {font: 12px Arial; color: #D4D4D4; text-decoration: none; float: left; padding: 0 15px; border-right: 1px solid #D4D4D4}
#footer-wrapper #small-footer span {font: 12px Arial; color: #D4D4D4; float: right; padding: 0 15px;}
#footer-wrapper #small-footer #small_f_content .icons_by {font: 12px Arial; color: #D4D4D4;}
#footer-wrapper #small-footer #small_f_content #f_menu a:hover, #footer-wrapper #big-footer #footer-content .f_text a:hover {color: #FFFFFF;  text-decoration: underline}
#footer-wrapper #small-footer #small_f_content #f_menu a.last {border: none}
#footer-wrapper #small-footer #small_f_content #f_menu {float: left}

#footer-wrapper #big-footer #love_it_picture {height: 300px; width: 230px; position:absolute; top: 60px; right: -230px; background: url(../images/podstrona/stopka/i_love_it.png) no-repeat 50% 50%}
#footer-wrapper #big-footer #footer-content .f_text #contact .small_font {font: 14px Arial; color: #E7E7E8;}
#footer-wrapper #big-footer #footer-content .f_text #contact .big_font {font: 18px Arial; color: #E7E7E8}
#footer-wrapper #big-footer #footer-content .f_text #contact .bold {font-weight:  bold}
#footer-wrapper #big-footer #footer-content .f_text #contact #hotline {width: 246px; height: 100px; background: url(../images/podstrona/stopka/hotline_bgd.png) no-repeat 0 0; text-align: center; padding: 15px; padding-bottom: 0}
#footer-wrapper #big-footer #footer-content .f_text #contact #hotline .phone {width: 181px; height: 18px; padding: 7px 0 7px 60px; background: url(../images/podstrona/stopka/hot_tel_ico.png) no-repeat 10% 50%; text-align: left; display: block; margin: 0 auto}
#footer-wrapper #big-footer #footer-content .f_text #contact #hotline .mail {width: 181px; height: 22px; padding: 3px 0 7px 60px; background: url(../images/podstrona/stopka/hot_mail_ico.png) no-repeat 10% 50%; text-align: left; display: block; margin: 0 auto}
#footer-wrapper #big-footer #footer-content .f_text #contact #hotline .hotline_font {color: #FFFFFF; font-weight: bold; margin: 0 auto}

#footer-wrapper #big-footer #footer-content .f_text #contact .main_contact {width: 287px; padding: 5px 0 5px 60px; display: block; float: left; text-align: left}
#footer-wrapper #big-footer #footer-content .f_text #contact .main_phone {background: url(../images/podstrona/stopka/tel_ico.png) no-repeat 10% 50%}
#footer-wrapper #big-footer #footer-content .f_text #contact .main_mail {background: url(../images/podstrona/stopka/mail_ico.png) no-repeat 10% 50%}
#footer-wrapper #big-footer #footer-content .f_text #contact .main_adres{background: url(../images/podstrona/stopka/adres_ico.png) no-repeat 10% 50%}

#footer-wrapper #big-footer #footer-content .f_text .quotation {background: url(../images/podstrona/stopka/cytat.png) no-repeat 0 0; padding-left: 35px; padding-top: 10px; padding-bottom: 10px; text-align: left; width: 252px; font-style: italic; display: block; float: left; color: #E7E7E8}
#footer-wrapper #big-footer #footer-content .f_text .quotation_signature {text-align: right; font-style: normal; display: block; height: 20px; float: left; width: 287px; padding-bottom: 30px; color: #E7E7E8}

/* zawartość strony, menu boczne */
#main-wrapper {width: 100%; overflow: hidden; background: url(../images/podstrona/sub_picture2.jpg) no-repeat 50% 0;}
#main-wrapper #content-wrapper {width: 960px; margin: 0 auto; padding-top: 40px;}
#main-wrapper #content-wrapper #content {width: 705px; float: left; padding-right: 25px; background: url(../images/podstrona/czytelnia/menu/kr_pion.gif) repeat-y 100% 0;  line-height: 1.5; margin-bottom: 30px;}
#main-wrapper #content-wrapper #box-menu {width: 220px;  float: right}
#main-wrapper #content-wrapper #box-menu table {padding-bottom: 15px;}
#main-wrapper #content-wrapper #box-menu table#menu_need th {width: 216px; height: 43px; background: url(../images/podstrona/menu_prawe/potrzebuje.png) no-repeat 0 0}
#main-wrapper #content-wrapper #box-menu table#menu_want th {width: 216px; height: 43px; background: url(../images/podstrona/menu_prawe/chce.png) no-repeat 0 0}
#main-wrapper #content-wrapper #box-menu table#menu_problem th {width: 216px; height: 43px; background: url(../images/podstrona/menu_prawe/mam.png) no-repeat 0 0}
#main-wrapper #content-wrapper #box-menu table td {padding: 5px 0px 10px 0; background: url(../images/podstrona/line.gif) repeat-x 0 100%}
#main-wrapper #content-wrapper #box-menu table#menu_need td a {padding: 3px 2px 3px 25px; background: url(../images/podstrona/menu_prawe/accept_potrzebuje.png) no-repeat 0 0; display: block; font: 16px Arial; color: #373737; overflow: hidden; height: 16px; text-decoration: none; line-break: auto}
#main-wrapper #content-wrapper #box-menu table#menu_need td a:hover,
#main-wrapper #content-wrapper #box-menu table#menu_need td a.active {background-position: 0 -22px}
#main-wrapper #content-wrapper #box-menu table#menu_want td a {padding: 3px 2px 3px 25px; background: url(../images/podstrona/menu_prawe/accept_chce.png) no-repeat 0 0; display: block; font: 16px Arial; color: #373737; overflow: hidden; height: 16px; text-decoration: none}
#main-wrapper #content-wrapper #box-menu table#menu_want td a:hover,
#main-wrapper #content-wrapper #box-menu table#menu_want td a.active {background-position: 0 -22px}
#main-wrapper #content-wrapper #box-menu table#menu_problem td a {padding: 3px 2px 3px 25px; background: url(../images/podstrona/menu_prawe/accept_mam.png) no-repeat 0 0; display: block; font: 16px Arial; color: #373737; overflow: hidden; height: 16px; text-decoration: none}
#main-wrapper #content-wrapper #box-menu table#menu_problem td a:hover,
#main-wrapper #content-wrapper #box-menu table#menu_problem td a.active {background-position: 0 -22px}

/* buttony */
.button_big {background: url(../images/podstrona/buttony/butt_duzy2.png) no-repeat 100% 0; height: 47px; padding-right: 10px; cursor: pointer; overflow: hidden; display: inline-block; text-decoration: none}
.button_big span {background: url(../images/podstrona/buttony/butt_duzy1.png) no-repeat 0 0; height: 15px; display: block; overflow: hidden; cursor: pointer; font: 15px Arial; color: #FFFFFF; padding: 16px 0 16px 10px; font-weight: bold; text-shadow: 1px 1px #7D0F15 !important}
.button_big:hover {background-position: 100% -47px; text-decoration: none }
.button_big:hover span {background-position: 0 -47px;}

.button_small {background: url(../images/podstrona/buttony/butt_maly2.png) no-repeat 100% 0; height: 34px; padding-right: 10px; cursor: pointer; overflow: hidden; display: inline-block; text-decoration: none}
.button_small span {background: url(../images/podstrona/buttony/butt_maly1.png) no-repeat 0 0; height: 15px; display: block; overflow: hidden; cursor: pointer; font: 13px Arial !important; color: #FFFFFF !important; padding: 9px 0 10px 10px !important; font-weight: bold !important; text-shadow: 1px 1px #7D0F15 !important; text-align: left}
.button_small span img {float: right; padding-top: 2px;}
.button_small:hover {background-position: 100% -34px; text-decoration: none }
.button_small:hover span {background-position: 0 -34px;}

.vertical-middle {display: table-cell; vertical-align: middle}

/* klasa formularza */
.form table {float: left;}
.form table td input,
.form table td select,
.form table td textarea {border: 1px dashed #A5A4A4; background: #FFFFFF; padding: 2px; padding-left: 5px; margin-right: 50px;   font: 11px Arial; color: #696969;
                         -moz-border-radius: 3px;
                         border-radius: 3px;
                         -webkit-border-radius: 3px;
                         -khtml-border-radius: 3px;                  
}
.form table td textarea {padding-top: 5px;}
.form table td input:focus, .form table td textarea:focus {border: 1px dashed #888888;}
.form table td.error input, .form table td.error select, .form table td.error textarea {border: 1px dashed #AB0308;}
.form table td span {font: 14px Arial; color: #373737; text-align: left; padding-top: 10px}
.form table td span.required {font: 11px Arial; color: #A5A4A4}
.form table td.error span {color: #B0171E}
.form table input[type="text"] {height: 20px; width: 200px;}
.form table textarea {height: 200px; width: 450px;}
.form table td select {height: 24px; padding: 0px}
.form table td select option {height: 20px; padding: 2px;}
.form table .small_font {font: 11px Arial; color: #A5A4A4;}


/* strona newsa typu 'offer' */
#main-wrapper #content-wrapper #content #offer-description {padding-top: 25px; padding-bottom: 30px; line-height: 1.5; text-align: left; float: left}
#main-wrapper #content-wrapper #content #offer-description p {text-align: left; float: left; width: 100%}
#main-wrapper #content-wrapper #content #offer-description ul,
#main-wrapper #content-wrapper #content #offer-description ol {display: block; float: left;}
#main-wrapper #content-wrapper #content #offer-description ol ul {float: none; padding-bottom: 10px; padding-top: 5px;}
#main-wrapper #content-wrapper #content #offer-description ol li {list-style-position: inside}
#main-wrapper #content-wrapper #content #offer-description ul li {padding-left: 19px; list-style: none; background: url(../images/podstrona/punktor2.png) no-repeat 0 5px}

#main-wrapper #content-wrapper #content #short-list {width: 715px; margin: 20px 0; padding: 11px 0; background: url(../images/podstrona/dlaczego_kontener/d_kont1.png) no-repeat 0 0; float: left}
#main-wrapper #content-wrapper #content #short-list #title {background: url(../images/podstrona/dlaczego_kontener/d_kont2.png) repeat-y; width: 675px; padding: 10px 20px;  font: 16px Arial; font-weight: bold; color: #B0171E}
#main-wrapper #content-wrapper #content #short-list ol {padding-bottom: 89px; font: 14px Arial; color: #696969; background: url(../images/podstrona/dlaczego_kontener/d_kont3.png) no-repeat 0 100%; list-style-type: none}
#main-wrapper #content-wrapper #content #short-list ol li {padding: 5px 20px; font: 14px Arial; color: #696969; background: url(../images/podstrona/dlaczego_kontener/d_kont2.png) repeat-y; min-height: 40px; display: block; text-align: left}
#main-wrapper #content-wrapper #content #short-list ol li ul li{background: url(../images/podstrona/punktor2.png) no-repeat 0 50%; min-height: auto; margin-left: 43px;}
#main-wrapper #content-wrapper #content #short-list ol li span.number {font: 24px Arial; color: #B0171E; width: 33px; height: 24px; text-align: center; padding: 3px 10px 6px 0; background: url(../images/podstrona/dlaczego_kontener/punktor_bgd.png) no-repeat 0 0; display: block; float: left}

/* zwiń/rozwiń */
.question-answer {display: block; padding-bottom: 10px}
.question-answer, .question-answer .question {border: none !important}
.question-answer p {padding-left: 25px; width: 684px !important; float: none !important;}
.text-title {font: 16px Arial; font-weight: bold; color: #B0171E; line-height: 1.5; padding: 40px 0 20px 0; float: left; width: 100%}
.question_link {display:inline}
.question_link span.question {cursor: pointer; font-size: 16px; font-weight: bold; line-height: 1.5; display: block; width: 684px; padding-bottom: 10px; text-decoration: none; color: #B0171E}
.question_link span.ico_question {height: 20px; background: url(../images/podstrona/zwin-rozwin/zwin_rozwin.png) no-repeat 0 0; display: block; width: 25px; float: left}
.question-answer .answer ul {width: 684px; margin-left: 25px;}

.question_link:hover span.ico_question {background-position: 0 -20px}
.active_question span.ico_question {background-position: 0 -40px;}
.active_question .question_link:hover span.ico_question {background-position: 0 -60px;}

/* stopka strony typu 'offer'' */
#description-footer {width: 100%; height: 50px; float: left; padding-bottom: 10px; display: table-cell; vertical-align: middle}
#description-footer .page_back {float: left; width: 50px; text-align: left; padding-top: 18px}
#description-footer .page_up {float: right; width: 50px; text-align: right;  padding-top: 18px}
#description-footer #button {text-align: center; float: left; width: 715px;}

/* Formularz na stronie typu 'offer' */
#offer_contact {border-top: 1px dashed #A5A4A4; border-bottom: 1px dashed #A5A4A4; padding: 20px 0; width: 100%; float: left; position: relative}
#offer_contact_send_copy {height: 10px; width: 10px; margin-right: 5px;}
#offer_contact #button-submit {/*width: 400px;*/ display: table-cell; vertical-align: bottom; text-align: right; height: 45px;}
#offer_contact_form table td.send_copy {vertical-align:bottom;}
#offer_contact_form table td.submit {vertical-align:top;}
#offer_contact_form table td textarea {margin: 0; width: 380px;}
#offer_contact_form table td  #recaptcha1 {margin: 5px 0; transform:scale(0.90);-webkit-transform:scale(0.95);transform-origin:0 0;;-webkit-transform-origin:0 0;}

ul.error_list li {color: #B0171E; list-style-type: none}

#news .dates {float: right;}
#news .item-wrapper {padding: 20px 0; border-bottom: 1px dashed #A5A4A4; float: left; width: 100%}
#news .item-wrapper .item  {float: left; max-width: 450px;}
#news .item-wrapper .image {float: left; width: 200px; margin-right: 20px;}
#news .item-wrapper .item h3 a {font-weight: bold}
#news .item-wrapper .item p, #news .item-wrapper .item a, #news .item-wrapper .item div {padding: 5px 0}

/* slider */
#quotation-slider-wrapper{
    height: 260px;
    position: relative;
    width: 287px;
    margin: 0 auto;
}
/*root element for slides*/
#quotation-slider{
    /* required settings */
    position:relative;
    overflow:hidden;
    margin: 0 auto;
    /* vertical scrollables have typically larger height than width but not now */
    height: 260px;
    width: 287px;
}
#quotation-slider #quotation-items{
    position:absolute;
    z-index:10;    
    /* horizontal slider */
    width:20000em;
    /* vertical slider *//*
    position:absolute;
    height:20000em;
    width: 100%;*/
}
#quotation-slider .slide{
    height: 260px;
    width: 287px;
    color: #fff;
    float:left; /* horizontal slider */
}

.lsb_tooltip {
    background: none repeat scroll 0 0 #0073A8;
    color: #FFFFFF;
    display: none;
    font-size: 16px;
    font-weight: bold;
    left: 110px;
    top: 150px;
    position: absolute;
    opacity: 0.85;
    padding: 30px;
    text-align: center;
    width: 455px;

}

.loader-wrapper {
    display: none;
    font-size: 16px;
    font-weight: bold;
    left: 110px;
    top: 150px;
    position: absolute;
    padding: 30px;
    text-align: center;
    width: 455px; 
}

/*loader*/
.loader {background: transparent url(../images/ajax-loader.gif) no-repeat center top; display: block !important;}
.loader-mini {background: transparent url(../images/indicator.gif) no-repeat center top; height: 16px; width: 16px; display: block}

/* CZYTELNIA */
.rss, .rss:hover {font: 12px Arial; background: url(../images/podstrona/czytelnia/rss.png) no-repeat 0 bottom; width: 30px; height: 12px; padding: 19px 0 1px 0; float: right; margin-right: 5px; color: #696969; text-decoration: none;}
#faq-search-form {float: left; margin-bottom: 20px;}
#faq-introduction {width: 100%; float: left; font: 14px Arial; background: url(../images/podstrona/czytelnia/cz_legenda.png) no-repeat 92% 50%; height: 200px; margin: 20px 0 0; border-bottom: 1px dashed #A5A4A4; padding-bottom: 20px; }
#faq-introduction p {padding: 8px 0;}
#faq-breadcrump {width: 715px; height: 16px; background: url(../images/podstrona/czytelnia/temat_tlo.png) no-repeat 0 0; font: 16px Arial; color: #FFFFFF; padding: 6px 10px 18px 10px; float: left; margin: 20px 0}
#faq-breadcrump a {font: 16px Arial; color: #FFFFFF; text-decoration: none}
/* #faq-breadcrump a:hover {font-weight: bold} */
.bold {font-weight: bold}

#main-wrapper #content-wrapper #box-menu table#faq-menu th {background: url(../images/podstrona/czytelnia/menu/tematy.png) no-repeat 0 0; width: 216px; height: 43px;}
#main-wrapper #content-wrapper #box-menu table#faq-menu td {padding-bottom: 2px;}
#main-wrapper #content-wrapper #box-menu table#faq-menu td div {padding: 5px 0 10px 0}
#main-wrapper #content-wrapper #box-menu table#faq-menu td a {padding: 3px 2px 3px 30px; background: url(../images/podstrona/czytelnia/menu/menu__strz1.png) no-repeat 0 0; display: block; font: 16px Arial; color: #373737; overflow: hidden; height: 16px; text-decoration: none; line-break: auto; cursor: pointer}
#main-wrapper #content-wrapper #box-menu table#faq-menu td a:hover,
#main-wrapper #content-wrapper #box-menu table#faq-menu td a.active {background-position: 0 -22px; color: #E35901}
#main-wrapper #content-wrapper #box-menu table#faq-menu td ul {display: none; padding: 10px 0 5px 0}
#main-wrapper #content-wrapper #box-menu table#faq-menu td ul li {list-style: none; margin: 5px 0}
#main-wrapper #content-wrapper #box-menu table#faq-menu td ul li a{padding: 0px 2px 0px 0px; display: block; font: 14px Arial; color: #373737; height: auto; text-decoration: none; background: none}
#main-wrapper #content-wrapper #box-menu table#faq-menu td ul li a:hover,
#main-wrapper #content-wrapper #box-menu table#faq-menu td ul li a.active {color: #E35901}
#main-wrapper #content-wrapper #box-menu table#faq-menu td ul li a span.short_title {width: 174px; float: left}
#main-wrapper #content-wrapper #box-menu table#faq-menu td ul li a span.ico {background: url(../images/podstrona/czytelnia/menu/menu__strz2.png) no-repeat 22px 0px; width: 40px; height: 16px; overflow: hidden; display: block; float: left}
#main-wrapper #content-wrapper #box-menu table#faq-menu td ul li a:hover span.ico,
#main-wrapper #content-wrapper #box-menu table#faq-menu td ul li a.active span.ico {background-position: 22px -17px;}
#main-wrapper #content-wrapper #box-menu table#faq-menu .list-shadow {background: url(../images/podstrona/czytelnia/menu/tlo.gif) repeat-x 0 100%;}

#faq-list-wrapper {width: 715px; float: left; margin: 20px 15px 20px 0px;}
.faq-wrapper {border-bottom: 1px dashed #A5A4A4; width:715px; float: left; margin-bottom: 20px;}
.faq-wrapper p {float: left; width: 100%; line-height: 1.5}
.faq-wrapper ul, .faq-wrapper ol {display: block; float: left;}
.faq-wrapper ol ul {float: none; padding-bottom: 10px; padding-top: 5px;}
.faq-wrapper ol li {list-style-position: inside}
.faq-wrapper ol ul li {margin-left: 20px}
.faq-wrapper ul li {padding-left: 19px; list-style: none; background: url(../images/podstrona/punktor2.png) no-repeat 0 5px}
/*.faq-wrapper ul li a {color: #696969; text-decoration: none;}*/
.faq-wrapper ul li a:hover {color:#B0171E }
.faq-wrapper .title {font: 22px Arial; font-weight: bold; color: #373734; width: 615px; padding-right: 100px; margin: 10px 0px;}
.faq-wrapper .title a {font: 22px Arial; font-weight: bold; color: #373734; text-decoration: none}
.faq-wrapper .title-image-1 {background: url(../images/podstrona/czytelnia/poczatkujacy.png) no-repeat 100% 0;}
.faq-wrapper .title-image-2 {background: url(../images/podstrona/czytelnia/srednioza.png) no-repeat 100% 0;}
.faq-wrapper .title-image-3 {background: url(../images/podstrona/czytelnia/ekspert.png) no-repeat 100% 0;}
.faq-wrapper .create-data {font: 12px Arial; color: #696969; float: left; width: 100%; padding: 0 0}
.faq-wrapper .short-text {float: left; display: block; margin: 10px 0; width: 715px}
.faq-wrapper .read-more {color: #E35901; display: block; width: 90px; margin: 4px 0 10px 0; height: 16px; float: left}
.faq-wrapper .related_articles {padding: 20px 0; line-height: 1.5; float: left; width: 715px;}
.faq-wrapper .faq-footer {width: 100%; height: 50px; border-top: 1px dashed #A5A4A4; float: left; margin-top: 20px;}
.faq-wrapper .faq-footer .title-links {background: url(../images/podstrona/czytelnia/temat_iko.png) no-repeat 0 50%; float: left; height: 12px; padding: 19px 0 19px 40px; font: 12px Arial; color: #373737}
.faq-wrapper .faq-footer a {font: 12px Arial; color: #696969; text-decoration: underline}
.faq-wrapper .faq-footer a:hover {color: #B0171E;}
.faq-wrapper .faq-footer .tags {background: url(../images/podstrona/czytelnia/tagi_iko.png) no-repeat 0 50%;  float: right;  height: 12px; padding: 19px 0 19px 40px; font: 12px Arial; color: #373737}
.faq-wrapper .buttons {padding-top: 20px; float: left}
#faq-list-wrapper .create-data {float: right; width: auto; text-align: right; padding: 10px 0}

/* strzałki "czytaj dalej", "powrót", "do góry"  */
.arrow {background: url(../images/podstrona/czytelnia/strz_male.png) no-repeat 0 50%; width: 9px; height: 16px; display: block; overflow: hidden; float: right}
.arrow-up {background: url(../images/podstrona/czytelnia/strz_male.png) no-repeat -9px 50%; width: 9px; height: 12px; display: block; overflow: hidden; float: left; margin-right: 5px; margin-top: 1px;}
.arrow-left {background: url(../images/podstrona/czytelnia/strz_male.png) no-repeat -18px 50%; width: 9px; height: 12px; display: block; overflow: hidden; float: left; margin-right: 5px; margin-top: 1px;}

.ico_button {height: 35px; float: left; cursor: pointer; margin-right: 25px;}
.ico_button .left {background: url(../images/podstrona/czytelnia/button_szary.png) no-repeat 0 0; display: block; height: 35px; float: left}
.ico_button:hover .left {background-position: 0 -35px;}
.ico_button .right {background: url(../images/podstrona/czytelnia/button_szary.png) no-repeat 100% 0; display: block; width: 10px; height: 35px; float: left}
.ico_button:hover .right {background-position: 100% -35px}
.ico_button span a { height: 14px; padding: 10px 0 11px 40px; display: block; font: 12px Arial; color: #696969; text-decoration: none; margin-left: 5px}
.ico_button .print {float: left; background: url(../images/podstrona/czytelnia/drukuj_iko.png) no-repeat 0 50%; }
.ico_button .send {float: left; background: url(../images/podstrona/czytelnia/wyslij_iko.png) no-repeat 0 50%;}

.go-back {float: left; height: 14px;}
.go-up {float: right; height: 14px;}
.go-back a, .go-up a {text-decoration: none; font: 12px Arial; color: #373737}

#content-footer-wrapper {width: 715px; float: left; padding: 30px 0 20px 0}

/* PAGINACJA */
#pagination-wrapper { width: 715px; height: 22px; margin: 20px 0; float: left; text-align: center}
#pagination-wrapper .pagination .this-page {padding: 5px 25px 5px 0; font: 12px Arial; margin: 0 auto; display:inline-block}
#pagination-wrapper .pagination a {width: 22px; height: 12px; margin-right: 5px; font: 12px Arial; color: #696969; display: inline-block; text-decoration: none; padding: 4px 0 6px 0;}
#pagination-wrapper .pagination a:hover {background-color: #E1E1E1}
#pagination-wrapper .pagination span {width: 22px; height: 12px; padding: 4px 0 6px 0; margin-right: 5px; background: #696969; font: 12px Arial; color: #F8F8F8; display: inline-block}
#pagination-wrapper .pagination .first {background: url(../images/podstrona/czytelnia/stronicowanie/nawig.png) no-repeat 0 -16px transparent; width: 13px; height: 15px; margin-top: 3px; padding: 0;}
#pagination-wrapper .pagination .first:hover {background-position: 0 0; background-color: transparent}
#pagination-wrapper .pagination .prev {background: url(../images/podstrona/czytelnia/stronicowanie/nawig.png) no-repeat -13px -16px transparent; width: 14px; height: 15px; margin-top: 3px; padding: 0;}
#pagination-wrapper .pagination .prev:hover {background-position: -13px 0; background-color: transparent}
#pagination-wrapper .pagination .next {background: url(../images/podstrona/czytelnia/stronicowanie/nawig.png) no-repeat -27px -16px transparent; width: 14px; height: 15px; margin-top: 3px; padding: 0;}
#pagination-wrapper .pagination .next:hover {background-position: -27px 0; background-color: transparent}
#pagination-wrapper .pagination .last {background: url(../images/podstrona/czytelnia/stronicowanie/nawig.png) no-repeat -41px -16px transparent; width: 14px; height: 15px; margin-top: 3px; padding: 0;}
#pagination-wrapper .pagination .last:hover {background-position: -41px 0; background-color: transparent}

#send-article td input {margin-right: 5px; height: 26px; font-size: 13px;}
#faq-email-form-wrapper {position: relative; width: 500px; height: 45px; float: left}
.lsb_tooltip2 {top: 0; right: 10px; left: auto}
.faq-loader-wrapper {position: absolute; top: 200px; left: 0px; width: 530px; height: 50px; display: none}

#contact-content {width: 960px; }
#contact-content .header-title {width: 960px;}
#contact-content .header-title .hotline {width: 500px; float: right; font: 18px Arial; color: #AB0308; font-weight: bold;}
#contact-content .header-title .hotline span {float: right; margin-left: 20px; height: 24px; padding-top: 5px;}
#contact-content .header-title .hotline .phone {color: #373737; background: url(../images/podstrona/kontakt/hot_tel_ico2.png) no-repeat 0 50%; padding-left: 27px}
#contact-content .header-title .hotline .email {color: #373737; background: url(../images/podstrona/kontakt/hot_mail_ico2.png) no-repeat 0 50%; padding-left: 30px}

#contact-content .title {font: 18px Arial; font-weight: bold; color: #AB0308; float: left; text-transform: uppercase; padding: 20px 0 10px; display: block; text-align: left}

#contact-content #map-wrapper {float: left; width: 960px; border-bottom: 1px dashed #A5A4A4}
#contact-content #map-wrapper #contact_map {float: left; width: 610px; height: 400px; background: url(../images/podstrona/kontakt/map_bgd.png) no-repeat 0 0; padding: 10px 10px 40px 10px; margin-right: 40px;}
#contact-content #map-wrapper #contact_map #map_canvas {width: 610px; height: 380px; overflow: hidden;}
#contact-content #map-wrapper #main-address {float: left; width: 290px;}
#contact-content #map-wrapper #main-address .line {font: 18px Arial; border-bottom: 1px dashed #A5A4A4; color: #696969; padding: 10px 0;}
#contact-content #map-wrapper #main-address .line .label {font-size: 14px;}
#contact-content #map-wrapper #main-address .line a {font-size: 18px; color: #696969; text-decoration: none}
#contact-content #map-wrapper #main-address .note {font: 14px Arial; color: #696969; padding: 20px 0}

#contact-content #formularz-kontaktowy {width: 960px; float: left}
#contact-content #formularz-kontaktowy #form-wrapper {padding: 20px 76px; background: #F6F6F7; border: 1px dashed #A5A4A4; float: left; margin-bottom: 20px; margin-right: 40px; overflow: hidden;}
#contact-content #formularz-kontaktowy #form-wrapper table td {vertical-align: bottom}
#contact-content #formularz-kontaktowy #form-wrapper #email-contact-form table td {padding: 5px 0;}
#contact-content #formularz-kontaktowy #form-wrapper #email-contact-form table td select,
#contact-content #formularz-kontaktowy #form-wrapper #email-contact-form table td input,
#contact-content #formularz-kontaktowy #form-wrapper #email-contact-form table td textarea {margin: 3px auto;}
#contact-content #formularz-kontaktowy #form-wrapper #email-contact-form table td textarea {width: 458px; height: 120px}
#contact-content #formularz-kontaktowy #form-wrapper #email-contact-form #email_contact_send_copy {margin-right: 5px;}
#contact-content #formularz-kontaktowy #form-wrapper #email-contact-form #button {float: right; margin-right: 53px;}
#contact-content #formularz-kontaktowy #form-wrapper #email-contact-form #email_contact_title {width: 458px;}
#contact-content #formularz-kontaktowy #form-wrapper #email-contact-form #email_contact_department_id {width: 206px; height: 26px}
#contact-content #formularz-kontaktowy #contacts {width: 290px; float: left}
#contact-content #formularz-kontaktowy #contacts .line {font: 14px Arial; color: #696969; border-bottom: 1px dashed #A5A4A4; padding: 10px 0}
#contact-content #formularz-kontaktowy #contacts .line .department {font-weight: bold}

.ui-dialog {background: #F8F8F8; opacity: 0.9; box-shadow: 1px 5px 5px #111111;                          
            -moz-border-radius: 3px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -khtml-border-radius: 3px;}
.ui-widget-overlay {background-color: #000000 !important; opacity: 0.5 !important}
.ui-widget-header .ui-icon {background-image: url(../images/js/ui-icons_cd0a0a_256x240.png) !important}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/js/ui-icons_ab0308_256x240.png) !important}
.dialog-wrapper .form table td textarea {margin-right: 0px}


#send-article #faq_send_title {width: 450px;}
#send-article table {float: left; text-align: left}
#send-article table th {padding: 10px 0 3px}
#send-article .ico_button {margin-top: 10px; float: right; margin-right: 0px}

#portfolio-content {width: 960px; overflow: hidden}
#portfolio-content .header-title {width: 960px}
#portfolio-content .header-title h1 {max-width: 800px;}
#portfolio-content #portfolio-menu-wrapper {width: 960px; height: 37px; float: left; margin: 20px 0 50px; position: relative}
#portfolio-content #portfolio-menu-wrapper ul li {list-style: none; float: left; display: block; background: url(../images/podstrona/portfolio/red_menu_bar2.png) no-repeat 100% 0; padding-right: 10px; margin-right: 5px;}
#portfolio-content #portfolio-menu-wrapper ul li .portfolio_buttom {background: url(../images/podstrona/portfolio/red_menu_bar.png) no-repeat 0 0; overflow: hidden;}
#portfolio-content #portfolio-menu-wrapper ul li  a {font: 16px Arial; color: #FFFFFF; text-decoration: none; padding: 7px 10px 11px 20px; float: left; text-decoration: none}
#portfolio-content #portfolio-menu-wrapper ul li  a:hover, #portfolio-content #portfolio-menu-wrapper ul li.active a {background: url(../images/podstrona/portfolio/white_menu_pointer.png) no-repeat 50% 100%}
#portfolio-content #portfolio-menu-wrapper ul li span {padding: 7px 5px 11px; display: block; float: left}
#portfolio-content #portfolio-menu-wrapper ul li .submenu {display: none; position: absolute; left: 10px; top: 37px;}
#portfolio-content #portfolio-menu-wrapper ul li .submenu ul li {display: block; float: left; background: none; padding-right: 0; margin: 0}
#portfolio-content #portfolio-menu-wrapper ul li .submenu ul li a {color: #B0171E; font: 14px Arial; padding: 7px 2px 11px 2px;}
#portfolio-content #portfolio-menu-wrapper ul li .submenu ul li a:hover,
#portfolio-content #portfolio-menu-wrapper ul li .submenu ul li a.active {text-decoration:underline; background: none}
#portfolio-content #portfolio-menu-wrapper ul li.active .submenu {display: block}
#portfolio-content #portfolio-menu-wrapper ul li.active .submenu a {background: none}

#portfolio-content #portfolio-list-wrapper {width: 960px; border-bottom: 1px dashed #A5A4A4; float: left}
#portfolio-content #portfolio-list-wrapper .line-wrapper {float: left; width: 990px; margin-bottom: 20px;}
#portfolio-content #portfolio-list-wrapper .line-wrapper .portfolio-project-wrapper {float: left; width: 300px; margin-right:30px;}
#portfolio-content #portfolio-list-wrapper .line-wrapper .portfolio-project-wrapper .portfolio-photo-wrapper {float: left; width: 300px; height: 180px; background: url(../images/podstrona/portfolio/image_bgd1.png) no-repeat 0 0; padding: 10px 10px 34px 10px; overflow: hidden; position: relative; cursor: pointer}
#portfolio-content #portfolio-list-wrapper .line-wrapper .portfolio-project-wrapper .portfolio-description-wrapper {width: 300px; overflow: hidden; max-height: 150px; float: left}
#portfolio-content #portfolio-list-wrapper .line-wrapper .portfolio-project-wrapper .portfolio-description-wrapper .title {font: 16px Arial; font-weight: bold; color: #373737; display: block; float: left; width: 270px; margin-bottom: 8px;}
#portfolio-content #portfolio-list-wrapper .line-wrapper .portfolio-project-wrapper .portfolio-description-wrapper .title span {float: left; display: block; padding-top: 3px;}
#portfolio-content #portfolio-list-wrapper .line-wrapper .portfolio-project-wrapper .portfolio-description-wrapper .title .ico {background: url(../images/podstrona/portfolio/red_arr.png) no-repeat 0 0; width: 22px; height: 19px; margin-right: 5px;}
#portfolio-content #portfolio-list-wrapper .line-wrapper .portfolio-project-wrapper .portfolio-description-wrapper .title:hover .ico {background-position: 0 -22px; text-decoration: none}
#portfolio-content #portfolio-list-wrapper .line-wrapper .portfolio-project-wrapper .portfolio-description-wrapper  .description {font: 12px Arial; color: #696969; float: left; width: 300px;}

#portfolio-content #portfolio-list-wrapper .line-wrapper .portfolio-project-wrapper .portfolio-photo-wrapper .shadow {width: 280px; height: 180px; position: absolute; opacity: 0; top: 0px; left: 0px; background: #000000;}
#portfolio-content #portfolio-list-wrapper .line-wrapper .portfolio-project-wrapper .portfolio-photo-wrapper .loupe-wrapper {width: 280px; height: 180px; position: absolute; overflow: hidden; top: 10px; left: 10px;}
#portfolio-content #portfolio-list-wrapper .line-wrapper .portfolio-project-wrapper .portfolio-photo-wrapper .loupe {width: 71px; height: 71px; position: absolute; opacity: 0; background: url(../images/podstrona/portfolio/lupa.png) no-repeat 0 0;}

#portfolio-content #portfolio-list-wrapper .line-wrapper .portfolio-project-text-wrapper {float: left; width: 300px; margin-right:30px; border-top: 1px dashed #A5A4A4;}
#portfolio-content #portfolio-list-wrapper .line-wrapper .portfolio-project-text-wrapper .portfolio-description-wrapper {width: 300px; overflow: hidden; max-height: 150px; float: left}
#portfolio-content #portfolio-list-wrapper .line-wrapper .portfolio-project-text-wrapper .portfolio-description-wrapper .title {font: 16px Arial; font-weight: bold; color: #373737; display: block; float: left; width: 270px; margin-bottom: 8px; margin-top: 10px;}
#portfolio-content #portfolio-list-wrapper .line-wrapper .portfolio-project-text-wrapper .portfolio-description-wrapper .title span {float: left; display: block; padding-top: 3px; max-width: 243px}
#portfolio-content #portfolio-list-wrapper .line-wrapper .portfolio-project-text-wrapper .portfolio-description-wrapper .title .ico {background: url(../images/podstrona/portfolio/red_arr.png) no-repeat 0 0; width: 22px; height: 19px; margin-right: 5px;}
#portfolio-content #portfolio-list-wrapper .line-wrapper .portfolio-project-text-wrapper .portfolio-description-wrapper .title:hover .ico {background-position: 0 -22px; text-decoration: none}
#portfolio-content #portfolio-list-wrapper .line-wrapper .portfolio-project-text-wrapper .portfolio-description-wrapper  .description {font: 12px Arial; color: #696969; float: left; width: 300px;}

#portfolio-pagination-wrapper {width: 960px; float: left; height: 22px; margin: 20px 0; text-align: center;}

#portfolio-content #portfolio-details-wrapper {width: 960px; margin: 0 auto;}
#portfolio-content #portfolio-details-wrapper .header-title {width: 960px;}
#portfolio-content #portfolio-details-wrapper #portfolio-title {width: 960px; color: #AB0308; font: 18px Arial; font-weight: bold;  padding: 20px 0 10px; float: left}
#portfolio-details-content #portfolio-navigation-wrapper {float: left; width: 330px;height: 46px;}
#portfolio-details-content #portfolio-navigation {width: 310px; height: 46px; float: right; background: url(../images/podstrona/portfolio/nav_bgd.png) no-repeat 0 0; }
#portfolio-details-content #portfolio-navigation a .text {font: 11px Arial; text-transform: uppercase; height: 11px; padding: 17px 10px; background: none; width: auto; text-decoration: none; color: #696969; margin: 0}
#portfolio-details-content #portfolio-navigation a span {background: url(../images/podstrona/portfolio/nav_buttons.png) no-repeat 0 -30px; width: 30px; height: 30px; float: left; margin: 8px 0;}
#portfolio-details-content #portfolio-navigation a span.prev {margin-left: 15px; background-position: 0 -30px;}
#portfolio-details-content #portfolio-navigation a:hover .prev {background-position: 0 -60px;}
#portfolio-details-content #portfolio-navigation a .prev-disabled {margin-left: 15px; background-position: 0 0px; }
#portfolio-details-content #portfolio-navigation a .back {margin-right: 19px; margin-left: 19px; background-position: -30px -30px;}
#portfolio-details-content #portfolio-navigation a:hover .back {background-position: -30px -60px;}
#portfolio-details-content #portfolio-navigation a .back-disabled {margin-right: 19px; margin-left: 19px; background-position: -30px 0px; }
#portfolio-details-content #portfolio-navigation a .next {margin-right: 15px; background-position: -60px -30px; float: right}
#portfolio-details-content #portfolio-navigation a:hover .next {background-position: -60px -60px;}
#portfolio-details-content #portfolio-navigation a .next-disabled {margin-right: 15px; background-position: -60px 0px; float: right}

#portfolio-details-content #information-wrapper {width: 290px; padding-left: 40px; float: left;}
#portfolio-details-content #information-wrapper .line-wrapper {width: 290px; padding: 20px 0; float: left; border-bottom: 1px dashed #A5A4A4; }
#portfolio-details-content .inf-title {width: 290px; float: left; padding-bottom: 5px; font: 18px Arial; font-weight: bold; color: #373737; display: block}
#portfolio-details-content .inf-text {line-height: 1.2; font: 14px Arial; color: #696969; float: left; width: 290px; display: block}
#portfolio-details-content .project-description-wrapper {width: 960px; padding: 20px 0; border-top: 1px dashed #A5A4A4; float: left}

#portfolio-footer-wrapper {width: 960px; float: left; padding: 30px 0 20px 0}

#portfolio-details-content #portfolio-big-description-wrapper {width: 630px; font: 14px Arial; color: #696969; float: left}

#portfolio_slider_wrapper{position: relative; z-index: 0; overflow: hidden; float: left}
#portfolio_slider_wrapper #slider {width: 610px; height: 380px; margin-right: 20px; position: relative; margin: 0 auto; background: url(../images/podstrona/kontakt/map_bgd.png) no-repeat 0 0; padding: 10px 10px 50px;}
/*root element for slides*/
#portfolio_slider_wrapper #slider_root{
    /* required settings */
    position:relative;
    overflow:hidden;
    margin: 0 auto;
    /* vertical scrollables have typically larger height than width but not now */
    height: 380px;
    width: 610px;
}
#portfolio_slider_wrapper #slider #items{
    position:absolute;
    z-index:10;    
    /* horizontal slider */
    width:20000em;
    /* vertical slider *//*
    position:absolute;
    height:20000em;
    width: 100%;*/
}
#portfolio_slider_wrapper #slider .slide{
    height: 380px;
    width: 610px;
    color: #fff;
    float:left; /* horizontal slider */
}

#portfolio_slider_wrapper #slider img.slider_img{
    display: block;
    margin: 0 auto 0 auto;
    border: none;
    height: 380px;
    width: 610px;
}
#portfolio_slider_wrapper #slider_light{
    position: absolute;
    top:0;
    left:0;
    width:610px;
    height:380px;
    z-index: 969;
}

/* navigacja scrollable */
#portfolio_slider_wrapper #slider_nav{
    position:absolute;
    width:630px;
    top:0px;
    height:30px;
    /* super ie7 hack! for hover effect */
}
#portfolio_slider_wrapper #slider_nav a, #portfolio_slider_wrapper #slider .autoslide a{
    display:block;
    width:60px;
    height:60px;
    text-indent:-9999px;
    cursor: pointer;
}
#portfolio_slider_wrapper #slider .autoslide{
    position:absolute;
    display:none;
    width:39px;
    height:39px;
    top:125px;
    left:480px;
    z-index:50;
}

#portfolio_slider_wrapper #slider_buttons {
    overflow: hidden;
    text-align: center;
    position: absolute;
    bottom: 0px;
    right: 2px;
    width: 630px;
    z-index: 969; 
    height: 30px;
    line-height: 45px;
}

#portfolio_slider_wrapper #slider_buttons a{
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0 4px;
    background: transparent url(../images/podstrona/portfolio/dots.png) no-repeat 0 -24px;
    cursor: pointer;
}
#portfolio_slider_wrapper #slider_buttons a.active, #portfolio_slider_wrapper #slider_buttons a:hover{
    background-position: 0 0;
}
/* slider end */

#web-mail-button {background: url(../images/webmail_butt.png) no-repeat 0 0; display: block; width: 143px; height: 31px; position: absolute; top: 0; right: 515px; margin-top: 25px;}
#web-mail-button:hover {background-position: 0 -31px}
#web-mail-button-2 {background: url(../images/webmail_butt2.png) no-repeat 0 0; display: block; width: 143px; height: 31px; position: absolute; top: 0; right: 365px; margin-top: 25px;}
#web-mail-button-2:hover {background-position: 0 -31px}

#team-view-button {background: url(../images/teamview_butt.png) no-repeat 0 0; display: block; width: 143px; height: 31px; position: absolute; top: 0; right: 215px; margin-top: 25px;}
#team-view-button:hover {background-position: 0 -31px}

/* Latający fomularz newslettera */
.right-box-newsletter-form {
    width: 310px;
    height: 447px;
    background-color: #eeeeee;
    display: block;
    z-index: 999;
     border: 1px solid #d1d1d1;
}

.right-box-newsletter-form a.handle {width: 50px; /*height: 437px;*/ display: block;}
.right-box-newsletter-form a.handle .image_wrapper {}
.right-box-newsletter-form a.handle .image_wrapper .image {margin-top:0px; display: block; width: 50px; height: 65px; background: url(../images/newsletter_wysuwany/newslet_control.png) no-repeat 2px 8px;background-color: #c72621;}
.right-box-newsletter-form.open a.handle .image {background-position: 0 -100px}
.right-box-newsletter-form .description {width: 300px; top: 0; left: 0px; position: absolute; padding: 9px 13px 9px 13px; font: 11px Arial; text-spacing: 0.5}
.right-box-newsletter-form .error {font: 12px Arial;color:red; text-spacing: 0.5}
.right-box-newsletter-form .label {width:270px; display:block; }
.right-box-newsletter-form .contact_box_form {padding-top: 5px;width: 337px; height: 34px; float: left;}
.right-box-newsletter-form .contact_box_form #newsletter_email {float: left; margin-right: 10px;}
.right-box-newsletter-form .contact_box_form #recaptcha3 {float: left; transform:scale(0.90);-webkit-transform:scale(0.90);transform-origin:0 0;;-webkit-transform-origin:0 0;}
.right-box-newsletter-form .contact_box_form input[type="checkbox"] {float:left; margin:2px;} 
.right-box-newsletter-form .contact_box_form input[type="text"] {float: left; height: 27px; width: 260px; margin-top: 0px; border: none; padding: 1px 7px; font: 12px Arial; color: #696969; border: 1px solid #d1d1d1; background:#ffffff;}
.right-box-newsletter-form .contact_box_form textarea {float: left; width: 260px; margin-top: 0px; border: none; padding: 1px 7px; font: 12px Arial; border: 1px solid #d1d1d1;}
.right-box-newsletter-form .contact_box_form .buttonn {margin-top: 4px; margin-left: 100px;}


.right-box-newsletter-form .contact_box_form .button {float: left; margin-top: 4px;}
.right-box-newsletter-form .contact_box_form .button .button_small {background: url(../images/newsletter_wysuwany/butt2.png) no-repeat 100% 0; height: 26px;}
.right-box-newsletter-form .contact_box_form .button .button_small span {background: url(../images/newsletter_wysuwany/butt.png) no-repeat 0 0; height: 14px; padding: 5px 0px 7px 10px !important}
.right-box-newsletter-form .contact_box_form .button .button_small:hover {background-position: 100% -26px; }
.right-box-newsletter-form .contact_box_form .button .button_small:hover span {background-position: 0 -26px; }
.right-box-newsletter-form .message {padding: 20px; margin: 0 auto; font: bold 20px Arial; width: 200px; display: block; text-align: center}