* { margin: 0; padding: 0; outline: none; }
body
{
 background: #dbdbdb url('img/body-bg.png') fixed;
 font-family: trebuchet MS, verdana, tahoma, helvetica, sans-serif;
 font-size: 14px;
}
a
{
 color: #0670DB;
 text-decoration: none;
 cursor: pointer;
 cursor: hand;
}
a:hover { text-decoration: underline; }
a img { border: 0; }
a.hoverEffect:hover, .omne a { text-decoration: none; }

#headerContainer
{
 width: 100%;
 height: 129px;
 background: #dbdbdb url('img/body-bg.png');
 position: fixed;
 z-index: 100;
 top: -25px;
}
#header
{
 width: 1000px;
 height: 129px;
 margin: 0 auto;
 background: url('img/header-bg.png');
}
#logo
{
 height: 74px;
 background: url('img/logo-hover.png');
 margin: 40px 0 0 50px;
 display: block;
 float: left;
}
#menu
{
 width: 342px;
 height: 82px;
 overflow: hidden;
 float: right;
 margin: 40px 50px 0 0;
}
#menu a { display: block; float: left; }
#omne { background: url('img/menu-omne-hover.png'); }
#prace { background: url('img/menu-prace-hover.png'); }
#kontakt { background: url('img/menu-kontakt-hover.png'); }
#content-bg
{
 margin: auto;
 display: block;
}
#content
{
 width: 1000px;
 min-height: 200px;
 margin: 0 auto;
 padding-top: 129px;
}
.hidden 
{
 display: none;
 opacity: 0;
}
 
#intro
{
 width: 828px;
 margin: -10px auto 0;
}
#intro a { display: block; height: 44px; margin: 10px 0; }
#intro1{ background: url('img/intro/intro1-hover.png'); }
#intro2{ background: url('img/intro/intro2-hover.png'); }
#intro3{ background: url('img/intro/intro3-hover.png'); }
#intro4{ background: url('img/intro/intro4-hover.png'); height: 50px !important; }
#blocks
{
 width: 864px;
 margin: 20px auto 0;
 overflow: hidden;
}
#blocks a
{
 width: 248px;
 height: 320px;
 margin: 10px 20px;
 float: left;
 display: block;
 background-repeat: no-repeat;
}
#blocks a img { position: relative; z-index: 1; }
#blocks a p
{
 width: 225px;
 font-size: 13px;
 margin: auto;
 color: #4e6374;
 position: relative;
 z-index: 10;
}
#navrh  { background: url('img/intro/bloky/navrh-hover.png'); }
#frontend{ background: url('img/intro/bloky/frontend-hover.png'); }
#backend { background: url('img/intro/bloky/backend-hover.png'); }
#doplnky { background: url('img/intro/bloky/doplnky-hover.png'); }
#poradenstvo { background: url('img/intro/bloky/poradenstvo-hover.png'); }
#ktosom{ background: url('img/intro/bloky/ktosom-hover.png'); }

#list li
{
display: block;
}
.praca
{
 width: 390px;
 display: block;
 background-repeat: no-repeat;
 text-align: center;
 margin: 0 0 40px 60px;
 float: left;
}
.praca span
{
 color: #666666;
 margin: 2px 10px;
}
#StaraVoda { background-image: url('img/prace/StaraVoda-hover.png'); }
#MyOwPaStranka { background-image: url('img/prace/MyOwPaStranka-hover.png'); }
#MyOwPaSystem { background-image: url('img/prace/MyOwPaSystem-hover.png'); }
#HairExpress { background-image: url('img/prace/HairExpress-hover.png'); }


#pracaCont
{
 width: 950px;
 margin: auto;
}
#prev, #next { display: block; height: 70px; margin-top: 350px; }
#prev { background-image: url('img/prev-hover.png'); float: left; }
#next { background-image: url('img/next-hover.png'); float: right; margin-left: -41px;}
#praca
{
 width: 856px;
 margin-left: 30px;
 float: left;
 text-align: center;
}
#praca p { margin: 5px 0 0 -1px; }
#img
{
 width: 856px;
 height: 630px;
 padding-top: 65px;
 overflow: hidden;
 background-image: url('img/praca-bg.png');
}
#popis { text-align: left; padding: 5px 15px 5px; }
.pozadovane { background: url('img/separate-horizontal.png') no-repeat bottom; padding: 5px;}
.mojapraca { width: 430px; min-height: 110px; float: left; background: url('img/separate-vertical.png') no-repeat right 15px; padding: 15px 5px; }
.odkazy { width: 380px; float: left; margin-top: 15px; }
.odkazy p { padding: 5px 10px; } 
ul { margin-left: 20px; }
li { list-style-image: url('img/bullet.png'); }

#kontaktContainer
 {
background: url('img/kontakt-bg.png') no-repeat center top;
width: 100%;
height: 600px;
overflow: hidden;
margin-top: -25px;
 }
.leftSide, .rightSide
{
 float: left;
 width: 430px;
 padding: 20px 20px 0 60px;
 color: #00132c;
}
table { margin-top: 20px; }
input
{
 width: 246px;
 height: 18px;
 padding: 7px 9px;
 margin-left: 3px;
 background: url('img/input-bg.png');
 border: none;
 font-family: trebuchet MS, verdana, tahoma, helvetica, sans-serif;
 font-size: 12px;
}
input:hover, input:focus
{
 background: url('img/input-hover.png');
}
textarea
{
 width: 333px;
 height: 229px;
 padding: 9px;
 background: url('img/textarea-bg.png');
 border: none;
 font-family: trebuchet MS, verdana, tahoma, helvetica, sans-serif;
 font-size: 14px;
}
textarea:hover, textarea:focus
{
 background: url('img/textarea-hover.png');
}
td small
{
 color: #4e6374;
}
#spravaCapt
{
 vertical-align: top;
 padding-top: 7px;
}
.odoslat
{
 height: 71px;
 width: 178px;
 margin-left: 47px;
 display: block;
 background: url('img/odoslat-hover.png');
 float: left;
}
#odoslane
{
 width: 110px;
 padding: 5px 10px;
 float: left;
 color: #0670DB;
 font-size: 16px;
 font-style: italic;
 opacity: 0;
 display: none;
}
.rightSide
{
 padding: 20px 50px 0 10px;
}
.rightSide p
{
 margin-bottom: 10px;
}
.rightSide p span
{
 font-style: italic;
 font-weight: normal;
 color: #4e6374;
}