@charset "utf-8";
/* CSS Document */

@import "elements.less";


@font-face {
    font-family: 'myriad_probold';
    src: url('/works/css/myriadpro-boldcond-webfont.eot');
    src: url('/works/css/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('/works/css/myriadpro-boldcond-webfont.woff') format('woff'),
         url('/works/css/myriadpro-boldcond-webfont.ttf') format('truetype'),
         url('/works/css/myriadpro-boldcond-webfont.svg#myriad_probold_condensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

:root{
  --textcolor: #181818;
  --bg: #e5e5e5;
  --orange: #ec591c;
  --orange-d: #bf4310;
  --orange-l: #ef703c;
  --dark: #222;
  --dark-l: #333;
  --grey: #b3b3b3;
  --grey-l: #c5c5c5;
  --wrap: 980px;
  --dark-gradient: linear-gradient(90deg, var(--dark) 0%, var(--dark) 50%, var(--dark-l) 100%);
  --grey-gradient: linear-gradient(90deg, var(--grey) 0%, var(--grey) 50%, var(--grey-l) 100%);
  --orange-gradient: linear-gradient(90deg, var(--orange) 0%, var(--orange) 50%, var(--orange-l) 100%);
  --orange-gradient2: linear-gradient(90deg, var(--orange) 0%, var(--orange-d) 50%, var(--orange-l) 100%);
}


.clearfix() {
	&:before,
	&:after {
		content: " ";
		display: table;
	}
	&:after {
		clear: both;
	}
}

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}


html, body, h1, h2, h3, h4, h5, h6, ul, li, p, fieldset{margin:0px;padding:0px; border:0;}
header, nav, article, footer, address, menu, section, figure {display:block; margin:0; padding:0;}
ul, ol{list-style-type:none;}
a{outline:none;text-decoration:none;color:var(--orange);}
a:hover{text-decoration:none;}
a img{border:none;}
input, select, textarea{padding:5px;border:1px solid #ccc;margin:0; color:var(--textcolor); background:white url(/works/img/inputBg.png) repeat-x top; .box-sizing(border-box);}
textarea{ font-family:Verdana, Geneva, sans-serif; font-size:9pt;}
select{ padding:4px;}
input:disabled{ .opacity(.7);}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}

.noMg{margin:0 !important;}
.cl{clear:both;margin:0 !important;padding:0 !important;}
.fr{float:right !important;}
.fl{float:left !important;}
.center{ text-align:center; margin:auto;}

html, body{ width:100%; height:100%;}
body{color:var(--textcolor);font-size:10pt; font-family:Arial, Helvetica, sans-serif; background:var(--bg) url(/works/img/bodyBg.jpg) no-repeat center top;}


h1{font-size:2.4em;color:var(--textcolor); border-bottom:5px solid var(--orange); padding-bottom:10px; margin-bottom:15px; font-family: 'myriad_probold';font-weight:normal; }
#ajaxContent h1{margin-top:0; margin-bottom:20px;}
h2{  font-size:2em; color:var(--textcolor); margin-bottom:10px; font-family: 'myriad_probold';font-weight:normal;}
h3{font-weight:normal;font-size:1.8em; margin-bottom:5px; font-family: 'myriad_probold';}
h4{font-size:1.1em;margin-bottom:10px; font-style:italic;}

button, .button{display:block; float:left; border:1px solid darken(var(--orange),10%); text-shadow:1px 1px 0 darken(var(--orange),20%); background: var(--orange-gradient); padding:0px 10px; line-height:30px; letter-spacing:1px; color:white;cursor:pointer; .rounded(6px); font-size:1.1em; cursor:pointer; font-family: 'myriad_probold'; 
/*	
	-webkit-transition: background-color .5s;
	-moz-transition: background-color .5s;
	-o-transition: background-color .5s;
	-ms-transition: background-color .5s;
	transition: background-color .5s;
*/
	&:hover{text-decoration:none; background:var(--orange);}
	
	&.grey{ background: var(--grey-gradient); border:1px solid #999; color:var(--dark); text-shadow:1px 1px 0 white;
		&:hover{ background:var(--grey);}
	}
	&.dark{ background: var(--dark-gradient); border:1px solid #000; color:white; text-shadow:none;
		&:hover{ background:var(--dark);}
	}
	&.big{ font-size:1.2em; line-height:22px; padding:7px 10px; min-height:32px;}
	
	&.icon{position:relative; padding-left:45px;
		span{ display:block; height:32px; width:32px; background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-16px; left:5px;
			&.icon-phone{ background-image:url(/works/img/icon-phone.png);}
			&.icon-email{ background-image:url(/works/img/icon-email.png);}
			&.icon-user{ background-image:url(/works/img/icon-user.png);}
			&.icon-shop{ background-image:url(/works/img/icon-shop.png);}
		}
	}
	&.row{ line-height:44px; font-size:1.6em;}
}

.more{ height:24px; line-height:24px; .gradient(#F4F4F4,#F4F4F4,#FFFFFF); color:#444; padding:0 15px; border:1px solid #e3e3e3; display:block; font-size:0.9em; float:left; .rounded(12px);
	&:hover{ border:1px solid #ccc; color:#333;}
}

.response{ font-size:1.1em; line-height:25px;}

.padding10{ padding:10px;}

.alert{ padding: 10px; background: lighten(var(--orange),30%); border: 1px solid var(--orange);}

#navLink{display:block;color:#444; text-align:right;}

#content{width:var(--wrap);margin:auto; border-top:5px solid var(--orange); background:white;}

#header{position:relative;
	nav{ height:44px; background: var(--dark-gradient);
		ul{ float:left;  line-height:24px;
			li{ float:left; padding:10px 0; cursor:pointer;
				&:hover, &.active{ background:var(--dark);
					a{ color:var(--orange);}
				}
				
				a{ color:white; display:block;font-family: 'myriad_probold'; font-size:1.3em; padding:0 10px; letter-spacing:1px;border-right:1px solid #666;}
				&:last-child a{ border-right:0;}
				
				&.last{
					background: var(--orange-gradient2);
					&:hover , &.active {
						 background:var(--orange);
						 a{color:var(--dark);}
					}
				}
			}
		}

		form#quickSearch{ float:right; margin:7px 15px 0 0;
			div{ .gradient(#4a4a4a,#3e3e3e,#4c4c4c); border:1px solid #6b6b6b; .rounded(2px); float:left;
				input{ background:transparent; border:0; color:#999; width:100px; float:left; line-height:20px; font-size:0.9em;}
				button{ background:url(/works/img/icon-search.png); width:20px; height:20px; padding:0; border:0; display:block; float:right; margin:2px 2px 0 0;}
			}
		}
	}
	aside{ padding:15px 15px 0 15px;
		.button{ margin-left:15px; float:right;}	
		#logo{display:block; background:url(/works/img/logo.png) left center no-repeat; height:56px; width:304px; float:right;}
		.fb-like{ float:right; margin-left:15px;}
	}
}


#mainContent{ padding:15px;}
#leftSide{  float:left;width:200px; margin-right:40px;}

#main{float:left; width:710px}
#main.width100{ width:100%;}
#rightSide{float:right;width:200px; margin-left:40px;}

.sideBox{
	header{font-family: 'myriad_probold'; color:#646464; font-size:2em;}
	a.morelink{  color:lighten(var(--orange),10%); font-size:0.9em; border-bottom:1px dotted;
		&:hover{ border-bottom:1px solid transparent;}
	}
	ul{ background:#f6f6f6; border-bottom:5px solid lighten(var(--orange),10%);border-top:5px solid lighten(var(--orange),10%); margin-bottom:5px;
		li{ border-bottom:1px solid lighten(var(--grey),15%); border-top:1px solid white; padding:10px 5px;
			a.title{font-family: 'myriad_probold'; color:#868686; font-size:1.3em; display:block; margin-bottom:5px;
				&:hover{ color:var(--dark);}
			}
			p{ color:#666; line-height:18px; font-size:.8em;}
			a.morelink{ float:right;}
		}
	}
}

#categoryBox{ margin-bottom:40px;
	ul,li{ border:0; padding:0; margin:0;}
	
	ul.main{ border-bottom:5px solid lighten(var(--orange),10%);border-top:5px solid lighten(var(--orange),10%); font-family: 'myriad_probold'; 
		ul{ display:none;}
	}
	
	li.mainLi{ border-bottom:1px solid lighten(var(--grey),15%); border-top:1px solid white;
		a.main{color:#868686; font-size:1.3em; letter-spacing:1px; padding:5px; line-height:25px; display:block;
			&:hover, &.active{ background: var(--orange-gradient); color:white; text-shadow:1px 1px 0 lighten(var(--dark),20%); }
		}
		
		ul.sub{ background:white;
			li{ border-bottom:1px solid lighten(var(--grey),20%);}
			a{ font-size:0.85em; color:lighten(var(--orange),10%); padding:5px 5px 5px 10px; line-height:20px; display:block; font-family:'Arial';
				&:hover, &.active{ color:var(--orange);}
			}
		}
	}
}


#headBanner{	border-top:5px solid var(--orange);border-bottom:5px solid var(--orange); margin-bottom:50px;
	
	nav{ width:219px; float:left; height:350px; border-right:1px solid #666;
		ul{
			li{ height:(350px/8)-1; line-height:(350px/8)-1; border-bottom:1px solid #666;
				a{ display:block; background: var(--dark-gradient); color:white; font-family: 'myriad_probold'; font-size:1.3em; padding:0 15px; letter-spacing:1px;	}
				&:hover a, &.active a{ 
					color:var(--orange); background:var(--dark);
				}
				&.last{height:(350px/8); line-height:(350px/8); border-bottom:0;
					a{ background: var(--orange-gradient2); }
					&:hover a, &.active a {
						color:var(--dark); background:var(--orange);
					}
					
				}
			}
		}	
	}
	
	.box_skitter{ float:left;}
	
	.box_skitter .label_skitter{
	
		h3 {color:white; text-shadow:1px 1px 0 black;	padding:10px 10px 0;}
		a {		display:block; float:right; padding:10px; color:lighten(var(--orange),15%);		}
		p {	padding:10px;margin-bottom:10px; font-size:1.1em; line-height:24px;}
	}
	.box_skitter_small{
		.label_skitter p{ height:90px; overflow:hidden; font-size:0.9em; line-height:20px;}
	}
}

#breadC{ background:lighten(var(--bg),5%); border-bottom:1px solid darken(var(--bg),5%);border-top:1px solid darken(var(--bg),5%); 
	aside{ border-bottom:1px solid white; border-top:1px solid white; padding:5px 10px;
		h1{ padding:5px 0 0; margin:0; border:0; color:darken(var(--grey),10%);}
		a{ line-height:22px;}
		span{ color:var(--grey); line-height:22px;}
	}
	.fb-like{ float:right;}
}


#map, .map{ height:500px; border:1px solid #fff; }
.infoWindow{ min-height:60px; line-height:20px;}

#mapWindow{ width:800px;}
#contactWindow{ width:600px;}

#textContent .text{}
#textContent .text ul{ list-style-type:disc; margin-left:20px;}
.text a{ text-decoration:underline; color:#E0801D;}


table{ width:100%; border-collapse:collapse;
	thead{
		tr{ background:lighten(var(--grey),10%);
			th{ font-size:1.1em; text-align:left; padding:5px;}
		}
	}
	tbody{
		tr{ border-bottom:1px solid lighten(var(--grey),10%);
			td{ padding:5px;}
			&:hover{ background:lighten(var(--grey),25%);}
			&.disabled{ .opacity(0.5);}
		}
		a{ line-height:20px;}
	}
}

.text{ line-height:22px;
	ul{ margin-left:20px;}
	ul li{ list-style-type:disc;}

	table{ width:100%; font-size:9pt;
		caption{ font-weight: bold;}
		tr{ border-bottom: 0;
			&:hover{ background:none;}
		}
		tr td{ border:1px solid lighten(var(--grey),10%); }
		tr.thead{ background:#FFCC99;}
	}
}

.dataform{
	fieldset{padding:10px;border:1px solid #d2d2d2;margin-bottom:30px;}
	fieldset.hide{display:none;position:relative;}
	fieldset.hide img{position:absolute;cursor:pointer;top:-15px;right:15px;}
	legend{font-size:1.5em;letter-spacing:1px;color:var(--orange);text-shadow:1px 1px 0 #fff; font-family: 'myriad_probold';}
	.field{float:left;width:100%;padding:10px 0;}
	.field label{display:block;float:left;width:150px;padding-left:10px;line-height:40px; font-weight:bold; font-size:1.1em; color:lighten(var(--dark),10%);}
	.field label em{ color:red;}
	.field small{ display: block; padding-left: 160px;}
	.field input{background:url(/works/img/inputBg.png) repeat-x top white;border:1px solid #d3d3d3;width:350px;padding:10px;color:#555;}
	.field select{background:url(/works/img/inputBg.png) repeat-x top white;border:1px solid #d3d3d3;width:350px;padding:10px;color:#555;}
	.field.radio input{width:auto;margin-top:8px;}
	.field.radio span{padding-right:10px;}
	textarea{width:350px;height:120px;background:url(/works/img/inputBg.png) repeat-x top white;border:1px solid #d3d3d3;padding:5px;float:left; font-family:Arial, Helvetica, sans-serif;font-size:10pt;color:#555; resize:vertical;}
	.field input:focus, .field select:focus{border:1px solid #aaa;}
	.field span{float:left;line-height:30px;margin-right:5px;}
	.field.checkbox input{width:auto;}
	a.closeWindow{ float:right; }
	footer{
		p{ margin-bottom:10px;}
	}
}

#payData{ margin-bottom:10px;}

.serviceBox{ margin:40px 0px 40px 0; width:320px; float:left;
	&.sec{ float:right;}
	h2{ border-bottom:3px solid var(--orange); margin-bottom:1px; }
	a.title{ display:block; padding-bottom:1px; border-bottom:3px solid var(--orange); float:left; width:100%;
		img{ float:left; width:100%;height:100px;}
	}
	a.more{ float:right;}
	p{ float:left; margin-top:7px; line-height:20px; margin-bottom:10px; height:80px; overflow:hidden; width:100%;}
	span.fakeImg{ display:block; height:100px; background:#ccc;}
}



.newsItem{ padding:0 0 20px 0; margin-bottom:20px;border-bottom:1px solid lighten(var(--grey),20%);
	a.img{ float:left; margin-right:20px;background:white; margin-top:5px; display:block; border: 1px solid var(--grey); padding:1px;
		img{ float:left;}
	}
	a.title{ margin-bottom:5px; display:block; font-size:1.8em; font-family:'myriad_probold'; color:var(--dark);
		&:hover{ text-decoration:none;color:var(--grey);}
	}
	.date{ display:block; margin-bottom:5px; color:var(--grey); font-size:0.8em; font-style:italic;}
	a.more{ float:right;}
	p{ margin-bottom:5px; line-height:20px;}
}

#newsContent{

	header{ padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid var(--grey);
		span{ float:left; color:var(--grey); font-style:italic;}
		a{ float:right;}
		div.fb-like{ margin-left:20px; float:left;}
	}
	div.subtitle{ font-weight:bold; margin-bottom:10px; line-height:20px;}
	a.fancy{ float:left; display:block; border:1px solid #ccc; padding:1px; background:white; margin-right:20px; margin-top:5px;
		img{ float:left;}
	}
}

#webshopBannerBox{
	background: var(--orange-gradient); border:1px solid var(--orange); margin:40px 0; position:relative; 
	a{ display:block;border:1px solid lighten(var(--orange),20%); padding:7px; color:white; text-shadow: 1px 1px 0 rgba(0,0,0,0.7);
		b{font-family: 'myriad_probold'; font-size:1.8em; font-weight:normal; display:block; margin-bottom:5px; letter-spacing:1px; }
		span{ display:block; font-style:italic; /*padding-right:60px;*/ font-size:1.1em;}
	}
	img{ position:absolute; right:-25px; top:-40px; width:110px}
}

.orangeBox{ background: var(--orange-gradient); border:1px solid var(--orange); margin:0 0 40px 0; position:relative;.rounded(7px); overflow:hidden;
	b{font-family: 'myriad_probold'; font-size:1.6em; font-weight:normal; display:block; margin-bottom:10px; color:white; letter-spacing:1px;text-shadow: 1px 1px 0 rgba(0,0,0,0.7); }
	aside{ padding:7px;border:1px solid lighten(var(--orange),20%);}
}

#cartBox{
	a{ display:block;border:1px solid lighten(var(--orange),20%); padding:7px; color:white;  background:url(/works/img/icon-shop.png) 95% 7px no-repeat;
		span{ display:block; font-size:1.2em;font-family: 'myriad_probold';text-shadow: 1px 1px 0 rgba(0,0,0,0.7);}
	}
}
#loginBox{
	form{
		input{ width:100%; .box-sizing(border-box); margin-bottom:5px; border:0;}
		button{ float:right; }
	}
	nav{ float:left;
		a{ display:block; color:white; font-size:0.9em; line-height:20px;
			&:hover{ text-decoration:underline;}
		}
	}
	span.error{ color:var(--dark); display:block; background:url(/works/img/alert.png) left center no-repeat; padding-left:22px; line-height:16px; margin-bottom:5px;}
	
	aside.logined{
		nav{
			a{ color:white; display:block; font-size:1.1em; margin-bottom:5px; text-shadow:1px 1px 0 rgba(0,0,0,0.4);}
		}
	}
}

#header{ position:relative;
	#loginBox{ width:200px; float:right; margin-bottom:0; position:absolute; right:100px; top:65px; z-index:100;
		b{ margin-bottom:0; cursor:pointer; font-size:1.4em;}
		form{ display:none; margin-top:10px;}
		
		aside{ padding:7px 10px; background:url(/works/img/icon-user.png) no-repeat 98% 4px;
			&.logined nav{ display:none;}
		}
/*		input{ width:48%; float:left;}
		#loginemail{ margin-right:4%;}
*/		nav { background:none;}
	}
}

#tobasketWindow{
	a{ display:block; font-size:1.2em; line-height:35px; font-weight:bold; text-shadow:1px 1px 0 white;
		&:hover{ color:darken(var(--orange),10%);}
	}
}

.basketBox{ padding:10px;margin-bottom:10px;position:relative; border-bottom:1px solid var(--grey);
	.img{display:block;width:120px;height:120px;float:left;margin-right:20px;text-align:center; padding:5px;background:white; border: 1px solid var(--grey);}
	.img img{}
	a.title{display:block;font-size:1.5em;margin-bottom:5px;font-family: 'myriad_probold';}
	ul{font-size:1.1em; float: left;
		p{ float:left; font-size: 0.9em; padding-left: 5px;}
	}
	ul li{padding-bottom:5px;line-height:24px;}
	ul li b{display:inline-block;width:90px;font-weight:normal;font-family: 'myriad_probold'; font-size:1.2em;}
	.button{position:absolute;right:10px;top:10px;}
	.toBasket{top:40px;}
	input{width:40px;text-align:center; font-weight:bold;}
	span{color:var(--orange);font-size:1.2em; font-weight:bold;}
}


#sumBasket{font-size:1.1em;float:left;width:100%;text-align:right;line-height:30px;margin-bottom:30px;position:relative;}
#sumBasket table{float:right; width:auto;
	tr{ border:0;}
}
#sumBasket b{display:block;float:right;width:125px;}
#sumBasket td.border{font-size:13pt;border-top:3px double #444;}
#basketBottom .button{margin-right:17px;}
#basketBottom .button.fr{ margin-right:0;}
#sumBasket #paymodForm{ width:300px;}
#sumBasket #paymodForm a{ display:block; text-align:left; margin-top:10px; text-decoration:underline;}
#sumBasket label{font-size:1.1em; margin-right:10px; font-weight:bold;}
#sumBasket select{width:150px; float:left;}


div.invalid{background:#FFC4C4 url(/works/img/alert.png) no-repeat 2px center;clear:left;margin-top:1px;border:1px solid #FF3737;line-height:20px;padding:0 10px 0 20px;color:#444;font-size:8pt; font-family:Arial, Helvetica, sans-serif;}
input.invalid, select.invalid, textarea.invalid{border:1px solid #FF3737 !important;}
.dataform div.invalid{margin-left:160px;width:318px;}

#footerMenu{ min-height:200px; background:url(/works/img/backgroundFooter.jpg); border-top:10px solid var(--dark); padding:15px 0; border-bottom:1px solid lighten(var(--orange),20%);
	aside{ width:25%; float:left; background: var(--box-sizing); padding:0 20px;
		header{font-family: 'myriad_probold'; color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.75); font-size:1.6em; border-bottom:1px solid darken(var(--orange),15%); padding:0 5px 5px;}
		
		a{ color:lighten(var(--orange),40%);;
			&:hover{ color:white;}
		}
		img{ margin:5px 0 0;}
		ul{ border-top:1px solid lighten(var(--orange),10%); padding-top:5px;
			li{ list-style-type:square; list-style-position:inside; padding:5px; color:lighten(var(--orange),30%);	}
			&.contact{
				li{ color:white; list-style-type:none;}
			}
		}
	}
}

#footer{position:relative; padding:16px; background:var(--dark) url(/works/img/image-footlogo.png) 98% center no-repeat; .inner-shadow(0,10px,10px,0.4); border-bottom:5px solid var(--orange); margin-bottom:20px;
	p{ color:#999; font-size:0.9em; padding:15px 0 0;}
	nav{ 
		a{font-family: 'myriad_probold'; color:white; display:inline-block; margin-right:10px; padding-right:10px; border-right:1px solid #ccc; font-size:1.3em; letter-spacing:1px;
			&:hover{ color:#ccc;}
			&:last-child{ border-right:0;}
		}
	}
}

.pagerCont{margin:20px 0;
	.pager{
		width:100%;height:50px;line-height:50px;text-align:center; position:relative;
		p{ float:left; position:absolute; top:0; left:0; font-style:italic;}
		.page{padding:5px 7px; background:lighten(var(--orange),10%);margin:0 3px;font-size:1em; color:#fff;text-shadow:1px 1px 0 #666; }
		.page:hover, .page.active{text-decoration:none;background: var(--orange);color:#fff;}
	}
}

#textContent{font-size:10pt;line-height:20px;}
#textContent a{}

#overlay{position:fixed;z-index:200;top:0;left:0;background:var(--dark) url(/works/img/ajax-loader-white.gif) no-repeat center;height:100%;width:100%;.opacity(0.7);}
#overlayClose{position:fixed;right:0;top:0;z-index:201;cursor:pointer;display:none;}
#popUpC{padding:20px 0;position:absolute;top:100px;left:50%;z-index:201;}
#popUpWindow{position:relative;padding:25px;background:#F7F4F4;.box-shadow(0 0 10px #333);border:1px solid white; min-height:200px; max-width:800px;}
#closeWindow{cursor:pointer;position:absolute;right:5px;top:5px;}
.window600{ width:600px;}

#relatedPics{ margin:20px 0;}
#relatedPics h3{ margin-bottom:10px;}
#relatedPics a.fancy{ display:block; float:left;border:1px solid var(--grey); padding:1px; background:white; margin:5px 10px 5px 0;}
#relatedPics a img{ float:left;}



article.product{ float:left; width:200px; position:relative;  margin-right:55px; height:300px;
	&.last{ margin-right:0;}
	figure{ padding:10px; background:white; .drop-shadow(0,0,3px,0.5); width:180px; height:180px; position:relative; 
		figcaption{ background:rgba(0,0,0,0.7); width:180px; height:140px; padding-top:40px; position:absolute; top:10px; left:10px; text-align:center; z-index:1; .opacity(0); 
			.button{ display:inline-block; float:none; margin:10px 0; background: var(--orange-gradient2); border:1px solid darken(var(--grey),20%); .rounded(15px);
				&:hover{ background:var(--orange);}
			}
			transition: opacity .25s;
		   -moz-transition: opacity .25s;
		   -webkit-transition: opacity .25s;
		}
		&:hover figcaption{ .opacity(1);}
		img.actionIcon{ position:absolute; bottom:0; left:0; z-index:2; display:none;}
	}
	a.title{ display:block; text-align:center; color:lighten(var(--dark),10%); background:url(/works/img/background-product-shadow.png) top center no-repeat; background-size:contain;font-family: 'myriad_probold'; font-size:1.2em; padding-top:10px; margin-bottom:5px; line-height: 20px; height: 40px; overflow: hidden;
		&:hover{ color:var(--dark);}
	}
	small{ display:block; text-align:center; color:darken(var(--grey),15%);}
	b{ color:var(--orange); display:block; text-align:center; font-size:1.3em; font-weight:normal;}

	&.category{
		a.title{}
	}
}
#termekList, #relatedProducts, #frontProducts{
	article.product{  margin-bottom:20px;
		&.third{ margin-right:0;}

		.toBasket{ display:none;}
		.button{ margin-top:40px;}
		&.webshop{
			.button{ margin-top:10px;}
			.toBasket{ display:inline-block;}
			.actionIcon{ display:block;}
		}

	}
	div.nav{ padding:10px 0;border-bottom:1px solid darken(var(--bg),5%); margin-bottom:20px;
		.fb-like{ float:left; margin-top:3px;}
		form{ float:right;
			label{ margin-left:10px; max-width: 200px; display: inline-block;}
		}
	}
}

#frontProducts{
	.gradient(#dfe0de,#e3e3e3,#cfd2d0); min-height:200px; border-top:2px solid #ebebeb; padding:15px; margin:0 -15px -15px;
	header{font-family: 'myriad_probold'; font-size:1.8em; color:darken(var(--grey),20%); border-bottom:1px solid darken(var(--grey),20%); padding-bottom:5px;}
	section{ border-top:1px solid white; padding-top:15px;}
	article.product{ margin-right:50px; height:auto;}
}

#termekContent{
	header{ margin-bottom:20px;}
	
	#termekPics{ width:210px; float:left; margin-right:20px; margin-top:5px; margin-bottom:30px;
		a{ display:block; float:left; background:white;
			img{ float:left;}
		}
		
		a.big{ padding:4px; border:1px solid #ccc; margin-bottom:2px;}
		a.small{ padding:1px; border:1px solid #ccc; margin:2px 1px;}
		
		ul{ line-height:25px; margin-top:20px; background:var(--bg); padding:5px; border:1px solid lighten(var(--grey),10%);
			strong{ display:inline-block; width:80px;}
		}
	}
	
	#termekRight{ float:left; width:440px; margin-bottom:30px;
		.text{ margin-bottom:20px;}

		ul.data{ margin-bottom:10px;
			li{ line-height:25px;
				strong{ display:inline-block; width:150px;}
			}
			select{max-width: 280px;}
		}

		#toCartBottom{
			p.note{ font-size:1.4em; font-family:'myriad_probold'; margin-bottom:10px;}
			p.star{ font-size:0.8em;}
			ul.price{ font-size:1.4em; font-family:'myriad_probold'; padding:10px; background:lighten(var(--orange),40%); border:1px solid lighten(var(--orange),20%); text-shadow: 1px 1px 0 white; margin-bottom:20px;
				li{ margin-bottom:5px;
					&.small{ font-size:0.8em;}
					&.regkedv{ font-size:1.1em;}
				}
				strong{ display:inline-block; width:180px; font-weight:normal;}
				a.button{ font-size:0.9em; float:none; display:inline-block; margin-top:10px;}
				small{ font-size:0.6em; color:lighten(var(--dark),20%); font-family:Arial, Helvetica, sans-serif; padding-left:5px;}
				
				div{ 
					span{ font-family:Arial, Helvetica, sans-serif; font-size:0.7em; padding:0 5px;}
					input{ width:40px; text-align:center; padding:7px; font-weight:bold;}
				}
			}
		}
	}
	
	#relatedProducts{ margin-top:40px;
		h3{ margin-bottom:15px; border-bottom:3px solid var(--orange);}
	}
	
	
}

#prod-tabs{ padding:1px; border:1px solid var(--grey);
	ul{ background:var(--grey); float:left; width:100%;border-bottom:1px solid var(--grey);
		li{ float:left; line-height:40px;
			a{ padding:0 20px; display:block; color:var(--dark); font-family: 'myriad_probold'; font-size:1.3em;text-shadow: 1px 1px 0 #ccc;
			
				&.active{ background:var(--bg); color:var(--orange);}
				&:hover{ background:lighten(var(--grey),10%); }
			}
			
		}
	}
	div.tab{ display:none; padding:15px;
		&.active{ display:block;}
		
		article.product{ margin-right:38px;
			&.third{ margin-right:0;}
		}
	}
	#desctab .text{
		ul{ background:none; border-bottom:0; float:none;
			li{ float:none; background: none; line-height: 22px;}
		}
		aside.hidden{ display:none;}
		.moretext{ color:var(--orange); display: block; text-align: right; cursor:pointer; font-weight: bold; font-style: italic;}
	}
}

#leftProductsBox{
	ul{ margin-bottom: 30px;}
	li{
		a{display:block; .clearfix();
			span.img{ display:block; float:left; width: 50px; height: 50px; position: relative; margin-right: 5px; border:1px solid var(--grey);}
			small{display:block; text-align: right;color:var(--grey);}
			b{display:block; color:var(--orange); text-align: right;}
			span.title{color:var(--dark); display:block; margin-bottom: 3px; height: 36px; line-height: 18px; overflow: hidden; }
		}

		&.even{ background:white;}
	}
}