/* ___| CSS document |_____________________ */


html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, menu, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
body	{ font-family: Arial, sans-serif; font-size: 12px; color: #4f4f4f; background: #d1e1ea url("../img/bg.png") repeat-x top; }
button, input.butt_small, input.butt_big, input.butt_big-blue { cursor: pointer; }
a img	{ border: 0; }
.none	{ display: none; }
.hidden	{ visibility: hidden; }
.clear	{ margin: 0; padding: 0; height: 0; overflow: hidden; clear: both; }


/* ___| container |_____________________ */


#container { margin: 0 auto; width: 980px; position: relative; }

#top { margin: 0; width: 100%; min-height: 270px; background: url("../img/bg_top.jpg") no-repeat center top; }


/* ___| header |_____________________ */


#header { margin: 0; width: 980px; height: 160px; background: url("../img/bg_menu.jpg") no-repeat bottom; float: left; clear: both; position: relative; }
#header h1 { margin: 0; left: 0; top: 0; width: 266px; height: 77px; overflow: hidden; background: none; display: block; position: relative; }
#header h1 a { width: 266px; height: 77px; color: #000; text-decoration: none; cursor: pointer; display: block; }
#header h1 span { left: 0; top: 0; width: 266px; height: 77px; background: url("../img/video-office.png") no-repeat; display: block; position: absolute; }

#header p#btn-top { margin: 0; position: absolute; top: 0; right: 125px; }
#header p#btn-top a { display: block; background: url("../img/btn-top.png") no-repeat bottom left; padding-top: 5px; width: 146px; height: 26px; text-align: center; color: #0d4151; text-decoration: none; position: relative; }
#header p#btn-top a span { width: 146px; color: #fff; position: absolute; top: 4px; left: 0; text-align: center; cursor: pointer; }
#header p#btn-top a:hover { padding-top: 10px; background-position: bottom right; }
#header p#btn-top a:hover span { top: 9px; }

#header p#path { margin: 0; color: #fff; font-size: 11px; position: absolute; top: 138px; left: 15px; }
#header p#path span { font-size: 10px; }
#header p#path a { margin: 0 4px; color: #fff; text-decoration: none; }
#header p#path a:hover { text-decoration: underline; }

#header p#basket { position: absolute; top: 135px; left: 806px; color: #296e8b; font-size: 11px; }
#header p#basket a { padding: 3px 0 0 36px; height: 15px; display: block; text-decoration: none; background: url("../img/bg_basket.png") no-repeat 0 0; color: #fff; }
#header p#basket a:hover { text-decoration: underline; }

#header ul { margin: 0; padding: 0; position: absolute; top: 60px; right: 14px; }
#header ul li { margin: 0 6px 0 0; list-style: none; display: inline; font-size: 11px; }
#header ul li a { color: #fff; text-decoration: none; }
#header ul li a:hover { text-decoration: underline; }

fieldset { margin: 0; padding: 0; position: absolute; top: 95px; left: 782px; border: none; }
fieldset input { margin: 2px 0 0 0; padding: 0; width: 115px; border: none; background: none; font-family: Arial, sans-serif; font-size: 12px; float: left; }
fieldset button { margin: 0; padding: 0 0 0 0; border: none; background: none; float: left; }


/* ___| menu |_____________________ */


menu { margin: 0; padding: 0 0 0 9px; float: left; clear: both; width: 971px; height: 52px; background: #1890b7 url("../img/bg_menu.jpg") no-repeat 0 -17px; position: absolute; top: 77px; left: 0; }
menu li { margin: 8px 0 0 0; padding: 0 0 0 14px; list-style: none; width: 91px; height: 33px; float: left; }
menu li a { margin: 0; padding: 13px 0 0 0; text-align: center; display: block; width: 76px; height: 20px; color: #0d4151; text-decoration: none; position: relative; }
menu li a span { width: 76px; color: #fff; position: absolute; top: 12px; left: 0; text-align: center; cursor: pointer; }
menu li a:hover { background: url("../img/bg_item.png") no-repeat; }
menu li a:hover span { color: #ff7316; }
menu li.now a { background: url("../img/bg_item.png") no-repeat; }
menu li.now a span { color: #ff7316; }


/* ___| main |_____________________ */


#main { margin: 0; padding: 20px 30px; min-height: 560px; width: 920px; background: #fff url("../img/bg_main-t.png") no-repeat; float: left; clear: both; }

/*#main h1 { margin: 0 0 30px 0; padding: 0 0 6px 35px; font-size: 21px; color: #ed7e1a; border-bottom: 1px dotted #1095be; text-align: left; }
#main h1.tit-centr { text-align: center; padding-left: 0; margin-bottom: 40px; }
#main h2 { margin: 0 0 16px 0; font-size: 21px; color: #128db6; text-align: center; }*/

#main h1 { margin: 0 0 16px 0; font-size: 21px; color: #128db6; text-align: left; }
#main h2 { margin: 0 0 30px 0; padding: 0 0 6px 0; font-size: 21px; color: #ed7e1a; border-bottom: 1px dotted #1095be; text-align: left; }
#main h2.tit-centr { text-align: center; padding-left: 0; margin-bottom: 40px; }
#main h2.padd-l { padding-left: 20px; }
#main h2.no-bor { padding: 20px 0 10px 20px; border-bottom: 0; }

#main h1 a { text-decoration: none; color: #128db6; }
#main h1 a:hover { text-decoration: underline; }
#main h3 { text-align: left; margin: 0 0 18px 0; color: #ed7e1a; font-size: 12px; text-align: left; }
#main h3.tit-top { margin: 9px 0 16px 0; padding-bottom: 6px; font-size: 12px; color: #ed7e1a; border-bottom: 1px dotted #1095be; text-align: center; }
#main h3.tit-cen { text-align: center; }
#main h5 { margin-bottom: 4px; font-size: 11px; color: #128db6; }
#main h5 a { text-decoration: none; color: #128db6; }
#main h5 a:hover { text-decoration: underline; }

#main p { margin-bottom: 10px; line-height: 130%; }
#main p.odk { position: absolute; bottom: 0; padding-top: 20px; line-height: 100%; font-size: 14px; padding-bottom: 12px; border-bottom: 1px dotted #1095be; text-align: center; clear: both; }
#main p.odk a { padding: 0 25px 0 0; color: #e1381f; text-decoration: none; background: url("../img/arr.png") no-repeat right 0; }
#main p.odk a:hover { text-decoration: underline; }
#main p.p_back { clear: both; text-align: right; }
#main p.p_back a { color: #128EB6; text-decoration: none; font-weight: bold; font-size: 21px; }
#main p.p_back a:hover { text-decoration: underline; }
#main p#text-1 { margin: 30px 60px 34px 0; font-size: 14px; text-transform: uppercase; text-align: right; }
#main p#text-2 { margin: 0 0 16px 0; font-size: 14px; text-align: center; }
#main p#text-2 span { color: #f01800; }
#main p.pages { text-align: center; font-weight: bold; color: #27768f; font-size: 11px; line-height: 15px; }
#main p.pages a { color: #27768f; text-decoration: none; vertical-align: bottom; line-height: 11px; }
#main p.pages a:hover { color: #000; }
#main p.pages a.big-arr { font-size: 19px; vertical-align: middle; padding: 0 3px; }
#main p.arch-rok { margin: 0 0 4px 0; }
#main p.arch-rok a { color: #128eb6; text-decoration: underline; }
#main p.arch-rok a:hover { text-decoration: none; }
#main p.arch-mesic { margin: 0; font-size: 11px; }
#main p.arch-mesic a { margin-right: 5px; color: #ed7e1a; text-decoration: none; }
#main p.arch-mesic a:hover, #main p.arch-mesic a.now { text-decoration: underline; }

#main p.btn { margin: 0 105px 0 0; float: right; }
#main p.btn a { padding-top: 1px; display: block; width: 187px; height: 39px; line-height: 40px; vertical-align: middle; color: #0d4151; text-decoration: none; position: relative; text-align: center; font-size: 14px; background: #67a434 url("../img/btn-prejit.png") no-repeat; }
#main p.btn a:hover { background: #67a434 url("../img/btn-prejit.png") no-repeat 0 -40px; }
#main p.btn a span { width: 187px; color: #fff; position: absolute; top: 0; left: 0; text-align: center; cursor: pointer; }
#main p.slim { float: none; margin: 16px 0 0 20px; }
#main p.slim a { width: 168px; height: 31px; line-height: 32px; background: #67a434 url("../img/btn-slim.png") no-repeat; }
#main p.slim a:hover { background: #67a434 url("../img/btn-slim.png") no-repeat 0 -32px; }
#main p.slim a span { width: 168px; }
#main p.long { float: none; margin: 0 0 20px 0; }
#main p.long a { width: 193px; height: 31px; line-height: 32px; background: #67a434 url("../img/btn-long.png") no-repeat; }
#main p.long a:hover { background: #67a434 url("../img/btn-long.png") no-repeat 0 -32px; }
#main p.long a span { width: 193px; }

.row { margin: 10px 0; padding-bottom: 52px; width: 920px; float: left; clear: both; position: relative; }
.row.pupek { margin: 10px 0 0 0; padding-bottom: 0; }
.row.pupek .box { padding-bottom: 52px; position: relative; }
.box { float: left; width: 289px; }
.cent { margin: 0 26px; }
.wide { margin-right: 26px; width: 605px; }
.no-padd { padding-bottom: 10px; }
#main .box p.odk { width: 289px; }
#main .wide p.odk { width: 605px; }
#main .no-bott p.odk { position: relative; bottom: auto; }
#main .box h2 { text-align: center; border: none; margin: 0 0 10px 0; }
#main .box h2 a { text-decoration: none; color: #128db6; }
#main .box h2 a:hover { text-decoration: underline; }

.box-dark { margin: 0; padding: 0; width: 289px; background: #f5f3d7 url("../img/bg_dbox-t.png") no-repeat top; }
.box-dark-in { margin: 0; padding: 11px 24px 6px 24px; width: 241px; }
.box-dark-b { margin: 0; padding: 0; width: 289px; height: 6px; font-size: 0; background: #f5f3d7 url("../img/bg_dbox-b.png") no-repeat top; }
#main .box-dark h2 { margin: 0 0 10px 0; }
#main .box-dark h3 { margin-bottom: 6px; }
#main .box-dark h3 a { padding-left: 15px; color: #128eb6; text-decoration: none; background: url("../img/arr-orange.png") no-repeat 0 3px; }
#main .box-dark h3 a:hover { text-decoration: underline; }

.col-left { margin: 0 30px 0 0; width: 224px; float: left; }
.col-right { margin: 0; width: 665px; float: left; }
.mar-l { margin: 0 0 0 30px; }
#main .col-left h2 { margin: 0 0 30px 0; padding-bottom: 6px; font-size: 21px; color: #ed7e1a; border-bottom: 1px dotted #1095be; text-align: center; }
#main .col-left h2.tit-blue { margin-bottom: 40px; color: #128db6; }


/* ___| kotakt |_____________________ */


.column { margin: 0 17px; width: 426px; float: left; }
#main .column h4 { color: #4f4f4f; font-size: 12px; border-bottom: 1px solid #231f20; padding: 0 0 4px 6px; margin-bottom: 10px; }
#main .column table { margin: 0 0 25px 0; padding: 0; border-collapse: collapse; border: none }
#main .column table th { text-align: left; font-weight: bold; padding: 3px 6px 5px 6px; }
#main .column table th.padd-t { padding-top: 16px; }
#main .column table td { padding: 3px 6px; }
#main .column table td.otext { color: #f0701b; font-weight: bold; width: 150px; vertical-align: top; }
#main .column table td a { color: #128db6; text-decoration: underline; }
#main .column table td a:hover { text-decoration: none; }
#main .column table td span { color: #ff0000; padding-left: 2px; }
#main .column table td.otext span { font-size: 11px; color: #4f4f4f; font-weight: normal; padding: 0; } 
#main .column table td b { color: #59c701; }
#main .column table td label { padding: 0; text-align: right; font-size: 11px; color: #4f4f4f; }
#main .column table td.lab { text-align: right; }
#main .column table td input { width: 130px; border: 1px solid #d8d8d8; padding: 3px; }
#main .column table td textarea { width: 342px; height: 70px; border: 1px solid #d8d8d8; padding: 3px; }
#main .column table td a.btn { padding-top: 1px; display: block; vertical-align: middle; color: #0d4151; text-decoration: none; position: relative; text-align: center; font-size: 14px; width: 168px; height: 31px; line-height: 32px; background: #67a434 url("../img/btn-slim.png") no-repeat; float: right; margin-right: 9px; }
#main .column table td a:hover.btn { background: #67a434 url("../img/btn-slim.png") no-repeat 0 -32px; }
#main .column table td a.btn span { width: 168px; color: #fff; position: absolute; top: 0; left: 0; text-align: center; cursor: pointer; padding-left: 0; }
#main .column p a { color: #128db6; text-decoration: none; }
#main .column p a:hover, #main .column p a.now { color: #128db6; text-decoration: underline; }


/* ___| clanky |_____________________ */


.col-left .clanky { margin: 0; padding: 0 4px; width: 216px; float: left; }
.col-left .clanky h4 { margin-bottom: 3px; color: #128eb6; font-size: 12px; }
.col-left .clanky h4 a { color: #128eb6; text-decoration: none; }
.col-left .clanky h4 a:hover { text-decoration: underline; }
.col-left .clanky p { margin: 0; padding-bottom: 30px; }
.col-left .clanky p.date { padding-bottom: 2px; font-size: 11px; color: #ed7e1a; }


/* ___| vyhledavani |_____________________ */


#main p.find { margin-bottom: 30px; padding: 0 0 10px 20px; font-weight: bold; color: #4f4f4f; border-bottom: 1px dotted #1095be; }
#main p.find span { color: #ef6000; }
.find-box { padding: 0 20px; }
#main .find-box p { font-size: 11px; margin-bottom: 20px; }


/* ___| zpravy |_____________________ */


.col-right .zprava { margin: 0 0 35px 0; padding: 0 5px 16px 20px; border-bottom: 1px dotted #1095be; width: 640px; float: left; clear: both; }
.col-right .zpr-r { margin: 0 0 0 15px; width: 445px; float: right; }
.col-right .zpr-r img { margin: 0 0 6px 10px; float: right; }
.col-right .zpr-l { margin: 0; width: 180px; float: left; }
#main .col-right .zpr-l h2 { margin: 0; text-align: left; font-size: 12px; color: #128eb6; border: none; padding: 0; }
#main .col-right .zpr-l h2 a { text-decoration: none; color: #128eb6; display: block; padding-left: 15px; background: url("../img/arr-list.png") no-repeat 0 2px; }
#main .col-right .zpr-l h2 a:hover { text-decoration: underline; }
#main .col-right .zpr-l p.date { padding: 10px 0 0 16px; font-weight: bold; color: #ed7e1a; font-size: 21px; }


/* ___| produkty |_____________________ */


.prod { margin: 0; padding: 24px 5px 24px 20px; border-bottom: 1px dotted #1095be; width: 640px; float: left; clear: both; }
.ptext { padding: 24px 5px 24px 0; width: 660px; border-bottom: 0; }
#main .prod h1 { margin: 0 0 16px 40px; font-size: 21px; color: #128db6; text-align: left; }
#main .prod h1.no-padd { margin: 0 0 16px 0; }
#main .prod h1 a { text-decoration: none; color: #128db6; }
#main .prod h1 a:hover { text-decoration: underline; }
#main .prod h1 span { color: #f01800; }
#main .prod h1.tit-r { margin: 30px 0 0 0; text-align: right; }
.prod .show-img { width: 160px; margin: 0; float: left; }
.prod-l { margin: 0; width: 410px; float: left; }
.prod-r { margin: 0 0 0 22px; width: 208px; float: left; }
.ptext .prod-l { width: 430px; }
.h-line { margin: 20px 0; width: 100%; clear: both; height: 0; font-size: 0; border-bottom: 1px dotted #1095be; }
#main .col-right .prod .prod-l h3 { margin-top: 20px; text-align: left; }

#main .prod-r p.price { margin: 0 0 2px 0; text-align: center; }
#main .prod-r p.price-num { margin: 0 35px 6px 0; text-align: right; color: #ed7e1a; }
#main .prod-r p.price-num span { color: #4f4f4f; font-size: 10px; }
#main .prod-r p.red-text { padding: 8px 0 0 0; color: #f01800; font-size: 11px; text-align: center; margin-bottom: 0; }
#main .prod-r p.kos { text-align: center; margin-top: 10px; }
#main .prod-r p.kos a { padding: 3px 0 4px 36px; height: 17px; text-decoration: underline; background: url("../img/ico-kos.png") no-repeat 0 0; color: #267690;  }
#main .prod-r p.kos a:hover { text-decoration: none;  }
#main .prod-r p.rtext { margin: 0 0 30px 20px; width: 142px; font-size: 11px; }
#main .prod-r p.rtext a { color: #4f4f4f; text-decoration: none; }
#main .prod-r p.rtext a:hover { color: #f0701b; }
#main .prod-r p.rtext span { padding-top: 7px; display: block; }
#main .pr-t { position: relative; margin-top: -55px; }

/*#main .col-right .prod h3 { margin: 0 0 16px 0; padding-bottom: 0; font-size: 12px; color: #ed7e1a; border: none; text-align: center; }*/
.col-sl { margin: 0; width: 200px; float: left; }
.col-sl img { margin: 0 5px 0 0; float: left; }
.centr-csl { margin: 0 20px; }
#main .col-sl h4 { margin-bottom: 10px; color: #128db6; font-size: 11px; }
#main .col-sl h4 a { color: #128db6; text-decoration: none; }
#main .col-sl h4 a:hover { text-decoration: underline; }
#main .col-sl p { margin: 0 0 5px 0; text-align: left; font-size: 11px; }
#main .col-sl p.price { text-align: right; font-size: 11px; }
#main .col-sl p.price b { color: #ed7e1a; }
#main .col-sl p.price span { font-size: 10px; }

.blue-box { margin: 0 0 8px 0; width: 207px; float: left; }
.bbox-in { margin: 0; padding: 16px 19px 6px 19px; width: 169px; background: #d9eef6 url("../img/bg_bbox-t.png") no-repeat 0 0; float: left; }
.bbox-b { margin: 0; width: 207px; height: 6px; font-size: 0; background: #d9eef6 url("../img/bg_bbox-b.png") no-repeat 0 0; float: left; }
#main .blue-box p { margin: 0 0 8px 0; float: left; clear: both; }
#main .blue-box p.price { float: none; text-align: right; margin-right: 8px; }
#main .blue-box p.price b { color: #ed7e1a; }
#main .blue-box p.price span { font-size: 10px; }
#main .blue-box label { float: left; }
#main .blue-box label.lab-ks { margin-top: 3px; }
#main .blue-box input { float: left; margin: 0 0 0 4px; }
#main .blue-box input.in-text { margin: 0 0 0 6px; width: 34px; border: 1px solid #9ca0a2; background: #fff; padding: 2px; font-size: 12px; color: #4f4f4f; font-family: Arial, sans-serif; }

#main p#right-ico { margin: 0; text-align: right; float: right; }
#main p#right-ico a { padding: 3px 0 3px 26px; margin-right: 7px; color: #f65b08; text-decoration: underline; }
#main p#right-ico a:hover { text-decoration: none; }
#main p#right-ico a.tisk { background: url("../img/ico-tisk.png") no-repeat 0 0; }
#main p#right-ico a.odkaz { background: url("../img/ico-odeslat.png") no-repeat 0 0; }

#main h2.acc_trigger { padding: 0; margin: 0 0 0 7px; border: none; text-align: left; background: url("../img/menu-t.png") no-repeat; height: 46px; width: 209px; font-size: 12px; font-weight: bold; float: left; }
#main h2.acc-last { background: url("../img/menu-b.png") no-repeat; }
#main h2.acc-mid { background: url("../img/menu-m.png") no-repeat; height: 39px; }
#main h2.page_24 { background: url("../img/bg_submenu-24.png") no-repeat!important; height: 46px; }
#main h2.page_25 { background: url("../img/bg_submenu-25.png") no-repeat!important; height: 42px; }
#main h2.page_26 { background: url("../img/bg_submenu-26.png") no-repeat!important; height: 36px; }
#main h2.page_27 { background: url("../img/bg_submenu-27.png") no-repeat!important; height: 50px; }
#main h2.acc_trigger a { color: #128eb6; text-decoration: none; display: block; height: 29px; padding: 17px 0 0 26px; }
#main h2.acc-mid a { height: 27px; padding: 12px 0 0 26px; }
#main h2.acc_trigger a:focus { outline: none; }
#main h2.acc_trigger a:hover { color: #09617e; }
#main h2.active { background-position: left bottom; }
#main h2 a.now{ color: #f0701b; }
.acc_container { margin: 0 0 0 7px; padding: 0; overflow: hidden; width: 209px; clear: both; background: #fff; }
.acc_container .block { padding: 12px 0 8px 0; background: url("../img/bg_block.png") no-repeat bottom; }
.acc_container ul { margin: 0 0 0 36px; padding: 0; }
.acc_container ul li { margin: 0 0 4px 0; list-style: none; font-size: 12px; }
.acc_container ul li a { color: #1789ac; text-decoration: none; }
.acc_container ul li a:hover, .acc_container ul li a.now { color: #e3590b; }

.right-b { margin: 30px 0 0 0; width: 200px; float: right; }
#main .prod .right-b p.sm-text { margin: 0 0 10px 20px; padding: 0; font-size: 11px; color: #ff0000; }
#main .prod .right-b p.sm-text span { color: #4f4f4f; }

.slide-box { margin: 0; width: 170px; padding: 2px; background: #fff; float: left; border: 1px dotted #1095be; }
#main .prod-r .slide-box p.rtext { margin: 0 0 20px 0; }
.slide-in { margin: 0; width: 142px; height: 630px; overflow: hidden; border: 14px solid #d9eef6; background: #d9eef6; }
.slide-bar { margin: 0 0 0 3px; width: 20px; height: 665px; padding-right: 3px; border-right: 1px dotted #1095be; position: relative; float: left; }
.slide-bar a span { display: none; }
.slide-bar a.bar-t { margin: 0; display: block; font-size: 0; width: 20px; height: 18px; background: url("../img/bar-t.png") no-repeat 0 -18px; }
.slide-bar a.bar-t:hover { background: url("../img/bar-t.png") no-repeat 0 0; }
.slide-bar a.bar-b { margin: 0; display: block; font-size: 0; width: 20px; height: 18px; position: absolute; bottom: 0; background: url("../img/bar-b.png") no-repeat 0 -18px; }
.slide-bar a.bar-b:hover { background: url("../img/bar-b.png") no-repeat 0 0; }
.bar { margin: 0; font-size: 0; width: 20px; height: 34px; position: absolute; cursor: pointer; top: 24px; background: url("../img/bar.png") no-repeat; }

#main .prod .prod-l ul { margin: 0 0 20px 0; padding: 0; width: 214px; float: left; }
#main .prod .prod-l ul.no-float { width: auto; float: none; }
#main .prod .prod-l ul li { margin-bottom: 5px; line-height: 140%; padding-left: 16px; list-style: none; background: url("../img/arr-list.png") no-repeat 0 3px; }
#main .prod .prod-l ul li a { color: #4f4f4f; text-decoration: none; }
#main .prod .prod-l ul li a:hover { color: #128eb6; }

.ybox { margin: 0 0 15px 0; width: 199px; float: left; clear: both; }
.ybox-t { margin: 0; width: 199px; height: 10px; font-size: 0; background: #f8f9de url("../img/bg_ybox-t.png") no-repeat; float: left; clear: both; }
.ybox-m { margin: 0; padding: 8px 18px 2px 18px; width: 163px; background: #f8f9de url("../img/bg_ybox-m.png") repeat-y; float: left; clear: both; }
.ybox-b { margin: 0; width: 199px; height: 10px; font-size: 0; background: #f8f9de url("../img/bg_ybox-b.png") no-repeat; float: left; clear: both; }
.ybox p a { color: #128db6; text-decoration: underline; }
.ybox p a:hover { text-decoration: none; }
.ybox h5 { font-size: 12px; text-align: center; margin-bottom: 10px; }
.ybox p span { color: #f0701b; }
#main .prod-r .ybox p.slim { margin: 15px 0 15px 0; }
#main .prod-r .ybox p.slim a { background: url("../img/btn-slim-y.png") no-repeat; }
#main .prod-r .ybox p.slim a:hover { background: url("../img/btn-slim-y.png") no-repeat 0 -32px; }
#main .ybox p { clear: both; }
#main .ybox p button { margin: 0 0 0 72px; border: none; text-align: center; width: 92px; height: 32px; color: #0d4151; position: relative; font-size: 14px; background: url("../img/btn-odeslat.png") no-repeat; }
#main .ybox p button:hover { background-position: bottom left; }
#main .ybox p button span { display: none; }
#main .ybox p.in-text input { margin: 0; width: 158px; border: 1px solid #9ca0a2; background: #fff; padding: 2px; font-size: 12px; color: #4f4f4f; font-family: Arial, sans-serif; }
#main .ybox p.in-text label { font-size: 11px;clear: both; float: left; margin-top: 6px;  }
#main .ybox p.chck label { margin: 2px 0 6px 6px; float: left; clear: right; }
#main .ybox p.chck label b { color: #f0701b; }
#main .ybox p.chck input { float: left; clear: left; }

.ylbox { margin: 0 0 15px 0; width: 199px; float: left; clear: both; }
.ylbox-t { margin: 0; width: 197px; padding: 0 1px; background: url("../img/bg_ylbox-t.png") no-repeat top; float: left; clear: both; }
.ylbox-m { margin: 0; padding: 15px 18px 0 18px; width: 161px; background:#fff; border: 1px solid #f7f5bd; border-bottom: none; float: left; clear: both; }
.ylbox-b { margin: 0; width: 199px; height: 10px; font-size: 0; background: #f8f9de url("../img/bg_ylbox-b.png") no-repeat; float: left; clear: both; }
#main .col-right .ylbox-t h5 { margin: 0; padding: 15px 18px 11px 18px; line-height: 120%; text-align: center; width: 161px; font-size: 11px; border-bottom: 1px solid #fff; }
.ylbox-m p { padding-bottom: 25px; font-size: 11px; clear: both; }
.ylbox-m p span { color: #ff0000; }
.ylbox-m p img { float: left; margin: 0 14px 0 0; }
.ylbox-m p a { color: #128db6; text-decoration: underline; }
.ylbox-m p a:hover { text-decoration: none; }

#main .prod p.img-desc { float: right; margin: 0 0 5px 20px; font-size: 11px; }
#main .prod p.img-desc span { padding-top: 6px; display: block; }


/* ___| footer |_____________________ */


#footer { margin: 0; padding: 36px 0 0 0; width: 980px; height: 80px; background: url("../img/bg_footer.png") no-repeat top; float: left; clear: both; }
#footer p { margin: 0 0 0 205px; width: 570px; padding-bottom: 19px; text-align: center; color: #fff; border-bottom: 1px dotted #5bb8d6; }
#footer p a { margin: 0 9px; color: #2cb1d6; text-decoration: underline; }
#footer p a:hover { text-decoration: none; }
#footer p#copy { margin: 0 0 0 205px; padding: 9px 0 0 0; color: #2CB1D6; border: none; }
#footer p#copy a { margin: 0; color: #2CB1D6; text-decoration: none; }
#footer p#copy a:hover { text-decoration: underline; }


#main .anketa_box { float: right; clear: none; width: 289px; padding-bottom: 0!important; }
#main .anketa_box h2 { font: bold 21px Arial; color: #128db6; text-align: center; margin: 27px 0 20px 0; border-bottom: none; padding: 0; }
#main .anketa_box h3 { font: bold 12px Arial; color: #ef6000; margin: 0 24px 12px 24px; }
#main .anketa_box form { float: left; clear: both; margin: 0 0 0 0; padding: 0 0 0 24px; width: 265; }
#main .anketa_box .line { width: 100%; float: left; clear: both; position: relative; height: 26px; }
#main .anketa_box .line span.radio { float: left; width: 22px; }
#main .anketa_box .line label { font: 12px/18px Arial; color: #4f4f4f; float: left; }
#main .anketa_box .line .progress { bottom: 3px; left: 20px; width: 175px; padding-right: 3px; height: 4px; position: absolute; }
#main .anketa_box .line .progress span { display: block; height: 4px; background: url(../images/anketa_progress.png) no-repeat top left; }
#main .anketa_box .line .progress span span.bg_right { display: block; width: 3px; height: 4px; background: url(../images/anketa_progress-right.png) no-repeat top left; float: right; margin-right: -3px; }
#main .anketa_box .line p.pct { float: right; width: 50px; font: 11px/18px Arial; color: #4f4f4f; margin: 0; }
#main .anketa_box button { margin: 20px 0 0 65px; float: left; clear: both; border: none; text-align: center; width: 133px; height: 34px; color: #0d4151; position: relative; font-size: 14px; background: url(../images/btn-anketa.png) no-repeat; }
#main .anketa_box button:hover { background-position: bottom left; }
#main .anketa_box button span { display: none; }