body {margin: 0; padding: 0; background: url(bg.gif); font-family: Tahoma, Verdana; letter-spacing: 0.04em; color: #333;}
div#hlavicka {position: relative; margin: auto; width: 979px; height: 185px; background: url(images/index_01.jpg); }
div#top {position: absolute; width: 400px; top: 63px; left: 546px;}
div#top a {font-size: 0.8em; color: #fff; margin-left: 90px; letter-spacing: 0.02em; padding: 5px 10px; text-decoration: none; text-transform: uppercase; font-weight: bold; background: #600;}
body#domu div#top a#main,
body#kon div#top a#con,
div#top a:hover {color: #fff; background: #c00; }
div#navigace {position: relative; margin: auto; width: 979px; height: 44px; background: url(images/index_02.gif); }
div#menu {position: absolute; width: 900px; top: 11px; left: 40px; }
div#menu a {font-size: 0.8em; color: #ccc; text-decoration: none; font-weight: bold; margin: 0 8px; padding: 11px; }
div#menu a:hover {color: #fff; background: #c00; padding: 10px; border: 1px solid #fff;}
body#bezp.komplex div#menu a#sluzby,
body#bezp.komplex div#menu a#sluzby:hover,
body#bezp.pco div#menu a#sluzby,
body#bezp.pco div#menu a#sluzby:hover,
body#bezp.fyz div#menu a#sluzby,
body#bezp.fyz div#menu a#sluzby:hover,
body#tech div#menu a#nologie,
body#tech div#menu a#nologie:hover,
body#plotovy div#menu a#system,
body#plotovy div#menu a#system:hover,
body#ref div#menu a#realizace,
body#ref div#menu a#realizace:hover,
body#zam div#menu a#kariera,
body#zam div#menu a#kariera:hover {color: #fff; background: none; padding: 12px; border: none;}
div#krcek {position: relative; margin: auto; width: 979px; height: 21px; background: url(images/index_03.gif); }
div#telo {margin: auto; width: 979px; min-height: 375px; _height: 375px; background: url(images/index_04.gif) repeat-y; }
div#obsah {font-family: Tahoma; letter-spacing: 0.04em; padding: 1px 53px 20px 54px; font-size: 0.8em; z-index: 100;  }
body#domu div#obsah {padding-right: 210px;}
body#domu div#obsah p {line-height: 18px; width: 330px; }
div#obsah p {line-height: 18px; } 
div#left {float: left; padding-right: 25px; }
div#right {float: left; padding-left: 25px; }
div#paticka {clear: both; margin: auto; width: 979px; height: 17px; background: url(images/index_06.gif); }
img#pan {position: absolute; width: 180px; height: 400px; top: 4px; left: 782px; z-index: 0; }
h1 {font-size: 1.6em; padding-top: 1px; }
h2 {font-size: 1.3em; padding: 0; margin: 0; letter-spacing: 0.03em; color: #900;}
h3 {font-size: 1em; padding: 0; margin: 0; }
a {color: #c00; font-weight: bold;}
a:hover {color: #f00;}
body h1 {height: 29px; text-transform: uppercase; letter-spacing: 0.02em; text-indent: -1500px;  }
body#domu h1 {background: url(nadpisy/home.gif) no-repeat;}
body#bezp.komplex h1 {background: url(nadpisy/komplex.gif) no-repeat;}
body#bezp.pco h1 {background: url(nadpisy/pult.gif) no-repeat;}
body#bezp.fyz h1 {background: url(nadpisy/ostraha.gif) no-repeat;}
body#tech h1 {background: url(nadpisy/technologie.gif) no-repeat;}
body#ref h1 {background: url(nadpisy/realizace.gif) no-repeat;}
body#plotovy h1 {background: url(nadpisy/plot.gif) no-repeat;}
body#zam h1 {background: url(nadpisy/kariera.gif) no-repeat;}
body#kon h1 {background: url(nadpisy/kontakty.gif) no-repeat;}
body#ref h2 {height: 29px; text-transform: uppercase; letter-spacing: 0.02em; text-indent: -1500px; background: url(nadpisy/technici.gif) no-repeat; margin-bottom: 15px;}
div#copy {width: 979px; height: 15px; margin: 10px auto; font-size: 0.7em; letter-spacing: 0.05em; text-align: center; color: #ccc; }
div#copy a {color: #ccc; text-decoration: none; font-weight: normal; border-bottom: 1px dotted #ccc; }
div#copy a:hover {color: #fff; border-bottom: 1px dotted #fff;  }
div#drobecci {font-weight: bold;}
body.pco div#obsah p {text-align: justify;}
ul li {list-style: square;}
hr {clear: both; visibility: hidden;}
img.fg {width: 120px; height: 90px; margin: 0 6px 6px 0px; border: none; }
body#domu div#right img.fg {width: 100px; height: 75px; margin: 25px 4px 0 0; border: none; }
a img.fg {border: 3px double #600;}
body#domu div#right a img.fg {border: 1px solid #600;}
a:hover img.fg {border: 3px double #f00;}
body#domu div#right a:hover img.fg {border: 1px solid #f00;}
/*-----form-----*/
span.formok, span.formerr {color: #fff; background: #900; font-weight: bold;}
form table td input#jmeno,
form table td input#prijmeni,
form table td input#mobil,
form table td input#email,
form table td textarea#bydliste,
form table td select#pozice,
form table td input#vzdelani,
form table td input#prukaz,
form table td input#praxe,
form table td textarea#poznamka {width: 300px; border:1px solid; border-color:#efefef #ccc #ccc #efefef; padding: 5px;}
form table td input#spam {width: 200px; border:1px solid; border-color:#efefef #ccc #ccc #efefef; padding: 5px;}
body#kon table td {width: 300px;}