body {
 background-image: url(img/bck.png);
 background-repeat: repeat;
 margin: 0 auto;
 padding: 0px;
 font-family: verdana, tahoma, arial;
 font-size: 8pt;
}

a {
 text-decoration: none;
 color: black;
 border: none;
}

/* zacatek hlavniho rozvrzeni */

.zahlavi {
 float: left;
 height: 20px;
 width: 100%;
 background-image: url(img/zahlavi.png);
 margin-top: -13px;
}

*>.zahlavi {
 margin-top: 0;
}

*+html .zahlavi {
 margin-top: -14px;
}

.hlavicka {
 float: left;
 width: 100%;
 height: 75px;
 background-color: white;
 border-top: solid 1px black;
 border-bottom: solid 1px black;
}

.hlavicka_res {
 float: left;
 width: 1000px;
}

.logo {
 float: left;
 margin-left: 22px;
 margin-top: 8px;
 height: 62px;
 width: 236px;
}

.logo img {
 height: 62px;
 width: 236px;
 margin: 0;
 border: 0px;
}

.logo a {
 border: 0px;
}

.login {
 margin-top: 7px;
 float: right;
 width: 205px;
}

.login2 {
 margin-top: 13px;
 float: right;
 width: auto;
}

.hlavni {
 float: left;
 width: 1015px;
 background: url(img/prouzek.png) top left repeat-y;
}

.menu {
 float: left;
 width: 190px;
 background-image: url(img/mn_bck.png);
 background-repeat: repeat-y;
}

.pruhy {
 float: left;
 background-image: url(img/panel.png);
 background-repeat: repeat-y;
 background-position: top right;
 width: 100%;
 margin-top: 15px;
 position: relative;
}

* html .pruhy {
 height: 950px;
}

.prodej {
 float: left;
 width: 575px;
 margin-left: 12px;
 margin-right: 22px;
}

.panel {
 width: 200px;
 padding-left: 1px;
 float: left;
}

.panel a {
 color: white;
 text-decoration: underline;
}

* html .panel {
 position: absolute;
 right: -3px;
}

.p0 {
 width: 200px;
 background: url(img/_p0.png) top left no-repeat;
 margin-bottom: 7px;
}

.p0 div {
 font-size: 8pt;
 padding: 27px 7px 0;
 color: #F4F4F4;
 text-align: justify;
 line-height: 130%;
}

.p0 div div {
 font-size: 7pt;
 color: #F4F4F4;
 padding: 0;
 margin-bottom: -10px;
 font-weight: bold;
}

.p1 {
 width: 200px;
 background: url(img/_p1.png) top left no-repeat;
 margin-bottom: 7px;
}

.p1 img {
 float: right;
 border: solid 2px #F4F4F4;
 width: 80px;
 height: 60px;
 margin-top: 30px;
 margin-right: 7px;
}

.p1 div {
 width: 90px;
 font-size: 9pt;
 font-weight: bold;
 padding: 27px 7px 0;
 color: #F4F4F4;
}

.p1 div a {
 font-size: 8pt;
 font-weight: bold;
 color: #A9CBDC;
 line-height: 120%;
}

.p1 div a:hover {
 text-decoration: underline;
}

.p1 div div {
 font-size: 7pt;
 color: #F4F4F4;
 line-height: 170%;
 padding: 0;
}

.p2 {
 width: 200px;
 background: url(img/_p2.png) top left no-repeat;
 margin-bottom: 7px;
}

.p2 img {
 float: left;
 border: solid 2px #F4F4F4;
 width: 80px;
 height: 60px;
 margin-top: 30px;
 margin-left: 7px;
}

.p2 div {
 float: right;
 width: 90px;
 font-size: 9pt;
 font-weight: bold;
 padding: 27px 7px 0 0;
 color: #F4F4F4;
}

.p2 div a {
 font-size: 8pt;
 font-weight: bold;
 color: #A9CBDC;
 line-height: 120%; 
}

.p2 div a:hover {
 text-decoration: underline;
}

.p2 div div {
 font-size: 7pt;
 color: #F4F4F4;
 line-height: 170%; 
 padding: 0; 
}

.google {
 width: 200px;
 background: url(img/_p3.png) top left no-repeat;
 padding-left: 1px;
 padding-top: 30px;
}

.google img {
 float: left;
 border: solid 2px #F4F4F4;
 width: 80px;
 height: 60px;
 margin-top: 30px;
 margin-left: 7px;
}

.google div {
 float: right;
 width: 90px;
 font-size: 9pt;
 font-weight: bold;
 padding: 27px 7px 0 0;
 color: #F4F4F4;
}

.google div a {
 font-size: 8pt;
 font-weight: bold;
 color: #A9CBDC;
 line-height: 120%; 
}

.google div a:hover {
 text-decoration: underline;
}

.google div div {
 font-size: 7pt;
 color: #F4F4F4;
 line-height: 170%; 
 padding: 0; 
}

.partners {
 margin-left: 17px;
 width: 165px;
 margin-bottom: 15px;
}

.partners p {
 margin: 0px;
 padding:0px;
}

#head a {
 font-weight: bold;
 text-decoration: underline;
 color: #A9CBDC;
}

#text {
 color: white;
 font-family: arial,helvetica;
 font-size: 110%;
 line-height: 135%;
}

#url a {
 color: #AAD4AA;
 font-size: 85%;
}

.detail {
 float: left;
 width: 574px;
 border: solid 1px #8C8C8C;
 background-color: #EAEAEA;
 margin-bottom: 10px;
}

* html .detail * {
 display: inline;
}

.profil {
 float: left;
 width: 554px;
 border: solid 1px #8C8C8C;
 background-color: #EAEAEA;
 margin-bottom: 10px;
 padding: 10px;
 position: relative;
}

* html .profil * {
 display: inline;
}

.profil a {
 display: block;
 margin: 5px 0;
 text-decoration: underline;
}

.profil input {
 position: absolute;
 left: 5em;
 margin-top: -2px;
}

.profil table {
 border: 2px solid #585858;
 border-collapse: collapse;
 margin: 10px 0;
}

.profil table * {
 border: 1px solid #585858;
 padding: 1px 3px;
}

.zapati {
 clear: both;
 float: none;
 height: 50px;
 width: 100%;
 background-image: url(img/zapati.png);
}

.zapanfo {
 float: left;
 width: 995px;
}

.info {
 text-align: center;
 color: #8C8C8C;
 font-weight: bold;
 font-size: 7pt;
 line-height: 16px;
 float: right;
 width: 190px;
}

.info a {
 color: #8C8C8C;
}

.info a:hover {
 color: #8C8C8C;
 text-decoration: underline;
}

/* konec hlavniho rozvrzeni */

/* zacatek stylovani filtru */

.rodic {
 float: left;
}

.search {
 width: 564px;
 padding: 5px;
}

.search2 {
 width: 564px;
 padding: 5px;
}

.search div {
 float: left;
 padding-right: 5px;
 padding-top: 3px;
 vertical-align: baseline;
}

.search2 div {
 float: left;
 padding-right: 5px;
 padding-top: 3px;
 vertical-align: baseline;
}

.search select {
 float: left;
 margin-right: 10px;
 font-family: verdana, tahoma, arial;
 font-size: 8pt;
 background-color: white;
 border: 1px solid black;
}

.search input {
 float: left;
 margin-right: 10px;
 font-family: verdana, tahoma, arial;
 font-size: 8pt;
 background-color: white;
 border: 1px solid black;
}

.search2 input {
 float: left;
 margin-right: 10px;
 font-family: verdana, tahoma, arial;
 font-size: 8pt;
}

/* konec stylovani filtru */

/* zacatek stylovani textu a registrace */

.nadpis {
 float: left;
 font-size: 11pt;
 margin-left: 15px;
 width: 544px;
 font-weight: bold;
 padding-top: 10px;
}

.podnadpis {
 float: left;
 font-size: 10pt;
 margin: 0 15px 15px;
 padding-top: 5px;
 width: 544px;
 font-weight: bold; 
}

.podnadpis2 {
 float: left;
 font-size: 10pt;
 margin-left: 15px;
 padding: 6px;
 width: 544px;
 font-weight: bold; 
}

.text {
 float: left;
 margin-left: 15px;
 width: 544px;
 text-align: justify;
 padding-bottom: 7px;
 padding-top: 12px;
}

.detail div {
 float: left;
}

.detail p {
 float: left;
 margin-left: 15px;
 margin-right: 15px;
 text-align: justify;
}

.registr {
 width: 60%;
 float: left;
 margin-left: 15px;
 height: 16px;
 margin-top: 2px;
}

.registr2 {
 width: 60%;
 float: left;
 margin-left: 15px;
 height: 16px;
 margin-top: 2px;
}

.registr2 input {
 float: right;
 width: 180px; 
 height: 17px;
 font-family: verdana, tahoma, arial;
 font-size: 8pt;
 border: solid black 1px;
}

.registr div {
 float: left;
}

.registr input {
 float: right;
 width: 180px; 
 height: 13px;
 font-family: verdana, tahoma, arial;
 font-size: 8pt;
 border: solid black 1px;
}

.spacer {
 float: left;
 height: 15px;
 margin-bottom: 15px;
 width: 544px;
}

.warning {
 font-size: 10pt;
 color: red;
 padding: 6px;
 font-weight: bold;
}

.nahledy {
 padding: 6px;
}

.nahledy img {
 float: left;
 border: solid 3px #F4F4F4;
 margin-right: 5px;
 margin-bottom: 2px;
}

/* konec stylovani textu a registrace */

/* zacatek stylovani autorizace */

.auth_cell {
 width:100%;
 float:left;
 padding-top: 3px;
}

.auth_cell_text {
  color: #464646;
  float: left;
  margin-left: 7px;
  font-weight: bold;
  height: 15px;
}

.auth_cell_field {
  border: solid #464646 1px;
  background-color: white;
  font-family: verdana, helvetica, tahoma, arial;
  font-size: 8pt;
  width: 130px;
  margin-left: 10px;
  margin-right: 7px;
  float: right;
  height: 15px;
}

.auth_box_button {
 width:100%;
 float:left;
 padding-top: 3px;
 text-align: right;
}

.auth_box_button input {
 margin-left: 50px;
 border: none;
 height: 15px;
 font-family: verdana, helvetica, tahoma, arial;
 font-size: 8pt;
 width: 70px;
 color: #464646;
 background-color: white;
 float: left;
}

.reg {
 float: right;
 color: #464646;
 font-size: 8pt;
 margin-right: 8px;
 margin-top: 1px;
}

/* konec stylovani autorizace */

/* zacatek stylovani menu */

.kategorie {
 float: left;
 width: 179px;
 height: 23px;
}

.kategorie a {
 text-decoration: none;
 border: 0px;
}

.kategorie img {
 width: 179px;
 height: 23px;
 border: 0px;
}

.podkategorie {
 float: left;
 width: 100%;
 height: 18px;
 font-weight: bold;
 text-align: left;
 text-indent: 34px;
 color: #FEFDFC;
}

.podkategorie a {
 font-weight: bold;
 color: #FEFDFC;
}

.podkategorie a:hover {
 font-weight: bold;
 color: #464646;
}

.menu_z {
 float: left;
 background: url(img/mn_end.png) bottom left no-repeat;
 width: 100%;
 height: 10px;
}

/* konec stylovani menu */

/* zacatek stylovani vypisu polozek produktu*/

.produkt_1 {
 width: 268px;
 border: solid 1px #8C8C8C;
 background-color: #EAEAEA;
 float: left;
 margin-bottom: 10px;
 padding: 6px;
}

.produkt_2 {
 width: 268px;
 border: solid 1px #8C8C8C;
 background-color: #EAEAEA;
 float: right;
 margin-bottom: 10px;
 padding: 6px;
}

.prd {
 float: left;
 height: 98px;
 width: 129px;
}

.prd img {
 max-height: 92px;
 max-width: 123px;
 border: solid 3px #F4F4F4; 
}

.produkt_text {
 float: right;
 height: 84px;
 width: 131px;
 overflow: hidden;
}

.produkt_typ {
 font-size: 90%;
 width: 100%;
}

.produkt_dodavatel {
 font-size: 90%;
 width: 100%;
}

.produkt_typ h2 {
 font-weight: normal;
 margin: 0;
 font-size: 8pt;
}

.produkt_nazev {
 font-weight: bold; 
 height: 14px;
 overflow: hidden
}

.produkt_popis {
 font-size: 90%;
 margin-top: -5px;
}

.produkt_cena {
 float: right;
 font-weight: bold;
 text-align: right;
}

/* konec stylovani vypisu polozek produktu*/

/* zacatek stylovani detailu produktu */

.perex {
 width: 145px;
 height: 100px;
 float: left;
}

.perex img {
 float: left;
 margin: 6px;
 border: solid 3px #F4F4F4;
 max-height: 92px;
 max-width: 123px; 
}

.telo {
 width: 410px;
 float: left;
 margin-left: 10px;
 margin-top: 6px;
 padding-bottom: 10px;
}
 
.produkt_cn {
 float: left;
 height: 14px;
 font-weight: bold;
 text-align: left;
 margin-top: 6px;
 margin-right: 6px;
 margin-bottom: 15px;
 vertical-align: baseline;
 width: 100%;
}

.produkt_nzv {
 float: left;
 width: 100%;
 margin-top: 6px;
 height: 20px;
}

.produkt_nzv h1 {
 line-height: 18px;
 font-size: 10pt;
 margin: 0;
}

.objednavka {
 float: left;
 padding: 5px;
}

/* konec stylovani detailu produktu */

/* zacatek stylovani kosiku */

.kos {
 float: left;
 width: 185px;
 margin-left: 7px;
 border-right: 1px solid #8C8C8C;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-right: 2px; 
}

.kos select {
 float: right;
 width: 110px; 
 font-family: verdana, tahoma, arial;
 font-size: 7pt;
 border: solid black 1px;
 margin: 0 5px 5px 0;
}

.kosend {
 float: left;
 width: 165px;
 margin-left: 7px;
 padding-top: 5px;
 padding-bottom: 5px;
}

.kosend input {
 width: 20px; 
 font-family: verdana, tahoma, arial;
 font-size: 8pt;
 text-align: right;
 padding: 1px;
 border: solid black 1px;
 margin-bottom: 3px;
 float: right;
}

* html .kosend input {
 margin-left: 70px;
}

.kosend .kos_cena {
 float: right;
 text-align: right;
}

.kos_radek {
 float: left;
}

.kos_radek span {
 display: block;
 width: 100%;
 height: 7px;
}

.radek .kos_popisek {
 float: left;
 font-weight: bold;
 margin: 0 3px 7px 0;
}

.radek .kos_radek .kos_popisek {
 display: inline;
 float: none;
 margin-bottom: 70px;
}

.kos .kos_cena {
 float: none;
 display: inline;
}

.radek {
 width: 564px;
 float: left;
}

.radek hr {
 margin: 1px 5px 10px 0;
}

.radek .kos_ovl {
 float: none;
 font-size: 90%;
 padding-right: 5px;
 text-align: right;
}

* html .radek .kos_ovl {
 float: right;
}

.kos_ovl a {
 text-decoration: underline;
}

.kos_ovl a:hover {
 text-decoration: none;
}

.detail form .ryba {
 float: right;
}

.kosx {
 display: inline;
 float: left;
 width: auto;
 padding-bottom: 5px;
 padding-left: 5px;
}

.kosx input {
 display: block;
 float: left;
 margin-right: 15px;
}

.kosx a {
 display: block;
 float: left;
 margin-top: 4px;
 text-decoration: underline;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 120%;
}

.kosx a:hover {
 text-decoration: none;
}

.kosy {
 display: inline;
 float: right;
 width: auto;
 padding-bottom: 5px;
 padding-right: 5px; 
}

.objednavka {
 font-weight: bold;
 position: relative;
 width: 100%;
}

.objednavka input, .objednavka select {
 position: absolute;
 left: 11em;
 margin-top: -2px;
}
/* konec stylovani kosiku */

#obal1 {
 float: left;
 width: 574px;
 border: solid 1px #8C8C8C;
 background-color: #EAEAEA;
 margin-bottom: 10px;
}

#obal2 {
 padding: 5px 10px;
}

#box {
 width: 554px;
 position: relative;
}

#radek {
 width: 554px;
 float: left;
 margin-bottom: 5px;
 margin-top: 3px;
}

#radek div {
 float: left;
 width: auto;
 margin-right: 7px;
 line-height: 17px;  
}

#radek div input {
 float: left;
 font-family: verdana, tahoma, arial;
 font-size: 8pt;
}

#radek div select {
 float: left;
 font-family: verdana, tahoma, arial;
 font-size: 8pt;
}

#box p {
 text-align: justify;
}

#box a {
 font-weight: bold;
}

#box a:hover {
 font-weight: bold;
 text-decoration: underline;
}

#box h1 {
 font-size: 150%;
 font-weight: bold;
 margin: 10px 0;
}

#box h2 {
 font-size: 9pt;
}

.listovani {
 margin-left: 207px;
}

.strankovani {
 position: absolute;
 right: 0;
}
/* ------------------------ clear: both - start -------------------------------- */
.p1:after, .p2:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.p1, .p2 {display: inline-block;}
/* Hides from IE-mac \*/
* html .p1, * html .p2 {height: 1%;}
.p1, .p2 {display: block;}
/* End hide from IE-mac */
/* ------------------------ clear: both - end -------------------------------- */