html {height: 100%; font: normal normal 62.5% sans-serif; background: url('graphic/main-back-top.png') repeat-x center 41px}
body {height: 100%; color: #555555; background: url('graphic/top-back.png') no-repeat center 41px}

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

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

a {color: #ff0040}
a:visited {color: #e50a1a}
a:hover, #footer a:hover {text-decoration: none; color: #59b200}
p {font-size: 1.2em; padding: 0 0 20px; text-align: justify; line-height: 21px}
li {list-style: none; font-size: 1.2em}

h1.slogan {font-size: 22px;}

.container {width: 994px; margin: 0px auto; background: url('graphic/bg.png') repeat-y center left}

.container1 {width: 960px; margin: 0 auto;}

.container-bg {width: 994px; margin: 0 auto; background: url('graphic/bg_head.png') repeat-y center top;}
/* Vrchni radek - odkazy */

ul.top {height: 41px; padding: 0 15px}
ul.top li {float: left; color: black; display: inline; line-height: 41px; background: url('graphic/top-arrow.png') no-repeat center right}
ul.top li a {color: #59b200; line-height: 41px; height: 41px; padding: 0 4px; margin: 0 14px 0 7px}
ul.top li:first-child , ul.top li:last-child {background: none}
ul.top li strong {padding: 0 15px 0 0}

/**/
/* Vrchni cast - hlavicka + menu */
/**/

.top-part {height: 103px;}
.homepage .top-part {height: 121px}

/* Hlavicka */

.top-part #header {width: 278px; height: 64px; float: left; position: relative}
.top-part #header:hover, .top-part ul li.menu_1.active {background: #7ebe12 url('graphic/menu_1.png') no-repeat center top}
.top-part #header span {height: 64px; width: 278px; top: 0; left: 0; background: url('graphic/header.png') no-repeat left top}

/* Menu */

.top-part ul {float: right; padding: 23px 23px 0 70px}
.top-part ul li {font-weight: bold; float: left; height: 37px}
.top-part ul li a {display: block; height: 37px; line-height: 37px; color: black; text-align: center}
.top-part ul li.menu_1 a:hover, .top-part ul li.menu_1.active {background: url('graphic/menu_1.png') no-repeat center top}
.top-part ul li.menu_1 a {width: 175px}
.top-part ul li.menu_2 a:hover, .top-part ul li.menu_2.active {background: url('graphic/menu_2.png') no-repeat center top}
.top-part ul li.menu_2 a {width: 257px}
.top-part ul li.menu_3 a:hover, .top-part ul li.menu_3.active {background: url('graphic/menu_3.png') no-repeat center top}
.top-part ul li.menu_3 a {width: 140px}
.top-part ul li.menu_4 a:hover, .top-part ul li.menu_4.active {background: url('graphic/menu_4.png') no-repeat center top}
.top-part ul li.menu_4 a {width: 125px}
.top-part ul li a:hover, .top-part ul li.active a {color: white; text-decoration: none}

.top-part h1 {width: 960px; height: 60px; clear: both; float: none; position: relative}
.top-part h1 span {width: 960px; height: 60px; left: 0; top: 0; background: url('graphic/text-banner.png') no-repeat center top}

.top-content {height: 262px; position: relative}
.top-content.cars {background: url('graphic/back_cars.png') no-repeat left 9px}  

.top-content p {margin: 63px 0 0; width: 349px; height: 118px; float: right; position: relative}    
.top-content.sleva p {margin: 63px 0 0; width: 349px; height: 176px; float: right; position: relative}   
.top-content p a {display: block}
.top-content p span {top: 0; left: 0; width: 349px; height: 118px; background: url('graphic/action-button.png') no-repeat left top}  
.top-content.sleva p span {top: 0; left: 0; width: 349px; height: 176px; background: url('graphic/action-button-sleva.png') no-repeat left top}
.top-content p a:hover span {background-position: left bottom}
                   
.description1 {background: #9ed144; padding: 8px 0}

.description {background: url('graphic/description.png') no-repeat left top; padding: 16px 0; margin: 0px 20px 0px 29px; width: 945px; height: 75px;}
.description ul {width: 960px; margin: 0 auto}
.description ul li {width: 414px; float: left; font-size: 14px; padding: 8px 0 8px 46px; color: black; background: url('graphic/icon-red-arrow.png') no-repeat 15px center}

.content {width: 660px; float: left; padding: 0px 28px 0 19px; text-align: justify;}
.content img {border: 1px solid #cccccc; margin: 5px 15px 15px 15px; float: right}
.content p {padding: 0 20px 20px 20px;}
.homepage /* Pouze na hlavni strance */.content h2 {font-size: 18px; background: url('graphic/icon-green-arrow-right.png') no-repeat left 20px; margin: 0px 20px 20px 20px; padding: 20px 0 0 35px}
.content h1 {font-size: 18px; background: url('graphic/icon-green-arrow-right.png') no-repeat left 20px; margin: 0 20px 20px 20px; padding: 20px 0 0 35px}
.content h3 {font-size: 16px; color: #808000; padding: 15px 15px 15px 30px;  background: url('graphic/content-back.png') repeat-y center top;}

.content .oddel {padding: 15px 15px 15px 30px; background: url('graphic/content-back.png') repeat-y center top;}  

.content ul {padding: 20px 17px 20px 20px; background: url('graphic/content-back.png') repeat-y center top;}
.content li {padding: 10px 60px 0px 60px; background: url('graphic/icon-black-arrow-right.png') no-repeat 25px 9px; line-height: 20px;}
.content.detail img {border: 3px solid #cccccc; margin: 5px 15px 0px 20px; float: left;}
.content.detail ul.klasik {background: white; border: 1px solid #cfe6d4; border-bottom: 10px solid #cfe6d4; margin-left:10px;}
.content.detail ul li.klasik {background: none; padding: 10px 15px}

.content .info {background: url('graphic/content-top.png') no-repeat center top}
.content .info-bottom {background: url('graphic/content-bottom.png') no-repeat center bottom; padding: 0 0 10px 0; margin: 0 0 15px 0;}
.content .info p {padding: 0 17px 0 20px; background: url('graphic/content-back.png') repeat-y center top;}
.content .info h3 {background: url('graphic/content-back.png') repeat-y center top;} 

.content.form .steps {background: url('graphic/steps-back.png') no-repeat center top; height: 60px; width: 630px; padding: 0 0 0 10px}
.content.form .steps li {background: none; float: left; width: 190px; padding: 15px 10px 15px 0; font-weight: bold}
.content.form .steps li a {color: black}
.content.form .steps li strong {font-size: 18px; color: white; line-height: 30px; width: 27px; text-align: center; display: block; float: left; padding: 0 20px 0 10px; height: 30px; background: url('graphic/form-button.png') no-repeat 10px center}
.content.form .steps li.active strong {background: url('graphic/form-button-active.png') no-repeat 10px center}
.content.form form {padding: 20px 15px}
.content.form table {width: 625px; border-top: 1px solid #cfe6d4; padding: 15px 0}
.content.form table img {border: none; margin: 2px 0 0 5px; float: left}
.content.form table input, .content.form table select {float: left; width: 250px}
.content.form table td {font-size: 1.2em; padding: 6px 0; border-bottom: 1px solid #e5f2e9}
.content.form legend {font-size: 1.4em; color: #5ab600; padding: 10px 0; border-bottom: 5px solid #cfe6d4; font-weight: bold}
.content.form label {text-align: right; display: block; padding: 0 20px 0 0}
.content.form th {font-size: 1.2em; padding: 10px 0; font-weight: bold; background: #cfe6d4; color: black}

.measuring {width: 324px; height: 72px; position: relative; display: block; text-align: center; font-size: 1.2em; margin: 20px auto 0}
.measuring span {width: 324px; height: 72px; top: 0; left: 0; background: url('graphic/measuring-button.png') no-repeat center top}
.measuring:hover span {background-position: center bottom}

.content .button {font-size: 14px; float: right; height: 51px; text-align: center; line-height: 51px; margin: 20px 15px 0 5px; padding: 0}
.content .button a {display: block; color: white; text-decoration: none; font-weight: bold}
.content .button.red a {width: 209px; padding: 0 0 0 35px; background: url('graphic/button-red.png') no-repeat center top}
.content .button.black a {width: 145px; padding: 0 0 0 35px; background: url('graphic/button-black.png') no-repeat center top}
.content .button a:hover {background-position: center bottom}
hr {border: none; border-top: 1px solid #cfe6d4; margin: 20px 15px}

.content .button1 {font-size: 14px; height: 51px; text-align: center; line-height: 51px; padding-left: 70px;}
.content .button1 a {display: block; color: white; text-decoration: none; font-weight: bold}
.content .button1.red-big a {width: 480px; padding: 0 0 0 35px; background: url('graphic/button-red-big.png') no-repeat center top; margin: 0px 0px 0px 50px}
.content .button1 a:hover {background-position: center bottom}

.columns div {width: 190px; padding: 20px 15px 0; float: left}
.columns div h3 {padding: 0 0 20px; color: black}
.columns div p {padding: 0; text-align: left}  
.columns div p.last {padding: 0px 0px 30px 0px; text-align: left; margin-bottom: 20px;}
.columns div img {float: left; margin: 0 16px 10px 12px}
.columns .more {display: block; float: right; width: 55px; height: 74px; padding: 0 0 0 64px; line-height: 44px; background: url('graphic/more-bottom.png') no-repeat center top; margin: 10px 0 0; text-decoration: none; color: black; font-weight: bold}

.sidebar {float: left; width: 260px; margin: 0px 0 0}
.sidebar h4 {font-size: 1.4em; font-weight: bold; color: black; background: url('graphic/icon-green-arrow-bottom.png') no-repeat 15px center; padding: 15px 0 15px 50px}
.sidebar .info {background: url('graphic/right-info-top.png') no-repeat center top}
.sidebar .info h4 {background: url('graphic/icon-green-arrow-bottom-blue.png') no-repeat 15px center}
.sidebar .info ul {background: url('graphic/right-info-bottom.png') no-repeat center bottom; padding: 0 0 10px}
.sidebar .info ul li {padding: 0 17px 0 18px; background: url('graphic/right-info-back.png') repeat-y center top}
.sidebar .info ul li.title {font-size: 11px; font-weight: bold; color: black; padding: 10px 0px 0px 0px; margin-left: 0px;}
.sidebar .info ul li a {display: block; padding: 7px 30px 8px; border-bottom: 1px solid #d9d9d9; text-decoration: none; background: url('graphic/right-arrow.png') no-repeat 14px 12px}
.sidebar .info ul li a:hover {color: #fff; background: #5ab600 url('graphic/right-arrow-active.png') no-repeat 14px 12px; font-weight: bold}
.sidebar .info ul li:last-child a {border-bottom: none}
.sidebar .info ul li a.red {color: #FF0000; font-weight: bold;}
.sidebar .info ul li a:hover.red {color: #FFFFFF; font-weight: bold;}

.sidebar .comparison {width: 260px}
.sidebar .comparison p {width: 260px; margin: 0; height: 113px; position: relative}
.sidebar .comparison img {width: 260px; margin: 0; height: 50px; position: relative}
.sidebar .comparison p a {display: block}
.sidebar .comparison p span {top: 0; left: 0; width: 260px; height: 113px; background: url('graphic/sidebar-button-red.png') no-repeat left top}
.sidebar .comparison p a:hover span {background-position: left bottom}

.sidebar .comparison ul {padding: 0 0 25px}
.sidebar .comparison ul li {padding: 12px 0 12px 46px; background: url('graphic/sidebar-icon-red-arrow.png') no-repeat 15px center; line-height: 18px}

.sidebar .client {background: url('graphic/right-client-back.png') repeat-y center top; position: relative; padding: 2px 0 20px; margin: 30px 0 0}
.sidebar .client img {display: block; margin: 0 auto}
.sidebar .client p {padding: 0 15px}
.sidebar .client strong {font-size: 1.2em; display: block; text-align: left; padding: 0 0 20px}
.sidebar .client span {left: 0; height: 6px; width: 260px}
.sidebar .client span.top {top: 0; background: url('graphic/right-client-top.png') no-repeat center top}
.sidebar .client span.bottom {bottom: 0; background: url('graphic/right-client-bottom.png') no-repeat center top}

.partners {border-top: 1px solid #cfe6e0; margin: 0px 0 0; padding: 27px 0 0}
.partners div {width: 960px; margin: 0 auto}
.partners ul {width: 800px; float: left; margin: 0 auto; display: block}
.partners li {float: left; padding: 0 15px 27px 15px}
.partners p {float: left; padding: 17px 15px 0; font-weight: bold; width: 130px}
.partners li img {border: none}

.footer {background: #e5fff9; border-top: 1px solid #cfe6e0}
.footer div {width: 930px; margin: 0 auto; padding: 0 15px}
.footer div p {float: left; padding: 23px 0 0; line-height: 14px}
.footer div ul {float: right}
.footer div ul li {float: left; color: black; padding: 23px 0; background: url('graphic/bottom-arrow.png') no-repeat right center}
.footer div ul li a {color: #59b200; display: block; padding: 0 4px; margin: 0 14px 0 7px}
.footer div ul li:first-child , .footer div ul li:last-child {background: none}

/* Content table */

.table {
 padding: 10px 0;
 padding: 0 17px 0 20px; 
 background: url('graphic/content-back.png') repeat-y center top;
}

.table-content {
 text-align: center;
 border-right: 1px solid #c7c7c7;
 font-size: 1.2em;
 margin: 0 auto;
}

.table-content td {
 padding: 5px 15px;
 border-bottom: 1px solid #c7c7c7;
 border-left: 1px solid #c7c7c7;
 background: #f7f7f7; 
}

.table-content td.grey {
 background: 	#e9e9e9;
} 

.table-content td.light-cyan {
 background: 	#E0FFFF; 
}

.table-content td.light-grey {
 background: #f0f0f0;
 font-weight: bold; 
 color: #555;
}

.table-content td.none {
 border-left: 1px solid #fff; 
 background: #fff;   
}

.table-content td.red {
 background: #eb2a2a;
 color: #fff;
 font-weight: bold;
 border-bottom: 1px solid #db1313; 
 border-left: 1px solid #db1313; 
}

.table-content td.blue {
 background: #0171b2;
 color: #fff;
 font-weight: bold;
 border-bottom: 1px solid #0167a2; 
 border-left: 1px solid #0167a2; 
}

.table-content td.dark-blue {
 background: #151B54;
 color: #fff;
 font-weight: bold;
 border-bottom: 1px solid #0167a2; 
 border-left: 1px solid #0167a2; 
}

.table-content td.green {
 background: /*#00FF00;*/ #81ab07;   
 color: #fff;
 font-weight: bold;
 border-bottom: 1px solid #759a06; 
 border-left: 1px solid #759a06; 
}      

.table-content td.lawn-green {
 background: #87F717;
 color: #fff;
 font-weight: bold;
 border-bottom: 1px solid #759a06; 
 border-left: 1px solid #759a06; 
} 

.table-content td.orange {
 background: #e9a115;
 color: #fff;
 font-weight: bold;
 border-bottom: 1px solid #dd9308; 
 border-left: 1px solid #dd9308; 
}