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

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

}

@font-face {
    font-family: 'Aller';
    src: url('fonts/aller_it-webfont.eot');
    src: url('fonts/aller_it-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller_it-webfont.woff') format('woff'),
         url('fonts/aller_it-webfont.ttf') format('truetype'),
         url('fonts/aller_it-webfont.svg#AllerItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'Aller';
    src: url('fonts/aller_bdit-webfont.eot');
    src: url('fonts/aller_bdit-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller_bdit-webfont.woff') format('woff'),
         url('fonts/aller_bdit-webfont.ttf') format('truetype'),
         url('fonts/aller_bdit-webfont.svg#AllerBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;

}

body{background-image: url("images/body-bg.jpg"); padding: 0px; margin:0px; font-family: 'Aller'; font-weight: normal; font-style: normal; color: #323703; font-size: 14px;}
div, p, ul, li, h1, h2, h3, a{padding: 0px; margin: 0px; font-family: 'Aller';}
h1, h2, h3{font-weight: normal;}

html{
	background-image: url("images/body-bg.jpg"); 
	repeat: repeat;
	}


a{color: #066393; text-decoration: none; }

a:active, a:focus, input:focus, textarea:focus{outline: none;}

a img{border-width: 0px;}

.clrfix-content, .clear{clear: both;}

.opacity-zero{}
.display-none{display: none;}
.visibility-hidden{visibility: hidden;}


#layout-container{position: relative; width: 1100px; margin-left: auto; margin-right: auto; overflow: hidden;}

#header{position: absolute; z-index: 10; top: 0px; left: 0px; background-image: url("images/header-bg.png"); width: 1100px; height: 211px;  behavior: url("theme/PIE.htc"); -pie-png-fix: true;}

#header h1{display: none;}
#header a#logo{position: absolute; z-index: 40; top: 20px; left: 100px; width: 200px; height: 60px; background-image: url('images/transparent.png'); background-repeat: repat; overflow: hidden;}
#header a#logo span{display: none;}

/*LEFT  BLOCK */
.left-block{position: relative; margin-left: 63px; top: 8px; width: 252px; overflow: hidden; margin-bottom: 150px;}
.left-block-none{display: none;}

#left-block-menu-container{position:relative; overflow:hidden; width: 251px; height: 600px; }
#left-block-menu-container ul{list-style-type: none; list-style-position: outside;}
#left-block-menu-container .items {width:800px;position:absolute;clear:both;}
#left-block-menu-container .items div{float: left; width: 221px;}
#left-block-menu-container .items div ul li{position: relative; margin-bottom: 1px; height: 26px; width: 251px; overflow: hidden;}

#left-block-menu-container .items div ul li a{display: block; color: #323703; font-size: 14px; height: 21px; width: 221px; text-transform: uppercase; padding-left: 6px; padding-top: 5px; position: absolute; z-index: 20;}
#left-block-menu-container .items div ul li a:active, #left-block-menu-container .items div ul li a:hover, #left-block-menu-container .items div ul li a.active{font-size: 14px; font-style: italic; font-weight: bold; font-family: 'Aller';}

#left-block-menu-container .items div ul li p.left-menu-indicator{background-image: url('images/left-menu-hover-bg.png'); background-repeat: no-repeat; position: absolute; top: 0px; left:0px; width: 0px; height: 26px; z-index: 10;  behavior: url("theme/PIE.htc"); -pie-png-fix: true;}

#left-block-menu-container .navi{position: absolute; bottom: 1px; left: 35px;}
#left-block-menu-container .navi a{display: block; float: left; width: 24px; height: 24px; background-image: url("images/scrollable-nav-btn.png"); margin-left: 18px;  behavior: url("theme/PIE.htc"); -pie-png-fix: true;}
#left-block-menu-container .navi a.active, #left-block-menu-container .navi a:active{background-image: url("images/scrollable-nav-btn-active.png");  behavior: url("theme/PIE.htc"); -pie-png-fix: true;}


#left-block-menu-header{position: relative; width: 221px; height: 56px; background-image: url('images/left-block-header-bg.png'); margin-bottom: 16px;  behavior: url("theme/PIE.htc"); -pie-png-fix: true;}
#left-block-menu-header h3{color: #ffffff; font-family: 'Aller'; font-size: 14px; font-weight: bold; position: absolute; bottom: 8px; left: 30px; height: 20px; text-transform: uppercase;}

/*END LEFT  BLOCK */


#layout{z-index: 5; position: relative; margin-top: 241px; padding-bottom: 40px; padding-left: 20px;}

#loading{position: absolute; z-index: 40; background-image: url('images/loading.gif'); width: 35px; height: 11px; overflow: hidden; clear: both;}
#contact-order-loading{display: none; position: absolute; z-index: 40; background-image: url('images/loading.gif'); width: 35px; height: 11px; margin:auto; top: 100px; left: 231px; background-color: white; padding: 30px; padding-top: 10px; padding-bottom: 10px; background-position: center center; background-repeat: no-repeat;}

#page{position: relative;}
#page-large{}

.page{width: 646px; float: right; right: 70px; margin-right: 0px; padding-right: 29px; padding-left: 0px; }
.page-large{width: 960px; margin-left: auto; margin-right: auto;}
.page-large-nospace{width: 1098px; margin-left: auto; margin-right: auto;}


#page ul, #page-large ul{padding-left: 21px; list-style-type: none; list-style-position: inside;} 
#page ul li, #page-large ul li{padding-left: 15px; /*background-image: url("images/bullet.png");*/ background-repeat: no-repeat; background-position: 0px 6px;  behavior: url("theme/PIE.htc"); -pie-png-fix: true;}


#main-menu{position: absolute; z-index: 20; background-image: url("images/top-menu-bg.jpg"); width: 1100px; height: 103px; background-repeat: no-repeat; background-position: 0px 33px; top: 77px;font-size: 18px;}
	#main-menu ul{position: absolute; z-index: 20; bottom: 14px; list-style-type: none; list-style-position: inside; list-style-type: none;}
	.cbp-tm-submenu li {
    width: 20em;
}
    #main-menu ul li{float: left; width: 156px; text-align: center;}
	#main-menu ul li a{font-family: 'Aller'; text-transform: uppercase; font-weight: bold; color: #363b03; display: block; text-align: center; line-height: 20px; padding-top: 14px; padding-bottom: 14px;}
	
	/*
	.main-menu-indicator{position: absolute; z-index: 10; top: 0px; left: 0px; width: 156px; height: 103px; }
	.main-menu-indicator div{position: absolute; z-index: 10; top: 0px; left: 0px; width: 156px; height: 103px; background-image: url("images/top-menu-slider-bg.png"); behavior: url("theme/PIE.htc"); -pie-png-fix: true;   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
	
   /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */ }*/
	
	a#fb{position: absolute; display: block; width: 25px; height: 25px; top: 129px; right: 26px; background-image: url('images/fb.jpg'); z-index: 30;}
	a#fb span{display: none;}

#footer{clear: both;}
#footer-top{background-image: url("images/footer-top.png"); width: 1100px; height: 23px;  behavior: url("theme/PIE.htc"); -pie-png-fix: true;}
#footer-content{background-image: url("images/footer-repeat-bg.png"); background-repeat: repeat; padding: 20px; color: #ededed;  behavior: url("theme/PIE.htc"); -pie-png-fix: true;}
#footer-content-blocks{width: 780px; margin-left: auto; /*margin-right: auto;*/}
#footer-content-blocks ul{list-style-type: none; list-style-position: inside;}
#footer-content-blocks a{color: #a2feff;}

#footer-content-blocks ul li{position: relative; left: -11px; padding-left: 11px; background-image: url('images/footer-bullet.png'); background-repeat: no-repeat; background-position: 0px 8px;}
#footer-content-blocks ul li a{color: #ededed;}
#footer-content-blocks ul li a:hover{color: #a2feff;}

#footer-content-blocks h3{border-bottom: 1px dashed #bdad85; text-indent: 30px; margin-bottom: 10px; color: #a2feff; font-size: 16px; font-weight: normal; padding-bottom: 1px;}
#footer-content-blocks .bottom-block{padding-left: 30px; text-align: center;}

h3#content-bottom-block-header{background-image: url('images/bottom-title-content.png'); background-repeat: no-repeat; background-position: bottom left;}

h3#product-bottom-block-header{background-image: url('images/bottom-title-product.png'); background-repeat: no-repeat; background-position: bottom left;}

h3#news-bottom-block-header{background-image: url('images/bottom-title-news.png'); background-repeat: no-repeat; background-position: bottom left;}

h3#contact-bottom-block-header{background-image: url('images/bottom-title-contact.png'); background-repeat: no-repeat; background-position: bottom left; background-position-x: 180px; text-align: center;}


#footer-left{float: left; width: 200px; margin-right: 100px; overflow: hidden;}
#footer-center{ float: left; width: 500px; margin-right: 100px; overflow: hidden;}
#footer-right{float: left; width: 200px; overflow: hidden;}

#design-by{clear: both; color: #312f30; background-image: url("images/designed-by-bg.png"); width: 532px; height:35px; margin-top: 40px; text-align: center; margin-left: auto; margin-right: auto; padding-top: 10px;  behavior: url("theme/PIE.htc"); -pie-png-fix: true;}
#design-by a{color: #312f30;}


/*
MOD PRODUCT
*/
#product-page {font-size: 14px; color: #123441; margin-bottom: 40px;}
/*
#product-page h2{color: #424804; margin-bottom: 28px; font-size: 26px; float: left; width: 400px;}
*/

img#product-category-big-img{float: right; margin-bottom: 10px; position: relative; top: -20px; behavior: url("theme/PIE.htc"); -pie-png-fix: true;}
#category-info{width: 360px; margin-bottom: 43px; clear: left; margin-bottom: 30px;  margin-top: 28px;}


#category-list{width: 995px; overflow: hidden;}
.product-category-list-item{float: left; margin-right: 33px; width: 166px; height: 133px; margin-bottom: 22px;}
.product-category-list-item a{display: block; position: relative; width: 166px; height: 133px; overflow: hidden;}
.product-category-list-item a img.normal{position: absolute; top: 0px; left: 0px; background-color: #086798; padding: 5px; z-index: 10;}
.product-category-list-item a img.over{position: absolute; top: 0px; left: 0px; background-color: #edecf2; padding: 5px; z-index: 20;}
.product-category-list-item a span.product-category-list-item-bg{position: absolute; display: block; width: 166px; height: 133px; top: 0px; left: 0px;}
.product-category-list-item a span.product-category-list-item-bg span{position: absolute; display: block; width: 166px; height: 133px; top: 0px; left: 0px; background-image: url("images/category-bg-shadow.png"); behavior: url("theme/PIE.htc"); -pie-png-fix: true; z-index: 5;  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */ }




#product-list{width: 680px; overflow: hidden; clear: both;}
#product-list .product-item{position: relative; float: left; width: 140px; margin-right: 29px; margin-bottom: 16px; overflow: hidden; cursor: pointer;}

#product-big-image-link{display: block; width: 140px; height: 187px;}
#product-list .product-item img{position: relative; display: block; z-index:10; margin: auto;}
#product-list .product-item p{font-size: 12px; text-align: center; margin-top: 6px;}
#product-list .product-item a.product-big-image-link{position: relative; display: block; width: 140px; height: 187px; background-color: #edebf1; }
#product-list .product-item a.product-big-image-link .product-item-fg{display: block; position: absolute; width: 140px; height: 187px; top: 0px; left: 0px; z-index: 20; background-image: url("images/product-fg.png"); behavior: url("theme/PIE.htc"); -pie-png-fix: true;}
#product-list .product-item a.product-big-image-link .product-item-fg-hover{display: block; position: absolute; width: 140px; height: 187px; top: 0px; left: 0px; z-index: 30;  background-image: url("images/product-fg-hover.png"); display: none; behavior: url("theme/PIE.htc"); -pie-png-fix: true;}





/*
END MOD PRODUCT
*/


#mod-content  h2, #mod-news  h2, #mod-contact h2{font-size: 15px; font-weight: bold; margin-left: 7px; padding-left: 32px; padding-bottom: 8px; width: 507px; background-image: url("images/dash.png"); background-position: bottom left; background-repeat: repeat-x; text-transform: uppercase; behavior: url("theme/PIE.htc"); -pie-png-fix: true;}

#product-page h2{font-size: 15px; font-weight: bold; margin-left: 7px; padding-left: 32px; padding-bottom: 8px; width: 400px; background-image: url("images/dash.png"); background-position: bottom left; background-repeat: repeat-x; text-transform: uppercase; behavior: url("theme/PIE.htc"); -pie-png-fix: true;}

/* MOD CONTENT */
#mod-content {}
.content-heading-space{height: 20px; padding-bottom: 10px; margin-bottom: 10px;}
.content-paragraph{padding: 15px; padding-bottom: 0px; padding-left: 0px; margin-bottom: 35px;}
.paragraph-images-list{padding: 0px; margin-bottom: 35px; }
.paragraph-images-item-left{display: block; float: left; margin-right: 25px; margin-bottom: 0px;}
.paragraph-images-item-left a{position: relative; display: block; padding: 0px; margin: 0px; float: left; overflow: hidden;}
.paragraph-images-item-left a:hover{}
.paragraph-images-item-left img{ display: block; padding: 0px; margin: 0px; float: left; border: 5px solid #cbcbcb;}
.paragraph-images-item-left a:hover img{ -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;}
.paragraph-images-item-left p{text-align: center; clear: left;}
.paragraph-images-list .clrfix-content{height: 4px; display: block;}
.paragraph-files{padding-top: 30px;}
.paragraph-files ul{padding-left: 30px; list-style-type: none;} 
.paragraph-files ul li{background-image: none;}
.content-both-images{clear: both; margin-top: 20px; padding-left: 0px; padding-right: 0px; overflow: hidden;}
.content-left-image{float: left; padding-right: 25px; padding-bottom: 6px;}
.content-left-image a{position: relative; display: block; padding: 0px; margin: 0px; float: left; border: 5px solid #cbcbcb; overflow: hidden;}
.content-left-image p{display: none;}
.content-right-image{float: right; padding-left: 25px; padding-bottom: 6px;}
.content-right-image a{position: relative; display: block; padding: 0px; margin: 0px; float: left; border: 5px solid #cbcbcb; overflow: hidden;}
.content-right-image p{display: none;}
.content-left-image a:hover img, .content-right-image a:hover img{ -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; }
.content-left-image a:hover, .content-right-image a:hover{border: 5px solid #cbcbcb;}
/* END MOD CONTENT */

/*MOD NEWS*/
#mod-news {}
.news-list-item-text{position: relative; margin-top: 0px; margin-bottom:0px; padding-bottom: 60px; overflow: hidden;}
	.news-list-desc{margin-top: 20px; }
	a.news-back-link, a.news-show-link{display: block; float: right; margin-top: 15px; width: 135px; height: 20px; overflow: hidden; background-image: url('images/news-link-bg.png'); background-position: 0px 0px; text-transform: uppercase; color: #ffffff; text-align: center; font-size: 13px; font-weight: bold; line-height: 20px;  behavior: url("theme/PIE.htc"); -pie-png-fix: true;}
	
	a.news-back-link:hover, a.news-show-link:hover{width: 135px; height: 20px; overflow: hidden;  background-image: url('images/news-link-bg.png'); background-position: 0px 20px; line-height: 20px  behavior: url("theme/PIE.htc"); -pie-png-fix: true;}
	a.news-back-link:active, a.news-show-link:active{width: 135px; height: 20px; overflow: hidden;  background-image: url('images/news-link-bg.png'); background-position: 0px 20px; line-height: 22px;  behavior: url("theme/PIE.htc"); -pie-png-fix: true;}
	

	
	
#news-list-container{position:relative; overflow:hidden; width: 646px;}
#news-list-container .items {width:3230px; position:absolute; clear:both;}
#news-list-container  .items div.news-list-item{float: left; width: 646px;}

#news-list-container .navi{position: absolute; bottom: 20px;}
#news-list-container .navi a{display: block; float: left; width: 24px; height: 24px; background-image: url("images/scrollable-nav-btn.png"); margin-left: 30px;  behavior: url("theme/PIE.htc"); -pie-png-fix: true;}
#news-list-container .navi a.active, #news-list-container .navi a:active{background-image: url("images/scrollable-nav-btn-active.png");  behavior: url("theme/PIE.htc"); -pie-png-fix: true;}


#news-item-content{position: relative; padding-bottom: 35px; margin-top: 20px;}
#news-item-content p.nws-image{float: right;}
#news-item-content p.nws-image img{padding: 4px; background-color: #cbcbcb; margin-left: 15px; margin-bottom: 10px;}
/*END MOD NEWS*/

/* MOD CONTACT */
#contact-info
{
	margin-bottom: 45px;
	margin-top: 45px;
}

#contact-mail-form{}
.contact-filed-form-left{margin-right: 10px; margin-bottom:25px;}
.contact-filed-form-left input{width: 280px; border: 1px solid #0b83a1; padding: 10px; background-color: #f6f6f6; background-image: url('images/cnt-input.png'); background-repeat: repeat-x; color: #312f30; font-size: 13px; font-weight: bold;}
.contact-filed-form-left input:focus{border:1px solid #0faed6;}
.contact-filed-form-right{margin-bottom: 25px;}
.contact-filed-form-right input{width: 280px; border: 1px solid #0b83a1; padding: 10px; background-color: #f6f6f6; background-image: url('images/cnt-input.png'); background-repeat: repeat-x; color: #312f30; font-size: 13px; font-weight: bold;}
.contact-filed-form-center{margin-bottom: 25px;}
.contact-filed-form-right input:focus{border:1px solid #0faed6;}
.contact-filed-form-center textarea{width: 605px; height: 204px; border: 1px solid #0b83a1; padding: 10px; background-color: #f6f6f6; background-image: url('images/cnt-textarea.png'); background-repeat: repeat-x; color: #312f30; font-size: 13px; font-weight: bold;}
.contact-filed-form-center textarea:focus{border:1px solid #0faed6;}
#contact-form-fill-info{margin-top: 25px; margin-bottom: 50px;}

.contact-form-submit {height: 26px; overflow: hidden;}
.contact-form-submit input{display: block; cursor: pointer; border-width: 0px; width: 181px; height: 26px; overflow: hidden; background-image: url('images/contact-sent-btn.png'); background-position: 0px 0px; text-align: center; color: #e1f7fd; font-size: 13px; font-weight: bold; behavior: url("theme/PIE.htc"); -pie-png-fix: true; text-transform: uppercase; padding: 0px; line-height: 22px; padding-top:2px; padding-bottom: 2px;}
.contact-form-submit input:hover{background-image: url('images/contact-sent-btn.png'); background-position: 0px 52px;}
.contact-form-submit input:active{background-image: url('images/contact-sent-btn.png'); background-position: 0px 26px; padding: 0px; line-height: 22px; padding-top:3px; padding-bottom: 1px;}



#contactMessage{margin-bottom: 25px;}
#contactMessage .required-field{color: red;}
#contact-sent-info{margin-top: 20px; margin-bottom: 20px; color: red; font-size: 1.4em;}
/* END MOD CONTACT */
#main-menu ul li:hover {
	background: #47a3da;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	-moz-transition: 0.3s;	
	
}
.webmaster{
	font-size: 10px;
	}
.partner{border:1px solid #0faed6;}
.partner_vonal {
	background-image: url("images/dash.png");
	background-position: bottom left;
	background-repeat: repeat-x;
}
/* Lightbox ala szoveg - illatok- */
.imgcont {
	display: inline-block;
	padding-bottom: 40px;
}
.imgcont_auto {
	display: inline-block;
	padding-bottom: 60px;
}

.desc1 {
	vertical-align: bottom;
	left: 0;
	position: absolute;
	text-align: center;
	width: 115px;
	margin-left: 10px;	
	font-size: 11px;
}
.desc2 {
	vertical-align: bottom;
	left: 150px;
	position: absolute;
	text-align: center;
	width: 115px;
	margin-left: 10px;		
	font-size: 11px;
}
.desc3 {
	vertical-align: bottom;
	left: 300px;
	position: absolute;
	text-align: center;
	width: 115px;
	margin-left: 10px;		
	font-size: 11px;
}
.desc4 {
	vertical-align: bottom;
	left: 440px;
	position: absolute;
	text-align: center;
	width: 115px;
	margin-left: 10px;	
	font-size: 11px;	
}
/* product oldalon a képek beusznak */
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:4s;-moz-animation-duration:4s;-ms-animation-duration:4s;-o-animation-duration:4s;animation-duration:4s;}.animated.hinge{-webkit-animation-duration:4s;-moz-animation-duration:4s;-ms-animation-duration:4s;-o-animation-duration:4s;animation-duration:4s;}@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

#product-page {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
/* balmenu */
#left-block-menu-container .items div ul li a {
height:100%;	
}
#left-block-menu-container .items div ul li a:hover {
	background: #0e4f97;
	color:#ffffff;
	transition : background 300ms ease; 
  	-webkit-transition : background 300ms ease; 
  	-moz-transition : background 300ms ease;
  	-o-transition : background 300ms ease;  
}
.active {
	background: #2085b9;
	color:#ffffff;
}