﻿.div_class_article .article_text .strona_artykulu {padding:0;}
div#formularze_zwrotow {} 
div#formularze_zwrotow * {box-sizing: border-box;} 
div#formularze_zwrotow .optional {display: none; margin-bottom: 15px;} 
div#formularze_zwrotow a.powrot-f { float: right; display: block; padding: 10px 30px; text-transform: uppercase; text-decoration: none; color: black; border: solid 1px black; transition: all 250ms ease-out;} 
div#formularze_zwrotow a.powrot-f:hover {background: black; color: white;}

div#formularze_zwrotow div.col {display: inline-block; padding: 10px; } 
div#formularze_zwrotow div.col.col30 {width:25%; vertical-align: top; padding-right: 15px; line-height: 150%;} 
div#formularze_zwrotow div.col.col30 * {font-size: 14px; padding-left:0;} 
div#formularze_zwrotow div.col.col30 p.col_h {font-weight: bold; text-transform: uppercase;} 
div#formularze_zwrotow div.col.col70 {width:69%; vertical-align: top; padding-left: 30px; border-left: solid 1px #d30000;} 
div#formularze_zwrotow div.col.links{ display: flex; flex-direction: row; width: 90%; margin: auto; margin-bottom: 10vh} 
div#formularze_zwrotow div.col.links > a{ flex: 25 1 25%; display: block; margin: 15px; text-align: center; text-decoration: none; border: solid 1px #c3c3c3; font-size: 16px; letter-spacing:.5px; padding: 25px; color: black; transition: all 250ms ease-out; } 
div#formularze_zwrotow div.col.links > a:hover {background: #f1f1f1;}
div#formularze_zwrotow div.col.links > a:before {content:''; display: block; margin: 20px auto 35px; height: 110px; background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYwIDYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2MCA2MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxMjhweCIgaGVpZ2h0PSIxMjhweCI+CjxnPgoJPHBhdGggZD0iTTQyLjUsMjJoLTI1Yy0wLjU1MiwwLTEsMC40NDctMSwxczAuNDQ4LDEsMSwxaDI1YzAuNTUyLDAsMS0wLjQ0NywxLTFTNDMuMDUyLDIyLDQyLjUsMjJ6IiBmaWxsPSIjRDgwMDI3Ii8+Cgk8cGF0aCBkPSJNMTcuNSwxNmgxMGMwLjU1MiwwLDEtMC40NDcsMS0xcy0wLjQ0OC0xLTEtMWgtMTBjLTAuNTUyLDAtMSwwLjQ0Ny0xLDFTMTYuOTQ4LDE2LDE3LjUsMTZ6IiBmaWxsPSIjRDgwMDI3Ii8+Cgk8cGF0aCBkPSJNNDIuNSwzMGgtMjVjLTAuNTUyLDAtMSwwLjQ0Ny0xLDFzMC40NDgsMSwxLDFoMjVjMC41NTIsMCwxLTAuNDQ3LDEtMVM0My4wNTIsMzAsNDIuNSwzMHoiIGZpbGw9IiNEODAwMjciLz4KCTxwYXRoIGQ9Ik00Mi41LDM4aC0yNWMtMC41NTIsMC0xLDAuNDQ3LTEsMXMwLjQ0OCwxLDEsMWgyNWMwLjU1MiwwLDEtMC40NDcsMS0xUzQzLjA1MiwzOCw0Mi41LDM4eiIgZmlsbD0iI0Q4MDAyNyIvPgoJPHBhdGggZD0iTTQyLjUsNDZoLTI1Yy0wLjU1MiwwLTEsMC40NDctMSwxczAuNDQ4LDEsMSwxaDI1YzAuNTUyLDAsMS0wLjQ0NywxLTFTNDMuMDUyLDQ2LDQyLjUsNDZ6IiBmaWxsPSIjRDgwMDI3Ii8+Cgk8cGF0aCBkPSJNMzguOTE0LDBINi41djYwaDQ3VjE0LjU4NkwzOC45MTQsMHogTTM5LjUsMy40MTRMNTAuMDg2LDE0SDM5LjVWMy40MTR6IE04LjUsNThWMmgyOXYxNGgxNHY0Mkg4LjV6IiBmaWxsPSIjRDgwMDI3Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) center 50% no-repeat; background-size: contain;}
div#formularze_zwrotow form {display: table; border-collapse: collapse;} 
div#formularze_zwrotow form input[type="text"], div#formularze_zwrotow form input[type="date"]{padding: 16px 6px; width: 100%; font-size: 15px; vertical-align: middle; } 
div#formularze_zwrotow form select {width: 100%; font-size: 14px; vertical-align: middle; } 
div#formularze_zwrotow form select option {font-size: 14px; } 
div#formularze_zwrotow form input[type="text"].error, div#formularze_zwrotow form select.error, div#formularze_zwrotow form textarea.error {border-color: #d30000; background-color: #fff3f3;}
div#formularze_zwrotow form input[type="text"]::-webkit-input-placeholder, div#formularze_zwrotow form input[type="text"]::-moz-placeholder, div#formularze_zwrotow form input[type="text"]:-ms-input-placeholder, div#formularze_zwrotow form input[type="text"]::input-placeholder {color: gray;}
div#formularze_zwrotow form input[type="text"]#id_zam {width: 23%; margin-right:5px; text-align: center;} 
div#formularze_zwrotow form input#data_zam {width: 23%; margin-right:5px; text-align: center;} 
div#formularze_zwrotow form input#data_wady {width: 23%; margin-right:5px; text-align: center;} 
div#formularze_zwrotow form input[type="text"]#kod {width: 20%; text-align: center;} 
div#formularze_zwrotow form input[type="text"]#miasto {width: 77%; } 
div#formularze_zwrotow form input[type="text"].produkt_ilosc {width:8%; text-align: center;} 
div#formularze_zwrotow form input[type="text"].produkt {width:89%;} 
div#formularze_zwrotow form select.produkt {width: calc(20% - 5px);} 
div#formularze_zwrotow form input[type="radio"]{margin-right:5px;} 
div#formularze_zwrotow form div.sendformular{cursor: pointer; display: block; padding: 10px 30px; text-align: center; text-transform: uppercase; color: white; background: black; font-weight: bold; transition: all 250ms ease-out;}
div#formularze_zwrotow form div.sendformular.wait, div#formularze_zwrotow form div.sendformular.wait:hover {background: gray;}
div#formularze_zwrotow form div.sendformular:hover {background: #d2011f;} 
div#formularze_zwrotow form textarea{border: solid 1px #d7d7d7; font-size: 15px; padding: 6px 6px; width: 100%; min-height: 150px; resize: vertical;} 
div#formularze_zwrotow div.wiersz {display: table-row;} 
div#formularze_zwrotow div.wiersz.separator { height:45px;} 
div#formularze_zwrotow div.wiersz.separator > div {} 
div#formularze_zwrotow div.wiersz > div {display: table-cell; padding: 4px 5px 10px 5px; vertical-align: middle;} 
div#formularze_zwrotow div.wiersz.dodaj_kolejny_element > div {padding: 0px 5px 20px 5px;} 
div#formularze_zwrotow div.wiersz.dodaj_kolejny_element > div.button_dodaj_element {display: inline-block; cursor: pointer; text-decoration: underline;} 
div#formularze_zwrotow div.wiersz.dodaj_kolejny_element > div.button_dodaj_element:hover {color: #d20421;} 
div#formularze_zwrotow div.wiersz.dodaj_kolejny_element > div.button_dodaj_element:before { content: '+'; width: 13px; display: inline-block; height: 13px; background: #d20421; color: white; border-radius: 50%;   margin-right: 3px; vertical-align: middle; line-height: 12px; text-align: center;} 
div#formularze_zwrotow div.wiersz > div.vt {vertical-align: top;} 
div#formularze_zwrotow div.wiersz > div:first-child {width: 30%; text-align: right; }  
div#formularze_zwrotow div.wiersz.w100 {width:100%;} 
div#formularze_zwrotow div.wiersz.w100 > div.w100 {width:100%;} 
div#formularze_zwrotow div.wiersz.req > div:first-child:after {content:'*'; display: inline-block; color: red; margin-left:2px;}  
div#formularze_zwrotow div.wiersz span.v_sep {display: inline-block; padding:0 2px; vertical-align: middle; width: 3%; text-align: center;}  
div#formularze_zwrotow div.wiersz span.remove {display: none; cursor: pointer; font-size: 11px; text-decoration: underline; color: #d91320; line-height: 100%;}  
div#formularze_zwrotow div.wiersz.cloned span.remove {display: block;}  
div#formularze_zwrotow div.wiersz.depend.bank {visibility:hidden;}  
div#formularze_zwrotow div.wiersz p {line-height: 150%; font-size: 14px; padding-bottom: 10px;}  

div#html_banner_promo {display: none;}

div#formResponse > span.error {color: #d30000; font-weight: bold;}
div#formularze_zwrotow span.no_error {display: block; font-size: 15px; border-left: solid 12px #4CAF50; padding: 15px; background: rgba(139, 195, 74, 0.3);}

@media (max-width: 1024px) {
div#formularze_zwrotow h1 {text-align: center;}
div#formularze_zwrotow div.col.links {width: 98%;}
	div#formularze_zwrotow div.col.links {width: 98%; flex-wrap: wrap;}
	div#formularze_zwrotow div.col.links > a {flex: 0 1 100%;}
	div#formularze_zwrotow div.col {display: block; margin: auto; }
	div#formularze_zwrotow div.col.col30 {width: 98%}
	div#formularze_zwrotow div.col.col70 {width: 98%; border: none; padding-left:0;}
	div#formularze_zwrotow div.wiersz {display: block;}
	div#formularze_zwrotow div.wiersz > div {display: block; width: 100%;} 
	div#formularze_zwrotow div.wiersz > div:first-child {width: 100%; text-align: left; padding-bottom: 0;}
}

@media (max-width: 767px)  {

div#formularze_zwrotow a.powrot-f {float: none; text-align: center; font-weight: bold; width: 90%; margin: auto; margin-bottom: 10px; }
}
@media  (max-width: 479px)  {

}


@media (max-width: 479px) { 


}

