body { padding:0; margin:0; background:url(im/pozadi.jpg) repeat-x #EEEEEE; font-family:Arial, Helvetica, sans-serif; font-size:75%; text-align:center; }
#cele { width:830px; margin:0 auto; background:url(im/obsah.jpg) no-repeat; background-position:0 175px; }

h1 { font-size:180%; font-style:italic; color:#333333; }
h2 { font-size:140%; color:#333333; margin:15px 0 -10px 0; }

a { color:#9e1010; }
a:hover { color:#666666; }
a img { border:0; }

p { line-height:20px; }

h1#hlavicka { margin:0; height:122px;  position:relative; overflow: hidden; width:100%; background:#484848; color:#FFFFFF; }
h1#hlavicka span { background:url(im/hlavicka.jpg) no-repeat; display:block; width:100%; height:122px; position:absolute; top:0; left:0; }

menu { float:right; margin:0 15px 0 0; height:53px; }
menu li { list-style:none; margin:0 0 0 5px; padding:0; float:left; height:53px; width:127px; }
menu li a { display:block; margin:10px 0 0 0; height:43px; width:100%; background:url(im/menu.jpg) no-repeat #FFFFFF; line-height:43px; font-weight:bold; font-size:115%; color:#727272; text-decoration:none; }
menu li a.active { margin:0; height:53px; color:#FFFFFF; background:url(im/menu-active.jpg) no-repeat #990000; }
menu li a:hover { margin:0; height:53px; }

#text { width:740px; clear:both; margin:0 auto; padding:5px 30px 20px 30px; text-align:justify; background:#FFFFFF; }
#text ul li { list-style-image:url(im/reference-li.gif); line-height:20px; }

#reference-posledni { width:753px; height:330px; background:url(im/reference-posledni.jpg) no-repeat; margin:0 0 15px 0; }
#reference-detail { width:753px; height:330px; background:url(im/reference-detail.jpg) no-repeat; margin:0 0 15px 0; }
#reference-posledni img, #reference-detail img { position:absolute; margin:44px 0 0 28px; }
#reference-posledni p, #reference-detail p { position:absolute; margin:300px 0 0 30px; }
#reference-posledni em, #reference-detail { color:#333333; }

.reference-seznam { width:342px; height:441px; background:url(im/reference-seznam.jpg) no-repeat; margin:10px; float:left; overflow:hidden; }
.reference-seznam h2 { position:absolute; font-size:120%; margin:40px 0 0 45px; color:#333333; }
.reference-seznam span { position:absolute; margin:65px 0 0 36px; width:269px; overflow:hidden; }
.reference-seznam ul { position:absolute; width:230px; margin:307px 0 0 60px; padding:0; list-style-image:url(im/reference-li.gif); text-align:left; }
.reference-seznam ul li { line-height:20px; margin:0; }

#paticka { height:94px; clear:both; line-height:53px; margin:0 0 20px 0; background:url(im/paticka.jpg) no-repeat #404040; color:#999999; text-align:right; padding:0 25px 0 0; }
#paticka a { color:#CCCCCC; }
#paticka a:hover { color:#FFFFFF; }

hr.clear { visibility:hidden; clear:both; margin:0; }
hr#height { width:0; border:0; float:left; height:300px; }
hr.linka { height:1px; border:0; background:#CCCCCC;} 
strong.normal { font-weight:normal; }
.right { text-align:right; }

form#kontaktform { background:#F5F5F5; border:1px solid #D8D8D8; padding:10px; float:right; width:370px; }
form#kontaktform table { margin:10px 0 0 0; }
form#kontaktform table tr td { padding:3px; }
form#kontaktform h2 { margin-top:0; }
form#kontaktform input[type="submit"] { background:#333333; padding:10px; color:#FFFFFF; font-weight:bold; border:0; cursor:pointer; }
form#kontaktform input[type="submit"]:hover { background:#9e1010; }

div#kontakt { float:left; width:250px;  }