html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
padding: 0;
margin: 0;
list-style: none;
}
html {
background: #022d55 url(images/bg_footer.gif) repeat-x bottom;
}
body {
font-size: 62.5%;
text-align: center;
color: #333;
padding-top: 25px;
font-family: verdana;
background: #084277 url(images/bg.gif) repeat-x;
}

#content {
position: relative;
width: 956px;
background: #fff url(images/bg_content.gif) repeat-y;
background-position: 197px 0px;
text-align: left;
margin: 0px auto 10px auto;
padding: 0 2px;
}

#main {
position: relative;
float: left;
min-height: 800px;
height: auto!important;
height: 800px;
width: 750px;
background: #fff;
left: 205px;
overflow: hidden;
}
.homepage #main p, #o-spolecnosti #main p, .page #main p {
margin: 0 20px;
}
.page #main p {
padding: 4px 15px;
background: #dfe7ed;
}
.single #main p {
margin: 0 20px;
}
.single #main img {
margin: 5px 20px;
}
.homepage #main p, #o-spolecnosti #main p, #produkty #main p {
background: none;
}
.homepage #main .item, #o-spolecnosti #main .item {
float: none!important;
width: 685px;
margin: 10px 0 10px 20px;
}
.homepage #main .item img, #o-spolecnosti #main .item img {
margin: 0 13px;
}
#main img.sponzors {
margin: 50px auto 0 9px;
}

#main .item {
float: left;
width: 200px;
background: #dfe7ed;
text-align: justify;
margin-left: 14px;
margin-bottom: 55px;
padding: 15px;
}
#reference .item {
height: 150px;
}
#main .item h2 {
color:#1A5588;
font-family:verdana;
font-size:110%;
margin:0 0 10px;
position:relative;
text-align:center;
}
#main .item a, #main .item a.celyclanek, #news .item a, #aktivity a, #ukazka a {
text-decoration:none;
color: #1a5588;
}
#main .item a:hover, #main .item a.celyclanek:hover, #news .item a:hover, #aktivity a:hover, #ukazka a:hover {
text-decoration: underline;
}
#main .item img,  #aktivity .item img, #ukazka .item img {
background: #fff;
padding: 1px;
border: solid #a8d900 4px;
margin: 0;
}
.single #main img {
padding: 1px;
border: solid #a8d900 4px;
}
#main .item img,.single #main .left img {
width: 189px;
}
#aktivity .item img {
width: 63px;
float: right;
border: solid #a8d900 3px;
margin: 0;
}
#ukazka .item img {
width: 157px;
margin-top: 6px;
margin-left: -7px;
margin-bottom: 8px;
}
#main #obsah img {
margin-right: 15px;
}

#side {
position: relative;
float: left;
top: -190px;
left: -749px;
width: 194px;
background: #fff;
overflow: hidden;
}
#aktivity .item, #ukazka .item {
min-height: 90px;
height: auto!important;
height: 90px;
background: #e6e6e6;
padding: 5px 10px 5px 20px;
margin-bottom: 10px;
}
#aktivity .vice, #ukazka .vice {
margin-top: 5px;
}
#news {
margin-bottom: 10px;
background: transparent url(images/hr_news.gif) no-repeat bottom center;
padding-bottom: 1px;
}
#news .item {
width: 174px;
background: transparent url(images/dot_news.gif) no-repeat;
background-position: 5px 5px;
padding-left: 20px;
padding-right: 10px;
}
#news h2, #aktivity h2 {
font-size: 130%;
font-family: verdana;
margin-bottom: 5px;
}
#news h2 a, #aktivity h2 a, #ukazka h2 a {
text-decoration: none;
color: #1a5588;
}
#news h2 a:hover, #aktivity h2:hover, #ukazka h2 a:hover {
text-decoration: underline;
}
#news img {
margin-left: 8px;
margin-bottom: 10px;
}
#news .vice {
margin-bottom: 12px;
margin-top: 5px;
}
#ukazka .item {
background: #e6e6e6 url(images/ukazka.gif) no-repeat top left;
padding-top: 21px;
}
#ukazka h2 {
font-size: 100%;
font-family: verdana;
}

#subnav {
position: absolute;
width: 100px;
top: 165px;
left: 775px;
}
#subnav ul li {
background: transparent url(images/subnav.gif) no-repeat;
background-position: left center;
padding-left: 10px;
display: block;
height: 15px;
line-height: 15px;
}
#subnav ul li a, #mapa-stranek #main a {
text-decoration: none;
color: #515151;
}
#subnav ul li a:hover, #mapa-stranek #main a:hover {
text-decoration: underline;
color:  #717171;
}

#header {
position: relative;	
background: transparent url(images/hlavicka.jpg) no-repeat;
background-position: 202px 0;
height: 200px;
}
#other {
position: absolute;
width: 67px;
height: 18px;
top: 175px;
right: 10px;
z-index: 100;
}
#other li {
display: block;
float: left;
}
#other li a {
display: block;
height: 18px;
width: 0px;
padding: 0;
padding-left: 26px;
overflow: hidden;
}
#other li.cz a {
margin-right: 15px;
background: transparent url(images/cze.gif) no-repeat;
}
#other li.en a {
margin: 0;
background: transparent url(images/en.gif) no-repeat;
}

#menu {
width: 194px;
font-weight: bold;
font-family: verdana;
}
#menu h2 {
display: none;
}
#menu ul li, #menu ul li.current {
display: block;
margin-bottom: 2px;
}
#menu ul li a {
position: relative;
height: 25px;
line-height: 25px;
padding: 0 2em;
display: block;
color: #515151;
text-decoration: none;
font-size: 130%;
background: transparent url(images/bg_menu_a.gif) no-repeat top left;
}
#menu ul li a:hover, #menu ul li.current a, #menu ul li.parent a, #menu ul li.current-cat a {
background: transparent url(images/bg_menu_a.gif) no-repeat bottom left;
color: white;
}

#breadcrumb {
	position: absolute;
	left: 233px;
	top: 200px;
	font-size: 110%;
	color: #333333;
}
#breadcrumb li {
display: inline;
}
#breadcrumb li strong {
display: none;
}
#header a strong {
display: none;
}
#current a {
position: absolute;
width: 0;
height: 90px;
padding-left: 180px;
left: 320px;
top: 45px;
overflow: hidden;
display: block;
}
a#menujump {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}

form, fieldset, legend {
margin: 0;
padding: 0;
border: none;
}
form {
font-size: 110%;
width: 80%;
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 {
text-align: right;
display: block;
}
form input, form select {
width: 98%;
}
form label input {
width: 2em;
}

#footer {
background: #dfe7ed;
height: 10px;
line-height:10px;
clear: both;
color: #fff;
}
#footer p {
position: absolute;
bottom: -30px;
}
#footer a, #lista a {
text-decoration: underline;
color: #a8d900;
}
#footer a:hover, #lista a:hover {
text-decoration: none;
color: #ddfc73;
}
#footer li {
display: inline;
}
#footer br {
display: none;
}
#footer #flash {
position: absolute;
top: 0;
left: 621px;
}
#lista {
position: absolute;
bottom: -60px;
clear: both;
color: #fff;
}

h1, h2, h3, h4, h5, h6 {
font-family: verdana;
font-weight: bold;
}
h1 {
position: relative;
font-size: 150%;
font-family: verdana;
color: #111;
margin: 25px 0 35px 25px;
}
#main h2 {
font-size: 140%;
margin: 15px 0 10px 25px;
}
#main h3 {
font-size: 130%;
margin: 15px 0 10px 25px;
}
#main h4 {
font-size: 120%;
margin: 15px 0 10px 25px;
}
#main p {
font-size: 120%;
margin: .5em 0;
line-height: 1.3em;
}
#main ul, #main ol {
margin: 2em 0;
}
#main ul li, #main ol li {
list-style: disc url();
margin-left: 4em;
font-size: 120%;
}
#main ol li {
list-style: decimal url()
}
#main li li {
font-size: 100%;
}
#main table {
margin: 0 auto;
width: 90%;
font-size: 120%;
background: #c6d0de;
border-collapse: collapse;
}
#main table th {
background: #084277;
color:#dadada;
}

#main table th, #main table td {
vertical-align: middle;
border-bottom:1px solid #dadada;
}
#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 caption {
caption-side: bottom;
font-style: italic;
text-align: left;
}

#o-spolecnosti #obsah, #homepage #obsah {
background: #fff;
}
#o-spolecnosti #obsah .item, #homepage #obsah .item {
width: 650px;
margin: 15px auto;
padding: 25px;
}
#o-spolecnosti #obsah .item img, #homepage  #obsah .item img {
width: 152px;
margin: 0;
margin-left: 42px;
padding: 0;
border: solid 4px #3a78a8;
}

.modre, #main ul, #main ol {
color: #084277;
}

#spoluprace {
padding-left: 13px;
}
#spoluprace .right {
margin-top: -35px;
margin-right: 20px;
z-index: 99;
position:relative;
}
#spoluprace h2 {
position: relative;
margin-left: 20px;
margin-top: 20px;
padding: 10px;
display: block;
width: 688px;
border-top: solid #85ad00 1px;
font-size: 110%;
font-weight: normal;
clear: both;
float: left;
}
#spoluprace ul {
margin: 0;
padding: 0;
}
#spoluprace ul li {
position: relative;
list-style: none;
margin: 0.5em;
padding: 0;
float: left;
}
#spoluprace li.kofola {
background: transparent url(images/kofola.jpg) no-repeat top left;
display: block;
width: 86px;
height: 102px;
float: left;
overflow: hidden;
}
#spoluprace li.podebradka {
background: transparent url(images/podebradka.jpg) no-repeat top left;
display: block;
width: 86px;
height: 102px;
float: left;
overflow: hidden;
}
#spoluprace li.cocacola {
background: transparent url(images/cocacola.jpg) no-repeat top left;
display: block;
width: 103px;
height: 102px;
float: left;
overflow: hidden;
}
#spoluprace li.ondrasovka {
background: transparent url(images/ondrasovka.jpg) no-repeat top left;
display: block;
width: 86px;
height: 102px;
float: left;
overflow: hidden;
}
#spoluprace li.fontea {
  background: transparent url(images/fontea.jpg) no-repeat;
  background-position: top left;
  display: block;
  width: 100px;
  height: 102px;
  float: left;
  overflow: hidden;
}

#spoluprace li.veseta {
  background: transparent url(images/veseta.jpg) no-repeat;
  background-position: top left;
  display: block;
  width: 100px;
  height: 102px;
  float: left;
  overflow: hidden;
}
#spoluprace li a {
  display: block;
  width: 150px;
  height: 150px;

}
#spoluprace li.mattoni {
background: transparent url(images/mattoni.jpg) no-repeat top left;
display: block;
width: 95px;
height: 102px;
float: left;
overflow: hidden;
}
#spoluprace li.oravan {
background: transparent url(images/oravan.jpg) no-repeat top left;
display: block;
width: 103px;
height: 102px;
float: left;
overflow: hidden;
}
#spoluprace li.zeiss {
background: transparent url(images/zeiss.jpg) no-repeat top left;
display: block;
width: 57px;
height: 102px;
float: left;
overflow: hidden;
}

.hidden {
display: none;
}
a {
text-decoration: underline;
color: navy;
}
a:hover {
text-decoration: none;
/
}
a img {
border: none;
}
.left {
float: left
}
.right {
float: right;
}
img.left {
margin-right: 1em;
}
img.right {
margin-left: 1em;
}
.linklove {
display: none !important;
}
.popis {
  text-align: center;
  margin-bottom: 5px;
}

.about-us {
  text-align: center;
  margin: 20px;
}

.produkt {
width:95%;
height:160px;
border-bottom:1 solid #C0C0C0;
}

.miniatura {
float:right;
clear:both;
}

.seznam-kompresoru {
position:absolute;
left:340px;
top:58px;
}