/* 22.06.12 ****************************************************************************************************************************************************************************************************************************************************/ body{ background:#e4e4e4;} #wrapper_header{ background:url(../images/header_bg2.jpg) repeat-x 0px 0px;} #header{ height:110px;} #center > h1, #center > h1 a{ font-size:18px; color:#a1a1a1; font-weight:normal; background:none; margin:0px 0px 10px 0px;} #center > h1 a.last{ color:#449d2b; font-weight:bold;} #left_colum{ float:left; width:745px; margin:0px 20px 0px 0px; background:url(../images/border1.jpg) repeat-x 0px 0px; padding:2px 0px 0px 0px;} .klient{ float:left; width:745px; margin:0px 20px 0px 0px; background:url(../images/border1.jpg) repeat-x 0px bottom; padding:2px 0px 4px 0px;} .klient > div{ float:left; width:735px; padding:5px;} .klient > div > a{ display:block; float:right; width:30px; height:110px; background:url(../images/more.png) no-repeat 15px center; margin:0px 0px 0px 8px;} .klient > div > a:first-child{ display:block; float:left; width:110px; height:110px; margin:0px 20px 0px 0px;} .klient > div > div{ float:left; width:567px;} .klient > div > div h2{ float:left; width:467px; font-weight:normal; font-size:16px; color:#59a742; position:relative; padding:0px 100px 20px 0px;} .klient > div > div h2 a{ color:#59a742;} .klient > div > div h2 span{ position:absolute; top:3px; right:0px; font-size:13px;} .klient > div > div p{ font-size:14px;} .klient:hover > div{ background:url(../images/klient_bg_h.png) repeat-y 0px 0px;} .page{ width:745px; text-align:center; float:left; padding:10px 0px 8px 0px; background:url(../images/border1.jpg) repeat-x 0px bottom;} .page table{ border-collapse:collapse; width:745px;} .page table tr td.left, .page table tr td.right{ width:115px;} .page table tr td.left a, .page table tr td.right a{ display:block; width:100px; height:20px; margin-top:5px; color:#8a8a8a;} .page table tr td.left a:hover, .page table tr td.right a:hover{ color:#bfbfbf;} .page table tr td.left a{ padding:0px 0px 0px 15px; text-align:left; background:url(../images/prev_page.png) no-repeat left 4px;} .page table tr td.right a{ padding:0px 15px 0px 0px; text-align:right; background:url(../images/next_page.png) no-repeat right 4px;} .page table tr td.left a:hover{ background:url(../images/prev_page_h.png) no-repeat left 4px;} .page table tr td.right a:hover{ background:url(../images/next_page_h.png) no-repeat right 4px;} .page table tr td a{ display:inline-block; margin:5px 2px; width:10px; height:10px; background:#bfbfbf;} .page table tr td a:hover, .page table tr td a.active{ background:#459d2b;} #last_news{ width:745px; float:left; margin:-2px 0px 10px 0px; background:url(../images/border1.jpg) repeat-x 0px top; padding:22px 0px 0px 0px;} #last_news > div{ float:left; width:208px; margin:0px 20px;} #last_news > div h2{ font-size:16px; margin:0px 0px 5px 0px;} #last_news > div p{ color: #797979; display: block; margin: 0 0 5px; max-height: 60px; overflow: hidden;} #last_news > div > span{ color:#393939; font-size:11px; float:left;} #last_news > div > a{ float:right; font-size:12px; color:#;} #news{ float:left; width:745px; background:url(../images/border1.jpg) repeat-x 0px bottom;} .news{ width:295px; display:inline-block; vertical-align:top; margin:12px 18px 25px 18px; background:#ececec; padding:20px;} *+html .news{ display:inline; zoom:1;} .news > div{ float:left; width:255px; padding:20px 20px 10px 20px; position:relative; background:#f8f8f8;} .news > div div{ width:255px; height:210px; overflow:hidden; float:left; background:url(../images/border1.jpg) repeat-x 0px bottom; margin:0px 0px 10px -20px; padding:0px 20px 5px 20px;} .news > div div a img{ float:left;} .news > div div h2{ font-size:16px; margin:5px 0px; float:left; width:100%;} .news > div div p{ float:left; margin:0px 0px 5px 0px;} .news > div > span{ float:left; font-size:11px;} .news > div > a.more{ float:right;} #news.open{ padding:20px 0px 10px 0px; background:none;} #news.open img{ padding:20px; background:#fff; float:left; margin:0px 20px 10px 0px;} #news.open h2{ font-size:18px; margin:0px 0px 10px 0px;} #news.open h2 span{ font-weight:normal; font-size:11px; padding:0px 0px 0px 20px;} #news.open p{ font-size:14px; margin:0px 0px 10px 0px;} #last_img{ width:745px; float:left; margin:-2px 0px 10px 0px; background:url(../images/border1.jpg) repeat-x 0px top; padding:22px 0px 0px 0px;} #last_img > div{ float:left; width:198px; margin:0px 20px; padding:5px; background:#f6f6f6;} #last_img > div h2{ font-size:16px; margin:0px 0px 5px 0px;} #last_img > div p{color: #797979; display: block; margin: 0 0 5px; max-height: 60px; overflow: hidden; width: 198px; height:60px;} #last_img > div > span{ color:#393939; font-size:11px; float:left;} #last_img > div > a{ float:right; font-size:12px; color:#;} #last_img a.more{ float:left;} #obor{ float:left; width:745px; padding:10px 0px;} #obor > div{ width:315px; display:inline-block; vertical-align:top; margin:12px 18px 25px 18px; background:url(../images/bg_bottom.jpg) repeat-x 0px bottom #ececec; padding:10px 10px 0px 10px; position:relative;float:left} #obor > div > span{ display:block; width:10px; height:10px; position:absolute; top:0px; left:0px; background:#a1a1a1;} #obor > div:hover > span{ background:#459d2b;} #obor > div:hover > div:first-child a{ color:#459d2b;} *+html #obor > div{ display:inline; zoom:1;} #obor > div > div:first-child{ float:left; width:275px; padding:20px; background:#f8f8f8; margin:0px 0px 10px 0px; height:165px; overflow:hidden;} #obor > div > div:first-child a{ float:left; margin:0px;} #obor > div > div:first-child a img{ float:left; margin:0px 0px 17px 0px;} #obor > div > div:first-child p{ color:#a1a1a1; font-size:16px; text-transform:uppercase; text-align:center; font-weight:bold;} #obor > div > div:first-child a{ padding:0px; width:275px; color:#a1a1a1; font-size:16px; text-transform:uppercase; text-align:center; font-weight:bold;} #obor > div > div{ float:left; width:315px; padding:10px 10px 0px 10px; background:url(../images/border1.jpg) repeat-x 0px top; margin:0px 0px 0px -10px; height:138px; overflow:hidden;} #obor > div > div p{ font-size:14px;} #obor > div > div > a{ float:left; width:315px; padding:12px 0px 9px 0px; text-align:center; color:#459d2b;} #obor > div > div > a:hover{ color:#414141;} #obor > div > div > div{ width:315px; height:102px; overflow:hidden;} #obor p { font-size: 14px;margin: 0px 0px 16px 0px;line-height: 20px;text-align: justify;text-shadow: 0 1px 1px #fff;} .obor{ float:left; width:745px; padding:10px 0px; background:url(../images/border1.jpg) repeat-x 0px bottom; font-size:14px;} .obor > a{ display:block; width:260px; height:260px; border:1px solid #fff; padding:5px; float:left; margin:0px 10px 10px 0px;} .obor > div{ float:left; width:463px;} .obor > div h2, .obor > div h2 a{ color:#59a742; font-size:18px; margin:0px 0px 10px 0px;} .obor > div p{font-size: 14px;margin: 0px 0px 16px 0px;line-height: 20px;text-align: justify;text-shadow: 0 1px 1px #fff;} .obor div table{ width:100%; float:left; border-collapse:collapse; margin:0px 0px 5px 0px;} .obor div table tr td{ padding:5px; border:2px solid #fff;} .obor div table tr td:first-child{ width:100px;} .obor div table tr td > span{ color:#000; text-transform:uppercase;} .obor.open div{ float:left; width:745px; text-align:left;} .obor.open div:first-child{ float:left; width:745px; text-align:center; margin:0px; background:none;} .obor.open div:first-child a{ display:inline-block; width:260px; height:260px; border:1px solid #fff; padding:5px; margin:0px 10px 10px 0px;} .obor.open h3{ color:#59a742; font-size:18px; margin:20px 0px 10px 0px; background:url(../images/border1.jpg) repeat-x 0px bottom; padding:0px 0px 10px 0px; float:left; width:100%;} .obor.open > table{ width:745px; float:left;} .obor.open > table tr td{ padding:2px 10px 2px 0px;} .obor.open > table tr td:first-child{ width:230px; vertical-align:top;} .obor.open > div{ float:left; width:745px; background:url(../images/border1.jpg) repeat-x 0px top; margin:10px 0px 0px 0px; padding:14px 0px 0px 0px;} #otziv{ float:left; width:745px; padding:10px 0px;} #otziv > a img{ float:left; margin:0px 10px 5px 0px;} #otziv > h2{ color:#59a742; font-size:18px; margin:0px 0px 10px 0px; font-weight:normal;} #otziv > p{ font-size: 14px;margin: 0px 0px 16px 0px;line-height: 20px;text-align: justify;text-shadow: 0 1px 1px #fff;} #otziv > h3{ width:745px; height:37px; padding:15px 0px 0px 0px; float:left; background:url(../images/otz_bg.jpg) no-repeat; color:#59a742; font-size:18px; text-align:center; margin:10px 0px; font-weight:normal;} #otziv > div{ float:left; width:745px;} #otziv > div a{ width:275px; display:inline-block; vertical-align:top; margin:12px 18px 25px 18px; background:url(../images/kubik_s.jpg) no-repeat 0px bottom #ececec; padding:30px;} #otziv > div a:hover{ background:url(../images/kubik_z.jpg) no-repeat 0px bottom #ececec;} #otziv > div a img{ float:left;} *+html #otziv > div a{ display:inline; zoom:1;} #sert{ float:left; width:745px; padding:10px 0px; background:url(../images/border1.jpg) repeat-x 0px bottom;} #sert > a img{ float:left; margin:0px 10px 5px 0px;} #sert > h2{ color:#59a742; font-size:18px; margin:0px 0px 10px 0px; font-weight:normal;} #sert > p{ font-size: 14px;margin: 0px 0px 16px 0px;line-height: 20px;text-align: justify;text-shadow: 0 1px 1px #fff;} #sert > h3{ width:745px; height:37px; padding:15px 0px 0px 0px; float:left; background:url(../images/otz_bg.jpg) no-repeat; color:#59a742; font-size:18px; text-align:center; margin:10px 0px; font-weight:normal;} #sert > div{ float:left; width:745px;} #sert > div a{ width:335px; display:inline-block; vertical-align:top; margin:12px 18px 25px 18px; color:#8a8a8a;float:left;} #sert > div a span{ width:275px; height:130px; padding:30px; background:url(../images/kubik_s.jpg) no-repeat 0px bottom #ececec; display:block; float:left; margin:0px 0px 5px 0px; position:relative; overflow:hidden;} #sert > div a span img{ position:absolute; top:30px; left:30px;} #sert > div a:hover{ color:#59a742; text-decoration:underline;} #sert > div a:hover span{ background:url(../images/kubik_z.jpg) no-repeat 0px bottom #ececec;} #sert > div a img{ float:left;} *+html #sert > div a{ display:inline; zoom:1;} #sert > ul {line-height: 2em;padding: 5px 20px 5px;} #contact{ float:left; width:745px; padding:10px 0px; font-size:14px; color:#8a8a8a; line-height:1.5;} #contact > div{ float:left; width:745px; padding:10px 0px; background:url(../images/border1.jpg) repeat-x 0px top; margin:10px 0px 0px 0px;} #contact > div > div{ width:371px; float:right;} #contact > div > div h3{ font-weight:normal; font-size:18px; background:url(../images/border1.jpg) repeat-x 0px bottom; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; text-align:center; color:#414141;} #contact > div > div form div{ float:left; width:371px; margin:0px 0px 10px 0px;} #contact > div > div form div label{ float:left; margin:3px 9px 0px 0px; font-size:13px; font-family:Calibri, Arial, Helvetica, sans-serif; color:#959494; padding:0px 0px 0px 4px; width:86px;} #contact > div > div form div input{ border:0px; width:264px; height:16px; padding:4px; background:url(../images/inp.png) no-repeat; float:right; font-size:13px; font-family:Calibri, Arial, Helvetica, sans-serif; color:#959494;} #contact > div > div form textarea{ border:0px; width:363px; height:74px; padding:4px; background:url(../images/textarea.png) no-repeat; font-size:13px; font-family:Calibri, Arial, Helvetica, sans-serif; color:#959494; margin:0px 0px 10px 0px;} #contact > div > div form > input{ border:0px; width:208px; padding:4px 0px 5px 0px; background:url(../images/submit.png) no-repeat; float:right; font-size:14px; color:#fff; text-align:center; margin:0px 81px 0px 0px;} #contact > div > div form > input:hover{ background:url(../images/submit_h.png) no-repeat;} #contact > div > div:first-child{ width:250px; float:left;} #contact > div > div:first-child div{ float:left; width:250px; margin:0px 0px 40px 0px; color:#414141;} #contact > div > div:first-child div h3{ font-weight:normal; font-size:18px; background:url(../images/border1.jpg) repeat-x 0px bottom; padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; text-align:left;} #contact > div > div:first-child div p{ font-size:16px;} #contact > div > div:first-child div p span{ color:#bababa;} #contact > div > div:first-child div p a{ text-decoration:none;} #contact > div > div:first-child div p a:hover{ color:#449d2b;} #right_colum{ float:right; width:235px;} #right_ban{ float:left; border:5px solid #f6f6f6; width:225px;} #right_ban > img{ float:left;}