* { padding: 0; margin: 0; }

body {
text-align: center;
overflow: -moz-scrollbars-vertical;
background: #313031;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: 15px;
}

a { color: #2971b5 }
a:hover { color: #931537 }

ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

h1 { color: #641f1f;
font-size: 18px;
margin: 20px 0 15px 0;
}

h2 { color: #fff;
font-size: 18px;
margin: 20px 0 15px 0;
}

h3 { color: #000;
font-size: 16px;
margin: 0 0 6px 0;
}

p { margin-bottom: 10px; }

.var { margin: 20px 0 15px 0; }

img { border-color: #f4a460; }

#obal {
width: 1000px;
height: auto;
position: relative;
text-align: left;
margin: 20px auto;
background-color: #641f1f;
}

#slideshow {position:relative;height:122px;}

#slideshow img {position:absolute;top:0;left:0;border:none;z-index:8;opacity:0.0;}

#slideshow img.active {z-index:10;opacity:1.0;}

#slideshow img.last-active {z-index:9;}

#telo {
border-style: none
}

#obal-obsah {
float: right;
width: 700px;
}

#obsah {
background-color: #641f1f;
padding: 10px;
}

#obal-navigace, #obal-navigace-hp {
float: left;
width: 280px;
padding: 0 0 200px 0;
background: transparent url("img/web/nav-bg.gif") no-repeat;
}

#obal-navigace-hp {
height: 167px;
padding: 0 0 20px 0;
}

#navigace {
background-color: transparent;
}

.logo {
border-style: none;
margin: 40px 0 20px 50px;
}

.box {
width: 280px;
background: #641f1f url("img/web/box-back.png") 0 0 repeat-y;
}

.boxin1 {
background: transparent url("img/web/box-top.png") left top no-repeat;
}

.boxin2 {
background: transparent url("img/web/box-bottom.png") left bottom no-repeat;
padding: 30px 25px 15px 20px;
}

.box p {
margin: 0.5em 0;
}

.okno-1, .okno-2, .okno-3, .okno-4, .okno-5, .okno-6 {background: url("img/web/okno-1.png") center top no-repeat;
float: left;
width: 308px;
height: 124px;
margin: 20px 0 0 17px;
}

.okno-2 {background: url("img/web/okno-2.png") center top no-repeat;}

.okno-3 {background: url("img/web/okno-3.png") center top no-repeat;}

.okno-4 {background: url("img/web/okno-4.png") center top no-repeat;}

.okno-5 {background: url("img/web/okno-5.png") center top no-repeat;}

.okno-6 {background: url("img/web/okno-6.png") center top no-repeat;}

.okno-7, .okno-8 {background: url("img/web/okno-7.png") center top no-repeat;
float: left;
width: 308px;
height: 124px;
padding: 16px 0 0 9px;
margin: 20px 5px 0 7px;
}

.okno-7 img {float: left;
margin:0 3px 0 3px;
}

.okno-8 {background: url("img/web/okno-8.png") center top no-repeat;
height: 154px;
}

.okno-1t {
width: 205px;
font-size: 14px;
padding: 14px;
}

#pata {
clear: both;
padding: 8px;
background-color: #411414;
text-align: right;
font-size: 11px;
}

#pata a { color: #fff; }

#menu {
width: 100%;
font-family: Verdana, "Trebuchet MS", sans-serif;
font-size: 16px;
}

#menu span { display: none }

#menu a {
display: block;
_dis\play: inline-block;
margin: 5px 0px;
padding: 2px 0 2px 10px;
color: #fff;
_width: 100%;
text-decoration: none;
}

#menu a:hover {
background: #a71010;
color: #fff;
}

#menu .aktiv {background:#fff;color:#000;}

#zalozka {
background: #800000;
text-align: right;
margin: 0 0 50px 0;
padding: 0;
border-top: 1px solid #fff;
}

#zalozka ul {
}

#zalozka ul li {
display: inline;
line-height: 52px;
padding-left: 3px;
}

#zalozka ul li a {
background-color: transparent;
background-repeat: repeat-x;
padding: 8px 10px 8px 10px;
font-size: 15px;
color: #fff;
font-weight: bold;
}

#zalozka ul li a:hover {
background: #fff url('img/web/zalozka.gif') repeat-x top;
color: #ff0000;
text-decoration: none;
}

#zalozka ul li a.aktiv {
background: #fff url('img/web/zalozka.gif') repeat-x top;
color: #000;
text-decoration: none;
}

.clean {
clear: both;
height: 0;
content: ' ';
overflow: hidden;
}

.cleaner hr {
display: none;
}

form {
width: 675px;
float: left;
}

fieldset {
padding: 10px;
margin: 0 0 10px 0;
border: 1px solid #fff;
}

legend {
font-weight: bold;
color: blue;	
margin: 5px 0;
padding: 5px;
border: 1px solid #000;
background: #f4a460;
color: white;
}

.dotaz {
float:left;
margin: 0 20px 0 0px;
}

form br {
display: none;
}

form p {
margin: 3px 0;
}

input, textarea {
width: 280px;
margin: 0 0 10px 0;
}

input.odesilaci {
background-color: #411414;
color: #ffffcc;
font-weight: bold;
width: 280px;
}

input.vyhledavaci {
width: 180px;
}

input.vyhledat {
width: 80px;
}

#hlavni {
float: left;
width: 995px;
background: #641f1f;
color: black;
margin: 0 0 50px 0;
}

#hlavni h1 { color: #fff;
font-size: 18px;
margin: 20px 0 15px 0;
}

#hlavni h2 {
margin: 20px 0 0 20px;
}

#hlavni a { color: #000 }
#hlavni a:hover { text-decoration: none }

#uvod { width: 730px;
float: left;
margin: 0 0 0 17px;
color: #ddd;
}

#uvod3 { float: left;
margin: 0 0 0 17px;
}

#sekce h1 { color: #fff;
font-size: 18px;
margin: 20px 0 15px 0;
}

#produkt {
width: 655px;
padding: 10px;
background: #fff;
color: black;
border: 1px solid black;
}

#fotop {
float:left;
width: 315px;
}

.produktvlevo {
float: left;
margin: 0 20px 20px 0;
}

.pro {
width: 350px;
}

.produktvypis {
float: left;
margin: 0 10px 0 0;
}

.produktvypis1 {
float: left;
margin: 0 10px 20px 20px;
}

.produktvypis2 {float:left;display:inline;width:128px;height:135px;overflow:auto;margin:0 5px 20px 20px;text-align:center;}
      
.produktvypis2 img {margin:0;}

.produktvypis2 p {margin:0;color: #000;}

.fotokontakt {
float: right;
width: 385px;
margin: 0;
}

hr.cleaner {
clear:both;
margin: -1px 0 0 0; padding: 0;
height:1px;
border:none;
visibility: hidden;
}

table { margin: 0 0 20px 0; padding: 0; color: #000; }

.tabulka1 { margin: 0 0 200px 0; padding: 0 }

.sl1 { width: 115px; }

td {vertical-align: top}