/*
$ http://www.kezeslabas.hu $
$ style/style.css | 2007/01/27 14:22 $
$ LM: 2008/01/23 15:11 $
*/

body { margin: 0; padding: 0; font-family: Arial, Helvetica, Sans-serif; font-size: 10px; color: #000000; background-color: #D6DF22; }

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

input.inputbox { color: #FFFFFF; background: #9FAB23 url(input_bg.gif) repeat-x top; border: none; width: 120px; padding: 2px; font-size: 11px; }
textarea.inputarea { color: #FFFFFF; background: #9FAB23 url(input_bg.gif) repeat-x top; border: none; width: 120px; height: 80px; padding: 2px; font-size: 11px; }
input.button { color: #D6DF22; background: #3D410F; border: #78811C 1px solid; cursor: pointer; padding: 2px; margin-bottom: 3px; height: 20px; font-size: 11px; letter-spacing: 1px; }
p { clear: left; margin: 5px; color: #78811C; }
label { float: left; text-align: right; margin-right: 2px; width: 50px; }

div#container {
  float: left;
  width: 855px;
  background: url(legg.gif) repeat-y top right;
}

  div#content {
    float: left;
    width: 765px;
    border-left: #F72394 15px solid;
    border-bottom: #F72394 15px solid;
    background-color: #FFFFFF;
    min-height: 700px;
    height: auto !important;
    height: 700px;
  }

    div#header {
      width: 765px;
    }

      div#header div#logo { float: left; width: auto; }
        div#header div#logo a { display: block; width: 299px; height: 69px; position: relative; left: 40px; }
        div#header div#logo img.logo { border: none; }
        div#header div#logo img.slogan { display: block; width: 252px; height: 22px; position: relative; left: 140px; }

      div#header ul#toplinks { float: right; list-style-type: none; font-size: 11px; position: relative; top: 20px; }
        div#header ul#toplinks li { float: left; border-right: #493558 1px solid; padding: 0 10px; }
        div#header ul#toplinks li a { text-decoration: underline; }
        div#header ul#toplinks li.last { float: left; border-right: none; padding: 0 10px; }
        div#header ul#toplinks li.signin { clear: left; width: 270px; color: #F72394; font-size: 16px; padding: 10px 10px 0 10px; border-right: none; letter-spacing: 1px; }

      div#header ul#menu { float: left; list-style-type: none; font-size: 11px; margin: 0; padding: 10px; position: relative; top: 52px; width: 560px; }
        div#header ul#menu li { float: left; padding: 0 5px; }
        div#header ul#menu li a.menu1 { display: block; background: url(gomb_01.gif) no-repeat; width: 84px; height: 21px; margin: 0; padding: 7px 0 0 0; text-align: center; font-size: 14px; }
        div#header ul#menu li a.menu1:hover { display: block; background: url(gomb_01_over.gif) no-repeat; text-decoration: none; }

        div#header ul#menu li a.menu2 { display: block; background: url(gomb_02.gif) no-repeat; width: 88px; height: 21px; margin: 0; padding: 7px 0 0 0; text-align: center; font-size: 14px; }
        div#header ul#menu li a.menu2:hover { display: block; background: url(gomb_02_over.gif) no-repeat; text-decoration: none; }

        div#header ul#menu li a.menu3 { display: block; background: url(gomb_03.gif) no-repeat; width: 73px; height: 21px; margin: 0; padding: 7px 0 0 0; text-align: center; font-size: 14px; }
        div#header ul#menu li a.menu3:hover { display: block; background: url(gomb_03_over.gif) no-repeat; text-decoration: none; }

        div#header ul#menu li a.menu4 { display: block; background: url(gomb_04.gif) no-repeat; width: 44px; height: 21px; margin: 0; padding: 7px 0 0 0; text-align: center; font-size: 14px; }
        div#header ul#menu li a.menu4:hover { display: block; background: url(gomb_04_over.gif) no-repeat; text-decoration: none; }

        div#header ul#menu li a.menu5 { display: block; background: url(gomb_05.gif) no-repeat; width: 59px; height: 21px; margin: 0; padding: 7px 0 0 0; text-align: center; font-size: 14px; }
        div#header ul#menu li a.menu5:hover { display: block; background: url(gomb_05_over.gif) no-repeat; text-decoration: none; }

        div#header ul#menu li.active a.menu1 { display: block; background: url(gomb_01_over.gif) no-repeat; width: 84px; height: 21px; margin: 0; padding: 7px 0 0 0; text-align: center; font-size: 14px; }
        div#header ul#menu li.active a.menu2 { display: block; background: url(gomb_02_over.gif) no-repeat; width: 88px; height: 21px; margin: 0; padding: 7px 0 0 0; text-align: center; font-size: 14px; }
        div#header ul#menu li.active a.menu3 { display: block; background: url(gomb_03_over.gif) no-repeat; width: 73px; height: 21px; margin: 0; padding: 7px 0 0 0; text-align: center; font-size: 14px; }
        div#header ul#menu li.active a.menu4 { display: block; background: url(gomb_04_over.gif) no-repeat; width: 44px; height: 21px; margin: 0; padding: 7px 0 0 0; text-align: center; font-size: 14px; }
        div#header ul#menu li.active a.menu5 { display: block; background: url(gomb_05_over.gif) no-repeat; width: 59px; height: 21px; margin: 0; padding: 7px 0 0 0; text-align: center; font-size: 14px; }

      div#header div#cat { float: left; margin: 0; padding: 0; width: 140px; height: 90px; }

      div#header div#submenu { float: left; min-height: 150px; height: auto !important; height: 150px; background-color: #D6DF22; padding: 10px 0; }
        div#header div#submenu ul { float: left; width: 500px; list-style-type: none; font-size: 14px; margin: 0; padding: 0; overflow: hidden; }
          div#header div#submenu li { clear: left; padding: 0; color: #493558; background: #D6DF22; padding: 1px; font-weight: bold; text-indent: 10px; }
          div#header div#submenu li a { display: block; width: 500px; font-weight: bold; border-bottom: #E2E965 1px solid; }
          div#header div#submenu li.last a { display: block; width: 500px; text-indent: 10px; font-weight: bold; border-bottom: none; }

            div#header div#submenu li ul { clear: left; background: #D6DF22; }
            div#header div#submenu li ul li { clear: left; background: #D6DF22; font-weight: normal; text-indent: 40px; }
            div#header div#submenu li ul li a { display: block; width: 500px; font-weight: normal; border-bottom: #E2E965 1px solid;  }

      div#header div#submenu div#newsbox {
        background-color: #ECF1B7;
        width: 245px;
        height: 130px;
        float: left;
        border: #DAE570 5px solid;
        padding: 5px;
      }

        div#header div#submenu div#newsbox h1 { margin: 5px 5px 0 5px; font-size: 14px; color: #493558; }
        div#header div#submenu div#newsbox h3 { margin: 0 0 0 5px; font-size: 10px; font-weight: normal; color: #493558; }
        div#header div#submenu div#newsbox p { margin: 10px 0 10px 5px; font-size: 11px; color: #500D2F; }
          div#header div#submenu div#newsbox p a { color: #500D2F; text-decoration: underline; }

    div#varcontent {
      clear: left;
      width: 765px;
      margin: 0; padding: 0;
    }

      div#varcontent h1 { color: #493558; font-size: 24px; font-weight: normal; width: 530px; }
      div#varcontent p { color: #493558; font-size: 12px; }
        div#varcontent p img { display: block; margin: 0 auto; border: none; }

      div#varcontent div#leftOnly { float: left; width: 745px; padding: 10px; font-size: 12px; }
        div#varcontent div#leftOnly h2.download { width: 450px; font-size: 18px; font-weight: normal; color: #018DDC; background: url(download_li.gif) no-repeat 0px 6px; text-indent: 15px; margin: 0; padding: 0; border-bottom: #CEDB1C 1px solid; }
          div#varcontent div#leftOnly h2.download a { font-size: 20px; font-weight: normal; color: #018DDC; margin: 0; padding: 0; }

        div#varcontent div#leftOnly div.newsbox { float: left; width: 100%; border-bottom: #F5C5DD 1px solid; padding: 10px 0; }
          div#varcontent div#leftOnly div.newsbox div.left { float: left; width: 60%; }
            div#varcontent div#leftOnly div.newsbox div.left h2 { font-size: 24px; font-weight: normal; color: #018DDC; background: url(li_hand.gif) no-repeat left; text-indent: 30px; margin: 0; padding: 0; }
            div#varcontent div#leftOnly div.newsbox div.left a { color: #018DDC; text-decoration: none; }
            div#varcontent div#leftOnly div.newsbox div.left p a { color: #018DDC; text-decoration: none; }
            div#varcontent div#leftOnly div.newsbox div.left p a:hover { color: #018DDC; text-decoration: underline; }
            div#varcontent div#leftOnly div.newsbox div.left p span { color: #A8A8A8; }
            div#varcontent div#leftOnly div.newsbox div.left p.date { color: #A8A8A8; font-size: 11px; }
            div#varcontent div#leftOnly div.newsbox div.left div.newsboxContent { clear: left; width: 90%; padding-left: 5px; color: #493357; font-size: 13px; }
          div#varcontent div#leftOnly div.newsbox div.right { float: left; width: 40%; padding-top: 50px; }
            div#varcontent div#leftOnly div.newsbox div.right img { border: #F72394 2px solid; }

        div#varcontent div#leftOnly div.opinionbox { float: left; width: 100%; border-bottom: #F5C5DD 1px solid; padding: 10px 0; }
          div#varcontent div#leftOnly div.opinionbox div.left { float: left; width: 60%; }
            div#varcontent div#leftOnly div.opinionbox div.left h2 { font-size: 24px; font-weight: normal; color: #018DDC; background: url(li_legg.gif) no-repeat left; text-indent: 30px; margin: 0; padding: 0; }
            div#varcontent div#leftOnly div.opinionbox div.left a { color: #018DDC; text-decoration: none; }
            div#varcontent div#leftOnly div.opinionbox div.left p a { color: #018DDC; text-decoration: none; }
            div#varcontent div#leftOnly div.opinionbox div.left p a:hover { color: #018DDC; text-decoration: underline; }
            div#varcontent div#leftOnly div.opinionbox div.left p span { color: #A8A8A8; }
            div#varcontent div#leftOnly div.opinionbox div.left p.date { color: #A8A8A8; font-size: 11px; }
            div#varcontent div#leftOnly div.opinionbox div.left div.opinionboxContent { clear: left; width: 90%; padding-left: 5px; color: #493357; font-size: 13px; }
          div#varcontent div#leftOnly div.opinionbox div.right { float: left; width: 40%; padding-top: 50px; }
            div#varcontent div#leftOnly div.opinionbox div.right img { border: #F72394 2px solid; }

        div#varcontent div#leftOnly div.pbox { float: left; width: 100%; border-bottom: #F5C5DD 1px solid; padding: 10px 0; }
          div#varcontent div#leftOnly div.pbox h1 { font-size: 24px; font-weight: normal; color: #018DDC; margin: 0; padding: 0; }
          div#varcontent div#leftOnly div.pbox h2 { color: #F72394; font-size: 11px; font-weight: normal; margin: 0 0 10px 2px; padding: 0; }
          div#varcontent div#leftOnly div.pbox div.pboxLeft { float: left; width: 540px; }
          div#varcontent div#leftOnly div.pbox div.pboxRight { float: left; width: 200px; margin: -40px 0 0 0; z-index: 10; }
            div#varcontent div#leftOnly div.pbox div.pboxRight img { border: none; z-index: 10; }
          div#varcontent div#leftOnly div.pbox div.pboxRightN { float: left; width: 200px; margin: 0; z-index: 10; }
            div#varcontent div#leftOnly div.pbox div.pboxRightN img { border: none; z-index: 10; }
          div#varcontent div#leftOnly div.pbox div.pboxDesc { clear: left; width: 100%; color: #493357; font-size: 13px; }
            div#varcontent div#leftOnly div.pbox div.pboxDesc img { border: #F72394 2px solid; }


          div#varcontent div#leftOnly div.pbox div.left { float: left; width: 60%; }
            div#varcontent div#leftOnly div.pbox div.left h2 { font-size: 24px; font-weight: normal; color: #018DDC; margin: 0; padding: 0; }
              div#varcontent div#leftOnly div.pbox div.left h2 a:hover { text-decoration: none; }
            div#varcontent div#leftOnly div.pbox div.left h3 { color: #F72394; font-size: 11px; font-weight: normal; margin: 0 0 10px 2px; padding: 0; }
            div#varcontent div#leftOnly div.pbox div.left a { color: #018DDC; text-decoration: none; }
            div#varcontent div#leftOnly div.pbox div.left a:hover { color: #018DDC; text-decoration: underline; }
            div#varcontent div#leftOnly div.pbox div.left div.pboxContent { clear: left; width: 90%; color: #493357; font-size: 13px; }
          div#varcontent div#leftOnly div.pbox div.right { float: left; width: 40%; padding-top: 50px; }
            div#varcontent div#leftOnly div.pbox div.right img { border: #F72394 2px solid; }

      div#varcontent div#left { float: left; width: 360px; padding: 10px; font-size: 12px; overflow: hidden; }
        div#varcontent div#left h1 { width: 350px !important; }

      div#varcontent div#right { float: right; width: 370px; margin: 0; padding: 10px 0; overflow: hidden; }
        div#varcontent div#right div.productbox { float: left; width: 360px; background: url(productbox_bg.gif) no-repeat; padding: 5px; margin: 5px 0; overflow: hidden; }
          div#varcontent div#right div.productbox div.productboxImage { float: left; background: url(productbox_img_bg.gif) no-repeat; margin: 10px 5px; width: 113px; height: 100px; text-align: center; }
            div#varcontent div#right div.productbox div.productboxImage img { margin-top: 6px; padding-top: 3px; border: none; }
          div#varcontent div#right div.productbox div.productboxDesc { float: left; width: 225px; padding: 5px; }
            div#varcontent div#right div.productbox div.productboxDesc h1 { width: 100%; margin: 0; padding: 0; color: #D81677; height: 30px; overflow: hidden; }
            div#varcontent div#right div.productbox div.productboxDesc p { margin: 3px 0; padding: 0; color: #D81677; height: 43px; overflow: hidden; }
              div#varcontent div#right div.productbox div.productboxDesc p a { color: #D81677; text-decoration: underline; }

        div#varcontent div#right div#partners { float: left; }
          div#varcontent div#right div#partners h1 { color: #018DDA; margin: 20px 0 10px 0; }
            div#varcontent div#right div#partners p { margin: 7px 0; padding: 0; color: #018DDA; }
              div#varcontent div#right div#partners p a { color: #018DDA; text-decoration: underline; }

div#containerBottom {
  float: left;
  width: 855px;
  height: 13px;
  background: url(bottom_shadow.gif) repeat-x;
}

div#footer { float: left; width: 855px; background-color: #D6DF22; }

  div#footer div#info {
    float: left;
    width: 400px;
  }

  div#footer img { float: left; position: relative; top: 25px; }

  div#footer div#info input.inputbox { color: #FFFFFF; background: #9FAB23 url(input_bg.gif) repeat-x top; border: none; width: 120px; padding: 2px; font-size: 11px; }
  div#footer div#info textarea.inputarea { color: #FFFFFF; background: #9FAB23 url(input_bg.gif) repeat-x top; border: none; width: 120px; height: 80px; padding: 2px; font-size: 11px; }
  div#footer div#info input.button { color: #D6DF22; background: #3D410F; border: #78811C 1px solid; cursor: pointer; padding: 2px; margin-bottom: 3px; height: 20px; font-size: 11px; letter-spacing: 1px; }
  div#footer div#info p { clear: left; margin: 5px; color: #78811C; }
  div#footer div#info label { float: left; text-align: right; margin-right: 2px; width: 50px; }

  div#footer div#footlinks {
    float: left;
    width: 800px;
    font-size: 12px;
    margin: 0 0 20px 0;
  }

    div#footer div#footlinks ul { float: left; list-style-type: none; margin: 10px 0; padding: 5px; }
      div#footer div#footlinks ul li { float: left; border-right: #78811C 1px solid; padding: 0 10px; }
        div#footer div#footlinks ul li a { color: #78811C; text-decoration: underline; text-transform: lowercase; }
      div#footer div#footlinks ul li.last { float: left; border-right: none; padding: 0 10px; }
    div#footer div#footlinks p { color: #78811C; clear: left; margin: 0 0 0 15px; padding: 0px; font-size: 11px; }

  div#footer div#formacio { float: left; width: 40px; }
    div#footer div#formacio img { border: none; }

div#banners { float: left; width: 120px; padding: 173px 10px 0 10px; }

  div#banners div.banner {
    clear: left;
    margin: 8px 0;
    color: #9FA71E;
    background-color: #DBE670;
    border: #9FA71E 2px solid;
    text-align: center;
  }

    div#banners div.banner img { border: none; }