@font-face {
    font-family: 'dejavu_sansbook';
    src: url('/_css/DejaVuSans-webfont.eot');
    src: url('/_css/DejaVuSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_css/DejaVuSans-webfont.woff') format('woff'),
         url('/_css/DejaVuSans-webfont.ttf') format('truetype'),
         url('/_css/DejaVuSans-webfont.svg#dejavu_sansbook') format('svg');
    font-weight: normal;
    font-style: normal;
 }
 
  h1 {
    display: inline;
    font-weight: normal;    
    font-style: normal;

  }
  
  h2, h3 {
    font-weight: normal;
  }
  a {
   text-decoration:none;
   color:#fff; 
  }
 
 * {
   padding:0px;
   margin:0px; 

 }
  .hcenter {
    margin: 0 auto 0 auto;
    max-width:1220px; 
  }
  .center {
    margin: 0 auto 0 auto;

  }
  .egyedioldal {
    padding: 40px;
    font-size:12px;
 }
 .egyedioldal a{
    color:#000;
  }
  .rejtes {
    display:none;
  }
  .halvany {
    border-color:#777 !important;
    color:#777;
  }
  .link {
    cursor:pointer;
  }
  .hibas {
    color:red;
  }
  hr {
    color:#fff;
    opacity:0.3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; // IE8
    filter: alpha(opacity=30); // IE 5-7
  }



  body {
    background-color:#444;
    font-family: "dejavu_sansbook";
     overflow-y: scroll;
  }
  
  #kiskosar {
    position:fixed; 
    z-index:2000; 
    top:0px;
    right:80px;
    height:30px;
    background:#fa5400;
    padding:0px 40px 0px 0px; ;
  }
  #kosarlogo {
    position:relative; 
    top:0px;
    left:-15px;
    background:url('/_images_page/kosar.png');
    width:30px;
    height:30px;
    float:left;
  }
  #kosartartalom{
    
  }
  
  
  

  #bodydiv {
    mmin-width: 404px;
    wwidth:expression(document.body.clientWidth < 404? "404px": "auto" );
  }
  #header {
   hheight: 200px;
    background: #222222;  
  }
  #header #headerimage {
    hheight: 200px;
    
  }
  .headerimg {
    width:100%;
  }
  #hheader div {
    height: 200px;
    background: #222222 url('/_images_page/fejlec1.png') no-repeat scroll center;  
    background-position: -300px 0px; 
    background-size: 1550px 200px;
 
  }
  #header #brandlogo {
    background: url('/_images_page/brand.png') no-repeat scroll center;  
  }
  
  
 
  #menu {
    
    text-transform:uppercase;
    background:#444;
    color:#fff;
                /* fallback */ 
                background-color: #2b2b2b;
                background: url(images/linear_bg_2.png); 
                background-repeat: repeat-x; 
            /* Safari 4-5, Chrome 1-9 */ 
                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#191919), to(#3e3e3e)); 
            /* Safari 5.1, Chrome 10+ */ 
                background: -webkit-linear-gradient(top, #3e3e3e, #191919); 
            /* Firefox 3.6+ */ 
                background: -moz-linear-gradient(top, #3e3e3e, #191919); 
            /* IE 10 */   
                background: -ms-linear-gradient(top, #3e3e3e, #191919); 
            /* Opera 11.10+ */
                background: -o-linear-gradient(top, #3e3e3e, #191919);           

  }
 
  #menu a {
    color:#fff;
  }
  
  #mobil_menu_button span:nth-child(1) {
    text-align:right;
    font-size: 2.0em;
  }
  #mobil_menu_button span:nth-child(2) {
    text-align:left;
    font-size: 1.8em;
  }


  #h2menu {
    font-size: 8px;
  }
  #h2menu ul {
    float:none;
    list-style-type: none;
  }
  #h2menu ul li {
     display: inline;
    color:#fff;
    cursor:pointer;

  }
  #h2menu ul li.menublokk:hover {
    color:#ff4444;
    background-color:#222;
  }  
  .menublokk {
     border-right: 1px solid #ccc;
     color:#fff;
     border-top-right-radius: 5px ;
     border-bottom-right-radius: 5px ;
     -moz-border-radius-topright: 5px ;	
     -moz-border-radius-bottomright: 5px ;	
     -webkit-border-top-right-radius: 5px ; 
     -webkit-border-bottom-right-radius: 5px ; 
     float:left;
     padding: 3px 10px;
     text-align:center;
  }
  #markak .menublokk {
     font-size:12px;
     height:35px;
  }
  #markak .menublokk span {
     padding:10px 0px;
  
  }


  #h2menu ul li h2 {
    width:100%;
    ffont-size: 0.8em;
  }
  #h2menu ul li div {       
    height:0px;
    overflow:hidden;
    position:absolute;
    cursor:auto;
    background-color:#eee;
    color:#000;
    border-left: 1px solid #ccc;
    border-bottom: 0px solid #ccc;
    border-right: 1px solid #ccc;
    z-index:10;
    -moz-box-shadow: 3px 3px 4px #333;
    -webkit-box-shadow: 3px 3px 4px #333;
    box-shadow: 3px 3px 4px #333;
    /* For IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	  /* For IE 5.5 - 7 */
	  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
  }
  #h2menu  ul li div a {
    color: #000;
  }
  #h2menu ul li div ul {       
    padding:5px;
  }
  #h2menu ul li div ul li {       
    padding:0px;
  }

  #h2menu ul li div ul li {
    background-color:#eee;
  
  }
  
  #h2menu ul li div ul li ul li {
    float:none;
    padding: 0px;  
    color:#000;
    width:100%;
  }
   .horizont {
    display: inline;
    float: left;
  }
 
  #h2menu ul li div ul li ul li h3 , 
  #h2menu ul li div ul li ul li h3 a {
    width:100%;
  }
  #h2menu ul li div ul li ul li h3 a:hover {
    bbackground-color:#222;
    color:#f44;
  }
  #h2menu ul li div ul li h3 {
    padding:0px 5px 2px 5px;
    text-transform:none;
    ffont-size: 0.7em;
  }
  h3 {
    font-size: 12px;
  }
  #navicsik {
    background-color:#bbb;
    background-image:url('/_images_page/2010_04_karbon_minta_09.png');
    font-size: 14px;
  }
  #navicsik h1 {
    font-size: 14px;
  }
  #navicsik,
  .navicsik {
     color:#fff;
     border: solid 0px #ccc;
    margin: 0 auto 0 auto;
    max-width:1220px; 
    display:block;
   
    padding:2px 2px 4px 2px;
  }
  .navicsik {
    font-size: 18px;
  }
  .navicsik a {
    padding-right:5px;
  }
  
  
  #navikereso {
    float:right;
    padding:2px;
  }

  #navikereso input {
    background:#777;
    color:#fff;
    width:240px;
    height:23px;
    border:0px;
    padding: 0px 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    
  }
  .navikeresohasznal {
    background:#f00 !important;

  }
  
  
  #navikereso #seekbtn {
    width:25px;
    height:23px;
    background:#444;
    background-image:url('/_images_page/nagyito.png');
    background-repeat: no-repeat;
    background-position: center;
    border-left:solid #000 0px ;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor:pointer;

  }
  #navikereso #seekclearbtn {
    width:10px;
    height:23px;
    background:#444;
    color:#fa5400;
    font-weight: bold;
    font-size:13px;
    cursor:pointer;
    padding: 0px 8px 0px 10px;
    border-left:solid #000 0px ;
    border-right:solid #000 1px ;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  #navigacio {
    display:block;
    padding : 5px;

    
  }
  
  
  #rendezirany {
    padding: 2px;
    float:right;
    display: inline;
  }
  #rendeztext {
    background:#777;
    color:#000;
    width:150px;
    border:0px;
    padding: 0px 10px;
    display: inline;
    float:right;
   
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  #rendezselect {
    position:absolute;
    background:#777;
    padding:0px 0px 5px 0px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    z-index:10;
  }
  #rendezselect div {
    padding:0px 5px 0px 5px;
  }
  #rendezselect div:hover {
    background:#333;
    color:#fff;
    cursor:pointer;
  }
  
  
  #rendezirany #rendezopenbtn {
    height: 23px;
    cursor:pointer;
    display: inline;
    width:25px;
     
    border:0px;
    float:right;
    
 
    background:#444;
    background-image:url('/_images_page/nyil-le.png');
    background-repeat: no-repeat;
    background-position: center;
    border-left:solid #000 0px ;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  #rendezirany #rendezclosebtn {
    height:23px;
    cursor:pointer;
    display: inline;
    width:25px;
    border:0px;
    float:right;
    display:none;
 
    background:#444;
    background-image:url('/_images_page/nyil-fel.png');
    background-repeat: no-repeat;
    background-position: center;
    border-left:solid #000 0px ;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }





  #navicsikmeretek {
    padding : 5px;
  }
  #navicsikmeretek #elerhetomeretek {
    display:inline;
  } 
  #navicsikmeretek .link {
    border: solid 1px #eee;  
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0px 2px;
  }
   
  #content {
    padding-top:10px;

  }
  #contentcenter {

/*     width:1220px; */
  }





  #footer {
    background-color:#222;
    background-image:url('/_images_page/2010_04_karbon_minta_09.png');
    text-align:center;
    color:#fff;
    font-size: 16px;     
    margin-top:10px;
  }
  #footer a {
    color:#fff;
  } 



  /* 
     termék ajánéókártya
  */
 
         .tkartya {
           font-size: 0.75em; 
           width:240px;
           height:379px;           
           border-right: solid 1px #ddd;           
           border-bottom: solid 1px #ddd;
           border-left: solid 1px #ddd;           
           border-top: solid 1px #ddd;
           float:left;
           background-color:#fff;
           color:#666;
           cursor:pointer;
         }
         .tkartya:hover {
           border-top:solid 1px #f44;
           border-right:solid 1px #900;
           border-bottom:solid 1px #900;
           border-left:solid 1px #f44;
         }
         
         .tkcontainer {
           padding:5px;
           margin:0px 20px;
         }
         .tkartyaheader {
           height:20px;
           padding-top:1px;
           
         }
         
         .tkartya a {
            color: #666; 
         }
        
        
         .brand {
           width:100%;
           height:20px;
           padding-top:1px;          
         }
          .tkartya h3 {
           padding:0px;
           margin-top:-8px;
         }
          .tkartya h3 a {
            text-transform:uppercase;
            line-height: 80%;
            padding-top:0px;
            padding-bottom:0px;
            color:#666;
            font-size:0.8em;
          }
         .product_photo{
           width:198px;
           height:198px;
         }
         .img_cont {
           max-width:198px;
           max-height:198px;
  
         }
         .img_cont img {
           max-width:178px;
           max-height:178px;
         } 
         .icons {
           text-align:right;           
            
          }
          .icons span {
           height:30px;
           width:80px;
          } 
      
          .icons .ingyen_szallitas {
           background: url('/_images_page/szallitas.png');
 	         background-size: 30px 30px;           
           background-repeat: no-repeat;         
           float:right; 
           display:inline;        
           width:30px;
           }
          .icons .akcio {
           background: url('/_images_page/akcio.png');
 	         background-size: 30px 30px;           
           background-repeat: no-repeat;         
            float:right;         
           display:inline;        
           width:30px;
           }
          .icons .ujtermek {
           background: url('/_images_page/ujtermek.png');
 	         background-size: 30px 30px;           
           background-repeat: no-repeat;         
            float:right;
           display:inline;        
           width:30px;
           }
          
          .tkartya .product_name {
            height:35px;
            text-align: left;
          }

          .tkartya h2 {
            line-height: 80%;
            padding-top:0px;
          }
          
          
          .tkartya h2 a {
            font-size: 0.65em;
          }
          .product_price {
            width:100%;
          }
          .ajanlottar {
            color:#888;
            float:left;
            text-decoration:line-through;
            font-size: 1.0em;
            font-weight: bold; 
            
          }
          .akciosar {
            color:#922;
            float:right;
            font-weight: bold; 
          ddisplay: run-in;
          }
          .akciosar {
            font-size: 1.0em;
            font-weight: bold; 
          }
          .pproduct_sizes a {
            font-size: 1.1em;
            line-height: 80%;
          }
          
          .elerheto {
          }
          .product_sizes {
            
            padding:5px 20px;
            background:#eee;
            color:#000;
            height:55px;
          }
          .megtekint {
            padding: 5px 20px;
            background-color:#bbb;
            background-image:url('/_images_page/2010_04_karbon_minta_09.png');

           }
          .megtekintbtn {
            margin-left:35px;
           
            padding: 3px 20px;
            border:0px;
            color:#fff;
            background-image:url('/_images_page/2010_04_karbon_minta_09.png');
       }
          .megtekintbtnn {
            /* fallback */ 
                background-color: #2b2b2b;
                background: url(images/linear_bg_2.png); 
                background-repeat: repeat-x; 
            /* Safari 4-5, Chrome 1-9 */ 
                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#191919), to(#3e3e3e)); 
            /* Safari 5.1, Chrome 10+ */ 
                background: -webkit-linear-gradient(top, #3e3e3e, #191919); 
            /* Firefox 3.6+ */ 
                background: -moz-linear-gradient(top, #3e3e3e, #191919); 
            /* IE 10 */   
                background: -ms-linear-gradient(top, #3e3e3e, #191919); 
            /* Opera 11.10+ */
                background: -o-linear-gradient(top, #3e3e3e, #191919);           
         
          }
          .megtekint:hover .megtekintbtn {
            background:#fa5400;
            color:#000;
          }
          
           
          
  /*
          @media screen and (min-width: 222px) {
            #content div {
              max-width:202px;
            }
          }
  */
          .tkartya .elerhetomeretsor {
            font-size: 0.9em;
          }
        
            .fomenuhide { 
              display:block;
            }
            #mobil_menu_button {
              display:none;
              cursor:pointer ;
            }
          .egyedioldal .next ,
          #kosarform .next {
            background :rgb(30, 111, 180) ;
            padding:5px 20px;
            border-bottom:solid 1px rgb(46, 46, 50)  ;
            border-right: solid 1px rgb(46, 46, 50) ;
            border-top: solid 1px rgb(102, 103, 106) ;
            border-left: solid 1px rgb(102, 103, 106) ;
            color:#fff;
            text-transform:uppercase;
        
          }
          #kosarform .fw {
            background :#ffcccc ;
          }

         #kosarform .back {
            padding:5px 20px;
            border-bottom:solid 1px rgb(46, 46, 50)  ;
            border-right: solid 1px rgb(46, 46, 50) ;
            border-top: solid 1px rgb(102, 103, 106) ;
            border-left: solid 1px rgb(102, 103, 106) ;
            color:#000;
            text-transform:uppercase;
        
          }





            #fejleckep{
              width:1220px;
            }




  .nb25 {
       float:left;
       width: 100%; 
     
  }
  .nb50 {
       width: 100%;
       float:left;
     
  }

  .nbk {
       cursor:pointer;
       margin: 5px;
       padding:5px 5px 0px 5px ;
       border:solid 3px #fa5400;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px;

  }


          
/* itt vált át mobiltelefon nézetre */  
          @media screen and (max-width: 520px) {
            h3 {
              font-size: 30px;
            }
            #mobil_menu_button {
              display:block;
            }
            #fejleckep{
              width:520px;
            }

            .fomenuhide {
              display:none;
            }
            #h2menu table {
              width:100%;
            }
            #h2menu ul li {
              float:none;
              
              font-size: 15px;
              display:block;
              padding: 0px;
              padding-bottom:10px;
            }
            .menublokk {
            //  border : none;
            }
            #h2menu ul li div {
              position:relative;
              padding-left: 30px;
            }         
            #h2menu ul li div ul li {
              font-size: 30px;
            }
            
            .tkartya {
              width:100%;
            } 
            
            
          }
          
          
          
          
/* ez pocicionálja középre a termekajánlókat*/
          @media screen and (min-width: 270px) { .contentclass div.center, #content div.center { width:100%; } }
          @media screen and (min-width: 510px) { .contentclass div.center, #content div.center {  width:100%; } 
            .nb25 { width: 50%; }
            .nb50 { width: 100%; }
            .nb100 { width: 100%; }
            .nbk { margin: 5px; padding:5px 5px 0px 5px; border:solid 3px #fa5400; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
            .nbi { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
    
          }
          @media screen and (min-width: 750px) { .contentclass div.center, #content div.center { max-width:730px; } 
            .nb25 { width: 25%;}
            .nb50 { width: 50%;}
            .nb100 { width: 100%; }
            .nbk { margin: 5px; padding:5px 5px 0px 5px; border:solid 3px #fa5400; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
            .nbi { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
          }  
          @media screen and (min-width: 990px) { .contentclass div.center, #content div.center { max-width:970px; } 
            .nbk { margin: 10px; padding:7px 7px 2px 7px; border:solid 3px #fa5400; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
            .nbi { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
          }  
          @media screen and (min-width: 1230px) { .contentclass div.center, #content div.center { max-width:1210px; } 
            .nbk { margin: 15px; padding:10px 10px 5px 10px; border:solid 3px #fa5400; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
            .nbi { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
          
          }
/*  termék ajánéókártya vége  */
  
      
  
/* kosár */
  #folyamatvonal .hcenter .lepesek {
     width:25%;
     display:block;
     float:left;
     text-align:center;
     background:#fff;
  }
  #folyamatvonal .hcenter .aktiv {
    background:#f44;
  }
  #folyamatvonal .aktiv {
    background:#f44;
    text-align:center;
  }
  .mobileshow {
    display:none;
  }
  
  .tartalomnagykeret {
    padding:5px;
    border: solid 1px #ddd;
    background:#fff;
    margin-top:10px;
  }
 .tartalomnagykeret a {
    color:#000;
 }
 
  .jobbra {
    float:right;
  }
  
  #kosarform {
    font-size:14px;
  }
  
  
  @media screen and (max-width: 520px) {
      .mobilhide {
        display:none;
      }
      .mobileshow {
        display:block;
      }
  }
/* kosár vége */    
  
 #alertcookie {
  position:fixed; 
  text-align:center; 
  background-color:#000000; 
  bottom:0px; 
  color:#fff; 
  width:100%; 
  opacity:0.8; 
  padding:10px 0px; 
  z-index:10; 
 
 } 
  
 .infotext {
   background:#fff; 
  }
  .infotex img
  {
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
   filter: alpha(opacity=70); /* IE 5-7          */
   opacity:0.7;
  }

  
  
/* 
  @media screen and (min-width: 424px) {
    #mobil_menu_button {
      display:none;
    }
    ul li ul li {
      float:none;
    }
    .fomenuhide {
      display:block;
    }
    .menublokk div {
      margin-left: -21px;
    }


  }
  @media screen and (max-width: 424px) {
    #mobil_menu_button {
      display:block;
      cursor:pointer ;
    }
    #h2menu li {
      display:block;
      float:none;
      padding: 0px;
      
    }
    ul li div {
      position:relative;
    }
 /*   .menublokk {
      border : none;
    }
   * /
  }
  */