/*******************************************************************************
* Soubor kaskádových stylů CSS
* 
* 2009-02-03 Chaloupka Jaromír
*******************************************************************************/
* {margin:0; padding:0;}
body {
  font-family: Arial, sans-serif;
  font-size: 80%;
  color: #fff;
  background: #ad0b15 url(../img/pozadi.jpg) repeat-x top left;
  text-align: center;
}
#kontejner {
  position: relative;
  width: 960px;
  /*min-height: 221px;*/
  margin: 5px auto;
  text-align: left;
  background: url(../img/podklad.gif) no-repeat top left;
}

#zahlavi {
  position: relative;
  height: 155px;
}

#slogan {
  position: absolute;
  top: 85px;
  left: 370px;
}
#slogan p {
  font-size: 130%;
  font-weight: bold;
}

#mutace {
  position: absolute;
  top: 5px;
  left: 855px;
}
#mutace p {color:#ad0b15;}
#mutace p a {color:#ad0b15;}
#mutace p a:hover {color:#ffc900;}
#mutace p a.aktivni {color:#ffc900; font-weight:bold;}

#logo {
  position: absolute;
  top: 35px;
  left: 20px;
}

#vyhledavani {
  position: absolute;
  top: 55px;
  left: 695px;
  background: url(../img/vyhledavani.gif) no-repeat top left;
  width: 266px;
  height: 76px;
}
#vyhledavani p {
  color: #ffc900;
  font-weight: bold;
  padding: 10px;
}
#vyhledavani table {margin:0 10px;}
#vyhledavani table td {padding-right:2px;}
#vyhledavani table td input {padding:2px; border:1px solid #83051f; width:175px;}
#vyhledavani table td input.tlacitko {
  color: #fff;
  font-family: Arial, sans-serif;
  font-weight: bold;
  background-color: #2e010f;
  border: 1px solid #210107;
  cursor: pointer;
  width: 60px;
}

#sloupce {width:960px;}
#sloupec_1 {float:left; width:680px; position:relative;}
#sloupec_2 {float:left; width:265px; margin-left:15px; position:relative;}

#menu {
  position: absolute;
  top: 0px;
  left: 325px;
  background: url(../img/menu.jpg) no-repeat top left;
  width: 355px;
  height: 42px;
}
#menu ul {list-style:none; margin:12px 10px;}
#menu ul li {display:inline; margin-right:5px; padding-left:10px; background:url(../img/oddelovac.gif) no-repeat top left;}
#menu ul li.prvni {background:none;} 
#menu ul li a {font-weight:bold;} 
#menu ul li a.aktivni {color:#fff;} 

#obsah {
  background: url(../img/okno.jpg) no-repeat top left;
  margin-top: 50px;
  position: relative;
  padding-bottom: 20px;
  /*min-height: 320px;*/
}
#obsah h1 {
  font-size: 160%;
  color: #ffc900;
  padding: 20px 20px 15px 20px;
}
#obsah h2 {
  font-size: 140%;
  color: #fff;
  padding: 10px 20px;
}
#obsah p {
  padding: 5px 20px;
  line-height: 18px;
}
#obsah ul {margin:10px 20px; list-style:none;}
#obsah ul li {margin:2px 0;}
#obsah table {margin:10px 20px 20px 20px;}
#obsah table td {padding:2px;}
#obsah table td.q input {padding:2px; width:300px; border:1px solid #fff;}
#obsah table td.t input {
  color: #fff;
  font-family: Arial, sans-serif;
  font-weight: bold;
  background-color: #2e010f;
  border: 1px solid #210107;
  cursor: pointer;
  width: 60px;
  padding: 2px 6px;
}
#obsah .found_1 {
  margin:5px 20px;
  border:1px solid #ad0b15;
  background-color: #8b0814;
}
#obsah .found_1 h3 {
  font-size: 120%;
  color: #fff;
  padding: 10px 10px 5px 15px;
}
#obsah .found_1 p {padding:0 15px 10px 15px;}
#obsah .novinka, #obsah .dnov {margin:5px 20px;}
#obsah .novinka .no {float:left; width:230px;}
#obsah .novinka .nt {float:left; width:380px; margin-left:15px;}
#obsah .novinka .no a img, #obsah .dnov p img {padding:1px; border:4px solid #ad0b15;}
#obsah .novinka .no a:hover img {padding:1px; border:4px solid #fc0;}
#obsah .novinka .nt h2 {margin:0; padding:0 0 5px 0; font-size:120%;}
#obsah .novinka .nt p, #obsah .dnov p {margin:0; padding:0 0 5px 0;}

#produkty_uvod {margin:20px 0; position: relative;}
#produkty_uvod h2 {padding:5px 20px;}
#produkty_vice {position:absolute; top:5px; left:450px;}
#produkty_vice p a {font-weight:bold; background:url(../img/sipka.gif) no-repeat 0 50%; padding-left:8px;}
#produkty_list, #produkty_list_uvod {margin:5px 20px; position:relative; overflow:hidden;}
#produkty_list .produkt, #produkty_list_uvod .produkt {
  background:url(../img/produkt.jpg) no-repeat top left;
  width: 146px;
  height: 170px;
  float: left;
  display: block;
  margin-right: 13px;
  margin-bottom: 20px;
  position: relative;
}
#produkty_list .produkt p.p1, #produkty_list_uvod .produkt p.p1 {padding: 10px;}
#produkty_list .produkt p.p2, #produkty_list_uvod .produkt p.p2 {
  position: absolute;
  top: 145px;
  left: 12px;
  padding: 0;
}
#produkty_list .produkt p.p2 a, #produkty_list_uvod .produkt p.p2 a {color:#ad0b15; font-weight:bold;}
#produkty_list .produkt p.p2 a:hover, #produkty_list_uvod .produkt p.p2 a:hover {color:#000; font-weight:bold;}
#produkt_obr {float:left; width:220px; overflow:hidden;}
#produkt_popis {float:left; width:380px; margin-left:15px;}
#produkt_popis h2 {padding:5px 0;}
#produkt_popis h3 {color:#ffc900; padding:20px 0 5px 0;}
#produkt_popis p {padding:5px 0;}
#produkt_alk {background:url(../img/alk.jpg) no-repeat top left; width:380px; height:59px; margin-top:10px;}
#produkt_alk table {margin:10px;}
#produkt_alk table th {font-weight:bold; padding:2px 4px; color:#410114; text-align:right;}
#produkt_alk table td {padding:2px 4px; color:#410114;}
#produkt_alk table td img {vertical-align:middle;}

#novinky {width:265px; position:relative;}
#novinky1 {background:url(../img/novinky1.jpg) no-repeat top left; width:265px; height:5px; overflow:hidden;}
#novinky2 {background:#fdc800 url(../img/novinky2.jpg) no-repeat bottom left; width:265px; padding-bottom:15px;}
#novinky h3 {padding:15px 15px 5px 15px; color:#410114;}
#novinky p.n1 {padding:10px 15px 5px 15px;}
#novinky p.n1 a img {border:1px solid #fde587;}
#novinky p.n2 {
  position: absolute;
  top: 20px;
  left: 100px;
  padding: 0;
}
#novinky p.n2 a {color:#6d5701; font-weight:bold; background:url(../img/sipka2.gif) no-repeat 0 50%; padding-left:8px;}
#novinky p.n2 a:hover, #novinky p.n3 a:hover {color:#410114;}
#novinky p.n3 {padding:2px 15px;}
#novinky p.n3 a {color:#ad0b15; font-weight:bold;}
#novinky p.n4 {padding:0 15px; color:#410114;}
#novinky ul {list-style:none; margin:5px 20px;}
#novinky ul li {margin:4px 0;}
#novinky ul li a {background:url(../img/ctvercik.gif) no-repeat 0 50%; padding-left:10px; color:#ad0b15; font-weight:bold;}
#novinky ul li a:hover {color:#000; font-weight:bold;}

#rychly_kontakt {margin-top:10px; background:url(../img/kontakt.jpg) no-repeat top left; width:265px; height:167px;}
#rychly_kontakt h3 {padding:15px 15px 5px 15px; color:#ffc900;}
#rychly_kontakt ul {margin:10px 15px; list-style:none;}

#fotogalerie_pravy {margin-top:10px; background:url(../img/kontakt.jpg) no-repeat top left; width:265px; height:167px;}
#fotogalerie_pravy h3 {padding:15px 15px 5px 15px; color:#ffc900;}
#fotogalerie_pravy p.vice {padding:5px 15px 0 15px; margin:0;}
#fpo {margin:5px 15px;}
#fotogalerie_pravy .fp {float:left; width:65px; margin-right:13px;}
#fotogalerie_pravy .fp a img {padding:1px; border:4px solid #ad0b15;}
#fotogalerie_pravy .fp a:hover img {padding:1px; border:4px solid #fc0;}

#fotogalerie {margin:5px 20px;}
#fotogalerie .fo {float:left; width:130px; margin:15px 15px 0 0;}
#fotogalerie .fo a img {padding:1px; border:4px solid #ad0b15;}
#fotogalerie .fo a:hover img {padding:1px; border:4px solid #fc0;}

#paticka {background:#650414 url(../img/paticka.gif) repeat-x top left;}
#paticka_text {margin:0 auto; width:960px; text-align:left;}
#paticka_text p {padding:15px 15px 5px 15px;}
#paticka_text p a {color:#fff;}
#paticka_text p a:hover {color:#ffc900;}
#paticka_text p.webdew {padding:0 15px 10px 15px; font-size:90%; color:#9f0914;}
#paticka_text p.webdew a {color:#9f0914;}
#paticka_text p.webdew a:hover{color:#fff;}

a {color:#ffc900;}
a:hover {color:#fff;}
a img {border:none;}
hr.cleaner {
  clear: left;
	height: 1px;
	margin: -1px 0 0 0;
	border: none;
	visibility: hidden;
}
img.fu {border:1px solid #ad0b15; padding:2px;}