html {background: #0094AE url('images/bg.gif') repeat-x top;}
body {width: 1083px; margin: 0 auto; padding: 0; font-family: sans-serif; font-size: small; background: url('images/content_bg.png') repeat-y center;}
* html body {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content_bg.png', sizingMethod='scale'); background-image: none;}

.clear {clear: both}
.hidden {display: none;}

a {color: #0194D9;}
a:hover {text-decoration: none;}
a img {border: none;}

h1 {height: 199px; margin: 0; padding: 0; position: relative;}
h1 span {position: absolute; top: 0; left: 0; width: 1083px; height: 199px; cursor: pointer; background: url('images/head.jpg') no-repeat;}

ul#menu {height: 54px; margin: 0 15px 15px 17px; padding: 0; list-style: none; background: url('images/menu_end.gif') no-repeat right;}
ul#menu li {float: left; height: 54px; position: relative; background: url('images/divider.gif');}
ul#menu a {display: block; height: 54px;}
ul#menu span {position: absolute; top: 0; left: 0; height: 54px; cursor: pointer;}
ul#menu a:hover span {background-position: bottom;}
#menu-onas {width: 124px;}
#menu-onas span {width: 123px; background: url('images/buttons/o_nas.gif') no-repeat top;}
#menu-produkty {width: 135px;}
#menu-produkty span {width: 134px; background: url('images/buttons/produkty.gif') no-repeat top;}
#menu-cenik {width: 111px;}
#menu-cenik span {width: 110px; background: url('images/buttons/cenik.gif') no-repeat top;}
#menu-partneri {width: 133px;}
#menu-partneri span {width: 132px; background: url('images/buttons/partneri.gif') no-repeat top;}
#menu-proc {width: 150px;}
#menu-proc span {width: 149px; background: url('images/buttons/proc_andeo.gif') no-repeat top;}
#menu-kontakty {width: 139px;}
#menu-kontakty span {width: 138px; background: url('images/buttons/kontakty.gif') no-repeat top;}

#left {float: left; width: 215px; padding: 0 0 0 25px;}
#novinky {margin: 0 0 10px 0;}
#novinky h3 {height: 23px; margin: 0; padding: 0; position: relative;}
#novinky h3 span {position: absolute; top: 0; left: 0; width: 215px; height: 23px; background: url('images/Novinky.gif') no-repeat;}
#novinky ul {margin: 0; padding: 0 5px 10px 5px; background: #E7F6FD; list-style: none;}
#novinky ul li {height: 32px; border-bottom: 1px solid white;}
#novinky ul li a {display: block; height: 32px; padding: 0 0 0 20px; line-height: 32px; color: #231F1E; text-decoration: none; background: url('images/odrazka.gif') no-repeat 5px;}
#novinky ul li a:hover {text-decoration: underline;}
#podpora {margin: 0 0 10px 0;}
#podpora h3 {height: 23px; margin: 0; padding: 0; position: relative;}
#podpora h3 span {position: absolute; top: 0; left: 0; width: 215px; height: 23px; background: url('images/Podpora.gif') no-repeat;}
#podpora fieldset {margin: 0; padding: 10px; text-align: right; border: none; background: #E7F6FD;}
#podpora p {margin: 0 0 5px 0; padding: 0; text-align: left;}
#podpora p input {width: 193px; background: #F0F9FE; border: 1px solid #A1D9F2;}
#podpora p input:focus {border: 1px solid #57B9E8; background: #E1F3FD;}
#podpora p textarea {width: 193px; height: 120px; background: #F0F9FE; border: 1px solid #A1D9F2;}
#podpora p textarea:focus {border: 1px solid #57B9E8; background: #E1F3FD;}

#center {float: left; width: 561px; min-height: 500px; margin: 0 0 0 20px;}
* html #center {height: 500px;}
#center-box {height: 106px; margin: 0 0 10px 0; padding: 145px 0 0 290px; color: white; font-size: 110%; background: url('images/box.jpg') no-repeat;}
#center-box ul {list-style: none; margin: 5px 0; padding: 0 0 0 10px;}
#center-box a {color: white; padding: 0 0 0 15px; background: url('images/odrazka.gif') no-repeat 2px;}
#center h2 {margin: 5px 0; padding: 0; color: #009BD0;}
#center h3 {margin: 10px 0 3px 0; padding: 0;}
#center h3.active {color: #009BD0;}
#center p {text-align: justify;}
#center p.podpis {float: left; width: 200px;}
#center ul {padding: 0 0 0 20px;}
#center .left {float: left; width: 250px;}
#center .right {float: right; width: 300px;}

.form fieldset {margin: 0 0 10px 0; padding: 10px; text-align: right; border: none; background: #E7F6FD;}
.form p {clear: left; margin: 0 0 5px 0; padding: 0; text-align: left;}
.form p label {float: left; width: 90px;}
.form p input {width: 193px; background: #F0F9FE; border: 1px solid #A1D9F2;}
.form p select {width: 195px; background: #F0F9FE; border: 1px solid #A1D9F2;}
.form p textarea {width: 376px; background: #F0F9FE; border: 1px solid #A1D9F2;}
.form p input:focus, .form p textarea:focus {border: 1px solid #57B9E8; background: #E1F3FD;}
.form p input.btn {width: auto !important; margin: 0 0 0 90px; border: 1px solid #57B9E8; background: #E1F3FD;}

#right {float: right; width: 215px; margin: 0 25px 0 0;}
* html #right {margin: 0 12px 0 0;}
#moje-andeo {margin: 0 0 10px 0;}
#moje-andeo h3 {height: 23px; margin: 0; padding: 0; position: relative;}
#moje-andeo h3 span {position: absolute; top: 0; left: 0; width: 215px; height: 23px; background: url('images/moje_andeo.gif') no-repeat;}
#moje-andeo fieldset {margin: 0; padding: 10px; text-align: right; border: none; background: #E7F6FD;}
#moje-andeo p {margin: 0 0 5px 0; padding: 0; text-align: left;}
#moje-andeo p input {width: 193px; background: #F0F9FE; border: 1px solid #A1D9F2;}
#moje-andeo p input:focus {border: 1px solid #57B9E8; background: #E1F3FD;}

#spolupracujeme {margin: 0 0 10px 0;}
#spolupracujeme h3 {height: 23px; margin: 0; padding: 0; position: relative;}
#spolupracujeme h3 span {position: absolute; top: 0; left: 0; width: 215px; height: 23px; background: url('images/spolupracujeme.gif') no-repeat;}
#spolupracujeme p {margin: 0; padding: 10px; background: #E7F6FD; text-align: center;}

#bottom {clear: both; height: 76px; margin: 10px 5px 0 5px; padding: 10px; font-size: 90%; background: url('images/bottom_bg.gif') repeat-x;}
#bottom #logo {float: left;}
#bottom p.left {float: left; width: 120px; margin: 15px 0 0 40px; color: #231F20;}
#bottom p.right {float: right; width: 140px; margin: 15px 40px 0 0; color: #231F20;}