/*
$ http://www.tamacom.hu $
$ style/style.css | 2007/02/13 22:13 $
$ LM: 2008/12/09 15:15 $
*/

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

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

div#header {
  clear: left;
  width: 100%;
  height: 75px;
}

  div#header div#logo { float: left; position: relative; top: 17px; left: 50px; border: none; }
    div#header div#logo img { float: left; position: relative; top: 0px; left: 140px; border: none; }
    div#header div#logo div#flash { float: left; position: relative; top: 5px; left: 60px; border: none; }

  div#header ul#toplinks { float: left; position: relative; top: 26px; left: 200px; color: #C1C1C1; font-size: 11px; list-style-type: none; }
    div#header ul#toplinks li { float: left; border-right: 1px solid; padding: 0 5px; }
    div#header ul#toplinks li.last { float: left; border-right: none; padding: 0 5px; }
      div#header ul#toplinks li a { color: #C1C1C1; text-decoration: underline; }
      div#header ul#toplinks li a:hover { color: #D6D6D6; }

div#menu {
  width: 100%;
  height: 245px;
  background: url(menu_bg.gif) repeat-x;
  overflow: hidden;
}

  div#menu div#menuBox {
    width: 785px;
    height: 65px;
    background: url(menu.gif) no-repeat;
    position: relative; left: 110px;
    font-family: Arial;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 0 0 0 8px;
  }

    div#menu div#menuBox a.menu1 { display: block; float: left; width: 73px; height: 38px; margin: 0 1px 0 0; padding: 27px 0 0 0; color: #FFFFFF; text-align: center; }
    div#menu div#menuBox a.menu1:hover { background: url(menu1_over.gif); text-decoration: none; }

    div#menu div#menuBox a.menu2 { display: block; float: left; width: 125px; height: 38px; margin: 0 1px 0 0; padding: 27px 0 0 0; color: #FFFFFF; text-align: center; }
    div#menu div#menuBox a.menu2:hover { background: url(menu2_over.gif); text-decoration: none; }

    div#menu div#menuBox a.menu3 { display: block; float: left; width: 93px; height: 38px; margin: 0 1px 0 0; padding: 27px 0 0 0; color: #FFFFFF; text-align: center; }
    div#menu div#menuBox a.menu3:hover { background: url(menu3_over.gif); text-decoration: none; }

    div#menu div#menuBox a.menu4 { display: block; float: left; width: 81px; height: 38px; margin: 0 1px 0 0; padding: 27px 0 0 0; color: #FFFFFF; text-align: center; }
    div#menu div#menuBox a.menu4:hover { background: url(menu4_over.gif); text-decoration: none; }

    div#menu div#menuBox a.menu5 { display: block; float: left; width: 133px; height: 38px; margin: 0 1px 0 0; padding: 27px 0 0 0; color: #FFFFFF; text-align: center; }
    div#menu div#menuBox a.menu5:hover { background: url(menu5_over.gif); text-decoration: none; }

    div#menu div#menuBox a.menu6 { display: block; float: left; width: 69px; height: 38px; margin: 0 1px 0 0; padding: 27px 0 0 0; color: #FFFFFF; text-align: center; }
    div#menu div#menuBox a.menu6:hover { background: url(menu6_over.gif); text-decoration: none; }

    div#menu div#menuBox a.menu7 { display: block; float: left; width: 94px; height: 38px; margin: 0 1px 0 0; padding: 27px 0 0 0; color: #FFFFFF; text-align: center; }
    div#menu div#menuBox a.menu7:hover { background: url(menu7_over.gif); text-decoration: none; }

    div#menu div#menuBox a.menu8 { display: block; float: left; width: 92px; height: 38px; margin: 0 1px 0 0; padding: 27px 0 0 0; color: #FFFFFF; text-align: center; }
    div#menu div#menuBox a.menu8:hover { background: url(menu8_over.gif); text-decoration: none; }

  div#menu div#statusBox {
    float: left;
    position: relative;
    left: 120px;
    width: 500px;
  }

    div#menu div#statusBox h1 { color: #FFFFFF; font-size: 28px; margin: 5px 5px 5px 0; background: url(red_dot.gif) no-repeat left; text-indent: 15px; }
    div#menu div#statusBox h2 { color: #8C8C8C; font-size: 14px; font-weight: normal; margin: 5px 5px 5px 15px; }

  div#menu div#statusImage {
    float: left;
    position: relative;
    left: 120px;
    width: 290px;
  }

div#content {
  float: left;
  width: 960px;
  min-height: 300px; height: auto !important; height: 300px;
  background: url(watermark.jpg) top right repeat-y;
}

  div#content div#contentBox {
    float: left;
    position: relative; left: 125px;
    width: 540px;
    font-size: 13px;
    padding-top: 5px;
  }

  div#content div#contentBox p { clear: left; }
  div#content div#contentBox h3,
  div#content div#contentBox h3 a,
  div#content div#contentBox h3 a:hover { color: #8E1414; font-size: 18px; font-weight: normal; }
  div#content div#contentBox h4,
  div#content div#contentBox h4 a,
  div#content div#contentBox h4 a:hover, { color: #8E1414; font-size: 14px; font-weight: normal; }
  div#content div#contentBox h5 { color: #000000; font-size: 14px; font-weight: normal; margin: 0 0 0 10px; }
  div#content div#contentBox h3.services { margin: 0; padding: 10px 0 0 0; }
  div#content div#contentBox h3.partners { color: #8E1414; font-size: 18px; font-weight: normal; margin: 30px 0 0 0; }
  div#content div#contentBox p.partners { font-size: 14px; margin: 0; }
  div#content div#contentBox h3.references { color: #8E1414; font-size: 18px; font-weight: normal; margin: 20px 0 0 0; }
  div#content div#contentBox ul.references { margin: 4px 0; }
  div#content div#contentBox ul.services { list-style-type: square; margin: 2px 0 2px 0; padding: 15px 0 0 15px; }
    div#content div#contentBox ul.services li { padding: 4px 0 4px 0; }

  div#content div#contentBox div.services { margin: 0; padding: 10px 0 0 0; border-bottom: 1px solid; }

  div#content div#contentBox div.catbox { float: left; width: 242px; margin: 10px 3px; padding: 5px 5px; background-color: #C1C1C1; min-height: 315px; height: auto !important; height: 315px; overflow: hidden; }
    div#content div#contentBox div.catbox h3 { color: #8E1414; font-size: 18px; font-weight: normal; margin: 0; }
    div#content div#contentBox div.catbox img { display: block; margin: 4px auto; border: #313131 1px solid; }
    div#content div#contentBox div.catbox p { clear: left; margin: 0; padding: 2px 0; }
    div#content div#contentBox div.catbox ul { list-style-type: none; margin: 2px 0 2px 0; padding: 0; }
    div#content div#contentBox div.catbox li { border-bottom: #313131 1px solid; padding: 2px 0; }
    div#content div#contentBox div.catbox li.last { border-bottom: none; }
    div#content div#contentBox div.catbox li img { display: inline; margin: 0; border: none; }
  div#content div#contentBox div.catboxSeparator { clear: left; height: 1px; width: 100%; }

  div#content div#contentBox div.product { float: left; width: 530px; border: 1px solid #8C8C8C; background: #E1E1E1; margin: 10px 0; padding: 0; }
    div#content div#contentBox div.product div.image { float: left; width: 140px; margin: 0; padding: 5px; }
      div#content div#contentBox div.product div.image img { margin: 0; padding: 0; border: #8E1414 1px solid; }
    div#content div#contentBox div.product div.desc { float: left; margin: 0; padding: 5px 10px 5px 0; width: 370px; overflow: hidden; }
      div#content div#contentBox div.product div.desc h6 { color: #8E1414; font-size: 16px; margin: 5px 0; }
      div#content div#contentBox div.product div.desc p { color: #343434; margin: 5px 0; padding: 0; width: 370px; overflow: hidden; }
      div#content div#contentBox div.product div.desc a { color: #8E1414; }
        div#content div#contentBox div.product div.desc table { margin: 0 !important; padding: 0 !important; }

  div#content div#contentBox h3.pricelist { color: #8E1414; font-size: 16px; font-weight: bold; margin: 25px 0 0 0; }
    div#content div#contentBox h3.pricelist a { color: #8E1414; }
  div#content div#contentBox p.desc { font-size: 12px; margin: 0; color: #343434; }

  div#content div#contentBox ul#sitemap { margin: 5px 0 10px 0; padding-left: 20px; }
  div#content div#contentBox ul#sitemap li { font-size: 16px; margin: 10px 0; }
  div#content div#contentBox ul#sitemap li ul { margin: 0 0 10px 0; padding-left: 40px; }
  div#content div#contentBox ul#sitemap li ul li { font-size: 14px; margin: 5px 0; }
  div#content div#contentBox ul#sitemap li ul li ul { margin: 0 0 10px 0; padding-left: 60px; }
  div#content div#contentBox ul#sitemap li ul li ul li { font-size: 12px; margin: 0; }

  div#content div#contactBox {
    float: left;
    width: 235px;
    height: 500px;
    position: relative; left: 135px;
    padding: 10px;
    background: url(contact_bg.jpg) repeat-x;
  }

    div#content div#contactBox form { margin: 0; padding: 0; }
    div#content div#contactBox h3 { margin: 0; color: #E50000; font-size: 16px; font-weight: bold; }
    div#content div#contactBox p { margin: 0; padding: 4px 0; font-size: 12px; }

    div#content div#contactBox table { border-collapse: collapse; margin: 4px 0; width: 100%; }
    div#content div#contactBox table td { vertical-align: middle; padding: 4px 0; }

    div#content div#contactBox label { float: left; width: 65px; color: #B1B1B1; font-size: 16px; font-weight: bold; text-align: right; margin-right: 5px; }
    div#content div#contactBox input.inputbox { width: 152px; height: 16px; background: url(inputbox_over_bg.gif) no-repeat; border: none; padding: 3px; font-size: 11px; color: #313131; }
    div#content div#contactBox textarea.inputarea { width: 152px; height: 77px; background: url(inputarea_over_bg.gif) no-repeat; border: none; padding: 3px; font-size: 11px; color: #313131; }

    div#content div#contactBox div#buttonarea { clear: left; margin: 0; padding: 0; position: relative; left: 70px; width: 157px; height: 83px; background: url(buttonarea_bg.gif); }

    /*\*/
    * html div#content div#contactBox div#buttonarea { position: relative; left: 73px; }
    /**/

    div#content div#contactBox a.submit { clear: left; display: block; position: relative; top: 7px; left: 75px; width: 68px; height: 23px; background: url(button_send.gif) no-repeat; }
    div#content div#contactBox a.submit:hover { text-decoration: none; }
    div#content div#contactBox img.submit { clear: left; display: block; position: relative; top: 10px; left: 75px; border: none; }

div#bottomlinks { clear: left; height: 23px; }
  div#bottomlinks a { display: block; width: 100px; text-indent: 15px; position: relative; left: 780px; color: #E50000; text-decoration: underline; background: url(goto_top.gif) no-repeat left; }

div#footer {
  clear: left;
  width: 100%;
  height: 126px;
  background: url(footer_bg.gif) repeat-x;
}

  div#footer div#footerBox {
    width: 586px;
    height: 109px;
    background: url(footer_box.gif);
    position: relative;
    left: 110px;
    overflow: hidden;
  }

    div#footer div#footerBox ul { clear: left; margin: 0 15px; padding: 0; list-style-type: none; color: #E50000; }
      div#footer div#footerBox ul li { float: left; padding: 0 5px; border-right: 1px solid; }
      div#footer div#footerBox ul li.last { float: left; padding: 0 5px; border-right: none; }
        div#footer div#footerBox ul li a { color: #E50000; }
        div#footer div#footerBox ul li a:hover { color: #E50000; text-decoration: underline; }

    div#footer div#footerBox div#copyright { float: left; margin: 0; padding: 0; position: relative; top: 5px; left: 20px; width: 250px; font-size: 11px; }
      div#footer div#footerBox div#copyright p { clear: left; color: #7D7D7D; }

    div#footer div#footerBox div#bitech { float: right; margin: 0; padding: 0; position: relative; top: 25px; width: 270px; color: #7D7D7D; font-size: 11px; }
      div#footer div#footerBox div#bitech img { border: none; margin: 0 10px 0 0; float: left; }
      div#footer div#footerBox div#bitech p { width: 210px; margin: 0; float: left; }
      div#footer div#footerBox div#bitech p a { color: #7D7D7D; }