/*
$ http://www.tetoszigeteles.com $
$ style/style.css | 2007/10/12 10:03 $
$ LM: 2007/11/15 13:22 $
*/

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

a:link { color: #584832; text-decoration: none; }
a:visited { color: #584832; text-decoration: none; }
a:hover { color: #584832; text-decoration: underline; }
img { border: none; }

div#header {
  clear: left;
  width: 100%;
  height: 220px;
  background: url(header_bg.jpg) repeat-x;
}

  div#headerInner {
    margin: 0 auto;
    padding: 0;
    width: 780px;
    height: 220px;
    background: url(logo_bg.jpg) no-repeat top right;
    position: relative;
  }

    ul#topline { float: left; width: 500px; height: 15px; list-style-type: none; margin: 0; padding: 3px 0 0 0; font-size: 10px; }
      ul#topline li { float: left; color: #7CC6E6; padding: 0 6px; border-right: #7CC6E6 1px solid; }
      ul#topline li.last { float: left; color: #7CC6E6; padding: 0 6px; border-right: none; }
      ul#topline li a, ul#topline li a:hover { color: #7CC6E6; background-color: #584832; }

    div#logo {
      float: left;
      width: 389px;
      height: 104px;
      position: relative; top: 30px;
    }

      div#logo img { border: none; }

    div#flash {
      float: left;
      width: 340px;
      height: 180px;
      position: absolute; top: 0px; right: 0px;
    }

    ul#menu { float: left; margin: 0; padding: 0; position: absolute; top: 180px; left: 0px; width: 780px; height: 40px; list-style-type: none; background: url(menu_bg.jpg) no-repeat; }
      ul#menu li { display: block; float: left; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; color: #7CC6E6; margin: 0; padding: 0; border-right: #7CC6E6 1px solid; text-align: center; text-transform: uppercase; }
      ul#menu li a { display: block; float: left; margin: 0; padding: 0; width: 100%; height: 40px; color: #3C5F6E;}
      ul#menu li a:hover { background-color: #F0EEDF; text-decoration: none; }
      ul#menu li#m1 { width: 107px; }
      ul#menu li#m2 { width: 123px; }
      ul#menu li#m3 { width: 134px; }
      ul#menu li#m4 { width: 216px; }
      ul#menu li#m5 { width: 79px; }
      ul#menu li#m6 { width: 114px; }

div#content {
  float: left;
  width: 100%;
  min-height: 400px;
  height: auto !important;
  height: 400px;
  background: #D1CBA7 url(content_bg.jpg) repeat-x;
}

  div#contentInner { width: 780px; margin: 0 auto; }
    div#contentInnerLeft { float: left; width: 465px; }
      div#status { clear: left; color: #A19579; font-size: 11px; margin: 0; padding: 10px 0 0 0; }
        div#status a { color: #A19579; background-image: none; text-decoration: underline; }
        div#status a:hover { color: #64614F; background-image: none; text-decoration: underline; }
      div#contentInnerLeft h1 { margin: 15px 0 0 0; color: #333333; font-size: 22px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; }
      div#contentInnerLeft p a { padding: 0 10px 0 3px; background: #C3BD99 url(right_arrow.jpg) no-repeat right; }
      div#contentInnerLeft p a:hover { padding: 0 10px 0 3px; background: #C3BD99 url(right_arrow.jpg) no-repeat right; }

      div#contentInnerLeft table { width: 100%; margin: 0 0 15px 0; background-color: #C3BD99; border-collapse: collapse; }
        div#contentInnerLeft table caption { color: #333333; padding: 3px 5px; background-color: #C3BD99; font-size: 22px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; text-align: left; }
        div#contentInnerLeft table td { color: #584832; padding: 3px 3px; border-bottom: #716249 1px solid; }
        div#contentInnerLeft table td.left { color: #8D8265; text-align: right; }

      div#contentInnerLeft ul { margin: 0; padding: 0 0 0 30px; list-style-type: none; list-style-image: url(li.jpg); }
        div#contentInnerLeft ul li { margin: 5px 0; color: #584832; }

      div#contentInnerLeft div.image { float: left; margin: 5px 10px 10px 0px; width: 145px; height: 151px; background: url(image_bg.jpg) repeat-x; position: relative; }
        div#contentInnerLeft div.image img { display: block; width: 116px; position: absolute; top: 20px; left: 13px; }
        div#contentInnerLeft div.image a img { border: #567D89 2px solid; }
        div#contentInnerLeft div.image a:hover img { border: #7CC6E6 2px solid; }
        div#contentInnerLeft div.image p { float: left; display: block; width: 135px; height: 16px; line-height: 16px; position: absolute; top: 120px; left: 3px; color: #3C5F6E; text-align: center; overflow: hidden; }

      div#contentInnerLeft p { margin: 7px 0; }
        div#contentInnerLeft p label { float: left; width: 100px; text-align: right; margin-right: 3px; font-size: 11px; }
        div#contentInnerLeft p input.inputbox { color: #FFFFFF; font-size: 11px; width: 150px; height: 12px; background-color: #7CC6E6; border: #3C5F6E 1px solid; }
        div#contentInnerLeft p input.inputbox:focus { color: #FFFFFF; font-size: 11px; width: 150px; height: 12px; background-color: #7CC6E6; border: #FFFFFF 1px solid; }
        div#contentInnerLeft p textarea.inputarea { color: #FFFFFF; font-size: 11px; width: 150px; height: 70px; background-color: #7CC6E6; border: #3C5F6E 1px solid; }
        div#contentInnerLeft p textarea.inputarea:focus { color: #FFFFFF; font-size: 11px; width: 150px; height: 70px; background-color: #7CC6E6; border: #FFFFFF 1px solid; }
        div#contentInnerLeft p input.nbutton { width: 161px; height: 23px; border: none; background: url(button_bg1.jpg) no-repeat; text-align: center; cursor: pointer; font-size: 10px; position: relative; left: -5px; }

    div#contentInnerRight { float: right; width: 304px; height: 706px; background: url(right_bg.jpg) no-repeat top; }
      div#contentInnerRight1 { width: 278px; height: 376px; padding: 0; position: relative; top: 30px; left: 15px; text-align: center; line-height: 14px; }
        div#contentInnerRight1 table { clear: left; width: 272px; margin: 5px 0; padding: 5px 0; text-align: left; }
          div#contentInnerRight1 table td { border: #D0CAB9 1px solid; }
          div#contentInnerRight1 table td.left { width: 40px; text-align: center; }
          div#contentInnerRight1 table td span { font-size: 10px; }
        div#contentInnerRight1 form { margin: 0; padding: 0; }
          div#contentInnerRight1 p { margin: 7px 0; text-align: left; font-size: 11px; padding: 0 5px; }
            div#contentInnerRight1 p label { float: left; width: 100px; text-align: right; margin-right: 3px; font-size: 11px; }
            div#contentInnerRight1 p input.inputbox { color: #FFFFFF; font-size: 11px; width: 150px; height: 12px; background-color: #7CC6E6; border: #3C5F6E 1px solid; }
            div#contentInnerRight1 p input.inputbox:focus { color: #FFFFFF; font-size: 11px; width: 150px; height: 12px; background-color: #7CC6E6; border: #FFFFFF 1px solid; }
            div#contentInnerRight1 p input.rbutton { width: 161px; height: 23px; border: none; background: url(button_bg2.jpg) no-repeat; text-align: center; cursor: pointer; font-size: 10px; position: relative; left: -5px; }

      div#contentInnerRight2 { width: 278px; height: 240px; position: relative; top: 65px; left: 15px; padding: 0; line-height: 14px; }
        div#contentInnerRight2 table { width: 272px; margin: 0; padding: 3px 0; text-align: left; border-spacing: 5px; }
          div#contentInnerRight2 table td { border: #D0CAB9 1px solid; }
          div#contentInnerRight2 table td.left { width: 40px; text-align: center; }
        div#contentInnerRight2 form { margin: 0; padding: 0; }
          div#contentInnerRight2 p { margin: 6px 0; text-align: left; font-size: 11px; padding: 0 5px; }
          div#contentInnerRight2 p.desc { margin: 12px 0 5px 0; text-align: left; font-size: 11px; padding: 0 5px; }
            div#contentInnerRight2 p label { float: left; width: 100px; text-align: right; margin-right: 3px; font-size: 11px; }
            div#contentInnerRight2 p input.inputbox { color: #FFFFFF; font-size: 11px; width: 150px; height: 12px; background-color: #7CC6E6; border: #3C5F6E 1px solid; }
            div#contentInnerRight2 p input.inputbox:focus { color: #FFFFFF; font-size: 11px; width: 150px; height: 12px; background-color: #7CC6E6; border: #FFFFFF 1px solid; }
            div#contentInnerRight2 p input.rbutton { width: 161px; height: 23px; border: none; background: url(button_bg2.jpg) no-repeat; text-align: center; cursor: pointer; font-size: 10px; position: relative; left: -5px; }

      div#contentInnerRight3 { width: 255px; height: 161px; position: relative; top: 113px; left: 27px; line-height: 14px; }
        div#contentInnerRight3 form { margin: 0; padding: 0; }
          div#contentInnerRight3 p { clear: left; margin: 5px 0; text-align: left; font-size: 11px; padding: 0 5px; text-align: center; }
            div#contentInnerRight3 p label { float: left; width: 110px; text-align: right; margin-right: 3px; font-size: 11px; }
            div#contentInnerRight3 p input.inputbox { color: #FFFFFF; font-size: 11px; width: 115px; height: 12px; background-color: #7CC6E6; border: #3C5F6E 1px solid; }
            div#contentInnerRight3 p input.inputbox:focus { color: #FFFFFF; font-size: 11px; width: 115px; height: 12px; background-color: #7CC6E6; border: #FFFFFF 1px solid; }
            div#contentInnerRight3 p input.rbutton { width: 161px; height: 23px; border: none; background: url(button_bg2.jpg) no-repeat; text-align: center; cursor: pointer; font-size: 10px; }

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

  div#footerInner { width: 780px; margin: 0 auto; }
    div#footerInnerLeft { width: 600px; float: left; }
      div#footerInnerLeft ul { clear: left; width: 100%; list-style-type: none; margin: 0; padding: 18px 0 0 0; font-size: 10px; }
        div#footerInnerLeft ul li { float: left; color: #FFFFFF; padding: 0 6px; border-right: #FFFFFF 1px solid; text-transform: lowercase; }
        div#footerInnerLeft ul li.last { float: left; color: #FFFFFF; padding: 0 6px; border-right: none; text-transform: lowercase; }
        div#footerInnerLeft ul li a, ul li a:hover { color: #FFFFFF; background-color: #584832; }
      div#footerInnerLeft p { clear: left; width: 100%; margin: 0; padding: 18px 0 0 6px; color: #D1CBA7; font-size: 11px; }
        div#footerInnerLeft p a { color: #D1CBA7; }

    div#footerInnerRight { width: 160px; float: right; text-align: right; padding: 30px 0 0 0; }