/*############################################################################*/
/* CSS pre index.php (costwhat.com), kodovanie UTF-8 */
/*############################################################################*/
/*  autor: Ing. Jozef Rusnak /jozef@boberdoo.com/, boberdoo.com               */
/*############################################################################*/
/* menu */
div#menu1{
  background:url('../gfx/menu1_back.gif') no-repeat ;
  height: 66px;
}
div#menu2{
  background:url('../gfx/menu2_back.gif') no-repeat ;
  height: 66px;
}

div#menu3{
  background:url('../gfx/menu3_back.gif') no-repeat ;
  height: 66px;
}

div#menu4{
  background:url('../gfx/menu4_back.gif') no-repeat ;
  height: 66px;
}

div#menu5{
  background:url('../gfx/menu5_back.gif') no-repeat ;
  height: 66px;
}
div#menu6{
  background:url('../gfx/menu6_back.gif') no-repeat ;
  height: 66px;
}

div#menu7{
  background:url('../gfx/menu7_back.gif') no-repeat ;
  height: 66px;
}



ul#menu li{ 
  font-size: 0; /*potrebne pre IE :-(*/
  margin: 0;
  padding: 0; 
  list-style-type: none;
}
ul#menu{ 
  margin: 0;
  padding: 0; 
  font-size: 15px; 
  padding-left: 63px;
}

ul#menu li{ 
  float: left; 
  /* od seba */
  padding-right: 8px;
}

ul#menu li a { 
  display: block; 
  width: 85px; 
  height: 63px; 
/*  padding-top: 13px;
  padding-bottom: 3px;*/
/* */
  /*text-align: center; *//* vodorovne centrovanie */  
  color: black; 
  font-weight: bold; 
  text-decoration: none; 
  text-transform: uppercase; 
	cursor: pointer;
  /* doladenie pozicie ak by bol odkaz, pretoze cudne to reaguje v FF&Opera */
} 

ul#menu li a:hover{ 
  text-decoration: none;
	cursor: pointer;
}

ul#menu li.cl { 
  clear: both; 
}

/* staticke obrazy - ked nie je odkaz */

ul#menu li.neodkaz1{
  background: url('../gfx/menu1_1_over.gif') no-repeat;
  width: 85px; 
  height: 63px;
}

ul#menu li.neodkaz2{
  background: url('../gfx/menu2_2_over.gif') no-repeat;
  width: 85px; 
  height: 63px;
}

ul#menu li.neodkaz3{
  background: url('../gfx/menu3_3_over.gif') no-repeat;
  width: 85px; 
  height: 63px;
}

ul#menu li.neodkaz4{
  background: url('../gfx/menu4_4_over.gif') no-repeat;
  width: 85px; 
  height: 63px;
}

ul#menu li.neodkaz5{
  background: url('../gfx/menu5_5_over.gif') no-repeat;
  width: 85px; 
  height: 63px;
}

ul#menu li.neodkaz6{
  background: url('../gfx/menu6_6_over.gif') no-repeat;
  width: 85px; 
  height: 63px;
}

ul#menu li.neodkaz7{
  background: url('../gfx/menu7_7_over.gif') no-repeat;
  width: 85px; 
  height: 63px;
}


/* rozne obrazky */
/* 1. polozka */
/* 1 */
ul#menu li a.item1_1{
  background: url('../gfx/menu1_1.gif') no-repeat;
}
ul#menu li a.item1_1:hover{
  background: url('../gfx/menu1_1_over.gif') no-repeat;
}

/* 2 */
ul#menu li a.item2_1{
  background: url('../gfx/menu2_1.gif') no-repeat;
}

ul#menu li a.item2_1:hover{
  background: url('../gfx/menu2_1_over.gif') no-repeat;
}

/* 3 */
ul#menu li a.item3_1{
  background: url('../gfx/menu3_1.gif') no-repeat;
}

ul#menu li a.item3_1:hover{
  background: url('../gfx/menu3_1_over.gif') no-repeat;
}

/* 4 */
ul#menu li a.item4_1{
  background: url('../gfx/menu4_1.gif') no-repeat;
}

ul#menu li a.item4_1:hover{
  background: url('../gfx/menu4_1_over.gif') no-repeat;
}

/* 5 */
ul#menu li a.item5_1{
  background: url('../gfx/menu5_1.gif') no-repeat;
}

ul#menu li a.item5_1:hover{
  background: url('../gfx/menu5_1_over.gif') no-repeat;
}

/* 6 */
ul#menu li a.item6_1{
  background: url('../gfx/menu6_1.gif') no-repeat;
}

ul#menu li a.item6_1:hover{
  background: url('../gfx/menu6_1_over.gif') no-repeat;
}

/* 7 */
ul#menu li a.item7_1{
  background: url('../gfx/menu7_1.gif') no-repeat;
}

ul#menu li a.item7_1:hover{
  background: url('../gfx/menu7_1_over.gif') no-repeat;
}


/* 2. polozka */
/* 1 */
ul#menu li a.item1_2{
  background: url('../gfx/menu1_2.gif') no-repeat;
}
ul#menu li a.item1_2:hover{
  background: url('../gfx/menu1_2_over.gif') no-repeat;
}

/* 2 */
ul#menu li a.item2_2{
  background: url('../gfx/menu2_2.gif') no-repeat;
}

ul#menu li a.item2_2:hover{
  background: url('../gfx/menu2_2_over.gif') no-repeat;
}

/* 3 */
ul#menu li a.item3_2{
  background: url('../gfx/menu3_2.gif') no-repeat;
}

ul#menu li a.item3_2:hover{
  background: url('../gfx/menu3_2_over.gif') no-repeat;
}

/* 4 */
ul#menu li a.item4_2{
  background: url('../gfx/menu4_2.gif') no-repeat;
}

ul#menu li a.item4_2:hover{
  background: url('../gfx/menu4_2_over.gif') no-repeat;
}

/* 5 */
ul#menu li a.item5_2{
  background: url('../gfx/menu5_2.gif') no-repeat;
}

ul#menu li a.item5_2:hover{
  background: url('../gfx/menu5_2_over.gif') no-repeat;
}

/* 6 */
ul#menu li a.item6_2{
  background: url('../gfx/menu6_2.gif') no-repeat;
}

ul#menu li a.item6_2:hover{
  background: url('../gfx/menu6_2_over.gif') no-repeat;
}

/* 7 */
ul#menu li a.item7_2{
  background: url('../gfx/menu7_2.gif') no-repeat;
}

ul#menu li a.item7_2:hover{
  background: url('../gfx/menu7_2_over.gif') no-repeat;
}

/* 3. polozka */
/* 1 */
ul#menu li a.item1_3{
  background: url('../gfx/menu1_3.gif') no-repeat;
}
ul#menu li a.item1_3:hover{
  background: url('../gfx/menu1_3_over.gif') no-repeat;
}

/* 2 */
ul#menu li a.item2_3{
  background: url('../gfx/menu2_3.gif') no-repeat;
}

ul#menu li a.item2_3:hover{
  background: url('../gfx/menu2_3_over.gif') no-repeat;
}

/* 3 */
ul#menu li a.item3_3{
  background: url('../gfx/menu3_3.gif') no-repeat;
}

ul#menu li a.item3_3:hover{
  background: url('../gfx/menu3_3_over.gif') no-repeat;
}

/* 4 */
ul#menu li a.item4_3{
  background: url('../gfx/menu4_3.gif') no-repeat;
}

ul#menu li a.item4_3:hover{
  background: url('../gfx/menu4_3_over.gif') no-repeat;
}

/* 5 */
ul#menu li a.item5_3{
  background: url('../gfx/menu5_3.gif') no-repeat;
}

ul#menu li a.item5_3:hover{
  background: url('../gfx/menu5_3_over.gif') no-repeat;
}

/* 6 */
ul#menu li a.item6_3{
  background: url('../gfx/menu6_3.gif') no-repeat;
}

ul#menu li a.item6_3:hover{
  background: url('../gfx/menu6_3_over.gif') no-repeat;
}

/* 7 */
ul#menu li a.item7_3{
  background: url('../gfx/menu7_3.gif') no-repeat;
}

ul#menu li a.item7_3:hover{
  background: url('../gfx/menu7_3_over.gif') no-repeat;
}


/* 4. polozka */
/* 1 */
ul#menu li a.item1_4{
  background: url('../gfx/menu1_4.gif') no-repeat;
}
ul#menu li a.item1_4:hover{
  background: url('../gfx/menu1_4_over.gif') no-repeat;
}

/* 2 */
ul#menu li a.item2_4{
  background: url('../gfx/menu2_4.gif') no-repeat;
}

ul#menu li a.item2_4:hover{
  background: url('../gfx/menu2_4_over.gif') no-repeat;
}

/* 3 */
ul#menu li a.item3_4{
  background: url('../gfx/menu3_4.gif') no-repeat;
}

ul#menu li a.item3_4:hover{
  background: url('../gfx/menu3_4_over.gif') no-repeat;
}

/* 4 */
ul#menu li a.item4_4{
  background: url('../gfx/menu4_4.gif') no-repeat;
}

ul#menu li a.item4_4:hover{
  background: url('../gfx/menu4_4_over.gif') no-repeat;
}

/* 5 */
ul#menu li a.item5_4{
  background: url('../gfx/menu5_4.gif') no-repeat;
}

ul#menu li a.item5_4:hover{
  background: url('../gfx/menu5_4_over.gif') no-repeat;
}

/* 6 */
ul#menu li a.item6_4{
  background: url('../gfx/menu6_4.gif') no-repeat;
}

ul#menu li a.item6_4:hover{
  background: url('../gfx/menu6_4_over.gif') no-repeat;
}

/* 7 */
ul#menu li a.item7_4{
  background: url('../gfx/menu7_4.gif') no-repeat;
}

ul#menu li a.item7_4:hover{
  background: url('../gfx/menu7_4_over.gif') no-repeat;
}



/* 5. polozka */
/* 1 */
ul#menu li a.item1_5{
  background: url('../gfx/menu1_5.gif') no-repeat;
}
ul#menu li a.item1_5:hover{
  background: url('../gfx/menu1_5_over.gif') no-repeat;
}

/* 2 */
ul#menu li a.item2_5{
  background: url('../gfx/menu2_5.gif') no-repeat;
}

ul#menu li a.item2_5:hover{
  background: url('../gfx/menu2_5_over.gif') no-repeat;
}

/* 3 */
ul#menu li a.item3_5{
  background: url('../gfx/menu3_5.gif') no-repeat;
}

ul#menu li a.item3_5:hover{
  background: url('../gfx/menu3_5_over.gif') no-repeat;
}

/* 4 */
ul#menu li a.item4_5{
  background: url('../gfx/menu4_5.gif') no-repeat;
}

ul#menu li a.item4_5:hover{
  background: url('../gfx/menu4_5_over.gif') no-repeat;
}

/* 5 */
ul#menu li a.item5_5{
  background: url('../gfx/menu5_5.gif') no-repeat;
}

ul#menu li a.item5_5:hover{
  background: url('../gfx/menu5_5_over.gif') no-repeat;
}

/* 6 */
ul#menu li a.item6_5{
  background: url('../gfx/menu6_5.gif') no-repeat;
}

ul#menu li a.item6_5:hover{
  background: url('../gfx/menu6_5_over.gif') no-repeat;
}

/* 7 */
ul#menu li a.item7_5{
  background: url('../gfx/menu7_5.gif') no-repeat;
}

ul#menu li a.item7_5:hover{
  background: url('../gfx/menu7_5_over.gif') no-repeat;
}

/* 6. polozka */
/* 1 */
ul#menu li a.item1_6{
  background: url('../gfx/menu1_6.gif') no-repeat;
}
ul#menu li a.item1_6:hover{
  background: url('../gfx/menu1_6_over.gif') no-repeat;
}

/* 2 */
ul#menu li a.item2_6{
  background: url('../gfx/menu2_6.gif') no-repeat;
}

ul#menu li a.item2_6:hover{
  background: url('../gfx/menu2_6_over.gif') no-repeat;
}

/* 3 */
ul#menu li a.item3_6{
  background: url('../gfx/menu3_6.gif') no-repeat;
}

ul#menu li a.item3_6:hover{
  background: url('../gfx/menu3_6_over.gif') no-repeat;
}

/* 4 */
ul#menu li a.item4_6{
  background: url('../gfx/menu4_6.gif') no-repeat;
}

ul#menu li a.item4_6:hover{
  background: url('../gfx/menu4_6_over.gif') no-repeat;
}

/* 5 */
ul#menu li a.item5_6{
  background: url('../gfx/menu5_6.gif') no-repeat;
}

ul#menu li a.item5_6:hover{
  background: url('../gfx/menu5_6_over.gif') no-repeat;
}

/* 6 */
ul#menu li a.item6_6{
  background: url('../gfx/menu6_6.gif') no-repeat;
}

ul#menu li a.item6_6:hover{
  background: url('../gfx/menu6_6_over.gif') no-repeat;
}

/* 7 */
ul#menu li a.item7_6{
  background: url('../gfx/menu7_6.gif') no-repeat;
}

ul#menu li a.item7_6:hover{
  background: url('../gfx/menu7_6_over.gif') no-repeat;
}



/* 7. polozka */
/* 1 */
ul#menu li a.item1_7{
  background: url('../gfx/menu1_7.gif') no-repeat;
}
ul#menu li a.item1_7:hover{
  background: url('../gfx/menu1_7_over.gif') no-repeat;
}

/* 2 */
ul#menu li a.item2_7{
  background: url('../gfx/menu2_7.gif') no-repeat;
}

ul#menu li a.item2_7:hover{
  background: url('../gfx/menu2_7_over.gif') no-repeat;
}

/* 3 */
ul#menu li a.item3_7{
  background: url('../gfx/menu3_7.gif') no-repeat;
}

ul#menu li a.item3_7:hover{
  background: url('../gfx/menu3_7_over.gif') no-repeat;
}

/* 4 */
ul#menu li a.item4_7{
  background: url('../gfx/menu4_7.gif') no-repeat;
}

ul#menu li a.item4_7:hover{
  background: url('../gfx/menu4_7_over.gif') no-repeat;
}

/* 5 */
ul#menu li a.item5_7{
  background: url('../gfx/menu5_7.gif') no-repeat;
}

ul#menu li a.item5_7:hover{
  background: url('../gfx/menu5_7_over.gif') no-repeat;
}

/* 6 */
ul#menu li a.item6_7{
  background: url('../gfx/menu6_7.gif') no-repeat;
}

ul#menu li a.item6_7:hover{
  background: url('../gfx/menu6_7_over.gif') no-repeat;
}

/* 7 */
ul#menu li a.item7_7{
  background: url('../gfx/menu7_7.gif') no-repeat;
}

ul#menu li a.item7_7:hover{
  background: url('../gfx/menu7_7_over.gif') no-repeat;
}