/* html */


body{
 font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
}

html{
 height: 100%;
 border-width: none;
}

body{
 background: #666666 url(body.jpg) scroll repeat center top;
 color: #000000;
 font-size: 12px;
 height: 100%;
 margin: 0px;
 padding: 0px;
 text-align: center;
}

a{
 text-decoration: none;
 color: #cc3333;
}

a:hover{
 color: #ff6666;
}

div.cleaner{
 clear: both;
 font-size: 1px;
 line-height: 1px;
 margin: -1px 0px 0px 0px;
}

img{
 border: none;
}

.cb{
 clear: both;
}

div.hr{
 border-top: 1px solid #cccccc;
}


/* stranka, hlavicka, paticka, telo */


#stranka{
 position: relative;
 width: 784px;
 margin: 0px auto;
 min-height: 100%;
 height: 100%;
 text-align: left;
 background: transparent url(telo.jpg) scroll repeat-y center top;
 color: #000000;
}

body>#stranka{
 height: auto;
}

#stranka #hlavicka1,#stranka #hlavicka2,#stranka #hlavicka3,#stranka #hlavicka4,#stranka #hlavicka5,#stranka #hlavicka6,#stranka #hlavicka7{
 position: relative;
 width: 784px;
 height: 149px;
}

#stranka #hlavicka1{background: transparent url(hlavicka1.jpg) scroll no-repeat center top;}
#stranka #hlavicka2{background: transparent url(hlavicka2.jpg) scroll no-repeat center top;}
#stranka #hlavicka3{background: transparent url(hlavicka3.jpg) scroll no-repeat center top;}
#stranka #hlavicka4{background: transparent url(hlavicka4.jpg) scroll no-repeat center top;}
#stranka #hlavicka5{background: transparent url(hlavicka5.jpg) scroll no-repeat center top;}
#stranka #hlavicka6{background: transparent url(hlavicka6.jpg) scroll no-repeat center top;}
#stranka #hlavicka7{background: transparent url(hlavicka7.jpg) scroll no-repeat center top;}

#stranka #logo{
 position: absolute;
 left: 52px;
 top: 31px;
 width: 183px;
 height: 56px;
 background: #ffffff url(logo.jpg) scroll no-repeat left top;
}

#stranka #rychlyKontakt{
 position: absolute;
 left: 52px;
 top: 98px;
 width: 178px;
 height: 34px;
 text-align: center;
 font-size: 10px;
 line-height: 11px;
 color: #777777;
}

#stranka #rychlyKontakt a{
}

#stranka #telo{
 text-align: left;
 padding: 0px 0px 30px 0px;
 width: 740px;
}

#stranka #paticka{
 position: absolute;
 left: 0px;
 bottom: -2px;
 height: 30px;
 width: 784px;
 background: transparent url(paticka.jpg) scroll no-repeat center bottom;
}

#stranka #paticka #patickaCopyright{
 padding: 0px 40px 0px 0px;
 text-align: right;
 font-size: 10px;
}


/* menu v hlavicce */


.menuVHlavicce{
  position: absolute;
  right: 60px;
  top: 20px;
  width: 300px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  font-size: 13px;
  font-weight: bold;
  color: #cccccc;
}
.menuVHlavicce a{
  padding: 0px 5px 0px 5px;
}
.menuVHlavicce a:hover{
  background: #dddddd;
  color: #000000;
}
.menuVHlavicce .selected{
  font-weight: bold;
  background: #dddddd;
  color: #000000;
}


/* levyP, hlavniNabidka */

.toplist{
 padding: 20px 0px 0px 35px;
}
.pagerank{
 padding: 20px 0px 0px 35px;
}
.pagerank a{
	display: block;
	width: 14px;
	height: 14px;
}
.pagerank img{
	display: block;
	border: 1px solid #000000;
}
#levyP{
 float: left;
 width: 201px;
}
#levyP .hlavniNabidka{
 margin: 0px 0px 0px 15px;
 padding: 0px;
 line-height: 19px;
}
.hlavniNabidka ul{
 list-style-type: none;
 padding: 0px 0px 0px 16px;
 margin: 0px;
 font-size: 12px;
}
.hlavniNabidka li{
 padding: 0px;
 margin: 0px;
}
.hlavniNabidka ul ul{
 padding: 0px 0px 0px 12px;
}
.hlavniNabidka li{
 margin: 0px;
 padding: 0px;
}
.hlavniNabidka ul a{
 display: block;
 height: 19px;
 line-height: 19px;
 padding: 0px 0px 0px 4px;
 margin: 0px;
 font-weight: bold;
 color: #ffffff;
 overflow: hidden;
}
.hlavniNabidka a.selected,.hlavniNabidka a:hover
{
 margin: 0px;
 color: #000000;
 background: #ffffff url(menu_selected.gif) scroll no-repeat left center;
}
.hlavniNabidka ul a:hover{
 color: #000000;
}
.hlavniNabidka ul ul a{
 color: #ffffff;
 font-size: 11px;
 font-weight: normal;
}
.hlavniNabidka ul ul a:hover{
 color: #000000;
 background: #ffffff;
}
.hlavniNabidka ul ul ul{
 line-height: 16px;
}
.hlavniNabidka ul ul ul li{ 
 line-height: 16px;
}
.hlavniNabidka ul ul ul a{
 font-weight: normal;
 font-size: 11px;
 line-height: 16px;
 height: 16px;
}
.hlavniNabidka form{
 margin: 0px;
 padding: 0px;
}
.hlavniNabidka form div{
 margin: 0px 15px 3px 15px;
 padding: 12px 0px 6px 0px;
 border-bottom: 1px solid #FF7676;
 font-size: 10px;
}
.hlavniNabidka form div a{
 color: #ffffff;
}
.hlavniNabidka form input.text{
 margin: 0px !important;
 padding: 0px !important;
 width: 109px;
 font-size: 10px;
 border-top: none;
 background: #ffffff;
 vertical-align: middle;
}
.hlavniNabidka form input.submit{
 margin: 0px;
 width: 40px;
 font-size: 9px;
 vertical-align: middle;
}


/* menu pod hlavickou */



.menuPodHlavickou{
  color: #cccccc;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.menuPodHlavickou a{
  padding: 0px 10px 0px 10px;
  color: #666666
}
.menuPodHlavickou a:hover{
  background: #dddddd;
  color: #000000;
}
.menuPodHlavickou .selected{
  font-weight: bold;
  background: #dddddd;
  color: #000000;
}


/* hlavniP */


#hlavniP{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 220px;
 background: transparent url(hlavniP.jpg) scroll no-repeat left top;
}
h1{
 margin: 0px 0px 5px 0px;
 padding: 11px 0px 8px 0px;
 font-size: 14px;
 text-transform: uppercase;
 letter-spacing: 0px;
 border-bottom: 1px solid #cccccc;
 color: #6D6260;
}
h2{
 margin: 0px;
 padding: 20px 0px 17px 0px;
 font-size: 12px;
}
strong,.strong{
 font-weight: bold;
 color: #222222;
}
p{
 margin: 0px;
 padding: 0px 0px 17px 0px;
 font-size: 12px;
 line-height: 17px;
}
pre{
 margin: 0px;
 padding: 0px;
 font-size: 11px;
 line-height: 10px;
}
ul
{
 margin: 0px;
 padding: 0px 0px 17px 22px;
 font-size: 12px;
 line-height: 17px;
}
li
{
 margin: 0px;
 padding: 0px 0px 3px 0px;
}
table{
 font-size: 11px;
}
th{
 text-align: left;
 color: #6D6260;
 color: #000000;
 padding-top: 10px;
}
input{
 font-size: 10px;
}
input.submit{
 margin: 4px 0px 0px 0px;
}
select{
 font-size: 10px;
}
input.text{
 border: 1px solid #DCD9C6;
}
.zprava{
 background: #FCF0EE;
 line-height: 18px;
}
.znacka{
 color: #F22706;
 font-weight: bold;
}
.puvodniCena{
 text-decoration: line-through;
 font-size: 11px;
 color: #777777;
}
.sleva{
 font-size: 11px;
 background: #e3e3e3;
 color: #000000;
 padding: 0px 2px 0px 2px;
}
.akcniCena{
}

/* katalog */

.katalog .vyberPodslozky{
}
.katalog .seradit{
 font-size: 11px; 
}
.katalog .seradit .selected{
 font-weight: bold;
}
.katalog .volbaStranky{
 font-size: 11px;
 padding: 0px 0px 5px 0px;
}
.katalog .volbaStranky .selected{
 font-weight: bold;
}
.katalog .vyrobci{
 margin: 0px;
 padding: 0px;
}
.katalog .vyrobci div{
 padding: 3px 0px 17px 0px;
}
.katalog .vyrobci select{
 margin: 0px 0px 0px 0px;
 width: 120px;
 font-size: 10px;
}
.katalog .vyrobci input.submit{
 margin: 0px;
 width: 10px;
 font-size: 9px;
}
.katalog .polozka,.katalog .polozkaVpravo{
 float: left;
 width: 250px;
 height: 200px;
 margin: 0px 18px 18px 0px;
 background: #E3E3E3;
 border-bottom: 1px solid #bbbbbb;
 overflow: hidden;
}
.katalog .polozkaVpravo{
 margin-right: 0px;
}
.katalog .polozkaObsah{
 position: relative;
 padding: 0px 0px 0px 0px;
}
.katalog .polozkaObsah .img{
 display: block;
 position: absolute;
 left: 1px;
 top: 25px;
 width: 120px;
 height: 120px;
 line-height: 120px;
 font-size: 110px;
 background: #ffffff;
 text-align: center;
 vertical-align: middle;
 overflow: hidden;
 z-index: 2;
}
.katalog .polozkaObsah a.img:hover{
 border: 1px solid #999999;
}
.katalog .polozkaObsah h2{
 position: absolute;
 left: 0px;
 top: 0px;
 height: 23px;
 width: 250px;
 line-height: 21px;
 padding: 0px;
 font-size: 12px;
 background: #6D6260;
 color: #ffffff;
 z-index: 1;
 text-align: center;
 overflow: hidden;
}
.katalog .polozkaObsah h2 .akce{
 display: none;
/*
 display: block;
 position: absolute;
 right: 0px;
 top: 0px;
 height: 23px;
 line-height: 21px;
 width: 40px;
 text-align: center;
 background: #000000;
 color: #EADD2C;
*/
}
.katalog .polozkaObsah .cena{
 position: absolute;
 left: 130px;
 top: 62px;
 width: 250px;
 height: 20px;
 font-weight: bold;
 font-size: 15px;
 letter-spacing: 0px;
 color: #004CFF;
}
.katalog .polozkaObsah .btnVlozit{
 position: absolute;
 left: 130px;
 top: 109px;
 width: 250px;
 height: 20px;
 font-weight: bold;
 font-size: 13px;
 color: #FF5555;
}
.katalog .polozkaObsah .btnInfo{
 position: absolute;
 left: 130px;
 top: 127px;
 width: 250px;
 height: 20px;
 color: #FF5555;
}
.katalog .polozkaObsah a:hover{
 color: #FF8383;
}
.katalog .polozkaObsah .popis{
 padding: 133px 0px 0px 4px;
 font-size: 10px;
 line-height: 15px;
 color: #444444;
}


/* detail */

.detail .detailNavigace{
  padding: 0px 0px 5px 0px;
  font-weight: bold;
}

.detail a.doKosiku{
  vertical-align: middle;
  border: 1px solid #ffffff;
  margin: 0px 0px 0px 5px;
}

.detail a.doKosiku:hover{
  border: 1px solid #444444;
}

.detail .doKosiku img{
}

.detail h1 .akce{
  color: #ff0000;
}

.detail .akcniCena{
  color: #ff0000;
}

.detail .detailObrazek{
 margin: 10px 0px 10px 0px;
}

.detail .detailParametry{
 width: 500px;
 margin: 0px 0px 10px 0px;
 border-collapse: collapse;
 border-bottom: 1px solid #cccccc;
}

.detail .detailParametry td{
  border-top: 1px solid #cccccc;
}

.detail .prislusenstvi .polozka,.detail .prislusenstvi .polozkaVpravo{
 float: left;
 width: 250px;
 height: 200px;
 margin: 0px 18px 18px 0px;
 background: #E3E3E3;
 border-bottom: 1px solid #bbbbbb;
 overflow: hidden;
}
.detail .prislusenstvi .polozkaVpravo{
 margin-right: 0px;
}
.detail .prislusenstvi .polozkaObsah{
 position: relative;
 padding: 0px 0px 0px 0px;
}
.detail .prislusenstvi .polozkaObsah .img{
 display: block;
 position: absolute;
 left: 1px;
 top: 25px;
 width: 120px;
 height: 120px;
 line-height: 120px;
 font-size: 110px;
 background: #ffffff;
 text-align: center;
 vertical-align: middle;
 overflow: hidden;
 z-index: 2;
}
.detail .prislusenstvi .polozkaObsah a.img:hover{
 border: 1px solid #999999;
}
.detail .prislusenstvi .polozkaObsah h2{
 position: absolute;
 left: 0px;
 top: 0px;
 height: 23px;
 width: 250px;
 line-height: 21px;
 padding: 0px;
 font-size: 14px;
 background: #6D6260;
 color: #ffffff;
 z-index: 1;
 text-align: center;
}
.detail .prislusenstvi .polozkaObsah .cena{
 position: absolute;
 left: 130px;
 top: 62px;
 width: 250px;
 height: 20px;
 font-weight: bold;
 font-size: 15px;
 letter-spacing: 0px;
 color: #004CFF;
}
.detail .prislusenstvi .polozkaObsah .btnVlozit{
 position: absolute;
 left: 130px;
 top: 109px;
 width: 250px;
 height: 20px;
 font-weight: bold;
 font-size: 13px;
 color: #FF5555;
}
.detail .prislusenstvi .polozkaObsah .btnInfo{
 position: absolute;
 left: 130px;
 top: 127px;
 width: 250px;
 height: 20px;
 color: #FF5555;
}
.detail .prislusenstvi .polozkaObsah a:hover{
 color: #FF8383;
}
.detail .prislusenstvi .polozkaObsah .popis{
 padding: 133px 0px 0px 4px;
 font-size: 10px;
 line-height: 15px;
 color: #444444;
}



/* kosik */

.kosik #hlavniP table{
 width: 500px;
 border-collapse: collapse;
}
.kosik #hlavniP td{
 border-top: 1px solid #DCD9C6;
 border-bottom: 1px solid #DCD9C6;
 padding: 3px;
}
.kosik #hlavniP th{
 border-top: 1px solid #DCD9C6;
 border-bottom: 1px solid #DCD9C6;
 padding: 3px;
 text-align: center;
}
.kosik #hlavniP form{
 display: inline;
}
.kosik #hlavniP form div{
 display: inline;
}
.kosik .mnozstvi input.mnozstvi{
 font-size: 10px;
 border: 1px solid #DCD9C6;
 width: 30px;
}
.kosik .mnozstvi{
 text-align: center;
}
.kosik .cena1{
 text-align: right;
}
.kosik .cena2{
 text-align: right;
}
.kosik .tlacitka{
 text-align: left;
 padding: 17px 0px 0px 0px;
}
.kosik .tlacitka a{
 background: #dddddd url(tlacitko.gif) scroll repeat-x left center;
 padding: 0px 6px;
 margin: 0px 4px;
 border-top: 1px solid #D0CFE1;
 border-right: 2px solid #A1A0B1;
 border-bottom: 2px solid #A1A0B1;
 border-left: 1px solid #D0CFE1;
 color: #000000;
 font-weight: normal;
}
.kosik .tlacitka a:hover{
 border-top: 1px solid #ABACB4;
 border-right: 2px solid #505058;
 border-bottom: 2px solid #505058;
 border-left: 1px solid #ABACB4;
 color: #000000;
 font-weight: bold;
}


/* objednavkaOdeslat */

.objednavka table{
	width: 450px;
}


/* objednavkaOdeslat */

.objednavkaOdeslat table{
 width: 500px;
 border-collapse: collapse;
}
.objednavkaOdeslat td{
 border: 1px solid #DCD9C6;
 padding: 3px;
}


/* objednavkaAkce */

.objednavkaAkce{
 width: 100%;
}
.objednavkaAkce .pravy{
 text-align: right;
}