body{
	background: #cdced0;
	color: #3c3c3c;
}
.facebook{
	display: none;
}
.top{
	height: 200px;
	width: 100%;
	background-color: #56575b;
}
.top .toper{
	position: absolute;
	color: #fff;
	margin-top: 0;
	margin-left: 60%;
	width: 231px;
}
.top .menu{
	position: absolute;
	top: 5px;
	width: 250px;
	font-size: 10px;
	text-align: right;
}
.top .shop
{
	position: absolute;
	top: 23px;
	background: url(../img/bg_koszyk.png);
	height: 93px;
	width: 100px;
	text-align: center;
	font-size: 10px;
	padding-top: 3px;
}
.top .shop p {
	padding-top: 3px;
}
.top .login {
	position: absolute;
	top: 23px;
	background: url(../img/bg_login.png);
	height: 31px;
	width: 142px;
	text-align: center;
	font-size: 10px;
	line-height: 140%;
	padding: 7px 0;
	right: 1px
}
.top .logo {
	position: absolute;
	left: 9%;
	top: 40px;
	width: 40%;
}
.top .logo .slogan {
	position: absolute;
	left: 120px;
	top: 25px;
}
.top .logo .slogan .h1 {
	font-size: 18px;
	padding: 0;
	margin: 0;
	color: #aaa;
	font-weight: normal;
}
.top .logo .slogan .h4 {
	font-size: 12px;
	padding: 0;
	margin: 6px 0;
	color: #aaa;
	font-weight: bold;
}
.top .logo .slogan h1 {
	font-size: 14px;
	padding: 0;
	margin: 6px 0;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
}
.submenu{
	position: absolute;
	right: 18%;
	top: 135px;
	padding: 5px 10px;
	font-weight: bold;
	background: #3c3c3c;
	color: #ffffff;
}
.submenu ol{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline-block;
}
.submenu ol a{
	text-decoration: none;
	display: block;
}
.submenu ol > li{
	display: inline-block;
	text-align: center;
	padding: 2px;
}
.submenu ol >li:hover{
	text-decoration: underline;
}
.top .hamburger{
	display: none;
}
#center{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	margin-top: -33px;
	-webkit-box-shadow: 0px 0px 27px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 27px 2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 27px 2px rgba(0,0,0,0.75);
}
#center .main{
	background-color:white;
}
#center .main .submain {
	padding: 15px 0px 15px 15px;
}
#center .main .submain img {
	width: 100%
}
#page_home{
	height: 606px;
	width: 942px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;

}

.navigator {
	font-weight: bold;
	color: #3c3c3c;
	margin-top: 5px;
	padding: 10px;
}
.navigator h1 {
	display: inline;
	font-size: 18px;
}
.navigator h2 {
	display: inline;
	font-size: 18px;
}
#page_home .home_up1 {
	position: relative;
	float: left;
	width: 77%;
	color: #3c3c3c;

}
#page_home .home_up2 {
	position: relative;
	float: left;
	width: auto;
	height: 447px;
	margin: 0px 0px 0px 10px;
	box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.75);
}
#page_home .home_foot1 {
	width: 31%;
	float: left;
	margin: 0px 0px 0px 0px;
	margin-top:16px;
	box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.75);
}
#page_home .home_foot2 {
	width: 31%;
	float: left;
	margin: 0px 0px 0px 24px;
	margin-top:16px;
	box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.75);
}
#page_home .home_foot3 {
	width: 31%;
	float: left;
	margin: 0px 0px 0px 24px;
	margin-top:16px;
	box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.75);
}
.slider .slide {
	position: absolute;
	-webkit-box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.75);

}
.slider #slider_nav {
	z-index: 50;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.slider #slider_nav a {
	float: left;
	margin: 3px 3px;
	padding: 5px;
	border-radius: 5px;
	border: 0;
	text-decoration: none;
	background: #aaa;
	opacity: 0.8;
}
.slider #slider_nav .activeSlide {
	background: #3c3c3c;
}
/* ----- */
/* SKLEP */
/* ----- */
#left_sklep {
	float: left;
	width: 160px;
	font-family: "Humanist", Tahoma;
}
#left_sklep .foto {
	margin: 5px 0;
}
#left_sklep .head {
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0;
}
#left_sklep .head h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#left_sklep .cat {
	font-size: 14px;
	font-weight: bold;
}
#left_sklep .cat h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#left_sklep .text {
	font-size: 14px;
	padding: 5px 0 5px 20px;
}
#left_sklep .text h3 {
	margin: 3px;
	font-weight: normal;
	font-size: 14px;
	padding: 0;
}
#sklep_intro {
	float: left;
	width: 660px;
	padding: 0px 20px 0px 20px;
	margin-left:50px;
	margin-top:30px;
}
#sklep_intro .foto {
	float: left;
	padding: 7px;
	position: relative;
}
#sklep_intro .foto .it {
	position: absolute;
	top: 15px;
	left: 15px;
	font-size:14px;
	margin-left:8px;
}
#sklep_intro .foto .ib {
	position: absolute;
	bottom: 25px;
	right: 25px;
}
#sklep_intro .foto .ib2 {
	position: absolute;
	bottom: 25px;
	right: 25px;
	color:#1f7f95;
	font-size:14px;
}
#sklep_konfigurator .center {
	float: left;
	width: 200px;
	padding: 5px 35px;
	line-height: 130%;
}
#sklep_konfigurator .center .head {
	font-size: 14px;
	font-weight: bold;
}
#sklep_konfigurator .center .label {
	font-size: 10px;
	font-weight: bold;
}
#sklep_konfigurator .center .input {
	font-size: 10px;
	font-weight: bold;
}
#sklep_konfigurator .center select {
	width: 200px;
}
#sklep_konfigurator .center .check {
	width:75px;
	height: 15px;
	border: solid 1px #5d5e61;
	color: #ffffff;
	background: #5d5e61;
	text-align: center;
	font-weight:bold;
}
#sklep_konfigurator .center .width {
	width: 40px;
	border: solid 1px #5d5e61;
	text-align: center;
}
#sklep_konfigurator .center .cost {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
#sklep_konfigurator .center .basket{
	background: url(../img/do_koszyka.png) no-repeat;
	border: 0;
	width: 170px;
	height: 46px;
	padding: 0 35px 0 0;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}
#sklep_konfigurator .center .sumary {
	text-align: justify;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}
#sklep_konfigurator .center .colors {
	float: left;
	width: 220px;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #aaa;
	background: #eee;
	display: none;
}
#sklep_konfigurator .center .colors h3 {
	font-size: 12px;
	margin: 5px;
}
#sklep_konfigurator .center .colors .color {
	float: left;
	width: 30px;
	height: 30px;
	margin: 0;
	border: 3px solid #eee;
}
#sklep_konfigurator .center .colors .color.active {
	border: 3px solid #f00;
}
#sklep_konfigurator .center .dolny_kolor {
	float: left;
	width: 150px;
	height: 150px;
	padding: 5px;
}
#sklep_konfigurator .right {
	float: left;
}
#sklep_konfigurator .right .konfigurator {
	position: relative;
	width: 355px;
	height: 445px;
	margin: 90px 30px;
}
#sklep_konfigurator .right .konfigurator.prosty {
	background: url(../img/konf_prosty.jpg) no-repeat;
}
#sklep_konfigurator .right .konfigurator.owal {
	background: url(../img/konf_owal.jpg) no-repeat;
}
#sklep_konfigurator .right .konfigurator .width {
	font-size: 10px;
	width: 60px;
	border: solid 1px #cad8e3;
	background: #e3f3ff;
	text-align: center;
}
#sklep_konfigurator .right .konfigurator .margin {
	font-size: 10px;
	width: 60px;
	border: solid 1px #edd3d3;
	background: #ffe3e3;
	text-align: center;
}
#sklep_konfigurator .right .konfigurator .input_width {
	position: absolute;
	top: 85px;
	left: 1px;
}
#sklep_konfigurator .right .konfigurator .input_height {
	position: absolute;
	top: 3px;
	left: 149px;
}
#sklep_konfigurator .right .konfigurator .margin_top {
	position: absolute;
	top: 43px;
	left: 190px;
}
#sklep_konfigurator .right .konfigurator .margin_bottom {
	position: absolute;
	top: 415px;
	left: 192px;
}
#sklep_konfigurator .right .konfigurator .margin_left {
	position: absolute;
	top: 227px;
	left: 40px;
}
#sklep_konfigurator .right .konfigurator .margin_right {
	position: absolute;
	top: 227px;
	left: 278px;
}
#sklep_produkt {
	float: left;
	width: 700px;
}
#sklep_produkt .left {
	position: relative;
	float: left;
	padding: 5px;
	width: 200px;
	min-height: 400px;
}
#sklep_produkt .left .it {
	position: absolute;
	top: 18px;
	left: 15px;
}
#sklep_produkt .left .ib {
	position: absolute;
	top: 239px;
	right: 25px;
}
#sklep_produkt .left .ib2 {
	position: absolute;
	top: 239px;
	right: 25px;
	color: #fff;
}
#sklep_produkt .right {
	float: left;
	padding: 5px;
	width: 480px;
	min-height: 400px;
}
#sklep_produkt .metka2 {
	position: relative;
	width: 261px;
	height: 80px;
}
#sklep_produkt .metka2 .desc {
	position: absolute;
	left: 80px;
	top: 10px;
	font-size: 14px;
}
#sklep_produkt .metka_aml {
	background: url(../img/metka_aml.jpg);
}
#sklep_produkt .metka_aml .desc {
	display: none;
}
#sklep_produkt .metka_aml .metka {
	display: none;
}
#sklep_produkt .metka_arsexpo {
	background: url(../img/metka_arsexpo.jpg);
}
#sklep_produkt .metka {
	position: relative;
	width: 261px;
	height: 80px;
}
#sklep_produkt .metka .rozmiar {
	position: absolute;
	right: 10px;
	top: 30px;
	font-size: 12px;
	font-weight: bold;
}
#sklep_produkt .metka .ramka {
	position: absolute;
	right: 10px;
	top: 45px;
	font-size: 10px;
}
#sklep_produkt .metka .kolor {
	position: absolute;
	right: 10px;
	top: 58px;
	padding: 1px;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #000;
}
#sklep_produkt .dolny_kolor {
	float: left;
	width: 150px;
	height: 150px;
	padding: 5px;
}
#sklep_produkt .head {
	font-weight: bold;
	line-height: 140%;
	padding: 5px 0;
}
#sklep_produkt .colors {
	float: left;
	width: 220px;
	padding: 5px;
	margin-right: 5px;
	border: 1px solid #aaa;
	background: #eee;
}
#sklep_produkt .colors h3 {
	font-size: 12px;
	margin: 5px;
}
#sklep_produkt .colors .color {
	float: left;
	width: 30px;
	height: 30px;
	margin: 0;
	border: 3px solid #eee;
}
#sklep_produkt .colors .color.active {
	border: 3px solid #f00;
}
#sklep_produkt p {
	padding: 10px;
}
#sklep_produkt .config {
	line-height: 140%;
}
#sklep_produkt select {
	border: 1px solid #aaa;
	padding: 2px;
	width: 350px;
}
#sklep_produkt .basket {
	float: left;
	padding: 5px;
	width: 290px;
}
#sklep_produkt .basket .txt {
	padding: 2px;
	width: 50px;
	border: 1px solid #ddd;
}
#sklep_produkt .basket .btn {
	background: url(../img/do_koszyka.png) no-repeat;
	border: 0;
	width: 170px;
	height: 46px;
	padding: 0 35px 0 0;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}
#sklep_produkt .basket h4 {
	font-size: 18px;
	padding: 8px 0;
	text-align: left;
	font-weight: bold;
}
#sklep_produkt .images {
}
#sklep_produkt .images .image {
	float: left;
	padding: 5px;
}
#sklep_produkt .sub_art {
}
#sklep_produkt .sub_art .txt {
	float: left;
	width: 380px;
}
#sklep_produkt .sub_art .imgs {
	float: right;
	width: 310px;
}
#sklep_produkt .sub_art .imgs .img {
	float: left;
}
/* ------- */
/* EOSKLEP */
/* ------- */
#page_galeria .budowa {
	float: right;
	font-size: 16px;
	margin: 260px 50px 50px 50px;
}
#page_cennik.submain{
	width: 680px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -33px;
}
#page_cennik .box {
	float: left;
	width: 300px ;
	font-weight: bold;
	margin-left: 30px;
}
#page_cennik .box .title {
	float: left;
	text-align: right;
	width: 130px;
	padding: 20px 5px;
}
#page_cennik .box .link {
	float: left;
	width: 40px;
	text-align: center;
}
#page_cennik .box .link img {
	margin-bottom: 2px;
}
.navigator_cennik{
	text-align: center;
	width: auto;
}
#page_kontakt .left {
	float: left;
	width: 170px;
	font-weight: bold;
	font-size: 10px
}
#page_kontakt .left .adres {
	text-align: right;
	margin: 10px;
	line-height: 120%;
}
#page_kontakt .left input {
	border: solid 1px #e4e4e4;
	padding: 5px;
	width:90%;
	margin: 3px 0;
}
#page_kontakt .left textarea {
	border: solid 1px #e4e4e4;
	padding: 5px;
	width:90%;
	height: 180px;
	margin: 3px 0;
}
#page_kontakt .left .send {
	background: #3c3c3c;
	color: #fff;
	font-weight: bold;
	margin: 3px 5px;
}
#page_kontakt .right2 {
	float: left;
	font-size: 10px;
}
#page_firma{
	padding: 30px;
}
#page_firma .left_firma {
	position: relative;
	margin: 10px 10px 10px 0px;
	float: left;
}
#page_firma .left_firma .slogan {
	position: absolute;
	right: 15px;
	bottom: 40px;
	color: #fff;
	text-align: right;
}
#page_firma .left_firma .slogan h2 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
#page_firma .right_firma {
	margin: 40px 10px 10px 0px;
	float: left;
	width: 560px;
	font-size: 14px;
	text-align: justify;
	line-height: 140%;
}
#page_firma .hand {
	margin-top: 30px;
	float: right;
	font-size: 14px;
}
#page_kolorki .left {
	float: left;
	padding: 20px 10px 15px 10px;
	color: #3c3c3c;
}
#page_kolorki .center {
	float: left;
	width: 320px;
	margin: 35px 10px 0px 10px;
	text-align: justify;
	line-height: 180%;
}
#page_kolorki .center .head {
	font-size: 18px;
	font-weight: bold;
}
#page_kolorki .center p {
	font-size: 14px;
}
#actuale{
		padding: 45px;
	}
}
#news {
	margin: 10px 0;
}
#news .news {
	width: 820px;
	line-height: 140%;
}
#news .news.bg {
	background: #f4f4f4;
}
#news .news .foto {
	float: left;
	margin-right: 10px;
}
#news .news .title {
	float: left;
	width: 700px;
	font-weight: bold;
	font-size: 14px;
}
#news .news .title h2 {
	font-size: 14px;
	margin: 0;
	padding: 0;
}
#news .news .date {
	float: left;
	width: 700px;
	font-size: 9px;
}
#news .news .text {
	float: left;
	width: 700px;
}
.bag_table {
	width: 800px;
	margin: 10px;
	border-collapse: collapse;
}
.bag_table .bg {
	background: none;
}
.bag_table .bg2 {
	background: none;
}
.bag_table .bg th {
	padding: 7px;
	font-weight: bold;
}
.bag_table .bg2 td {
	padding: 7px;
}
.bag_table .p10 {
	padding: 10px;
}
.bag_table .err {
	color: #f00;
}
.bag_table th {
	vertical-align: middle;
	text-align: center;
	padding: 5px;
	border-right: 1px solid #aaa;
}
.bag_table td {
	vertical-align: middle;
	text-align: center;
	padding: 5px;
}
.bag_table .border {
	border: 1px solid #aaa;
}
.bag_table .br {
	border-right: 1px solid #aaa;
}
.bag_table .button {
	padding: 6px;
	font-size: 10px;
	background: #ffba00;
	color: #fff;
	border: 0px;
	text-align: left;
	margin: 1px 3px;
}
.bag_table .bottom td {
	font-size: 14px;
	font-weight: bold;
}
.bag_table td.left {
	text-align: left;
}
.bag_table td.first {
	background: #dedede;
}
.basket_data {
	margin: 10px;
}
.basket_data table {
	width: 400px;
}
.basket_data table td {
	padding: 1px;
	vertical-align: middle;
}
.basket_data table th {
	padding: 6px 2px;
	text-align: right;
	vertical-align: top;
}
.basket_data td input {
	width: 95%;
	border: 1px solid #000;
	padding: 3px;
	font-size: 10px;
	font-weight: bold;
	background: #fff;
	color: #000;
}
.basket_data td select {
	width: 95%;
	border: 1px solid #000;
	padding: 3px;
	font-size: 10px;
	font-weight: bold;
	background: #fff;
	color: #000;
}
.basket_data td textarea {
	width: 95%;
	height: 70px;
	border: 1px solid #000;
	padding: 3px;
	font-size: 10px;
	font-weight: bold;
	background: #fff;
	color: #000;
}
.basket_data td.err {
	font-size: 12px;
	color: #f00;
	line-height: 140%;
	padding: 5px;
}
.basket_data .err {
	color: #f00;
}
.basket_data .submit {
	width: 400px;
	text-align: center;
	padding: 5px;
}
.basket_data .submit input {
	border: 0px;
	background: #ffba00;
	width: 110px;
	height: 24px;
	padding: 3px;
	color: #fff;
	font-weight: bold;
}
#shop #basket {
	background: #fff;
	margin-top: 10px;
	width: 738px;
}
#shop #basket .header {
	font-size: 16px;
	font-weight: bold;
}
#shop #basket .summary {
	float: right;
	width: 200px;
	font-size: 14px;
	line-height: 140%;
	padding: 5px;
}
#shop #basket .back {
	padding: 8px 8px 8px 30px;
	width: 110px;
	background: url(../sklep/turn #around.jpg) no-repeat left #000;
	color: #fff;
	font-weight: bold;
}
#shop #basket .basket_data {
	margin: 0 10px;
}
#shop #basket .basket_data table {
	width: 95%;
}
#shop #basket .submit input {
	border: 0px;
	background: #ffba00;
	width: 110px;
	height: 24px;
	padding: 3px;
	color: #fff;
	font-weight: bold;
}
#shop #basket h1 {
	margin: 0 10px;
}
#shop #basket .text {
	padding: 10px;
}
#user_panel {
	background: #fff;
	margin-top: 10px;
	width: 738px;
}
#user_panel .header {
	padding: 10px;
	font-size: 11px;
}
#user_panel h1 {
	margin: 0 10px;
}
#form_login {
	margin: 100px auto 0 auto;
	width: 510px;
	height: 400px;
}
#form_login .header {
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#form_login .left {
	float: left;
	width: 200px;
	height: 202px;
	border-right: 1px solid #000;
}
#form_login .right {
	float: right;
	width: 300px;
	height: 202px;
}
#form_login .title {
	padding: 30px 15px 5px 15px;
	font-size: 12px;
	font-weight: bold;
}
#form_login .head {
	padding: 0px 15px 5px 15px;
	font-size: 16px;
	font-weight: bold;
}
#form_login .msg {
	height: 30px;
	padding-left: 15px;
	font-size: 12px;
	font-weight: bold;
	color: #f62e2e;
}
#form_login .info {
	padding: 10px 25px;
	font-size: 12px;
	line-height: 140%;
}
#form_login .col {
	height: 25px;
}
#form_login .label {
	float: left;
	width: 110px;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
}
#form_login .smaller {
	font-size: 8px;
	font-weight: normal;
}
#form_login .input {
	float: left;
}
#form_login .submit {
	float: left;
}
#form_login .input input {
	border: 0px;
	background: #fff;
	border: 1px solid #ddd;
	width: 130px;
}
#form_login .submit input {
	background: #4267b2;
	width: 173px;
	height: 34px;
	padding: 0px;
	color: #fff;
	font-family: arial, flama_condensedmedium;
	font-size: 13px;
	letter-spacing: 2px;
	font-weight: bold;
}
#form_remind {
	margin: 100px auto;
}
#change_reg {
	margin: 5px auto;
	background: url(../sklep/bg_reg.jpg) no-repeat bottom #f2f1f2;
	width: 434px;
	border: 1px solid #c4c4c4;
}
#change_reg .col .label {
	text-align: right;
	width: 30%;
}
#change_reg .col .label p {
	font-weight: bold;
}
#change_reg .col .checkbox {
	text-align: left;
	width: 20%;
}
#change_reg .col .checkbox p {
	margin-left: 50px;
	font-weight: bold;
}
#change_reg .col .input {
	width: 50%;
}
#change_reg .col .input input {
	border-color: #bbb;
}
#change_reg .col .txtdesc {
	width: 80%;
	line-height: 120%;
}
#change_reg .col .submit {
	margin-left: 30px;
}
#change_reg .col .err {
	text-align: right;
	color: #f62e2e;
}
#form_reg {
	margin: 10px auto;
	width: 434px;
	min-height: 550px;
}
#form_reg .head {
	margin-bottom: 15px;
	text-align: left;
	border-bottom: 1px solid #000;
}
#form_reg .col .label {
	text-align: left;
	width: 30%;
}
#form_reg .col .label p {
	font-weight: bold;
}
#form_reg .col .checkbox {
	text-align: left;
	width: 20%;
}
#form_reg .col .checkbox p {
	margin-left: 50px;
	font-weight: bold;
}
#form_reg .col .input {
	width: 50%;
}
#form_reg .col .input input {
	border-color: #bbb;
}
#form_reg .col .txtdesc {
	width: 80%;
	line-height: 120%;
}
#form_reg .col .submit {
	margin-left: 30px;
}
#form_reg .col .err {
	text-align: right;
	color: #f62e2e;
}
.user_form {
	width: auto;
	padding: 10px;
	color:#3c3c3c;
}
.user_form .head {
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
.user_form .msg {
	text-align: center;
	padding: 5px;
	line-height: 140%;
}
.user_form .msg span {
	color: #f00;
}
.user_form .col {
}
.user_form .col .label {
	float: left;
	width: 40%;
	text-align: right;
}
.user_form .col .label p {
	margin: 5px;
}
.user_form .col .input {
	float: left;
	width: 30%;
}
.user_form .col .input input {
	width: 95%;
	border: 1px solid #000;
	padding: 3px;
	font-size: 10px;
	font-weight: bold;
	background: #fff;
	color: #000;
}
.user_form .col .checkbox {
	float: left;
	width: 30%;
	text-align: right;
}
.user_form .col .checkbox p {
	margin: 5px;
}
.user_form .col .txtdesc {
	float: left;
	width: 40%;
	text-align: justify;
}
.user_form .col .txtdesc p {
	margin: 5px;
}
.user_form .submit {
	float: left;
	width: 30%;
	text-align: center;
}
.user_form .submit input {
	background: #4267b2;
	width: 173px;
	height: 34px;
	padding: 0px;
	color: #fff;
	font-family: arial, flama_condensedmedium;
	font-size: 13px;
	letter-spacing: 2px;
	font-weight: bold
}
.gallery {
}
.gallery .photo {
	padding: 5px;
	height: 180px;
	float: left;
	text-align: center;
}
.gallery .photo img {
	margin-bottom: 3px;
}
.art {
	font-size: 12px;
	line-height: 140%;
	background-color: #fff;
	padding: 15px;
}
.art h1 {
	font-size: 18px;
}
.art h2 {
	font-size: 14px;
}
#art_kontakt {
	width: 331px;
	height: 358px;
	padding: 5px;
	background: url(../sklep/bg_kontakt_left.jpg);
	margin: 20px 0;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #fff;
	padding: 2px;
	opacity: 0.85;
}
#tooltip h3 {
	font-size: 12px;
	color: #000;
}
/*...................*/
/*NAWI DOLNA*/
/*...................*/
#rectangle{
	color: black;
	width:100%;
	text-align: center;
	margin-top: 10px;
	font-size: 12px;
	overflow: hidden;
	position: relative;
}
#rectangle ol{
	list-style-type: none;
	display: inline-block;
	width: 64%
}
#rectangle ol > li{
	float: left;
	padding-right: 15px !important;
	font-size: 12px;

	font-family: 'Open Sans', sans-serif;
}
#rectangle ol > li > ul{
	list-style-type: none;
	margin-top: -2px;
	padding: 0;
	font-size: 10px;
	margin-top: 0px;
	width: 120px;
}
#rectangle ol > li > ul > li{
	padding-top: 2px;
}
#rectangle ol > li > ul > li:hover{
	text-decoration: underline;
}
#rights{
	color: black;
	padding: 10px;
	text-align: center;
}
.right1{
	margin-top: -15px;
	margin-left: 50px;
}
.google-maps {
			 position: relative;
			 padding-bottom: 75%; // Tutaj regulujemy wysokość
			 height: 0;
			 overflow: hidden;
	 }
	 .google-maps iframe {
			 position: absolute;
			 top: 0;
			 left: 0;
			 width: 100% !important;
			 height: 100% !important;
	 }
#cookies{
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 450px;
	background: #fff;
	color: #000;
	border: 10px;
	border-radius: 10px;
	padding: 5px;
	opacity: 0.8;
	line-height: 140%;
	font-size: 12px;
	z-index: 9999;
}
#cookies a{
	color: #f00;
}
img:hover{
	opacity: 0.8;
}

/*.....*/
/*MEDIA*/
/*.....*/
@media only screen and (max-width : 501px){
  	.submenu {
      	top: 160px;
				font-size: 10px;
				width: 86%;
				left: 50%;
				margin-left: -46%;
				text-align: center;
			}
		#page_home {
    padding: 15px;
		padding-left: 0;
		padding-right: 0;
		height: 500px;
		width: inherit;
		}
		#center{
			width;auto;
			margin-top: -10px
		}
		.top .toper {
			margin-left: 0;
		}
		.top .menu{
			left: 60px;

		}
		.top .login{
			left: 234px;
			width:123px;

		}
		.top .shop {
			left:145px;
		}
		.top .logo{
			width: 112px;
			height: 126px;
		}
		.top .logo .slogan{
			display: none;
		}
		#rectangle{
			display: none;
		}
		#page_home .home_up2 {
			display: none;
		}
		#center{
			width:100%

		}
		#page_home .slide, .home_up1{
			width: 100%;
			height: 230px;
		}
		#page_home .home_up1{
			width:100%;
		}
		#page_home .home_foot1{
			width:43%;
			margin-top: 50px;
			padding-left: 23px;

		}
		#page_home .home_foot2{
			margin-top: 50px;
			width:43%;

		}
		#page_home .home_foot3{
			width: 100%;
			margin: 0;
			margin-top: 30px
		}
		/*...sklep...*/
		#left_sklep{
			display: none;
		}
		#sklep_intro{
			width: auto;
			margin-top: 0px
		}
		/*..o firmie..*/
		#page_firma .left_firma{
			display: none;
		}
		#page_firma .right_firma {
			width: auto;
		}
		#page_firma{
			padding: 15px;
		}
		/*...news...*/
		#news .news,
		#news .news .title,
		#news .news .date,
		#news .news .text {
			width: auto;
		}
		#center .main #actuale {
    padding: 15px;

		}
		/*...cennik...*/
		#page_cennik.submain{
			width: auto;
		}
		/*...kontakt...*/
		#page_kontakt .right2{
			width: 300px;
			height: 200px;
		}
			/*...rejestracja...*/
		#form_reg {
			width: 330px;
			padding: 10px;
		}
		#form_reg .col .checkbox {
    text-align: left;
		}
		/*..zaloguj...*/
		#center .main .submain {
    padding: 15px;
		padding-left: 0;
		padding-right: 0;
		}

		#form_login .right{
			float: left;
			width: 180px;
		}
		#form_login .input input {
		width: 141px;
		font-size: 11px;
		}
		#form_login .label {
			width: 70px;
		}
		#form_login .left{
			width: 149px;
			height: 165px;
		}
		#form_login {
    margin: auto;
		width: 345px;

		}
		/*...produkt...*/
		#sklep_produkt{
			width: inherit;
		}
		#sklep_produkt .left{
			display: none;
		}
		#sklep_produkt .right{
			width: 350px;
		}
		.navigator{
			width: 350px;
		}
		#sklep_produkt .images {
    display: none;
		}
		/*...galeria...*/
		.gallery{
			padding-left: 60px;
		}
		#cookies {
			width: 340px;
		}
		#rights{
			background-color: #56575b;
			height: 20px;
		}

		.top .nav-opened{
		  width: 100%;
		  position: absolute;
		  padding: 20px;
		  box-sizing: border-box;
		  background-color: #ffffff;
		}
		.top .nav-opened .submenu{
		  display: block;
		}
		.top .hamburger {
		  position: absolute;
		  right: 40px;
		  top: 40px;
		  border: 0;
		  background: 0;
		  fill:#ffffff;
			display: block;
			display: none;
		}
		.top .hamburger .hamburger-icon{
		  width: 50px;
		  height: 40px;
		  color: #ffffff
		}
		.top .hamburger .exit-icon{
		  width: 50px;
		  height: 40px;
		  color: #ffffff;
			display: none;
		}
		.top.nav-opened .hamburger .hamburger-icon{
		  display: none;
		}
		.top .hamburger .exit-icon{
		  display: block;
		}
		.top.nav-opened .submenu{
		  list-style: none;
		  padding: 0;
		  margin: 0;
		  /*display: none;*/
		  width: 100%;
		  text-align: center;


		}
		.top.nav-opened .submenu a
		{
		  color: #000000;
		  text-decoration: none;
		}
		.top.nav-opened .submenu li
		{
		  padding-top: 10px;
		  padding-bottom: 10px;
		  font-size: 14px;
		  border-bottom: 1px black solid;
		}
		.top.nav-opened .sign-up{
		  margin-top: 30px;
		  border-bottom: none !important;

		}
		.top.nav-opened .sign-up a{
		  border: 2px solid #00BAA5;
		  border-radius: 25px;
		  padding: 10px;
		  padding-left: 20px;
		  padding-right: 20px;
		}
		.top.nav-opened{
		background-color: #ffffff
		}
	}
		 @media only screen and (max-width: 1000px) {
			 #page_home{
				 width: inherit;
			 }
			#page_home .home_up2 {
				display: none;
			}
			#center{
				width: 100%
			}
			#page_home .slide .home_up1{
				width: 100%;
			}
			#page_home .home_up1{
				width:100%;
			}
			#rectangle ol{
				width: 100%
			}
			#rectangle ol > li{
				padding-right: 11px !important;
			}
			/*...sklep...*/
			#left_sklep{
				display: none;
			}
			#sklep_intro{
				width: auto;
				margin-top: 0px
			}
			/*..o firmie..*/
			#page_firma .left_firma{
				display: none;
			}
			#page_firma .right_firma {
				width: auto;
			}
			#page_firma{
				padding: 15px;
			}
			/*...news...*/
			#news .news,
			#news .news .title,
			#news .news .date,
			#news .news .text {
				width: auto;
			}
			#center .main #actuale {
	    padding: 15px;
			}
			@media only screen and (max-width : 322px){
				#page_home{
					width: inherit;
				}
			.top .shop {
    	left: 222px;
    	top: 47px;
			}
			.top .login{
				display: none;
			}
			}