/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

@media only screen and (min-width: 959px) {
    
    .container .six.columns.cikkKat {  margin:10px; height: 300px; }
    
    .container .five.columns.cikkKat1 { width: 320px; }
    .container .four.columns.cikkKat25 { width: 280px; }
    .container .three.columns.cikkKat37 { width: 190px; }
    .container .five.columns.korabbiCikkekDiv { width: 310px; }
}


@media only screen and (min-width: 768px) {
    #hirlevel-max { display:block; }
   .flashContainer { display:block; }
   .flashContainerSmall { display:none; }
   .hlf { display:inline-block; }
   
}

@media only screen and (min-width: 768px) and (max-width: 958px ) {
   .container .five.columns.cikkKat1 { width: 100%; }
   .container .five.columns.cikkKat1 img { max-width: 200px; }
    .container .four.columns.cikkKat25 { width: 120px; }
    .container .three.columns.cikkKat37 { width: 120px; }
    .container .five.columns.korabbiCikkekDiv { width: 200px; }
}

@media only screen and (max-width: 768px) {   
   .flashContainer { display:none; }
   .flashContainerSmall { display:block; }
   .container .three.columns.cikkKat37 img { max-width: 100px; } 
   .container .five.columns.cikkKat1 img { max-width: 200px; }
   
}

#Tartalom { width:630px; }
.slicknav_menu { display: none; }
	/* Smaller than standard 960 (devices and browsers) */
        @media only screen and (max-width: 959px) {
            #hirlevel-max { display:none; }
        }
        @media only screen and (min-width: 959px) {
            #hirlevel-min { display:none; }
        }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
        @media only screen and (min-width: 768px) and (max-width: 959px) {
            #Tartalom { width:420px; }
            
        }

	/* All Mobile Sizes (devices and browser) */
        @media only screen and (max-width: 767px) {
             #Tartalom { width:100%; }
        }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
        @media only screen and (min-width: 480px) and (max-width: 767px) {
            #topmenu { display:none; }
            div#keresoDiv span { position: relative; top:-35px; }
            .slicknav_menu { display: block; }
        }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
        @media only screen and (max-width: 479px) {
            #topmenu { display:none; }
             div#keresoDiv span { position: relative; top:-35px; }
             .slicknav_menu { display: block; }
        }


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600&subset=latin,latin-ext);

body, * { font-family: 'Open Sans', sans-serif; font-size:15px; color:#444444;   }
body { background: #eee; }
.textJustify { text-align: justify; }

h2 { font-size: 1.4em; }
h3 { font-size: 1.1em; }

a, a:hover, a:visited { text-decoration: underline; color: rgb(47, 170, 79); }

img.wImage { width:98%; }
.margin5 { margin:5px; }
.margin10 { margin:10px; }
.padding5 { padding: 5px; }
.padding10 { padding:10px; }


div.wdiv, div.wkeret, div#topmenu { float:left; width:100%;  }
 div#topmenu { background: white;  width: 100%; margin-top: 10px; margin-bottom: 10px; }
 
 
 #headbanner { width:70%; float:left; overflow: hidden; }
 #headsearch { width:30%; float:left; overflow: hidden; }
 #headsearch>div { padding:20px; }
 #headsearch>div .searchdiv { background: white; height: 50px;float:left; width:80%; }
 #headsearch>div .searchdivIcon { background: rgba(47, 170, 79, 1); height: 50px;float:left; width:20%;  text-align: center;}
  #headsearch #keresoInput { border: 0px; height: 45px; padding-left:10px; } 
  #headsearch i { color: white; font-size: 24px; line-height: 45px; }
 
 .half { width:50%; display:inline-block; float:left;  }
.third { width:33%; display:inline-block; float:left;  }
.two-thirds { width:67%; display:inline-block; float:left; }
 
.quarter { width:25%; display:inline-block;   }
.fifth { width:19%; display:inline-block;   }
 
    @media (max-width: 700px) {
    .quarter { width:50%;   }
    body, * {   font-size:14px;     }
}

@media (max-width: 500px) {
 .half { width:100%;  }
}


.containerfull { width:100%; }
.container960 {  max-width: 1100px; margin: auto; }
.container960, .container { width: 100%;  margin: auto;   }
.container960:after, .container:after , .containerfull:after {
    content: " ";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}

.wdiv {   width: 100%;  margin: auto; }
.wdiv:after {
        content: " ";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
 
 

div.stringbox { padding:10px; margin:10px; width:95%; float:left;  }
div.stringbox div.greenstringbox { background: green; color:white;
                                   padding:5px;
                                   width:60%;
                                   text-align: center;
border-radius: 10px;
border:1px solid green;
 -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 6px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 6px rgba(0, 0, 0, 0.75);
                               
-pie-background: green;    
    behavior: url(pie/PIE.htc);  
}

div.stringbox div.redstringbox { background: red; color:white;
                                   padding:5px;
                                   width:60%;
                                   text-align: center;
border-radius: 10px;
border:1px solid red;
 -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 6px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 6px rgba(0, 0, 0, 0.75);
                               
-pie-background: green;    
    behavior: url(pie/PIE.htc);  
}


div#homepage { text-align: left; }
div#homepage .FCikkDiv a { text-decoration: none; color:#444444; }
div#homepage h1 ,div#homepage h2 { margin:0px; paddin:0px; margin-bottom: 5px; text-align: left; }

div#topmenu ul { max-width:width:100%; padding:0px;
               
 list-style-type: none;

}
div#topmenu ul li {  float:right;   border-right: 1px solid white; }
div#topmenu ul li a { color:#666; padding: 5px; display: inline-block; text-decoration: none; text-transform: uppercase; font-size: 13px; font-weight: bold; }
div#topmenu ul li:hover {  
 
}

div#topmenu #logoimage { float:left;width: 25%; margin-top:10px; }
div#topmenu #topmenuUl { float:left;width: 70%; margin: 0px;  margin-top:10px; margin-bottom:10px; }
div#topmenu #ddown {  float:left;width: 5%; margin: 0px;  background:rgba(47,170,79,0.7); }
div#topmenu ul li.ddown { color:white; height:47px; line-height:47px; width:100%; text-align:center; position: relative;
z-index: 9999; }
div#topmenu ul li.ddown i { color:white; font-size:20px; }

div#ddown ul { margin:0px; }
div#ddown ul li ul { display: none;  position: absolute;   margin: 0px;  width:200px; }
div#ddown ul li:hover ul { display: block;  transition: 1s all;    }
div#ddown ul li ul li { float: none; position: relative;  padding:0px; border-bottom: 1px solid #777; left:-144px; top:0px; background:rgba(47,170,79,0.7); height:auto; line-height:22px; }

div#ddown ul li ul li:last-child { border-bottom: 0px; }
div#ddown ul li ul li a { color: white; width: 100%; font-variant: small-caps; text-decoration: none; }



.brand-cat .brands ul li:hover ul li { float: none; position: relative; padding: 10px; border-bottom: 1px solid #777; }
.brand-cat .brands ul li:hover ul li:last-child { border-bottom: 0px; }
.brand-cat .brands ul li:hover ul li a { color: white; width: 100%; font-variant: small-caps; text-decoration: none; }
 

 

nav.kategoriaBal ul { list-style-type: none; margin:0px; padding:0px; margin-left:5px; }
nav.kategoriaBal>ul { margin: 0px;   }
nav.kategoriaBal ul li a { text-decoration: none; }
nav.kategoriaBal ul li a:hover { text-decoration: underline; }

div.paginator div.paginInner { display:inline-block; }

div#breadcrumbDiv div { display:inline-block; }
div#breadcrumbDiv a { text-decoration: none; }

div#regDiv { background: #7a9f19; padding:5px; }
div#regDiv>span  { color:white; text-shadow: 1px 1px 2px black; font-size:16px; display:block; }
div#regDiv table tr td { color:white; }
div#regDiv table tr td input#RegRight { background: #eee; border: 1px solid white; border-radius: 2px; }

div.ujhsz { font-size:20px; margin-top: 15px; }
div.ujhsz span.glyphicon { font-size:26px; margin-right: 10px; }

textarea.ujhsz { border: 1px solid gray; width:100%; }

div.cikkOldal { text-align: left; padding-right:15px; }

div.reply { margin-bottom: 10px; margin-top: 10px; border: 1px dotted #bbb;  }
div.reply>div.reply-header { height:20px; background: #c6e3f1; color:white; }
div.reply>div.reply-header span.reply-username { float: left; font-weight: bold; }
div.reply>div.reply-header span.reply-time { float: right;  }
div.reply  span.reply-content { display:block; padding:5px; }






div.stringbox { padding:10px; margin:10px; width:95%; float:left;  }
div.stringbox div.greenstringbox { background: green; color:white;
                                   padding:5px;
                                   width:60%;
                                   text-align: center;
border-radius: 10px;
border:1px solid green;
 -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 6px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 6px rgba(0, 0, 0, 0.75);
                               
-pie-background: green;    
    behavior: url(pie/PIE.htc);  
}

div.stringbox div.redstringbox { background: red; color:white;
                                   padding:5px;
                                   width:60%;
                                   text-align: center;
border-radius: 10px;
border:1px solid red;
 -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 6px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 6px rgba(0, 0, 0, 0.75);
                               
-pie-background: green;    
    behavior: url(pie/PIE.htc);  
}

span.hiba { color:red; display: inline-block; background: white; border: 1px solid #aaa; font-size:13px; line-height: 18px;  padding:4px; }

div.padding2 { padding:3px;   }
div.padding5 { padding:5px;   }
div.padding10 { padding:10px;  }

 div.flekkbal { 
background: #4d2c71; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZGNlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1OTZhNzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #4d2c71 0%, #2f223e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d2c71), color-stop(100%,#2f223e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,   #4d2c71 0%,#2f223e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,   #4d2c71 0%,#2f223e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,   #4d2c71 0%,#2f223e 100%); /* IE10+ */
background: linear-gradient(to bottom,   #4d2c71 0%,#2f223e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #4d2c71', endColorstr='#2f223e',GradientType=0 ); /* IE6-8 */

padding:4px;
color:white;
border: 1px solid #eeeeee;
text-shadow: 2px 1px 1px rgba(29, 50, 57, 1);
font-size:110%;
 }
 
 ul.balmenu li a { text-decoration:none; }
 ul.balmenu li.aktivkategoria a { font-weight:bold; }
 ul.balmenu li a:hover { text-decoration:underline; }
 
 div.termekNagykepDiv { margin:2px; border: 1px solid #dddddd; min-height:220px; 
                        /*padding:3px;*/
background: #dfcfef;
border-radius: 5px;
 }
 div.termekNagykepDiv div.termekDivNagykepInner img {float:left; width:95%; }
  
 .nagykepGomb { float:left; border: 1px solid #cccccc; padding:2px; margin:3px; color:white; cursor:pointer; border-radius: 5px;
-webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 4px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 4px rgba(50, 50, 50, 0.75);
 }
 div.nagykepGomb a { text-decoration:none; }
 
 .zold { background-color: #392a49; }
 .zold:hover { background-color: #522483; }
 .zold a { color:white; }
 
 div.alkategoriak ul li { float:left; margin-right: 10px;  }
 div.alkategoriak { margin-bottom: 50px; }

 div.paginator { width:100%; min-height:35px; }
 div.paginbase { float:left; margin:2px; padding:3px; border: 1px solid #cccccc; }
 
 div.termekOldalKepek { float:left; width:260px; }
h1 { margin-top:20px; margin-bottom:10px; color: black; font-size:28px;    }
  
  div#termekOldal { padding-top: 20px; }
  
  
  
  #Tartalom { width:69%; float:left; }
  #balSav { width:31%; float: left; }
  
  div#footerbox {
    bottom: 0;
    position: fixed;
    width: 100%;
}
div#alsokosar {
    background: url("/images/alpha60.png") repeat scroll 0 0 transparent;
    border: 1px solid #125208;
    color: white;
    font-weight: bold;
    padding: 3px;
    text-shadow: 1px 1px black;
    
}
div#alsokosar a {
    color: white;
    font-weight: bold;
    text-shadow: 1px 1px black;
}


 
div#kosartop table { border-collapse:collapse; border: 1px dotted #cccccc;  }
div#kosartop table tr td { border-collapse:collapse; border: 1px dotted #cccccc; padding:5px; }
div#kosartop table tr td:first-child { width:60%; }
div#kosartop table tr td input { display:inline; margin:0px; }

div#alertlayer {    background: url("/images/alpha60.png") repeat scroll 0 0 transparent; border-radius: 10px; border: 1px solid white;
                    
                    -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);

}

div.alkategoriak ul li { border: 1px solid #dddddd; padding:2px; margin:2px; }
div.alkategoriak ul li a { text-decoration: none; }
div.alkategoriak ul li.flop { background-color:#eeeeee; }

table.rendelesleadas { width:100%; margin-top:10px; }
table.rendelesleadas thead th { font-weight: bold; }
table.rendelesleadas tr td { border-collapse: collapse; border-bottom: 1px dotted gray; padding:3px; }
table.rendelesleadas tr td input[type="text"] { font-size:15px; padding:2px; width:300px; }
table.rendelesleadas tr td.fejlec0 { font-style: italic; }

.masolasbutton { width:100%; font-size:12px; }
span.hibakeret { color:red; font-size:12px; }
div#footer { width:100%; height:100px; float:left; border:0px solid yellow; }

div.flekkbal a { color:white; text-decoration: none; }

div.panel1 { background-color: #f1f1f1; margin-top:20px; }

div.hibalista { border:1px solid red; padding:3px; color:red; margin:10px; width:400px; }

div.okelista {  border:1px solid green; padding:3px; color:green; margin:10px; width:400px;  }

ul#sliderJobb li { text-align: center; }
ul#sliderJobb li a { text-decoration: none; }

img.csatoltkep { border:2px solid #eee; margin:3px; }

div.TermekNagykepBelso a { text-decoration: none; }
 

 

div#baloldal { 
/*background: #e6daf2;*/
margin-left:0px;
height:100%;
padding:3x;
}

div#jobboldal { 
background: #e6daf2;
margin-right:0px;
}
 

div.paginbase, .simpleColorDiv { 


background:#4d2c71; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlZGNlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1OTZhNzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #4d2c71 0%, #2f223e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d2c71), color-stop(100%,#2f223e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,   #4d2c71 0%,#2f223e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,   #4d2c71 0%,#2f223e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,   #4d2c71 0%,#2f223e 100%); /* IE10+ */
background: linear-gradient(to bottom,   #4d2c71 0%,#2f223e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #4d2c71', endColorstr='#2f223e',GradientType=0 ); /* IE6-8 */


}
div.simpleColorDiv { color:white; padding:3px; }
div.simpleColorDiv a { color:white; text-decoration:none;  }

div.termekFejlec { text-align: center; margin-bottom: 3px; }



div.pagin-aktualis { background: #6120a1; }
div.paginbase a { color:white; text-decoration: none; }


ul#UMTtermekek li { text-align: center; padding-top:5px; padding-bottom: 5px; }
ul#UMTtermekek li a { text-decoration: none; }
ul#UMTtermekek li { border-bottom: 1px dotted #4D2C71 ; }


div#topmenu ul li img { width:80%; }
div#topmenu ul li a { border:0px; }

 
img.csatoltkep { border: 2px solid white; 
-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 1);
box-shadow:         0px 0px 5px rgba(50, 50, 50, 1);
margin:10px;
}

div#footerbox { display:none; }

div.footer { height:100px;  
background: url("/images/headerbg.jpg") repeat-x  top transparent; 
}


 div#header { height:auto; width:100%;
    background: url(/images/headerbg.jpg) repeat-x top center ;
    }
div.tartalom { background:  #f5f5f5; min-height:900px;

 -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9);
-moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.9);
box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.9);

}
 

div.flekk { background: #0eaaf6;   margin-top: 10px; padding:5px; color:white;  float:left;   font-size:1.3em; min-width: 80%;
box-shadow: 1px 1px 5px #444;
}

.kategoriaBal ul { margin:0px; margin-left:10px; margin-top:10px; }
.kategoriaBal ul li { margin:0px; padding:0px;  font-size: 1em; margin-top:2px; margin-bottom: 2px;  }
.kategoriaBal ul li a { text-decoration: none; font-size:1em; width:100%; dispaly:block; color:black; }
 
.kategoriaBal ul li a:hover { text-decoration: none;
                             color:#0eaaf6;
        transition: all 1s;
-webkit-transition: all 1s;
}

div#kategoriaOldal {
    padding-top:10px;
    
}

div.kisebbetus { font-size: 18px; }

div.termekDivKiskep { border-bottom: 1px solid #ccc; padding-top:4px; padding-bottom: 4px; }
div.termekDivKiskep:hover {
    background-color: rgba(246,63,11, 0.15 );
   transition: all 0.7s;
-webkit-transition: all 0.7s;  
}
div.termekDivNagykep div.szinek,div.termekDivKiskep div.szinek { width:100%;  text-align: center; margin-bottom: 5px; }
div.termekDivKiskep div.szinek { text-align: left; }
div.termekDivNagykep span.katkocka,div.termekDivKiskep span.katkocka {   height:20px; width:20px; border:1px solid #ddd; display:inline-block; }
div.termekDivNagykep span.reszletek,div.termekDivKiskep span.reszletek, #kosartop span.gomb, div.termekDivNagykep span.reszletek { display:inline-block; margin:auto; background: #83ba3c; border-radius: 3px; border:0px; box-shadow: 0px 0px 4px #444444; padding:5px; color:white;
  font-size: 13px;
}

/*
div#kategoriaOldal #rendezesSelect { float:right; border: 1px solid #ccc; background: transparent; margin-bottom: 10px;
display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
     border:none;
    outline:none;
}
*/
select#rendezesSelect {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
     -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #ccc;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #ccc ;
    box-shadow: 0 3px 0 #ccc, 0 -1px #ccc ; 
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select#rendezesSelect {padding-right:18px}
}

div#kategoriaOldal label {position:relative;
  /* -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #ccc;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #ccc ;
    box-shadow: 0 3px 0 #ccc, 0 -1px #ccc ;
    border: 1px solid #ccc;*/
  height:30px;
}
div#kategoriaOldal label:after {
   content:"\e114";
    font:18px "Glyphicons Halflings", monospace;
    color:#aaa;
    
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
div#kategoriaOldal label:before {
    content:'';
    right:5px; top:0px;
    width:24px; height:26px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}

div#kategoriaOldal h1 { display:inline-block; }
div#kategoriaOldal div#rendezes { display:inline-block; float:right;  color:#888888; }
div#kategoriaOldal div#listType { display:inline-block; float:right; margin-right: 20px; color:#888888; }
div#kategoriaOldal div#listType span { font-size: 30px; }
div#kategoriaOldal div#listType span.glyphicon { color:#ccc; cursor: pointer; }
div#kategoriaOldal div#listType span.glyphicon.selected { color:#3F3B4E; }
div#kategoriaOldal div#listType span.glyphicon:hover { color:#F63F6F; }



div.termekDivNagykep span.ar { display: block; margin-bottom: 5px; font-size:13px;  }

div.termekDivNagykep { float:left; width:155px; padding:5px; box-shadow: 0px 0px 2px #ccc; margin:3px; text-align:center;
  box-shadow: 0px 0px 2px #aaa;
}
div.termekDivNagykep:hover { background-color:white; 
                             box-shadow: 0px 0px 2px #676767;
                             transition: all 0.5s;
-webkit-transition: all 0.5s; }

div.termekDivNagykep a { text-decoration: none; }
div.termekDivNagykep img { margin-bottom: 5px; margin-top:5px; margin:auto; display: block; }

div#termekOldal h1 { font-size:14px; text-align: left; }
div#termekOldal div#nagykep { min-height: 200px; }
div#termekOldal div#nagykep img { max-width:100%; }
div#termekOldal div.szinKocka { width:20px; height:70px; margin-left:5px; float:left; }
div#termekOldal div.szinKocka.kiskocka { height:40px; }
div#termekOldal div.termekKiskep { float:left; height:70px; }
div#termekOldal div.termekKiskep img { height:70px; margin:1px; cursor: pointer; }
div#termekOldal div.variacio { margin-top:10px; background:#eee; box-shadow: 0px 0px 2px #aaa; line-height:35px; }

div#termekOldal div.variacio:hover { background-color:white; 
                             box-shadow: 0px 0px 2px #676767;
                             transition: all 0.5s;
-webkit-transition: all 0.5s; }

div#termekOldal>div.kepek.four.columns:first-child { margin-right: 10px; }
 

div.kosarbaDiv { float:left; width:auto; background: #83ba3c; border-radius: 5px; box-shadow:  0 0 5px #7d0142;   color:white;  display: inline-block;
padding:10px;
 
}
div.kosarbaDiv input { width:40px; }

div.kosarbaDiv a, div.kosarbaDiv a span {color:white; border-radius: 3px; display: inline-block; padding:3px; text-decoration: underline; font-size: 20px; }

div#termekOldal div.variacio input { width:40px; height:40px; float:left; background: white; margin:0px; padding:0px; border: 1px solid #aaa; margin-left:10px; color:black; text-align: center; margin-right: 5px; }
div#termekOldal span.megrendelesKiiras { font-size:18px; }
div.megjegyzes { font-style: italic; color:#bbb; font-size: 14px; margin-top: 10px; margin-bottom: 10px; display:block; }


div#termekOldal div.megjegyzes { font-size:12px; }

input.megrendeles-gomb, input.webshopgomb { box-shadow: 0px 0px 4px #444; background: #4AAF00; color:white; border:0px; 
                   margin:10px; padding:10px; font-size:20px;   text-shadow: 1px 1px 3px #444; cursor: pointer; border-radius: 5px; } 


div.userArea { border: 1px solid #ccc; font-size:13px; padding-left:5px; margin-top: 10px; }
div.userArea a { display:block; margin-top:10px; text-decoration: none; }

#kosartop { display:none; border: 1px dotted #0eaaf6; padding:5px; margin:5px;   width:95%; font-size:13px; line-height:18px; }
#kosartop span.kosarKiiras { font-weight: bold; }
#kosartop span.gomb { display:inline-block;  padding:3px;  }
#kosartop div { width:100%; text-align:center; margin-top:10px; }

#kosarbottom-container { position: fixed; bottom:0px; display: none; width:100%; }
#kosarbottom-container #kosarbottom { background: rgba( 131,186,60, 0.8 ); color:white; padding:3px;  box-shadow: 0px 0px 4px #444444;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
#kosarbottom-container #kosarbottom a { color:white; }

table.kosar-modositas { margin-right: 5px; }
table.kosar-modositas { width:95%; border-collapse: collspa; border: 1px dotted #ccc; }
table.kosar-modositas tr td { padding:3px; border-collapse: collspa; border: 1px dotted #ccc; }
table.kosar-modositas tr td input { width:40px; }
table.kosar-modositas tr td.osszes {border-top: 2px solid #bbb; font-weight: bold; }
table.kosar-modositas thead th { background: #2D6A00; color: white; padding:4px; border:1px solid white; }

span.deleteIcon { color:red; font-size:20px; }

div#postazasValasztas label { display:inline-block; margin-top:10px; font-weight: normal; padding:3px; }
div#postazasValasztas label:hover { color:white; background:#2D6A00;     transition: all 0.3s;
-webkit-transition: all 0.3s; }
div#postazasValasztas input:checked + label {
   color:white; background:#2D6A00;   
}

table.rendelesOsszesito tr td { padding:4px; border-collapse: collapse; border-bottom: 1px solid #ccc; }
table.rendelesOsszesito tr:last-child td { font-weight: bold; border-top: 1px solid #bbb; }

table.rendelesAdatok { width:100%; }
table.rendelesAdatok tr td:first-child { width: 30%; }
table.rendelesAdatok tr td:last-child { width:70%; }
table.rendelesAdatok tr td input { width:90%; }
table.rendelesAdatok tr td textarea { width:90%; }
table.rendelesAdatok tr td { padding:3px; border-bottom: 1px solid #ccc;border-collapse: collapse; }
table.rendelesAdatok tr td.minihead { font-weight: bold; max-width: 100%; }
table.rendelesAdatok tr:hover td { background: rgba(45, 106, 0, 0.1);
 transition: all 0.6s;
-webkit-transition: all 0.6s;
}

div.balSliderContainer { float:left; width:100%; margin-top: 10px; }

.bx-wrapper .bx-viewport { box-shadow: none; background: none transparent; }

div#keresesDiv span { display:inline-block; color:#676767;
border:1px solid #777; color:#777; background: transparent; cursor: pointer; padding:3px;
 padding-top:5px;
 padding-bottom:5px;
}
div#keresesDiv input#keresesInput { display:inline-block; width:150px; }
div#keresesDiv input#keresesGomb { margin:0px; padding:2px; border:1px solid #777; color:#777; background: transparent;  margin-left: auto ;
  margin-right: auto ; display:block; 
 
}
div#keresesDiv form { margin-bottom: 2px; }

img#fejleckep { max-width: 100%; }

select#oldalSzam { width:70px; }

div.paginator { text-align: center; }
div.paginator .paginInner {  margin-right: 10px; margin-left: 10px; display: inline-block; }
div.paginator a { text-decoration: none; }

.tovabbgomb { display:inline-block; margin:auto; background: #83ba3c; border-radius: 3px; border:0px; box-shadow: 0px 0px 4px #444444; padding:3px; color:white;
  font-size: 13px; text-decoration: none;  margin-top: 3px; }
.tovabbgomb span { color:white; }
a.tovabbgomb:active, a.tovabbgomb:hover, a.tovabbgomb:visited { color:white; } 

ul.bxFooldal>li>div { width:100%; height:300px; position:relative; cursor: pointer;  }
ul.bxFooldal>li>div>div { position:absolute; bottom:10px; color:white; font-size:20px;  background: url(/images/kek75.png); width:100%; border-top:1px solid white; }
ul.bxFooldal>li>div>div>div { color:white; font-size:20px; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom: 10px; }

div#keresoDiv {  background: #83BA3C ;   border: 0px; height:35px; color:white;  border-radius: 5px;   }
div#keresoDiv span { float: right;  margin-right: 2px; margin-top: 2px; font-size:20px; cursor: pointer; color:rgba(255,255,255,0.6); line-height: 30px; }

 

div.idezet { background: #eee; margin-bottom:15px; padding:15px; width:100%; float:left; font-style: italic; }
div.idezet span { font-weight: bold; display: block; text-align: right; font-style: normal; }

span.ajlTermekek { display: block; font-weight: bold; }


div.author-time span.author { display: inline-block; float:left; font-weight: bold; }
div.author-time span.authorString { font-weight: normal; }
div.author-time span.time { display: inline-block; float:right; font-style: italic; color:#aaa;
}
ul.bxFooldal { margin-top:0px; }

hr.vonal { height: 1px; background: #787878; border: 0px solid #787878; width:100%; float:left; }


.ajanloFejlec { font-size:18px; font-weight:bold; }
.JobbHirdetesContainer {     padding:0px;  width: 100%;  margin-top: 5px; margin-bottom: 5px; padding-bottom: 3px;  }
.JobbHirdetesContainer span { text-align: center; display: block; font-weight: bold; color:white; }

div#cikkAjanlo,div#cikkAjanlo10 {   height: 240px;     left:0px; padding:0px; width: 100%; max-width: 336px;  margin-top: 5px; overflow:hidden; margin: auto; display: block; }
div#cikkAjanlo>div { margin: auto; display: block; }
div#cikkAjanlo span,div#cikkAjanlo10 span { text-align: center; display: block; font-weight: bold; color:white; }
div#cikkAjanlo>div>div>ul, div#cikkAjanlo10>div>div>ul { margin-left:0px; }
div#cikkAjanlo>div>div>ul>li a img, div#cikkAjanlo10>div>div>ul>li a img { border:0px; }

div#cikkAjanlo .bx-wrapper .bx-viewport, div#cikkAjanlo10 .bx-wrapper .bx-viewport { left:0px;   }
div#cikkAjanlo .bx-wrapper .bx-viewport ul li, div#cikkAjanlo10 .bx-wrapper .bx-viewport ul li { padding-bottom: 10px; }
div#cikkAjanlo .bx-wrapper .bx-viewport ul li a { text-decoration: none; }

 div#bannerKis img, div#bannerKozepso img, div#bannerNagy img { max-width: 100%; }
 
 div#homepage .bx-wrapper .bx-viewport { left:0px; }
  div#homepage { padding-right:5px; }
 
 .copybtn { background: #83ba3c; color:white; }
 
 div.stDiv  { display:block; margin: auto; text-align: center;  }
 
 div.FCikkDiv { width: 100%; }
 
 div.FCikkDivSmall  { width: calc( 33% - 16px ); }
 div.FCikkDivSmall a { text-decoration: none; color:black; font-size: 0.9em; }
 div.FCikkDivSmall p { margin:0px; font-size: 12px; }
 
 
 
 .HomeFirstArticles a { text-decoration:none; }
 
  .HomeFirstArticles .smallArticle { width: calc(50% - 10px); padding:5px; }
 .HomeFirstArticles .bigArticle { width: calc(50% - 10px); padding:5px; }
 
 div.katInforHead {  font-size: 18px; text-transform: uppercase; color:#2faa4f; font-weight: bold; margin-top: 10px; margin-bottom: 10px; }
 
 .container .columns.FCikkDiv,  .container .columns.FCikkDivSmall {
     margin:5px;
     margin-top: 0px; 
     margin-bottom: 0px;
     margin-left:6px;
 }
 
 div.cikkAuthor { float:left; color:#777;   }
 div.cikkDate { float:left; color:#777;   }
 
 div.cikkAjanloCikkOldal { float: left; width:calc(33% - 10px);  margin:5px; }
 div.cikkAjanloCikkOldal a { text-decoration: none; color: black; font-size:18px;; }
 div.cikkAjanloCikkOldal img { width:100%; }
 
 #ujcikkertesitoContainer {  }
 #ujcikkertesito { background: #ddd;   border-radius: 5px; }
 #ujcikkertesito a { display:inline-block; background: #83ba3c; border:0px; color:white; border-radius: 5px; padding:2px; margin-top: 3px; text-decoration: none; }
 #ujcikkertesito a i { color:white; }
 
 .lablecA { text-align: left; }
 .lablecA a { color: white; text-decoration: none;  }
 
 #GplusDiv { 
display:block; margin:auto; width:300px;
 }
 
 
 div.korabbiCikkekDiv
 {
 background:#f4f4f4;
 }
 ul.korabbiCikkek {
 padding:0px; margin:0px;
 padding-left:5px;
 margin-left:10px;
 padding:4px;
 
 }
 ul.korabbiCikkek li { margin-top:4px; }
 ul.korabbiCikkek li a { text-decoration:none; color:black;  }
 
 ul.JobbCikkekLegutolsok { background:white; margin:5px; list-style-type:none; padding:0px; padding-left:5px;  }
 ul.JobbCikkekLegutolsok  li { margin-top:2px; margin-bottom:2px; border-bottom: 1px dotted  #ccc; }
  ul.JobbCikkekLegutolsok  li a { text-decoration:none; color:black;  }
  
  .hirdetesContainer {
      text-align:center;
    margin-top:2px; margin-bottom: 2px; 
  }
  .hirdetesContainer span { text-align:center; color:white; }
  
  .bxslider { margin-top: 2px; }
  .bxslider li a  { color:black; text-decoration: none; }
  .bxslider li { margin-bottom: 10px; }
  
  #ajanloAlso { width: 220px;
  height: 230px;
  position: fixed;
  bottom: 0px;
  left: calc(100% - 220px);
  box-shadow: 2px -2px 2px #ccc;
  background: #eee;
  color: black;
  }
  
  #ajanloAlso #closeDiv { float:right; width:12px; height:16px; font: 14px bold; background: transparent; z-index: 999; padding: 0px; margin:0px; cursor: pointer; text-align: center; color:ccc; }
  #ajanloAlso #sliderBottomContainer { float: right; width:180px; }
  #ajanloAlso #sliderBottomContainer .bx-wrapper .bx-viewport { background: transparent; }
    #ajanloAlso #sliderBottomContainer a.bx-prev, #ajanloAlso #sliderBottomContainer a.bx-next { display: none; }
  
   ul#sliderAjanlo li { height:266px;  overflow:hidden; }
   ul#sliderAjanlo li img { width:100%; }
   ul#sliderAjanlo li span { background: rgba(47,170,79, 0.9); color: white; display: block; width:100%; height: 60px; position:relative; top:-60px; line-height:22px; }
  
  ul#sliderAjanloBottom { padding: 0px; }
  ul#sliderAjanloBottom li { background: transparent;  font-size:11px;  }
  ul#sliderAjanloBottom li a { color: #676767; font-size:11px;  }
  
  #herbaDiv { background: white none repeat scroll 0% 0%; width: 100%; float: left; border: 2px solid rgba(47, 170, 79, 1); border-top:0px; margin-bottom:10px; }
  #herbaDivheader {  background: white none repeat scroll 0% 0%; width: 100%; float: left;   text-align: center; font-size: 20px;
  border-top: 2px solid rgba(47, 170, 79, 1);
  border-left: 2px solid rgba(47, 170, 79, 1);
  border-right: 2px solid rgba(47, 170, 79, 1);
  color: black; text-transform:uppercase;
   }
   #herbaDivheader.herbamarket-head { border: 0px; }
   #herbaDivheader a { color: rgb(47, 170, 79); font-size:20px; text-decoration:none; }
  .herbaProduct { display: inline-block; width: calc(25% - 20px); 
                /*  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;  */
  border: 0px solid #83BA3C;
  background: white; padding: 10px; float: left; 
min-height: 260px;
  }
  
  #herba-termekek-ul li { width: 150px; padding: 5px; min-height: 250px;  margin: 0px; }
  #herba-termekek-ul li a { text-decoration: none; text-align: center; display: block; }
  #herba-termekek-ul li a img { max-width: 100%; display: block; margin:auto; }
  #herba-termekek-ul li a .name { height: 60px; width: 100%; overflow: hidden; display: block; color: rgb(47, 170, 79); }
  #herba-termekek-ul li .image-container { width: 100%; height: 150px; }
  #herba-termekek-ul li .image-container img { max-height: 150px; max-width: 100%; }
  .herbamarket-termekek .bx-wrapper { width:100%; }

  h1.egm {
      display: inline-block;
      font-weight: normal;
      font-family: 'Open Sans', sans-serif;
      font-size: 15px;
      color: #444444;
      padding: 0px;
      margin: 0px;
  }

   @media only screen and (max-width: 750px)  {
       .herbaProduct{  width: 50%; }
         .HomeFirstArticles .bigArticle { width: calc(100% - 10px); padding:5px; }
         .HomeFirstArticles>div>.half { width: 100%; }
         
    }
     @media only screen and (max-width: 600px)  {
          #Tartalom { width:100%; float:left; }
  #balSav { width:100%; float: left; }
  #headsearch { width: 100%; margin-bottom: 10px; }
     }
  
    .herbaProduct a img { max-width: 100%;  }
    .herbaProduct a { font-size: 14px; color:black; text-decoration: none; }
  
  
   .ujCikkAlso > div { color:white; font-weight: bold; }
   .ujCikkAlso input { width: 90%; background: #eeeeee; border:0px; margin-bottom: 5px; margin-top: 5px; padding-bottom: 3px; padding-top: 3px; padding: 5px; }
   .ujCikkAlso button { width: 40%; background: #2faa4f; color:white; padding:4px; border:0px; float:left margin-right: calc(10% - 2px); margin-top: 5px; }
   
   
   .cikkKat>div:first-child { width: 40%; float:left; }
    .cikkKat>div:last-child { width: 60%; float:left; }
    .cikkKat>div a { text-decoration:none;   }
    
    .cikkOldalAjanlo { font-size:20px; font-weight:bold;  color: rgb(47, 170, 79); text-transform: uppercase; }
    
    #JobbHirlevelFeliratkozas { padding-left: 5px; }
    #JobbHirlevelFeliratkozas span { display: block; color:black; margin-bottom: 10px; font-weight: bold; }
    #JobbHirlevelFeliratkozas input { background: #eeeeee; padding: 3px; border: 1px solid #d7d7d7; margin-bottom: 10px; width:90%; }
    #JobbHirlevelFeliratkozas input[type="checkbox"] {
        width: auto;
    }
    #JobbHirlevelFeliratkozas .wdiv, #JobbHirlevelFeliratkozas .wdiv a {
        font-size: 13px;
    }
    #JobbHirlevelFeliratkozas button { background: #2faa4f; padding: 5px; text-transform: uppercase; color:white; border:0px; box-shadow: 0px; }

.hirlevelFeliratkozasAlso .wdiv, .hirlevelFeliratkozasAlso .wdiv a {
    font-weight: normal;
    font-size: 13px; color: white;
}
    .hirlevelFeliratkozasAlso .wdiv input {
        width: auto;
    }
    
    #nevCikkertesito, #emailCikkertesito { max-width: 250px; display: block; }
    
    .icons img { float: right; margin:3px; }
    .article-icon { margin-right: 10px; }
    .article-icon img { width: 20px; }
    
    a.at-svc-facebook.readd { background: #2FAA4F ; }
    a.at-svc-google_plusone_share.readd { background: #2FAA4F ; }
    a.at-svc-twitter.readd { background: #2FAA4F ; }
    a.at-svc-facebook.readd { background: #2FAA4F ; }
    a.at-svc-facebook.readd { background: #2FAA4F ; }
    a.at-svc-facebook.readd { background: #2FAA4F ; }
    a.at-svc-facebook.readd { background: #2FAA4F ; }
    
    span.ckname { position: relative; top:28px; display: inline-block; background: rgba(47,170,79,0.7); padding: 3px; color:white; text-transform: uppercase; font-weight: bold; }
    .bigArticle span.ckname { left:3px; }
    .smallArticle strong { float:left; }
    
    .modal-body .firststep { font-size: 45px; text-align: center; text-transform: uppercase; padding: 20px; }
    .modal-body .firststep button {  display: inline-block; width: auto; padding:20px; font-size: 20px; color:white; text-transform: uppercase; border:0px; cursor: pointer; }
    .modal-body .firststep button.oui-cancel { background: gray; }
    .modal-body .firststep button.oui-ok { background: rgba(47, 170, 79, 1); }
    
    .modal-body * {  box-sizing: border-box; }
    .modal-body button[type="submit"] {  width: auto; padding:10px; font-size: 20px; color:white; background: rgba(47, 170, 79, 1); margin:15px;  text-transform: uppercase; }

    .e-number-cat {
        padding:5px;
    box-sizing: border-box;
    }
    .enumber {
        padding:5px;
        box-sizing: border-box;
    }
    .enumerlist.even {
        background:  rgba(47,170,79, 0.6);
    }
.enumerlist.even a { color: #444; }
    .enumber-cat.even {
        background:  rgba(47,170,79, 0.8);
    }
    .enumber-cat.even a { color: white }


    .kereso-top button {
        background: rgba(47, 170, 79, 1);
        color: white;
        border:0px;
        padding: 3px;
    }
.kereso-top input {
    border: 1px solid #666;
    width: 100px;
}
.kereso-top .kereso-top-1-result {
    padding: 10px 0px;
}
.kereso-top .kereso-top-1-result span { font-weight: bold; }



div.cookieLayer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255,255,255,0.8);
    z-index: 99999;
}
div.cookieLayer>div {
    padding: 10px;
    width: 100%;
    max-width: 300px;
    height: 360px;
    background: white;
    border-radius: 5px;
    color: black;
    left: calc(50% - 150px);
    top:  calc(50% - 170px);
    position: absolute;
    border: 1px solid #444;
}
div.cookieLayer>div span {
    display: block;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
}
div.cookieLayer>div button {
    background: #85ca18;
    display: block;
    margin: auto;
    color: white;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
}
div.cookieLayer label { font-size: 13px; }