body,html {
 font-size:85%;
 margin: 0;
 padding: 0;
 font-family: verdana,Arial,Helvetica,sans-serif;
 color: #000;
 background-color: #F7F8F9;
}

h1 {
 font-size:1.5em;
 font-weight: bold;
 color: #800000;
 background-color: transparent;
}

h2{
  color: #800000;
  font-size:1.5em;
  background-color: transparent;
  font-weight: bold;

}

a {
 color: #595E62;
 text-decoration: none;
 font-weight: bold;
}

a:hover {
text-decoration: underline;
}

.bublelink h2{
margin: 0;
padding: 0;
font-size: 12px;
text-shadow: 2px 2px 3px #BBB;
}

img{
border: 0;
margin: 0;
padding: 0;
}

#page{
background: #DBE5EA url(line.gif) 0 0px repeat-y;
width: 958px;
margin: 25px auto 35px auto;
cursor: default;
}

#top{
background: #8C9397 url(top.gif) 0 0px no-repeat;
}

#hlavicka {
margin: 0 0 0 150px;
width: auto;
height: 50px;
text-align:center; 
}

.sdm{
padding-top: 10px;
padding-right: 630px; 
}

.sdm a{
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
text-shadow: 0px 0px 5px #FFFFFF;
}

.sdm h2{
color: #FFFFFF;
font-family: Arial;
font-size: 19px;
font-weight: lighter;
}

/*----------- MENU -------------*/

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
font-size: 120%;
Font-weight: bold;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a {
margin: 0px 50px 0px 50px; 
}

#navlist a:link, #navlist a:visited
{
color: #696E72;
text-decoration: none;
}

#navlist a:hover
{
width: auto;
color: #B4BCC1;
text-decoration: none;
}

#navlist li.active a
{
width: auto;
color: #fff;
text-decoration: none;
}
/*-------------------------------*/


#podHlavicka {
margin: 14px 0 0 150px;
width: auto; 
height: 20px; 
text-align:center;
color: #828B91; 
}

#popisek {
margin: 7px 10px 0 150px;
width: auto; 
height: 58px; 
text-align:center; 
color: #FFFFFF;
font-size: 95%;
}

#popisek a{
color: #FFFFFF;
}

#wrapper {
margin: 0px 132px 0px 132px;
width: auto;
}

#wrapper li{
margin: 5px 0 5px 0;
list-style-image: url('li.png');
}

.buble{
background: #DBE5EA url(buble.gif) 0 0px repeat;
margin: 10px 10px 10px 10px;
float: left;
text-align: center;
font-size: 8px;
height: 144px; width: 211px;
}

.bubleRight{
margin: 10px 15px 0px 0px;
float: right;
width: 101px;
text-align: left;
}

.bubleRight a{
font-size: 80%;
color: #595E62;
}

.bubleLeft{
float:left;
margin: 20px 0px 0px 5px;
width: 90px;
}

.bublePrice{
color: #B6301F;
text-align: center;
margin-top: 5px;
font-weight: bold;
font-size: 10px;
}

.price{
text-align: center; 
color: #B6301F;
font-weight: bold;
font-size: 10px; 
}

strong.price{
color: #B6301F;
font-size: 11px;
float: right;
margin-right: 10px;
}

.bubleText{
margin-top: 2px;
font-size: 9px;
}

.bubleText p{
margin: 0;
padding: 0;
}

.bubleText a{
margin: 0;
padding: 0;
font-size: 9px;
font-weight: normal;
color: #000;
text-decoration: none;
}

.bubleText a:hover{
margin: 0;
padding: 0;
text-decoration: none;
}

.nextProductsBtn{
float: right;
margin: -75px 25px 0px 0;
}

.productText{
margin: 0px 0px 10px 0px;
font-size: 11px;
}

.productOptions{
margin-top: 20px;
margin-bottom: 20px;
}

.productOptions a{
text-decoration: none;
}

strong.productName{
float: left;
font-size: 11px;
}

.produkty{
padding: 20px 0px 20px 0px;
}

.produkty a{
text-decoration: none;
}

.lista{
background: url(lista.gif) 0 0px no-repeat;
height: 23px;
width: 452px;
margin: 0px 0px 2px 0px;
}

.lista_long{
background: url(lista_long.gif) 0 0px no-repeat;
height: 23px;
width: 613px;
margin: 0px 0px 2px 0px;
cursor: pointer;
}

.lista_long:hover{
background: url(lista_long_hover.gif) 0 0px no-repeat;
color: #FFFFFF;
cursor: pointer;
}

.lista_long p{
margin-left: 5px;
padding: 5px
}

.prodLista{
background: url(lista.gif) 0 0px no-repeat;
height: 23px;
width: 452px;
margin: 0 0px 2px 0px;
}

.prodLista:hover{
background: url(lista_hover.gif) 0 0px no-repeat;
height: 23px;
width: 452px;
margin: 0 0px 2px 0px;
color: #FFFFFF;
cursor: pointer;
}

.prodLista:hover a{
color: #FFFFFF;
text-decoration: none;
cursor: pointer;
}

.prodRamecek{

}

.discount{
background: url(discount.png) 3px 0px no-repeat;
font-size: 8px;
color: #772121;
}

.preDiscount{
text-decoration: line-through;
font-size: 8px;
color: #100;
}

.licence p{
text-align: center;
}

.prodLevySloupek{
width: 452px;
float: left;
margin-left: 20px;
}

.prodPravySloupek{
width: 452px;
float: right;
margin-right: 20px;
}

.spacer{
margin-bottom: 15px;
}

.prodLista p{
padding-top: 4px;
margin: 0px 0px 0px 10px;
}

.lista p{
padding-top: 4px;
margin: 0px 0px 0px 10px;
}

.obrBuy{
float: right;
height: 30px;
margin: -4px 0px 0 0;
}

.tags{
margin: 20px 0 10px 0;
text-align: center;
font-size: 75%;
}

li.litags{
margin: 5px 0 5px 0;
}

#content {
 width: auto;
 margin: 0 auto;
}

#footer{
background: #696E72 url(footer.gif) 0 0px no-repeat;
bottom:0;
width: 100%;
height: 41px;
}

.footertext{
padding-top: 3px;
font-size: 10px;
text-align:center;
color: #FFFFFF;
}

.footertext p{
margin: 3px;
padding: 0;
}

.footertext a{
color: #FFFFFF; 
font-size: 9px;
font-weight: normal;
}

.onas{
margin: 20px 0 20px 0;
}

.cleaner {
clear: both;
}