body
{
    background-color:#fff;
    font-family: 'Hind', sans-serif;
    font-weight: 300;
    margin:0;
    padding:0;
}
strong
{
    font-weight:bold;
}
#kamuhatter
{
    width:100%;
    position:absolute;
    margin-top:130px;
    
}
#kamuhatter #szurkecsik
{
    width:100%;
    background-color: gray;
    border-top: 5px solid red;
    height: 40px;
}
#container
{  
    margin: 0 auto;
    width: 1000px;
    border: none;
    min-height: 500px;
    overflow: hidden;
    background-color: white;
    
}
#header
{
    margin-bottom: 45px;
}
#header-content
{
    width:980px;
    padding:10px;
    height:110px;
    
}
#header-content #logo
{
    float:left;
    width:300px;
    margin-top:30px;
}
#header-content #logo img
{
    width:100%;
}
#header-content #info
{
    float:right;
    text-align:right;
}
#header-content #info #tel
{
    font-size: 20px;
    margin-top: 0px;
    margin-bottom:0px;
}
#header-content #info #tel span
{
    font-size: 16px;
    color:black;
    text-decoration:none;
}
#header-content #info #tel a
{
    font-size: 16px;
    color:black;
    text-decoration:none;
}
#header-content #info #tel a:hover
{
    color: rgb(255, 94, 94);
}

#header-content #info #social a
{
    color:black;
    text-decoration:none;
    font-size:12px;
}
#header-content #info #social a:hover
{
    color: rgb(255, 94, 94);
}
#top-menu
{
    height:40px;
    width:100%;
    background-color: gray;
    text-align:center;
     border-top:solid red 5px;
     color: white;
}
#menu
{
    padding-top:10px;
    padding-bottom:10px;
   
}
#menu #menusor
{
    list-style-type: none;
    position: relative;
    padding:0;
    margin:0;
    display: inline-block;
}
#menu #menusor li
{
    display: inline;
    position: relative;
}
#menu #menusor li:hover > ul
{
	display: block;
}
#menu #menusor ul
{
    list-style: none;
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    z-index: 1000;
    background-color: rgba(255,255,255,0.9);
    margin:0;
    padding:0;
    padding-top:10px;
    padding-bottom:10px;
}
#menu #menusor ul li
{
    display:block;
    text-align:left;
    padding-left:5px;
    padding-right:5px;
    white-space: nowrap;
}
#menu #menusor ul li:hover
{
    background-color: rgba(255,94,94,0.7);
}
#menu #menusor ul li .main_normal
{
    color:#777;
}
.balalso{
position: fixed;
 left:  22px;
	bottom: 10px;
}
.balfelso{
position: fixed;
 left: 15px;
	bottom: 80px;
}
.jobbalso{
position: fixed;
 right: 25px;
	bottom: 20px;
}
.balalso a{
    text-decoration: none;
}
.balfelso a{
    text-decoration: none;
}
.jobbalso a{
    text-decoration: none;
}
.gobmf{
padding:10px;
    color: white;
    background-image: linear-gradient(rgb(255,94,94), red);
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
}
#menu a
{
    font-weight:normal;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
    text-transform:uppercase;
}
#menu a:hover
{
    color:#ED4343;
}

#main_active
{
    color:#ED4343;
}
.main_normal
{
    color: white;
}
#header #menu_kep
{
    width:100%;
}
#header #menu_kep img
{
    width:100%;
}
#content
{
    width:100%;
}

#bottom-things
{
    width:100%;
    height:250px;
    margin-top:40px;
    float:left;
}
#bottom-things #leftthing
{
    float:left;
    width:700px;
    background-color:rgb(102,102,102);
    height:250px;
}
#bottom-things #rightface
{
    width:298px;
    float:right;
    height:246px;
    background-color: rgb(255,255,255);
    border:solid 2px rgb(255,94,94);
    border-left: none;
}
#footer
{
    width:930px;
    padding-left: 45px;
    padding-top: 30px;
    padding-bottom: 10px;
    float:left;
   color: #5D5B5B;
   font-size: 9px;
   margin-top: 40px;
}
#footer a
{
     color: rgb(255, 94, 94);
   font-size: 9px;
   text-decoration: none;
}
#footer a:hover
{
    color: rgb(255, 94, 94);
}
#footer_left
{
    float:left;
}
#footer_right
{
    float:right;
}
/*main page*/

#main_content
{
    text-align:center;
    color: #666;
    text-align:left;
}

#main_content a
{
    color: rgb(255, 94, 94);
    font-weight: normal;
    text-decoration: none;
}
#main_content h2
{
     color: rgb(255, 94, 94);
    font-weight: normal;
}
#main_content h2 a
{
    color: rgb(255, 94, 94);
    font-weight: normal;
    text-decoration: none;
}
#main_content h3
{
    text-align:left;
    font-weight: normal;
    margin-left:0px;
}
#main_content p
{
     width:950px;
     margin-left:0px;
}
#main_content table
{
    width:1000px;
    text-align:left;
    margin:0 auto;
}
#main_content table td
{
     width:290px;
     font-size: 13px;
}
#main_content table td h2
{
    text-transform: uppercase;
    color:rgb(255,94,94);
    font-weight:normal;
    margin-top:10px;
    margin-bottom:5px;
    padding:0;
}
#main_content table img
{
    width:320px;
    box-shadow: 8px 8px 5px #aaa;
    margin-bottom: 15px;
    
}
#main_content table img:hover
{
    box-shadow: 8px 8px 5px #666;
}

#focim-main
{
    font-size: 26px;
    font-weight:normal;
    text-align:center;
    margin-top:-40px;
    text-transform:uppercase;
    margin-bottom:60px;
    color:gray;
}
#focim-main img
{
    vertical-align:middle;
}
/*pager*/
#pager_content
{
    width:950px;
     font-size: 14px;
     display: inline-block;
     margin-left:25px;
     color: #666;
}
#pager_content a
{
    font-weight: bold;
    text-decoration:none;
    color: rgb(255,94,94);
}


#pager_content #focim
{
    font-size: 26px;
    font-weight:normal;
    text-align:center;
    margin-top:-10px;
    text-transform:uppercase;
    margin-bottom:30px;
    color:gray;
}
#pager_content h1 img
{
    vertical-align:middle;
}
#pager_content table img
{
    margin-right:10px;
}
#pager_content table img:hover
{
    box-shadow: 8px 8px 5px #666;
}
#pager_content h2 a
{
    color: rgb(255, 94, 94);
    font-weight: normal;
    text-decoration: none;
}
#page_text
{
    width: 100%;
}
#gallery
{
    width:950px;
    margin: 0 auto;
    margin-top:40px;
}
#gallery #loading
{
    width:100%;
    margin-top: 20px;
    text-align:center;
    font-weight:bold;
    font-size: 20px;
}
#gallery ul 
{
    list-style-type: none;
    position: relative;
    padding:0;
}
#gallery li
{
    display: inline;
    margin-right:15px;
    position:absolute;
    
    
}

#gallery li a
{
    text-align: left;
}

#gallery img
{
    
    width:300px;
    box-shadow: 8px 8px 5px #aaa;
    margin-bottom: 15px;
    
}
#gallery img:hover
{
    box-shadow: 8px 8px 5px #666;
}
#leftthing h3
{
    margin-left:80px;
    color:white;
}
#leftthing #form
{
    margin:0 auto;
    display:inline-block;
    margin-left:80px;
}
.error
{
    color:red;
    text-transform: uppercase;
}
#leftthing #form .form-required
{
    color:#55b7b6;
}
#leftthing #form input[type="text"]
{
    border: solid 1px #5d5b5b;
    width:255px;
    font-family: Hind;
    font-weight: 300;
    padding-left:5px;
}
#leftthing #form img {
    vertical-align: middle;
}
#leftthing #form #ellenor {
    width: 105px;
}
#leftthing #form textarea
{
    border: solid 2px #5d5b5b;
    resize: none;
    width:253px;
    height:120px;
    font-family: Hind;
    font-weight: 300;
    padding-left:5px;
}
#leftthing #form input[type="submit"]
{
    border: 0;
    cursor: pointer;
    background-color: rgb(102,102,102);
    color: white;
    font-family: Hind;
    font-weight: 300;
}
#leftthing #form input[type="submit"]:hover
{
    
    color: #999;
}
#map
{
    float:left;
    margin-left: 60px;
}
.sent
{
    color: #a1bd4d;
    font-weight: bold;
    position: fixed;
    display:block;
    z-index:9999;
    background-color: gray;
    padding:50px;
    top:100px;
    margin-left: 320px;
    border-radius:10px;
}
.nosent
{
    color: red;
    font-weight: bold;
    position: fixed;
    display:block;
    z-index:9999;
    background-color: gray;
    padding:50px;
    top:100px;
    margin-left: 320px;
    border-radius:10px;
}
#lablec
{
    width: 1010px;
    background-image: url("/images/footer/logonak-hatter.png");
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-top: 20px;
    height: 80px;
    padding-top: 12px;
    vertical-align: middle;
}
#lablec a
{
    margin-left: 130px;
    
}
#lablec img
{
    vertical-align: middle;
}

#hirlevel_hide
{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    font-family: "verdana";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
#hirlevel_hide #exit {
    cursor: pointer;
    float: right;
    text-align: right;
    margin-top:-20px;
}
#hirlevelbox {
    background-color: #777;
    height: 121px;
    margin: 60px auto;
    padding: 20px;
    width: 703px;
    color:white;
}
#hirlevel_szoveg
{
    font-size: 11px;
    float:left;
    width: 600px;
    margin-top: 20px;
    
}
#hirlevel_szoveg a
{
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
#kapcsolat_hide
{
   background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    font-family: "verdana";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000; 
}
#kapcsolat_hide #kapcsolat
{
    width:700px;
    background-color:rgb(102,102,102);
    height:250px;
    margin:0 auto;
    color: white;
    padding:20px;
    margin-top:50px;
}
#kapcsolat_hide #exit {
    cursor: pointer;
    float: right;
    text-align: right;
    margin-top:-20px;
}
#kapcsolat_hide #form
{
    margin:0 auto;
    display:inline-block;
    margin-left:80px;
    margin-top:40px;
}
.error
{
    color:red;
    text-transform: uppercase;
}
#kapcsolat #form .form-required
{
    color:#55b7b6;
}
#kapcsolat #form input[type="text"]
{
    border: solid 1px #5d5b5b;
    width:255px;
    font-family: Hind;
    font-weight: 300;
    padding-left:5px;
}
#kapcsolat #form img {
    vertical-align: middle;
    margin-top:1px;
}
#kapcsolat #form #ellenor2 {
     width: 105px;
}
#kapcsolat #form textarea
{
    border: solid 2px #5d5b5b;
    resize: none;
    width:253px;
    height:120px;
    font-family: Hind;
    font-weight: 300;
    padding-left:5px;
}
#kapcsolat #form input[type="submit"]
{
    border: 0;
    cursor: pointer;
    background-color: rgb(102,102,102);
    color: white;
    font-family: Hind;
    font-weight: 300;
}
#kapcsolat #form input[type="submit"]:hover
{
    
    color: #999;
}

#kapcsolat .vagy-hivjon
{
    text-transform: uppercase;
}
#kapcsolat .telefon
{
    color:rgb(255,94,94);
}
#adatvedelem
{
    float:left;
    text-decoration:none;
    font-weight:bold;
    color: white;
    font-size: 11px;
    padding-top: 20px;
}
#adatvedelem:hover
{
    font-style: italic;
}
#hir_form
{
    float: right;
    margin-top: 10px;
}
#hir_form #email
{
    border:none;
    background-color: #f2f2f2;
    height: 25px;
    width: 240px;
    padding-left: 5px;
    color: #777;
}
#hir_form input[type="submit"]
{
    border: 0;
    cursor:pointer;
    background-color:#777;
    color: white;
    
}
#hir_form input[type="submit"]:hover
{
    border: 0;
    color:#ccc;
}
#hirlevel
{
    float:left;
    position: absolute;
    top: 68px;
    margin-left: 483px;
    cursor:pointer;
}
#BackToTop
{
    position:fixed;
    right:15px;
    bottom:10px;
    text-decoration:none;
    color: white;
    background-image: linear-gradient(rgb(255,94,94), red);
    padding:5px 10px;
    
    border-radius:5px;
    text-align:center;
    
}
#BackToMain
{
    position:fixed;
    left:15px;
    top:100px;
    text-decoration:none;
    color: white;
    background-image: linear-gradient(rgb(255,94,94), red);
    padding:5px 10px;
    
    border-radius:5px;
    text-align:center;
    
}

#bottom-things #uzenet-kiir
{
    font-size: 14px;
    font-weight:normal;
    text-align:center;
    text-transform:uppercase;
    
    color:rgb(255,94,94);
    margin:0 auto;
    margin-bottom:30px;
}
#bottom-things #uzenet-kiir img
{
    vertical-align:middle;
    width:150px;
}
.fb-like
{
    margin-top:20px;
}
#sent
{
    position: fixed;
}
#folders a
{
    text-decoration:none;
    font-weight:bold;
    color:black;   
}
.folder
{
    text-align:center;
    float:left;
    margin-right:40px;
    padding:10px;
}
#felugrod{
display:none;
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    font-family: "verdana";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.feldd button {
    background-color: rgb(255, 94, 94);
    border: medium none;
    color: white;
    cursor: pointer;
    font-weight: bold;
    height: 30px;
    width: 100px;
}
.feldd{
    width: 400px;
    margin: 0 auto;
    margin-top: 80px;
    background: gray;
    padding: 20px;
    text-align: center;
    color: white;
}
#folders a img
{
    width:100px;
}
#folders a div:hover
{
    border: solid 1px black;
}
#vezetes
{
    text-align: center;
    vertical-align:middle;
    margin:0 auto;
    width: 660px;

}
#vezetes hr
{
    float:left;
    height: 5px;
    background-color:gray;
    color: gray;
    margin: 20px;
    width: 30px;
    
}

#vezetes .lepes
{
    float:left;
    width:50px;
    height:50px;
    border-radius:50%;
    font-size:20px;
    font-weight:bold;
    color:white;
    line-height:50px;
    text-align:center;
    background:gray;
    margin-bottom: 30px;
}
#vezetes .active
{
    background:rgb(255, 94, 94);
}
.picture
{
    float:left;
    margin-right:20px;
    width:100px;
    text-align:center;
}
.picture img
{
    width:100%;
}
.picture input
{
    width:60px;
}
#tovabb
{
    float:left;
    width:100%;
    text-align:center;
    margin-top:50px;
}
#tovabb input
{
    width:200px;
    height:50px;
    border:none;
    background-color: rgb(255, 94, 94);
    color:white;
    font-weight: bold;
    cursor:pointer;
}
#tovabb .visszagomb
{
    margin-right:20px;
    background-color: rgb(255, 94, 94);
    border: medium none;
    color: white;
    cursor: pointer;
    font-weight: bold;
    height: 50px;
    width: 200px;
}
#tartalom
{
    width:100%;
    float:left;
    margin-top:50px;
}
.rendeles
{
    width:150px;
    font-size:10px;
    border:solid 1px gray;
    padding-bottom: 5px;
    margin-bottom:10px;
}
.rendeles select
{
    font-size:10px;
}
.rendelo
{
    border: solid 1px gray;
    padding:10px;
    float:left;
     margin-left:140px;
     width:650px;
}
.rendelokep
{
    width:100%;
   border:solid 1px black;
   margin:0;
   padding:0;
}
.rendelokep img
{
    width:200px;
}
.rendeltd{
  border-bottom:solid 1px black;
  margin:0;
   padding:0;
}
.keptd
{
    width:200px;
}
.tulajtable
{
    width:100%;
    height:100%;
    border-collapse:collapse;
}
.uptd
{
    vertical-align:top;
    text-align:left;
}
.tulajdonsagok
{
    float: left;
    color: black;
    margin-left:50px;
}
.tulajdonsagok td
{
    border:none;
}
.tulname
{
    float:left;
    font-size:14px;
    font-weight:bold;
    margin-right:25px;
    text-transform:uppercase;
}
.tulvalaszt
 {
    float:left;
    font-size:14px;
    margin-right:35px;
    
 }
.tular
{
    float:right;
    font-size:14px;
    font-weight:bold;
    margin-right:25px;
}
.vegosszeg
{
    float:left;
    margin-top:30px;
    margin-bottom:20px;
    font-weight:bold;
    color:black;
    text-transform:uppercase;
    font-size: 20px;
    margin-left:140px;
     width:650px;
     text-align:right;
     padding: 10px;
}
.vegar
{
    color:rgb(255, 94, 94);
    text-transform:none;
    padding-left:10px;
}
#megrendeloform input[type='text']
{
    width:250px;
    height:30px;
    color:black;
    background-color:white;
    border:solid 1px gray;
    margin-bottom:15px;
}
#megrendeloform textarea
{
    width:250px;
    background-color:white;
    border:solid 1px gray;
    margin-bottom:15px;
    height:100px;
    resize: none;
    
}
#tartalom .magyaraz
{
    margin-top:-50px;
    margin-bottom:30px;
    color: gray;
}
.hiba
{
    color:red;
    font-weight:bold;
}
#tovabb a
{
    background-color: rgb(255, 94, 94);
    color: white;
    cursor: pointer;
    font-weight: bold;
    padding: 12.5px 70px;
    text-decoration: none;
}
.rendelokep2
{
    float:left;
}
.rendelokep2 img
{
    width:200px;
}
.infobox
{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    font-family: "verdana";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.infobox .infodoboz
{
   
   width: 400px;
   margin:0 auto;
   margin-top:80px;
   background:gray;
   padding:20px;
    text-align: center;
    color:white;
}

.igen2 {
    background-color: rgb(255, 94, 94);
    border: medium none;
    color: white;
    cursor: pointer;
    font-weight: bold;
    height: 30px;
    width: 100px;
	
}
.felugf{
display:none;
position:fixed;
width: 400px;
    margin: 0 auto;
    top: 20px;
    background: gray;
    padding: 20px;
    text-align: center;
    color: white;
	z-index:900;
	    left: 35%;
}
.imgjjj{
margin:0 auto;
width: 300px;
}
.imgjjj img{
width: 300px;
}
.kilo{
float:right;
width:20px;
height:20px;
}
.nem2 {
    background-color: rgb(255, 94, 94);
    border: medium none;
    color: white;
    cursor: pointer;
    font-weight: bold;
    height: 30px;
    width: 100px;
	
}
.lll {
    background-color: rgb(255, 94, 94);
    border: medium none;
    color: white;
    cursor: pointer;
    font-weight: bold;
    height: 30px;
    width: 100px;
	
}

.infobox button {
    background-color: rgb(255, 94, 94);
    border: medium none;
    color: white;
    cursor: pointer;
    font-weight: bold;
    height: 30px;
    width: 100px;
}
.infobox #igen
{
    margin-right:20px;
}
/******costum checkbox****/
#ck-button {
    margin-top:4px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;
}

#ck-button label {
    float:left;
    width:300px;
    cursor:pointer;
}

#ck-button label span {
    text-align:center;
    padding:3px 0px;
    display:block;
}

#ck-button label input {
    position:absolute;
    top:-20px;
}
#ck-button label input:hover + span {
    background-color:gray;
}

#ck-button input:checked + span {
    background-color:#31ad14;
    color:#fff;
}
#ck-button label input {
   display:none;
}
.rendel-link
{
    color:rgb(255, 94, 94);
    text-transform:uppercase;
    font-weight:bold;
    text-decoration:none;
}
.rendel-link:hover
{
    font-style: italic;
}
.form-label
{
    color:rgb(255, 94, 94);
    font-size:12px;
    margin-right:50px;
}


#image-selected-counter {
  position: fixed;
  bottom: 45px;
  left: 45px;
  background-color: #EFEFEF;
  border-radius: 4px;
  border: 1px solid #D0D0D0;
  padding: 5px 10px;
  font-size: 15px;
}

  #image-selected-counter span {
    font-size: 16px;
    font-weight: bold;
  }