/*
$ http://www.nyomtatas.hu $
$ style/style.css | 2008/11/17 11:15 | 2008/12/18 09:28 $
*/

body { margin: 0; padding: 0; font-family: Verdana, Arial; font-size: 12px; color: #211F20; }

a:link { color: #00BCF2; text-decoration: none; }
a:visited { color: #00BCF2; text-decoration: none; }
a:hover { color: #211F20; text-decoration: underline; }


/*
  --------------------
  - Fejléc -----------
  --------------------
*/
div#header { clear: left; position: relative; margin: 0; padding: 0; min-width: 980px; width: 100%; height: 270px; background: url(header_bg.gif) repeat-x top left; overflow: hidden; }
  a#logo { display: block; float: left; position: absolute; top: 0px; left: 0px; width: 510px; height: 270px; background: url(logo.gif) no-repeat top left; text-indent: -5000px; }
  a.logo { display: block; float: left; position: absolute; top: 25px; left: 560px; width: 291px; height: 86px; background-repeat: no-repeat; background-position: top left; text-indent: -5000px; }

  ul#toplinks { position: absolute; top: 0px; left: 770px; margin: 0; padding: 5px 0 0 0; width: auto; list-style-type: none; }
    ul#toplinks li { float: left; margin: 0; padding: 0 7px 0 5px; color: #020202; background: url(ulli_sep.gif) no-repeat right 4px; font-size: 11px; }
      ul#toplinks li a { color: #020202 !important; }
      ul#toplinks li a:hover { color: #9C9C9C !important; text-decoration: none; }
    ul#toplinks li.last { background: none; }

  ul#menu { float: left; position: absolute; top: 133px; left: 530px; margin: 0; padding: 0; height: 34px; list-style-type: none; overflow: hidden; }
    ul#menu li { float: left; margin: 0; padding: 0; }
      ul#menu li a { display: block; padding: 12px 0 0 0; height: 22px; color: #8E8E8E; background-position: top left; text-align: center; overflow: hidden; }
      ul#menu li a:hover { color: #fff; background-position: bottom left !important; text-decoration: none; }
      ul#menu li a.menu_132 { width: 132px; background: url(menu1_bg.gif) no-repeat top left; }
      ul#menu li a.menu_104 { width: 104px; background: url(menu2_bg.gif) no-repeat top left; }
      ul#menu li a.menu_106 { width: 106px; background: url(menu3_bg.gif) no-repeat top left; }


/*
  --------------------
  - Tartalom ---------
  --------------------
*/
div#content { float: left; position: relative; top: -40px; left: 150px; width: 980px; min-height: 150px; height: auto !important; height: 150px; }
    p#breadcrump { margin: 0; padding: 0 0 0 30px; color: #A1A1A1; font-size: 10px; }
      p#breadcrump a { color: #A1A1A1; }
      p#breadcrump a:hover { color: #A1A1A1; text-decoration: underline; }

    h1 { margin: 15px 0 5px 0; padding: 0 0 0 15px; color: #00BCF2; font-size: 20px; font-weight: normal; }
    h1 a { color: #00BCF2 !important; font-size: 20px; font-weight: normal; text-decoration: none !important; }
    h2 { margin: 10px 0 5px 0; padding: 0 0 0 47px; color: #B4B4B4; font-size: 20px; font-weight: normal; }
    h2 a { color: #B4B4B4 !important; font-size: 20px; font-weight: normal; text-decoration: none !important; }

    ul { margin: 0; padding: 5px 0 10px 10px; list-style-type: none; }
      ul li { display: block; margin: 0; padding: 0 0 0 12px; min-height: 14px; height: auto !important; height: 14px; background: url(li_big.gif) no-repeat 0px 5px; }

      ul li ul { margin: 0; padding: 5px 0 10px 20px; list-style-type: none; }
        ul li ul li { margin: 0; padding: 0 0 0 12px; background: url(li_small.gif) no-repeat 0px 6px; }

    ul.download { margin: 0; padding: 0 0 0 10px; list-style-type: none; }
      ul.download li { display: block; padding: 7px 0 0 40px !important; width: 542px !important; height: 24px !important; background: url(icon_pdf.gif) no-repeat 0px 0px !important; }
        ul.download li a { color: #202020; }

    /* Kapcsolat */
    div.contactLeft { float: left; width: 400px; overflow: hidden; }
      div.contactLeft h1 { margin: 15px 0; padding: 0 0 0 15px; color: #00BCF2; font-size: 20px; font-weight: normal; }
      div.contactLeft table { margin: 0; padding: 0; border-collapse: collapse; border: none; }
        div.contactLeft table td { padding: 3px; color: #414141; vertical-align: top; }
        div.contactLeft table td.left { text-align: right; }
          div.contactLeft table td.left span { color: #00BCF2; font-size: 10px; }
        div.contactLeft table td.right { color: #959595; text-align: left; }
          div.contactLeft table td.right a { color: #959595; font-size: 10px; }
    div.contactRight { float: left; width: 290px; overflow: hidden; }
      div.contactRight h1 { margin: 15px 0; padding: 0 0 0 15px; color: #00BCF2; font-size: 20px; font-weight: normal; }
      div.contactRight p { margin: 0; padding: 0 0 5px 80px; color: #959595; font-size: 10px; }
      div.contactRight form p { margin: 0; padding: 4px 0px; color: #959595; font-size: 10px; }

    div.map { position: relative; left: 35px; margin: 0; padding: 0; width: 500px; height: 300px; border: #BFBFBF 1px solid; overflow: hidden; }

    /* Űrlapok */
    form { margin: 0; padding: 0; }
      form p { clear: left; margin: 0; padding: 3px 0; }
        form p label { display: block; float: left; margin: 0; padding: 0 5px 0 0; width: 70px; color: #010101; font-size: 11px; text-align: right; }
      form p input.inputbox_65x16 { display: block; float: left; margin: 14px 0 0 0; padding: 2px; width: 61px; height: 12px; background: url(inputbox_65x16.gif) no-repeat 0px 0px; font-size: 11px; border: none; }
      form p input.inputbox_211x16 { display: block; float: left; margin: 0; padding: 2px; width: 207px; height: 12px; background: url(inputbox_211x16.gif) no-repeat 0px 0px; font-size: 11px; border: none; }
      form p textarea.inputarea_211x100 { display: block; float: left; margin: 0; padding: 2px; width: 207px; height: 96px; background: url(inputarea_211x100.gif) no-repeat 0px 0px; font-size: 11px; border: none; overflow: hidden; }
      form p input.nbutton { display: block; margin: 0; padding: 0; width: 79px; height: 16px; color: #fff; background: url(button_79x16.gif) no-repeat 0px 0px; font-size: 11px; border: none; cursor: pointer; }

    /* Tevékenységek */
    div.tabBox { clear: left; margin: 0 0 2px 0; padding: 0; width: 790px; overflow: hidden; }
      div.tabBox h2 { clear: left; margin: 0; padding: 0 20px 0 10px; width: 501px; height: 25px; color: #232122; background: url(tab_bg.gif) no-repeat top left; font-size: 18px; overflow: hidden; }
        div.tabBox h2 a { color: #232122 !important; }
        div.tabBox h2 a:hover { color: #02BCED !important; text-decoration: none; }
      div.tabBox div.tabBoxContent { display: block; margin: 0; padding: 0 0 0 25px; position: relative; top: 10px; width: 770px; height: auto; overflow: hidden; }
        div.tabBox div.tabBoxContent div.tabBoxContentL { float: left; margin: 0; padding: 0 10px 0 0; width: 500px; }
          div.tabBox div.tabBoxContent div.tabBoxContentL p { margin: 0; padding: 0 0 15px 0; }
        div.tabBox div.tabBoxContent div.tabBoxContentR { float: left; margin: 0; padding: 0 0 10px 0; width: 251px; height: 251px; background: url(rightBox_bg.gif) no-repeat top left; text-align: center; }
          div.tabBox div.tabBoxContent div.tabBoxContentR h3 { margin: 0; padding: 0 0 5px 0; color: #858585; line-height: 32px; }
          div.tabBox div.tabBoxContent div.tabBoxContentR img { border: none; }
          div.tabBox div.tabBoxContent div.tabBoxContentR a.more { display: block; margin: 5px auto; width: 230px; height: 16px; color: #fff; background: url(button_230x16.gif) no-repeat top left; font-size: 11px; }
          div.tabBox div.tabBoxContent div.tabBoxContentR a.more:hover { text-decoration: none; }

    div.hr { clear: left; margin: 0; padding: 2px 0; width: 780px; height: 1px; font-size: 1px; line-height: 1px; border-bottom: #A2A2A2 1px solid; overflow: hidden; }
    div.clearfix { clear: left; margin: 0; padding: 2px 0; width: 100%; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; }


/*
  --------------------
  - Lábléc -----------
  --------------------
*/
div#footer { float: left; position: relative; min-width: 980px; width: 100%; height: 367px; background: url(footer_inner_bg.gif) no-repeat top left; overflow: hidden; }
  a#szinpatikusok { display: block; position: absolute; top: 304px; left: 100px; width: 184px; height: 61px; background: url(logo_szinpatikusok.gif) no-repeat top left; text-indent: -5000px; }
  a#bitech { display: block; position: absolute; top: 293px; left: 316px; width: 30px; height: 32px; background: url(logo_bitech.gif) no-repeat top left; text-indent: -5000px; }
  a#formacio { display: block; position: absolute; top: 293px; left: 346px; width: 39px; height: 32px; background: url(logo_formacio.gif) no-repeat top left; text-indent: -5000px; }
  a#realprint { display: block; position: absolute; top: 305px; left: 506px; width: 74px; height: 30px; background: url(logo_realprint.gif) no-repeat top left; text-indent: -5000px; }
  a#realprint:hover { background: url(logo_realprint.gif) no-repeat bottom left; }
  a#reklammester { display: block; position: absolute; top: 305px; left: 580px; width: 79px; height: 30px; background: url(logo_reklammester.gif) no-repeat top left; text-indent: -5000px; }
  a#reklammester:hover { background: url(logo_reklammester.gif) no-repeat bottom left; }
  a#xlpixel { display: block; position: absolute; top: 305px; left: 659px; width: 74px; height: 30px; background: url(logo_xlpixel.gif) no-repeat top left; text-indent: -5000px; }
  a#xlpixel:hover { background: url(logo_xlpixel.gif) no-repeat bottom left; }
  a#x-print { display: block; position: absolute; top: 305px; left: 733px; width: 73px; height: 30px; background: url(logo_x-print.gif) no-repeat top left; text-indent: -5000px; }
  a#x-print:hover { background: url(logo_x-print.gif) no-repeat bottom left; }
  a#realpress { display: block; position: absolute; top: 305px; left: 811px; width: 74px; height: 30px; background: url(logo_realpress.gif) no-repeat top left; text-indent: -5000px; }
  a#realpress:hover { background: url(logo_realpress.gif) no-repeat bottom left; }