html {
  padding: 0;
  margin: 0;
}

body {
  background: #1A1A1A url('../image/bg.png') repeat-x;
  text-align: center;
  font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
  font-size: 12px;
}

form, h1, h2, h3 {
  margin: 0;
  padding: 0;
}


a.a {
  color: #ffffff;
  text-decoration: none;
}

a.a:hover {
  color: #CE161A;
}

h2 {
  color: #113E88;
  border-bottom: 1px #113E88 solid;
  padding: 3px 0 0 10px;
  margin-right: 8px;
  margin-bottom: 15px;
}

/* ***** Hlavní ***** */
#hlavni {
  width: 955px;
  background-color: #ffffff;
  margin: 10px auto 10px auto;
  text-align: left;
}

/* ***** Menu nad logem ***** */
#topmenu {
  text-align: right;
  background: url('../image/navigace.png') no-repeat left top;  
  height: 42px;
}

#topmenu ul {
  padding: 13px;
  margin: 0;
  list-style: none;
}

#topmenu ul li {
  display: inline;
  margin: 0 5px;
}

#topmenu ul li a {
  color: #fff;
  font-size: 14px; 
  text-decoration: none;
}

#topmenu ul li a:hover {
  color: #CE161A;
}

/* ***** logo ***** */
#logo {
  background: url('../image/logo.png') no-repeat;  
  height: 198px;
}

#logo #logo_yamaha {
	position: absolute;
	margin: 55px 0 0 400px;
}

#logo h1 {
  position: absolute; 
  left: -2000px;
}

/* ***** formuláře v logu ***** */
#logo #spodek {
  float: right;
  margin: 170px 20px 0 0;
  color: #ffffff;
}

#logo #spodek a { color: #ffffff; text-decoration: none; margin-left: 5px; }
#logo #spodek a:hover { text-decoration: underline; }

#logo #spodek .jmeno { border: none; background: #ffffff url('../image/uzi_poz.png') no-repeat; width: 125px; color: #000000; padding: 1px; }
#logo #spodek .heslo { border: none; background: #ffffff url('../image/hes_poz.png') no-repeat; width: 80px; color: #000000; padding: 1px; }
#logo #spodek .prihlasit { border: none; background-color: #CE161A; color: #ffffff; }
#logo #spodek .prihlasit:hover { cursor: pointer; _cursor: hand; }

/* ***** levý sloupec ***** */
#levy {
  float: left;
  width: 209px;
  background: url('../image/pokus.png') repeat-y left top;  
}

#levy #info {
  padding: 0 10px 0 10px;
  color: #fff;
  background: url('../image/info.png') no-repeat left top;
  height: 114px;
}

#levy #info b {
  font-size: 130%;
}

#levy #info p {
  margin: 0;
  padding: 0;
}

#vyrobci {
  width: 200px;
}

/* ***** pravý sloupec ***** */
#pravy {
  float: right;
  width: 166px;
}

#pravy #stinbox {
	background: url('../image/stin.png') no-repeat left top;
	text-align: center;
}

#pravy #stinbox img {
	border: none;
	padding: 10px 0;
}

/* ***** středový sloupec ***** */
#stred {
  width: 568px;
  margin-left: 210px;
  background: url('../image/hl_bg.png') repeat-y left top;  
  margin-bottom: 20px;
}

#stred_text {
  padding: 7px;
}

#stred #stred_bottom {
  width: 568px;
  height: 9px;
  background: url('../image/hl_dn_bg.png') no-repeat left top;  
}


/* ***** Patička ***** */
#paticka {
  margin: 0px;
  padding: 15px;
  color: #fff;
  text-align: right;
  font-size: 14px;
  clear: both;  
  background: url('../image/paticka_poz.png') repeat-x left top;
  height: 13px;
}

#paticka a {
  color: #fff;
  text-decoration: none;
}

#paticka a:hover {
  text-decoration: underline;
}

#paticka span {
  color: #CE161A;
  text-decoration: none;
}

/* ***** Košík ***** */
#kos {
  margin-top: 10px;
  width: 166px;
  background: url('../image/darkbox_bg.png') repeat-y left top;
  font-size: 13px;
  color: #fff;
}

#kos #nadpis { color: #FE7901; font-weight: bold; font-size: 14px; padding: 5px 5px; background: url('../image/box_odd.png') no-repeat left bottom; }
#box_tlacitko { text-align: center; margin-top: 10px; }

.cena {
  color: #ffffff;
}

#kos #produkty { text-align: right;}
#kos #produkty .produkt { color: #fff; text-decoration: none; }
#kos #produkty .produkt:hover { text-decoration: underline; }
#kos #polozka { padding: 5px 10px; }

#kos #celkova_cena { margin-top: 10px; text-align: center; }


/* ***** Svetlé boxy ***** */
#box {
  background: #8A8A8A url('../image/box_pozadi.png') no-repeat left top;
  width: 166px;
}

#box #nadpis { color: #CE161A; font-weight: bold; font-size: 14px; padding: 5px 5px; background: url('../image/box_odd.png') no-repeat left bottom; }
/* #box #nadpis { color: #000000; font-size: 14px; padding: 5px 5px; background: url('../image/box_odd.png') no-repeat left bottom; } */

#box #text {
  padding: 5px;
  font-weight: bold;
}

#box .vyhl_input { border: 1px #575757 solid; background: #ffffff; color: #000000; font-size: 13px; padding: 2px; font-weight: bold; width: 150px; }

/* ***** Tmavý box ***** */
#box_D {
  margin-bottom: 20px;
  width: 166px;
  background: url('../image/darkbox_bg.png') repeat-y left top;
}

#box_D #nadpis { color: #CE161A; font-weight: bold; font-size: 14px; padding: 5px 5px; background: url('../image/box_odd.png') no-repeat left bottom; }

#box_D #text {
  padding: 5px;
  font-weight: bold;
}


/* ***** Náš Tip + slevy ***** */

#tip {
  font-size: 13px;
  text-align: center;
  color: #fff;
}

#tip a {
  text-decoration: none;
  color: #fff;
}

#tip a:hover {
  text-decoration: underline;
}

#tip .obr {
  text-align: center;
  padding: 10px 10px 0 10px;
}

#tip .cena {
  padding: 0 10px 10px 10px;
}

#slevy ul {
  list-style: none;
  margin: 0;
  padding: 10px;
}

#slevy ul a{
  text-decoration: none;
  color: #fff;
}

#slevy ul a:hover{
  text-decoration: underline;
}

/* *********************** */

/* ***** Hlavní menu ***** */

#levy #menu {
  background: url('../image/menu_pozadi.png') repeat-y;
  margin-bottom: 20px;
  margin-top: 10px;
}

#levy #menu ul {
  list-style: none;
  margin: 0;
  padding: 0; 
}

#levy #menu ul li {
  background: url('../image/menu_oddelovac.png') no-repeat left bottom;
  padding: 5px 0;
  padding-left: 15px; 
}

#levy #menu ul li ul li {
  background: url('../image/free.gif') no-repeat;
}

#levy #menu ul li a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

#levy #menu ul li a:hover {
  color: #CE161A;
}

#levy #menu #menu-paticka {
  width: 203px;
  height: 10px;
  background: url('../image/menu_paticka.png') no-repeat left bottom;  
  padding-top: 5px;
}

/* *********************** */


/* ***** Výrobci ***** */

#levy #vyrobci {
  background: #7F7F7F;
  margin-bottom: 20px;
}

/* *********************** */
.fblack { color: #000000; }
.fwhite { color: #ffffff; }


#popis {margin-bottom: 10px; padding: 0; border: 2px #C6C6C6 solid; min-height: 90px; _height: 90px; width: 98%; }
#popis .nadpis { padding: 2px 0 2px 5px; text-align: left; }
#popis .nadpis a { font-size: 15px; color: #000; text-decoration: none; }
#popis .nadpis a:hover {color: #949494; }

#popis .popisek {padding: 5px;}
#popis .popisek a {color: #000000;}
#popis .popisek a:hover {color: #307CDD;}
#popis .cena {padding-top: 10px;}

#popis .fotka {text-align: center;}
#popis .fotka a img { border: 1px #D8D8D8 solid; padding: 10px; margin: 5px; }
#popis .fotka a:hover img {border: 1px #000000 solid;}

.dokose_inp {
  width: 99px;
  height: 25px;
  background: url('../image/do_kosiku.png') no-repeat left top;
  border: none;
  font-size: 0;
  cursor: hand;
  cursor: pointer;
}


/* ***** Košík ***** */
#kosik {width: 98%; border: 2px #C6C6C6 solid;}
#kosik a {text-decoration: none; color: #ffffff; }
#kosik a:hover {color: #307CDD;}
#kosik .nadpis {background: #0E2F66; text-align: center; font-weight: bold; color: #ffffff;}
#kosik .obsah  {background: #124598; color: #ffffff; }
#kosik .obsah:hover  {background: #FF9000; color: #000000; }

#kosik .obsah:hover .cena { color: #000000; }

.inpKosDel{
	background-color: #d9d9d9;
	border: solid 1px #333333;
	height: 17px;
	width:20px;
	cursor:pointer;
	background-image: url('../image/ico/kos_del.gif');
	background-repeat: no-repeat;
	background-position: center;
	vertical-align:-1px;
	_vertical-align:1px;	
}

.inpKosZmen{
	background-color: #d9d9d9;
	border: solid 1px #333333;
	height: 17px;
	width:20px;
	cursor:pointer;
	background-image: url('../image/ico/kos_ok.gif');
	background-repeat: no-repeat;
	background-position: center;
	vertical-align:-1px;
	_vertical-align:1px;	
}

#kosik  td {padding: 1px;}

#kosik_sumar {width: 250px; border: 2px #C6C6C6 solid; background: #124598; margin: 15px 10px 0; color: #ffffff; }
#kosik_sumar h2 { color: #ffffff; font-size: 15px; font-weight: normal; border: none; margin: 0; padding: 0;}
#kosik_sumar h2 span { color: #FF9000; font-weight: bold; }

.kos_odber {text-align: left; margin-top: 10px; background: #F0F0F0; width: 98%;}
.kos_odber .nadpis {padding: 5px; background: #A0A0A0; color: #ffffff; font-weight: bold;}
.kos_odber .telo {padding: 5px; color: #000000;}

.kos_odeslat {text-align: center; margin: 30px 0 20px 0;}
.kos_odeslat input {border: 2px #A0A0A0 solid; background: #F0F0F0; font-weight: bold; padding: 3px; color: #000000; cursor: hand; cursor: pointer; }
.kos_odeslat input:hover {color: #113E88;}

.navMenu {
  width: 98%;
  margin-bottom: 10px; 
  border: 1px #A0A0A0 solid;
  padding: 10px 20px 10px 20px;
}

.navMenu a { text-decoration: none; color: #000000; }
.navMenu a:hover { color: #CE161A; }

.radit {
  text-align: right;
  padding: 10px;
}

.img_detail {
  vertical-align: -12px;
  _vertical-align: 0px;
}

.c_cena { font-size: 15px; color: #000000; }
.c_cena strong { color: #DA251C; }
.c_cena span { color: #DA251C; }

#topmenu ul li a.vyrazny {
  font-weight: bold;
  color: #CE161A;
}

#topmenu ul li a.vyrazny:hover {
  font-weight: bold;
  color: #fff;
}

a.slevsi {
	color: #ffffff;
	text-decoration: none;
}

a.slevsi:hover {
	color: #CE161A;
}

a.kataloghref {
	display: block;
	margin: 4px 0;
}

#dopor {
  	position: absolute;
  	margin-left: 170px;
	margin-top: 10px;
}

#dopor #Doporucujeme a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#dopor #Doporucujeme a:hover {
	color: #CE161A;
}
