@font-face{
  font-family: 'Linux Libertine';
  src: url('../betutipusok/linux-libertine.eot');
  src: url('../betutipusok/linux-libertine.eot?#iefix') format('embedded-opentype'),
       url('../betutipusok/linux-libertine.woff') format('woff'),
       url('../betutipusok/linux-libertine.ttf') format('truetype'),
       url('../betutipusok/linux-libertine.svg#linux-libertine') format('svg');}

@font-face{
  font-family: 'Amatic';
  src: url('../betutipusok/amatic.eot');
  src: url('../betutipusok/amatic.eot?#iefix') format('embedded-opentype'),
       url('../betutipusok/amatic.woff') format('woff'),
       url('../betutipusok/amatic.ttf') format('truetype'),
       url('../betutipusok/amatic.svg#amatic') format('svg');}

@font-face{
  font-family: 'Janda Everyday Casual';
  src: url('../betutipusok/janda-everyday-casual.eot');
  src: url('../betutipusok/janda-everyday-casual.eot?#iefix') format('embedded-opentype'),
       url('../betutipusok/janda-everyday-casual.woff') format('woff'),
       url('../betutipusok/janda-everyday-casual.ttf') format('truetype'),
       url('../betutipusok/janda-everyday-casual.svg#janda-everyday-casual') format('svg');}

body{
  font-family: 'Linux Libertine', 'Times New Roman', Times, serif;
  font-size: 16px;
  color: black;
  background-color: rgb(246,246,236);
  background-image: url(hatter.png);
  background-position: center 8px;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: auto;}

body a{
  text-decoration: none;
  color: rgb(242,154,54);}

body a:hover{
  color: rgb(88,164,188);}

body h1, body h2, body h3{
  margin: 0;
  font-family: 'Amatic', 'Times New Roman', Times, serif;
  text-transform: uppercase;}

body h1{
  font-size: 64px;
  color: rgb(88,164,188);}

body h2{
  font-size: 48px;
  color: rgb(88,164,188);}

body h3{
  font-size: 32px;}

body h4{
  margin: 0;
  height: 32px;
  font-family: 'Janda Everyday Casual', 'Times New Roman', Times, serif;
  font-size: 14px;
  font-weight: normal;}

div.kozosseg h4, body h4.jobb{
  margin: -16px -20px 0 0;
  padding: 16px 20px 0 0;
  text-align: right;
  background-image: url(nyil1.png);
  background-position: top right;
  background-repeat: no-repeat;
  cursor: default;}

div.menu h4, body h4.bal{
  margin-left: -20px;
  padding-left: 20px;
  background-image: url(nyil2.png);
  background-position: bottom left;
  background-repeat: no-repeat;}

body p, body ul{
  margin: 0;
  padding: 0;
  list-style-type: none;}

div#fejlec{
  z-index: 20;
  position: relative;
  width: 984px;
  height: 192px;
  margin: 0 auto;}

div.logo{
  z-index: 20;
  position: absolute;
  top: 80px;
  right: 180px;}

div.kozosseg{
  position: absolute;
  top: 60px;
  right: 0;}

div.kozosseg ul{
  float: right;
  margin-top: -76px;}

div.kozosseg li{
  float: left;}

div.kozosseg a{
  float: left;
  width: 32px;
  height: 32px;
  margin-left: 8px;
  background-image: url(kozosseg.png);
  background-repeat: no-repeat;}

div.kozosseg a.gomb-fb{ margin-top: 0;}
div.kozosseg a.gomb-tw{ background-position: -32px 0;}
div.kozosseg a.gomb-yt{ background-position: -64px 0;}

div.kozosseg a.gomb-fb:hover{ background-position: 0 -32px;}
div.kozosseg a.gomb-tw:hover{ background-position: -32px -32px;}
div.kozosseg a.gomb-yt:hover{ background-position: -64px -32px;}

div.menu{
  position: absolute;
  bottom: 0;
  width: 984px;
  background-image: url(menu.png);
  background-position: bottom;
  background-repeat: no-repeat;}

div.menu ul{
  margin: 0 8px;}

div.menu li{
  position: relative;
  float: left;
  height: 64px;}

div.menu li.menu06{
  float: right;}

div.menu li a{
  position: relative;
  float: left;
  width: inherit;
  height: inherit;
  padding: 0 16px;
  font-family: 'Amatic', 'Times New Roman', Times, serif;
  font-size: 32px;
  text-transform: uppercase;
  color: rgb(248,248,248);}

div.menu li a:hover, div.menu li a:active{
  background-color: rgb(242,154,54);}

div.menu li a b{
  float: right;
  margin: 12px 0 0 12px;}

div.menu li a span{
  float: left;
  width: 32px;
  height: 32px;
  margin-top: 16px;
  background-image: url(menu-ikonok.png);}

div.menu li.menu01 a span{ background-position: 0 0;}
div.menu li.menu02 a span{ background-position: -32px 0;}
div.menu li.menu03 a span{ background-position: -64px 0;}
div.menu li.menu04 a span{ background-position: -96px 0;}
div.menu li.menu05 a span{ background-position: -128px 0;}
div.menu li.menu06 a span{ background-position: -160px 0;}

div.menu li a.almenu span{
  position: absolute;
  top: -1px;
  margin-left: 8px;
  width: 16px;
  height: 10px;
  background-image: url(menu-nyilak.png);
  background-repeat: no-repeat;}

div.menu li a.almenu:hover span{
  background-position: -16px 0;}

div.menu ul ul{
  position: absolute;
  top: 64px;
  left: -10000px;
  width: 240px;
  margin: 0;
  padding: 4px 0;
  background-color: rgb(242,154,54);}

div.menu ul li:hover ul{
  left: 0;}

div.menu ul ul li{
  float: none;
  height: auto;}

div.menu ul ul li a{
  float: none;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 4px 12px;
  font-size: 24px;}

div.menu ul ul li a:hover{
  color: black;}

div.menu ul li:hover ul ul{
  left: -10000px;}

div.menu ul li li:hover ul{
  left: auto;
  margin: -68px 0 0 240px;}

div#tartalom{
  z-index: 10;
  position: relative;
  width: 984px;
  margin: 32px auto 48px auto;}

div#tartalom h1{
  margin: 48px 0 32px 0;}

div#tartalom h1 img{
  margin-right: 16px;}

div#tartalom h2{
  margin: 32px 0;}

div#tartalom h3{
  margin: 32px 0 24px 0;}

div#tartalom p, div#tartalom ul{
  margin: 16px 0;
  line-height: 24px;
  text-align: justify;
  list-style-type: circle;}

div#tartalom li{
  margin-left: 16px;}

div#tartalom table{
  border-top: 1px solid rgb(150,214,226);
  border-left: 1px solid rgb(150,214,226);}

div#tartalom table th, div#tartalom table td{
  padding: 8px;
  border-bottom: 1px solid rgb(150,214,226);
  border-right: 1px solid rgb(150,214,226);
  text-align: left;}

div#tartalom table h3{
  margin: 16px 0;}

div#tartalom div.jobb-hasab{
  float: right;
  width: 360px;
  margin: 16px 0 16px 32px;}

div#tartalom div.doboz{
  display: block;
  position: relative;
  width: 360px;
  margin-bottom: 16px;}

div#tartalom div.doboz div{
  padding-bottom: 1px;
  background-image: url(doboz-vonal.png);}

div#tartalom div.doboz span.felso, div#tartalom div.doboz span.also{
  display: block;
  width: 360px;
  height: 12px;
  background-image: url(doboz-felso.png);}

div#tartalom div.doboz span.also{
  background-image: url(doboz-also.png);}

div#tartalom div.doboz h3{
  margin: 0 20px 16px 20px;
  padding-top: 16px;}

div#tartalom div.doboz p, div#tartalom div.doboz ul{
  margin: 16px 20px;
  text-align: left;}

div#tartalom div.doboz a{
  position: absolute;
  right: -19px;
  bottom: 32px;
  width: 38px;
  height: 38px;
  background-image: url(nyilak.png);}

div#tartalom div.doboz div.url a{
    background-image: none;
    position: relative;
    right: 0;
  bottom: 0;
  width: 0;
  height: 0;
 text-decoration: none;
  color: rgb(242,154,54);}

div#tartalom div.doboz a:hover{
  background-position: -38px 0;}

div#tartalom div.doboz a b{
  display: none;}

div#tartalom div#bebiszitterek{ height: 172px; background-image: url(../kepek/csaladoknak-bebiszitterek.png);}
div#tartalom div#idosgondozok{  height: 172px; background-image: url(../kepek/csaladoknak-idosgondozok.png);}
div#tartalom div#hazvezetok{    height: 172px; background-image: url(../kepek/csaladoknak-hazvezetok.png);}

div#tartalom div#bebiszitterek h3, div#tartalom div#idosgondozok h3, div#tartalom div#hazvezetok h3{
  margin-bottom: 8px;
  color: rgb(248,248,248);}

div#tartalom div#bebiszitterek p, div#tartalom div#idosgondozok p, div#tartalom div#hazvezetok p{
  margin: 8px 20px;
  line-height: 20px;}

div#tartalom div#facebook{
  margin-top: 32px;}

div#diavetites{
  position: relative;
  float: left;
  width: 728px;
  height: 360px;
  margin-bottom: 48px;}

div#diavetites div.dia{
  position: relative;
  width: 728px;
  height: 360px;
  overflow: hidden;}

div#diavetites a.vissza, div#diavetites a.elore{
  z-index: 10;
  position: absolute;
  top: 161px;
  left: -19px;
  width: 38px;
  height: 38px;
  background-image: url(nyilak.png);
  background-position: -76px 0;}

div#diavetites a.elore{
  left: 704px;
  background-position: -38px 0;}

div#diavetites ul.lapszam{
  z-index: 10;
  position: absolute;
  bottom: 32px;
  right: 32px;
  margin: 0;
  list-style-type: none;}

div#diavetites ul.lapszam li{
  float: left;
  margin-left: 8px;}

div#diavetites ul.lapszam li a{
  float: left;
  width: 0;
  height: 12px;
  padding-left: 12px;
  background-image: url(dia-lapszam.png);
  overflow: hidden;}

div#diavetites ul.lapszam li.aktiv a{
  background-position: -12px 0;
  cursor: default;}

div#diavetites div.felirat{
  position: absolute;
  bottom: -360px;
  right: 32px;
  width: 360px;
  height: 360px;
  text-align: right;}

div#diavetites div.felirat h3 b{
  display: block;
  margin-bottom: 4px;
  font-size: 48px;
  color: rgb(88,164,188);}

div#diavetites div.felirat p{
  margin: 16px 0;
  text-align: right;}

div#tartalom input, div#tartalom textarea, div#tartalom select{
  margin: 0;
  padding: 0;
  border: 0;
  background-color: rgb(248,248,248);
  font-family: 'Linux Libertine', 'Times New Roman', Times, serif;
  font-size: 16px;}

div#tartalom input{
  width: 240px;
  height: 22px;
  padding: 1px;
  border: 1px solid rgb(88,164,188);
  background-color: rgb(248,248,248);}

div#tartalom input.kuldes{
  width: auto;
  height: 32px;
  padding: 4px;
  border: 0;
  background-color: rgb(242,154,54);
  font-size: 20px;
  font-weight: bold;
  color: rgb(248,248,248);
  cursor: pointer;}

div#tartalom input.kuldes:hover{
  background-color: rgb(88,164,188);}

div#tartalom textarea{
  width: 360px;
  height: 120px;
  padding: 1px;
  border: 1px solid rgb(88,164,188);
  overflow: auto;}

div#tartalom select{
  width: 240px;
  height: 24px;
  padding: 1px;
  border: 1px solid rgb(88,164,188);}

div#tartalom option{
  height: 22px;}

div#tartalom label{
  float: left;
  width: 320px;
  margin-top: 2px;
  text-align: left;}

div#tartalom label.error{
  font-weight: bold;
  color: rgb(242,154,54);}

div#tartalom form b{
  color: rgb(242,154,54);}

div#tartalom form i{
  position: absolute;
  left: 0;
  margin-top: 24px;
  font-style: normal;}

body.urlap{
  background: transparent;}

body.urlap div#tartalom{
  width: auto;
  margin: 0;}

body.urlap div#tartalom h3{
  margin: 0 20px 16px 20px;
  padding-top: 16px;}

body.urlap div#tartalom p{
  margin: 16px 20px;
  text-align: left;}

body#hirlevel div#tartalom input{
  float: left;
  width: 204px;}

body#hirlevel div#tartalom input.kuldes{
  float: right;
  width: auto;
  height: 26px;
  font-size: 16px;}

div#lablec{
  position: relative;
  clear: left;
  width: 100%;
  height: 160px;
  margin: 32px auto 0 auto;
  background-image: url(lablec-hatter.png);
  background-repeat: repeat-x;}

div#lablec div.kozep{
  position: relative;
  width: 984px;
  height: inherit;
  margin: 0 auto;
  background-image: url(lablec-kozep.png);
  background-repeat: no-repeat;}

div#lablec p{
  position: absolute;
  bottom: 20px;}

div#lablec p.bal{
  position: absolute;
  bottom: 20px;
  right: 220px;}

div#lablec p.bal img{
  float: right;
  margin: -6px 0 0 16px;}

div#lablec p.jobb{
  position: absolute;
  bottom: 12px;
  right: 0;}

div#lablec p.jobb img{
  float: right;
  margin: -14px 0 0 16px;}

div#jelentkezes{
	width:80px;
	margin:auto;
}

div#jelentkezes a{
  margin-top: 6px;
  padding: 4px 8px 6px 8px;
  font-weight: bold;
  color: white;
  text-decoration: none;
  background-color: rgb(88,164,188);}

div#jelentkezes a:hover{
  background-color: rgb(150,214,226);}