/* main */
* {	margin: 0;	padding: 0;}*.cl{clear:both} a:focus {outline:none;} img {border: 0;} fieldset {border:0;}.clearfix:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0;height: 0;}
body, input, textarea, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {border:0pt none;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0pt;outline-color:invert;outline-style:none;outline-width:0pt;padding:0pt; margin: 0;vertical-align:baseline;}
body {color: #0c5d7f; font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; background: #97c9dd url(images/bg.png) repeat-x top;}

/* fonts */
/**************************************/
@font-face {font-family: 'oswaldregular';src: url('fonts/oswald-regular-webfont.eot');src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/oswald-regular-webfont.woff2') format('woff2'),url('fonts/oswald-regular-webfont.woff') format('woff'),url('fonts/oswald-regular-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}

/* layout */
/**************************************/
#wrapper {width: 100%; background: url(images/topBg.jpg) no-repeat center top;}
.container {width: 980px; margin: 0 auto;}
ul {list-style: none;}
a {text-decoration: none; color: #0c5d7f; position: relative;}
a:hover {text-decoration: underline;}
.heading {background: #dbeef6 url(images/heading.png) repeat-x 0 top; color: #4c5d7f; font-size: 14px; font-weight: bold; padding: 5px 15px 3px 15px; clear: both;}

/* header */
/**************************************/
.header {height: 230px; background: url(images/top.jpg) no-repeat 0 top; position: relative;}
	.header .top {height: 173px;}
		.header .logo {display: block; width: 238px; height: 81px; padding: 23px 0 0 23px; text-align: center;}
			.header .logo a {display: inline-block; width: 238px; height: 81px; text-indent: -2000em; background: url(images/logo.png) no-repeat;}
		.header .panel {position: absolute; top: 19px; right: 0;}
			.header .panel .basket {height: 41px; background: url(images/koszykBg.png) no-repeat 0 0; color: #fff; border: 1px solid #0b6891; padding: 7px 30px 0 72px; font-size: 11px; text-align: center;}
				.header .panel .basket a {color: #fff; text-decoration: underline;}
				.header .panel .basket a:hover {text-decoration: none;}
			.header .panel .hurt {text-align: center; font-weight: bold; padding: 10px 0;}
				.header .panel .hurt a {color: #06394f;}
				.header .panel .hurt a:hover {color: #fff;}
			.header .panel .loginBox {width: 318px;}
				.header .panel .loginBox .tx {width: 38%; padding: 0 1%; margin: 0 1% 0 0; height: 25px; line-height: 25px; background: #bfdae5; color: #0b6085; font-size: 11px; float: left;}
				.header .panel .loginBox .go {width: 17%; color: #fff; font-size: 11px; height: 23px; border: 1px solid #11698f; background: url(images/btn.png); cursor: pointer; float: left;}
				.header .panel .loginBox .go:hover {background-position: 0 -23px;}
				.header .panel .loginBox .lost {float: left; padding: 14px 15px 0 0; width: 38%; text-align: right;}
					.header .panel .loginBox .lost a {color: #fff;}
				.header .panel .loginBox .register {float: left; padding: 10px 15px 0 0; width: 40%;}
					.header .panel .loginBox .register a {color: #fff; border: 1px solid #0d5e81; border-bottom: 0; text-align: center; display: block; height: 20px; line-height: 20px; background: url(images/btnArrow.png) no-repeat right 0;}
			.header .panel .basketIco,.header .panel .loginIco {display: none;}

/* menu search section */
/**************************************/
.menuContainer {width: 100%; height: 44px; clear: both; position: relative;}
	.menuContainer .menuIco {width: 42px; height: 40px; background: url(images/menuIco.png); display: block; display: none; cursor: pointer; float: right;}
	.menuContainer .menuIco:hover {background-position: 0 -40px;}
	.menuContainer .topMenu {float: right; border-bottom: 2px solid #fff;}
		.menuContainer .topMenu li {float: left; border-left: 1px solid #b3daea; background: #dbeef6;}
		.menuContainer .topMenu li:first-child {border: 0;}
			.menuContainer .topMenu li a {display: block; background: #dbeef6; color: #0c5d7f; height: 42px; line-height: 42px; font-weight: bold; padding: 0 17px;}
			.menuContainer .topMenu li a:hover,.menuContainer .topMenu .active a {background: #0c5d7f; color: #fff; text-decoration: none;}
	.menuContainer .searchForm {position: absolute; top: 6px; left: 10px;}
		.menuContainer .searchForm .tx {width: 186px; padding: 0 10px; margin: 0 5px 0 0; height: 25px; line-height: 25px; background: #bfdae5; color: #0b6085; font-size: 11px; border: 1px solid #fff; float: left;}
		.menuContainer .searchForm .go {width: 50px; color: #fff; font-size: 11px; height: 23px; border: 1px solid #11698f; background: url(images/btn.png); cursor: pointer; float: left; margin: 2px 0 0 0;}
		.menuContainer .searchForm .go:hover {background-position: 0 -23px;}

/* content */
/**************************************/
.whiteContainer {background: #fff url(images/containerBg.png) no-repeat 0 top;}
	.whiteContainer .sidebar {float: left; width: 208px; margin: 0 0 0 8px;}
	.whiteContainer .content {float: left; width: 738px; margin: 0 0 0 12px;}

/* categories */
/**************************************/
#categories {background: #46a0c7;}
	#categories .titleCategory {display: none;}
	#menuSidebar {background: #46a0c7 url(images/sidebarMenu.png) repeat-y top left;}
		#menuSidebar dt {background: url(images/arrow.png) no-repeat; background-position: 10px 10px; font-size: 11px; color:#fff; font-weight: normal; padding: 1px 0 1px 23px; border-bottom: 1px solid #90c6dd;}
		#menuSidebar dd {font-size: 11px; color:#fff; font-weight: normal;width:208px; padding: 1px 0 1px 28px;}
		#menuSidebar dd.active {font-weight: bold; display: block;}
			#menuSidebar a {display: block; color: #fff; padding: 6px 0 4px 10px; text-decoration: none;}
			#menuSidebar a:hover {display: block; color:#fff; text-decoration: underline; padding: 6px 0 4px 10px;}

/* companies */
/**************************************/
.sidebar .companies {background: #46a0c7; padding: 10px;}
	.sidebar .companies .titleCompanies {font-weight: bold; display: block; padding: 0 0 10px 0; color: #fff;}
	.sidebar .companies .sel {width: 97%; padding: 7px 1% 0 1%; background: #a8cddc; border: 1px solid #fff; height: 21px; line-height: 21px; }
		.sidebar .companies .sel select {border: 0; width: 100%; color: #3c5d7f; font-size: 11px; background: none;height:auto; padding:0; margin:0; font-weight:normal}

/* ads */
/**************************************/
.sidebar .otherBtns {padding: 14px 0 0 0; text-align: center;}
.sidebar .ads {background: #46a0c7; padding: 50px 0 20px 0; text-align: center;}
	.sidebar .ads p {padding: 0 0 30px 0;}

/* newsletter */
/**************************************/
.sidebar .newsletter {background: #46a0c7; padding: 10px; color: #fff;}
	.sidebar .newsletter .titleNewsletter {font-weight: bold; display: block; padding: 0 0 10px 0; color: #fff;}
	.sidebar .newsletter .newsletterForm {text-align: center;}
		.sidebar .newsletter .info {font-size: 10px; line-height: 12px; padding: 0 0 10px 0;}
		.sidebar .newsletter .tx {width: 80%; padding: 0 2%; margin: 0 8%; height: 25px; line-height: 25px; background: #bfdae5; color: #0b6085; font-size: 11px; border: 1px solid #fff;}
		.sidebar .newsletter .go {width: 60px; color: #fff; font-size: 11px; height: 23px; border: 1px solid #11698f; background: url(images/btn.png); cursor: pointer; display: inline-block; margin: 5px 1%}
		.sidebar .newsletter .go:hover {background-position: 0 -23px;}

/* footer */
/**************************************/
.footerContainer {background: #93c7dc url(images/footer.png) no-repeat center top;}
	.footerContainer .footer {padding: 95px 0 0 0; width: 980px; margin: 0 auto;}
		.footerContainer .footer .box {float: left; margin: 0 0 10px 2%; padding: 0 1%; width: 16%; border-left: 1px solid #62aecc;}
			.footerContainer .footer .box dt {font-weight: bold;}
				.footerContainer .footer .box dd {font-size: 10px;}
				.footerContainer .footer .box .active a {text-decoration: underline;}
		.footerContainer .footer .bottomPage {border-top: 2px solid #78b9d3; text-align: center; padding: 11px 0 59px 0; clear: both;}
		.footerContainer .footer .social {float: left; margin: 0 0 10px 2%; padding: 0 1%; width: 15%; border-left: 1px solid #62aecc; color: #444; font-size: 11px;}

/* buttons */
/**************************************/
.panelBtn {width: 44px; height: 44px; display: block; text-indent: -2000em; margin: 0 5px; float: left;}
.panelBtn.loginIco {background: url(images/ico1.png);}
.panelBtn.loginIco:after {background: url(images/ico1.png) no-repeat 0 -44px;}
.panelBtn.basketIco {background: url(images/ico3.png);}
.panelBtn.basketIco:after {background: url(images/ico3.png) no-repeat 0 -44px;}

/* product */
/**************************************/
.product {width: 31%; float: left; margin: 13px 1% 20px 1%; color: #0c5d7f; position: relative; border: 1px solid #e0f0ee; padding-top: 3px;}
	.product .pic {height: 150px; text-align:center;}
	.product p {padding: 5px 0;}
	.product .name {font-weight: bold; height:50px;padding-left:2px;}
		.product .name a {color: #0c5d7f; text-decoration: none;}
		.product .name a:hover {text-decoration: underline;}
	.product .company {margin: 0 0 0 5px;}
		.product .company a {color: #0c5d7f; text-decoration: underline; font-size: 10px;}
		.product .company a:hover {text-decoration: none;}
.product .bottomProduct {margin: 5px 0 0 0; padding: 3px 0 0 0; border-top: 1px solid #eaf4f3; color: #3e5450; text-align:center;}
	.product .bottomProduct .price {float: left; text-align: center; padding: 4px 0 0 0; border-right: 1px solid #eaf4f3; width: 50%; height: 38px; font-size: 10px;}
		.product .bottomProduct .price strong {font-size: 14px; display: block;}
	.product .bottomProduct .addBox {float: left; width: 49%; background: }
		.product .bottomProduct .ico {float: left; margin: 0 1px; background: url(images/icoInfo.png); width: 18px; height: 18px; display: block; text-indent: -2000em; border: 1px solid #ffb956; cursor: pointer;}
		.product .bottomProduct .ico:hover {background-position: 0 -18px; border: 1px solid #000;}
		.product .bottomProduct .addBox input {float: right; margin: 0 10px 0 0;}
		.product .bottomProduct .addBox .available {text-align: center; font-size: 10px; clear: both; width: 100%;}
.product .shortInfo {position: absolute; left: 0px; top: 0px; width: 94%; height: 236px; text-align: left; color: #0c5d7f; padding: 3px 3%; background-color:#dbeef6; display: none; overflow: hidden; font-size: 10px;}
.product .shortInfo.show {display: block; z-index: 100;}

#cena-cena-cena { display:block;
    font-size: 14px;
    font-weight: bold;
    height: 17px;
    overflow: hidden;
    padding-top: 0;
    position: relative;
    text-align: center;
}


#cena-cena {
    bottom: 0;
    margin: auto;
    position: absolute;
    text-align: center;
    width: 100px;display:block;
}

/* other */
/**************************************/
* { transition: color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s; -moz-transition: color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s; -webkit-transition: color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s; -o-transition: color 0.4s ease 0s, border-color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s; -ms-transition: color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s;  transform-origin: center center; -moz-transform-origin: center center; -webkit-transform-origin: center center; -o-transform-origin: center center; }
.clearfix:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0;height: 0;}
.fade:hover:after {opacity: 1;}
.fade:after {content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.anime {-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}



/**************************************/
/* MAIN PAGE                          */
/**************************************/

/* slider */
/**************************************/
.slider {width: 100%; max-width: 980px; margin: 0 auto 10px auto; position: relative; overflow: hidden; text-align: center; clear: both; z-index: 11;}
	.slider .slide li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
	.slider .slide li:first-child {position: relative; display: block; float: left;}
		.slider .slide li img {max-width: 100%; display: block; height: auto; float: left; width: 100%; border: 0;}
	.rslides_tabs {position: absolute; bottom: 2%; left: 2%; z-index: 99;}
		.rslides_tabs li {display: inline-block;}
		.rslides_tabs li a  {display: inline-block; background: #fff; width: 16px; height: 16px; margin: 0 2px; background: url(images/bullets.png); text-indent: -2000em;}
		.rslides_tabs li a:hover,.rslides_tabs .rslides_here a {background-position: 0 -16px;}
	.rslides_nav {display: none;}

/* about */
/**************************************/
.about {padding: 2px 0 20px 0; line-height: 16px;}
	.about p {padding: 0 0 10px 0; text-align: justify;}
	.about .promo {text-align: center; color: #ff0000;}
		.about .promo a {color: #ff0000; text-decoration: underline;}
		.about .promo a:hover {text-decoration: none; color: #56b640;}



/**************************************/
/* SUBPAGE                            */
/**************************************/

/* navi */
/**************************************/
.naviPage {padding: 10px 6px; border-bottom: 1px solid #dbeef6; font-size: 11px; font-weight: bold; margin: 0 0 10px 0;}
	.naviPage li {float: left; padding: 0 11px 0 4px; background: url(images/arrow2.png) no-repeat right 6px;}
	.naviPage li:last-child {background: none;}



/**************************************/
/* CATALOG                            */
/**************************************/
.companiesCatalog {padding: 10px 0 20px 0; color: #000;}
	.companiesCatalog a {margin: 0 2px 0 5px;}
.sort {text-align: center; padding: 10px 0;}
	.sort .name {height: 22px; line-height: 22px; display: inline-block; color: #434343; font-weight: bold;}
	.sort .sel {height: 16px; padding: 3px; border: 1px solid #dbeef6; display: inline-block; width: 200px;}
		.sort .sel select {border: 0; color: #0c5d7f; font-size: 11px; width: 100%; height:auto; padding:0; margin:0; font-weight:normal}
		.sort .go {color: #fff; font-size: 11px; height: 23px; border: 1px solid #11698f; background: url(images/btn.png) no-repeat; cursor: pointer; padding: 0 7px;}
		.sort .go:hover {background-position: 0 -23px;}

/* about */
/**************************************/
.aboutCategory {padding: 2px 0 20px 0; line-height: 15px; color: #000}
	.aboutCategory p {padding: 0 0 10px 0; text-align: justify;}

/**************************************/
/* PRODUCT PAGE                       */
/**************************************/
.productPage {color: #0c5d7f; font-size: 14px; font-weight: normal;}
	.productPage .productName {color: #0c5d7f; font-size: 19px; font-weight: normal; display: block; margin: 0 0 20px 0;}
	.productPage .leftSide {float: left; width: 50%; padding: 0 0 20px 0;}
		.productPage .leftSide .pic {padding: 0 0 0 15px;}
			.productPage .leftSide .pic img {border: 0px solid #000;}
		.productPage .leftSide .productCode {padding: 10px 0;}
		.productPage .leftSide .aboutPrice {padding: 10px 0 0 0; color: #f70000;}
		.productPage .leftSide .price {padding: 10px 0;}
			.productPage .leftSide .price span {font-size: 16px; font-weight: bold;}
			.productPage .leftSide .shipping a {text-decoration: underline; color: #444;}
			.productPage .leftSide .shipping a:hover {text-decoration: none;}
	.productPage .rightSide {float: left; width: 49%; padding: 0 0 20px 0; border-left: 1px solid #dbeef6;}
		.productPage .rightSide .addForm {padding: 15px 0 0 0;}
			.productPage .rightSide .addForm p {padding: 0 0 20px 0;}
				.productPage .rightSide .addForm label {height: 35px; line-height: 35px; padding: 0 5px; width: 22%; float: left; text-align: right;}
				.productPage .rightSide .addForm .pInputIlosc {height: 35px; line-height: 35px; padding: 0 5px; width: 6%; float: left; text-align: center; background: #dbeef6; border: 1px solid #a5d1e2; font-weight: bold; font-size: 13px; margin: 0 5px 0 0;}
					.productPage .rightSide .addForm .tx {height: 35px; line-height: 35px; padding: 0 5px; width: 6%; float: left; text-align: center; background: #dbeef6; border: 1px solid #a5d1e2; font-weight: bold; font-size: 11px; margin: 0 5px 0 0;}
				.productPage .rightSide .addForm .tx.wide {width: 60%;}
				.productPage .rightSide .addForm input {float: right;}
	.productPage .productDescription {padding: 20px;  -moz-user-focus: ignore; 
    -moz-user-input: disabled;
    -moz-user-select: none;}
	
	.productPage .productDescription  ul {
	list-style: disc; padding-left:40px; margin-bottom:8px;
	}
	.productPage .productDescription  p {
	 margin-bottom:8px; 
	}
	.productPage .productDescription  table {padding:5px; border-spacing: 0;
    border-collapse: collapse; border:1px solid #d1e7f0; background:#fff; }
	.productPage .productDescription  td { border:1px solid #d1e7f0;border-spacing: 0;
    border-collapse: collapse; padding:5px; background:#fff;}
	
	.productPage .titleSectionOne {position: relative; clear: both;}
		.productPage .titleSectionOne .askBox {position: absolute; top: 5px; right: 10px;}
		#pomocBox {width: 440px; background-color: #0c5d7f; color:#ffffff; border: 1px solid #000000; padding-top: 4px;	padding-right: 7px;	padding-bottom: 4px; padding-left: 7px; position: absolute; top: -20px; right: -10px; z-index: 1000;	display: none;}
		#pomocBox #closeWyszuk {float: right; margin-right:10px; color: #ffffff; font-size: 10px;}
		
		
		/* gallery */
/**************************************/
.productPage .leftSide .pic .bigPic {float: left; width: 50%;}
	.productPage .leftSide .pic .bigPic img {max-width: 97%;}
.productPage .leftSide .pic .thumbs {float: left; width: 50%;}
	.productPage .leftSide .pic .thumbs li {float: left; width: 49%; padding: 0 1% 10px 0;}
		.productPage .leftSide .pic .thumbs li img {border: 1px solid #000; max-width: 90%;}

/* accesories */
/**************************************/
.accesories {width: 95%; padding: 0 0 30px 5%;}
	.accesories .heading {text-align: right;}
	.accesories .accesoriesContent .title {font-size: 11px; text-align: right; display: block; padding: 10px 0;}
	.accesories .accesoriesContent .accesoriesList {font-size: 11px; text-align: right; display: block; margin: 10px 0;}
		.accesories .accesoriesContent .accesoriesList li {background: #f7f8fd; margin: 0 0 7px 0;}
		.accesories .accesoriesContent .accesoriesList li:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0;height: 0;}
			.accesories .accesoriesContent .accesoriesList .box {margin: 0 1% 0 0; padding: 5px 1%; text-align: right; float: left; display: table; height: 45px;}
			.accesories .accesoriesContent .accesoriesList .box.col1 {width: 40%;}
				.accesories .accesoriesContent .accesoriesList .box.col1 .name {height: 28px; overflow: hidden;}
			.accesories .accesoriesContent .accesoriesList .box.col2 {width: 15%; text-align: center;}
				.accesories .accesoriesContent .accesoriesList .box.col2 img {max-width: 42px;}
			.accesories .accesoriesContent .accesoriesList .box.col3 {width: 25%;}
			.accesories .accesoriesContent .accesoriesList .box.col4 {width: 8%;}
			.accesories .accesoriesContent .accesoriesList .box .middle {display: table-cell; vertical-align: middle;}

/* similar products */
/**************************************/
.otherProduct {border-bottom: 1px solid #d1e7f0; padding: 20px 0 15px 19px;}
	.otherProduct .pic {float: left; margin: 3px 2% 0 0; float: left; width: 18%;}
		.otherProduct .pic img {border: 1px solid #031641;}
	.otherProduct .rightSide {float: left; width: 80%;}
		.otherProduct .rightSide h3 {font-size: 11px;}
			.otherProduct .rightSide  h3 a {text-decoration: none; color: #0c5d7f; font-weight: bold;}
			.otherProduct .rightSide  h3 a:hover {text-decoration: underline;}
			.otherProduct .rightSide  p {padding: 10px 0 0 0; line-height: 15px;}


.pogrubienie {font-weight:bold;}			
.kom {padding:5px;}
			
input.button {padding:0 10px; color: #fff; font-size: 11px; font-weight:bold; height: 23px; border: 1px solid #11698f; background: url(images/btn.png); cursor: pointer;  margin: 4px}
input.button:hover {background-position: 0 -23px;}			
			
			
			
input.button-akc {padding:0 10px; color: #000; font-size: 11px; font-weight:bold; height: 23px; border: 1px solid #f0ab00; background: url(images/btn2.png); cursor: pointer;  margin: 4px}
input.button-akc:hover {background-position: 0 -23px;}			
			

input.text {height: 30px; line-height: 30px; padding: 0 5px;  text-align: left; background: #fff; border: 1px solid #a5d1e2; font-weight: bold; font-size: 11px; margin: 5px ;
}			
	INPUT.text-1 {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #000000;
    font-family: Arial;
    font-size: 10pt;
    margin: 2px;
    padding: 2px;
}		
textarea { line-height: 24px; padding: 10px;  text-align: left; background: #fff; border: 1px solid #a5d1e2; font-weight: bold; font-size: 11px; margin: 5px ;
}
select {height: 30px; line-height: 30px; padding: 0 5px;  text-align: left; background: #fff; border: 1px solid #a5d1e2; font-weight: normal; font-size: 11px; margin: 5px ; color: #3c5d7f;
}
			
.dane {width:100%}		
.dane-tx {float:left; width:45%; padding:16px 5px 0 5px; text-align:right}
.dane-in {float:left; width:45%; padding:5px;}			
	.bas1 {color:#444;}		
	.bas1 ul {
	list-style: disc; padding-left:40px; margin-bottom:8px;
	}
.bas1 p {
	 margin-bottom:8px; 
	}		
			

/**************************************/
/* RESPONSIVE                         */
/**************************************/
img, video, embed, object, table {max-width: 100%;}
@-ms-viewport{width:device-width;}

@media only screen and (max-width: 1023px) {
.container,.footerContainer .footer {width: 100%; max-width: 980px;}
.whiteContainer .sidebar {width: 25%; margin: 0 0 0 1%;}
	.whiteContainer .content {width: 72%; margin: 0 0 0 1%;}
.menuContainer {height: auto;}
	.menuContainer .menuIco {display: block; margin: 3px 0 0 0;}
		.menuContainer .topMenu li {border: 0; border-bottom: 1px solid #fff;}
			.menuContainer .topMenu {display: none; width: 100%; padding: 0; background: #fff;}
		.menuContainer .topMenu li {float: none; width: 100%; text-align: center;}
			.menuContainer > .topMenu > li > a {background: #ebf2f8;}
			.menuContainer > .topMenu > li:hover > a {background: #156081; text-decoration: none; color: #fff;}
.product .bottomProduct .price {float: none; width: 100%; height: 38px;}
.product .bottomProduct .addBox {float: none; width: 100%; height: 38px; border-top: 1px solid #dbeef6; padding: 5px 0;}
.product .bottomProduct .ico {margin: 0 0 0 10px;}
.productPage .rightSide .addForm .tx {width: 60%;}
.productPage .rightSide .addForm input {margin: 10px 7% 0 0;}
}

@media only screen and (max-width: 900px) {
.whiteContainer .sidebar {width: 100%; margin: 0 0 5px 0;}
	.whiteContainer .content {width: 98%; margin: 0 0 0 1%;}
#categories .titleCategory {display: block; text-align: center; color: #fff; padding: 10px; background: #e12015; margin: 0 0 1px 0; cursor: pointer; font-weight: bold;}
#categories .titleCategory:hover {background: #000;}
.sidebar #categories dl {display: none;}
.sidebar .companies .titleCompanies {display: block; text-align: center; color: #fff; padding: 10px; background: #e12015; margin: 0 0 1px 0; cursor: pointer; font-weight: bold;}
.sidebar .companies .titleCompanies:hover {background: #000;}
.sidebar .companies {padding: 0;}
.sidebar .companies form {display: none; padding: 10px;}
.sidebar .ads {display: none;}
.sidebar .newsletter .titleNewsletter {display: block; text-align: center; color: #fff; padding: 10px; background: #e12015; margin: 0 0 1px 0; cursor: pointer; font-weight: bold;}
.sidebar .newsletter .titleNewsletter:hover {background: #000;}
.sidebar .newsletter {padding: 0;}
.sidebar .newsletter form {display: none; padding: 10px;}
.footerContainer .footer .box {float: none; margin: 0; padding: 0; width: 100%; border-left: 0;}
	.footer .box dt {font-size: 13px; color: #fff; width: 100%; height: 40px; line-height: 40px; margin: 0 0 1px 0; background: #0c5d7f; padding: 0; cursor: pointer; text-align: center;}
	.footer .box dd {background: #fff; border-bottom: 1px solid #dadada; color: #000; text-align: center; padding: 0; display: none;}
	.footer .box dd.show {display: block;}
		.footer .box dd a {display: block; padding: 10px 0; font-size: 13px;}
.footerContainer .footer .social {float: none; margin: 10px 0; padding: 0 1%; width: 98%; border-left: 0;}
	.footerContainer .footer .social .col {display: inline-block;}
		.footerContainer .footer .social p {float: left; padding: 0 15px 0 10px; height: 30px;}
		.footerContainer .footer .social .code {float: left; height: 30px;}
}

@media only screen and (max-width: 768px) {
.header .panel {top: 120px;}
.header .panel .basketIco {display: block;}
.header .panel .hurt {float: left; padding: 0;}
	.header .panel .hurt .hurtBtn {width: 44px; height: 44px; display: block; text-indent: -2000em; margin: 0 5px;}
	.hurtBtn {background: url(images/ico2.png);}
	.hurtBtn:after {background: url(images/ico2.png) no-repeat 0 -44px;}
.header .panel .loginBox .register {float: left; padding: 0; width: 44px;}
	.header .panel .register .registerIco {width: 44px!important; height: 44px!important; display: block; text-indent: -2000em; margin: 0 5px; float: left; border: 0!important; background: url(images/ico4.png)!important;}
	.header .panel .register .registerIco:after {background: url(images/ico4.png) no-repeat 0 -44px;}
.header .panel .loginIco {display: block;}
.header .panel .loginBox {width: 230px;}
.header .panel .basket,.header .panel .lost,.header .panel .loginForm, .m5-foto {display: none;}
.product {width: 47%;}
.productPage .leftSide {width: 100%; padding: 0 0 20px 0;}
.productPage .rightSide {width: 100%; padding: 0 0 20px 0; border-left: 0;}
.productPage .rightSide .addForm .tx {width: 60%!important;}



}

@media only screen and (max-width: 600px){
#pomocBox {width: 300px!important;}
	.bas1 {font-size:13px; line-height:18px}	
}

@media only screen and (max-width: 480px){
.menuContainer .searchForm .tx {width: 106px;}
.menuContainer .searchForm .go {width: 50px;}
.product {width: 97%; margin: 13px 1% 20px 1%;}
.sort .name {width: 100%; text-align: left; padding: 0 0 5px 0;}
.sort .sel {width: 98%; margin: 0 0 5px 0;}
.sort .go {padding: 0; width: 100%;}
.otherProduct .pic {margin: 3px 0 10px 0; width: 100%; text-align: center;}
.otherProduct .rightSide {width: 100%;}


.dane-tx {float:left; width:35%; padding:16px 5px 0 5px; text-align:right}
.dane-in {float:left; width:55%; padding:5px;}		
.dane-in input.text {width:180px!important}

textarea { line-height: 24px; padding: 10px;  text-align: left; background: #fff; border: 1px solid #a5d1e2; font-weight: bold; font-size: 11px; margin: 5px ; max-width:300px}

}

@media only screen and (max-width: 320px){
.container {width: 320px;}
input.text {max-width:120px!important}
.dane-tx {float:left; width:95%; padding:16px 5px 0 15px; text-align:left}
.dane-in {float:left; width:95%; padding:5px;}		
.dane-in input.text {width:240px!important}
#inputo-koszyko  input.text{max-width:20px!important;}
.tac {width:20px!important}

textarea { line-height: 24px; padding: 10px;  text-align: left; background: #fff; border: 1px solid #a5d1e2; font-weight: bold; font-size: 11px; margin: 5px ; max-width:210px!important}

}