body {
background-color: #7e8c5d;
background-image: url("bg.gif");
color : #545f38;
font-family : georgia,tahoma,verdana,"geneva ce",lucida,sans-serif;
font-size : small;
font-weight : normal;
line-height : 1.5;
margin : 0;
padding: 0;
text-align : center;
}
a {
color : #354c5d;
text-decoration : underline;
}
a:hover {
text-decoration : none;
}
big {
color : #354c5d;
font-size: 120%;
font-weight : bold;
}
form {
padding: 0;
margin: 3ex auto;
width: 90%;
}
form p {
width: 100%;
}
img {
border: 0;
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
color : #bd5c00;
clear: both;
display : block;
border : 0;
font-size : 180%;
font-weight : bold;
padding : 0;
margin : 0 auto 1ex auto;
text-align : left;
width : 90%;
}
h2 {
background-color: #f2f2e4;
border: 2px solid #e6e3ca;
font-size: 130%;
padding: 0.5ex;
}
h3 {
font-size: 130%;
}
form h1, h2 {
width: 100%;
}
div, p {
margin : 0 auto;
padding: 0;
text-align : center;
}
p {
clear : both;
margin : 5px auto;
text-align : left;
width : 90%;
}
strong {
color: #cacdb9;
font-weight: normal;
}
label, input, select, textarea {
float : left;
line-height: 2.5ex;
margin: 3px;
padding : 2px;
}
label {
line-height: 2.5ex;
text-align : right;
padding-right : 1ex;
}
input, select, textarea {
font-family: tahoma,verdana,"geneva ce",lucida,sans-serif;
font-size: 90%;
}
ul {
text-align: left;
margin: 3ex auto;
width: 85%;
}
li {
padding: 0;
margin: 1.5ex 0;
}
#logo {
background-image: url("logo.jpg");
background-position: bottom center;
background-repeat: no-repeat;
height: 200px;
margin : 0 auto;
padding : 0;
width: 100%;
}
#menu {
background-color: #f0eedc;
background-image: url("bg3.bmp");
background-position: bottom;
background-repeat: repeat-x;
color: #7e8c5d;
margin : 0 auto;
padding : 1.2ex 0;
width : 100%;
}
#menu a {
font-family: georgia,"new york ce",charter,serif;
font-size : 140%;
margin : 0 0.5ex;
}
#menu2 a {
color: white;
}
#zahlavnim {
background-color: #ebe9cd;
background-image: url("bg2.bmp");
background-position: center;
background-repeat: repeat-y;
border: 10px solid #677546;
border-top: 0;
padding : 0;
width : 720px;
}
#hlavni {
margin : 0 auto;
padding : 0;
padding-bottom: 2ex;
width : 700px;
}
#paticka {
background-color: #f0eedc;
background-image: url("bg4.bmp");
background-position: top;
background-repeat: repeat-x;
padding : 2ex 0;
width : 100%;
}
div.extra {
background-color: #f2f2e4;
border-bottom: 2px solid #e6e3ca;
margin: 0 auto 1.5ex auto;
padding: 1ex 0;
width : 100%;
}
div.extra small {
color : #a93b19;
font-size : small;
}
div.extra p {
clear: none;
margin: 0.2ex auto;
padding: 0.2ex 0;
}
div.katalog {
margin : 0 auto;
padding : 0;
width : 95%;
}
div.zbozi {
background-color: #f2f2e4;
border: 2px solid #e6e3ca;
margin : 1ex auto;
padding : 0;
width : 90%;
}
div.zbozi h1 {
color: #7e8c5d;
font-size: 150%;
margin: 1ex 0 1.2ex 0;
padding: 0; 
width: 100%;
}
div.zbozi p {
margin : 0.5ex 0;
padding : 0;
width : 100%;
}
div.zbozi2a {
clear : none;
float : left;
margin : 0;
width: 27%;
}
div.zbozi2b {
clear : none;
float: right;
margin : 0;
width: 70%;
}
div.polozka {
background-color : #ebe9cd;
border: 1px solid #e6e3ca;
border-left: 0;
border-right: 0;
font-size : small;
margin : 0 auto;
padding : 3px 0;
text-align : left;
width : 100%;
}
.kat {
background-color: #e6e3ca;
border-bottom: 5px solid #e6e3ca;
border-top: 5px solid #e6e3ca;
padding: 3ex 0;
text-align: center;
width: 100%;
}
hr.cleaner {
clear : both;
height: 1px;
margin: -1px 0 0 0;
padding : 0;
border: none;
visibility: hidden;
}
img.kosik {
border: 2px solid white;
float: left;
margin : 0 1ex;
}
img.ikonka {
margin-right: 5px;
}
label.pevny {
width: 20ex;
}
.vstup1 {
background-color: #f2f2e4;
border: 1px solid white;
margin: 1ex auto;
}
.skryty {
display : none;
visibility: hidden;
}
.zvyrazni {
background-color: #f2f2e4;
border: 2px solid #e6e3ca;
padding: 0.5ex;
}
.poradi {
font-size: 350%;
}
.obr {
border : 4px solid white;
margin : 5px;
}
.obrl {
border : 4px solid white;
float : left;
margin : 5px;
}
.pulka {
float: left;
width: 49%;
}