* {
  padding: 0;
  margin: 0;
}


body {
  font-family: Verdana,Arial,Helvetica;
  font-size: 12px;
  background: #f9f9fa;
  padding: 10px;
}


/* --- Boxy --- */

#container { 
  margin-left:  auto;
  margin-right: auto;
}



#logo {
  display: none;
}



#box_tlacitka_obr {
  display: none;
}


#sub_container { 
  width: 763px;
  margin-left:  auto;
  margin-right: auto;
}


#box_panel_s_tlacitky {
  display: none;
}



#box_text {
  text-align:  justify;
  background-color: white; 
  width:  440px;
  padding: 20px;
  border-bottom:1px solid black;
}


#box_text ul{
  list-style-type: disc;
  margin-left: 13pt;
}



#box_novinky{
  background-color: white;
  width:  120px;
/*  height: 349px; */
/*  margin-right: 20px; */
  height: 100%;
  padding: 10px;
}

#novinky{
  height: auto;
  background: white;
  border: #bfd9f2 1px solid;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 10px;
}


#copyright{
  background-color: #f9f9fa;
  clear:both;
  font-size: 10pt;
  color: silver;
  text-decoration: none;
  width: 450px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
}




A:link {
  font-style: normal;
  font-weight: normal;
  color: #696969;
  BORDER-TOP-WIDTH: 0px;  
  BORDER-LEFT-WIDTH: 0px; 
  BORDER-BOTTOM-WIDTH: 0px;  
  BORDER-RIGHT-WIDTH: 0px; 
  text-decoration: none;
}
A:visited {
  font-style: normal;
  font-weight: normal;
  color: #696969;
  text-decoration: none;
}
A:hover {
  background: #287dcc;
  color: black; 
  text-decoration: none;
}
A:active {
  text-decoration: none;
}

/* --- Format textu ---*/



h3 { /* --- Standardni napdis v textu ---*/
  margin-top: 10px;
  margin-bottom: 4px;
  font-size: 13px;
  font-weight: bold;
}


#novinky .p3{
  margin-bottom: 5px;
}



#box_text .p1{
 text-indent: 15px;
}

.p1 { /* --- odstavec - normalni s dolni mezerou ---*/
  padding-bottom: 10px;
}


.p2{
  font-weight: bold;
}


.p3{ /* --- odstavec - normalni bez dolni mezery ---*/

}






/* --- Uvod --- */

#obr_uvod{
  margin-top:  20px;
  margin-left:  auto;
  margin-right: auto;
  text-align: center;
  padding-bottom: 20px;
/*  border-bottom: 1px solid #287dcc;  */
}

#akce{
  padding-left:  10px;
  padding-right: 10px;
  border: 1px solid black; 
}


.banner_konc{
  display:        block;
  margin-left:    auto;
  margin-right:   auto;
  margin-top:     5px;
  margin-bottom:  10px;
}



/* --- Snimace --- */

tr:hover.snimac{
/*  background: #e2efff; */
  background: #bfd9f2;
}

tr:hover.snimac .snimac_meno{
/*  background: #e2efff; */
  background: #bfd9f2;
}



.legenda{
  font-weight: bold;
  background: #bfd9f2;
}


.snimac .snimac_meno{
  width: 150px;
  background: #e2efff;
  padding-left: 3px;
}

.turza_basa .snimac .snimac_meno{
  width: 100px;
  background: #e2efff;
  padding-left: 3px;
}


.snimac_typ{
  width: 80px;
  text-align: center;
}


.turza_basa .snimac_typ{
  width: 140px;
  text-align: center;
}



.snimac_varianta{
  width: 70px;
  text-align: center;
}


.snimac_popis{
  display: none;
}

.turza_kytara_sada .snimac_popis{
  width: 300px;
  display: table-cell;
}


.snimac_magnet{
  width: 70px;
}

.snimac_odpor{
  text-align:center;
  width: 60px;
}

.snimac_cena{
  text-align:center;
  width: 60px;
}





/* --- Galerie --- */

.kytara_l{
  border: #bfd9f2 1px solid;
  margin-right:  2px;
  margin-bottom: 16px;
  width:  204px;
  height: 170px;
  text-align: center;
  float: left;
}

.kytara_r{
  border: #bfd9f2 1px solid;
  margin-bottom: 16px;
  width:  204px;
  height: 170px;
  text-align: center;
  float: right;
}

#kytara_r_prazdny{
  border: white 1px solid;
  margin-bottom: 16px;
  width:  204px;
  height: 170px;
  text-align: center;
  float: right;
}


.kytara_obrazek{
  height: 105px;
/*  background-color: silver; */
}



.kytara_radek{
  margin-bottom: 2px;
  text-align: left;
  margin-left:  auto;
  margin-right: auto;
}


.kytara_polozka{
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 4px;
  text-align: left;
  background-color: #e2efff;
  width: 50pt;
  float: left;
}


.kytara_radek a{
  text-decoration: none;
  background-color: #bfd9f2;
  padding-left: 3px;
  padding-right: 3px;
}


.kytara_radek a:hover{
  color: white;
  background-color: #287dcc;
}

.kytara_radek a:visited{
  text-decoration: none;
}



/* --- O nas --- */
#obr_o_nas{
  margin-top:  10px;
  margin-bottom:  10px;
  text-align: center;
}




/* --- Reference --- */

/*.reference-tabulka{
  border: 0px solid #E2EFFF;
  color: #49474C;
}*/



.kytara-majitel{
  width: 167px;
  background: #e2efff;
  padding-left: 3px;;
}



tr:hover.kytara_vyroba{
/*  background: #e2efff; */
  background: #bfd9f2;
}

tr:hover.kytara_vyroba .kytara-majitel{
/*  background: #e2efff; */
  background: #bfd9f2;
}


tr:hover.kytara_servis{
/*  background: #e2efff; */
  background: #bfd9f2;
}

tr:hover.kytara_servis .kytara-majitel{
/*  background: #e2efff; */
  background: #bfd9f2;
}


.kytara-majitel a{
  font-weight: bold;
  color: black;
}