.resumecat {
    width: 99%;
    float: left;
    margin: 15px 0 10px 0;
    padding: 8px 0 8px 8px;
    color: #000;
    background: #f0f0f0;
}

.error {
    margin: 0 20px 20px;
    display: block;
}

.full_description p {
	padding-top:10px;
	text-align: justify;
}

.price_container {
    display: block !important;
}

p.zero {
	font-family: LatoBold;
	font-size: 17px;
	color: #87BD16;
	padding-bottom: 5px;
}

#montaz_right {
    right: -350px;
    z-index: 9999; 
    background: #4D4D4D; 
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px;
    padding: 0; 
    width: 350px;
    min-height: 180px;
    position: fixed; 
    top: 170px; 
	-webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.BTNmontaz_right {
	width: 59px;
	height: 242px;
	position: absolute;
	left: -59px;
	margin-top: 45px;
	background: url(../img/small-montaz-btn.png);
}
#montaz_right:hover {
	right: 0px;
	display: block !important;
    overflow: visible !important;
    -webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}


.zobacz-sklepy {
    width: 105px;
    height: 91px;
    position: absolute;
    margin-top: 39px;
    background: url(../img/zobacz.png);
}

.na-zbiornikinaolej a {
    float: left;
	width: 45px;
    height: 189px;
    position: absolute;
    margin-top: 145px;
    text-decoration: none;
    background: url(../img/przekierowania/na-zbiornikinaolej.png) no-repeat 0 0;
}.na-zbiornikinaolej a:hover {background: url(../img/przekierowania/na-zbiornikinaolej.png) no-repeat -45px 0;}

.na-separatory a {
    float: left;
	width: 45px;
    height: 154px;
    position: absolute;
    margin-top: 340px;
    text-decoration: none;
    background: url(../img/przekierowania/na-separatory.png) no-repeat 0 0;
}.na-separatory a:hover {background: url(../img/przekierowania/na-separatory.png) no-repeat -45px 0;}

.na-oczyszczalnie a {
    float: left;
	width: 45px;
    height: 183px;
    position: absolute;
    margin-top: 500px;
    text-decoration: none;
    background: url(../img/przekierowania/na-deszczowke.png) no-repeat 0 0;
}.na-oczyszczalnie a:hover {background: url(../img/przekierowania/na-deszczowke.png) no-repeat -45px 0;}
/******************************
        Reset styles 
******************************/
html{color:#000; background:#FFF; height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit; font-weight:inherit}
del,ins{text-decoration:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:before,q:after{content:''}
abbr,acronym{border:0; font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
input,button,textarea,select,optgroup,option{}
input,button,textarea,select{font-size:100%}

.ie7 input, .ie7 select{line-height:18px}
a {cursor:pointer}

.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}
.clearfix:after {clear: both}
.clearfix {zoom: 1}


/******************************
        Struktura 
******************************/
#page {}
    #header {z-index:10}
    #columns {z-index:1;}
    	#left_column {}
	#center_column {}
	#right_column {}
    #footer {}

.f_left {float: left !important}
.f_right {float: right !important}
.t_left {text-align: left !important}
.t_right {text-align: right !important}
.hidden {display:none}

.container {
    margin:0 auto;
    width: 1024px;
}

.extra-left, .extra-right {display: none;}

@media(min-width: 1360px) {
	#columns {
		width: 1244px;
	}

	.extra-left {
		display: block;
		position: fixed;
		margin-top: 35px;
	}
	.left_panel {
		margin-left: 0px;
	}

	.extra-right {
		display: block;
		position: fixed;
		margin-left: 1164px;
		margin-top: 35px;
	}
}

.left_panel {
    display: inline;
    float: left;
    position: relative;
    margin-right: 20px;
    width: 214px;
}
.center_panel {
    display: inline;
    float: left;
    position: relative;
    width: 790px;
}
    

/******************************
        Główne wartości 
******************************/
body {
    min-height: 100%;
    position: relative;
    
    font-family: 'LatoRegular';
    font-size: 12px;
    color: #000;
    background-color: #fff;
    background-image: url(../img/bg.png);
        background-repeat: repeat;
}

iframe.o-nas  body.content_only {
	background: transparent;
}

form, input, label {float: left;}
input {
    border: 1px solid #4d4d4d;
    margin-bottom: 5px;
}

a {
	font-family: 'LatoBold';
    text-decoration: none; 
    cursor: pointer;
    color: #87BD16;
}
a:hover {
	text-decoration: underline; 
}
a.linkW {color: #fff;}

h1, h2, h3, h4, h5, h6 {font-weight: normal; margin-bottom: 10px;}
h1, #categories_block_left .hgreen {
    font-family: 'OswaldLight';
    font-size: 24px;
}
h1 span, #categories_block_left .hgreen span {
    font-family: 'OswaldBold';
    color: #87BD16;
}
h1.cyfra {margin-top: 40px; margin-bottom: 20px;}
h1 span.cyfra {
    background-color: #4d4d4d;
    padding: 10px 10px 5px 10px;
}
h2 {font-size: 18px;}

table, tr, td, td img {border: 0; vertical-align: middle;}
#block_contact_infos td {
	vertical-align: top;
}
ul, ul li {}

p.warning_inline {
    color: #87BD16;
    text-align: center;
    font-weight: bold;
    padding-bottom: 6px;
}


/******************************
        Buttony 
******************************/
input.BTNbold, a.BTNbold {font-family: 'LatoRegular';}
input.BTNbold:hover, a.BTNbold:hover {font-family: 'LatoBlack';}

input.BTNaddSzary img, a.BTNaddSzary img {float: left;}
input.BTNaddSzary span, a.BTNaddSzary span {float: left; padding: 2px 8px 0 8px;}
input.BTNaddSzary, a.BTNaddSzary {
    float: left !important;
    height: 100% !important;
    font-family: 'CondensedBold';
    font-size: 14px;
    padding: 5px;
    background-color: #4d4d4d;
    color: #fff;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}
input.BTNaddSzary:hover, a.BTNaddSzary:hover {background-color: #87BD16;}

input.BTNaddSzary1 img, a.BTNaddSzary1 img {float: left;}
input.BTNaddSzary1 span, a.BTNaddSzary1 span {float: left; padding: 2px 8px 0 8px;}
input.BTNaddSzary1, a.BTNaddSzary1 {
    float: left;
    height: 100% !important;
    font-family: 'CondensedBold';
    font-size: 14px;
    padding: 5px;
    background-color: #4d4d4d;
    color: #fff;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}
input.BTNaddSzary1:hover, a.BTNaddSzary1:hover {background-color: #fa0f0c;}

input.BTNaddCzerwony img {float: left;}
input.BTNaddCzerwony span {float: left; padding: 2px 8px 0 8px;}
input.BTNaddCzerwony {
    float: left;
    font-family: 'CondensedBold';
    font-size: 14px;
    padding: 5px;
    padding-left: 30px;
    background-color: #87BD16;
    background-image: url(../img/BTNkoszyk-cz.png);
    background-repeat: no-repeat;
    background-position: left center;
    border: 0;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}
input.BTNaddCzerwony:hover {background-color: #000;}

a.BTNaddCzerwony1 span, input.BTNaddCzerwony1 span {float: left; padding: 2px 8px 0 8px;}
a.BTNaddCzerwony1, input.BTNaddCzerwony1 {
    float: left;
    font-family: 'CondensedBold';
    font-size: 14px;
    padding: 5px;
    background-color: #87BD16;
    border: 0;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}
a.BTNaddCzerwony1:hover, input.BTNaddCzerwony1:hover {background-color: #000;}

a.BTNaddCzerwony img {float: left;}
a.BTNaddCzerwony span {float: left; padding: 2px 8px 0 8px;}
a.BTNaddCzerwony {
    float: left;
    font-family: 'CondensedBold';
    font-size: 14px;
    padding: 5px;
    background-color: #87BD16;
    border: 0;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}
a.BTNaddCzerwony:hover {background-color: #000;}

input.BTNprint{
    float: left;
    color: #4d4d4d;
    padding-left: 5px;
    padding-top: 5px;
    margin-bottom: 0;
    background-color: #fff;
    border: 0;
    font-family: 'LatoBold';
    font-size: 13px;
}

/******************************
        Header 
******************************/
#header .top {
    width: 100%;
    background-color: #4d4d4d;
    padding-bottom: 4px;
    box-shadow: 0 2px 10px #000;
    position: relative;
}

.menu_top {
    float: left;
    font-size: 11px;
    color: #999;
    margin-top: 15px;
}
.menu_top a{
    color: #999;
    padding-left: 10px;
    padding-right: 10px;
}

.numer {
    float: right;
    margin-top: 0px;
    font-family: 'ComfortaaRegular';
    font-size: 14px;
    color: #fff;
}
.numer table tr td {padding-left:10px;}
.numer span {
    font-family: 'ComfortaaBold';
    font-size: 19px;
    color: #87BD16;
    padding-top: 3px;
    float: left;
}

.strzalka_top {
    position: absolute;
    margin-top: 39px;
    text-align: center;
    width: 1024px;
	z-index: 10;
}

#header .head {
    width: 100%;
    background-color: #fff;
    margin-bottom: 20px;
    box-shadow: 0px 6px 0px #f2f2f2;
}

.menu_head {
    float: left;
    width: 327px;
    height: 90px;
}
.logo_head {
    float: left;
    width: 370px;
}

a.BTNgratisy {float: left; width: 85px; height: 90px; background: url(../img/BTNcerty.png);}
a.BTNgratisy:hover {float: left; width: 85px; height: 90px; background: url(../img/BTNcerty-active.png);}

a.BTNpromocje {float: left; width: 85px; height: 90px; background: url(../img/BTNdotacje.png);}
a.BTNpromocje:hover {float: left; width: 85px; height: 90px; background: url(../img/BTNdotacje-active.png);}

a.BTNdostawa {float: left; width: 85px; height: 90px; background: url(../img/BTNdostawa.png);}
a.BTNdostawa:hover {float: left; width: 85px; height: 90px; background: url(../img/BTNdostawa-active.png);}

a.BTNkatalog {float: left; width: 85px; height: 90px; background: url(../img/BTNkatalog.png);}
a.BTNkatalog:hover {float: left; width: 85px; height: 90px; background: url(../img/BTNkatalog-active.png);}

a.BTNlogowanie {float: left; width: 85px; height: 90px; background: url(../img/BTNlogowanie.png);}
a.BTNlogowanie:hover {float: left; width: 85px; height: 90px; background: url(../img/BTNlogowanie-active.png);}

a.BTNwyloguj {float: left; width: 85px; height: 90px; background: url(../img/BTNwyloguj.png);}
a.BTNwyloguj:hover {float: left; width: 85px; height: 90px; background: url(../img/BTNwyloguj-active.png);}

a.BTNkontakt {float: left; width: 85px; height: 90px; background: url(../img/BTNkontakt.png);}
a.BTNkontakt:hover {float: left; width: 85px; height: 90px; background: url(../img/BTNkontakt-active.png);}


/******************************
        Left Block 
******************************/
.cat_block {
    float: left;
}
ul.cat_list {
    float: left;
    width: 214px;
    font-family: 'OswaldBold';
    font-size: 14px;
    text-transform: uppercase;
    list-style: none;
}
/*--   POZIOM 0   -- */
ul.cat_list li a{
    float: left;
    width: 100%;
    background-color: #4d4d4d;
    font-family: 'OswaldBold';
    color: #fff;
    border-radius: 6px;
    padding-top: 13px;
    padding-bottom: 8px;
    margin-bottom: 5px;
    text-align: center; 
}
ul.cat_list li a:hover,
ul.cat_list li a.selected{
    font-family: 'OswaldBold';
    background-color: #87BD16;
    color: #fff;
}

/*--   POZIOM 1   -- */
ul.cat_list li ul {list-style: none;}
ul.cat_list li ul li a{
    float: left;
    width: 100%;
    background-color: #e6e6e6;
    font-family: 'OswaldBold';
    color: #4d4d4d;
    border-radius: 6px;
    padding-top: 13px;
    padding-bottom: 8px;
    margin-bottom: 5px;
    text-align: center; 
}
ul.cat_list li ul li a:hover,
ul.cat_list li ul li a.selected{
    font-family: 'OswaldBold';
    background-color: #e6e6e6;
    color: #87BD16;
}

/*--   POZIOM 2   -- */
ul.cat_list li ul li ul {list-style: none;}
ul.cat_list li ul li ul li a{
    float: left;
    width: 100%;
    background-color: transparent;
    font-family: 'OswaldLight';
    color: #4d4d4d;
    border-radius: 6px;
    padding-top: 13px;
    padding-bottom: 8px;
    margin-bottom: 5px;
    text-align: center; 
}
ul.cat_list li ul li ul li a:hover,
ul.cat_list li ul li ul li a.selected{
    font-family: 'OswaldBold';
    background-color: transparent;
    color: #4d4d4d;
}

#search-on-panel {width: 100% !important}
.search_block_left {
    float: left;
    margin-top: 10px;
}
.search_top input.search {
    border: 2px solid #4d4d4d;
    border-radius: 6px;
    width: 200px;
    height: 30px;
    padding-left: 10px;
    background-color: #fff;
}

.frame {
    overflow: hidden;
    float: left; 
    height: 100%; 
    width: 214px; 
    margin-top: 9px;
}
.this_frame {
    overflow: hidden; 
    height: 80%; 
    width: 110%;
}

/******************************
        Center Block 
******************************/


/******************************
        Footer 
******************************/
#footer {
    bottom: 0;
    width: 100%;
    max-height: 233px;
	height: 233px;
    margin-top: 0px;
    border-top: 1px solid #c6c6c6;
	overflow:hidden;
}
#footer:before {
	position:absolute;
	left:0;
	bottom:0;
	width:169px;
	height:233px;
	background: url(../img/trawa-left.png) left bottom no-repeat;
}
#footer:after {
	position:absolute;
	right:0;
	bottom:0;
	width:169px;
	height:233px;
	background: url(../img/trawa-right.png) right bottom no-repeat;
}
#footer .top {
    height: 169px;
    overflow: hidden;
    width: 75%;
}
#footer .bot {
    margin: auto;
    background-color: #87bc24;
    font-size: 11px;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}
#block_contact_infos {
    font-family: 'LatoRegular';
    font-size: 14px;
    color: #000;
    float: left;
	width: 54%;
    margin-top: 20px;
}
#block_contact_infos span {font-family: 'Lato'; color: #87BD16;}
#block_contact_infos table td {height: 30px; padding-top: 5px;}
#block_contact_infos table td img {vertical-align: top;}
#block_contact_infos table td.first {text-align: center; padding-right: 5px;}
#block_contact_infos td.title {
    font-family: 'LatoBold'; 
    color: #87BD16;
    font-size: 20px;
}
pre.adress {
    font-family: 'LatoBold';
    font-size: 14px;
    color: #fff;
}
.transferuj {
    float: left;
    margin-top: 40px;
}


/******************************
        Stronicowanie 
******************************/
div.pagination {
    text-align: right;
    float: right;
    width: 100%;
}
ul.pagination {list-style-type:none}
ul.pagination li {display: inline;}
ul.pagination a, ul.pagination span {
    display: inline-block;
    color: #4d4d4d;
    padding: 2px 4px 2px 4px;
    border: 2px solid #e6e6e6;
    border-radius: 4px;
    background-color: #fff;
}
ul.pagination a {
    text-align:center;
    padding: 2px 4px 2px 4px;
    border: 2px solid #e6e6e6;
    border-radius: 4px;
    background-color: #fff;
}
ul.pagination a:hover {
    border: 2px solid #87BD16;
    border-radius: 4px;
    background-color: #87BD16;
    color: #fff;
}
ul.pagination .current span {
    color: #fff;
    background-color: #4d4d4d;
    border: 2px solid #4d4d4d;
}
ul.pagination li.disabled span {color:#ccc}

#pagination_previous, .pagination_previous {}
#pagination_next, .pagination_next {}

ul.pagination .pagination_previous a,ul.pagination .pagination_previous span,
ul.pagination .pagination_next a, ul.pagination .pagination_next span {
    width:auto;
}
#pagination_previous, .pagination_previous span,
#pagination_next, .pagination_next span {}


/******************************
        Koszyk 
******************************/
#cart_block {
    right: -360px;
    z-index: 9999; 
    background: #87BD16; 
	border-bottom-left-radius: 6px;
    padding: 30px; 
    width: 300px;
    min-height: 180px;
    position: fixed; 
    top: 50px; 
    color: #fff;
}
.BTNcart_block {
	width: 59px;
	height: 119px;
	margin-top: -30px;
	position: absolute;
	left: -59px;
	background: url(../img/koszyk-left.png);
}
#cart-buttons {
    bottom: 0;
    right: 0;
    position: absolute;
    margin-bottom: 20px;
    margin-right: 20px;
}

.shopping_block {
    float: left;
    width: 766px;
    min-height: 600px;
    background-color: #fff;
    border: 2px solid #4d4d4d;
    border-radius: 4px;
    padding: 10px;
    padding-top: 20px;
}
.shopping_block_cms {
    float: left;
    width: 746px;
    min-height: 590px;
    background-color: #fff;
    border: 2px solid #4d4d4d;
    border-radius: 4px;
    padding: 20px;
}

.products .last_item {
	padding-bottom: 25px !important;
	display: block;
}

/******************************
        Step - 1 : Podusmowanie koszyka
******************************/
#order-detail-content {
    float: left;
    width: 100%;
}
#cart_summary {
    float: left;
    width: 100%;
    border: 0;
    font-size: 14px;
}
#cart_summary th {
    padding: 10px;
    background-color: #4d4d4d;
    color: #fff;
    border: 0;
}
#cart_summary th.cart_description {width: 60%;}

#cart_summary tr {border: 1px solid #fff;}
#cart_summary tr.odd {background-color: #e5e5e5;}
#cart_summary tr.even {background-color: #f1f1f1;}
#cart_summary td {
    padding: 10px;
    color: #000;
}
.cart_quantity_button {float: right}
#cart_summary td.cart_quantity {float: left;}
.cart_quantity_up img {
    float: left;
    margin-top: 10px;
}
.cart_quantity_input {
    border: 0;
    background: transparent;
    padding-top: 11px;
    width: 15px;
}
.cart_quantity_delete {padding-left: 15px;}

#cart_voucher {
    float: left;
    width: 50%;
    font-size: 14px;
    margin-top: 10px;
}
#display_cart_vouchers {
    float: left;
    width: 100%;
}

#cena_koncowa {
    float: right;
    margin-top: 10px;
}
tr.dostawa {
    font-family: 'LatoRegular';
    font-size: 15px;
}
tr.total {
    font-family: 'LatoBold';
    font-size: 18px;    
}
p.cart_navigation {
    float: left;
    width: 100%;
    margin-top: 10px;
}

/******************************
        Step - 2 : Konto
******************************/
#opc_new_account {float: left; width: 100%;}
#login_form {
    float: left;
    width: 100%;
    padding-top: 35px;
    padding-bottom: 25px;
    background-color: #d5d5d5;
    color: #808080;
    border: 1px solid #fff;
}
#login_form input#login_email, #login_form input#login_passwd {
    border: 1px solid #808080;
    height: 23px;
    background: transparent;
}
#login_form label, #login_form label {
    padding-top: 7px;
    padding-right: 15px;
}
p.forgot_passwd {
    float: left;
    width: 100%;
    font-size: 10px;
    margin-left: 45px;
}

#new_account_form {
    float: left;
    width: 100%;
    border: 1px solid #fff;
}
#opc_account_choice {float: left; width: 100%;}
.opc_float {
    float: left;
    width: 50%;
    padding-top: 35px;
    padding-bottom: 25px;
    background-color: #f1f1f1;
}
.opc_float input {margin-left: 150px;}

#opc_account_form {
    float: left;
    width: 100%;
    padding-top: 15px;
    background-color: #f1f1f1;   
}
#opc_account_form label {
    padding-top: 1px;
    padding-left: 5px;
}
label.privacy {
    width: 90%;
    text-align: center;
    padding-top: 15px !important;
}

#opc_account {float: left; width: 100%;}


/******************************
        Step - 3 : Dostawa
******************************/
#carrier_area {
    float: left;
    width: 100%;
    font-size: 14px;
}

.delivery_options_address_title table {
    float: left; 
    width: 100%;
    color: #fff;
    background-color: #4d4d4d;
}
.delivery_options_address_title table td {padding: 10px;}
.delivery_option {float: left; width: 100%;}
.delivery_option label {float: left; width: 90%; padding-left: 10px;}
.delivery_option.item {background-color: #d5d5d5;}
.delivery_option.alternate_item {background-color: #f1f1f1;}

table.resume {float: left; width: 100%;}
table.resume td {padding: 10px;}

.odrer-carrier-check {float: left; width: 100%; margin-top: 10px;}
.commnet_order {float: left; width: 100%; margin-top: 10px;}
.odrer-carrier-message {width: 400px; height: 100px;}

/******************************
        Step - 4 : Płatność
******************************/
#opc_payment_methods {
    float: left;
    width: 100%;    
}


/******************************
        Moje konto
******************************/
.myaccount_lnk_list{
    float: left;
    margin-left: 20px;
    padding-bottom: 100px;
}
.myaccount_lnk_list .myaccount-link {
    float: left;
    text-align: center;
    margin-right: 100px;
    font-family: LatoBlack;
    font-size: 15px;
    text-transform: uppercase;
    color: #4d4d4d;
}
.myaccount-link.last {
    margin-right: 0;
}
.myaccount-link img {
    margin-bottom: 20px;
}
.myaccount-link .BTNmyacc1{
	float: left;
        text-decoration: none;
        font-family: LatoBlack;
        color: #4d4d4d;
	width: 70px;
	height: 67px;
	background: url(../img/account-zamowienia.png);
}
.myaccount-link .BTNmyacc1 span{
	float: left;
	padding-top: 90px;
	margin-left: -15px;
}
.myaccount-link .BTNmyacc1:hover, .myaccount-link .act1{
        color: #87BD16;
	background: url(../img/account-zamowienia-black.png);
}

.myaccount-link .BTNmyacc2{
	float: left;
        text-decoration: none;
        font-family: LatoBlack;
        color: #4d4d4d;
	width: 77px;
	height: 64px;
	background: url(../img/account-platnosci.png);
}
.myaccount-link .BTNmyacc2 span{
	float: left;
	padding-top: 85px;
	margin-left: -5px;
}
.myaccount-link .BTNmyacc2:hover, .myaccount-link .act2 {
        color: #87BD16;
	background: url(../img/account-platnosci-black.png);
}

.myaccount-link .BTNmyacc3{
	float: left;
        text-decoration: none;
        font-family: LatoBlack;
        color: #4d4d4d;
	width: 68px;
	height: 68px;
	background: url(../img/account-adresy.png);
}
.myaccount-link .BTNmyacc3 span{
	float: left;
	padding-top: 90px;
	margin-left: 5px;
}
.myaccount-link .BTNmyacc3:hover, .myaccount-link .act3 {
        color: #87BD16;
	background: url(../img/account-adresy-black.png);
}

.myaccount-link .BTNmyacc4{
	float: left;
        text-decoration: none;
        font-family: LatoBlack;
        color: #4d4d4d;
	width: 58px;
	height: 60px;
	background: url(../img/account-dane.png);
}
.myaccount-link .BTNmyacc4 span{
	float: left;
	padding-top: 90px;
	margin-left: 8px;
}
.myaccount-link .BTNmyacc4:hover, .myaccount-link .act4 {
        color: #87BD16;
	background: url(../img/account-dane-black.png);
}

.myaccount-link .BTNmyacc5{
	float: left;
        text-decoration: none;
        font-family: LatoBlack;
        color: #4d4d4d;
	width: 65px;
	height: 65px;
	background: url(../img/account-kupony.png);
}
.myaccount-link .BTNmyacc5 span{
	float: left;
	padding-top: 90px;
	margin-left: 2px;
}
.myaccount-link .BTNmyacc5:hover, .myaccount-link .act5 {
        color: #87BD16;
	background: url(../img/account-kupony-black.png);
}

.block_account {
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    font-size: 14px;
    width: 100%;
    background-color: #4d4d4d;
    text-align: center;
}

#address .std p, #password .std p {float: left; width: 100%;}
#address .std p.radio {float: left; width: 100%; padding-bottom: 5px;}
#address form.std fieldset, #password form.std fieldset {
    width: 600px;
	margin:auto;
	padding:10px;
        font-size: 14px;
        font-family: LatoLight;
}
#address .std p.required {color:#333}
#address .std p.text label,
#address .std p.password label,
#address .std p.textarea label,
#address .std p.select label {
        float: left;
	display:inline-block;
	padding-right:10px;
        padding-top: 7px;
	width:174px;/* 184 */
	font-weight:bold;
	font-size:14px;
	text-align:right;
}
#password .std p.text label {
        float: left;
	display:inline-block;
	padding-right:10px;
        padding-top: 7px;
	font-weight:bold;
	font-size:14px;
	text-align:right;   
}
#address .std p.radio label {
        float: left;
        display: inline-block;
        padding-right: 10px;
        padding-top: 4px;
        padding-left: 4px;
        font-size: 14px;
        text-align: right;
}
#address .std p.text label sup,
#address .std p.password label sup,
#address .std p.select label sup {color:#990000;}
#address .std p.text input,
#password .std p.text input,
#address .std p.password input {
        float: left;
	padding:0 5px;
	height:25px;
	width:253px;/* 263 */
	border:1px solid #ccc;
}
#address .std p.select select {
        margin-left: 0;
        margin-bottom: 5px;
        height: 25px;
        float: left;
	border:1px solid #ccc;
}
#address .std p.radio span {
        float: left;
	display:inline-block;
	padding-right:10px;
	width:174px;/* 184 */
	font-weight:bold;
	font-size:14px;
	text-align:right;
        padding-top: 4px;
}
#address .std p.radio input {
        float: left;
	padding:0 5px;
	height:auto;
	width:auto;
	border:none;
	background:none;
	position: relative;
	bottom: -3px;
}
#address .std p.checkbox input {
        float: left;
	position:relative;
	top:2px;
	left:0;
	margin-top: 2px;
}
#address .std p.submit {float: left; text-align: center;}
#address .std p.submit .button {float: left; margin-top: 40px; margin-bottom: 40px;}
#address .std #security_informations {
        float: left;
	font-size:14px;
        text-align: center;
}
#new_account_form label, #new_account_form input[type='text'] {width:90%;}
#new_account_form label.top {width:auto;}
div.clr {height:1px !important;}
#new_account_form .BTNadSzary {margin-right: 20%;}

/******************************
        Strona kontaktowa
******************************/
.contact_block {
    float: left;
    padding-left: 40px;
    padding-bottom: 50px;
    width: 40%;
}
.contact_block .phone {
    font-family: 'LatoLight';
    font-size: 25px;
    padding-top: 20px;
    padding-bottom: 10px;
}
.contact_block .phone span {
    font-family: 'LatoBold';
    color: #87BD16;
}
.contact_block .mail {
    font-family: 'LatoBlack';
    font-size: 16px;
    color: #4d4d4d;
}
.contact_block hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #4d4d4d;
    margin-top: 20px;
    margin-bottom: 10px;
}
.contact_block .infoovat {
    color: #4d4d4d;
    font-size: 14px;
}

.bank_block, .bank_block pre {
    float: left;
    width: 50%;
    color: #4d4d4d;
    font-family: 'LatoRegular';
    font-size: 16px;
}

.adress_block {
    float: left;
    padding-left: 40px;
    width: 40%;
    color: #4d4d4d;
    font-family: 'LatoRegular';
    font-size: 16px;
}
.adress_block pre {
    color: #4d4d4d;
    font-family: 'LatoRegular';
    font-size: 16px;
}

#pot {
    /*display: none;*/
	color: red;
}
.product_name a {
	font-size: 11px;
}
.f_spacer {
	margin-left: 19px !important;
}
.f_content {
	margin-left: 19px !important;
	width:710px !important;
}

.attribute_label,
.attribute_list {
	font-family: 'LatoBold';
	padding: 5px;
	font-size: 13px;
	line-height:27px;
	margin-top:15px;
}
.attribute_list select {
	padding: 4px 10px !important;
	font-size: 13px !important;

}
/*    table full description       */
.full_description table.dane {
	width:100% !important;
}


.full_description table.dane td {
	border: solid 2px #87BD16 !important;
	text-align:left !important;
	padding: 10px !important;
}
.full_description table.dane td:first-child {
	color:grey !important;
	font-family: LatoBold !important;
	font-size: 13px !important;
	color: grey !important;
	text-transform: uppercase !important;
	text-align:center !important;
}
.full_description table.dane td:first-child p {
	text-align:center !important;
}

.full_description table.dane td:nth-child(2) p {
	padding: 0 0 0 30px !important;
	line-height:17px !important;
	background:url('https://zbiornikinaolej24.eu/img/li-image.png') left center no-repeat !important;
}
.z_block.zb {
	width: 300px !important;
	margin: 30px 0 0 19px !important;
}
.f_spacer {
	width: 324px !important;
}
#zadaj_sprzadajacemu label {
	font-size: 18px !important;
}
#zadaj_sprzadajacemu label.small {
	font-size: 14px !important;
}
.dot .message {
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
	color: rgba(212,22,25,1.00);
}
/* ----------------------------------------- order steps -------------------------------------- */
.clr {
	clear: left;

}
.step {
	display: none;	
}
.order-steps-block {
	width: 100%;
	/*background: #ffffff;
	padding: 25px 15px 15px 15px;
	border: solid 2px #8e8e8e;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
}
a.BTNbtw {
	float: left;
    height: 100% !important;
    font-family: 'CondensedBold';
    font-size: 14px;
    padding: 5px;
    background-color: #4d4d4d;
    color: #fff;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}
a.BTNbtw:hover,
.BTNadSzary:hover {
    background-color: #87BD16;
	text-decoration:none;
}
.BTNadSzary {
	float: right;
    height: 100% !important;
    font-family: 'CondensedBold';
    font-size: 14px;
    padding: 5px;
    background-color: #4d4d4d;
    color: #fff;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
}
#order-detail-content {
	padding-bottom: 20px;
	border-bottom: solid 2px #8e8e8e;
}
#ordermsg {
	float:left;
}
a.regulamin {
	color: #000;
	font-weight:normal;
	text-decoration:underline;
	float: left;
}
#HOOK_PAYMENT table {
	border-left: 2px solid #8e8e8e !important;
	border-right: 2px solid #8e8e8e !important;
	border-top: none !important;
	border-bottom: none !important;
}
#HOOK_PAYMENT {
	border-top: 2px solid #8e8e8e !important;
	border-bottom: 2px solid #8e8e8e !important;
}
.payment_module {height:70px;}
p.payment_module {padding-top:10px;}
.payment_module:nth-child(2n+1) {background-color:#ffffff;}
.payment_module:nth-child(2n) {background-color:#f1f1f1;}
.payment_module a {text-decoration:underline;}
/*.payment_module a:hover {font-weight:normal !important;font-family: 'LatoRegular' !important;}*/
.login_block {
	margin-top: 30px;
	border-top: 2px solid #8e8e8e;
	border-bottom: 2px solid #8e8e8e;
}
#login_form_new, 
#create-account_form {
	float: none !important;
	width: 100% !important;
	padding: 45px 0;
	margin: 0;
}
#create-account_form {
	margin-top: 2px;
}
#login_form_new {
	background:#e5e5e5;
}
#create-account_form {
	background:#f1f1f1;
}
.a-label,
.a-input {
	height: 25px;
	line-height: 25px;
	float: left;
}
.a-label {
	width: 10%;
	padding-right: 15px;
	text-align: right;
}
.a-input {
	width: 25%;
}
.a-input input {
	width: 100%;
	border-color: #8e8e8e;
	background: none;
	background-color: transparent;
}
#login_form_new .lost_password {
    padding-left: 0px;
}
#login_form_new .lost_password a {
    font-size: 10px;
    padding-left: 0px;
	color: #8e8e8e;
}
#login_form_new input#SubmitLogin {
    float: left;
    margin-left: 30px;
    margin-top: -2px;
	margin-right: 0px;
}
#create-account_form input#SubmitCreate {
    float: left;
    margin-left: 30px;
    margin-top: -2px;
}
#cart_summary tr {
    border: none;
}
#ordermsg {
    width: 95%;
}
#new_account_form div {
	margin-bottom: 10px;
	background: #fff;
}
#new_account_form div input, #new_account_form div select {
	height: 22px;
	line-height: 22px;
	border-color: #8e8e8e;
	margin-bottom: 5px;
	
}
#new_account_form #id_country {float: left;}
#new_account_form div label {
	line-height: 19px;
	margin-right: 20px;
}
#new_account_form h3 {
    float: left;
    width: 100%;
    font-size: 16px;
    margin-top: 15px;
}
label.privacy {
	width: 80%;
    text-align: left;
}
.tele-info {
	font-size: 10px;
	color: #9d9d9d;
}
.cart_navigation a.BTNbtw {float:left !important;}
.cart_navigation a.BTNadSzary, .cart_navigation a.BTNaddSzary {float:right !important;}
.cart_navigation label {font-weight:bold;clear: both;}

/*--------------- dotacje --------------*/

.dot {
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
	font-family: 'LatoRegular';
}
.dot .dot-title {
	width: 100%;
	float: none;
	clear: left;
	height: 50px;
	margin: 30px 0;
}
.dot .dot-left {
	float: left;
	width: 450px;
	margin: 0;
	padding: 0;
	height: 590px;
}
.dot .dot-right {
	float: left;
	width: 450px;
	margin: 0;
	padding: 0;
	height: 590px;
	text-align: right;
}
.dot .dot-slogan {
	height: 82px;
	font-family: 'LatoRegular';
	color: #8E8E8E;
	font-size: 18px;
	line-height: 41px;
}
.dot .dot-slogan p {
	float: left;
	color: #8E8E8E;
	font-size: 18px;
	line-height: 26px;
	margin-top: 13px;
}
.dot .dot-slogan img {
	float: left;
	margin-right: 10px;
}
.dot .dot-form form {
	float: none;
}
.dot .dot-form table {
	width: 900px;
}
.dot .dot-form td {
	width: 50%;
}
.dot .dot-form .dot-text {
	width: 372px;
	height: 53px;
	margin-bottom: 30px;
	line-height: 53px;
	font-family: 'LatoRegular';
	color: #8E8E8E;
	font-size: 18px;
	padding: 0 20px;
	background:url(/themes/oczyszczalnie/img/dotacje/bg-dotacje.png) left center no-repeat;
	border: none;
}
.dot .dot-submit {
	width: 411px;
	height: 53px;
	padding: 0;
	margin-bottom: 30px;
	line-height: 53px;
	font-family: 'LatoRegular';
	background:url(/themes/oczyszczalnie/img/dotacje/btn-send-dotacje.png) left center no-repeat;
	border: none;
	cursor: pointer;
}
.dot .dot-form .dot-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	padding-left: 20px;
	font-family: 'LatoRegular';
	color: #8E8E8E;
	font-size: 18px;
}
.dot .dot-form .dot-text::-moz-placeholder { /* Firefox 19+ */
	padding-left: 20px;
	font-family: 'LatoRegular';
	color: #8E8E8E;
	font-size: 18px;
}
.dot .dot-form .dot-text:-ms-input-placeholder { /* IE 10+ */
	padding-left: 20px;
	font-family: 'LatoRegular';
	color: #8E8E8E;
	font-size: 18px;
}
.dot .dot-form .dot-text:-moz-placeholder { /* Firefox 18- */
	font-family: 'LatoRegular';
	color: #8E8E8E;
	font-size: 18px;
}
.dot .pull-right {
	float:right;
}
.dot .dot-btn {
	width: 410px;
	padding-top:50px;
	float: left;
}
.dot .dot-img {
	width: 490px;
	float: left;
	display: inline-block;
	margin-bottom: 50px;
	
}
.clr {
	clear: left;
}
:focus {
    outline: -webkit-focus-ring-color none;
}
.dot .message {
	font-size: 14px;
	text-align: center;
	padding: 10px 0;
	color: rgba(212,22,25,1.00);
}

/* ------------------------ new style ----------------------*/
#header .container {max-width:1024px;}
.advertising_block img {
	width:100%;
	height:auto;
}
.more_info_block .idTabHrefShort {
    float: left;
    font-family: 'OswaldBold';
    font-size: 17px;
    color: #fff;
    background-color: #4d4d4d;
    padding: 5px 10px 5px 10px;
    margin-left: 5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.zadaj_blockk {
	/*width: 540px !important;*/
    margin: 0 auto !important;
    float: left !important;
    position: relative !important;

}
.z_block.zb {
	margin: 30px 0 0 19px !important;
}
.z_block.zb {
    background-color: #87BD16 !important;
    border-color: #87BD16 !important;
}
.zadaj_blockk .formularz {
	display:none;
}
.zadaj_blockk .formularz {
	transition: opacity 1s ease-out;
	transition: 0.7s ease-in-out;
    opacity: 0; 
    max-height: 0;
    overflow: hidden;
	
	display:block !important;
	margin-top: -2px;
}
.zadaj_block:hover .formularz {
	display:block !important;
	opacity: 1;
    max-height: 1670px;
	
	
	margin-top: -2px;
}
.zadaj_block:hover #to_click span {
    background: url(../img/zadaj-h.png) no-repeat;
}
.BTNprint { cursor:pointer; }
/*#tab_content table, #tab_content img {
	max-width:746px !important;
}*/


.tab_ToHide {
	transition: opacity 1s ease-out;
	transition: 0.7s ease-in-out;
	opacity: 0; 
    max-height: 0;
	display:none;
}
.tab_ToOpen {
	transition: opacity 1s ease-out;
	transition: 0.7s ease-in-out;
	opacity: 1; 
    max-height: 10000px;
	display:block;
}
/*------------------ */
.grey {
	color: #9d9d9d !important;
}
#banner-footer-box {
	border-top:1px solid #c6c6c6;
	margin:50px 0 0 0;
	padding:0;
	background:rgba(255,255,255,1.00);
}
#banner-footer {
	max-width: 90%;
	margin:0 auto;
	padding:12px 130px;
}
#banner-footer .banner-footer-arrow {
	width:6%;
	min-width: 64px;
	float:left;
}
#banner-footer .banner-footer-logo {
	width:22%;
	padding:0;
	float:left;
	background:none;
}
#banner-footer .banner-footer-logo:hover {
	background:#4d4d4d;
}
#banner-footer .banner-footer-logo img {
	width:100%;
	max-width:300px;
	height:auto;
}
#block_contact_infos table {
	width:90%;
	margin-left:10%;
}
#block_contact_infos table td {
	padding-right: 5%;
}
#account-creation_form p label {
    float: left;
    display: inline-block;
    padding: 6px 15px;
    width: 230px;
    font-size: 14px;
    text-align: right;
}
#account-creation_form p input[type="text"] {
    float: left;
    padding: 0 5px;
    height: 22px;
    width: 360px;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #666;
}
#cart_navigation a {float: right;}

/*---------------- new order steps -------------------------*/
.dn {display:none !important;}
.shopping_block {padding-top:5px;}
h1 span.cyfra {padding:5px 10px;}
h1 span.cyfra, h1.cyfra {font-size:20px;letter-spacing:2pt;font-weight:700;}
#cart_summary td { padding:5px 10px;}
#order-detail-content {border-bottom:none;}
p.cart_navigation {width:auto;}
h1.cyfra {margin-top:10px;margin-bottom:10px;}
#order-detail-content {padding-bottom:0px;}
input.BTNaddSzary, a.BTNaddSzary {
	background-color:#F90F0B;
	transition: all 300ms ease 0ms;
    -moz-transition: all 300ms ease 0ms;
    -webkit-transition: all 300ms ease 0ms;
}
input.BTNaddSzary:hover, a.BTNaddSzary:hover {background-color:#4d4d4d;}
#cart_summary tr.odd {background-color:#d5d5d5;}
#cart_summary th, .delivery_options_address_title table {background-color:#a0a0a0;}
.odrer-carrier-check {width: 30%;}
.commnet_order {width: 70%;}
.odrer-carrier-message {width: 100%;height: 60px;}

.acc {width:30% !important;float:left !important;clear:none !important;padding-top:10px;padding-bottom:0px;}
.acc input {margin-left:auto !important;margin-right:auto !important;}
#login_form {padding-top: 25px;padding-bottom: 5px;}
#center_column #new_account_form p {padding: 0}
#new_account_form p.inline-infos {margin: 5px 0 0 40px !important;font-size:16px !important;color:#000;}
#new_account_form p.password input {width: 200px;}
.req {float: right;font-size: 12px;}
#new_account_form p.textarea textarea {height: 50px !important;width: 312px !important;}
#center_column #new_account_form p#opc_account_saved {color:red !important;margin-left:40px !important;font-size:16px !important;}
p.cart_navigation { width: 100% !important;}
input.BTNaddCzerwony1 {float: left !important;}

.payment_module .payment-top {font-size:18px;font-weight: 700;}
.payment_module .payment-bottom {font-size:14px;}

#contact #freegdpr-consent {margin-bottom:-15px;margin-top:15px;}
#contact #freegdpr-form label {margin-top:15px;}
#contact #submitMessage {float:right!important;bottom:-50px;position:relative;}
#order-opc #freegdpr-form label {margin: 0 11px 20px 35px;width:auto;font-size:16px;}
.zadaj_blockk .z_block {
    float: left;
    background-color: #4D4D4D;
    color: #fff;
    font-family: CondensedBold;
    font-size: 18px;
    border: 2px solid #4d4d4d;
    border-radius: 4px;
    padding: 5px 10px 5px 10px;
}

.footer_middle{
    width:50%;
    margin-left: auto;
    margin-right: auto; 
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    font-family: 'LatoRegular';
    font-size: 14px;
    color: #000;
    line-height: 20px;
}

.footer_middle > div
{
    width:33.33%;
}
.footer_middle ul{
    margin-left: 20px;
}
.footer_middle p {
    text-transform: uppercase;
}

#additional-menu {display: inline-block; margin-bottom: 15px;}
ul.additional-list li a{
	float: left;
    width: 100%;
    background-color: #4d4d4d;
    font-family: 'OswaldBold';
    color: #fff;
    border-radius: 6px;
    padding-top: 13px;
    padding-bottom: 9px;
    margin-bottom: 5px;
    text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	
}
 ul.additional-list{
            list-style-type: none;
           
}
ul.additional-list li{
    float:left;
    margin-right: 23px;
    width: 135px;
}
ul.additional-list li a span{
    font-family: 'OswaldBold';
    font-size: 11px;
    text-transform: uppercase;
    vertical-align: middle;
}
ul.additional-list li a:hover, ul.additional-list li a.selected {
    font-family: 'OswaldBold';
    background-color: #87BD16;
    color: #fff;
}