html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
padding: 0;
margin: 0;
list-style: none;
}
body {
font-size: 62.5%;
text-align: center;
color: #333;
font-family: Verdana,Arial,Helvetica,sans-serif;;
}
#content {
position: relative;
width: 980px;
text-align: left;
margin: 0 auto;
background:  url(images/bg-menu.gif) repeat-y;
}
#main {
position: relative;
top: -65px;
float: left;
width: 805px;
left: 175px;
margin: 0 0 -45px 0 !important;
}
#main .item {
height: 150px;
position: relative;
width: 268px;
float: left;
padding: 1em 0;
}
#main .item h3
{
  font-size: 130%;
  padding-top: 6px;
}
#homepage #main {
background: transparent url(images/homeheader.jpg) no-repeat top center;
padding: 0;
padding-top: 140px;
}
#homepage #main .iteml {
position: relative;
width: 348px;
float:left;
padding-top: 15px;
left:9px;
}
#homepage #main .itemr {
position: relative;
width: 348px;
float:right;
padding-top: 15px; 
left:-25px;
}
#homepage #main .item_img {
position: relative;
width: 285px;
float: right;
padding-top: 15px;
left:-60px;
}
#submain {
position: absolute;
left: 200px;
width: 540px;
top: 100px;
}
#side {
position: relative;
display: block;
float: left;
width: 175px;
left: -805px;
background: transparent;
}
#otherside {
width: 200px;
float: left;
position: relative;
}
#header {
position: relative;
display: block;
width: 980px;
height: 125px;
background: transparent url(images/bg-header.gif);
}
#header a strong {
display: none;
}
#current a {
position: absolute;
width: 0;
height: 85px;
padding-left: 164px;
top: 35px;
overflow: hidden;
display: block;
background: url(images/logo.gif) no-repeat left top;
margin-bottom: 10px;
}
#current a#navigation {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
padding: 0;
margin: 0;
}
#other {
position: absolute;
top: 0;
right: 0;
z-index: 100;
}
#other a {
}
#breadcrumb {

padding:2px 0 0 23px;
display: block;
position:absolute;
top:107px;
left:170px;
color:#000;
width:787px;
height:14px;
background-color:#CDCDCD;
}

#breadcrumb a{
color:#FFF;
text-decoration:none;
}
#breadcrumb a:hover{
color:#000;
}
.homepage #breadcrumb {
top:255px;
display:none;
}
#breadcrumb li, #breadcrumb ul {
display: inline;
}
#breadcrumb strong {
display: none;
}
.menu {
width: 170px;
}
.menu h2 {
display: none;
}
.menu ul li {
float: left;
width: 100%;
display: block;
}
.menu a {
height: 22px;
line-height: 22px;
padding: 0 1em;
display: block;
font-size: 100%;
font-weight: bold;
color: #fff;
text-decoration: none;
background: #f39602 url(images/bg-menu-a.gif) no-repeat top left;
border-bottom: solid 1px #e85305;
border-top: solid 1px #fbc700;
}
.menu a:hover {
color: #fff;
text-decoration: none;
background: #f39602 url(images/bg-menu-a.gif) no-repeat bottom left;
border-bottom: solid 1px #e85305;
border-top: solid 1px #e85305;
}
.menu a.current {
background: #f39602 url(images/bg-menu-a-current.gif) no-repeat top left;
border-bottom: solid 1px #000;
border-top: solid 1px #000;
}
form, fieldset, legend {
margin: 0;
padding: 0;
border: none;
}
form {
width: 80%;
padding: 1em 1%;
margin: 0 auto;
}
fieldset {
margin: 0.5em 0;
}
fieldset legend {
font-size: 150%;
font-weight: bold;
color: #333;
}
fieldset fieldset legend {
font-size: 130%;
}
form label, form .cf-box-title {
text-align: left;
font-weight: bold;
}
form .cf-box-group label {
font-weight: normal;
}
form input, form select, form label, form textarea {
font-size: 110%;
}
form input, form select, form textarea {
width: 99%;
margin: 0 auto;
}
form label input, form .cf-box-group input, form .cf-box-b {
width: 2em;
}
form button, .sendbutton {
cursor: pointer;
width: 10em;
}
.emailreqtxt, .reqtxt {
float: right;
}
#main form ol li {
list-style: none url();
clear: both;
margin: 0.5em 0 0 0;
padding: 0;
}
#usermessagea {
font-size: 120%;
text-align: center;
margin: 1em auto;
font-weight: bold;
color: red;
}
.cf_hidden {
display: none;
}
.failure {
color: red;
text-decoration: blink;
}
#footer {
padding: 3em 1em;
clear: both;
background: #fff;
}
#footer li {
display: inline;
}
#footer br {
display: none;
}
#lista {
padding: 1em;
clear: both;
background: #fff;
}
h1, h2, h3, h4, h5, h6 {
font-family: sans-serif;
font-weight: bold;
}

#main h1 {
position: relative;
top: 0;
left: 10px;
font-size: 300%;
color: #999;
padding-bottom: 50px;
font-weight: lighter;
}

#main .h2 {

position: absolute;
top: -40px;
left: 10px;
font-size: 200%;
color: #999;
font-weight: lighter;
}
#main h2 {
position: relative;
top: 0px;
left: 10px;
font-size: 200%;


color: #999;
font-weight: lighter;
}
#main h3 {
font-size: 150%;
padding: 0 10px;
}
#main h4 {
font-size: 140%;
padding: 0 10px;
}
#main p, #side p, #otherside p {
font-size: 120%;
margin: 0.5em 0;
line-height: 1.5em;
padding: 0 1em;
}
#otherside h3, #otherside p {
margin: 0.5em;
}
#main ul, #main ol {
margin: 0.5em 0;
}
#main ul li, #main ol li {
list-style: disc url();
margin-left: 2em;
font-size: 120%;
color: #666;
padding: 0.35em 0;
}
#main ol li {
list-style: decimal url()
}
#main li li {
font-size: 100%;
}
#main table {
margin: 0 auto;
width: 90%;
border-collapse: collapse;
border: black double;
}
#main table th {
text-align: right;
}
#main table th, #main table td {
vertical-align: middle;
font-size: 120%;
padding: 0.2em 0.5em;
}
#main table thead th, #main table th.right, #main table th.left {
text-align: center;
float: none;
}
#main table td.right {
text-align: right;
float: none;
}
#main table td.left {
text-align: left;
float: none;
}
#main table thead th, #main table thead td {
border-bottom: black double;
}
#main table tfoot th, #main table tfoot td {
border-top: black double;
}
#main table tbody th {
border-right: black double;
}
#main table caption {
caption-side: bottom;
font-style: italic;
text-align: left;
}

#side h2
{
  clear: both;
  color: #333333;
  font-size: 130%;
  font-weight: bold;
  padding: 14px 8px 8px 8px;
}

#side h3
{
  clear: both;
  color: #333333;
  font-weight: bold;
  padding: 0 12px 0 8px;
}

#side h3 a
{
  color: #ffffff;
  font-size: 110%;
  text-decoration: none;
}

#side h3 a:hover
{
  text-decoration: underline;
}

#side p
{
  color: #333333;
  font-size: 110%;
}
.hidden {
display: none;
}
a {
color: #6699cc;
text-decoration: underline;
}
a:hover {
color: #ff9900;
text-decoration: underline;
}
a img {
border: none;
}
.left {
float: left
}
.right {
float: right;
}
img.left {
margin-right: 1em;
}
img.right {
margin-left: 1em;
}
.linklove {
display: none !important;
}
.cleaner {
clear: both;
}



#edit {
position: absolute;
right: 0;
top: 75px;
}
#menu ul li ul {
position: absolute;
width: 170px;
left: 170px;
top: 0px;
}
#menu ul li {
position: relative;
}
#menu ul li ul li {
display: block;
}
#menu ul li ul li a {
display: block;
text-decoration: none;
}
#menu ul ul,
#menu ul ul li:hover ul ul {
display: none;
}
#menu ul li:hover ul,
#menu ul ul li:hover ul {
display: block;
}

hr {
clear:both;
margin-top:22px;
}

.odkaz-hp {
position:absolute;
top:157px;
left:595px;
}


.hpcara{
position:absolute;
top:167px;
left:0px;
background-color:#FFD200;
color:#FFD200;
border:1px solid #FFD200;
height:3px;
width:100%;

}

.produkt {
float:right;
margin:8px;
clear:both;
}
.stred {
float:left;
position:relative;
left:105px;
margin:25px 0 25px 0;
}


div.kontakty,div.kontakty2 {
position:relative;
left:100px;
}

div.kontakty .img {
float:left;
width: 784px;
height:438px;
display:inline;
position:relative;
margin:25px 0 25px 0;
background-color:#FFF;
}

div.kontakty div,div.kontakty2 div {
float:left;
width: 320px;
height:165px;
display:inline;
background-color:#FEED9E;
}

div.kontakty div {
margin-top:29px;
}

div.kontakty .orange {
background-color:#F9CD86;
}

div.kontakty .under,div.kontakty .under2 {
clear:both;
margin:0;
}

div.kontakty .under2{
width: 640px;
}

div.kontakty .under-orange,div.kontakty .under-orange2 {
clear:both;
margin:0;
background-color:#F9CD86;
}

div.kontakty .under-orange2{
width: 640px;
}


.mapka {
margin:12px 0 12px 12px;
}

#side p.more
{
  text-align: right;
}

#side p.more a
{
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}
