@charset "utf-8";@import url(/templates/jp-universal/warp/css/modules.css);
@import url(/templates/jp-universal/warp/css/tools.css);
@import url(/templates/jp-universal/warp/css/system.css);
@import url(/templates/jp-universal/warp/systems/joomla/css/system.css);
@import url(/templates/jp-universal/css/system-all.css);
@import url(/templates/jp-universal/warp/css/responsive.css);
@import url(/templates/jp-universal/warp/css/print.css);

/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */




/* Module Badges
----------------------------------------------------------------------------------------------------*/

.module .badge {
	width: 32px;
	height: 22px;
	background: url(/templates/jp-universal/images/module_badges.png) 0 0 no-repeat;
}
 
.module .badge-hot { background-position: 0 0; }
.module .badge-top { background-position: 0 -25px; }
.module .badge-free { background-position: 0 -50px; }
.module .badge-new { background-position: 0 -75px; }


/* Module Icons
----------------------------------------------------------------------------------------------------*/

.module .module-title .icon { background: url(/templates/jp-universal/images/module_icons.png) 0 0 no-repeat; }

.module .module-title .icon-download { background-position: 0 0; }
.module .module-title .icon-twitter { background-position: 0 -30px; }
.module .module-title .icon-mail { background-position: 0 -60px; }
.module .module-title .icon-bubble { background-position: 0 -90px; }
.module .module-title .icon-login { background-position: 0 -120px; }
.module .module-title .icon-cart { background-position: 0 -150px; }


/* Module Type: Box
----------------------------------------------------------------------------------------------------*/

.mod-box {
	padding: 15px;
	border: 1px solid #ddd;
}

.mod-box .badge { top: 10px; right: 10px; }
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */




/* Buttons (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Default */
.button-default {
	padding: 3px 10px;
	border: 1px solid #ddd;
}

/* Primary */
.button-primary {
	padding: 3px 10px;
	background: #48b;
	color: #FFF;
}

.button-primary:hover {
	color: #FFF;
	background: #d50;
}


/* Images and Objects (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

img.border-box { border: 1px solid #ddd; }


/* Lists and Tables (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

/* Line */
ul.line > li { border-top: 1px solid #ddd; }
ul.line > li:first-child { border: none; }

/* Check */
ul.check > li {
	padding: 4px 0 0 30px;
	background: url(/templates/jp-universal/images/tools/list_check.png) 0 0 no-repeat;
}

/* Zebra List and Table */
ul.zebra > li,
table.zebra tbody td { border-bottom: 1px solid #ddd; }
ul.zebra > li:first-child,
table.zebra tbody tr:first-child td { border-top: 1px solid #ddd; }

ul.zebra > li.odd,
table.zebra tbody tr.odd { background: #fafafa; }
ul.zebra > li:nth-of-type(odd),
table.zebra tbody tr:nth-of-type(odd) { background: #fafafa; }

table.zebra caption { color: #999; }


/* Definition Lists
----------------------------------------------------------------------------------------------------*/

dl.separator dt {	
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
}

/* border code because of RTL */
dl.separator dd {
	padding-top: 5px;
	padding-bottom: 5px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #DDD;
}

dl.separator dt:before {
	content: "";
	position: absolute;
	top: 0;
	right: -15px;
	width: 30px;
	border-top: 1px solid #DDD;
}

dl.separator dt:after {
	content: "";
	position:absolute;
	top: -3px;
	right: -4px;
	width: 5px;
	height: 5px;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius:6px;
}

dl.separator dt:first-child:before,
dl.separator dt:first-child:after { display: none; }


/* Text
----------------------------------------------------------------------------------------------------*/

/* Inline Text Box */
em.box { 
	border: 1px dotted #bbb;
	background: #fafafa;
	color: #444;
}

/* Dotted Horizontal Rule */
hr.dotted { background: url(/templates/jp-universal/images/tools/line_dotted.png) 0 0 repeat-x; }


/* Boxes
----------------------------------------------------------------------------------------------------*/

.box-content {
	background: #fafafa;
	border: 1px solid #ddd;
}

.box-note,
.box-info,
.box-warning,
.box-hint,
.box-download {
	background: #fafafa;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.box-info {
	background: #ebf5fa url(/templates/jp-universal/images/tools/box_info.png) 0 0 no-repeat;
	border-color: #d2dce1;
}

.box-warning {
	background: #fff0eb url(/templates/jp-universal/images/tools/box_warning.png) 0 0 no-repeat;
	border-color: #ffd7cd;
}

.box-hint {
	background: #fffae6 url(/templates/jp-universal/images/tools/box_hint.png) 0 0 no-repeat;
	border-color: #fae6be;
}

.box-download {
	background: #faffe6 url(/templates/jp-universal/images/tools/box_download.png) 0 0 no-repeat;
	border-color: #dce6be;
}


/* Forms (Needed for System Markup)
----------------------------------------------------------------------------------------------------*/

form.box fieldset { border: 1px solid #ddd; }
form.box legend { background: #fff; }
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */






/* Items (Addition)
----------------------------------------------------------------------------------------------------*/
 
#system .items .leading .item {
	padding-bottom: 12px;
	margin-bottom: 18px;
	border-bottom: 1px solid #ddd;
}


/* Item List
----------------------------------------------------------------------------------------------------*/

#system .item-list { border-top: 1px solid #ddd; }


/* Search
----------------------------------------------------------------------------------------------------*/

#system span.highlight { background-color: #ffffaa; }
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* empty */
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*

 * Style Sheet - Defines the main look like colors and backgrounds

 * Dont edit this style, please edit the CUSTOM.CSS if you want to customize the theme

 */

/* --------------------------------------------- LAYOUT -------------------------------------------------------*/



html, body {

height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */

}

.wrapper {

background-color:#FFFFFF;

min-height: 100%; /* Mindesth�he f�r moderne Browser */

height:auto !important; /* Important Regel f�r moderne Browser */

height:100%; /* Mindesth�he f�r den IE */

overflow: hidden !important; /* FF Scroll-leiste */ 

margin:0 auto;

}

.module,#header, #breadcrumbs, #content, #footer {

margin: 25px;

}
#content {margin-top: 20px}

#toolbar {

margin:0;

padding:0px;

width: 100%;

height: 3px;

}


/*--------------------------------- Top Toolbar ----------------------------------------*/



.jp-toolbar-outer {

background-color:#000;

color:#999!important;

}

.jp-toolbar-outer a{

color:#999!important;

}

.jp-toolbar-outer a:hover{

color:#fff!important;

}



.jp-top-outer {

position:relative;

z-index:0;

}



#logo {

text-align:left;

float:left;

}

#banner {

position: relative;

float:right;

margin:15px 20px;

right:0;

top: 0;

}



#search {

margin-right:6px;

}



.searchbox .results {

background:#FFF;

border:1px solid #DDD;

right:-3px;

top:38px;

width:300px;

}



#jp-slider {

margin:0 0 0px 0;

}



.jp-main-outer {

position:relative;

margin:0 auto;

}



.jp-bottom-c-outer {

position:relative;

z-index:0;

background-color:#eee;

padding:20px 0;

}



.jp-footer-outer {

background:#222;

border-top:1px solid #fff;

color:#ccc;

padding:20px 0;

}



.jp-footer-outer a,.jp-footer-outer a:visited {

color:#ccc;

}



.jp-footer-outer a:hover {

color:#fff;

}



.searchbox {

background-color:#fff;

margin-top:2px;

border:1px solid #efefef;

}



#maininner, #bottom-a,#bottom-b,#bottom-c,#bottom-d,#bottom-e,#bottom-f,#top-a,#top-b,#top-c,#top-d,#top-e,#top-f {

margin-bottom:0px;

padding-bottom:0px;

border-bottom:0px solid #efefef;

}



#footer {

margin:0;

}



/*.breadcrumbs {

padding:10px 0;

border-bottom:1px solid #FFF;

box-shadow:0 -1px 0 rgba(0,0,0,0.15) inset;

margin-bottom:30px;

}
*/


/*--------------------------------------------- MENU -------------------------------------------------------*/

#menubar {

height:40px;

}

#menubar {

background: #f3f3f3;

background: -moz-linear-gradient(top, #fff, #f3f3f3);    

background: -webkit-linear-gradient(top, #eee, #fff);

background: -ms-linear-gradient(top, #eee, #fff);

background: -o-linear-gradient(top, #eee, #fff);

border-top:1px solid #eee;

/*

-moz-box-shadow: 10px 10px 5px #888;

-webkit-box-shadow: 10px 10px 5px #888;

box-shadow: 2px 2px 2px #b5b5b5;

*/

}

.menu-dropdown li.level1 {

margin: 0;

padding:0;

border-right:1px solid #eee;

}

.menu-dropdown a.level1,.menu-dropdown span.level1 {

border:none;

}



.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {

height: 40px;

line-height: 40px;

padding: 0 14px;

}

.menu-dropdown .dropdown-bg > div {

border:1px solid #efefef;

background:#fff;

background:rgba(255,255,255,0.97);

}



.menu-dropdown .dropdown {

border-top:none;

top:40px;

}

.menu-line li {

background: none;

line-height:30px;

}

/*------------------------------------------- MODULE ---------------------------------------------------------*/

.mod-box .badge {

right: 10px;

top: 6px;

}

.module {

margin:40px;

}


.mod-blank {

border:none!important;

padding:0!important;

margin:0!important;

background:none!important;

}

.mod-clean {

border:none!important;

padding:15px!important;

margin:30px!important;

background:none!important;

}



.mod-clean1,.mod-clean2,.mod-clean3 {

border:none!important;

padding:0!important;

margin:30px!important;

background:none!important;

}



.mod-clean1 h3 {

color:#222;

padding:4px 0;

border-bottom:1px solid #ddd;



}



.mod-clean2 h3 {

background: -moz-linear-gradient(bottom, #eee, #FFF);    

background: -webkit-linear-gradient(bottom, #eee, #FFF);

background: -ms-linear-gradient(bottom, #eee, #FFF);

background: -o-linear-gradient(bottom, #eee, #FFF);

padding:8px 15px;

}



.mod-box {

background: #fff;

border: 1px solid #eee;

margin:30px;

margin-bottom: 0px;

}



.mod-shadow {

border:1px solid #fff;

border-radius:none;

background:#fdfdfd;

margin:30px;

-moz-box-shadow:0 0 0 10px #ccc;

-webkit-box-shadow:0 0 10px 0 #ccc;

box-shadow:0 0 10px 0 #ccc;

}



.mod-grey {

background: #f3f3f3;

border: 1px solid #DDD;

background: -moz-linear-gradient(top, #f3f3f3, #FFF);    

background: -webkit-linear-gradient(top, #eee, #fff);

background: -ms-linear-gradient(top, #eee, #fff);

background: -o-linear-gradient(top, #eee, #fff);

box-shadow: 1px 2px 4px rgba(0,0,0, .2);

margin:30px;



}

.mod-grey h3 {

border-bottom:1px solid #ccc;

text-shadow: 0 1px 3px #FFFFFF;

padding-bottom:15px;

}







/* -------------------------------------- TOOLS --------------------------------------------------------------*/

img {

height:auto;

max-width:100%;

}



a.button-default:hover,a.button-primary:hover {

background-color:#222;

color:#fff!important;

}

.img-round {

-webkit-border-radius: 8x;

-moz-border-radius: 8px;

border-radius: 8px;

}

.img-shadow {

-moz-box-shadow:0 0 0 5px #999;

-webkit-box-shadow:0 0 5px 0 #999;

box-shadow:0 0 5px 0 #999;

/* Versatz links - Versatz oben - Unsch�rfe - Schattenradius - Farbe */

max-width:100%;

}



.img-polaroid {

-moz-box-shadow:0 0 0 10px #ccc;

-webkit-box-shadow:0 0 10px 0 #ccc;

box-shadow:0 0 10px 0 #ccc;

max-width:100%;

padding:5px;

margin:5px;

background:#fff;

}



img.align-right {

-moz-box-shadow:0 0 0 5px #DDD;

-webkit-box-shadow:0 0 5px 0 #DDD;

box-shadow:0 0 5px 0 #DDD;

/* Versatz links - Versatz oben - Unsch�rfe - Schattenradius - Farbe */

max-width:100%;

}



a.lightbox-color {

float:left;

border:1px solid #ededed;

padding:2px;

margin:5px;

}



a.button-default,a.button-primary {

border:none;

}

button { 

padding:6px 10px; 

border:none

}

/* Socialbar

----------------------------------------------------------------------------------------------------*/

ul.spicesocialwidget {float:left;padding-left:0}

ul.spicesocialwidget li {float:left;list-style: none outside none;border:none;}

ul.spicesocialwidget li a{background-color:transparent;background-image:url(/templates/jp-universal/images/spice-social-gadget-sprite.png);background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:white;direction:ltr;display:block; height:32px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-999em;transition:all 0.2s ease 0s;width:32px}

.ie7 ul.spicesocialwidget li a, .ie8 ul.spicesocialwidget li a{background-image:url(/templates/jp-universal/images/spice-social-gadget-sprite.png )}

ul.spicesocialwidget li.facebook a{ background-position:0 0}

ul.spicesocialwidget li.flickr a{ background-position:-32px 0}

ul.spicesocialwidget li.dribbble a{ background-position:-64px 0}

ul.spicesocialwidget li.googleplus a{ background-position:-96px 0}

ul.spicesocialwidget li.linkedin a{ background-position:-128px 0}

ul.spicesocialwidget li.pinterest a{ background-position:-160px 0}

ul.spicesocialwidget li.rss a{ background-position:-192px 0}

ul.spicesocialwidget li.skype a{ background-position:-224px 0}

ul.spicesocialwidget li.twitter a{ background-position:-256px 0}

ul.spicesocialwidget li.vimeo a{ background-position:-288px 0}

ul.spicesocialwidget li.youtube a{ background-position:-320px 0}

ul.spicesocialwidget li.facebook a:hover, #sidebar ul.spicesocialwidget li.facebook a:hover{ background-position:0 -32px}

ul.spicesocialwidget li.flickr a:hover, #sidebar ul.spicesocialwidget li.flickr a:hover{ background-position:-32px -32px}

ul.spicesocialwidget li.dribbble a:hover, #sidebar ul.spicesocialwidget li.dribbble a:hover{ background-position:-64px -32px}

ul.spicesocialwidget li.googleplus a:hover, #sidebar ul.spicesocialwidget li.googleplus a:hover{ background-position:-96px -32px}

ul.spicesocialwidget li.linkedin a:hover, #sidebar ul.spicesocialwidget li.linkedin a:hover{ background-position:-128px -32px}

ul.spicesocialwidget li.pinterest a:hover, #sidebar ul.spicesocialwidget li.pinterest a:hover{ background-position:-160px -32px}

ul.spicesocialwidget li.rss a:hover, #sidebar ul.spicesocialwidget li.rss a:hover{ background-position:-192px -32px}

ul.spicesocialwidget li.skype a:hover, #sidebar ul.spicesocialwidget li.skype a:hover{ background-position:-224px -32px}

ul.spicesocialwidget li.twitter a:hover, #sidebar ul.spicesocialwidget li.twitter a:hover{ background-position:-256px -32px}

ul.spicesocialwidget li.vimeo a:hover, #sidebar ul.spicesocialwidget li.vimeo a:hover{ background-position:-288px -32px}

ul.spicesocialwidget li.youtube a:hover, #sidebar ul.spicesocialwidget li.youtube a:hover{ background-position:-320px -32px}



/* System

----------------------------------------------------------------------------------------------------*/
/*--------------------------------- LINKS / CODE ----------------------------------------*/
a {
color:#222;
transition: color 0.2s linear 0s;
/* Firefox 4 */
-moz-transition: color 0.2s linear 0s;
/* Safari and Chrome */
-webkit-transition: color 0.2s linear 0s;
/* Opera */
-o-transition: color 0.2s linear 0s;
}
a:hover,em,code,.color {
color:#000;
}

/*--------------------------------- BUTTON ----------------------------------------*/
button, a.button-default,a.button-primary {
background-color:#000;
color:#fff!important;
/*-webkit-border-radius: 8x;
-moz-border-radius: 8px;
border-radius: 8px;
*/
}
a.button-default:hover,a.button-primary:hover {
background-color:#555;
color:#fff!important;
}
/*--------------------------------- Top Toolbar ----------------------------------------*/

.jp-toolbar-outer {
background-color:#608300;
color:#999!important;
}
.jp-toolbar-outer a{
color:#999!important;
}
.jp-toolbar-outer a:hover{
color:#fff!important;
}
/*--------------------------------- MODULE ----------------------------------------*/
.mod-clean3 h3 {
background:#000;
color:#FFF;
padding:8px 15px;
/*-webkit-border-radius: 8x;
-moz-border-radius: 8px;
border-radius: 8px;
*/
}
.mod-clean3 span.color {
color:#fff;
}
.mod-color {
background-color:#000!important;
color:#FFF;
}
.mod-color a:link,.mod-color a:visited {
color:#fff;
}

.mod-color a:hover {
text-decoration:underline;
}

.mod-color h1,.mod-color h2,.mod-color h3,.mod-color h4,.mod-color h5,.mod-color h6 {
color:#fff;
}

.mod-color h3 {
color:#FFF;
padding:8px 0;
}
.mod-color span.color {
color:#fff;
}
.mod-color button {
color:#fff!important;
background-color:#000;
}

/*--------------------------------- MENU ----------------------------------------*/

.menu-dropdown a.level2:hover,.menu-dropdown a.level3:hover,.menu-sidebar a:hover > span,.menu-sidebar span:hover > span {
color:#999;
}
.menu-dropdown li.active .level1 {
background-color:#000;
color:#fff!important;
}
.menu-dropdown a.level1,.menu-dropdown span.level1 {
border:none;
color:#222;
}

.menu-dropdown li.level1:hover .level1,.menu-dropdown li.remain .level1 {
color:#000;
}
.menu-dropdown a.level2,.menu-dropdown span.level2 {
color:#000;
}
.menu-dropdown a.level3 {
color:#888;
}
.menu-dropdown a.level3:hover {
color:#222;
}
body {
background:#fff url(/templates/jp-universal/css/background/paper.png);
}
/*--------------------------------- LINKS / CODE ----------------------------------------*/
a {
color:#00af0f;
transition: color 0.2s linear 0s;
/* Firefox 4 */
-moz-transition: color 0.2s linear 0s;
/* Safari and Chrome */
-webkit-transition: color 0.2s linear 0s;
/* Opera */
-o-transition: color 0.2s linear 0s;
}
a:hover,em,code,.color {
color:#00f514;
}

/*--------------------------------- BUTTON ----------------------------------------*/
button, a.button-default,a.button-primary {
background-color:#608300;
color:#fff!important;
/*-webkit-border-radius: 8x;
-moz-border-radius: 8px;
border-radius: 8px;
*/
}
a.button-default:hover,a.button-primary:hover {
background-color:#555;
color:#fff!important;
}
/*--------------------------------- MODULE ----------------------------------------*/
.mod-clean3 h3 {
background:#608300;
color:#FFF;
padding:8px 15px;
/*-webkit-border-radius: 8x;
-moz-border-radius: 8px;
border-radius: 8px;
*/
}
.mod-clean3 span.color {
color:#fff;
}
.mod-color {
background-color:#608300!important;
color:#FFF;
}
.mod-color a:link,.mod-color a:visited {
color:#fff;
}

.mod-color a:hover {
text-decoration:underline;
}

.mod-color h1,.mod-color h2,.mod-color h3,.mod-color h4,.mod-color h5,.mod-color h6 {
color:#fff;
}

.mod-color h3 {
color:#FFF;
padding:8px 0;
}
.mod-color span.color {
color:#fff;
}
.mod-color button {
color:#fff!important;
background-color:#608300;
}

/*--------------------------------- MENU ----------------------------------------*/

.menu-dropdown a.level2:hover,.menu-dropdown a.level3:hover,.menu-sidebar a:hover > span,.menu-sidebar span:hover > span {
color:#d50;
}
.menu-dropdown li.active .level1 {
background-color:#608300;
color:#fff!important;
}
.menu-dropdown a.level1,.menu-dropdown span.level1 {
border:none;
color:#222;
}

.menu-dropdown li.level1:hover .level1,.menu-dropdown li.remain .level1 {
color:#608300;
}
.menu-dropdown a.level2,.menu-dropdown span.level2 {
color:#608300;
}
.menu-dropdown a.level3 {
color:#888;
}
.menu-dropdown a.level3:hover {
color:#222;
}

.redram {
	border-color:#900;}
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

h1,
h2,
h3,
h4,
h5,
h6 { font-family: "YanoneKaffeesatzLight"; }

h1 { font-size: 28px; line-height: 26px; font-family:"yaya"; font-weight: bold; }
h2 { font-size: 26px; font-family:"yaya";  }
h3 { font-size: 22px; line-height: 20px; font-family:"yaya" }
h4, h5, h6 { font-size: 22px; line-height: 20px; }
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

.menu-dropdown a.level1,
.menu-dropdown span.level1 {
	font-family: "YanoneKaffeesatzLight";
}

.menu-dropdown .level1 .level1 span.title { font-size: 20px; }
.menu-dropdown .level1 .level1 span.subtitle {
	margin-top: 1px;
	font-size: 12px;
}
.wrapper { max-width: 1200px; }
#main {margin-top: -32px;}
.djslider-loader {padding-bottom: 25px;}
#footer {margin-bottom: 25px; margin-top: 30px;}
.wk-slideshow { display:block; margin-left:auto; margin-right:auto; }
.product-fields {
	float:left;
	clear:right;
}
.imagestovar { margin-bottom: 0px; }
.vmgroup ul li { list-style:none; }
.shortdescr .product-short-description { margin-top:88px; }
ul.VMmenu li.VmClose {
  border-top: 1px solid #ddd;
}
li.VmClose  {
  padding: 5px 0;
  line-height: 20px;
}
ul.VMmenu li.VmClose:first-child {
  border-top: none;
}
ul.VMmenu { margin: 0;}

ul.menu-sidebar li.VmClose {
  border-top: 1px solid #ddd;
}
li.VmClose  {
  padding: 5px 0;
  line-height: 20px;
}
ul.menu-sidebar li.VmClose:first-child {
  border-top: none;
}
ul.menu-sidebar{ margin: 0;}
.wrapper {
box-shadow: 40px 0px 40px -7px rgba(0,0,0,0.1),	-40px 0px 40px -7px rgba(0,0,0,0.1);
-moz-box-shadow: 15px 0 8px -6px #ccc , -15px 0 8px -6px #ccc; 
-webkit-box-shadow: 15px 0 8px -6px #ccc , -15px 0 8px -6px #ccc; 
}
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */




/* Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {


}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	#search { display: none; }

}

/* Only Phones */
@media (max-width: 767px) {

	/* Layout */
	#toolbar,
	#headerbar,
	#menubar,
	#breadcrumbs,
	#totop-scroller { display: none; }

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* System */
	#system .items .item,
	#system .items .item:first-child {
		margin-top: 12px;
		padding-top: 18px;
		border-top-width: 1px;
	}

	#system .items :first-child .item:first-child {
		margin-top: 0;
		padding-top: 0;
		border-width: 0;
	}

	#system .items .leading .item {
		margin-bottom: 0;
		padding-bottom: 0;
		border-width: 0;
	}

}
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */


/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */



/*

 * Custom Style Sheet - Use this file to style your content

 */

 
@font-face {

    font-family: yaya; /* имя шрифта для CSS правил */

    src: local("yaya"), /* проверяем наличие шрифта в ОС пользователя */

    url(/templates/jp-universal/css/YanoneKaffeesatz-Light.otf); /* если шрифт не установлен, тогда загружаем его по указанному пути */


  }

  

  .menu-dropdown a.level1 { font-family:"yaya"; }

  .menu-dropdown span.level1 { font-family:"yaya"; }

  

  li.level1 { padding: 5px 0;

	line-height: 20px;}



  .maximenuckh { margin-left: 0px; margin-right: -30px;}

  #header {margin-top: 0px; margin-bottom: -39px;}

  .PricebasePrice { margin-bottom: 5px!important; font-size: 18px!important; color: #608300 !important;}

  .vm-details-button {margin-top:20px!important;}

  

 .tittletovar h1 {

font-size: 32px;

line-height: 28px;

margin: 0px;

}




.vm-price-value {
  text-align: left;
  color: red;
  font-size: 16px;
}

.vm-product-descr-container-1 {
  height: 6em;
  margin-bottom: 21px;
}
span.PricesalesPrice { color:red!important; font-size: 16px!important;}
span.PricediscountAmount {color:red!important; font-size: 16px!important;}
.crossedprice { text-decoration: line-through;}
.browse-view h1 {
  clear: both;
  font-family: Arial;
  font-size: 25px;
}
.featured-view .spacer h3, .latest-view .spacer h3, .topten-view .spacer h3, .recent-view .spacer h3, .related-products-view .spacer h3, .browse-view .row .product .spacer h2 {
  font-size: 15px;
  margin: 0 0 0.2em;
  padding: 0;
  font-family: Arial;
  line-height: 17px;
  text-align: center;
}

.display-number { display:none; }

.comment-date { display:none;}



li.maximenuck span.separator { color:#706F6F !important;} 

li.maximenuck span.separator:hover { color:#608300 !important;}



.category-view .row .category .spacer h2 a {

font-size: 20px;

display: block;

text-align: center;

}

#system .pagination a,
#system .pagination strong {
	background: none;
	float: none;
}

#phone{
	background: rgba(0, 0, 0, 0) url(/templates/jp-universal/images/phone-bcg.png) no-repeat scroll 0 0;
    float: left;
    font-family: MagistralC;
    font-weight: 800;
    height: 111px;
    margin-top: -4px;
    overflow: hidden;
    padding: 24px 0 20px;
    text-align: center;
    width: 311px;
}

#headerbar #phone .module{
	float:none;
	margin: 0;
}

#phone span{
    color: #0ba801;
    font-size: 25pt;
}
#phone p{
    color: #6dcf60;
    font-size: 10pt;
    margin: 0;
}

#callback_btn{
	height: 32px;
    margin: 30px auto 0;
    width: 155px;
	display: block;
	background: rgba(0, 0, 0, 0) url(/templates/jp-universal/images/callback.png) no-repeat scroll 0 0;
}

#callback_btn:hover{
	background: rgba(0, 0, 0, 0) url(/templates/jp-universal/images/callback-h.png) no-repeat scroll 0 0;
}

.hour input{
	width: 30px;
	margin-left: 3px;
}

#banner #showcart{
	display:block;
	width: 142px;
	height:48px;
	background: rgba(0, 0, 0, 0) url(/templates/jp-universal/images/cart.png) no-repeat scroll 0 0;
}

#banner #showcart span{
	color: #fff;
    display: block;
    margin-left: 33px;
    padding-top: 5px;
    text-align: center;
    width: 13px;
}
.price-product{
	font-family: MagistralC;
	font-weight: 800;
	font-size: 10pt;
	height: 70px;
	color: #8f8d8d;
}

.price-product .actual_price{
	font-size: 16pt;
	line-height: 1.1em;
	color: #4d9f0b;
}

p.product_s_desc {
	line-height: 1.2em;
}

.vm-product-media-container a{
	display: block;
}

.product_mark{
	position: absolute;
	width: 48px;
	right: 18px;
}

.addtocart-button .button-addtocart{
	background: rgba(0, 0, 0, 0) url(/templates/jp-universal/images/button-b.png) no-repeat scroll 0 0;
	border: 0 none transparent;
	width: 152px;
	height: 40px;
}

.addtocart-button .button-addtocart:hover{
	background: rgba(0, 0, 0, 0) url(/templates/jp-universal/images/button-b-h.png) no-repeat scroll 0 0;
}

.vm-details-button a.details-product{
	background: rgba(0, 0, 0, 0) url(/templates/jp-universal/images/buttons_view.png) no-repeat scroll 0 0;
	border: 0 none transparent;
	width: 152px;
	height: 40px;
	display: block;
	margin: 0 auto;
	padding: 0;
}

.vm-details-button a.details-product:hover{
	background: rgba(0, 0, 0, 0) url(/templates/jp-universal/images/buttons_view-b.png) no-repeat scroll 0 0;
}

.product.vm-col{
	padding-bottom: 10px;
}

.tittletovar h1{
	font-family: MagistralC;
    font-size: 14pt;
	color: #000;
}

.cart_block{
	padding:30px;
	float:right;
	width: 57%;
}

.cart_block .pricetovar{
	float: left;
	border: 2px solid #ccc;
	padding: 5px;
	border-radius: 5px;
}

.cart_block .pricetovar .price-product{
    font-size: 10pt;
}

.cart_block .pricetovar .price-product .actual_price{
	font-size: 18pt;
}

.cart_block .pricetovar .addtocart-area{
	margin: 0;
}

.cart_block .pricetovar .addtocart-area .addtocart-bar{
	margin: 0;
}

.pricetovar .green{
	color: #00ba00;
	font-size: 12pt;
	margin: 10px 0;
}

.cart_block .shiptovar{
	float:right;
}

.cart_block .shiptovar img{
	display:block;
	margin: 0 15px;
}

.descriptiontovar .shortdescr .product-short-description{
	margin: 15px 0 0;
}

.cart_block .shortdescr{
	margin-top: 20px;
}

dt.tabs{
	display: inline-block;
	padding: 5px 15px;
	vertical-align: top;
	background-color: #ecffef;
	margin-right: 4px;
}
dt.tabs h3{
	font-size: 20px;
	margin: 0;
}

dt.tabs h3 a, dt.tabs h3 a:active{
	text-decoration: none;
	color: #000;
}

dt.tabs.open{
	background-color: #cafcd2;
}

.imagestovar .main-image{
	position: relative;
}

.thtovar .product-fields-title strong{
	font-weight: 400;
}

.thtovar .product-fields-title strong:after{
	font-weight: 400;
	content: ":";
}

.thtovar .product-field-display{
	display: inline;
}
.descriptiontovar .tabs p{
	line-height: 15px;
}

#checkoutForm .vm-fieldset-pricelist{
	float: right;
	width: 360px;
	background-color: #F7F7F7;
}

#checkoutForm .productrow{
	border-bottom: 1px solid #E9E9E9;
}

#checkoutForm .productrow .productcell, #checkoutForm .productrow .pricecell{
	display: table-cell;
	vertical-align: middle;
}

#checkoutForm .productrow .pricecell{
	width: 90px;
	text-align: right;
	padding: 5px 30px 5px 0;
}

#checkoutForm .productrow .productcell{
	width: 210px;
	font-size: 14px;
	padding: 5px 0 5px 30px;
}

#checkoutForm .productrow .productcell a{
	text-decoration: underline;
	font-size: 14px;
}

#checkoutForm .productrow .productcell .count{
	font-size: 10px;
	color: 666;
}

#checkoutForm .productrow h4, #checkoutForm .productrow.cartlink{
	padding: 10px 30px;
	margin: 0;
}

#checkoutForm .productrow.itogo{
	background-color: #53B046;
	color: #fff;
	font-size: 16px;
	text-shadow: 2px 2px 2px #000;
	padding: 5px 0;
}
#checkoutForm .productrow.itogo .productcell{
	font-size: 18px;
	width: 170px;
}

#checkoutForm .productrow.itogo .pricecell{
	font-size: 18px;
	width: 130px;
}

#check-header{
	font-size: 40px;
	font-family: Arial;
}

#checkoutForm span.cart {
	display:inline-block;
	min-width: 150px;
}

#checkoutForm label{
	display:inline-block;
	vertical-align: middle;
}

#checkoutForm label > span{
	display:inline-block;
	vertical-align: middle;
}

#checkoutForm .vmshipment_name, #checkoutForm .vmpayment_name{

}

#checkoutForm  div.terms-of-service{
	display:none;
}

#checkoutForm .vm-fieldset-client input{
	width: 425px;
}

#checkoutForm .star{
	color: #f00;
	font-size: 14px;
    font-weight: 800;
}

#checkoutForm .toswrap{
	display:inline-block;
	vertical-align: top;
}


#checkoutForm .tos .star {
    color: #f00;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    padding-top: 10px;
    vertical-align: top;
}

#checkoutForm .vmshipment{
	display: block;
	width: 530px;
	overflow: hidden;
}

#checkoutForm .vmshipment > span{
	display: block;
}

#checkoutForm .vmshipment  .vmCartPaymentLogo{
	width: 46px;
	float:left;
	margin: auto 0;
}

#checkoutForm .vmshipment  .vmshipment_name{
	float:right;
	width: 480px;
}

#checkoutForm .vmshipment  .vmshipment_description{
	float:right;
	width: 480px;
	font-size: 12px;
    line-height: 14px;
}

#checkoutForm .vmshipment  .vmshipment_cost, a.vm-button-correct{
	display:none;
}

#checkoutForm .vm-fieldset-shipment input{
	vertical-align: top;
	margin-top: 10px;
}

#checkoutForm .ship_addres input, #checkoutForm .ship_addres textarea{
	width: 425px;
	max-height: 50px;
}

.orange{
	color: #FA7C03;
}

.client-addres .star{
	margin-left: 3px;
}

#checkoutForm .finalprice{
	font-size: 16px;
	margin: 15px 0;
}
#checkoutForm .cart-divider{
	width: 683px;
}

#checkoutForm .vm-fieldset-client h4{
	margin: 10px 0;
}

#checkoutForm .checkout-button-top{
	text-align: left;
	border-top: 0 none transparent;
	padding: 15px 0 0;
}

#checkoutForm #checkoutFormSubmit{
	background: url(/templates/jp-universal/images/confirm.png) no-repeat transparent 0 0;
	text-indent: -10000px;
	border: 0 none transparent;
	width: 179px;
	height: 40px;
}

#checkoutForm #checkoutFormSubmit:hover{
	background: url(/templates/jp-universal/images/confirm-h.png) no-repeat transparent 0 0;
}

#cartForm tr th{
	background: none #fff;
	color:#7E7E80;
}

#cartForm .del{
	background: url(/templates/jp-universal/images/del.png) transparent no-repeat 0 0;
	border: none 0 transparent;
	display: block;
	width: 9px;
	height: 9px;
}

#cartForm .quantity-input{
	border-radius: 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: 13px !important;
    line-height: 9px;
    margin: 0;
    padding: 4px 6px;
    vertical-align: top;
}

#cartForm .uparrow, #cartForm .downarrow{
	border: none 0 transparent;
	width: 8px;
	height: 4px;
}

#cartForm .uparrow{
	background: url(/templates/jp-universal/images/uparrow.png) transparent no-repeat 0 0;
	margin-top: -6px;
}

#cartForm .downarrow{
	background: url(/templates/jp-universal/images/downarrow.png) transparent no-repeat 0 0;
	margin-top: -37px;
}

#cartForm span.cart-images img{
	width: 80px;
	margin-right: 10px;
}

#cartForm .mini-nameblock{
	vertical-align: middle;
	margin-top: 35px;
}

#cartForm .mini-nameblock a{
	text-decoration: underline;
	color: #3E587B;
}

#cartForm .sku{
	color: #A4A9AF;
}

#cartForm td{
	border-bottom: 1px solid #e9e8e8;
}

#cartForm .total, #cartForm .total td{
	background-color: #8ADB7E;
}
#cartForm .total td{
	padding: 10px 0;
}

#cartForm .total td:first-child{
	color: #3A892D;
}
#cartForm .price{
	font-weight: 600;
	font-size:18px;
	line-height: 20px;
}

#cartForm .checkout-button-top{
	border: none 0 transparent;
}

.checkout_btn{
	text-indent: -100000px;
	background: url(/templates/jp-universal/images/checkout.png) transparent no-repeat 0 0;
	width: 159px;
	height: 39px;
	border: none 0 transparent;
	display: inline-block;
}

.checkout_btn:hover{
	background: url(/templates/jp-universal/images/checkout-h.png) transparent no-repeat 0 0;
}

#padded .main-image{
	float: left;
	width: 40%;
}

#padded{
	position: relative;
	overflow: hidden;
	width: 800px;
}

#padded > a{
	position: absolute; 
	display: block;
	bottom: 10px;
}

.continue_link{
	background: url(/templates/jp-universal/images/cnt.png) transparent no-repeat 0 0;
	width: 196px;
	height: 40px;
	border: none 0 transparent;
}

.continue_link:hover{
	background: url(/templates/jp-universal/images/cnt-h.png) transparent no-repeat 0 0;
}

#padded .checkout_btn {
	right: 50px;
}

#padded .continue_link{
	right: 300px;
}

.flexbox{
	display: flex;
}

.flex-row{
	justify-content: space-between;
}
.flex-row > div{
	width: 32%;
	box-sizing: border-box;
}

.flex-col{
	flex-direction: column;
	justify-content: space-between;
}

.cart_block .pricetovar.newgen{
	border: 4px solid #EBBB01;
	border-radius: 10px;
	padding: 10px;
}

.cart_block .links_block{
	border: 4px solid #EBBB01;
	padding: 10px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	border-radius: 10px;
}

.cart_block .links_block a{
	color: #E1AA11;
	text-decoration: underline;
}

.cart_block .links_block a:focus{
	border: 0 none;
	outline: none;
}

.cart_block .links_block .sales_link{
	padding: 14px 0;
	display: block;
	background: transparent url(/templates/jp-universal/images/sale-star-small.png) no-repeat scroll right center;
}

#sales_wrap{
	display:none;
}

#sbox-window{
	border: 3px solid #EBBB01;
	border-radius: 7px;
}

.cart_block .custom_image_block a{
	display: block;
}

.cart_block .custom_image_block a img{
	display: block;
	width: 100%;
	height: auto;
}

.style-h2{
	font-size: 15px; margin: 0 0 0.2em; padding: 0; font-family: Arial;line-height: 17px; text-align: center;
}

.pagination a{padding-left:10px;}
.pagination strong {padding-left:10px;}
/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@font-face {
	font-family: 'YanoneKaffeesatzLight';
	src: url(/templates/jp-universal/fonts/YanoneKaffeesatz-Light-webfont.eot);
	src: url(/templates/jp-universal/fonts/YanoneKaffeesatz-Light-webfont.eot#iefix) format('embedded-opentype'),
		url(/templates/jp-universal/fonts/YanoneKaffeesatz-Light-webfont.woff) format('woff'),
		url(/templates/jp-universal/fonts/YanoneKaffeesatz-Light-webfont.ttf) format('truetype'),
		url(/templates/jp-universal/fonts/YanoneKaffeesatz-Light-webfont.svg#YanoneKaffeesatzLight) format('svg');
	font-weight: normal;
	font-style: normal;
}