*
{
margin: 0;
padding: 0;
border: none;
}

body
{
background: #fff;
color: #000;
font: normal 75%/1.3 'Arial CE',Arial,Helvetica,sans-serif;
text-align: center;
}

.clearfix:after 
{
content: ".";
display: block;
height: 0;
overflow:hidden;
clear: both;
visibility: hidden;
}

.padding5  { padding: 5px }
.padding10 { padding: 10px }

p { margin: 10px 0; }

a { color: #333; text-decoration: underline; }
a:hover { color: #000; }

#okolo
{
position: relative;
width: 800px;
margin: 0 auto;
background: #fff url('/images/pozadie.jpg') 0 0 no-repeat;
text-align: left;
}

div.nadpis          { padding: 49px 0 0 61px; }
div.nadpis a        { cursor: pointer; display: block; width: 180px; height: 30px; position: relative; color: #000; font-size: 160%; overflow: hidden;}
div.nadpis a span   { background: url('/images/nadpis.jpg') no-repeat; position: absolute; width: 100%; height: 100%; }

#content { margin-top: 300px; min-height: 500px; }
#content h2 { color: #80add3; margin-bottom: 10px; font-weight: normal; font-size: 180%; }
#content h3 { color: #80add3; margin-bottom: 10px; font-weight: normal; font-size: 160%; }
#content h4 { color: #80add3; margin-bottom: 10px; font-weight: bold; font-size: 140%; }
#content h5 { color: #80add3; margin-bottom: 10px; font-weight: bold; font-size: 120%; }
#content h6 { color: #000; margin-bottom: 10px; font-weight: bold; font-size: 105%; }

.submenu                 { border-top: 1px solid #80add3; margin-bottom: 10px; }
.submenu ul              { height: 25px; list-style-type: none; }
.submenu ul li           { float: left; height: 25px; background: #80add3 url('/images/sub_oddel.gif') right 0 no-repeat; }
.submenu ul li a         { display: block; background: #80add3 url('/images/sipka.gif') 10px center no-repeat; height: 25px; padding: 0 10px 0 25px; color: #fff; text-decoration: none; font-size: 90%; text-align: center; font-weight: bold; margin-right: 1px; color: #fff; }
.submenu ul li.last a    { margin-right: 0; }
.submenu ul li a:hover   { background-color: #5e9dc9; text-decoration: none; color: #fff; }
.submenu ul li a.active  { background-color: #5e9dc9; text-decoration: none; color: #fff; }
.submenu ul li a span    { display: block; text-decoration: none; padding: 6px 0 0 0; }

.subsubmenu                 { border-top: 1px solid #F2C577; margin-bottom: 10px; }
.subsubmenu ul              { height: 25px; list-style-type: none; }
.subsubmenu ul li           { float: left; height: 25px; background: #F2C577 url('/images/subsub_oddel.gif') right 0 no-repeat; }
.subsubmenu ul li a         { display: block; background: #F2C577 url('/images/sipka.gif') 10px center no-repeat; height: 25px; padding: 0 10px 0 25px; color: #fff; text-decoration: none; font-size: 90%; text-align: center; font-weight: bold; margin-right: 1px; color: #fff; }
.subsubmenu ul li.last a    { margin-right: 0; }
.subsubmenu ul li a:hover   { background-color: #EDAB3D; text-decoration: none; color: #fff; }
.subsubmenu ul li a.active  { background-color: #EDAB3D; text-decoration: none; color: #fff; }
.subsubmenu ul li a span    { display: block; text-decoration: none; padding: 6px 0 0 0; }

#telo
{
margin-left: 50px;
width: 680px;
text-align: left;
} 

#hore
{
position: absolute;
top: 117px;
left: 50px;
width: 680px;
height: 252px;
}

#menu                     { width: 680px; height: 30px; }
#menu ul                  { width: 680px; height: 30px; list-style-type: none; }
#menu ul li               { float: left; height: 30px; }
#menu ul li a             { display: block; height: 30px; color: #fff; text-decoration: none; font-size: 90%; text-align: center; font-weight: bold; }
#menu ul li a:hover       { text-decoration: none; }
#menu ul li a span        { display: block; text-decoration: none; padding: 7px 0 0 0; }

#menu ul li.menu1 a                   { width: 62px; background: #518fc4 url('/images/menu1.jpg') 0 0 no-repeat; }
  #menu ul li.menu1 a:hover,
  body.o-nas #menu ul li.menu1 a      { color: #5b81a4; background: #fff url('/images/menu1.jpg') -62px 0 no-repeat; }

#menu ul li.menu2 a                   { width: 78px; background: #518fc4 url('/images/menu2.jpg') 0 0 no-repeat; }
  #menu ul li.menu2 a:hover,
  body.realizacie #menu ul li.menu2 a { color: #5b81a4; background: #fff url('/images/menu2.jpg') -78px 0 no-repeat; }
#menu ul li.menu3 a                   { width: 67px; background: #518fc4 url('/images/menu3.jpg') 0 0 no-repeat; }
  #menu ul li.menu3 a:hover,
  body.kontakt #menu ul li.menu3 a   { color: #5b81a4; background: #fff url('/images/menu3.jpg') -67px 0 no-repeat; }

#headbanner { background: #e1a43a url('/images/headbanner.jpg') 0 0 no-repeat; width: 680px; height: 222px; }

#produkty_padding { padding: 45px 0 0 418px; }
#produkty {  }
#produkty h2 { color: #fff; font-size: 100%; font-weight: bold; padding-left: 7px; }

#produkty ul                  { list-style-type: none; font-size: 90%; margin-top: 15px; }
#produkty ul li               { _display: inline; }
#produkty ul li a             { margin: 4px 0; display: block; color: #fff; text-decoration: none; text-align: left; font-weight: bold; padding-left: 15px; background: url('/images/sipka.gif') 0 center no-repeat; letter-spacing: 1px; }
#produkty ul li a:hover       { padding-left: 20px; text-decoration: none; }
#produkty ul li a.active      { padding-left: 20px; text-decoration: none; }

#paticka { border-top: 5px solid #c2e3ff; margin: 10px; padding-top: 10px; }
#paticka a.unikum { background: url('/images/ico_unikum.gif') no-repeat; padding-left: 20px; margin-left: 4px; }