html
{

}
body {
  margin: 0px;
  padding: 0px;
  font-family: helvetica, arial, verdana, sans;
  font-size: 14px;
  color:#222222;
  line-height:130%;
  background: url(/theme/pic/hatter.jpg);
}



td {

}

img {
	behavior:	url("pngbehavior.htc");
}


a {text-decoration: underline; color:#7d9f20; }
a:hover {text-decoration:underline; color:#111; }



b, strong
{
  font-weight: bold;
}










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


/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


#alap  {
  width: 100%;
  clear:left;
  margin:0 auto;
  background: url(/theme/pic/hatter-fooldal.jpg) repeat-x;
  min-height:1020px;
}

#alap2
{
  width: 940px;
  clear:left;
  margin:0 auto;
}

body.aloldal #alap {
  background: url(/theme/pic/hatter-aloldal.jpg) repeat-x !important;

}

#kozep0.aloldal
{
  ackground: url(/theme/pic/aloldal.jpg) no-repeat;
}

* html #bal0 div,* html #jobb0 div, * html #kozep0 {height: 750px; /* min-height for IE6 */}








footer {
  background: url(/theme/pic/also.png) no-repeat top center;
  clear:left;
  min-height:134px;
  width:100%;
  padding-top:10px;
  padding-bottom:20px;
}

footer .cont {
  width:940px;
  margin: 0 auto;
}

footer .tartalom {
  float:left;
  width:200px;
  line-height:170%;
}

footer .tartalom.link {
  float:left;
  padding-top:8px;
}

footer .tartalom a.cimke{
  text-decoration:none;
  font-family: "Dosis",helvetica, arial, verdana, sans;
  font-size:16px;
  text-decoration:none;
  font-weight:600;
  text-transform: uppercase;
  color:#fff;

}

footer .tartalom a{
  text-decoration:none;
  font-family: "Dosis",helvetica, arial, verdana, sans;
  font-size:11px;
  text-decoration:none;
  font-weight:400;
  text-transform: uppercase;
  color:#aaa;

}

.logo
{
  float:left;
  width: 140px;
  height:92px;

}

.felso {
  clear:left;
  height:140px;
  padding-top:2px;
}

.felsojobb {
  float:left;
  width: calc(100% - 140px);
}


.menucont {
   float:right;
   width:100%;
}

.menu {
  float:left;
  margin-left:1%;
  height:51px;
  line-height:1.3;
  idth:567px;
  width:80%;
  text-align: justify;
  x-ms-text-justify: distribute-all-lines;
  xtext-justify: distribute-all-lines;
  -ms-text-justify: distribute;
  text-justify: distribute;
  padding:4px;
  padding-left:24px;
  padding-right:24px;
 background: #ff503f;
}

.menujobb {
  background:#6ec7d0;
  border-left:3px solid #fff;
  height:51px;
  line-height:1.3;
  width:19%;
  float:left;
  padding:4px;
  padding-left:12px;
  padding-top:4px;
  font-family: "Dosis", Helvetica, arial, verdana, sans;
  color:#ffffff;
  font-size:13px;
  text-decoration:none;
  font-weight:600;

}

.menujobb .telefonszam {
  text-shadow:1px 1px 1px rgba(0,0,0,0.3);
  font-size:24px;
  font-family: "Montserrat", Helvetica, arial, verdana, sans;
  font-weight:normal;
  margin-top:-5px;
  letter-spacing:-1px;
}

.menu .menupont
{
  xxwidth:82px;
  *padding-right:1px;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align:left;
  padding-top:8px;
}


.menu .menupontelvalaszto
{
  xxwidth:1px;
  *padding-right:4px;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align:left;
}


.menu .menupont  a
{
  font-family: "Dosis", Helvetica, arial, verdana, sans;
  color:#ffffff;
  text-shadow:1px 1px 1px rgba(0,0,0,0.3);
  font-size:20px;
  text-decoration:none;
  font-weight:400;
}


.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.felsologin {
  line-height:1.8;
  clear:left;
  float:right;
  height:31px;
  margin-bottom:4px;
  font-family: "Dosis", Helvetica, arial, verdana, sans;
  color:#312327;
  font-size:10px;
  font-weight:600;
  text-transform: uppercase;
  padding-top:6px;
}

.felsologin a {
  text-decoration:none;
  color:#ff503f;
  font-size:10px;
  font-weight:600;
  text-transform: uppercase;
}

.felsologin a.link2 {
  color:#5f3e51;
}

.felsologin .gombcont1 {
  margin-top:1px;
  float:left;
}

.felsologin a.gomb {
  color:#fff;
  background:#ff503f;
  text-transform: uppercase;
  font-size:11px;
  font-weight:600;
  padding:2px;
  padding-left:9px;
  padding-right:9px;
  text-shadow:1px 1px 0px rgba(207, 65,51,0.99);
  margin-left:5px;
  margin-right:5px;
  padding-top:1px;
}

.felsologin a.gomb:hover {
  background:#df201f;

}

}
.felsologin input {
  border:1px solid #dad2c9;
  padding:3px;
}

.felsonav {
  float:right;
  color:#534146;
  height:25px;
  margin-top:7px;
}

.felsonav a{
  color:#534146;
  font-family: "Dosis", Helvetica, arial, verdana, sans;
  font-size:10px;
  font-weight:600;
  text-transform: uppercase;
  text-decoration:none;
}

.container-fooldal {
  float:left;
  min-height:550px;
  width: 100%;
}


.container-aloldal {
  float:left;
  min-height:550px;
  width: 100%;
}


 .aloldal-bal {
  float:left;
  width:210px;
  margin-right:30px;
  min-height:300px;
  margin-top:110px;
}

.aloldal-kozep {
  float:left;
  width:680px;

}

.container-aloldal .aloldal-kozep .cim
{
  margin-top:30px;
  margin-bottom:40px;
  color:#fff;
  font-family: "Dosis", Helvetica, arial, verdana, sans;
  font-size:18px;
  font-weight:300;
  text-transform: uppercase;
}


.container-aloldal .aloldal-kozep h2 {
  margin-top:30px;
  margin-bottom:40px;
  color:#555;
  font-family: "Dosis", Helvetica, arial, verdana, sans;
  font-size:16px;
  font-weight:500;
  text-transform: uppercase;
}



.container-aloldal .aloldal-kozep .almenucim
{
  margin-top:30px;
  margin-bottom:40px;
  color:#111;
  font-family: "Dosis", Helvetica, arial, verdana, sans;
  font-size:18px;
  font-weight:300;
  text-transform: uppercase;
}


.container-aloldal .aloldal-kozep .cim-projektek
{
  margin-top:0px;
  margin-bottom:10px;
  color:#fff;
  font-family: "Dosis", Helvetica, arial, verdana, sans;
  font-size:18px;
  font-weight:300;
  text-transform: uppercase;
}

.container-aloldal .aloldal-kozep .alcim
{
  margin-top:0px;
  margin-bottom:70px;
  color:#f7efe4;
  font-family: "Dosis", Helvetica, arial, verdana, sans;
  font-size:28px;
  font-weight:200;
  text-transform: uppercase;
}

.container-fooldal .kozep  {
  clear:left;
  argin-left:13px;

}

.container-fooldal .jobb
{
  float:left;
  width:233px;
}



.container-fooldal .hbal
{
  float:left;
  margin-left:13px;
  margin-top:50px;
  color:#534146;
  font-size:13px;
  font-weight:400;
  font-family: "Dosis",helvetica, arial, verdana, sans;
}

.container-fooldal .hbal .cimke
{
  text-decoration:none;
  text-transform: uppercase;
  font-size:18px;
  font-weight:300;
  font-family: "Dosis",helvetica, arial, verdana, sans;
  color:#534146;
  margin-bottom:17px;

}




.container-fooldal .hjobb
{
  float:right;
  margin-top:70px;
  margin-right:0px;
  width:477px;
  margin-bottom:50px;
}

.container-fooldal .hjobb .emailboxcont
{
  float:left;
  height:39px;
}



ul.projektnav {
  margin-bottom:25px;
  border-bottom:2px solid #ff503f;

}

ul.projektnav li a {
  color:#333;
  font-family: "Dosis", Helvetica, arial, verdana, sans;
  font-size:15px;
  font-weight:600;
  text-transform: uppercase;
  text-decoration:none;

}

ul.projektnav li a.active, ul.projektnav li a:hover {
  border-radius:0;
  background: #ff503f;
  color:#fff;
  adding:8px;
}

ul.projektnav li a.active:after {
  content: "";
  border-bottom:2px solid #ff503f;
  width:100%;
}

.container .cim {
  margin-top:30px;
  margin-bottom:40px;
  color:#fff;
  font-family: "Dosis", Helvetica, arial, verdana, sans;
  font-size:18px;
  font-weight:300;
  text-transform: uppercase;
}


.container h2 {
  margin-top:30px;
  margin-bottom:40px;
  color:#555;
  font-family: "Dosis", Helvetica, arial, verdana, sans;
  font-size:16px;
  font-weight:500;
  text-transform: uppercase;
}



.container .almenucim {
  margin-top:30px;
  margin-bottom:40px;
  color:#111;
  font-family: "Dosis", Helvetica, arial, verdana, sans;
  font-size:18px;
  font-weight:300;
  text-transform: uppercase;
}


.container .cim-projektek {
  margin-top:0px;
  margin-bottom:10px;
  color:#fff;
  font-family: "Dosis", Helvetica, arial, verdana, sans;
  font-size:18px;
  font-weight:300;
  text-transform: uppercase;
}

.container .alcim {
  margin-top:0px;
  margin-bottom:70px;
  color:#f7efe4;
  font-family: "Dosis", Helvetica, arial, verdana, sans;
  font-size:28px;
  font-weight:200;
  text-transform: uppercase;
}





.emailbox
{
  background: url(/theme/pic/hirlevelbox.jpg) no-repeat;
  width:266px;
  height:39px;
  padding-top:0px;
  padding-left:40px;
  padding-right:10px;
  border:0px;
  font-size:15px;

}


.hirlevelgombcont
{
  float:left;
  background: #ff503f;
  width:161px;
  height:39px;
  text-align:center;
  padding-top:14px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;

}

.hirlevelgombcont:hover {
  background:#df201f;

}

.hirlevelgombcont a
{

  color:#fff;
  font-size:15px;
  text-transform: uppercase;
  text-decoration:none;
  font-weight:700px;
  font-family: "Dosis",helvetica, arial, verdana, sans;
}



footer {
  clear:left;
  background: #302f2f;
  width:100%;
  margin-top:10px;
  argin-bottom:15px;
}


footer .alsocont {
  width: 100%;
  margin:0 auto;
  color:#dedede;
  font-size:13px;
  padding-top:80px;
  font-family: "Dosis",helvetica, arial, verdana, sans;
}

footer .alsocont a
{
  color:#9d9c9c;
  font-family: "Dosis",helvetica, arial, verdana, sans;
  font-size:13px;
  text-shadow:1px 1px 1px rgba(0,0,0,0.6);
  text-decoration:none;

}



.kblokk {
  float:left;
  ackground:url(/theme/pic/kblokk.gif) left bottom #fff;
  idth:281px;
  in-height:285px;
  argin-right:48px;
  border:1px solid rgba(0,0,0,0.19);
  box-shadow:1px 2px 0px  rgba(0,0,0,0.09);
  -webkit-box-shadow:1px 2px 0px rgba(0,0,0,0.09);
  -moz-box-shadow:1px 2px 0px  rgba(0,0,0,0.09);
  background:#fff;
}


.kblokk.utolso {
  margin-right:0px !important;

}

.kblokk .kep img {
   width:100%;
}

.kblokk .cim {
  font-family: "Dosis",helvetica, arial, verdana, sans;
  font-size:14px;
  text-decoration:none;
  font-weight:600;
  text-transform: uppercase;
  margin:0;
  color:#312327;
  padding:12px;
  padding-right:0px;
  padding-bottom:10px;
  width:90%;
  height:40px;
}

.kblokk .bevezeto {

  font-family: "Dosis",helvetica, arial, verdana, sans;
  font-size:13px;
  text-decoration:none;
  color:#312327;
  padding-left:12px;
  padding-right:12px;
  height:90px;

}


.kblokk .tovabb {
  float:right;
  margin-right:10px;
  margin-bottom:6px;
}


.kblokk .tovabb a {
  color:#fff;
  background:#ff503f;
  text-decoration:none;
  font-family: "Dosis",helvetica, arial, verdana, sans;
  text-transform: uppercase;
  font-size:11px;
  font-weight:600;
  padding:2px;
  padding-left:9px;
  padding-right:9px;
  padding-top:3px;
}
.pluszjel
{
 font-size:13px;
}


.kblokk .tovabb a:hover {
  background:#df201f;

}

.felsoajanlo {
  height:468px;
  clear:left;
}

.felsoajanlo .fbal {
  float:left;
  width:620px;
  min-height:200px;
  position:relative;
}

.felsoajanlo .fbaljobb {
  float:left;
  width: 100%;
  min-height:200px;
  position:relative;
}


.felsoajanlo .fjobb {
  float:right;
  width:282px;
  margin-left:29px;
}

.kozep .kcimke {
  text-decoration:none;
  text-transform: uppercase;
  font-size:24px;
  font-weight:300;
  font-family: "Dosis",helvetica, arial, verdana, sans;
  color:#312327;
  margin-bottom:37px;

}


ul.balmenu {
  background:#fff;
  font-size:16px;
  font-weight:600;
  font-family: "Dosis",helvetica, arial, verdana, sans;
  color:#312327;
  list-style-type:none;
  margin:0px;
  padding:0px;
  border:1px solid #c6c1bc;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

ul.balmenu li {
   padding:14px;
   padding-left:17px;
   border-bottom:1px solid #c6c1bc;
  font-size:19px;
  font-weight:600;
  font-family: "Dosis",helvetica, arial, verdana, sans;
}

ul.balmenu li.fejlec {
  color:#fff;
  background:#6ec7d0;

}

ul.balmenu li a {
  color:#534146;
  text-decoration:none;
  font-size:15px;
  font-weight:600;
  font-family: "Dosis",helvetica, arial, verdana, sans;
  color:#312327;
}

ul.balmenu li ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
   padding-top:10px;

}
ul.balmenu li ul li {
   padding:14px;
   padding-top:6px;
   padding-bottom:6px;
   border-bottom:0px solid #fff;;

}
.lakas {
  clear:left;
}

.lakas table {
  ax-width:360px;
  width:100% !important;
  border:1px solid #aaa;
  argin-top:20px;
}

.lakas  table td {
  padding:6px;
  border-bottom:1px solid #aaa;
}



.lakas table tr:nth-child(odd) {
   ackground:#d5cec6;
}


.lakas table tr:first-child {
   ackground:#aaa;
   font-size:14px;
   font-weight:bold;;
}



  #mapCanvas {
    margin-top:5px;
    width: 100%;
    height: 390px;
    float: left;
   border:1px solid #ddd;
  }


::selection
{
  background:#ff503f;
  color:#fff;
}

::-moz-selection
{
  background:#ff503f;
  color:#fff;
}

.statusz
{
  position:absolute;
}

.mapcont {
  position:relative;
  top:1px;
  width:100%;
}

.imgmap {
  position:absolute;
  top:51px;
  width:100%;
}

.statusz {
  position:absolute;
  top:51px;
  width:100%;
}



.szintek {
      position:relative;
  clear:left;
  min-height:500px;
  ackground: url(/theme/pic/hatter-alaprajz.jpg);
  padding-bottom:10px;
  margin-bottom:20px;
  xorder:1px solid #c6c1bc;
  xborder-radius:3px;
  x-moz-border-radius:3px;
  x-webkit-border-radius:3px;
 x-moz-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
  x-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
  xbox-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
}


.szintek .szintcim {
  font-family: "Dosis",helvetica, arial, verdana, sans;
  font-size:14px;
  text-decoration:none;
  font-weight:600;
  text-transform: uppercase;
  color:#312327;
  padding-top:10px;
  padding-left:8px;
  height:50px;
}


a.nav-toggle {
    display:none;
}


.scroll-to-top {
    position: fixed;
    font-size:23px;
    color:#fff;
    background: rgba(0,0,0,0.3);
    cursor: pointer;
    width:36px;
    text-align:center;
    height: 30px;
    border-radius:1px;
    right:0.5em;
    bottom: 0.5em;
    display: none;
    z-index: 2000;
}


.cimlap-caption {
  position:absolute;
  margin-top:-14px;
  margin-left:40px;
  width:75%;
}

.cimlap-caption-hatter {
   width:97%;
   padding:8px 12px 8px 12px;
   line-height:1.1;
   background:#ff503f;
   font-family: 'Dosis', helvetica, arial, verdana, sans;
   font-size:18px;
   text-decoration:none;
   font-weight:500;
   text-transform: uppercase;
   color:#fff;
}

.cimlap-caption1 {
   clear:left;
   margin-bottom:4px;
}

.cimlap-caption2 {
   clear:left;
   color:#534146;
   font-size:14px;
   text-decoration:none;
   font-weight:500;
   text-transform: uppercase;
}

.cimlap-caption-also {
   margin-top:4px;
  text-align:right;
  clear:left;
   width:97%;
}
.cimlap-caption-also a {

   font-family: 'Dosis', helvetica, arial, verdana, sans;
   color:#534146;
   font-size:14px;
   text-decoration:none;
   font-weight:500;
   text-transform: uppercase;
}


.lakasinfo {
  float:left;
  padding:10px;
  border:1px solid #ccc;
  background:#fff;
  width:100%;
  margin-bottom:25px;
}

.imgmap {
  margin-bottom:20px;
}