html  {
height: 100%;
}


.bodystyl {
  height: 100%;
  background: white url("img/podklad.jpg") repeat-x center top;
    text-align: center;
}

body {
  
  font-family: Arial, Tahoma,  sans-serif, Trebuchet MS;
  font-size: 12px;

  line-height: 150%; 
  color: black; 

}

* {
margin: 0px;
padding: 0px;
}


#celek  {
min-height: 100%;
position: relative;
background: transparent;

}

a img {
border: 0px solid white;
}



h1  {
color: #8E2D30;
margin: 0px;
padding-bottom: 15px;
padding-top: 25px;
font-size: 20px;
font-weight: normal;
}

h2  {
color: #8E2D30;
margin: 0px;
padding-bottom: 15px;
padding-top: 30px;
font-size: 20px;
font-weight: normal;
}

h3  {
font-weight: bold;
font-size: 14px;
margin-bottom: 4px;
margin-top: 12px;
}

h4  {
font-weight: bold;
font-size: 12px;
color: black;
margin-bottom: 3px;
margin-top: 10px;
}




td  {
vertical-align: top;
}


li  {
padding-left: 12px;
margin-bottom: 5px;
margin-top: 5px;
list-style-type: none;
background: transparent url("img/bul.png") no-repeat  0px 7px;
}




table {
font-size: 100%;
border-collapse: collapse;
}

a {
color: #8E2D30;
}

a:hover {
color: black;
}


p {
margin-bottom: 10px;
}

.celek  {
width: 960px;
text-align: left;
margin: auto;
min-height: 100%;
background: white;
}

.vrch {
width: 960px;
height: 249px;
position: relative;
margin: auto;
background: white url("img/vrch.jpg") no-repeat top left;
}

.hlavicka {
position: relative;
top: 0px;
left: 0px;
overflow:hidden;
width: 767px;
height: 249px;
background:white;
z-index: 10;
}

.prihlaseni {
width: 170px;
position: absolute;
top: 10px;
right: 10px;
text-align: center;
font-size: 10px;
color: #BBBBBB;
}

.prihlaseni .login  {
width: 150px;
border: 1px solid black;
display: block;
margin-bottom: 8px;
}

.prihlaseni .login_but  {
padding: 3px;
margin: auto;
display: block;
}

.prihlaseni strong {
display: block;
font-size: 14px;
color: black;
text-align: center;
margin: auto;
}

.prihlaseni input {
display: block;
margin: auto;
}

.kosik  {
width: 192px;
background: #ECECED url("img/kosik.jpg") no-repeat right top;
position: absolute;
bottom: 0px;
right: 0px;
}

.kosik .vnor  {
width: 160px;
margin: auto;
padding-top:10px;
padding-bottom:10px;
text-align: left;
color: black;
}

.kosik strong {
display: block;
font-size: 14px;
margin-bottom: 4px;
}

.kosik a  {
color: black;
}


.obsah {
width: 960px;
margin: auto;
padding-bottom: 50px;
}

.obsah .vnoreny {

width: 740px;
overflow: hidden;
float: left;
text-align:left;
}

.pata {
background: #9C9E9F;
color: white;
position: absolute;
bottom: 0px;
text-align: center;
width: 100%;
height: 26px;
padding-top: 8px
}


.cleaner  {
clear: both;
}

.tabulka  {
border-collapse: collapse;
}

.tabulka td {
border: 1px solid white;
background: #CCCCCC;
padding: 3px;
}

.tabulka th {
border: 1px solid white;
background: #BBBBBB;
padding: 3px;
font-size: 12px;
}

form td  {
padding: 3px;
}


.navigace {
padding-top: 5px;
padding-bottom: 15px;
width: 960px;
margin: auto;
text-align: left;
}

.levy {
width: 220px;
overflow: hidden;
float: left;
text-align:left;
}

.levy a {
text-decoration: none;
}


.levy ul li  {
background: transparent none;
padding-left: 0px;
}

.levy li li {
padding-left: 10px;
}

.text_pod {
margin-top: 30px;
}

.text_nad {
margin-bottom: 30px;
}

.polozka  {
width: 210px;
margin-right: 35px;
float: left;
text-align: center;
overflow: hidden;
font-size: 13px;
color: black;

}

.polozka h3 {
font-size: 16px;
margin-bottom: 14px;
color: #5C271F;
}

.polozka .nahled  {
display: block;
margin: auto;
margin-bottom: 4px;
}

.koupit {
border: 0px solid white;
width:22px;
height:26px;
background: url(img/kosicek.jpg) top left no-repeat;
cursor: pointer;
}

specifikace {
display: block;
margin: auto;
}

.poznamka {
clear: both;
text-align: right;
padding-top:30px; 
padding-bottom:15px; 
}

.kategorie  {
font-size: 14px;
margin-bottom: 5px;
}

.tabulka .vyrazny  {
background: #5C271F;
padding: 5px;
color: white;
font-size: 14px;
}

.cena {
display: block;
margin-top: 5px;
margin-bottom: 2px;
}

.stara_cena {
font-size: 10px;
display: block;

}

.cena_dph {
font-size: 10px;
display: block;
}

.polozka form {
padding: 5px;
}

.upozorneni {
margin-top: 10px;
margin-bottom: 10px;
font-size: 15px;
}

.menu a {
display:block;
margin-top: 5px;
margin-bottom: 5px;
}

.podmenicko {
padding-left: 10px;


}

.podmenicko a {
padding-left: 10px;
background: transparent url(img/sipka2.gif) top left no-repeat;
}

.oznac  {
color: black;
}