/*
$ http://www.hasznaltmobilok.hu $
$ style/style.css | 2006/06/12 08:24 $
$ LM: 2007/05/14 14:29 $
*/

body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 12px; color: #FFFFFF; background: #FFFFFF; }

a:link { color: #24345C; text-decoration: none; }
a:visited { color: #24345C; text-decoration: none; }
a:hover { color: #24345C; text-decoration: underline; }


/*
-------
Hintbox
-------
*/

a.hint {
  color: #FFFFFF;
  cursor: help;
  display: inline;
  position: relative;
}

a.hint img { border: none; }

a.hint span {
  color: #24345C;
  background: #EBFAB2;
  padding: 5px;
  border: #24345C 1px solid;
  display: none;
}

a.hint:hover { background: #EBFAB2; } /* IE miatt kell, hogy hover működjön */

a.hint:hover span {
  color: #24345C;
  background: #EBFAB2;
  position: absolute;
  top: 1em;
  left: 1em;
  width: 250px;
  padding: 5px;
  border: #24345C 1px solid;
  display: block;
  text-decoration: none;
  z-index: 20;
}


/*
------
Navbar
------
*/
.navbar {
  width: 100%;
  font-weight: normal; font-size: 11px; color: #000000;
}

.navbar .inactive {
  font-weight: normal; font-size: 11px; color: #AAAAAA;
}

.navbar a:link { font-weight: normal; font-size: 11px; color: #000000; text-decoration: none; }
.navbar a:active { font-weight: normal; font-size: 11px; color: #000000; text-decoration: none; }
.navbar a:visited { font-weight: normal; font-size: 11px; color: #000000; text-decoration: none; }
.navbar a:hover { font-weight: normal; font-size: 11px; color: #000000; text-decoration: underline; }


/*
------
Gombok
------
*/

.nbutton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background: #BDE916; border: 0; text-align: center; margin: 15px; }
.nbutton:hover { font-weight: bold; }

.obutton { width: 22px; height: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background: url(obutton.gif); border: 0; }
.obutton:hover { font-weight: bold; }

.fbutton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background: #BDE916; border: 0; height: 18px; }
.fbutton:hover { font-weight: bold; }

.lbutton { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; background: #BDE916; border: 0; height: 18px; margin: 5px; }
.lbutton:hover { font-weight: bold; }

/* Beviteli mezők */
.inputbox {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  height: 16px;
  color: #000000;
  background: #E6EEFA;
  border: #25383F 1px solid;
  padding-top: 2px;
  margin: 2px;
}

.inputarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background: #E6EEFA;
  border: #25383F 1px solid;
  padding-top: 2px;
  margin: 2px;
}

.inputlist {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background: #E6EEFA;
  border: #25383F 1px solid;
  padding-top: 2px;
  margin: 2px;
}

/*
------
Formok
------
*/
label { width: 11em; float: left; text-align: right; margin-right: 0.5em; display: block; }
fieldset { margin: 10px; padding: 0; border: 0; }
legend { color: #25383F; border: 0; padding: 2px 6px; font-weight: bold; }
p { margin: 5px; vertical-align: top; text-align: left; clear: left; }

div#headline { float: left; width: 1000px; background: #25345D; height: 20px; line-height: 20px; font-size: 11px; color: #BFF300; }
div#headline ul { margin: 0; padding: 0 0 0 5px; list-style-type: none; }
div#headline li { float: left; padding: 0 10px; }
div#headline li.last { float: right; padding: 0 40px; }
div#headline a { background: #25345D; color: #BFF300; }

/* Konténer */
.wrapper { width: 1000px; background: url(bg.gif) repeat-y; }

/* Bal blokk */
.left { width: 300px; min-height: 500px; float: left; }
/*\*/
* html .left { height: 500px; } /* IE-hez "min-height" */
/**/

  /* Kereső */
  .left form { margin: 0; padding: 0; }
  .left label { width: 8em; float: left; text-align: right; margin-right: 5px; display: block; font-size: 10px; color: #9DB0D8; }
  .left p { margin: 5px; vertical-align: top; text-align: left; clear: left; }
  
  .left #logo { width: 300px; height: 240px; background: #24345C url(logo.gif); }
  .left #tff { width: 135px; position: absolute; top: 140px; left: 90px; color: #000000; font-size: 10px; }
  .left #tftff { width: 120px; position: absolute; top: 222px; left: 90px; color: #FFFFFF; font-size: 18px; font-weight: bold; }
  .left #tftff .lg { color: #BFED06; } /* Ződ */

/* Felső rész */
.top { width: 700px; height: 200px; background: url(top_bg.gif) repeat-x; float: left; overflow: hidden; }

  .top #banner { width: 520px; height: 100px; float: left; }
  .top #banner div { position: relative; top: 15px; left: 20px; width: 468px; height: 60px; background: #FFFFFF; color: #000000; text-align: center; }

  .top #menu { width: 520px; height: 100px; float: left; }
  .top #menu ul { margin: 3px 0 0 0; padding: 0 0 0 5px; list-style-type: none; text-transform: uppercase; color: #000000; float: left; }
  .top #menu li { padding: 7px 40px 1px 10px; line-height: 14px; font-size: 13px; }

  .top #wallwerbung {
    margin: 0; padding: 0;
    float: right;
  }

/* Tartalom */
.content {
  width: 490px;
  background: #FFFFFF url(contentbox_top_shadow.gif) repeat-x;
  float: left;
  color: #000000;
  overflow: visible;
  text-align: center;
}

.content div#status { color: #24345c; font-size: 18px; font-weight: bold; text-align: left; text-transform: uppercase; }
.content div { padding: 5px; padding-top: 1em; }

.content div ul.dl { margin: 0; padding: 5px; list-style-type: none; text-align: left; }
.content div ul.dl li { margin: 10px 0; font-weight: bold; text-transform: uppercase; }

.content div ul.dl li ul { margin: 0 0 0 20px; padding: 5px; list-style-type: none; text-align: left; }
.content div ul.dl li ul li { margin: 5px 0; font-weight: normal; text-transform: capitalize; }

/* Jobb blokk */
.right {
  width: 210px;
/*   background: #24345C url(rightbox_top_shadow.gif) repeat-x; */
  float: left;
}

  .right div.login {
    color: #FFFFFF;
    background: #24345C;
  }

  .right div.login img { display: block; border: 2px solid #182548; margin: 0 auto; }
  .right div.login a { color: #FFFFFF; }
  .right div.login div { margin: 0; padding: 0 0 1em 0; }
  .right div.login div ul { margin: 0; padding: 0; list-style-type: none; }
  .right div.login div li { padding-left: 1em; font-size: 11px; }

  .right div.login div.title {
    padding: 5px;
    color: #BDEE00;
    height: 20px;
    background: #24345C url(rightbox_top_shadow.gif) repeat-x;
  }

  .right div.login .form {
    color: #ABC7ED;
    font-size: 10px;
    text-align: center;
  }

  .right div.login .form .inputbox {
    font-size: 10px;
    height: 12px;
    width: 100px;
    color: #000000;
    background: #FFFFFF;
    border: #CCCCCC 1px solid;
    margin: 0;
  }

  .right div.login .form p { margin: 5px; clear: left; }
  .right div.login .form label { margin: 0; width: 70px; float: left; text-align: right; margin-right: 5px; display: block; }

  .right #werbung {
    padding: 5px;
    color: #000000;
    background: #ABC7ED;
    text-align: center;
  }

/* Lábléc */
.footer_top { float: left; }
.footer_top div { width: 1000px; height: 42px; background: url(left_bottom_flower.gif) no-repeat; }
.footer_bottom { width: 1000px; height: 50px; background: #BDEE00; clear: left; color: #24345C; font-size: 10px; }
.footer_bottom img { border: 0px; position: relative; top: 4px; left: 10px; float: left; }
.footer_bottom div { padding: 0; }
.footer_bottom #hi { width: 150px; position: relative; top: 10px; left: 15px; float: left; }
.footer_bottom #footlink { margin-top: 7px; float: right; }
.footer_bottom #footlink ul { margin: 10px; padding: 0; list-style-type: none; }
.footer_bottom #footlink li { float: left; display: block; margin: 0; padding: 0 5px; border-right: 1px solid black; text-align: center; }
.footer_bottom #footlink li.last { border-right: none; } /* Gyikfos IE miatt kell mert nem ismeri az li + li-t. */

/*
-------
DarkBox
-------
*/
.content div.darkbox {
  margin: 1em;
  padding: 5px;
  border: #000000 1px solid;
  background: #ABC7ED;
  overflow: auto;
  clear: left;
  width: 440px;
}

/*
-------
BlueBox
-------
*/
.content div.bluebox {
  margin: 1em;
  padding: 5px;
  border: #ABC7ED 1px solid;
  background: #F2F7FC;
  overflow: auto;
  clear: left;
  width: 440px;
}

/*
-----------------------
BlueBox DarkBox alsóval
-----------------------
*/

.content div.bludarbox { float: left; }

.content div.bludarbox .bhead {
  width: 210px;
  margin: 0;
  padding: 5px;
  border: #ABC7ED 1px solid;
  background: #F2F7FC;
  overflow: auto;
  clear: left;
}

.content div.bludarbox .bfoot {
  width: 210px;
  margin: 0;
  padding: 5px;
  border: #ABC7ED 1px solid;
  background: #ABC7ED;
  overflow: auto;
  clear: left;
}


/*
--------------
Készüléklisták
--------------
*/
div.phones { margin: 0; padding: 0; text-align: center; }

div.phones .typelist { width: 100%; margin: 0; padding: 0; }
div.phones .typelist ul { margin: 0; padding: 0 0 0 0; list-style-image: url(hint.gif); }
div.phones .typelist li { display: inline; margin: 0; padding: 0 5px 0 0; border-right: 1px solid black; }

/*\*/
* html div.phones .typelist li { display: inline; margin: 0; padding: 0 0 0 5px; border-right: 1px solid black; } /* IE-hez padding */
/**/


div.phones .typelist li.last { border-right: none; } /* Gyikfos IE miatt kell mert nem ismeri az li + li-t. */

div.phones .phonelist { width: 100%; margin: 0; padding: 0; }
div.phones .phonelist td { margin: 0; padding: 0; border: #CCCCCC 1px solid; width: 25%; }
div.phones .phonelist img { width: 80px; border: 0; }

div.phones h1, h2, h3 { clear: left; text-align: left; }

div.phones table.datasheet { width: 100%; }
div.phones table.datasheet td { width: 50%; text-align: left; }

/*
---------
Cégadatok
---------
*/

div.dealers { margin: 0; }
div.dealers .dn { padding: 10px; color: #BFED06; font-size: 22px; text-align: center; } /* Cégnév */

div.dealers .bi { padding: 10px; background: #182548; text-align: center; } /* Főkép */
  div.dealers .bi img { border: 2px solid #BFED06; } /* Kép */

div.dealers .oh { padding: 20px; color: #BFED06; } /* Nyitvatartás */
div.dealers .oh .title { font-weight: bold; } /* Nyitvatartás cím */

div.dealers .od { margin-top: 10px; background: #182548; padding: 5px; padding-left: 20px; color: #FFFFFF; } /* Egyéb */
div.dealers .od a { color: #FFFFFF; } /* Egyéb */
div.dealers .od .title { color: #BFED06; } /* Egyéb cím */

/*
--------------------
Hirdetések listázása
--------------------
*/

/* Kategóriák listája */
.content div.catlist { width: 100%; margin: 0; padding: 0; text-align: center; }
.content div.catlist ul { margin: 0; padding: 0 0 0 0; list-style-image: url(hint.gif); }
.content div.catlist li { display: inline; margin: 0; padding: 0 5px 0 0; border-right: 1px solid black; }
/*\*/
* html .content div.catlist li { display: inline; margin: 0; padding: 0 0 0 5px; border-right: 1px solid black; } /* IE-hez padding */
/**/
.content div.catlist li.last { border-right: none; } /* Gyikfos IE miatt kell mert nem ismeri az li + li-t. */

/* Hirdetések listázása */
.content div.adverts {
  margin: 1em;
  padding: 5px;
  border: #ABC7ED 1px solid;
  background: #F2F7FC;
  overflow: auto;
  clear: left;
  width: 440px;
}

.content div.adverts:hover {
  background: #BDEE00;
}

.content div.adverts div.pi {
  background: #FFFFFF;
  border: none;
  margin: 0;
  padding: 0;
  width: 60px;
  float: left;
  text-align: center;
}

.content div.adverts div.pi img {
  border: 0px;
  width: 60px;
}

.content div.adverts div.pd {
  width: 375px;
  margin: 0;
  padding: 0;
  float: left;
}

.content div.adverts div.pd div.head { padding: 5px; clear: left; }
  .content div.adverts div.pd div.head div.subject { padding: 0px; font-size: 14px; font-weight: bold; float: left; }
  .content div.adverts div.pd div.head div.cost { padding: 0px; float: right; }

.content div.adverts div.pd div.desc {
  text-align: left;
  clear: both;
}

.content div.adverts div.pd div.bottom {
  text-align: right;
  clear: right;
}


/* Egyszerűsített hirdetés listázás */
.content div.shortadverts {
  margin-left: 1em;
  padding: 0;
  border-bottom: #ABC7ED 1px solid;
  background: #FFFFFF;
  overflow: visible;
  clear: left;
  width: 440px;
  height: 40px;
}

.content div.shortadverts div.pi {
  margin: 0;
  padding: 0;
  width: 60px;
  float: left;
  text-align: center;
}

.content div.shortadverts div.pi img {
  border: 0px;
  width: 60px;
}

.content div.shortadverts div.pd {
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
}

.content div.shortadverts div.pd div.desc {
  text-align: left;
  float: left;
}

.content div.shortadverts div.pd div.buttons { padding: 0px; float: right; }
.content div.shortadverts div.pd div.buttons img { border: none; }


/*
----------------------
Hirdetés megjelenítése
----------------------
*/
.content div.advertbox {
  margin: 1em;
  padding: 5px;
  width: 440px;
}

  .content div.advertbox div.head { width: 424px; }
    .content div.advertbox div.head div.flower { width: 24px; float: left; }
    .content div.advertbox div.head div.subject { margin: 0; padding: 0; width: 280px; float: left; font-size: 16px; font-weight: bold; color: #25345D; text-align: left; }
    .content div.advertbox div.head div.date { width: 140px; float: right; margin: 0; padding: 0; color: #74A726; text-align: right; line-height: 24px; }

  .content div.advertbox div.body { width: 424px; text-align: left; color: #25345D; }

  .content div.advertbox div.body div.image { width: 424px; text-align: center; }
  .content div.advertbox div.body div.image img { width: 125px; border: 0px; }

  .content div.advertbox div.body table { width: 100%; margin-top: 1em; border-collapse: collapse; }
  .content div.advertbox div.body td.odd { background: #FFFFFF; }
  .content div.advertbox div.body td.even { background: #E6EEF9; }

  .content div.advertbox table.buttons { width: auto; clear: left; }
    .content div.advertbox table.buttons td.buttonsLeft { width: 30px; }
      .content div.advertbox table.buttons td img { width: auto; border: none; }

/*
-----
Hírek
-----
*/

div.newsblock .bt { margin-top: 20px; background: #182548; padding: 5px; padding-left: 20px; color: #FFFFFF; font-size: 18px; font-weight: bold; } /* Hír blokk cím */
div.newsblock .bt .lg { color: #BFED06; } /* Hír blokk cím ződ */
div.newsblock div.newsbox { margin: 10px; padding-left: 10px; color: #FFFFFF; font-size: 11px; } /* Hír doboz */
div.newsblock div.newsbox div.title { font-size: 12px; font-weight: bold; } /* Hír címe */
div.newsblock div.newsbox div.date { color: #979D9D; } /* Dátum */
div.newsblock div.newsbox div.text { color: #FFFFFF; } /* Szöveg */
div.newsblock div.newsbox div.text a { color: #B2EF00; } /* Bővebben link színe */

.content div.news {
  margin: 1em;
  padding: 5px;
  border: #ABC7ED 1px solid;
  background: #F2F7FC;
  overflow: auto;
  clear: left;
  width: 440px;
}

.content div.news:hover {
  background: #BDEE00;
}

.content div.news div.head { padding: 5px; clear: left; }
  .content div.news div.head div.title { padding: 0px; font-size: 14px; font-weight: bold; float: left; }
  .content div.news div.head div.date { padding: 0px; float: right; }

.content div.news div.text { clear: left; margin: 0; padding: 1em; text-align: left; }