* { margin: 0; padding: 0;}

body{ font: 12px Arial; color: #4d4d4d;}

h2 {font: bold 18px Arial; color: #4d4d4d; margin-bottom: 10px;}
a, a:active, a:visited {color: #e53516; text-decoration: none; outline: none; cursor: pointer;}
a:hover{text-decoration: underline;}

ul {list-style: none outside none;}
img {border: 0;}
.left{ float:left !important;}
.right{ float:right !important; }
.clear{ clear:both; }

body .hide {display: none;}

/*errors list*/
.error_list{display: block; float: left; margin-left: 10px; color: red; font-style: italic;}
/*.error_list li{ display: block; float: left; list-style: none;}

.form .error{background-color: #FCDDD7;}
.form .active{border-color: #A4CF08;}*/

/*Komunikaty*/
#flash_success {background-color: #CFFFBF; border: 1px solid #5C9E4B; font-size: 16px; font-weight: bold; margin: 30px 0; padding: 10px; text-align: center; color: #5C9E4B;}
#flash_notice {background-color: #DDDBDC; border: 1px solid #BDBDBD; font-size: 16px; font-weight: bold; margin: 30px 0; padding: 10px; text-align: center;}
#flash_error {background-color: #e7928d; border: 1px solid #c82820; font-size: 16px; font-weight: bold; margin: 30px 0; padding: 10px; text-align: center; color: #c82820;}

/*ikony*/
.icon {display: block; width: 16px; height: 16px;}
.ico_accept {background: url(../images/backend/accept.png) no-repeat;}
.ico_edit {background: url(../images/backend/edit.png) no-repeat;}

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

div.back {margin-top: 15px; text-align: right;}
div.back a {display: inline-block; height: 8px; line-height: 8px; background: url(../images/viessmann/for-back.png) no-repeat 0 0; padding-left: 10px;}
/* buttony */
.botton_contenter {
    text-align: center;
}
a.vbtn{
    border:none;
    background:none;
    padding:0;
    margin:0;
    width:auto;
    height:27px;
    overflow:visible;
    text-align:center;
    display:inline-block;
    white-space:nowrap;
    padding-left:22px;
    background:url(../images/viessmann/buttony/button1.png) no-repeat 0 0;
}

a.vbtn span{
    height:27px;
    display:block;
    margin:0;
    color:#fff;
    font-style:normal;
    line-height:27px;
    margin-right:-10px;
    padding-right:22px;
    background:url(../images/viessmann/buttony/button2.png) no-repeat 100% 0;
    text-shadow: 0 1px 1px #000000;

}
a.vbtn:hover {background-position: 0 -27px; text-decoration: none;}
a.vbtn:hover span{background-position: 100% -27px;}

button.vbtn {
    background: url(../images/viessmann/buttony/zob_wiecej.png) no-repeat;
    border: 0;
    margin: 0;
    cursor: pointer;
    width: 114px;
    height: 27px;
    display: inline-block;
    text-indent: -9999px;
}

a.close {float: right; background: transparent url(../images/zamknij.gif) no-repeat scroll 100% 0; display: block; height: 17px; text-align: right; padding-right: 20px;}
a.more {float: right; background: transparent url(../images/wiecej.gif) no-repeat scroll 100% 0; display: block; height: 17px; text-align: right; padding-right: 20px;}
a.zoom {background: transparent url(../images/zoom.gif) no-repeat scroll 100% 0; display: block; float: left; height: 20px; text-indent: -9999px; width: 20px;}

/*product price*/
.product-price {font-weight: bold; color: #C41330;}
.product-old-price {color: #19388A; text-decoration: line-through; margin-right: 5px;}

/*header login*/
/*content login*/
#login-wrapper { display: none; background: #575E66 url("../images/footer1.jpg") no-repeat scroll center -46px; width: 100%; position: relative; overflow: hidden;}
#login-wrapper #login-box {width: 552px; height: 196px; margin: 0 auto;}
#login-wrapper #login-box table {margin: 38px auto; width: 425px; color: #FFFFFF;}
#login-wrapper #login-box table th{text-align: right; padding:10px 5px;}
#login-wrapper #login-box table td{text-align: left; padding:10px 5px;}
#login-wrapper #login-box input {width: 200px; color: #FFFFFF; background-color: #000000; border: 1px solid #000000;}


/* dlugosc wewnetrznych komponentow */
#header, #menu, #slider, #breadcrumbs, #content, #subpage_title, #offer_request, .footer-inner{
    width: 980px;
    margin: 0 auto;
}
/* header */
#header_wrapper{
    background: #fff;
    height: 94px;
}
#header{}
#header #header_content{    
    float: left;
    height: 94px;
    overflow: hidden;
    width: 980px;
}
#header #logo_3e{
    width: 246px;
    height: 94px;
    float: left;
    background: url(../images/viessmann/LOGO2.jpg) no-repeat;
}
#header #logo_3e a{
    display: block;
    width: 246px;
    height: 112px;
    text-indent: -9999px;
}
#header h1{
    width: 221px;
    height: 112px;
    float: right;
    background: url(../images/viessmann/viess_logo.gif) no-repeat;
}
#header h1 a{
    display: block;
    width: 221px;
    height: 112px;
    text-indent: -9999px;
}

#bgd_over_menu_wrapper{
    height: 4px;
    background: url(../images/viessmann/zmiany_01_2013/grey_bgd1.jpg) no-repeat 50% 50%;
}
#bgd_over_menu_sub_wrapper{
    height: 4px;
    background: url(../images/viessmann/zmiany_01_2013/grey_bgd1_sub.jpg) no-repeat 50% 50%;
}

/* menu */
#menu_wrapper {background: url(../images/viessmann/menu_top/top_menu.gif) repeat-x; height: 50px;}
#menu_wrapper ul {text-align: left; overflow: hidden; float: left;}
#menu_wrapper ul li {text-transform: uppercase; list-style-type: none; float: left;}
#menu_wrapper ul li.start {background: none;}
#menu_wrapper ul li:hover,
#menu_wrapper ul li.active {list-style-type: none;float: left;}
#menu_wrapper ul li a { display:block; line-height: 50px; /*background: transparent url(../images/viessmann/menu_top/top_menu_divider.gif) no-repeat -7px 0;*/ text-decoration: none; padding: 0 20px; color: #5b5b5b; font-weight: bold;}
#menu_wrapper ul li a:hover {color: #E53516;}
#menu_wrapper ul li a.no_divider{background: transparent;}
#menu_wrapper ul li li{text-transform: none; background: transparent url(../images/viessmann/menu_top/menu_top_exp2.png) repeat-y scroll top; width: 201px;}
#menu_wrapper ul li li:hover {background: transparent url(../images/viessmann/menu_top/menu_top_exp2.png) repeat-y scroll top;}
#menu_wrapper ul li li a {padding: 8px 10px; line-height: 1; margin-left: 13px; width: 165px; border-bottom: 1px solid #FFFFFF;}
#menu_wrapper ul li li a:hover {text-decoration: underline;}
#menu_wrapper ul li li.first{height: 14px; background: transparent url(../images/viessmann/menu_top/menu_top_exp1.png) no-repeat scroll top;}
#menu_wrapper ul li li.end{height: 6px; background: transparent url(../images/viessmann/menu_top/menu_top_exp3.png) no-repeat scroll 0 -6px; }
#menu_wrapper ul li ul {overflow: hidden;display: none; font-size: 12px; font-weight: bold;}
#menu_wrapper ul li:hover ul { position: absolute; padding: 0; display: block;width: 201px; z-index: 10;}
/* menu end */

#bgd_under_menu_wrapper{
    background: url(../images/viessmann/zmiany_01_2013/grey_bgd2.jpg) no-repeat 50% 0;
    padding-bottom: 15px;
}
#bgd_under_menu_sub_wrapper{
    background: url(../images/viessmann/zmiany_01_2013/grey_bgd2_sub.jpg) no-repeat 50% 0;
    padding-top: 35px;
    padding-bottom: 15px;
}

/* slider */
#slider_wrapper{
    position: relative;
    z-index: 0;
    /**/
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 16px;
}
#slider{
    height: 269px;
    position: relative;
}
/*root element for slides*/
#slider_root{
    /* required settings */
    position:relative;
    overflow:hidden;
    margin: 0 auto;
    /* vertical scrollables have typically larger height than width but not now */
    height:269px;
    width:980px;
}
#slider #items{
    position:absolute;
    z-index:10;    
    /* horizontal slider */
    width:20000em;
    /* vertical slider *//*
    position:absolute;
    height:20000em;
    width: 100%;*/
}
#slider .slide{
    height: 269px;
    color: #fff;
    float:left; /* horizontal slider */
}
#slider .slide_left{
    float:left;
    width:495px;
    height:269px;
    padding-right: 30px;
}
#slider .slide_left h2 {
    color: #363636;
    font: bold 18px Arial;
    text-shadow: none;
}#slider .slide_left h3 {    color: #363636;    font: bold 18px Arial;    text-shadow: none;}
#slider .slide_left_text{
    color: #363636;
    font: normal 12px Arial;
}
#slider .slide_left a {
    background: url(../images/viessmann/slider/arr.gif) no-repeat 0 50%;
    padding-left: 10px;
}
#slider .slide_right{
    float:right;
    width:445px;
    height:269px;
    padding-left: 10px;
}
#slider .slide_right .pic_holder{
    width: 433px;
    height: 257px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 6px;
    background: url(../images/viessmann/zmiany_01_2013/pic_bgd.gif) no-repeat 0 0;
}
#slider .slide_right img{
    display: inline-block;
}
#slider h2, #subpage_title h2{
    font: normal 24px "Trebuchet MS", sans-serif;
    text-shadow: 1px 1px 0 #565555;
    margin-top: 50px;
    color: #fff;
}
#subpage_title h2{
    float: right;
}
#slider p{
    margin: 20px 0;
    font: normal 12px Arial;
    line-height: 200%;
    text-align: justify;
}
#slider img{
    display: block;
    margin: 0 auto 0 auto;
    border: none;
}
#slider_light{
    position: absolute;
    top:0;
    left:0;
    width:980px;
    height:361px;
    background: url(../images/viessmann/slider/slider_light.png) no-repeat 0 50%;
    z-index: 969;
}
#slider_shadow{
    position: absolute;
    left: 0;
    top: 361px;
    width: 980px;
    height: 46px;
    background: url(../images/viessmann/slider/slider_shadow.png) no-repeat 0 50%;
}
/* navigacja scrollable */
#slider_nav{
    position:absolute;
    width:980px;
    top:125px;
    height:21px;
    /* super ie7 hack! for hover effect */
    background: url(../images/trans.png) no-repeat;
}
#slider_nav a, #slider .autoslide a{
    display:inline-blockblock;
    width:21px;
    height:21px;
    text-indent:-9999px;
    cursor: pointer;
}
#slider .autoslide{
    display:inline-block;
    width:21px;
    height:21px;
    overflow: hidden;
    margin-right: 1px;
    vertical-align: bottom;
    

}

#slider .autoslide .play{
    display:inline-block;
    width:21px;
    height:21px;
    overflow: hidden;
    background: url("../images/viessmann/zmiany_01_2013/nav_icons.png") no-repeat -62px -21px #A4A4A4;
}

#slider .autoslide .pause{
    display:inline-block;
    width:21px;
    height:21px;
    overflow: hidden;
    background: url("../images/viessmann/zmiany_01_2013/nav_icons.png") no-repeat -43px -21px #A4A4A4;
}

#slider .autoslide .play:hover{
    background-position: -62px 0px;
    background-color: #707070;
}

#slider .autoslide .pause:hover{
    background-position: -43px 0px;
    background-color: #707070;
}

#slider_buttons a.prev {background: url("../images/viessmann/zmiany_01_2013/nav_icons.png") no-repeat 0 -21px #A4A4A4; display: inline-block; height: 21px; width: 21px; margin-right: 1px; padding: 0px; margin-left: 8px;}
#slider_buttons a.next {background: url("../images/viessmann/zmiany_01_2013/nav_icons.png") no-repeat -21px -21px #A4A4A4; display: inline-block; height: 21px; width: 21px; margin-right: 1px; padding: 0px;}
#slider_buttons a.prev:hover {background-position: 0 0;}
#slider_buttons a.next:hover {background-position: -21px 0;}

#slider_buttons {
    overflow: hidden;
    text-align: right;
    position: absolute;
    bottom: 0px;
    right: 465px;
    width: 400px;
    z-index: 969; 
    height: 21px;
}
#slider_buttons a{
    display: inline-block;
    width: 21px;
    height: 18px;
    margin-right: 1px;
    background: #A4A4A4;
    cursor: pointer;
    color: #ffffff;
    font: 12px Arial;
    font-weight: bold;
    text-align: center;
    padding-top: 3px;
    vertical-align: middle;
}

#slider_buttons a:hover{
    background-color: #707070;
    text-decoration: none;
}

#slider_buttons a.active{
    background: #E53718;
    text-decoration: none;
}
/* slider end */

#subpage_wrapper{
    height: 183px;
    position: relative;
    z-index: 0;
    background: url(../images/water_bgd_sub.jpg) no-repeat;
}

/*breadcrumb*/
#breadcrumbs {white-space: nowrap;}
#breadcrumbs p, #breadcrumbs a, #breadcrumbs span {display: inline-block; margin-right: 5px; line-height: 3; font-size: 11px;}
/* breadcrumb end */

/* search_wrapper */
#menu_wrapper #search_wrapper{
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    position: relative;
}
#menu_wrapper #search_wrapper p, #menu_wrapper #search_wrapper .submit{
    float: left;
    height: 27px;
}
#menu_wrapper #search_wrapper p{
    width: 160px;
    background: url(../images/viessmann/search.png) no-repeat 0 0;
}
#menu_wrapper #search_wrapper p.hover{
    background-position: 0 -27px;
}
#menu_wrapper #search_wrapper .text{
    border: none;
    background: none;
    padding: 5px 5px 5px 7px;
    width: 130px;
    color: #5b5b5b;
}
#menu_wrapper #search_wrapper div{
    background: url(../images/viessmann/search.png) no-repeat 0 0;
    display: block;
    height: 27px;
    width: 209px;
    overflow: hidden;
    padding-left: 5px;
}
#menu_wrapper #search_wrapper .submit{
    width: 28px;
    height: 23px;
    border: none;
    background: transparent url(../images/viessmann/search_button.png) no-repeat 0 0;
    cursor: pointer;
    margin-top: 2px;
    float: right;
}
#menu_wrapper #search_wrapper .submit:hover{
    background: transparent url(../images/viessmann/search_button.png) no-repeat 0 -22px;
}
#menu_wrapper #search_wrapper .change_search{
    width: 25px;
    height: 23px;
    border: none;
    background: transparent url(../images/viessmann/search_button.png) no-repeat -28px 0;
    cursor: pointer;
    margin-top: 2px;
    float: right;
}
#menu_wrapper #search_wrapper .change_search:hover{
    background: transparent url(../images/viessmann/search_button.png) no-repeat -28px -22px;
}

#menu_wrapper #search_wrapper .radio_list{
    position: absolute;
    top: 29px;
    right: 0;
    width: 100px;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    z-index: 99999;
    padding: 10px;
    display: none;
}
#menu_wrapper #search_wrapper .radio_list li{
    text-transform: lowercase;
}
#menu_wrapper #search_wrapper .radio_list li:hover{
    background: none;
    height: auto;
}
/* search_wrapper end */
#offer_request, #offer_request a{
    height: 37px;
}
#offer_request a {
    display: block;
    text-indent: -9999px;
    background: url(../images/viessmann/zap_ofertowe.png) no-repeat;
}

h2.flower, h2.leaf, h2.sun {padding-left: 45px; line-height: 45px;}
h2.flower{background: url(../images/viessmann/kwiatek.jpg) no-repeat;}
h2.leaf{background: url(../images/viessmann/listek.jpg) no-repeat;}
h2.sun{background: url(../images/viessmann/sloneczko.jpg) no-repeat;}
h2.line {border-bottom: 1px solid #c9c8c8; margin-bottom: 10px;}h1.flower, h1.leaf, h1.sun {padding-left: 45px; line-height: 45px;}h1.flower{background: url(../images/viessmann/kwiatek.jpg) no-repeat;}h1.leaf{background: url(../images/viessmann/listek.jpg) no-repeat;}h1.sun{background: url(../images/viessmann/sloneczko.jpg) no-repeat;}h1.line {border-bottom: 1px solid #c9c8c8; margin-bottom: 10px;}

#home_page #welcome_news_container {margin-bottom: 15px;}
#home_page p {margin-bottom: 5px;}
#home_page .home_page_left, #home_page .home_page_right {width: 360px; float: left;}
#home_page .home_page_right {margin-left: 20px;}


.news_clip_box {overflow: hidden; border-bottom: 1px solid #d9d9d9; padding-bottom: 12px; margin-bottom: 12px;}
.news_clip_box .news_clip_box_left{width: 110px; float: left;}
.news_clip_box .news_clip_box_img{width: 100px; height: 66px; padding: 4px; border: 1px solid #ddd; background: #eee; text-align: center;}
.news_clip_box .news_clip_box_right{width: 240px; margin-left: 10px; float: left;}
.news_clip_box .news_clip_box_title{font: bold 12px; color: #4d4d4d; margin-bottom: 5px;}
.news_clip_box .news_clip_box_title a{color: #4d4d4d; font-weight: bold;}
.news_clip_box .news_clip_box_title a:hover{color: #e53516; text-decoration: none;}
.news_clip_box .news_clip_box_date{font-size: 11px;}
span.gt {color: #e53516; font-size: 9px;}

.realization_clip_box {overflow: hidden; border-bottom: 1px solid #d9d9d9; padding-bottom: 12px; margin-bottom: 12px;}
.realization_clip_box .realization_clip_box_content {margin-bottom: 5px;}
.realization_clip_box .realization_clip_box_img{float: left; padding: 0 10px 4px 0;}
.realization_clip_box .realization_clip_box_img img{width: 100px; height: 66px; padding: 4px; border: 1px solid #ddd; background: #eee;}
.realization_clip_box .realization_clip_box_link {float: right;}
.realization_clip_box .realization_clip_box_title{font: bold 12px; color: #4d4d4d; margin-bottom: 5px;}
.realization_clip_box .realization_clip_box_title a{color: #4d4d4d; font-weight: bold;}
.realization_clip_box .realization_clip_box_title a:hover{color: #e53516; text-decoration: none;}

#news_page .item-wrapper {margin-bottom: 20px; border: 1px solid #d9d9d9; padding: 10px;}
#news_page .image {float: left; width: 200px;}
#news_page .image-holder {display: table; margin: 0 auto;}
#news_page .image-holder span {display: table-cell; vertical-align: middle;}
#news_page .item {float: left; margin-left: 20px; width: 490px;}
#news_page .item h3 {}
#news_page .item .date {margin-bottom: 5px;}
#news_page .item .short-desc {margin-bottom: 5px;}
#news_page .item a.read-more {float: right;}

#news_details .date {margin-bottom: 5px;}
#news_details #short_description {margin-bottom: 5px;}
#news_details #description {margin-bottom: 5px;}
#news_details .news_content_files{margin: 15px 0;}
#news_details .news_content_files table{background: #DFDFDF; width: 740px;}
#news_details .news_content_files table th, #news_details .news_content_files table td{background: #F7F7F7; padding: 5px 8px; text-align: center;}
#news_details .news_content_files .cell_left {text-align: left;}

#product_list .list-navi-wrapper {float: right; margin-bottom: 5px;}
#product_list #category-description {margin: 5px 0; overflow: hidden;}
#product_list .product_box {display: block; overflow: hidden; min-height: 169px; border: 1px solid #e1e0e0; margin-bottom: 10px; background: url(../images/viessmann/karta_produktu/grad_bgd.gif) repeat-y 100% 0;}
#product_list .product_box:hover {border: 1px solid #B2B2B2;}
#product_list .product_box_left {display: block; float: left; width: 200px; height: 100%;}
#product_list .product_box_img {display: block; display: table; height: 100%; margin: 10px auto;}
#product_list .product_box_img span{display: table-cell; vertical-align: middle;}
#product_list .product_box_img a{}
#product_list .product_box_right {display: block; width: 500px; float: left; padding: 18px 0;}
#product_list .product_box_name {display: block; color: #e53516; font-weight: bold; margin-bottom: 15px;}
#product_list .product_box_description {display: block; min-height: 60px; margin-bottom: 15px; color: #000;}
#product_list .product_box_button {display: block; float: right;}

#product_page h2 {margin-bottom: 10px;}
#product_page #product_data {}
#product_page #product_data_cols {overflow: hidden;}
#product_page #product_data_description {margin-top: 10px;}
#product_page #product_data_col_left {float: left; width: 380px;}
#product_page #product_data_col_right {float: left; width: 360px;}
#product_page #product_data_col_right_box {padding: 20px 15px 15px 15px; margin-bottom: 45px; border: 1px solid #e1e0e0; background: url(../images/viessmann/karta_produktu/grad_bgd.gif) repeat-y 100% 0;}
#product_page #product_data_col_right_title {margin-bottom: 8px; color: #e53516; font-weight: bold;}
#product_page #product_data_col_right_description {margin-bottom: 20px;}
#product_page #product_data_col_right_files {}
#product_page #product_data_col_right_files a {display: inline-block; line-height: 32px; padding-left: 35px; background: url(../images/viessmann/karta_produktu/pdf_icon.png) no-repeat;}

#image_wrap {display: table; height: 100%; margin: 0 auto;}
#image_wrap .pic_holder {display: table-cell; vertical-align: middle;}

#photo_slider {border: 1px solid #e1e0e0; height: 100px; width: 358px;}
#photo_slider .scrollable {height: 100px; width: 332px;}
#photo_slider .pic_scrollable_holder {display: table; height: 100px; width: 100px; margin: 0 5px;}
#photo_slider .pic_scrollable_holder span {display: table-cell; vertical-align: middle; text-align: center;}
#photo_slider a.browse {margin: 44px 0; width: 12px; height: 12px; background: url(../images/viessmann/karta_produktu/prev-next.png) no-repeat;}
#photo_slider a.prev {background-position: 0 0; float: left; margin-left: 1px;}
#photo_slider a.prev:hover {background-position: 0 -12px;}
#photo_slider a.next {background-position: -12px 0px; float: right; margin-right: 1px;}
#photo_slider a.next:hover {background-position: -12px -12px;}
#photo_slider a.disabled {visibility: hidden;}

#photo_desc{width: 350px;}
#photo_desc span{display: block; font-weight: bold;margin-bottom: 5px;}

#lightbox_wrap {display: none;}

#news_details #images_box {overflow: hidden;}
#news_details .left {width: 350px;}

#faq_page h2 {margin-bottom: 20px;}
#faq_page .faq_question{background: #f7f7f7 url(../images/viessmann/arr.gif) no-repeat 15px 50%; border: 1px solid #dfdfdf; padding-left: 30px; line-height: 25px; margin-bottom: 15px;}
#faq_page .faq_question a{color: #4d4d4d;}
#faq_page .faq_question a:hover{color: #e53516;}
#faq_page .faq_answer{margin-bottom: 15px;}
#faq_page .faq_answer h4 {margin-bottom: 5px;}
#faq_page .faq_answer .faq_answer_content{margin-bottom: 15px;}
#faq_page .faq_answer .faq_answer_photos{margin-bottom: 15px;}
#faq_page .faq_answer .faq_answer_files{margin-bottom: 15px;}
#faq_page .faq_answer .faq_answer_files table{background: #DFDFDF; width: 740px;}
#faq_page .faq_answer .faq_answer_files table th, #faq_page .faq_answer .faq_answer_files table td{background: #F7F7F7; padding: 5px 8px; text-align: center;}
#faq_page .faq_answer .faq_answer_files .cell_left {text-align: left;}

.photo_slider{border: 1px solid #e1e0e0; height: 100px; width: 740px;}
.photo_slider .scrollable{height: 100px; width: 694px;}
.photo_slider .pic_scrollable_holder {display: table; height: 100px; width: 100px; margin: 0 6px 0 7px;}
.photo_slider .pic_scrollable_holder span {display: table-cell; vertical-align: middle; text-align: center;}
.photo_slider a.browse {margin: 44px 0; width: 12px; height: 12px; background: url(../images/viessmann/karta_produktu/prev-next.png) no-repeat;}
.photo_slider a.prev {background-position: 0 0; float: left; margin-left: 1px;}
.photo_slider a.prev:hover {background-position: 0 -12px;}
.photo_slider a.next {background-position: -12px 0px; float: right; margin-right: 1px;}
.photo_slider a.next:hover {background-position: -12px -12px;}
.photo_slider a.disabled {visibility: hidden;}

#contact-box #description-box {float: left; width: 360px;}
#contact-box #map-box {width: 358px; height: 318px; border: 1px solid #dedede; margin-top: 25px;}
#contact-box #form-box {float: left; margin: 10px 0 0 20px; width: 255px;}
#contact-box #form-box .hd {font-weight: bold; margin-bottom: 15px;}
#contact-box #form-box table th {text-align: left;}
#contact-box #form-box table td, #contact-box #form-box table th {padding: 5px 0; font: normal 12px Arial;}
#contact-box #form-box input[type="text"], #contact-box #form-box textarea {width: 100%; background: #f7f7f7; border: 1px solid #dedede; padding-left: 5px;}
#contact-box #form-box input[type="text"]:focus, #contact-box #form-box textarea:focus {border: 1px solid #5f5f5f;}
#contact-box #form-box input[type="text"] {height: 25px;}
#contact-box #form-box textarea {height: 110px; padding-top: 5px;}
#contact-box #form-box input[type="submit"] {margin: 0 auto; display: block;}
#contact-box #form-box .error_list {float: right;}

#contact-box #quick-form-box {float: left; margin: 10px 0 0 20px; width: 50%; text-align: center}
#contact-box #quick-form-box table { margin: 0 auto; width: 100%}
#contact-box #quick-form-box .hd {font-weight: bold; margin-bottom: 15px;}
#contact-box #quick-form-box table th {text-align: left;}
#contact-box #quick-form-box table td, #contact-box #quick-form-box table th {padding: 5px 0; font: normal 12px Arial;}
#contact-box #quick-form-box input[type="text"], #contact-box #quick-form-box textarea {width: 100%; background: #f7f7f7; border: 1px solid #dedede; padding-left: 5px;}
#contact-box #quick-form-box input[type="text"]:focus, #contact-box #quick-form-box textarea:focus {border: 1px solid #5f5f5f;}
#contact-box #quick-form-box input[type="text"] {height: 25px;}
#contact-box #quick-form-box textarea {height: 110px; padding-top: 5px;}
#contact-box #quick-form-box input[type="submit"] {margin: 0 auto; display: block;}
#contact-box #quick-form-box .error_list {float: right;}

#contact-box #quick-form-description {margin: 20px auto}

#form_page fieldset {margin: 20px 0; padding: 10px; border: 1px solid #dedede;}
#form_page legend {font-weight: bold;}
#form_page fieldset:last-child {border: none;}
#form_page table th, #form_page table td {padding: 5px 0; font: normal 12px Arial;}
#form_page table th {text-align: left; width: 250px;}
#form_page table th span{color: #ff0000; margin-left: 3px; font-weight: bold;}
#form_page input[type="text"], #form_page select, #form_page textarea {width: 275px; background: #f7f7f7; border: 1px solid #dedede; padding-left: 5px;}
#form_page input[type="text"], #form_page select {height: 20px;}
#form_page select {width: 283px;}
#form_page textarea {height: 110px; padding-top: 5px;}
#form_page input[type="submit"] {margin: 0 auto; display: block;}
#form_page input[type="text"]:focus, #form_page textarea:focus {border: 1px solid #5f5f5f;}
#form_page .error_list {float: right;}
#form_page tr.data_process_agreement .error_list {float: left; margin: 0;}

/* footer */
#footer_wrapper {background: #636363 url(../images/viessmann/footer_bgd.jpg) no-repeat 0 0; color: #fff; font: normal 11px Arial;}
#footer_wrapper a, #footer_wrapper a:active, #footer_wrapper a:visited {color: #fff;}
#footer_wrapper h4 {font: bold 16px Arial; margin-bottom: 10px; text-transform: uppercase;}
#footer_wrapper #footer_top_wrapper {padding-top: 85px; padding-bottom: 20px; overflow: hidden; min-height: 260px;}
#footer_wrapper #footer_top_wrapper .box, #footer_wrapper #footer_top_wrapper .box_last{float: left; width: 207px; margin-right: 50px;}
#footer_wrapper #footer_top_wrapper .box_last{float: right; margin-right: 0;}
#footer_wrapper #footer_top_wrapper ul {list-style: none; float: left; }
#footer_wrapper #footer_top_wrapper ul li{display: block;}
#footer_wrapper #footer_top_wrapper form div {margin-bottom: 15px;}
#footer_wrapper #footer_top_wrapper form input[type="text"], #footer_wrapper #footer_top_wrapper form textarea {background: transparent; color: #fff; border: 1px solid #fff; padding: 2px; width: 99%;}
#footer_wrapper #footer_top_wrapper form #recaptcha2 {float: left; transform:scale(0.80);-webkit-transform:scale(0.80);transform-origin:0 0;;-webkit-transform-origin:0 0;}
#footer_wrapper #footer_top_wrapper form input[type="submit"] {float: right; background: transparent; color: #fff; border: none;}
#footer_wrapper #footer_bottom_wrapper .line {background: #636363 url(../images/viessmann/footer_line.gif) repeat-x; padding: 13px 0; overflow: hidden;}
#footer_wrapper #footer_bottom_wrapper ul{float: left; font-size: 11px;}
#footer_wrapper #footer_bottom_wrapper ul li{display: block;float: left;padding: 0 10px; border-right: 1px solid #d4d6d8;}
#footer_wrapper #footer_bottom_wrapper ul li:last-child{border: none;}
#footer_wrapper #footer_bottom_wrapper ul li a{text-transform: uppercase;}
#footer_wrapper #footer_bottom_wrapper {overflow: hidden;}
#footer_wrapper #footer_bottom_wrapper .copyright {float: right;}
/* footer end */

#subpage-wrapper {background: transparent url(../images/pic_bread.jpg) no-repeat center top; padding-top: 60px; width: 100%; margin-top: -6px;}

/*content wrap*/
#main-wrapper #content-wrapper {width: 985px; margin: 0 auto; overflow: hidden;}
#main-wrapper #content-wrapper #inner-wrapper {}
#main-wrapper #content-wrapper #inner-wrapper h2{overflow: hidden; text-transform: uppercase; background: transparent url(../images/concave_line.gif) repeat-x scroll bottom center; color: #343434; padding: 10px 0;}
#main-wrapper #content-wrapper #inner-wrapper h2 .h-arrow{float: left; margin-right: 10px; margin-top: 3px; display: block; height: 10px; width: 9px; background: transparent url(../images/head_arrow.gif) no-repeat scroll 0 0;}
#main-wrapper #content-wrapper #inner-wrapper h2 .h-text{float: left; display: block;}
#main-wrapper #content-wrapper #inner-wrapper .per-page-box {float: left; overflow: hidden;}
#main-wrapper #content-wrapper #inner-wrapper .per-page-box .current-page{font-weight: bold; color: #343434;}
#main-wrapper #content-wrapper #inner-wrapper .per-page-box .per-page{border: 1px solid #DADADA; width: 35px; text-align: right; padding: 0px 5px;}

/*slidebar*/
#content_wrapper #slidebar {width: 210px; float: left; font-size: 11px; margin-right: 20px;}
#content_wrapper #slidebar #menu_left_product {padding-left: 10px; background: url(../images/viessmann/menu_header.jpg) no-repeat; height: 39px; width: 200px; font: bold 15px Arial; color: #fff; line-height: 39px; cursor: pointer}
#content_wrapper #slidebar #menu_left_news {padding-left: 10px; background: url(../images/viessmann/news_header.jpg) no-repeat; height: 39px; width: 200px; font: bold 15px Arial; color: #fff; line-height: 39px; cursor: pointer}
/* menu left */
#content_wrapper #menu_left {font-weight: bold; position: relative;} /* z-index: 9000; */
#content_wrapper #menu_left ul {border: 1px solid #e1e0e0; margin-top: 1px;}
#content_wrapper #menu_left ul li {position: relative; list-style-type: none; padding: 1px 1px 0;}
#content_wrapper #menu_left ul li:last-child {padding: 1px;}
#content_wrapper #menu_left ul li:hover > a{background: #d9d9d9;}
#content_wrapper #menu_left ul li a {display:block; text-decoration: none; padding: 9px 0 9px 5px; background: #ececec; color: #4d4d4d;}
#content_wrapper #menu_left ul li a.c-arrow {}
#content_wrapper #menu_left ul li a:hover {color: #E53516;}
/* menu left second level li */
#content_wrapper #menu_left ul li li{position: relative;}
#content_wrapper #menu_left ul li li:hover a {}
#content_wrapper #menu_left ul li li a {display: block; padding: 8px 1px 9px 5px; text-transform: none; background: url(../images/viessmann/menu_left/menu_trans_bgd.png) repeat;}
#content_wrapper #menu_left ul li li a.subc-arrow {}
#content_wrapper #menu_left ul li li a:hover {color: #E53516; background: url(../images/viessmann/menu_left/menu_trans_bgd2.png) repeat;}
#content_wrapper #menu_left ul li li.first{}
#content_wrapper #menu_left ul li li.end{}
/* menu left second level ul */
#content_wrapper #menu_left ul li div.submenu {display: none; width: 210px; border: none; background: url(../images/viessmann/menu_left/menu_left_arrow.png) no-repeat 0 0; /*display:block;position: absolute;left: 210px;*/}
#content_wrapper #menu_left ul li div.submenu ul{margin: 0 0 0 12px; border-left: none; box-shadow: 1px 1px 3px #888; background: #fff; opacity: 0.9;}
#content_wrapper #menu_left ul li:hover div.submenu{position: absolute; left: 210px; top:0; padding: 0; display: block;}
/* menu left third level ul */
#content_wrapper #menu_left ul li li div { position: absolute; left: 198px; top:-1px; padding: 0; display: none; z-index: 9000; width: 210px; background: url(../images/viessmann/menu_left/menu_left_arrow.png) no-repeat 0 0;}
#content_wrapper #menu_left ul li li:hover div { display: block; }
#content_wrapper #menu_left ul li li li a {background: url(../images/viessmann/menu_left/menu_trans_bgd.png) repeat;}
#content_wrapper #menu_left ul li li a:hover {color: #E53516; background: url(../images/viessmann/menu_left/menu_trans_bgd2.png) repeat;}
/* menu left end */

/**/
#content_wrapper #content-holder {float: left; width: 740px;}
#content_wrapper #content-holder ul, .mceContentBody ul {list-style: circle; margin-left: 60px;}
#content_wrapper #content-holder ol, .mceContentBody ol {list-style: decimal; margin-left: 60px;}
#content_wrapper #content-holder-full {}
/**/

/*Lista*/
.list-wrapper {width: 100%; overflow: hidden;}
.list-wrapper .search-result {float: left; margin-right: 10px; overflow: hidden;}
.list-wrapper .list-item-header {padding: 3px 0; overflow: hidden;}
.list-wrapper .list-navi-wrapper {padding: 0 5px; overflow: hidden; background-color: #D5D7D9; line-height: 1.5;}
.list-wrapper .list-item {width: 100%; overflow: hidden; border: 1px solid #FFFFFF; margin: 2px 0;}
.list-wrapper .item-inner-wrapper {width: 755px; overflow: hidden; border: 1px solid #C0BEBE; background: #FFFFFF url(../images/lista-prod/list_grad.gif) repeat-y scroll right center;}
.list-wrapper .list-item .item-box {float: left; overflow: hidden;}
.list-wrapper .list-item .list-photo-box {width: 90px;  padding: 3px; text-align: center;}
.list-wrapper .list-item .list-desc-box { width: 335px; padding: 10px 10px 5px 10px;}
.list-wrapper .list-item .list-desc-box p{font-weight: bold; font-size: 14px; color: #19388A;}
.list-wrapper .list-item .list-desc-box p a{color: #19388A;}
.list-wrapper .list-item .list-brand-box {width: 120px; text-align: center; padding-top: 10px;}
.list-wrapper .list-item .list-buy-box {width: 160px; padding: 10px 10px 5px 5px; text-align: right;}
.list-wrapper .list-item .list-buy-box p{margin: 5px 3px; font-size: 18px;}

.scrollable {position:relative; overflow:hidden; width: 269px; height: 75px;float: left;}
.scrollable .items {width:20000em; position:absolute;}
.scrollable .items div {float:left; width: 354px; padding-left: 2px;}
.scrollable .items div img { margin: 0 4px 0 0; cursor: pointer;}
a.browse { cursor:pointer; display:block; float:left; font-size:1px; height:20px; width:20px; margin-top:28px; margin-left: 3px;}
a.prev { background:url("../images/pagination/prev.png") no-repeat scroll 0 -20px transparent}
a.next { background:url("../images/pagination/next.png") no-repeat scroll 0 -19px transparent}
a.disabled { background-position:  0 0;}
#zoom_box { float: left; width: 414px; text-align: right; margin-top: 5px;}
#zoom_box a.zoom { text-align: center; float: right;}

/* wyświetlanie kategorii produktów */
.main-frame {width: 242px; margin-right: 16px; height: 191px; float: left; position: relative;}
.main-frame .shadow {width: 242px; height: 157px; background: url(/images/kategorie-produktow/cat_bgd.png) 0 0 no-repeat; position: absolute; top: 0px; left: 0px; z-index: 1}
.main-frame img {width: 230px; height: 130px; position: absolute; top: 6px; left: 6px; z-index: 2}
.main-frame .shine {width: 242px; height: 142px;  background: url(/images/kategorie-produktow/shine.png) 0 0 no-repeat; position: absolute; top: 0px; left: 0px; z-index: 3;}
.category_name {width: 242px; height: 36px; position: absolute; bottom: 0px; left: 0px; background: url(/images/kategorie-produktow/cat_arrow.gif) 100% 15% no-repeat; text-align: center; z-index: 4}
.category_name a {width: inherit; height: inherit; font-family: Gotham Narrow Book; font-size: 14px; color: #363636; text-decoration: none; text-transform: uppercase;}
.category_name a:active, .category_name a:hover {color: #C41330}

/* stronnicowanie */
.pagination{overflow: hidden; float: right;}
.pagination a, .pagination span{display: block; float: left; margin: 0; width: 20px; text-align: center;}
.pagination a{font-size: 12px;}
.pagination span{font-weight: bold; }
.pagination a.first, .pagination a.last, .pagination a.prev, .pagination a.next{text-indent: -9999px; height: 20px;}
.pagination a.first{background: url(../images/pagination/first.png) no-repeat 0 0;}
.pagination a.last{background: url(../images/pagination/last.png) no-repeat 0 0;}
.pagination a.prev{background: url(../images/pagination/prev.png) no-repeat 0 0;}
.pagination a.next{background: url(../images/pagination/next.png) no-repeat 0 0;}
.pagination a:hover{background-position: 0 -19px; color: #005598}
.pagination a.prev:hover{background-position: 0 -20px;}
/*fix cufon*/
.pagination cufon{float: left;}
#login_form .error_list, #register_form .error_list {float: right;}

.download_file {padding-left: 20px; display: inline-block; line-height: 16px;}
.file_ico {background: url(../images/backend/ico_page.png) no-repeat left center;}
.file_ico_pdf {background: url(../images/backend/pdf_16.png) no-repeat left center;}
.file_ico_txt {background: url(../images/backend/ico_page.png) no-repeat left center;}

#calculator_page h2{
    margin-bottom: 15px;
}
#calculator_page_text{
    text-align: justify;
}
#calculator_page_links{
    width: 740px;
    height: 237px;
    background: url(../images/viessmann/3e_kalkulatory.jpg) no-repeat;
    margin-top: 20px;
}
#calculator_page_links div a{
    display: block;
    width: 232px;
    height: 232px;
    text-indent: -9999px;
    float: left;
    margin-right: 20px;
}
#calculator_page_links div a.margin_right_0{
    margin-right: 0;
}

/*TinyMCE*/
.tmce_red {color:#E63C24 !important; font-weight: normal !important;}
.tmce_red_bold {color:#E63C24 !important; font-weight: bold !important;}
.tmce_green {color:#059856; font-weight: normal !important;}
.tmce_green_bold {color:#059856 !important; font-weight: bold !important;}

/* Podstrona Viessmann */
#images_box .right #photo_desc {padding: 20px 15px 15px 15px; margin-top: 45px; border: 1px solid #e1e0e0; background: url(../images/viessmann/karta_produktu/grad_bgd.gif) repeat-y 100% 0;}
#images_box #photo_slider {width: 380px; text-align: center;}
#images_box #photo_slider .scrollable {padding-left: 4px; width: 350px;}
#images_box #photo_slider .scrollable .items div img {max-height: 70px; max-width: 100px;}
#images_box #image_wrap img {max-width: 350px;}

/* Opisy kalkulatorów */
.calculator-description {width: 232px; float: left; margin-right: 20px; overflow: hidden;}
.calculator-description-last {width: 232px; float: left; overflow: hidden}
.calculator-description span, .calculator-description-last span {max-width: 232px; display: block; text-align: justify; padding-top: 242px;}

/**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: #595959; box-shadow: 0 0 16px #595959; 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;}