/********************** obecné definice */

body, input, select, textarea, td, th, ul, ol, li, dt, dd {
      font-family: Verdana, "Geneva CE", lucida, sans-serif;
      font-size: 8.5pt;
      color: #333;
}

input, textarea {
      font-size: 8pt;
}


img { border: 0; }
a   { cursor: pointer; color: #CC1313; }
hr  { margin: 0 5%; height: 1px; }
form { margin: 0; }
p { margin: 0.5em 0; }

.spacer {
      overflow: hidden; 
      height: 4px; 
}

h1 { font-size: 120%; }
h2 { font-size: 115%; }

/**********************  DOKUMENT */



body {
      background: url('images/background.gif') #D6C8C2;
      margin: 0; 
      padding: 0;

      text-align: center; /* centrovani bloku "page" pro IE */
      min-width: 765px;   /* zobrazi posuvniky pro Mozillu */
      
      Scrollbar-Base-Color: #C92F2F; 
      Scrollbar-darkshadow-Color: #781C1C; 
      Scrollbar-highlight-Color: #E89B9B;
      Scrollbar-3dlight-Color: #E89B9B; 
      scrollbar-arrow-color: white; 
}





#page {                   /* hlavni vystredena plocha */
      position: relative;
      width: 765px;      /* zobrazi posuvniky pro Operu, IE */
      margin: 0 auto;    /* centrovani pro Operu, Mozillu, IE Strict */
      text-align: left;  /* rusi text-align z body */
      top: 17px;
      height: auto;
}






/**********************  HLAVNÍ PLOCHA */




#main {           /* horni plocha */
      position: relative; 
      left: -1px;
      width: 765px;  /* back-compatible pro IE 5.x */
      height: 445px;
      widt\h: 763px;   /* skutecne rozmery */
      heigh\t: 443px;
      margin: 0; 
      color: #000;  
      background: url('images/rastr2.gif') no-repeat left top #E6E6E6; 
      border: 1px #CC1313 solid;                                                          
}




#horni-lista {
  position: absolute; 
  top: 10px; 
  width: 100%; height: 54px; 
  background: url('images/rastr1.gif') #EAEAEA;
}


#obrazek {
  position: absolute; 
  right: 20px; top: 85px; 
  width: 355px; height: 244px;
  background: url('images/pocitace.gif'); 
}



#logo {
  position: absolute; 
  left: 29px; top: 15px; 
  width: 153px; height: 109px;
}


#slogan {
  position: absolute; 
  right: 10px; top: 20px; 
  width: 416px; height: 24px;
}


#menu {
  position: absolute; 
  left: 0px; top: 120px;
}

#menu a span { display: none; }
#menu, #menu li { margin: 0; padding: 0; }
#menu a { 
  display: block;
  width: 119px;
  height: 37px;
  background: url('images/menu_ofirme.gif') left top no-repeat;
}

#menu li.item1 a { background-image: url('images/menu_ofirme.gif'); }
#menu li.item1 a:hover { background-image: url('images/menu_ofirme-over.gif'); }
#menu li.item2 a { background-image: url('images/menu_webdesign.gif'); }
#menu li.item2 a:hover { background-image: url('images/menu_webdesign-over.gif'); }
#menu li.item3 a { background-image: url('images/menu_aplikace.gif'); }
#menu li.item3 a:hover { background-image: url('images/menu_aplikace-over.gif'); }
#menu li.item4 a { background-image: url('images/menu_portfolio.gif'); }
#menu li.item4 a:hover { background-image: url('images/menu_portfolio-over.gif'); }
#menu li.item5 a { background-image: url('images/menu_kontakt.gif'); }
#menu li.item5 a:hover { background-image: url('images/menu_kontakt-over.gif'); }
#menu li.item6 a { background-image: url('images/menu_reklama.gif'); }
#menu li.item6 a:hover { background-image: url('images/menu_reklama-over.gif'); }
#menu li.item7 a { background-image: url('images/menu_reference.gif'); }
#menu li.item7 a:hover { background-image: url('images/menu_reference-over.gif'); }





#obsah {
  position: absolute; 
  left: 153px; top: 156px; 
  width: 295px; height: 263px; 
  overflow: auto;
}


#obsah p {
  margin: 5px 10px 5px 45px;
  padding:0;
  text-indent: 1em;
}
#obsah p.noindent { text-indent: 0; }

#obsah h1  {
  background: url('images/rastr3.gif') repeat-x top;
  margin: 2px 0 2px 0;
}






#paticka {
  position: absolute; 
  left: 0px; bottom: 0px; 
  width: 100%;
  color: gray;
  background: url('images/cara1.gif') left top no-repeat;
  padding-top: 3px;
}

#paticka a {
  color: #CC7A7A;
}

#paticka img {
  vertical-align: middle;
  -moz-opacity: .5;
  filter: alpha(opacity=50);
}


#paticka div {
  padding: 0 10px 3px 10px;
}

#logo2 {
  position: absolute; 
  right: -1px; bottom: -15px; 
  width: 109px; height: 101px;
  background: url('images/logo2.gif') no-repeat;
}