@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Condensed:400,700&subset=latin,latin-ext);

@font-face {
	font-family:'markos';
	src:url('../fonts/markos.eot');
	src:url('../fonts/markos.eot?#iefix') format('embedded-opentype'),
		url('../fonts/markos.woff') format('woff'),
		url('../fonts/markos.ttf') format('truetype'),
		url('../fonts/markos.svg#markos') format('svg');
	font-weight:normal;
	font-style:normal;
}

[data-icon]:before {
	font-family:'markos' !important;
	content:attr(data-icon);
	font-style:normal !important;
	font-weight:normal !important;
	font-variant:normal !important;
	text-transform:none !important;
	speak:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

[class^='icon-']:before, [class*=' icon-']:before {
	font-family:'markos' !important;
	font-style:normal !important;
	font-weight:normal !important;
	font-variant:normal !important;
	text-transform:none !important;
	speak:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.icon-fax:before {content:'\61';}
.icon-home:before {content:'\62';}
.icon-mail:before {content:'\63';}
.icon-shopping-cart:before {content:'\64';}
.icon-telephone:before {content:'\65';}


* {border:0; box-sizing:border-box; font-family:Roboto, sans-serif; font-size:12px; margin:0; outline:0; padding:0;}
body {background:#f6f6f6;}
a {text-decoration:none;}
img {vertical-align:top; width:100%;}
table {border-collapse:collapse;}

.posContainer a {color:#c00;}
.posContainer a:hover {color:#000;}

.clear {clear:both !important; float:none !important;}
.fade {-webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out; -ms-transition:all .2s ease-out; transition:all .2s ease-out;}
.wrapper1 {margin:0 auto; max-width:1160px; position:relative;}
.wrapper2 {margin:0 auto; max-width:1200px; position:relative;}
@media screen and (max-width: 1180px) {
	.wrapper1 {padding:0 10px;}
}
.homeContainer {padding:20px 0 0;}
.posContainer {padding:20px 0 40px;}
@media screen and (max-width: 1180px) {
	.posContainer {padding:20px 10px 40px;}
}
.red {color:#c00; font-weight:700;}
.blue {color:#0966ab; font-weight:700;}

.clear2 {clear:both; display:none;}
.clear3 {clear:both;}



#top {border-bottom:1px #eaeaea solid; line-height:30px; text-align:right;}
#top span {color:#7b7b7b;}
#top i {margin:0 7px 0 0;}
#top a {color:#c00; margin:0 0 0 20px;}
#top a#fb {color:#3b5998; margin:0 0 0 20px;}
#top a:hover {color:#000 !important;}
@media screen and (max-width: 768px) {
	#top {text-align:center;}
}
@media screen and (max-width: 480px) {
	#top {display:none;}
}

#header {height:120px;}
#header a {display:inline-block; margin:25px 0;}
#header form {float:right; margin:41px 0; max-width:300px; width:100%;}
#header form input {background:#fff; float:left; padding:10px; width:90%;}
#header form button {background:#fff; color:#c00; cursor:pointer; float:left; padding:9px; width:10%;}
#header form button:hover {background:#fff; color:#000;}

#navbar {background:#666; font-size:14px; height:50px;}
#navbar a {color:#fff; display:inline-block; float:left; font-size:14px; line-height:50px; padding:0 20px;}
#navbar a:hover {background:#555;}
#homeBtn {display:inline-block; text-align:center;}
#homeBtn i {float:left; font-size:20px;}
@media screen and (max-width: 970px) {
	#navbar, #header, #top {display:none;}
}

ul.nav {
	display:block;
	height:50px;
	list-style:none;
}

ul.nav li {
	color:#fff;
	cursor:pointer;
	display:inline-block;
	float:left;
	height:50px;
	line-height:50px;
	padding:0;
}

ul.nav li span {font-size:14px; padding:0 10px;}
ul.nav li a {color:#fff; display:block; padding:0 10px;}
ul.nav li > a:hover {color:#fff; position:relative;}

ul.nav > li:hover {
	background:#555;
	color:#fff;
	position:relative;
}

ul.nav li ul {
	padding:0;
	position:absolute;
	top:50px;
	left:0;
	width:250px;
	display:none;
	opacity:0;
	visibility:hidden;
	z-index:1;
}

ul.nav li ul li {background:#555; display:block; color:#fff; width:250px;}
ul.nav li ul li a {display:block; width:100%;}
ul.nav li ul li a:hover {background:#666 !important; box-shadow:none;}
ul.nav li:hover ul {display:block; opacity:1; visibility:visible;}

#homeCartBox a {background:#c00; top:-10px; color:#fff; font-size:16px; font-weight:500; height:60px; line-height:60px; padding:0 20px; position:absolute; right:0; text-transform:uppercase;}
#homeCartBox a div {border-color:transparent transparent #9b000b transparent; border-style:solid; border-width:0 0 10px 10px; height:0; left:-10px; position:absolute; top:0; width:0;}
#homeCartBox a:hover {background:#9b000b;}
#homeCartBox a:hover div {border-color:transparent transparent #680007 transparent;}
#homeCartBox a i {float:left; font-size:21px; line-height:65px; margin:0 15px 0 0;}
#homeCartBox a span {float:left; font-size:12px;}
#homeCartBox a.shop {line-height:normal; padding:12px 20px 0;}
#homeCartBox a.shop i {line-height:41px;}
@media screen and (max-width: 1180px) {
	#homeCartBox a {right:10px;}
}

#homeContainer {background:#fff;}
#slider {margin:0 auto; max-width:1600px; overflow:hidden;}


#homeColumns {border-top:1px #eaeaea solid;}





.col50a {float:left; padding:0 20px 0 0; width:50%;}
.col50a input {background:#eee; padding:10px; width:100%;}

.col50b {float:left; padding:0 0 0 20px; width:50%;}
.col50b input {background:#eee; padding:10px; width:100%;}
.col50b textarea {background:#eee; min-height:165px; padding:10px; resize:none; width:100%;}
@media screen and (max-width: 768px) {
	.col50a {float:none; padding:0 0 20px; width:100%;}
	.col50b {float:none; padding:0; width:100%;}
}

#aside {float:left; padding:20px; width:25%;}
#aside .container1 {background:#e5e5e5;}
#aside .container2 {background:#e5e5e5; margin:40px 0 0;}
@media screen and (max-width: 900px) {
	#aside {width:33.3334%;}
}
@media screen and (max-width: 768px) {
	#aside {display:none;}
}

#content {float:left; width:75%;}
#content .container1 {padding:20px;}
.product {float:left; padding:20px; width:33.3334%;}
.product div {background:#e9e9e9;}
.product div div {color:#000; font-size:14px; padding:10px;}
.product div .prodTitle {color:#000; font-size:14px; height:36px; margin:0 0 10px; overflow:hidden; padding:0;}
.product div .prodDesc {color:#000; font-size:11px; height:45px; line-height:15px; margin:0 0 10px; overflow:hidden; padding:0;}
.product div div i {color:#c6c6c6; margin:10px 0 20px;}
.product div div i.rank {color:#fc0;}
.product div div table {width:100%;}
.product div div table td {line-height:14px;}
.product div div table td .netto {color:#1d599f;}
.product div div table td .netto span {text-decoration:line-through;}
.product div div table td .brutto {color:#732f2c;}
.product div div table td .brutto span {text-decoration:line-through;}
.product div div table td:last-child {text-align:right;}
.product div div table a.more {background:#c00; color:#fff; display:inline-block; font-weight:700; line-height:28px; padding:0 12px;}
.product div div table a.more:hover {background:#666; color:#fff;}
@media screen and (max-width: 900px) {
	#content {width:66.6667%;}
	.product {width:50%;}
}
@media screen and (max-width: 768px) {
	#content {float:none; width:100%;}
}
@media screen and (max-width: 480px) {
	#content .container1 {padding:10px;}
	.product {float:none; padding:10px; width:100%;}
}

#mobileFilters {display:none;}
@media screen and (max-width: 768px) {
	#mobileFilters {background:#ccc; display:block;}
	.filterTitle {padding:20px;}
	.filterContent {display:none; padding:20px;}
}

.brakart {background:#fff; font-size:14px; margin:20px 0 0; min-height:500px; padding:20px;}
.artykul {background:#fff; font-size:14px; min-height:500px; padding:20px;}
.artykul a {color:#000;}
.artykul a:hover {color:#c00;}
.prodGal {float:left; padding:0 20px 0 0; width:50%;}
.tabela_ceny_koszyk {float:left; padding:0 0 0 20px; width:50%;}
@media screen and (max-width: 480px) {
	.prodGal {float:none; padding:0 0 20px; width:100%;}
	.tabela_ceny_koszyk {float:none; padding:0; width:100%;}
	.artykul {min-height:initial; padding:10px;}
}

.moreBtn1 {}
.moreBtn1 a {background:#c00; color:#fff; display:inline-block; font-size:12px; font-weight:300; padding:5px 12px;}
.moreBtn1 a:hover {background:#666; color:#fff;}

.moreBtn2 {padding:30px 0 0;}
.moreBtn2 a {background:#c00; color:#fff; display:inline-block; font-size:12px; font-weight:300; padding:5px 12px;}
.moreBtn2 a:hover {background:#666; color:#fff;}

.moreBtn3 {background:#c00; color:#fff; display:inline-block; font-size:12px; font-weight:300; padding:5px 12px;}
.moreBtn3:hover {background:#666; color:#fff;}

.btn1 {background:#c00; color:#fff !important; cursor:pointer; display:inline-block; font-size:12px; font-weight:300; padding:5px 12px;}
.btn1:hover {background:#666; color:#fff;}

.btn2 {background:#666; color:#fff !important; cursor:pointer; display:inline-block; font-size:12px; font-weight:300; padding:5px 12px;}
.btn2:hover {background:#000; color:#fff;}

.artDesc {font-size:14px; line-height:24px;}
.productDesc {padding:40px 0 0;}
.productDesc ul, .productDesc ol, .artDesc ul, .artDesc ol {margin:0 0 0 20px;}

.zakupy {margin:0 0 20px; width:100%;}
.zakupy td:first-child {padding:0 10px 0 0; width:20%;}
.zakupy td:last-child {padding:0 0 0 10px; width:80%;}
.zakupy td input {background:#eee; padding:10px; width:100%;}
.zakupy td select {background:#eee; padding:9px; width:100%;}

.priceProd {padding:10px 0 20px;}
.priceProd span {font-size:14px; line-height:24px;}

.promoPrice {padding:10px 0 20px;}
.promoPrice span {font-size:14px; line-height:24px;}
.promoPrice span span {text-decoration:line-through;}

#zamowienieError {padding:200px 0; text-align:center;}

#filtry {padding:10px;}
#filtry input {padding:5px; width:100%;}
#filtry select {padding:5px; width:100%;}
#filtry button {cursor:pointer;}


div.table {display:table; width:100%;}
div.tr {display:table-row;}
div.td {display:table-cell; width:50%;}
#filtry div.td:first-child {padding:0 10px 0 0;}
#filtry div.td:last-child {padding:0 0 0 10px;}

#decoWhyMarkos {background:#e9e9e9 url('../images/decowhymarkos.jpg') 20px bottom no-repeat; color:#000; font-size:14px; line-height:22px; padding:40px; text-align:justify;}
#decoWhyMarkos .moreBtn1 {padding:40px 0 0; text-align:right;}

#decoInstalations {background:#e9e9e9 url('../images/decoinstalations.jpg') 0 bottom no-repeat; color:#000; font-size:14px; line-height:22px; padding:40px; text-align:justify;}
#decoInstalations .moreBtn1 {padding:62px 0 0; text-align:center;}

#decoService {background:#e9e9e9 url('../images/decoservice.jpg') right bottom no-repeat; color:#000; font-size:14px; line-height:22px; padding:40px; text-align:justify;}
#decoService .moreBtn1 {padding:62px 0 0; text-align:center;}

.homeProd {float:left; padding:20px; width:25%;}
.homeProd div {background:#e9e9e9;}
.homeProd div div {color:#000; font-size:14px; padding:10px;}
.homeProd div .prodTitle {color:#000; font-size:14px; height:36px; margin:0 0 10px; overflow:hidden; padding:0;}
.homeProd div .prodDesc {color:#000; font-size:11px; height:45px; line-height:15px; margin:0 0 10px; overflow:hidden; padding:0;}
.homeProd div div i {color:#c6c6c6; margin:10px 0 20px;}
.homeProd div div i.rank {color:#fc0;}
.homeProd div div table {width:100%;}
.homeProd div div table td {line-height:14px;}
.homeProd div div table td .netto {color:#1d599f;}
.homeProd div div table td .netto span {text-decoration:line-through;}
.homeProd div div table td .brutto {color:#732f2c;}
.homeProd div div table td .brutto span {text-decoration:line-through;}
.homeProd div div table td:last-child {text-align:right;}
.homeProd div div table a.more {background:#c00; color:#fff; display:inline-block; font-weight:300; line-height:28px; padding:0 12px;}
.homeProd div div table a.more:hover {background:#666; color:#fff;}
@media screen and (max-width: 990px) {
	.homeProd {float:left; padding:20px; width:33.3334%;}
}
@media screen and (max-width: 768px) {
	.homeProd {float:left; padding:20px; width:50%;}
}
@media screen and (max-width: 480px) {
	.homeProd {float:none; padding:10px; width:100%;}
}

.col50 {float:left; padding:20px; width:50%;}
.col33 {float:left; padding:20px; width:33.3334%;}
.col25 {float:left; padding:20px; width:25%;}
@media screen and (max-width: 1180px) {
	.col50 {float:left; padding:10px;}
	.col33 {float:left; padding:10px;}
	.col25 {float:left; padding:10px;}
}

@media screen and (max-width: 1024px) {
	#threeBlocks {padding:10px;}
	#threeBlocks .col50 {padding:10px;}
	#threeBlocks .col33 {padding:10px;}
	#threeBlocks .col25 {padding:10px;}
}
@media screen and (max-width: 768px) {
	#threeBlocks .col50 {float:none; width:100%;}
	#threeBlocks .col25 {float:left; width:50%;}
}
@media screen and (max-width: 480px) {
	#threeBlocks {padding:0;}
	#threeBlocks .col25 {float:none; width:100%;}
}



.homeCol {padding:40px; text-align:center;}
.homeCol img {margin:0 0 20px;}
.homeCol i {color:#c00; font-size:48px;}
.homeCol .desc {color:#444; font-size:14px; line-height:22px; text-align:justify;}
@media screen and (max-width: 1024px) {
	#homeColumns .wrapper1 {padding:0;}
	.homeCol {padding:40px 20px;}
}
@media screen and (max-width: 768px) {
	.homeCol {padding:20px 0px;}
	#homeColumns .col33 {float:none; padding:20px; width:100%;}
}
@media screen and (max-width: 480px) {
	.homeCol {padding:20px 0px;}
	#homeColumns .col33 {padding:10px;}
}


.title1 {font-size:28px; font-weight:300; margin:0 0 20px; text-transform:uppercase;}
.title1 strong {font-size:28px; font-weight:700;}
@media screen and (max-width: 1024px) {
	.title1 {font-size:20px; font-weight:300;}
	.title1 strong {font-size:20px;}
}

.title2 {font-size:14px; font-weight:700; margin:0 0 5px; text-transform:uppercase;}

.title3 {color:#000; font-family:'Roboto Condensed', sans-serif; font-size:18px; font-weight:300; height:46px; line-height:23px; margin:20px 0 20px; text-transform:uppercase;}

.title4 {background:#fff; margin:20px 0 0; text-align:center; text-transform:uppercase;}
.title4 table {margin:0 auto;}
.title4 table td:first-child {font-size:17px;}
.title4 table td {padding:0 8px;}
.title4 table td span {color:#666; font-family:'Roboto Condensed', sans-serif; font-size:24px; font-weight:300; line-height:50px; padding:0 10px;}
.title4 table td:last-child {font-size:17px;}
.title4 .one {color:rgba(255, 255, 255, .75); font-size:16px; padding:0 1px;}
.title4 .two {color:rgba(255, 255, 255, .5); font-size:16px; padding:0 1px;}
.title4 .three {color:rgba(255, 255, 255, .25); font-size:16px; padding:0 1px;}
/*@media screen and (max-width: 480px) {
	.title4 table td:first-child, .title4 table td:last-child {display:none;}
}*/

.title5 {background:#aeaeae !important; color:#fff; font-family:'Roboto Condensed', sans-serif; font-size:16px; font-weight:700; line-height:50px; padding:0 20px; text-transform:uppercase;}

.title6 {font-family:'Roboto Condensed', sans-serif; font-size:16px; font-weight:700; margin:40px 0 10px; text-transform:uppercase;}
.title7 {font-family:'Roboto Condensed', sans-serif; font-size:16px; font-weight:700; margin:0 0 10px; text-transform:uppercase;}

.wrapper3 {padding:20px;}
@media screen and (max-width: 480px) {
	.wrapper3 {padding:10px;}
}

.breadcrumbs {background:#aeaeae; color:#fff; font-family:'Roboto Condensed', sans-serif; font-size:16px; font-weight:700; line-height:50px; padding:0 20px; text-transform:uppercase;}
.breadcrumbs a {color:#fff; font-family:'Roboto Condensed', sans-serif; font-size:16px;}
.breadcrumbs i {margin:0 10px;}
@media screen and (max-width: 1024px) {
	.breadcrumbs {font-size:14px; font-weight:700; line-height:50px; padding:0 20px;}
	.breadcrumbs a {font-size:14px;}
}
	
@media screen and (max-width: 480px) {
	.breadcrumbs {font-size:12px; font-weight:400; line-height:30px; padding:0 10px; text-transform:none;}
	.breadcrumbs a {font-size:12px;}
	.breadcrumbs i {font-size:9px; margin:0 5px;}
}

.artykulKoszyk {border:1px #ccc solid; border-bottom:0; padding:10px;}
.artykulKoszyk .table {display:table; width:100%;}
.artykulKoszyk .tr {display:table-row;}
.artykulKoszyk .td {display:table-cell; vertical-align:middle; width:33.3334%;}
.artykulKoszyk .td.img {padding:0 10px 0 0; width:15%;}
.artykulKoszyk .td.title {padding:0 10px; width:60%;}
.artykulKoszyk .td.info {padding:0 0 0 10px; width:25%;}
@media screen and (max-width: 480px) {
	.artykulKoszyk .td.img {width:15%;}
	.artykulKoszyk .td.title {width:40%;}
	.artykulKoszyk .td.info {width:45%;}
}

.wartoscKoszyk {border-top:1px #ccc solid; padding:10px 0;}

.przyciskiKoszyk {}
.przyciskiKoszyk div:first-child {float:left;}
.przyciskiKoszyk div + div {float:right;}
@media screen and (max-width: 480px) {
	.przyciskiKoszyk {text-align:center;}
	.przyciskiKoszyk div:first-child {float:none; margin:0 0 10px;}
	.przyciskiKoszyk div + div {float:none;}
}

#bottom {background:#605f60; color:#fff; font-size:14px; line-height:22px;}
#bottom a {color:#fff;}

#footer {background:#c00; color:#fff; font-size:12px; line-height:50px;}

#botInfo {}
@media screen and (max-width: 768px) {
	#botInfo .col50 {float:none; width:100%;}
	#botInfo .col25 {float:none; width:100%;}
	#footer {font-size:10px; text-align:center;}
}
@media screen and (max-width: 480px) {
	#footer .wrapper1 {font-size:8px;}
}

.podsumowanieZam {border-collapse:collapse; margin:0 0 10px; width:100%;}
.podsumowanieZam tr th {background:#c00; border:1px #c00 solid; color:#fff; padding:5px;}
.podsumowanieZam tr td {border:1px #ccc solid; padding:5px; text-align:center;}





.submenu_container {display:block; margin:0 auto; position:relative; width:100%;}
.submenu {left:0; margin:0 auto; overflow:hidden; padding:0; position:relative; top:0; width:100%; z-index:999;}
.submenu ul {float:left;}
.mobile.submenu ul {width:100%;}
.submenu li {margin:0;}
.submenu li a {border-bottom:1px #fff solid; color:#5c5c5c; display:block; font-size:14px; padding:10px 40px 10px 10px;}
.submenu li:last-child a {border:0 none;}
.submenu li a.on {background:#e5e5e5;}
.submenu .last li {display:inline-block; margin-right:20px;}
.mobile.submenu li {display:block; position:relative; width:100%;}
.mobile.submenu li.hidden {display:none;}
.mobile.submenu .on {border:0 none !important;}
.mobile.submenu li .more {display:block;}

.mobile.submenu li .more .open {background:#c00; font-size:10px; height:20px; position:absolute; right:10px; top:8px; width:20px;}
.mobile.submenu li .more .open i {color:#fff; float:left; padding:5px 0 0 5px;}

.mobile.submenu li .more .close {background:#c00; font-size:10px; height:20px; position:absolute; right:10px; top:8px; width:20px;}
.mobile.submenu li .more .close i {color:#fff; float:left; padding:4px 0 0 5px;}

.mobile.submenu li .more .open, .mobile.submenu li .more.on .close {display:block;}
.mobile.submenu li .more .close, .mobile.submenu li .more.on .open {display:none;}
.mobile.submenu li.more_cats {background:#fff;padding:10px;}
.mobile.submenu li.more_cats a {background:#fff; border-bottom:1px #f2f2f2 solid; clear:both; display:block; padding:10px;}
.mobile.submenu li.more_cats a:hover {background:#efefef;}
.mobile.submenu li.more_cats a:last-child {border:0 none;}
.mobile.submenu li.more_cats a.menuItems {border:0 none; clear:both; display:block; padding:5px 10px 5px 50px;}

.submenu i {color:#999; font-style:normal; padding:0 5px 0 0;}













.main_menu1 {display:block; margin:0 auto; width:100%;}
.nav_container1 {display:block; width:100%;}
.nav1 {display:table; margin:0 auto; table-layout:fixed; width:100%;}
.nav1 li {display:none; text-align:center;}
.nav1 #logoBtn {text-align:left; width:50%;}
.nav1 #logoBtn img {max-width:200px;}
.nav1 .nav_mobile1 {background:#fff; border-right:1px #ccc solid; display:table-cell; vertical-align:top;}
.nav1 .nav_mobile1:last-child {border: 0 none;}
.nav1 #logoBtn a {}
.nav1 a {color:#c00; display:block; font-size:24px; padding:10px 0; text-transform:uppercase;}
.nav1 .nav_mobile1 a {display:block; line-height:60px; padding:10px;}
.nav1 .first {border-left:0 none;}
.nav1 a:hover {color:#000;}
.nav1 a.nav_submenu1.on {color:#fff;}
.nav1 a.nav_submenu1.first.on {}
.nav1 .nav_mobile1 a.nav_submenu1.on {background:#c00;}
@media screen and (max-width: 768px) {
	.nav1 .nav_mobile1 a {line-height:70px;}
}
@media screen and (max-width: 480px) {
	.nav1 .nav_mobile1 a {line-height:55px;}
}

@media (min-width: 971px) {
	.nav1 {table-layout:auto; width:100%;}
	.nav1 li {display:table-cell;}
	.nav1 a {font-size:12px;}
	.nav1 .nav_mobile1 {display:none;}
}

@media (min-width: 900px) {
	.nav1 a {font-size:15px;}
}

.contentPadding {padding:0 10px;}

.submenu_container1 {display:block; margin:0 auto; position:relative; width:100%;}
.submenu1 {display:none; left:0; margin:0 auto; overflow:hidden; padding:0; position:relative; top:0; width:100%; z-index:999;}
.submenu1.first {padding:0;}
.submenu1.mobile1 {background:#666; padding:0;}
.submenu ul {float:left; margin:0;}
.mobile.submenu1 ul {width:100%;}
.submenu1 li#searchList {background:#c00; padding:0;}
.submenu1 li#searchList form input {background:none; color:#fff; float:left; padding:20px; width:90%;}
.submenu1 li#searchList form button {background:none; color:#fff; float:left; padding:20px 0; width:10%;}
.submenu1 li {margin:0;}
.submenu1 li a {display:block; padding:10px;}

.mobile1.submenu1 li {background:#666; border-bottom:1px #444 solid; color:#fff; display:block; position:relative; width:100%;}
.mobile1.submenu1 li.title {background:#444; font-weight:600; padding:10px; text-transform:uppercase;}
.mobile1.submenu1 li a {color:#fff; padding:10px 10px 10px 20px;}
.mobile1.submenu1 li.hidden {display:none;}
.mobile1.submenu1 li.on {background:#444; font-weight:600; text-transform:uppercase;}
.mobile1.submenu1 li .more {display:block;}

.mobile1.submenu1 li .more .open {background:#c00; font-size:10px; height:24px; padding:0; position:absolute; right:10px; top:6px; width:24px;}
.mobile1.submenu1 li .more .open i {float:left; padding:7px 0 0 7px;}

.mobile1.submenu1 li .more .close {background:#c00; font-size:10px; height:24px; padding:0; position:absolute; right:10px; top:6px; width:24px;}
.mobile1.submenu1 li .more .close i {float:left; padding:7px 0 0 7px;}

.mobile1.submenu1 li .more .open, .mobile1.submenu1 li .more.on .close {display:block;}
.mobile1.submenu1 li .more .close, .mobile1.submenu1 li .more.on .open {display:none;}
.mobile1.submenu1 li.more_cats1 {}
.mobile1.submenu1 li.more_cats1 a {background:#444; border-top:1px #666 solid; color:#fff; display:block; padding:10px 10px 10px 30px;}
.submenu1 a:hover {color:#6b4e2f;}
.submenu1 i {color:#fff; font-style:normal; padding:0 5px 0 0;}