html {height: 100%; font: normal normal 62.5% sans-serif; background: #1c3564 url('graphic/header_back.png') repeat-x center top}
body {height: 100%; background: url('graphic/main-background.jpg') no-repeat center 75px; color: #cedbf2}

/* Zakladni nastaveni - nemenit, pokud si nejste opravdu jisti, muze zpusobit rozpad celeho layoutu */

html, body, #header p, h1, h2, h3, fieldset, #header form input, #menu, p, ul, li {padding: 0; margin: 0; border: none}
.button span, #menu .left, #menu .right {position: absolute; display: block; z-index: 3}
.viktor {clear: both !important; float: none !important; height: 0 !important; width: 0 !important; background: 0 !important; margin: 0 !important; display: block !important}

a {color: #7cabff}
a:visited {color: #7cabff}
a:hover, #footer a:hover {color: #0095ff}
p {font-size: 1.2em; padding: 0 0 20px; text-align: justify; line-height: 18px}
li {list-style: none}

#container {width: 960px; margin: 0 auto}

/**/
/* Hlavicka */
/**/

h1 {font-size: 3.6em; font-style: italic; color: #001b65; height: 75px; background: url('graphic/header.png') no-repeat left 28px; line-height: 85px; padding: 0 0 0 42px}
h1 a, h1 a:visited {color: #ffffff; text-decoration: none}
h1 a:hover {color: #a7c6ff}

#header {height: 320px; padding: 0 10px}
#header h2 {color: #d90000; font-size: 2.4em; padding: 50px 0 15px; font-weight: normal}
#header ul li {background: url('graphic/header-li.png') no-repeat left center; font-size: 1.6em; color: #737680; padding: 10px 0 10px 24px}

.button {position: relative; text-align: center}
.button.main {width: 267px; height: 69px; display: block; margin: 13px 0 0 20px !important}
.button span {top: 0; left: 0}
.button.main span {width: 267px; height: 69px; background: url('graphic/main-button.png') no-repeat center top}
.button:hover span, .button.hover span {background-position: bottom}

/* Menu */

#menu {font-size: 1.3em; font-weight: bold; background: url('graphic/menu_back.png') no-repeat center bottom; height: 41px; padding: 33px 0 0 16px}
#menu li {float: left; position: relative; display: inline}
#menu li a {color: white; line-height: 29px; height: 41px; text-decoration: none; z-index: 4; color: #f2f9ff; padding: 0 10px 0 11px; margin: 0 10px; position: relative; display: block}
#menu .active, #menu li:hover, #menu li.hover {background: url('graphic/menu-active.png') repeat-x center top}
#menu .active a, #menu li:hover a, #menu li.hover a {color: #2e3d4c; padding: 0 22px; line-height: 41px}
#menu .active .left, #menu .active .right, #menu li:hover .left, #menu li:hover .right, #menu li.hover .left, #menu li.hover .right {top: 0; width: 75px; height: 41px}
/* IE6 shitfix */ #menu li, .button {behavior: url(hover.htc);}
#menu .left {left: 0; background: url('graphic/menu-left.png') no-repeat center top}
#menu .right {right: 0; background: url('graphic/menu-right.png') no-repeat center top}

/**/
/* Obsah */
/**/

#content {background: url('graphic/dividing-line.png') repeat-y 570px top; margin: 30px 0 0}

/**/
/* Levy panel */
/**/

div.left {width: 524px; float: left; padding: 0 30px 0 16px}
div.left h3 {color: #d90000; font-size: 1.8em; background: url('graphic/content-header.png') no-repeat left center; padding: 0 0 1px 20px; margin: 0 0 22px}

div.left ul {float: none; clear: both}
div.left li {font-size: 1.2em; background: url('graphic/content-header.png') no-repeat left center; padding: 7px 0 7px 20px}
div.left li.plus {background: url('graphic/plus.png') no-repeat left center}

/*table {clear: both; border: 1px solid #4c6799; border-right: none; border-top: none; font-size: 1.2em}
table td {background: url('graphic/table-back.png') repeat-x center bottom; border-right: 1px solid #4c6799; padding: 8px 0; border-top: 1px solid #4c6799} */

table {
  font-size: 12px;
  color: #000000;
  /*background-color: rgb(192,192,192);*/
}


/* Levy panel - tlacitka */


div.left .button {height: 41px; width: 250px; float: left; display: block; font-size: 1.5em; line-height: 41px}
div.left .button a {display: block; color: white; text-decoration: none; font-weight: bold}
div.left .button.blue {margin: 0 0 0 24px; background: url('graphic/button-blue.png') no-repeat center top}
div.left .button.grey {background: url('graphic/button-grey.png') no-repeat center top}

/**/
/* Pravy panel */
/**/

div.right {float: left; width: 360px; margin: 0 0 0 30px}
div.right .banner {width: 360px; color: black; text-align: center; height: 84px; padding: 25px 0 0; margin: 0 0 10px}
div.right .banner .strong {font-size: 2.7em; padding: 10px 0}
div.right .banner .strong a {color: white; text-decoration: none}
div.right .banner .strong a:hover, div.left .button a:hover {color: black}
div.right .banner p {font-size: 1.5em; text-align: center}
div.right .banner p a {color: white; text-decoration: none}
div.right .banner.blue {background: url('graphic/right-banner-blue.png') no-repeat center top}
div.right .banner.grey {background: url('graphic/right-banner-grey.png') no-repeat center top; margin: 0 0 30px}

.customers {}
.customers p {float: left; padding: 0 0 30px; font-size: 1.4em; width: 250px}
.customers img {float: left; margin: 0 30px 30px 0}
.customers p strong {display: block; padding: 3px 0 20px 20px; background: url('graphic/client-icon.png') no-repeat left 5px}

#footer {background: url('graphic/footer-back.png') repeat-x center top; height: 41px; padding: 114px 0 0}
#footer div {width: 960px; margin: 0 auto}
#footer ul {float: left; color: #acb6bf}
#footer ul li {float: left; font-size: 1.2em}
#footer ul li a {color: #3078bf; margin: 0 28px 0 30px}
#footer p {float: right; text-align: right; padding: 0; line-height: 16px; color: #697b8c}