/*Google font :  Roboto Slab, use: font-family: 'Roboto Slab', serif;*/
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab&subset=latin,latin-ext);
/*Google font : Titillium Web, use: font-family: 'Titillium Web', sans-serif;*/
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:300&subset=latin,latin-ext);
/*Google font Fjord One*/
@import url(http://fonts.googleapis.com/css?family=Fjord+One);
/*Google font Lora*/
@import url(http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic);

@font-face {
    font-family: KOMIKAZE;
    src: url(/font/KOMIKAZE.ttf);
}

/*FIX------------------------------------------------------------*/
*	{
	margin: 0px;
	padding: 0px;
	border: 0px;	
}
/*Képnagyító-----------------------------------------------------*/
#largeImg{
	height: 70%;
	margin-top: 5%;
	padding: 0;
	
}

#largeImgPanel {
                text-align: center;
                visibility: hidden;
                position: fixed;
                z-index: 100;
                top: 0; left: 0; width: 100%; height: 100%;
                background-color: rgba(100,100,100, 0.5);
            }
/*Képnagyító-----------------------------------------------------*/
.link{
	cursor:pointer;
	text-decoration: none;
	color: #000000;
}

.link:hover{
		color: #ff0000;		
}



p{	
	font-family: 'Lora', serif;
	overflow: auto;
	word-wrap: break-word;
	font-size:100%;
	
}
b,u,h2,a{	
	font-family: 'Lora', serif;	
}
.company-title-red{
	display: inline-block;
	font-family: 'KOMIKAZE';
	color:red;
	font-size:2em;
	letter-spacing: 2px;
	  font-weight: 100;
	  vertical-align: text-bottom;
}
.company-title-grey{
	display: inline-block;
	font-family: 'KOMIKAZE';
	color:grey;
	font-weight: 100;
	vertical-align: super;
}

#index-content{
	font-size: 1.1em;
	line-height: 160%;
	margin-top: 10px;
	font-family: 'Arial', sans-serif; width:900px;
	min-height:900px;
}
#index-content ul li{
   list-style: none;
   font-family: 'Lora', serif;   
   line-height: 300%;
}
#index-content ul li:before{
   content: '';
   display: inline-block;
   height: 30px;
   width: 30px;
   background-image: url(/img/pipa.png);
   background-size: 100% 100%;
   vertical-align: middle;
}

h1{
	/*font-family: 'Fjord One', serif;*/
	text-align: center;
	/*font-family:arial;*/
	/*font-family: 'Lora', serif;*/
	font-family: 'Titillium Web', sans-serif;
	font-style: bold;
	font-size:1.5em;
	margin-bottom:50px;
	margin-top:50px;
	background: -moz-linear-gradient(#ffffff 0%, #ffffff 49%, #000000 50%, #000000 51%, #ffffff 52%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(49%, #ffffff), color-stop(50%, #000000), color-stop(51%, #000000), color-stop(52%, #ffffff), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(#ffffff 0%, #ffffff 49%, #000000 50%, #000000 51%, #ffffff 52%, #ffffff 100%);
	background: -o-linear-gradient(#ffffff 0%, #ffffff 49%, #000000 50%, #000000 51%, #ffffff 52%, #ffffff 100%);
	background: linear-gradient(#ffffff 0%, #ffffff 49%, #000000 50%, #000000 51%, #ffffff 52%, #ffffff 100%);
}

h1 span {
    background: #fff;
    padding: 0 20px;
    position: relative;
    z-index: 5;
  }



.clear { clear: both; }

/*.elony li{
	list-style-image: url("/img/pipa.png");
	
}*/

.elony ul {
	font-size:1.1em;
	padding-left:40px;
	padding-right:40px;
}
/*HÍREK------------------------------------------*/
	.news-box{	
		
		width: 100%;		
		box-sizing: border-box;
		border: 3px outset red;
		-webkit-box-shadow: 7px 7px 5px 0px rgba(198, 173, 173, 0.75);
		-moz-box-shadow:    7px 7px 5px 0px rgba(198, 173, 173, 0.75);
		box-shadow:         7px 7px 5px 0px rgba(198, 173, 173, 0.75);
		margin-bottom: 50px;
	}
	.news-header{
	
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
		background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
		background-color:#fe1a00;
		vertical-align: top;
	}
	.news-title{
		font-family: 'Titillium Web', sans-serif;
		font-weight: 900;
		padding:5px 20px 5px 20px;
		font-size: 1.3em;
		line-height:1em;
		color: #ffffff;
		overflow: hidden;
		display: inline-block;
		
	}
	.news-date p{
		font-family: 'Titillium Web', sans-serif;
		font-weight: 900;
		padding:5px 20px 5px 20px;
		font-size: 1.1em;
		line-height:1em;
		color: #ffffff;
		overflow: hidden;
		
		
		}
	.news-date{
		float: right;
		display: inline-block;
	}
	.news-content p{
		font-family: 'Lora', serif;
		overflow: auto;
		word-wrap: break-word;
		font-size: 100%;
		line-height: 1.5em;
	}
	.news-content{
		padding: 10px 20px 10px 20px;
	}
/*HÍREK------------------------------------------*/

/*HASZNOS DOLGOK,DOKUMENTUMOK-------------------------------*/
.docs-table{
	font-family: 'Lora', serif;
	width:100%;
	border: 1px solid #d8d8d8;	
	border-collapse: collapse;
    border-spacing: 2px 2px;
    margin-bottom:30px;
}
.docs-table > tbody > tr >td{
	padding: 5px 20px;
}
.docs-table > thead > tr >th{
	padding: 5px 20px;
	 font-family: 'Titillium Web', sans-serif;
	  text-decoration: none;
	  color:#ffffff;
	  font-weight:bold;
	  text-align:left;
	  background-color: #ff0000;
}
.docs-table > tbody > tr > td > a{
	  font-family: 'Titillium Web', sans-serif;
	  text-decoration: none;
	  color:#2d2d2d;
	  font-weight:bold;
}
.docs-table > tbody > tr > td > a > img{
	vertical-align: top;
}
.docs-table > tbody > tr > td > a:hover{
	 color:#ff0000;
}
.docs-table > tbody > td{
	width:50%;
	
}
.docs-table > tbody > tr:nth-child(even) >td{
	background-color: #b7b7b7;
}
.docs-table > tbody > tr:nth-child(odd) >td{
	background-color: #d8d8d8;
}
.docs-table > tbody > tr > td:nth-child(even){
	text-align: right;
}
#prospektus_docs > tbody > tr > td:nth-child(even){
	text-align: left!important;
}

/*HASZNOS DOLGOK,DOKUMENTUMOK-------------------------------*/

#termek_navigacio {
	cursor:pointer;
	display:inline;
	width:auto;
	height:20px;
	font-weight: bold;
	text-decoration:none;
	margin-right:10px;
	padding:5px;
	color: #000000;
	font-size:1.4em;
	-border:1px solid #bcbcbc;
}

#termek_navigacio:hover{
	
	color: #ff0000;
}
.termek_navigacio {
	cursor:pointer;
	display:inline;
	width:auto;
	height:20px;
	font-weight: bold;
	text-decoration:none;
	margin-right:10px;
	padding:5px;
	color: #000000;
	font-size:1.4em;
	-border:1px solid #bcbcbc;
}

.termek_navigacio:hover{
	
	color: #ff0000;
}

#actual{
	margin-left:200px;
	-position:relative;
	
	
}

.terkep{
	float: right;
	width: 300px;
	height: 250px;
	border: 1px solid red;
}

.map-canvas {
	height: 265px;
	width: 306px;
	margin: 0px;
	padding: 0px;
}

.cim1{
font-family: Komikaze;
font-size:250%;
text-align: center;
margin: 20px;

}

.sec-menu{
	font-family: 'Titillium Web', sans-serif;
	margin-top:40px;
	margin-bottom:40px;
}
.sec-menu > img{
	border-radius: 50%;
}

#content	{
	position: relative;
	width: 1100px;
	margin: 0px auto;
	padding-bottom: 50px;
    /*min-height:1360px;	*/
    min-height:1080px;
}

#header{	
	height:40px;
	margin: 0px auto;
	background: #2d2d2d;		
}

#slider{
	width:1100px;
	position: relative!important;
	margin: 0 auto!important;
}

 #footer{
	width:100%;
	padding-top:5px;
	padding:10px 0px;
	min-width:1100px;
	background-color: #0f0f0f;
	text-align: center;
}
.footer_year{
	font-family: 'Titillium Web', sans-serif;
	color:#a3a3a3;
	display:inline;
	cursor: context-menu;
}
.footer_text{
	font-family: 'Titillium Web', sans-serif;
	color:#ffffff;
	display:inline;
	cursor: context-menu;
}



/*MENÜ--------------------------------------------------------*/
#header_line{
	width:1100px;
	height:3px;
	position: relative;
	margin: 0px auto;
	background-color:#AAB;

}
 
.menu_div{
	cursor:pointer;
	text-align:center;
	width: 130px;
    height: 40px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1
}
.menu_div:hover{
	background-color:#FF0000!important;
}
.menu_div > p{
 font-family: 'Titillium Web', sans-serif;
 padding-top:5px;
}
#menu{
	width:1100px;
	position:relative;
	margin: 0 auto;
	height: 40px;
	cursor:auto;
	box-sizing: border-box;
	
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
	
}

#menu > div {

	/*font-size:80%;*/
	font-family: 'Titillium Web', sans-serif;
	color:#ffffff;
	font-weight:bold;	
	position:relative;
	display: inline-block;	
	/*background-color: #f2f1ef;*/
	/* IE fix.*/ 
	*display: inline;
	zoom: 1;
	}


#search_bar{
	padding:5px 30px 5px 10px;
	 border:2px solid #707070; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:#f4f4f4;
	width:120px;	
	font-family: 'Titillium Web', sans-serif;
	margin: -16px 2px 0px 0px;	
	background:url(/img/magnifying-glass-hi.png) no-repeat right top; 
	background-size: 30px 30px;
	background-color: white;
}
#search_line{
	margin-right:0;
	width: 165px;
	display: inline;
	margin-top: 11px;
	float:right;
}

#face-icon-link{
	cursor:pointer;
	display:inline;
	position:relative;
	height:30px;
	width:30px;
	margin:5px 0 0 20px!important;
	border:0px!important;
	background:url(/img/fb-icon.png) no-repeat;
	background-size:30px 30px;
}
#face-icon-link:hover{
	background:url(/img/fb-icon-hover.png) no-repeat;
	background-size:30px 30px;
}
#face-icon-link:hover{
	border-top: 0px!important;	
}
/*MENÜ VÉGE--------------------------------------------------------*/
.pmi,.pmi_right{
	background-image: url(../img/pmi.png);
	background-size: 100% 100%;
	display:block;
	position:absolute;
	float:left;
	border: 2px solid #ffffff;
	width:183px;
	height:62px;	
	padding-top:120px;
	color:#fff;
	text-align:center;
	font-size:1em;
	border-radius: 50%;
}
.pmi:hover,.pmi_right:hover{
	border: 2px solid #878684;
	-webkit-box-shadow: 7px 7px 13px 0px rgba(50, 50, 50, 0.71);
	-moz-box-shadow: 7px 7px 13px 0px rgba(50, 50, 50, 0.71);
	box-shadow: 7px 7px 13px 0px rgba(50, 50, 50, 0.71);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.pmi_right{
	position:absolute;
	right:0;	
}

.contact_phone{
	background-image: url(../img/contact/contact_phone.png);
	background-size: 100% 100%;
	width:25px;
	height:25px;
	vertical-align: sub;
	margin-right: 10px;
}

.contact_mail{
	background-image: url(../img/contact/contact_mail.png);
	width:25px;
	height:25px;vertical-align: sub;
	margin-right: 10px;
}
.contact_fax{
	background-image: url(../img/contact/contact_fax.png);
	width:25px;
	height:25px;vertical-align: sub;
	margin-right: 10px;
}

.car{
	background-image: url(../img/car.jpg);
	position:relative;
	float:right;
	width:300px;
	height:300px;
}
.order{
	background-image: url(../img/ContactUs.png);
	position:relative;
	float:right;
	width:292px;
	height:262px;
}

.garancia{
	background-image: url(../img/garancia.jpg);
	position:relative;
	float:right;
	width:200px;
	height:200px;
}



#wrapper{
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
	
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}
.index-category{
	
	cursor:pointer;
	border: 1px solid #ffffff;
	width:170px;
	height:200px;	
	margin-bottom:20px;
		
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1	
}
.index-category:hover{
	/*border:1px solid #ff0000;
	text-decoration:none;*/
	border: 1px solid #878684;
	-webkit-box-shadow: 7px 7px 13px 0px rgba(50, 50, 50, 0.71);
	-moz-box-shadow:    7px 7px 13px 0px rgba(50, 50, 50, 0.71);
	box-shadow:         7px 7px 13px 0px rgba(50, 50, 50, 0.71);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
		
}	

.index-cat-img{
	height:130px;
	width:170px;
}
.header-nav-text{
	background-color:#2d2d2d;
	width:170px;
	height: 70px;
}

.header-nav-text > p{	
	color: #ffffff;
	cursor:pointer;
	font-family: 'Titillium Web', sans-serif;
	text-align:center;
	padding:5px;
}
.header-nav-text-akcios{
	background-color: red;
	width:170px;
	height: 70px;
}

.header-nav-text-akcios > p{	
	color: #ffffff;
	cursor:pointer;
	font-family: 'Titillium Web', sans-serif;
	text-align:center;
	padding:5px;
}

#index-cat-2{
	background-image: url(../img/index-cat-2.jpg);
	background-size: 100% 100%;
}
#index-cat-4{
		background-image: url(../img/index-cat-4.jpg);
		background-size: 100% 100%;
}
#index-cat-3{
		background-image: url(../img/index-cat-3.jpg);
		background-size: 100% 100%;
		
}	
#index-cat-1{
		background-image: url(../img/index-cat-1.jpg);
		background-size: 100% 100%;
}
#index-cat-5{
		background-image: url(../img/index-cat-5.jpg);
		background-size: 100% 100%;
		}
#index-cat-8{
		background-image: url(../img/index-cat-8.jpg);
		background-size: 100% 100%;
}
#index-cat-6{
		background-image: url(../img/index-cat-6.jpg);
		background-size: 100% 100%;
		
}
#index-cat-7{
		background-image: url(../img/index-cat-7.jpg);
		background-size: 100% 100%;
}
#index-cat-9{
		background-image: url(../img/index-cat-9.jpg);
		background-size: 100% 100%;		
}

/*---VISSZAHÍVÁS---------------------------------------------------------------*/
#visszahivas-cat{
border:1px solid #ff0000;
width:170px;
height:200px;
vertical-align: top;
display: inline-block;
position:relative;
}
#visszahivas_textbox{
border:1px solid #ff0000;
}
#visszahivas-cat form{
	padding:10px;
}

#visszahivas-cat form > p{
	padding:0 0 10px 0;
	font-size: 90%;
}
#visszahivas-cat input[type=text] {
padding:5px 10px;
 border:2px solid #707070; 
-webkit-border-radius: 5px;
border-radius: 5px;
background:#f4f4f4;
width:120px;
margin-bottom: 10px;
}
#visszahivas-cat input[type=submit] {
	position: relative!important;
	top:0!important;
	width:100%;
}
#visszahivas-cat input[type=text]:focus {
	border-color:#000000; 
}
#visszahivas-cat button{
	margin:0px auto;
}
.call-me-back-header{
	width: 100%;
	height:70px;
	/*background-color: red;	*/
	-moz-box-shadow:inset 0px 0px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 0px 0px 0px #f29c93;
	box-shadow:inset 0px 0px 0px 0px #f29c93;
	background: #fe1a00;
	background-color:#fe1a00;	
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #b23e35;
}
.call-me-back-header p{
	color:white;
	text-align:center;
	vertical-align:center;
	padding:5px 0 5px 0;
	font-family: 'Titillium Web', sans-serif;
}

/*---VISSZAHÍVÁS----------------------------------------------------------------*/


.kandallo-category{	
	display:inline-block;	
	margin-left:30px;
	margin-bottom:40px;
	border: 1px solid #ffffff;
	width:248px;
	height:200px;	
	color:#fff;
	text-align:center;
	font-size:1em;
	float: left;
}

.kandallo-category:hover,.kandallo-category-2:hover{
	/*border:1px solid #ff0000;
	text-decoration:none;*/
	cursor:pointer;
	border: 1px solid #878684;
	-webkit-box-shadow: 7px 7px 13px 0px rgba(50, 50, 50, 0.71);
	-moz-box-shadow:    7px 7px 13px 0px rgba(50, 50, 50, 0.71);
	box-shadow:         7px 7px 13px 0px rgba(50, 50, 50, 0.71);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}
.kandallo-category div, .kandallo-category-2 div{	
	clear: both;
	width:248px;
	height:131px;
	background-color: #0f0f0f;	
	cursor: pointer;
	text-align: center;	
	
}
.kandallo-category > div > p, .kandallo-category-2> div > p {
	color: #ffffff;
	font-family: 'Titillium Web', sans-serif;
	padding-top: 10px;
}

.kandallo-category-footer{
	height: 70px!important;
}

.kandallo-category-2{	
	float:left;
	margin-left:125px;
	margin-bottom:40px;
	border: 1px solid #f5f5f5;
	width:248px;
	height:200px;	
	color:#fff;
	text-align:center;
	
}

/*catkepek*/
.vezerlesek-cat{
	background-image: url(../img/catkepek/vezerlesek-cat.jpg);
	background-size: 100% 100%;
}
.hocserelok-cat{
	background-image: url(../img/catkepek/hocserelok-cat.jpg);
	background-size: 100% 100%;
}

.rezcsovek-cat{
	background-image: url(../img/catkepek/rezcsovek-cat.jpg);
	background-size: 100% 100%;
}

.puffertarolok-cat{
	background-image: url(../img/catkepek/puffertarolok-cat.jpg);
	background-size: 100% 100%;
}
#tuzter-cat-1{
	background-image: url(../img/catkepek/tuzter-cat-1.jpg);
	background-size: 100% 100%;
}

#tuzter-cat-2{
	background-image: url(../img/catkepek/tuzter-cat-2.jpg);
	background-size: 100% 100%;
}
#tuzter-cat-3{
	background-image: url(../img/catkepek/tuzter-cat-3.jpg);
	background-size: 100% 100%;
}
#tuzter-cat-4{
	background-image: url(../img/catkepek/tuzter-cat-4.jpg);
	background-size: 100% 100%;
}
#tuzter-cat-5{
	background-image: url(../img/catkepek/tuzter-cat-5.jpg);
	background-size: 100% 100%;
}
#tuzter-cat-6{
	background-image: url(../img/catkepek/tuzter-cat-6.jpg);
	background-size: 100% 100%;
}
.fatuzelesu-legfuteses-tuzterek-cat-1{
	background-image: url(../img/catkepek/fatuzelesu_legfuteses_tuzterek-cat-1.jpg);
	background-size: 100% 100%;
}
.fatuzelesu-legfuteses-tuzterek-cat-2{
	background-image: url(../img/catkepek/fatuzelesu_legfuteses_tuzterek-cat-2.jpg);
	background-size: 100% 100%;
}
.kandallo-cat-1{
	background-image: url(../img/catkepek/kandallo-cat-1.jpg);
	background-size: 100% 100%;
}

.kandallo-cat-2{
	background-image: url(../img/catkepek/kandallo-cat-2.jpg);
	background-size: 100% 100%;
}
.kandallo-cat-3{
	background-image: url(../img/catkepek/kandallo-cat-3.jpg);
	background-size: 100% 100%;
}
.kandallo-cat-4{
	background-image: url(../img/catkepek/kandallo-cat-4.jpg);
	background-size: 100% 100%;
}
.kandallo-cat-5{
	background-image: url(../img/catkepek/kandallo-cat-5.jpg);
	background-size: 100% 100%;
}
.hordozhato-kandallo-cat-1{
	background-image: url(../img/catkepek/hordozhato-kandallo-cat-1.jpg);
	background-size: 100% 100%;
}

.hordozhato-kandallo-cat-2{
	background-image: url(../img/catkepek/hordozhato-kandallo-cat-2.jpg);
	background-size: 100% 100%;
}
.hordozhato-kandallo-cat-3{
	background-image: url(../img/catkepek/hordozhato-kandallo-cat-3.jpg);
	background-size: 100% 100%;
	
}
.pelletes-hordozhato-kandallo-cat-1{
	background-image: url(../img/catkepek/pelletes-hordozhato-kandallo-cat-1.jpg);
	background-size: 100% 100%;
}

.pelletes-hordozhato-kandallo-cat-2{
	background-image: url(../img/catkepek/pelletes-hordozhato-kandallo-cat-2.jpg);
	background-size: 100% 100%;
}
.kemeny-cat-1{
	background-image: url(/img/catkepek/kemeny-cat-1.jpg);
	background-size: 100% 100%;
}

.kemeny-cat-2{
	background-image: url(/img/catkepek/kemeny-cat-2.jpg);
	
	background-size: 100% 100%;
}
.kemeny-cat-3{
	background-image: url(/img/catkepek/kemeny-cat-3.jpg);
	background-size: 100% 100%;
}
/*catkepek vege*/


/*----catkepek-ideiglenes----*/
.hordozhato-kandallo-cat-1al{
	background-image: url(../img/catkepek-ideiglenes/hordozhato-kandallo-cat-1.jpg);
	background-size: 100% 100%;
}

.hordozhato-kandallo-cat-2al{
	background-image: url(../img/catkepek-ideiglenes/hordozhato-kandallo-cat-2.jpg);
	background-size: 100% 100%;
}

.hordozhato-kandallo-cat-3al{
	background-image: url(../img/catkepek-ideiglenes/hordozhato-kandallo-cat-3.jpg);
	background-size: 100% 100%;
}

.hordozhato-kandallo-cat-4al{
	background-image: url(../img/catkepek-ideiglenes/hordozhato-kandallo-cat-4.jpg);
	background-size: 100% 100%;
}

.hordozhato-kandallo-cat-5al{
	background-image: url(../img/catkepek-ideiglenes/hordozhato-kandallo-cat-5.jpg);
	background-size: 100% 100%;
}

.hordozhato-kandallo-cat-6al{
	background-image: url(../img/catkepek-ideiglenes/hordozhato-kandallo-cat-6.jpg);
	background-size: 100% 100%;
}
/*----catkepek-ideiglenes vege----*/

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

.edilkamin_vizteres_fa-cat{
	background-image: url(../img/hordozhato-kandallo-cat/edilkamin_vizteres_fa-cat.jpg);
	background-size: 100% 100%;
}

.edilkamin_vizteres_pellet-cat{
	background-image: url(../img/hordozhato-kandallo-cat/edilkamin_vizteres_pellet-cat.jpg);
	background-size: 100% 100%;
}

.radeco_vizteres_fa-cat{
	background-image: url(../img/hordozhato-kandallo-cat/radeco_vizteres_fa-cat.jpg);
	background-size: 100% 100%;
}

.tovabbi_vizteres_hordozhato_kandallok-cat{
	background-image: url(../img/hordozhato-kandallo-cat/tovabbi_kandallok-cat.jpg);
	background-size: 100% 100%;
}

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

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



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


.galeria_valaszto{
	display: inline-block;
	position: absolute;
	width: 800px;
	height: 500px;
	margin: 0px auto;
	/*margin-left: 210px;*/
	background-color:#f5f5f5;
	padding:10px;
	float:left;	
		
}

.galeria_hagyomanyos_kep{
		background-image: url(../img/gallery/gallery_option1.jpg);
		background-size: 100% 100%;
}

.galeria_vizes_kep{
		background-image: url(../img/gallery/gallery_option2.jpg);
		background-size: 100% 100%;
}

#galeria_hagyomanyos{
	width: 910px;
	margin: 0px auto;
	margin-top:18px;	
	padding:10px;
	float:left;	
		
}

.clear{
	height:40 px;
}




/*
* Facebook
*/

.fb-box{
margin-top:20px;
border:1px solid #2d2d2d;
width:170px;
height:275px;
vertical-align: top;
display: inline-block;
position:relative;
overflow: hidden;
}
.fb-box-header{
	height: 40px;
	width:100%;
	background-image: url(../img/facebook_header.png);
	background-size: 100% 100%;
	background-color: #2d2d2d;
}
.fb_iframe_widget{
	margin-left: -9px;
}

/*
*Facebook vége
*/



/*
* Company data
*/
#company-data{
	width:100%;
	line-height:20px;
    clear: both;
	border-top: 3px groove #AAB;
	min-width:1100px;
	background-color: #2d2d2d;
}
.company-data-double{
	padding:20px;
        padding-bottom:5px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	width:320px;
	vertical-align: top;	
}
.company-data-single{
	padding:20px;
     padding-bottom:5px;
	
	width:300px;	
	vertical-align: top;
}
.company-data-single li{
    line-height:250%;
	text-align: center;
	
}
.company-data-single li:hover{
   text-decoration:underline;	
}


#company-data h2, #company-data h4{
	font-family: 'Titillium Web', sans-serif;
	cursor:auto;
	color:#a3a3a3;	
	text-decoration: underline;
	cursor: context-menu;
	text-align: center;
}

#company-data li{
	margin-left:20px;
	list-style: none!important;	
	margin-left: -3px;	
}
#company-data a{
		text-decoration:none;}

#company-data li:hover{
		color:red;
		text-decoration:none;
}

.li_company_data{
		/*color: #6b6a6a;*/
		font-family: 'Titillium Web', sans-serif;
		color:#ffffff;
		text-decoration:none;
		cursor:pointer;
}

.li_company_data:hover{
		/*color: #6b6a6a;*/
		text-decoration:none;
}
/*
* end of Company data 
*/


#company-data-table{
	position: relative;
	margin: 0 auto;
	width:1100px;
}
	
/*--------------------------------------------------------------------------------------------------------------*/	

.kandallo-termek{
	width: 420px;
	border:2px solid #bcbcbc;
	padding: 5px;
	float:left;
	min-height:200px;
	margin-right:15px;
	margin-top:15px;
	
}

.kandallo-termek_kep{
	width:200px;
	height:200px;
	float:right;
	position:relative;
}

.kandallo-termek_adat{
	width:200px;
	font-size:0.9em;
	padding: 10px;
	font-size:0.8em;
	min-height:40px;
}

.kandallo-termek  button{
background-color:#bcbcbc;
padding:5px;
font-style:bold;
}

.termek button:hover{
	background-color: #b73535;
}
/*--

/*--------------------------------------------------------------------------------------------------------------*/
.termek{
	width: 420px;
	border:2px solid #bcbcbc;
	padding: 5px;
	float:left;
	min-height:280px;
	margin-right:15px;
	margin-top:15px;
	
}

.termek_leiras{
	border:1px solid #bcbcbc;
	padding: 10px;
	width:400px;
	-position:absolute;
	height:312px;
	overflow-y:scroll;
}

.termek_kep{
	width:200px;
	float:right;
	position:relative;
	cursor:pointer;
}

.termek_cim{
	min-height:54px;
}


.termek_adat{
	width:200px;
	font-size:0.9em;
	padding: 10px;
	font-size:0.8em;
	min-height:250px;
}

.termek button{
background-color:#bcbcbc;
padding:5px;
font-style:bold;

}
.termek button:hover{
	background-color: #b73535;
}
/*----------------------------------------------------------------------------------------------------------*/	
.puffer-termek{
	width: 420px;
	border:2px solid #bcbcbc;
	padding: 5px;
	float:left;
	min-height:500px;
	margin-right:15px;
	margin-top:15px;
	
}

.puffer-termek_adat{
	width:200px;
	font-size:0.9em;
	padding: 10px;
	font-size:0.8em;
	min-height:480px;
}

.puffer-termek_cim{
	min-height:86px;
}

.puffer-termek button{
background-color:#bcbcbc;
padding:5px;
font-style:bold;

}
.puffer-termek button:hover{
	background-color: #b73535;
}
/*----------------------------------------------------------------------------------------------------------*/	

/*----------------------------------------------------------------------------------------------------------*/	
.kandallo-termek{
	width: 420px;
	border:2px solid #bcbcbc;
	padding: 5px;
	float:left;
	min-height:500px;
	margin-right:15px;
	margin-top:15px;
	
}

.kandallo-termek_adat{
	width:200px;
	font-size:0.9em;
	padding: 10px;
	font-size:0.8em;
	min-height:300px;
}

.kandallo-termek_cim{
	min-height:86px;
}

.kandallo-termek button{
background-color:#bcbcbc;
padding:5px;
font-style:bold;

}
.kandallo-termek button:hover{
	background-color: #b73535;
}
/*----------------------------------------------------------------------------------------------------------*/

/*termék kilistázás*/	
.product-box{
	/*position: relative;
	margin: 0 0 20px 0;
	padding: 10px 20px 10px 20px;
	width:100%;*/
	position: relative;
	margin: 0 1% 20px 1%;
	padding: 10px 20px 10px 20px;
	width: 48%;
	display: inline-block;
	vertical-align: top;
	height:180px;
	overflow:hidden;
	min-height: 130px;
	box-sizing: border-box;
	border: 3px outset red;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(198, 173, 173, 0.75);
	-moz-box-shadow:    7px 7px 5px 0px rgba(198, 173, 173, 0.75);
	box-shadow:         7px 7px 5px 0px rgba(198, 173, 173, 0.75);

}

.product-box .product-picture{
	margin:0 20px 0 0;
	height: 100px;
	width:100px;
	background-size: 100% 100%;
	float: left;
}

.product-picture-2{
	margin:0 20px 0 0;
	height: 100px;
	width:100px;
	background-size: 100% 100%;
	position: absolute;
	top: 200px;
	left: 20px;
}
.product-box .product-picture-2:hover,.product-box .product-picture:hover{
	cursor: pointer;
}
.product-box .overlay {  
	background: rgba(22, 22, 20, 0.1);
	text-align:center;
	opacity:0;	  
	width:100%;height:100%; 
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.product-box .product-picture:hover .overlay,.product-box .product-picture-2:hover .overlay{
	opacity:1;
}

.product-box .product-price{
	
	font-family: 'Titillium Web', sans-serif;
	color: red;
	position:absolute;
	/*top:20px;
	right: 20px;
	font-size: 2em;*/
	top: 5px;
	right: 10px;
	font-size: 1.2em;
	
}

.product-box .price-old{
	font-family: 'Titillium Web', sans-serif;
	text-decoration: line-through;
	color: black;
	position:absolute;
	top: 5px;
	right: 10px;
}
.product-box .price-new{
	font-family: 'Titillium Web', sans-serif;
	color: white;
	position:absolute;
	top: 30px;
	right: 10px;
	font-weight:900;
	background-color: red;
	padding:2px 4px;
	border-radius: 2px;
}

.product-box h2{
	font-family: 'Titillium Web', sans-serif;
	font-weight: 900;
	max-width: 270px;
	/*height:75px;*/
	margin-bottom:20px;
	font-size: 1.3em;
	line-height:1em;
	text-decoration: underline;
	word-wrap: break-word;	
}


.product-box .product-text-box{
	overflow:hidden;
	float: right;
	width: 68%;
}
.product-box .more-details-button {
	
	left:20px;
}
.more-details-button {
	position:absolute;
	top:120px;
}

input[type=button],input[type=submit],button{
	-moz-box-shadow:inset 0px 0px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 0px 0px 0px #f29c93;
	box-shadow:inset 0px 0px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	border:1px solid #d83526;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;	
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	/*height:50px;*/
	/*line-height:50px;*/
	/*width:100px;*/
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #b23e35;
	padding:10px;
}
input[type=button]:hover ,input[type=submit]:hover ,button:hover {
	cursor: pointer;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}
input[type=submit]{
	text-shadow:1px 1px 0px #b23e35;
	padding:10px;
	border:1px solid #d83526;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
}
.filter_form{
	padding:3px 0px;
	width: 100%;
	margin-bottom:20px;
	background-color: #2d2d2d;
	padding-left: 10px;
	border-radius: 5px;
	box-sizing: border-box;
}
.filter_form > label,.filter_form >p,.filter_form >input,.filter_form >select{
	display: inline;
	font-family: 'Titillium Web', sans-serif;
	padding:5px;
	height: inherit;
	
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;	
}
.filter_form >input[type=number]{
	width: 60px;
}
.filter_form > label,.filter_form >p{	
	color: #ffffff;
}
.filter_form >input:selection ,.filter_form >select:selection {
	 background-color: red; 
}
.filter_form >input,.filter_form >select{
	border: 2px groove #AAB;
}
.filter_form > input[type=submit]{
	width:100%;
	max-width:114px;
}

/*Pager start*/
.pager_line{
	padding:3px 0px;
	width: 100%;
	margin-bottom:40px;
	
}
.pager_content{
	position: relative;
	margin: 0 auto;
	display: table;
	font-size: 120%;
}
.pager_content a{
	font-family: 'Titillium Web', sans-serif;
	color: red;
}
.pager_actual{
	font-size:140%;
	color: #6d0909;
	font-style: bold;
	text-decoration: none;
}
.pager_product_counter > p{
	font-family: 'Titillium Web', sans-serif;
	color: red;
	font-style: bold;
	position:absolute;
	font-size: 130%;
	overflow: hidden;
}
/*Pager end*/

/*Modal start*/
#info{
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
#info:target {
	opacity:1;
	z-index: 1001;
	pointer-events: auto;
}
#infoWindow > header {
position:relative;
	width:100%;
	height:20px;
	box-shadow:inset 0px 0px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
}
#info > section {
	width: 300px;
	position: relative;
	margin: 10% auto;
	border-radius: 10px;
	background: #fff;
	margin: 0 auto;
	text-align: center;
	overflow: auto;
}
.infoContent > button{
	position:initial!important;
	min-width:100px;
	margin-top:20px;
}
.infoContent{	
	padding: 20px;
}
#infoWindow {
position:relative;
top:200px;
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px; /*Safari*/
	-moz-border-radius: 12px;/*FireFox*/
	border-radius: 12px;
	
}

.close:hover {
 background: #14ff20;
 }
 /*Modal end*/