body {padding:0; margin:0; height:750px; background:#6f6f6f}
table, td {border-collapse:collapse}
table, td, img {border:0; padding:0}
form, td {margin:0; padding:0}
html {height:100%}
br {font-size:10px}
table {border:0px; border-collapse:collapse;}
body, td {font-size:11px; font-family:Tahoma;	color:#7d7b7b; line-height:13px; vertical-align:top; padding:0px}

a img {border:0px}
img {vertical-align:top}

strong {color:#91908d}
b {color:#585858}
span {}
span a {} 
span a:hover {}

a {color:#99c000; text-decoration:underline} 
a:hover {color:#99c000; text-decoration: none}

.bg_bot {background:url(images/bg_bot.gif) top left repeat-x #6f6f6f}
.bg_color {background:#f2f2f2}
.bg_li_bot {background:url(images/bg_li_bot.gif) top left repeat-y}

ul {margin:0; padding:0; list-style-type:none}
li {background:url(images/1_z1.gif) center left no-repeat; background-position:0 8px; margin:0px; padding-left:9px;color:#91908d;line-height:18px}
li a {color:#585858; text-decoration:underline}
li a:hover {color:#585858; text-decoration:none}

.more {background:url(images/1_z2.gif) center left no-repeat; background-position:0 5px; padding-left:12px; vertical-align:middle; color:#434343; font-weight:bold; text-decoration:none}
.more:hover {text-decoration:underline}

.main_table {width:100%; background:url(images/bg_left.gif) top left repeat-x #c4c4c4}
.site_center {text-align:center; width:100%; background:url(images/bg_bot.gif) bottom left repeat-x}
.site_center1 {margin:0 auto; text-align:left; width:770px}

.left {float:left}
.flash {position: relative; top: 78px; left: 25px}
#bottom {margin-top: 10px}
.banners {width: 294px; height: 50px; margin: 0 auto; text-align: center;}
.banners img {float: left; margin: 0 5px;}  

 /*header*/
#header {height:339px; width:770px; background-color: #ffffff} 
#header .row1 {height:26px; background:url(images/bg_hed_top.gif) top left repeat-y}
#header .row2 {height:313px; background:url(images/bg_hed_li.gif) top left repeat-x}
#header .row2 .col1 {width:589px; height: 235px; background:url(images/bg_header.jpg) bottom right no-repeat}
#header .row2 .col1 div {padding:0 0 0 60px}
#header .row2 .col1 .title {margin:142px 0px 0 0px}
#header .row2 .col2 {width:181px}
#header .row2 .col2 .indent {margin:101px 0 0px 0px}
#menu {position:relative; top:101px}

/*content*/
#content {width:770px; height:352px; background:#FFFFFF}

/*index*/
#index #content .row1 {height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#index #content .row2 {height:342px}
#index #content .row2 .col1 {width:21px}
#index #content .row2 .col2 {width:233px}
#index #content .row2 .col2 .title {margin:0 0 25px 0px}
#index #content .row2 .col3 {width:516px}
#index #content .row2 .col3 .box1 {height:196px; color:#91908d}
#index #content .row2 .col3 .box1 div {padding:30px 59px 15px 28px}
#index #content .row2 .col3 .box1 p {margin:23px 15px 0px 0px}
#index #content .row2 .col3 .box1 .indent {margin:17px 0px 0px 0px}
#index #content .row2 .col3 .box2 {height:136px}

/*webdesign*/
#webdesign #content .row1 {height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#webdesign #content .row2 {height:342px}
#webdesign #content .row2 .col1 {width:516px}
#webdesign #content .row2 .col1 .box1 {height:242px}
#webdesign #content .row2 .col1 .box1 div {padding:32px 25px 10px 60px}
#webdesign #content .row2 .col1 .box1 .title {margin:0px 0px 28px 0px}
#webdesign #content .row2 .col1 .box1 .title_1 {margin:13px 0px 0px 0px}
#webdesign #content .row2 .col1 .box1 p {margin:1px 15px 11px 0px}
#webdesign #content .row2 .col1 .box2 {height:100px}
#webdesign #content .row2 .col2 {width:233px}
#webdesign #content .row2 .col2 .box1 {height:314px}
#webdesign #content .row2 .col2 .box1 div {padding:34px 15px 10px 39px}
#webdesign #content .row2 .col2 .box1 .indent {margin:29px 0px 19px 0px}
#webdesign #content .row2 .col2 .box1 p {margin:4px 0px 12px 0px}
#webdesign #content .row2 .col2 .box2 {height:28px}
#webdesign #content .row2 .col3 {width:21px}

/*grafika*/
#grafika #content .row1 {height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#grafika #content .row2 {height:342px}
#grafika #content .row2 .col1 {width:516px}
#grafika #content .row2 .col1 div {padding:32px 20px 25px 60px}
#grafika #content .row2 .col1 .title {margin:0px 0px 25px 0px}
#grafika #content .row2 .col1 .title_1 {margin:26px 0px 25px 0px}
#grafika #content .row2 .col1 .indent {margin:20px 0px 0px 0px}
#grafika #content .row2 .col2 {width:233px}
#grafika #content .row2 .col2 .box1 {height:314px}
#grafika #content .row2 .col2 .box1 div {padding:34px 15px 10px 39px}
#grafika #content .row2 .col2 .box1 .title {margin:0px 0px 26px 0px}
#grafika #content .row2 .col2 .box1 .indent {margin:29px 0px 19px 0px}
#grafika #content .row2 .col2 .box1 p {margin:4px 0px 12px 0px}
#grafika #content .row2 .col2 .box2 {height:28px}
#grafika #content .row2 .col3 {width:21px}

#grafika .list {margin:10px 18px 10px 0; float:left}

/*reference*/
#reference #content .row1 {height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#reference #content .row2 {height:342px}
#reference #content .row2 .col1 {width:21px}
#reference #content .row2 .col2 {width:253px}
#reference #content .row2 .col2 .box1 {height:314px}
#reference #content .row2 .col2 .box1 div {padding:34px 15px 10px 39px}
#reference #content .row2 .col2 .box1 .title {margin:0px 0px 25px 0px}
#reference #content .row2 .col2 .box1 p {margin:4px 0px 18px 0px}
#reference #content .row2 .col2 .box2 {height:28px}
#reference #content .row2 .col3 {width:496px}
#reference #content .row2 .col3 div {padding:32px 50px 35px 28px}
#reference #content .row2 .col3 .title {margin:0px 0px 21px 0px}
#reference .adress {font-size:14px; font-weight:bold}
#reference ul {margin:0; padding:0; list-style-type:none}
#reference li {background:url(images/1_z1.gif)  center left no-repeat; background-position:0 7px; margin:0px; padding-left:9px;color:#91908d;line-height:18px}
#reference li a {color:#585858; text-decoration:underline}
#reference li a:hover {color:#585858; text-decoration:none}
#reference .nahled {border-color:#99c000; border-style:solid; border-width:1px; float:left; margin:0 21px 28px 0px}

#reference .dots {background: url(images/dots_bg.gif) center left repeat-x; width: 175px; height: 20px; display: block}
.describe {margin:5px 0 8px 0; color:#91908d}
#starsi {margin: 5px -21px 0 -28px; border-top: 1px #C2C2C2 dotted}

/*kontakt*/
#kontakt #content .row1 {height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#kontakt #content .row2 {height:342px}
#kontakt #content .row2 .col1 {width:516px}
#kontakt #content .row2 .col1 .box1 {height:238px; color:#91908d}
#kontakt #content .row2 .col1 .box1 div {padding:32px 0 0 60px}
#kontakt #content .row2 .col1 .box1 .title {margin:0px 0 28px 0px}
#kontakt #content .row2 .col1 .box2 {height:104px}
#kontakt #content .row2 .col2 {width:233px}
#kontakt #content .row2 .col2 .box1 {height:314px}
#kontakt #content .row2 .col2 .box1 div {padding:34px 15px 10px 39px}
#kontakt #content .row2 .col2 .box1 .title {margin:0px 0px 26px 0px}
#kontakt #content .row2 .col2 .box1 .indent {margin:19px 0px 19px 0px; border-color:#99c000; border-style:solid; border-width:1px}
#kontakt #content .row2 .col2 .box1 p {margin:4px 0px 12px 0px}
#kontakt #content .row2 .col2 .box2 {height:28px}
#kontakt #content .row2 .col3 {width:21px}

/*mailform*/
form {margin-top: 30px;}
.putin {width: 150px; border: 1px solid #7d7b7b; font: 11px Tahoma, Arial, Helvetica, sans-serif, Verdana; color: #585858; background-color: #ffffff; padding-bottom: 2px;}
.areatext {width: 180px; height: 50px; border: 1px solid #7d7b7b; font: 11px Tahoma, Arial, Helvetica, sans-serif, Verdana; color: #585858; background-color: #ffffff; overflow: auto; margin: 0; padding-bottom: 2px;}
.button {background-color: #99c000; width: 51px; height: 21px; font: 11px Tahoma, Arial, Helvetica, sans-serif, Verdana; color: #585858; font-weight: normal; padding: 0 0 4px 1px; border-width: 0px; cursor: pointer;}

/*personal*/
#personal #content .row1 {height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#personal #content .row2 {height:342px}
#personal #content .row2 .col1 {width:21px}
#personal #content .row2 .col2 {width:233px}
#personal #content .row2 .col2 .box1 {height:314px}
#personal #content .row2 .col2 .box1 div {padding:34px 20px 17px 39px}
#personal #content .row2 .col2 .box1 .title {margin:0px 0px 25px 0px}
#personal #content .row2 .col2 .box2 {height:28px}
#personal #content .row2 .col3 {width:262px}
#personal #content .row2 .col3 div {padding:32px 0 0 28px}
#personal #content .row2 .col3 .indent {margin:28px 0 19px 0px}
#personal #content .row2 .col4 {width:233px}
#personal #content .row2 .col4 .box1 {height:314px}
#personal #content .row2 .col4 .box1 div {padding:34px 15px 17px 39px}
#personal #content .row2 .col4 .box1 .title {margin:0px 0px 26px 0px}
#personal #content .row2 .col4 .box2 {height:28px}
#personal #content .row2 .col5 {width:21px}
#personal .uvozovky {font-size:18px; font-family:Times; color:#7d7b7b; line-height:13px}

#personal .list {margin:0 0 10px 0}
#personal .dots {background: url(images/dots_bg.gif) center left repeat-x; width: 155px; height: 20px; display: block}

/*page7*/
#page7 #content .row1 {height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
#page7 #content .row2 {height:342px; width:770px; color:#91908d}
#page7 #content .row2 div {padding:32px 43px 10px 60px}

/*footer*/
#footer {width:770px; height:59px}
#footer .row1 {height:5px; background:url(images/bg_foot.gif) top left repeat-x}
#footer .row2 {height:54px; background:#919190; color:#FFFFFF; font-size:10px}
#footer .row2 div {padding:19px 0 2px 61px}
#footer .row2 .indent {margin:0 15px 0 15px}
#footer .row2 div a {color: #FFFFFF; text-decoration: none; border-bottom: 1px dotted #FFFFFF}
#footer .row2 div a:hover {color: #FFFFFF; text-decoration: none; border-bottom: 0px dotted #FFFFFF}