/*
$ http://www.clipper-vallalatiranyitas.hu $
$ style/style.css | 2008/10/18 08:50 | 2010/04/21 14:00 $
*/



/* GENERAL
------------------------------------------------------------------------------------------- */
html, body { margin: 0; padding: 0; color: #000; font: normal 12px verdana; }



/* HEADER
------------------------------------------------------------------------------------------- */
div#header { width: 100%; height: 217px; background-color: #1f2852; }
  div#header div.container { width: 980px; height: 217px; margin: 0 auto; padding: 0; position: relative; }
    div#header div.container div.header1 { width: 980px; height: 217px; background: url(header1.jpg) no-repeat 0 20px; }
    div#header div.container div.header2 { width: 980px; height: 217px; background: url(header2.jpg) no-repeat 0 20px; }
    div#header div.container div.header3 { width: 980px; height: 217px; background: url(header3.jpg) no-repeat 0 20px; }
    div#header div.container div.header4 { width: 980px; height: 217px; background: url(header4.jpg) no-repeat 0 20px; }
    div#header div.container div.header5 { width: 980px; height: 217px; background: url(header5.jpg) no-repeat 0 20px; }
    div#header div.container div.header6 { width: 980px; height: 217px; background: url(header6.jpg) no-repeat 0 20px; }
    div#header div.container div.header7 { width: 980px; height: 217px; background: url(header7.jpg) no-repeat 0 20px; }
    div#header div.container ul.nav { float: left; width: 980px; height: 14px; margin: 0; padding: 6px 0 0 0; list-style-type: none; }
    div#header div.container ul.nav li { float: right; height: 8px; padding: 0 7px; border-right: 1px solid #fff; text-transform: lowercase; line-height: 6px; }
    div#header div.container ul.nav li a { display: block; float: left; height: 10px; padding: 0 0 4px 0; color: #fff; font-size: 10px; text-decoration: none; }
    div#header div.container ul.nav li a:hover { text-decoration: underline; }
    div#header div.container ul.nav li.last { border-right: none; }
    div#header div.container a#logo { width: 166px; height: 68px; position: absolute; top: 20px; left: 0px; background: url(logo.jpg) no-repeat top left; text-indent: -50000px; }
    div#header div.container div#motto { float: left; width: 253px; height: 27px; margin: 0; padding: 47px 0 0 726px; }
    div#header div.container ul#menu { float: left; margin: 0; padding: 93px 0 0 0; list-style-type: none; }
      div#header div.container ul#menu li { float: left; margin: 0; padding: 0 5px 0 0; position: relative; }
        div#header div.container ul#menu li a { display: block; float: left; height: 23px; padding: 7px 10px 0 10px; color: #fff; background: url(menu.jpg) repeat-x 0 0; font-size: 12px; text-decoration: none; }
        div#header div.container ul#menu li a:hover { color: #000; background: url(menu.jpg) repeat-x 0 -30px; }
        div#header div.container ul#menu li:hover ul { display: block; }
        div#header div.container ul#menu li.hover ul { display: block; }
        div#header div.container ul#menu li ul { display: none; float: left; width: 175px; margin: 0; padding: 0 5px 5px 5px; position: absolute; top: 30px; z-index: 100; left: 0; list-style-type: none; background-color: #9bbad6; border-left: 1px solid #1f2852; border-right: 1px solid #1f2852; border-bottom: 1px solid #1f2852; }
          div#header div.container ul#menu li ul li { float: none; clear: left; height: 20px; margin: 0; padding: 0; }
            div#header div.container ul#menu li ul li a { display: block; width: 168px; height: 19px; margin: 0; padding: 4px 4px 0 4px; color: #1f2852; background: none; border-bottom: 1px solid #1f2852; }
            div#header div.container ul#menu li ul li a.last { border-bottom: none; }
            div#header div.container ul#menu li ul li a:hover { background: none; background-color: #fff; }



/* CONTENT
------------------------------------------------------------------------------------------- */
div#content { width: 980px; margin: 0 auto; padding: 0 0 0 0; overflow: hidden; }


/* Left */
div#content div.left { float: left; width: 660px; margin: 0; padding: 0 10px 10px 10px; overflow: hidden; }
  div#content div.left img.captcha { position: relative; left: 120px; }
  div#content div.left table { clear: both; }
  div#content div.left ul li { width: 90%; overflow: visible; }
    div#content div.left ul li a { display: block; width: auto !important; }
  div#content div.left .container { float: left; width: 100%; padding: 0 0 20px 0; border-bottom: 1px dashed #646464; overflow: hidden; }
    div#content div.left .container img { float: left; margin: 33px 15px 0 0;  }
  div#content div.left .containerSmall { float: left; width: 620px; padding: 0 0 20px 20px; border-bottom: 1px dashed #646464; overflow: hidden; }
    div#content div.left .containerSmall p { font-weight: normal; text-align: left; }
    div#content div.left .containerSmall h1 { padding: 5px 0 15px 0; font-size: 15px; font-weight: bold; }
    div#content div.left .containerSmall ul { clear: both; padding: 0 0 0 10px; color: #384951; font: normal 11px verdana; }
      div#content div.left .containerSmall ul li { padding: 2px 0 2px 10px; background: url(ul_ref.gif) no-repeat 0 8px; }
      div#content div.left .containerSmall ul li a { padding: 0; color: #384951; font: normal 11px verdana; }
      div#content div.left .containerSmall ul li a:hover { color: #e94a0f; }
  div#content div.left .containerLast { float: left; width: 100%; padding: 0 0 20px 0; overflow: hidden; }

  div#content div.left div.back { float: left; width: 543px; margin: 0; padding: 10px 0 40px 117px; }
    div#content div.left div.back a { display: block; float: left; width: 168px; height: 19px; color: #fff; margin: 0; padding: 5px 0 0 0; background: url(container_a.jpg) no-repeat 0 0; font-weight: normal; font-size: 10px; text-align: center; }
    div#content div.left div.back a:hover { color: #000; text-decoration: none; }
  div#content div.left div.backLeft { float: left; width: 543px; margin: 0; padding: 10px 0 40px 10px; }
    div#content div.left div.backLeft a { display: block; float: left; width: 168px; height: 19px; color: #fff; margin: 0; padding: 5px 0 0 0; background: url(container_a.jpg) no-repeat 0 0; font-weight: normal; font-size: 10px; text-align: center; }
    div#content div.left div.backLeft a:hover { color: #000; text-decoration: none; }

  div#content div.left h1 { margin: 0; padding: 14px 0 10px 0; color: #2e7fa0; font-size: 25px; font-weight: normal; }
    div#content div.left h1 strong { color: #8db6c2; font-weight: normal; }
  div#content div.left h2 { margin: 0; padding: 14px 0 10px 0; color: #cc3300; font-size: 25px; font-weight: normal; }
  div#content div.left h3 { margin: 0; padding: 14px 0 10px 10px; color: #2e7fa0; font-size: 15px; font-weight: bold; }
  div#content div.left h4 { margin: 0; padding: 0 5px 0 0; float: left; color: #2e7fa0; font-weight: bold; font-size: 15px; }
  div#content div.left h5 { font-size: 10px; float: left; margin: 0; padding: 3px 0 0 0; color: #84979c; }

  div#content div.left p { margin: 0; padding: 10px 0; color: #384951; font-size: 10px; line-height: 15px; }
    div#content div.left p a { display: inline; padding: 0; }

  /*div#content div.left span { padding-right: 5px; float: left; color: #2e7fa0; font-weight: bold; font-size: 15px; }*/
  div#content div.left a { display: block; padding: 15px 0 0 12px; color: #cc3300; background: none; font-weight: bold; text-decoration: none; }
  div#content div.left a.download { color: red; }
  div#content div.left a.pdf { float: left; clear: both; width: auto; height: auto; margin: 5px 0; padding: 0 0 0 20px; background: url(left_icon_pdf.jpg) no-repeat 0 0; }
  div#content div.left a:hover { text-decoration: underline; }

  div#content div.left div.box { float: left; width: 660px; margin: 0; padding: 0 0 15px 0; border-bottom: 1px dashed #c0c9c9; }
    div#content div.left div.box img { float: left; margin: 0 5px 0 0; border: 2px solid #9bbad6; }
    div#content div.left div.box img:hover { border: 2px solid #cc3300; }
    div#content div.left div.box a.download { overflow: hidden; margin: 0; padding: 0; color: #1f2852; font-size: 15px; font-weight: normal; }
    div#content div.left div.box p { float: both; margin: 0; padding: 10px 0; color: #000; font-size: 12px; line-height: 18px; text-align: justify; }
    div#content div.left div.box p.small {  margin: 0; padding: 10px 0; color: #384951; font-size: 10px; line-height: 15px; text-align: justify; }
    div#content div.left div.box span { padding: 10px 0; }
    div#content div.left div.box ul { clear: both; padding: 0 0 0 10px; }
      div#content div.left div.box ul li { padding: 2px 0 2px 10px; background: url(ul_ref.gif) no-repeat 0 8px !important; }
      div#content div.left div.box ul li a { padding: 0; color: #384951; font: normal 12px verdana; }
      div#content div.left div.box ul li a:hover { color: #e94a0f; }
    div#content div.left div.box table td img,
    div#content div.left div.box table td img:hover { border: none; }

  div#content div.left div.boxLast { float: left; margin: 0; padding: 0 0 15px 0; }
    div#content div.left div.boxLast p { margin: 0; padding: 10px 0; color: #000; font-size: 12px; line-height: 18px; text-align: justify; }
  div#content div.left h2.quote { background: url(quote_start.jpg) no-repeat 0 15px; text-indent: 25px; }
    div#content div.left h2.quote a { display: inline; margin: 0; padding: 0; color: #cc3300; font-weight: normal; text-decoration: none !important; }
    div#content div.left h2.quote img { float: none; margin: 0; padding-left: 7px; border: none; }
    div#content div.left h2.quote img:hover { border: none; }

  div#content div.left div.container img { float: left; margin-top: 40px; border: 1px solid #000; }
  div#content div.left div.boxLogin { float: left; width: 633px; margin: 0; padding: 0 10px 15px 15px; border-bottom: 1px dashed #c0c9c9; }
    div#content div.left div.boxLogin div.container { width: 621px; margin: 5px 0; padding: 5px; background-color: #9bbad6; border: none; border: 1px solid #2e7fa0; }
      div#content div.left div.boxLogin div.container h2 { margin: 0; padding: 5px 0; color: #fff; font-size: 15px; font-weight: bold; }
      div#content div.left div.boxLogin div.container h2 strong { color: #1f2852; }
      div#content div.left div.boxLogin div.container div.question { padding: 7px; background-color: #cddcea; border: 1px solid #2e7fa0; }
      div#content div.left div.boxLogin div.container div.reply { padding: 7px; background-color: #fff; border: 1px solid #2e7fa0; }
    div#content div.left div.boxLogin p { clear: both; width: 90%; }
    div#content div.left div.boxLogin span { float: left; clear: both; padding: 10px 0 0 0; }
    div#content div.left div.boxLogin div.navbar { float: left; width: 633px; height: 24px; margin: 15px 0 10px 0; padding: 0; }
    div#content div.left div.boxLogin div.boxLeft { float: left; clear: left; width: 290px; height: 174px; padding: 7px; background-color: #cddcea; border: 1px solid #2e7fa0; overflow: hidden; }
      div#content div.left div.boxLogin div.boxLeft span { margin: 0; padding: 0; }
      div#content div.left div.boxLogin div.boxLeft p { width: 100%; text-align: left; }
    div#content div.left div.boxLogin div.boxRight { float: right; width: 300px; height: 174px; padding: 7px; background-color: #cddcea; border: 1px solid #2e7fa0; overflow: hidden; }
      div#content div.left div.boxLogin div.boxRight form p { width: 300px; margin: 0; padding: 0 0 5px 0; color: #2e7fa0; line-height: 11px; }
      div#content div.left div.boxLogin div.boxRight form label { width: 44px; color: #36454e; }
      div#content div.left div.boxLogin div.boxRight form textarea.inputarea { width: 242px; height: 112px; padding: 3px; background: url(left_boxLeft_textarea.jpg) no-repeat 0 0; font: normal 10px verdana; border: none; }
      div#content div.left div.boxLogin div.boxRight input.nbutton { float: left; width: 81px; height: 24px; padding: 0 0 2px 0; background: url(left_boxLeft_btnSubmit.jpg) no-repeat 0 0; font: normal 10px verdana; border: none; }
      div#content div.left div.boxLogin div.boxRight form input.nbutton { float: right; }

  div#content div.left ul { margin: 0; padding: 0; list-style-type: none; }
    div#content div.left ul li { padding: 2px 0; line-height: 18px; }

  div#content div.left ul.ref { padding: 0 0 0 10px; }
    div#content div.left ul.ref li { width: 500px; padding: 2px 0 0 10px; background: url(ul_ref.gif) no-repeat 0 7px; line-height: 14px; }
    div#content div.left ul.ref li a { padding: 0; color: #384951; font: normal 12px verdana; }
    div#content div.left ul.ref li a:hover { color: #e94a0f; }

  div#content div.left div.navbar { width: 650px; height: 24px; margin: 0 0 10px 0; padding: 0px; }
    div#content div.left div.navbar img { margin: 0; padding: 0; border: none; }
    div#content div.left div.navbar div.navbarLeft { width: 70%; float: left; text-align: left; }
      div#content div.left div.navbar div.navbarLeft a.nav { float: left; padding: 0; background: none; }
      div#content div.left div.navbar div.navbarLeft a.nav:hover { background:none; }
      div#content div.left div.navbar div.navbarLeft a { display: block; float: left; clear: none; width: 25px; height: 20px; margin: 0 3px 0 0; padding: 5px 0 0 0; color: #fff; background: url(navbar_num.jpg) no-repeat top left; font: bold 12px arial; text-align: center; text-decoration: none; }
      div#content div.left div.navbar div.navbarLeft a:hover { background: url(navbar_num.jpg) no-repeat 0 -25px; text-decoration: none; }
      div#content div.left div.navbar div.navbarLeft a.active { float: left; background: url(navbar_num.jpg) no-repeat 0 -25px; }
      div#content div.left div.navbar div.navbarLeft div { display: block; float: left; clear: none; width: 28px; height: 25px; margin: 0; padding: 0; }
    div#content div.left div.navbar div.navbarRight { float: left; width: 30%; margin: 0; padding: 8px 0 0 0; color: #82959a; font: normal 10px verdana, arial; text-align: right; }
      div#content div.left div.navbar div.navbarRight select.inputlist { display: inline; width: 42px; color: #46565f; background-color: #c0c9c9; border: 1px solid #46565f; font: bold 10px verdana, arial; }
      div#content div.left div.navbar div.navbarRight span { display: inline; float: none; font-weight: bold; }

  div#content div.left div.boxActual { float: left; width: 100%; padding: 10px 0; font-size: 10px; border-bottom: 1px dashed #646464; }
  div#content div.left div.boxActual img { float: left; margin: 0 10px 0 0; border: 1px solid #000; }
  div#content div.left div.boxActual a.more { display: block; float: left; width: 103px; height: 19px; margin: 0; padding: 5px 0 0 0; color: #fff; background: url(boxActual_a.jpg) no-repeat 0 0; font-weight: normal; text-align: center; }
  div#content div.left div.boxActual a.more:hover { color: #000; text-decoration: none; }
    div#content div.left div.text { float: left; width: 530px; color: #384951; text-align: justify; }
      div#content div.left div.text p { float: left; width: 530px; color: #384951; text-align: left; line-height: 12px; font-size: 10px; }

  div#content div.left table.home { width: 100%; color: #1f2852; background-color: #9bbad6; border: 1px solid #1f2852; }
  div#content div.left table td.left { width: 50px; height: 14px; margin: 0; padding: 4px 5px 0 0; color: #b0b8bb; text-align: right; }
  div#content div.left table td.right { height: 14px; margin: 0; padding: 4px 0 0 0; color: #617278; text-align: left; }
  div#content div.left div.contactLeft { float: left; width: 300px; color: #617278; overflow: hidden; font-size: 12px; }
    div#content div.left div.contactLeft a { font-size: 12px; padding-right: 10px; }
    div#content div.left div.contactLeft p { clear: left; }
    div#content div.left div.contactLeft table { clear: left; margin: 0; padding: 0; border-collapse: collapse; }
      div#content div.left div.contactLeft table td { width: auto !important; margin: 0; padding: 4px 0; }
        div#content div.left div.contactLeft table td p { margin: 0; padding: 0; color: #617278; }
        div#content div.left div.contactLeft table td a { display: block; width: auto; float: left; overflow: hidden; }

  div#content div.left div.contactRight { float: left; width: 300px; overflow: hidden; }
    div#content div.left div.contactRight form { margin: 0; padding: 0; }
      div#content div.left div.contactRight form img,
      div#content div.left div.contactRight form img:hover { border: none; }
      div#content div.left div.contactRight form p { float: left; margin: 0; padding: 1px 0; color: #7f7f7f; font-size: 10px; line-height: 12px; }
      div#content div.left div.contactRight form p label { float: left; display: block; width: 45px; margin: 0;  }
      div#content div.left div.contactRight form img.captcha { position: relative; left: 50px; }
      div#content div.left div.contactRight form input.inputbox { float: left; clear: right; }
      div#content div.left div.contactRight form p.small { float: left; width: 245px; padding: 0 0 5px 50px; color: #7f7f7f; font-size: 10px; line-height: 11px; text-align: left; }
      div#content div.left div.contactRight form textarea { float: left; width: 197px; height: 65px; padding: 1px 4px 0 4px; background: url(left_textarea.jpg) no-repeat 0 0; font: normal 10px verdana; border: none; }
      div#content div.left div.contactRight form input.nbutton { margin: 0 0 0 47px; }

  div#content div.left form { float: left; width: 330px; }
    div#content div.left form img { float: left !important; margin: 0 !important; padding: 0 !important; border: none !important; }
    div#content div.left form p { clear: left; margin: 0; padding: 2px 0; }
    div#content div.left form label { display: block; float: left; clear: left; width: 120px; padding: 2px 4px 0 0; text-align: right; }
    div#content div.left input.inputbox { float: left; width: 197px; height: 20px; padding: 1px 4px 0 4px; background: url(left_inputBox.jpg) no-repeat 0 0; font-size: 10px; border: none; }
    div#content div.left input.nbutton { float: right; width: 77px; height: 19px; padding: 0 0 1px 0; color: #fff; background: url(left_btnSubmit.jpg) no-repeat 0 0; font: normal 10px verdana; text-align: center; border: none; cursor: pointer; }
    div#content div.left input.nbutton:hover { color: #000; }

  div#content div.left table { padding: 0 0 0 15px; line-height: 18px; }
    div#content div.left table td { width: 300px; margin: 0; padding: 15px 0; }
      div#content div.left table td img { margin: 0; padding: 0; border: none; }
      div#content div.left table td a { display: inline; margin: 0; padding: 0; color: #2e7fa0; background: none; font-size: 12px; font-weight: bold; }
      div#content div.left table td a:hover { color: #e94a0f; text-decoration: none; }
      div#content div.left table.contact td a { display: inline; margin: 0; padding: 0 10px 0 0; color: #2e7fa0; background: url(table_a.jpg) no-repeat right 6px; font-size: 12px; font-weight: bold; }
      div#content div.left table td p { clear: left; }


/* Right */
div#content div.right { float: right; width: 280px; background: url(right.jpg) no-repeat center 0; background-color: #9bbad6; border-left: 10px solid #fff;; border-right: 10px solid #fff; }
  div#content div.right h2 { margin: 0; padding: 2px 0; color: #fff; font-size: 20px; font-weight: normal; }
  div#content div.right h3 { color: #fff; margin: 0; padding: 0 0 15px 0; font-size: 12px; text-transform: uppercase; }
  div#content div.right p { margin: 0; padding: 5px 0 7px 0; color: #1f2852; text-align: justify; }
  div#content div.right a { display: block; width: 142px; height: 23px; padding: 1px 0 0 0; color: #fff; font-size: 10px; background: url(right_a.gif) no-repeat 0 0; text-decoration: none; text-align: center; }
  div#content div.right a:hover { color: #000; }
  div#content div.right img { clear: left; float: left; margin-top: 2px; border: 1px solid #969696; }

  div#content div.right div.box { float: left; width: 260px; padding: 0 10px 7px 10px; border-bottom: 2px solid #fff; }
  div#content div.right div.boxLogin { float: left; width: 260px; padding: 0 10px 7px 10px; background-color: #9bbad6; border-bottom: 2px solid #fff; }
    div#content div.right div.boxLogin a { width: auto; margin: 0; padding: 0 0 0 20px; color: #fff; background: none; font-weight: bold; font-size: 12px; text-align: left; }
    div#content div.right div.boxLogin a:hover { text-decoration: underline; }
    div#content div.right div.boxLogin a.btnLogout { float: left; width: 104px; height: 19px; margin: 10px 0 0 0; padding: 5px 0 0 0; background: url(right_btn_logout.jpg) no-repeat 0 0; font: normal 10px verdana; text-align: center; }
    div#content div.right div.boxLogin a.btnLogout:hover { text-decoration: none; }
    div#content div.right div.boxLogin div.box { margin: 0; padding: 0 0 15px 0; border-bottom: 1px dashed #000; }
      div#content div.right div.boxLogin div.box a.pdf { margin: 0; padding: 4px 0 6px 20px; background: url(right_icon_pdf.jpg) no-repeat 0 4px; text-align: left; }

  div#content div.right div.boxHotline { float: left; width: 260px; height: 313px; padding: 0 10px 7px 10px; background: url(hotline.jpg) no-repeat right bottom; border-bottom: 2px solid #fff; }
    div#content div.right div.boxHotline p { float: left; width: 220px; margin: 0; padding: 5px 0; color: #333366; font-size: 10px; line-height: 12px; }
    div#content div.right div.boxHotline p.phone { color: #fff; font-size: 16px; font-weight: bold; }

  div#content div.right span { display: block; color: #2e7fa0; margin: 0; padding: 10px 0 15px 0; font-size: 15px; font-weight: bold; }
  div#content div.right div.boxNews { float: left; width: 260px; padding: 0 10px 7px 10px; border-bottom: 2px solid #fff; background-color: #8fabc9; }
    div#content div.right div.boxNews img { width: 50px; height: 50px; }
    div#content div.right div.boxNews p { float: right; width: 200px; margin: 0; padding: 0; color: #000; font-size: 10px; line-height: 14px; }
    div#content div.right div.boxNews a { display: block; float: left; width: 107px; height: 19px; margin: 7px 0 0 0; padding: 3px 0 0 0; color: #ccc; background: url(boxNews_a.jpg) no-repeat 0 0; text-align: center; }
    div#content div.right div.boxNews div.date { float: left; clear: both; width: 100%; padding: 0 0 10px 0; color: #fff; font-size: 10px; }

  div#content div.right form { margin: 0; padding: 0; }
    div#content div.right form label { display: block; float: left; width: 90px; height: 12px; padding: 1px 3px 0 0; text-align: right; }
    div#content div.right form input.inputbox { width: 104px; height: 14px; padding: 1px 2px 0 2px; background: url(right_inputBox.jpg) no-repeat 0 0; border: none; font-size: 10px; }
    div#content div.right form input.lbutton { float: right; margin-bottom: 10px; margin-right: 58px; color: #fff; background: none; background-color: #1f2852; font-size: 10px; border: 1px solid #000; cursor: pointer; }
    div#content div.right form p { clear: both; margin: 0; padding: 4px 0; font-size: 10px;  }
      div#content div.right form p span { clear: both; margin: 0; padding: 0; font-size: 10px; color: #666699; }



/* FOOTER
------------------------------------------------------------------------------------------- */
div#footer { width: 100%; height: 80px; padding: 20px 0 0 0; background: url(footer.jpg) repeat-x 0 0; }
  div#footer div.container { width: 980px; height: 80px; margin: 0 auto; }
    div#footer div.container p { float: left; clear: left; width: 480px; margin: 0; padding: 15px 0 0 10px; color: #9999cc; font-size: 10px; text-align: justify; }
    div#footer div.container .logos { float: right; padding: 5px 0 0 0; }
      div#footer div.container .logos a { text-decoration: none; }
      div#footer div.container .logos img { border: none; }
    div#footer div.container ul.nav { float: left; height: 14px; margin: 0; padding: 0; list-style-type: none; }
      div#footer div.container ul.nav li { float: left; padding: 0 10px; border-right: 1px solid #9999cc; line-height: 6px; }
        div#footer div.container ul.nav li a { display: block; float: left; height: 11px; color: #9999cc; font-size: 10px; text-decoration: none; line-height: 10px; }
        div#footer div.container ul.nav li a:hover { color: #fff; }
      div#footer div.container ul.nav li.last { border-right: none; }