/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplay-smartphone-menu.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.page {width:100%; height:100%; z-index:100; position:relative; left:0; top:0;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}



/* this section is for styling the horizontal menu */
.trigger {position:absolute; display:none;}

.menupc {width:auto; height:60px; position:fixed; right:0; top:60px; background:rgba(100, 70, 50, 0.3); z-index:400;

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-ms-touch-action: none;

-webkit-transition:0.5s;
-o-transition:0.5s;
-moz-transition:0.5s;
transition:0.5s;
}

.menupc ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; float:right;}

.menupc li {display:block; position:relative;}

.menupc ul ul {position:absolute; left:-9999px; top:60px; padding:10px 0; z-index:0; border:1px solid rgba(255,255,255,0.2); border-top:0; border-radius:0 0 10px 10px;
background:#444; background:rgba(69,69,69,0.9);
}
.menupc ul ul a:visited {font:normal 16px/30px; color:#ababab;}
.menupc ul ul ul {left:100%; top:auto; margin-top:-41px; border-radius:10px; border:1px solid rgba(255,255,255,0.2);}
.menupc ul li.left > ul {left:auto; right:0; top:80px;}
.menupc ul li.left ul li > ul {left:auto; right:100%; top:auto; margin-top:-41px;}

.menupc > ul {margin:0 auto;}
.menupc > ul > li {float:left; position:relative;}
.menupc ul li.back {display:none;}
.menupc ul li.sublink {display:none;}

.menupc a {display:block; font:normal 16px/30px  'Open Sans', sans-serif, Arial; color:#FFF; text-decoration:none; padding:0 30px 0 15px; position:relative; z-index:10;}
.menupc > ul > li > a {height:60px; line-height:60px; border-right:0px solid #464646;}


.menupc > ul > li.last-child > a {border:0;}
.menupc > ul > li > label {display:block; position:relative; width:100%; margin-top:-80px; height:60px; background:none; z-index:100;
-webkit-transition:0s 0.5s;
-o-transition:0s 0.5s;
-moz-transition:0s 0.5s;
transition:0s 0.5s;
}
.menupc ul ul > li > span {display:block; position:relative; margin-top:-30px; width:100%; height:30px; background:none; z-index:100;
-webkit-transition:0s 0.5s
-o-transition:0s 0.5s;
-moz-transition:0s 0.5s;
transition:0s 0.5s;
}

.menupc li:hover > span {width:0;}
.menupc li.left ul a {text-align:right; padding:0 15px 0 30px;}

.menupc li:hover > a,
.menupc ul li:hover > a {background:#333; background:rgba(51,51,51,0.9); text-decoration:underline; color:#fff;}

.menupc ul li a.hassub {background:url(../pics/three-bar.png) no-repeat right center;}
.menupc li.left ul li a.hassub {background:url(../pics/three-bar.png) no-repeat 10px center;}



.menupc > ul {*display:inline;}

.menupc ul ul,
.menupc ul ul ul,
.menupc ul li.left > ul,
.menupc ul li.left ul li > ul {left:-9999px; right:auto; opacity:0;}
.menupc ul li a.shopthema {background:#222;}
.menupc ul li a.shopkorb {background:#888;}


.menupc ul li:hover > ul {left:-1px; opacity:1;}
.menupc ul ul li:hover > ul {left:100%; opacity:1;}
.menupc ul li.left:hover > ul {left:auto; right:-1px; opacity:1;}
.menupc ul li.left ul li:hover > ul {left:auto; right:100%; opacity:1;}

.menupc ul li:hover > a.hassub {background:#333 url(../pics/three-bar.png) no-repeat right center;}
.menupc li.left ul li:hover > a.hassub {background:#333 url(../pics/three-bar.png) no-repeat 10px center;}


@media only screen and (max-width: 850px) {
.menupc a {padding:0 5px 0 15px;}
.menupc ul li a.hassub {background:none;}
.menupc ul li:hover > a.hassub {background:#333 ;}
.menupc {position:fixed; right:0; top:33px;}
}

@media only screen and (max-width: 650px) {
.menupc {display:none;}
}

@media only screen and (max-height: 450px) {
.menupc  {height:45px; position:fixed; right:0; top:0px}
.logo {position:fixed; left:0; top:0; z-index:500; background:url(../pics/plasti_logo_kl.png) no-repeat 10px; width:140px; height:120px;}
original {display:none;}
}
@media print {
.menupc {display:none;}
}