/* CSS Document */

body {
     background-color: #DFE1E6;
     background-image: url('pic/pozadi.jpg');
     background-repeat: repeat-x;
     text-align: center;
     margin: 0px;
     padding: 0px;
     
     font-family: Arial;  /*add by Michal*/
     font-size: 9pt;
}
td{
     font-family: Arial;  /*add by Michal*/
     font-size: 9pt;
}

#center {
     position: relative;
     width: 1000px;
     height: auto;
     margin: 0px auto 0px auto;
     padding: 0px;
}

#head {
     position: relative;
     width: 1000px;
     height: 141px;
     margin: 0px;
     padding: 0px;
     background-image: url('pic/header.jpg');
     background-position: 9px 0px;
     background-repeat: no-repeat;
}

#logo span {
    position: absolute;
    width: 189px;
    height: 77px;
    left: 45px;
    top: 25px;
    margin: 0px;
    padding: 0px;

    z-index: 1;
    display: block;
    background: url("pic/logo.jpg") top left no-repeat;
}

#flash {
     position: relative;
     width: 500px;
     height: 144px;
     left: 250px;
     top: 6px;
     float: left;
}

/*right head*/

#right-head {
     position: relative;
     width: 280px;
     height: 140px;
     float: right;
     margin: 0px;
     text-align: left;
     z-index: 1;
}

/*kosik*/

#kosik {
     position: relative;
     width: 200px;
     height: 30px;
     top: 55px;
     left: 23px;
     font-family: Arial;
     font-size: 12px;
     color: #B4C2FF;
}

#kosik a {
     color: #FFFFFF;
}

#kosik a:hover {
     text-decoration: none;
}

#kosik span {
     font-family: Arial;
     font-size: 13px;
     font-weight: bold;
     color: #FEF398;
}
/*kosik*/
/*prihlas form*/
#prihlaseni {
     position: relative;
     width: 300px;
     height: 30px;
     top: 20px;
     left: 20px;
     
     color: #FFFFFF;  /*add by Michal*/
     font-size: 10pt; 
     font-family: Arial; 
     padding-top: 0px;
}

input.prihlas {
     position: relative;
     width: 89px;
     height: 16px;
     background-image: url('pic/input-prihlas.jpg');
     background-repeat: no-repeat;
     border: 1px solid #4250A8;
     padding: 3px;
}

input.ok {
     position: relative;
     width: 37px;
     height: 24px;
     top: 2px;
     background-image: url('pic/ok.jpg');
     background-repeat: no-repeat;
     border-style: none;
}

#prihlaseni td {
     position: relative;
     height: 30px;
     vertical-align: top;
}
/*prihlas form*/

#jazyk {
     position: relative;
     width: 80px;
     height: 30px;
     left: 200px;
     top: 10px;
}

#jazyk img {
     border-style: none;
}

#menu {
     position: relative;
     width: 1000px;
     height: 44px;
     margin: 0px;
     background-image: url('pic/menu.jpg');
}

#menu a {
     font-family: Arial;
     font-size: 13px;
     font-weight: bold;
     color: #FFFFFF;
     text-decoration: none;
     padding: 11px 9px 11px 13px;
     margin: -13px 0px 0px 0px;
}

#menu ul {
     position: relative;
     width: 1000px;
     height: 20px;
     top: 1px;
     #top: 1px;
     margin: 0px 0px 0px 0px;
     padding: 10px 0px 10px 0px;

}

#menu li {
     position: relative;
     height: 20px;
     margin: 0px 0px 0px 0px;
     padding: 10px 0px 10px 0px;
     display: inline;
     background-image: url('pic/menu-separate.jpg');
     background-repeat: no-repeat;
     background-position: 100% 0%;
}

#menu li:hover {
     background-image: url('pic/hover-menu.jpg');
     background-repeat: repeat-x;
}

/*drobky*/

#drobky {
     position: relative;
     width: 1000px;
     height: 36px;
     text-align: left;
     background-image: url('pic/hledani-drobky.jpg');
     background-position: 10px 0px;
     background-repeat: no-repeat;
}

#odkazy-drobky {
     position: relative;
     width: 550px;
     height: 30px;
     float: left;
     text-align: left;
}

#odkazy-drobky ul {
     position: relative;
     width: 550px;
     margin-top: 7px;
}

li.odkaz {
     padding-right: 8px;
     padding-left: 2px;
     display: inline;
     background-image: url('pic/odrazka.jpg');
     background-repeat: no-repeat;
     background-position: 100% 8px;
}

li.aktual {
     font-family: Arial;
     font-size: 12px;
     font-weight: bold;
     color: #555A7A;
     display: inline;
     padding-left: 2px;
}

#drobky a {
     font-family: Arial;
     font-size: 12px;
     font-weight: normal;
     color: #555A7A;
}
.drobky2 a {
     font-family: Arial;
     font-size: 12px;
     font-weight: normal;
     color: #6699FF;
}

#drobky a:hover {
     text-decoration: none;
}

/*hledani*/

#hledat {
     position: relative;
     width: 300px;
     height: 30px;
     right: 42px;
     float: right;
}

input.hledat {
     position: relative;
     width: 194px;
     height: 17px;
     padding: 3px;
     top: 2px;
     top: 1px\9;
     #top: 2px;
     background-image: url('pic/hledat.jpg');
     background-repeat: no-repeat;
     #border: 1px solid #4250A8;
     #border-left: 0px;
     border-style: none;
}

input.hledej {
     position: relative;
     width: 77px;
     height: 24px;
     top: 1px;
     background-image: url('pic/hledej.jpg');
     background-repeat: no-repeat;
     border: 0px;
}

input:hover.hledej {
     background-image: url('pic/hledej-hover.jpg');
}

/*hledani*/

/*obsah*/

#obsah {
     position: relative;
     width: 1000px;
     height: auto;
     margin: 0px auto 0px auto;
     padding: 0px 0px 20px 0px;
     background-image: url('pic/obsah.jpg');
     background-repeat: repeat-y;
     background-position: 10px 0px;
     float: left;
}

#left {
     position: relative;
     width: 213px;
     height: auto;
     float: left;
}

.kategory {
     position: relative;
     width: 213px;
     height: 26px;
     background-image: url('pic/nadpis-left.jpg');
     background-repeat: no-repeat;
     font-family: Arial;
     font-size: 15px;
     font-weight: bold;
     color: #FFFFFF;
     padding: 10px 0px 0px 30px;
     margin: 5px 0px 0px 0px;
     text-align: left;
}

.levy-text {
     position: relative;
     width: 200px;
     height: auto;
     text-align: left;
     margin: 0px 0px 0px 10px;
}

.anketa-prazdna {
    width: 170px;
    height: 12px;
    background: url('pic/anketa/anketa-back.jpg') no-repeat 0 0;
}

.anketa-roh-levy {
    height: 9px;
    margin-top: 1px;
    margin-left: 2px;
    float: left;
    background: url('pic/anketa/anketa.jpg') no-repeat 0 0;
}

.anketa-roh-pravy {
    width: 3px;
    height: 9px;
    margin-top: 1px;
    float: left;
    background: url('pic/anketa/rohy.jpg') no-repeat -10px 0;
}

.kategory-menu ul {
     position: relative;
     width: 190px;
     height: auto;
     list-style-type: none;
     margin: 0px;
     padding: 0px 0px 0px 4px;
     text-align: left;
}

.kategory-menu li {
     position: relative;
     width: 190px;
     height: 22px;
     margin: 1px 0px 0px 0px;
     #margin: -3px 0px 0px 0px;
     padding: 2px 0px 0px 0px;
     background-image: url('pic/polozka-kategorie.jpg');
     background-repeat: no-repeat;
}

.kategory-menu li:hover {
     background-image: url('pic/polozka-kategorie-hover.jpg');
     background-repeat: no-repeat;
}


.kategory-menu a {
     position: absolute;
     width: 180px;
     height: 18px;
     padding: 4px 0px 0px 10px;
     font-family: Arial;
     font-size: 11px;
     font-weight: normal;
     color: #555A7A;
     text-decoration: none;
}

.levy-text a {
     font-family: Arial;
     font-size: 11px;
     font-weight: normal;
     color: #555A7A;
     text-decoration: none;
}

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


.levy-text h4 {
     font-family: Verdana;
     font-size: 15px;
     font-weight: bold;
     color: #3146C9;
     padding: 0px;
     margin: 10px 0px 0px 10px;
}

.levy-text p {
     font-family: Verdana;
     font-size: 11px;
     color: #555A7A;
     padding: 0px;
     margin: 10px 0px 0px 10px;
}

.levy-text table {
     font-family: Verdana;
     font-size: 11px;
     color: #555A7A;
     padding: 0px;
     margin: 20px 0px 0px 10px;
}

#text {
     position: relative;
     width: 554px;
     height: auto;
     float: left;
     padding: 5px 10px 10px 10px;
}

.vitejte {
     position: relative;
     width: 554px;
     height: 185px;
     padding: 40px 0px 0px 0px;
     background-image: url('pic/vitejte.jpg');
     background-repeat: no-repeat;
     color: #D6DCF1;
}

.vitejte p {
     font-family: Verdana;
     font-size: 12px;
     color: #D6DCF1;
     line-height: 18px;
     text-align: left;
     padding: 5px 20px 0px 20px;
}

.nabidka {
     position: relative;
     width: 554px;
     height: auto;
     padding: 0px;
     text-align: left;     
}

.nabidka .vitejte p{color: #D6DCF1;}

.nabidka h2 {
     position: relative;
     width: 539px;
     height: 34px;
     padding: 7px 0px 0px 15px;
     margin: 20px 0px 0px 0px;
     background-image: url('pic/h2.jpg');
     background-repeat: repeat-x;
     font-family: Arial;
     font-size: 18px;
     color: #5A618D;
     text-align: left;
}

.nabidka h1 {
     position: relative;
     width: 539px;
     height: 34px;
     padding: 7px 0px 0px 15px;
     margin: 20px 0px 0px 0px;
     background-image: url('pic/h2.jpg');
     background-repeat: repeat-x;
     font-family: Arial;
     font-size: 20px;
     color: #5A618D;
     text-align: left;
}

.nabidka h3 {
     position: relative;
     width: 539px;
     height: 34px;
     padding: 7px 0px 0px 15px;
     margin: 20px 0px 0px 0px;
     background-image: url('pic/h2.jpg');
     background-repeat: repeat-x;
     font-family: Arial;
     font-size: 15px;
     color: #5A618D;
     text-align: left;
}

.nabidka p {
     font-family: Arial;
     font-size: 12px;
     color: #0B1520;
     text-align: left;
}


#right {
     position: relative;
     width: 213px;
     height: auto;
     float: right;
}

.kategory-right {
     position: relative;
     width: 213px;
     height: 26px;
     background-image: url('pic/nadpis-right.jpg');
     background-repeat: no-repeat;
     font-family: Arial;
     font-size: 15px;
     font-weight: bold;
     color: #FFFFFF;
     padding: 10px 0px 0px 30px;
     margin: 5px 0px 0px 0px;
     text-align: left;
}

.right-text {
     position: relative;
     width: 190px;
     height: auto;
     text-align: center;
     margin: 0px 10px 0px 10px;
}

.right-text p {
     font-family: Verdana;
     font-size: 11px;
     color: #555A7A;
     padding: 0px;
     text-align: left;
     margin: 10px 10px 0px 0px;
}

.right-text a {
     font-family: Verdana;
     font-size: 11px;
     color: #3146C9;
     padding: 0px;
}

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

.right-text img {
     margin: auto;
}


/*obsah*/
/*zbozi*/

.zbozi-radek {
     position: relative;
     width: 550px;
     height: auto;
     float: left;
     text-align: left;
     margin-left: -5px;
     margin-top: 20px;
     font-family: Verdana;
     font-size: 12px;
     font-weight: normal;
     color: #555A7A;
}

.zbozi {
     position: relative;
     width: 270px;
     height: auto;
     float: left;
     text-align: left;
     margin-left: 5px;
     margin-top: 20px;
     font-family: Verdana;
     font-size: 12px;
     font-weight: normal;
     color: #555A7A;
     
     height: 220px;  /*add by Michal*/
}

.zbozi a {
     font-family: Verdana;
     font-size: 12px;
     font-weight: bold;
     color: #555A7A;
}

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

.zbozi table {
     position: relative;
     width: 270px;
     height: auto;
     text-align: center;
}

tr.zbozi-tr1 td {
     width: 270px;
     height: 35px;
     border: 1px solid #C5CAD7;
     background-color: #ECF0FF;
     padding: 0px 10px 0px 10px;
     text-align: left;
}

tr.zbozi-tr2 td {
     width: 270px;
     height: auto;
     border: 1px solid #C5CAD7;
     background-color: #FFFFFF;
}

tr.zbozi-tr2 img {
     /*position: relative;*/
     /*width: 270px;*/
     /*height: auto;*/
     margin: 0px auto 0px auto;
}

td.zbozi-tr3 {
     position: relative;
     width: 100px;
     height: 30px;
     float: left;
     padding: 10px 0px 0px 10px;
}

a.kosik-odkaz {
     position: relative;
     width: 130px;
     height: 38px;
     float: right;
     background-image: url('pic/kosik.jpg');
     background-repeat: no-repeat;
}

a:hover.kosik-odkaz {
     background-image: url('pic/kosik-hover.jpg');
}

.zbozi span {
     font-family: Verdana;
     font-size: 14px;
     font-weight: bold;
     color: #3146C8;
}

.zbozi img {
     border-style: none;
}

/*zbozi*/

/*zbozi-right*/

.zbozi-right {
     position: relative;
     width: 180px;
     height: auto;
     float: left;
     text-align: left;
     margin: 0px 15px 15px 0px;
     font-family: Verdana;
     font-size: 12px;
     font-weight: normal;
     color: #555A7A;
}

.zbozi-right a {
     font-family: Verdana;
     font-size: 11px;
     font-weight: bold;
     color: #3146C9;
}

.zbozi-right a:hover {
     text-decoration: none;
}

.zbozi-right table {
     position: relative;
     width: 180px;
     height: auto;
}

tr.zbozi-tr1-right td {
     width: 180px;
     height: 35px;
     padding: 0px 10px 0px 0px;
}

tr.zbozi-tr2-right td {
     width: 180px;
     height: auto;
     border: 1px solid #C5CAD7;
     background-color: #FFFFFF;
}

tr.zbozi-tr2-right img {
     position: relative;
     width: 180px;
     height: auto;
}

td.zbozi-tr3-right {
     padding: 0px 0px 0px 0px;
}

td.kosik-right-right {
     text-align: right;
}


a.maly-kosik-odkaz {
     position: relative;
     width: 104px;
     height: 32px;
     float: right;
     background-image: url('pic/maly-kosik.jpg');
     background-repeat: no-repeat;
}

a:hover.maly-kosik-odkaz {
     /*hover obrazku*/
}

.zbozi-right span {
     font-family: Verdana;
     font-size: 14px;
     font-weight: bold;
     color: #3146C8;
}

.zbozi-right img {
     border-style: none;
}

/*zbozi-right*/



/*paticka*/
#paticka {
     position: relative;
     width: 1000px;
     height: 55px;
     margin: 0px 0px 25px 0px;
     padding: 0px;
     #padding: 10px;
     float: left;
     background-image: url('pic/paticka.jpg');
     background-repeat: no-repeat;
     background-position: 10px 0px;
}

#paticka p {
     font-family: Arial;
     font-size: 11px;
     font-weight: normal;
     color: #C0CDE0;
     margin-top: 10px;
     padding-top: 10px;
}

#paticka a {
     font-family: Arial;
     font-size: 11px;
     font-weight: normal;
     color: #E7EFFF;
}

#paticka a:hover {
     text-decoration: none;
}
/*paticka*/

/*nadpisy*/

h1 {
     font-family: Arial;
     font-size: 20px;
     font-weight: normal;
     color: #E7EFFF;

}

h2 {
     font-family: Arial;
     font-size: 17px;
     font-weight: normal;
     color: #E7EFFF;
}

h3 {
     font-family: Arial;
     font-size: 15px;
     font-weight: normal;
     color: #E7EFFF;
}

/*nadpisy*/


/* Add by Michal */
.detailProduktu h1{
  background-image: none;
  width: auto;
  height: auto;
  color: black;
}

.detailProduktu h2{
  background-image: none;
  width: auto;
  height: auto;
  color: black;
}

.detailProduktu h3{
  background-image: none;
  width: auto;
  height: auto;
  color: black;
}