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;}

 /*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}



/*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}



/*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}



/*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}



/*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}


/*mailform*/
.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;
}