/* ----------------------------------------------------- */ /* -------------------->>> CONTENT <<<------------------ */ /* ----------------------------------------------------- */ h1 { color: #6baf44; font-size: 24px; font-weight: bold; margin-bottom: 14px; position:relative; top:-5px; } h2 { color: #6baf44; font-size: 24px; font-weight: bold; margin-bottom: 12px; } h3 { color: #1a1b1a; font-size: 14px; font-weight: bold; margin-bottom: 10px; } p { line-height: 1.5em; text-align: left; margin-bottom: 24px; } p.p_center { text-align: center; } p.green { font-size: 16px; color: #72bf44; margin-bottom: 12px; } p.img_text { color: #f26522; font-style: italic; padding-top: 35px; } img {} img.img_left { float: left; margin: 0 10px 24px 0; } .img_png { float: left; } ul.list { list-style: none; margin-bottom: 28px; } ul.list li { background: url(../layout/list_arrow.gif) left no-repeat; padding: 0 0 8px 11px; } ul.list li a,ul.list li a:hover { color: #1a1b1a; } #content form { } #content fieldset { border-style: none; } #content label {} input.text { width: 305px; padding: 8px 10px; margin: 5px 0; background: #fff; border: 1px solid #b6c0a6; font-size: 12px; color: #52381a; font-weight: bold; } input.button { width: auto; padding: 0; margin: 0; text-align: left; border: none; background: #a6a141; cursor: pointer; color: #008061; font-size: 12px; } textarea { width: 305px; height: 145px; padding: 8px 10px; margin: 5px 0 5px; background: #fff; border: 1px solid #b6c0a6; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #52381a; } select { width: 325px; padding: 8px 10px 8px 10px; margin: 4px 0; background: #fff; border: 1px solid #b6c0a6; font-size: 11px; color: #52381a; font-weight: bold; } /* ---------------------------------------------------------- */ /* -------------------------- table ------------------------- */ /* ---------------------------------------------------------- */ table { border-collapse:collapse;} table { width: 100%; border-collapse: collapse; margin-bottom: 12px; } table tr td { padding: 10px 12px; background: #fff; vertical-align: top; line-height: 20px; } table tr td.first, table tr.head td.first, table tr.darker td.first { padding-left: 15px; background-image: url(../images/tab_line.gif); background-position: left; background-repeat: repeat-y; } table tr td.last, table tr.darker td.last { background-image: url(../images/tab_line.gif); background-position: right; background-repeat: repeat-y; border-right: none; } table tr.darker td { background: #f1f8fa; } table tr.head td { background: #67b13d url(../layout/home_tab_head.gif) top repeat-x; height: 40px; padding-top: 0; padding-bottom: 0; color: #fff; font-weight: bold; vertical-align: middle; } table tr.head td a { color: #fff; } table tr.head td.first { background: #0d66a5 url(../images/tab_head_left.gif) left no-repeat; } table tr.head td.last { background: #0d66a5 url(../images/tab_head_right.gif) right no-repeat; } table tr.foot td { background-image: url(../images/tab_line.gif); padding-bottom: 15px; background-position: bottom; background-repeat: repeat-x; } table tr.foot td.first { background-image: url(../images/tab_foot_left.gif); background-position: left bottom; background-repeat: repeat-x; } table tr.foot td.last { background-image: url(../images/tab_foot_right.gif); background-position: right bottom; background-repeat: repeat-x; } table#pricelist { width: 100%; border-collapse: collapse; margin-bottom: 12px; } table#pricelist tr td { width: 100px; padding: 10px 12px; background: #fff; vertical-align: top; border-right: 1px solid #dadad9; line-height: 20px; } table#pricelist tr td.first, table#pricelist tr.head td.first, table#pricelist tr.darker td.first { padding-left: 15px; background-image: url(../images/tab_line.gif); background-position: left; background-repeat: repeat-y; } table#pricelist tr td.last, table#pricelist tr.darker td.last { background-image: url(../images/tab_line.gif); background-position: right; background-repeat: repeat-y; border-right: none; } table#pricelist tr.darker td { background: #f1f8fa; } table#pricelist tr.head td { background: #67b13d url(../layout/home_tab_head.gif) top repeat-x; height: 40px; padding-top: 0; padding-bottom: 0; color: #fff; font-weight: bold; vertical-align: middle; } table#pricelist tr.head td a { color: #fff; } table#pricelist tr.head td.first { background: #0d66a5 url(../images/tab_head_left.gif) left no-repeat; } table#pricelist tr.head td.last { background: #0d66a5 url(../images/tab_head_right.gif) right no-repeat; } table#pricelist tr.foot td { background-image: url(../images/tab_line.gif); padding-bottom: 15px; background-position: bottom; background-repeat: repeat-x; } table#pricelist tr.foot td.first { background-image: url(../images/tab_foot_left.gif); background-position: left bottom; background-repeat: repeat-x; } table#pricelist tr.foot td.last { background-image: url(../images/tab_foot_right.gif); background-position: right bottom; background-repeat: repeat-x; } /* ----------------------------------------------------- */ /* ---------------------->>> NEWS <<<------------------- */ /* ----------------------------------------------------- */ #news { float: left; width: 460px; } #news h2 { display: block; width: 75px; height: 20px; overflow: hidden; position: relative; } #news h2 span { display: block; width: 75px; height: 20px; position: absolute; top: 0; left: 0; background-image: url(../layout/h2_news.gif); } #news h3 { font-size: 13px; margin-bottom: 6px; } #news .img { float: left; width: 80px; height: 80px; padding-right: 10px; overflow: hidden; position: relative; } #news .img span { display: block; width: 80px; height: 80px; position: absolute; top: 0; left: 0; background: url(../layout/news_img.png) left top no-repeat; } #news a.old { float: right; display: block; width: 104px; height: 19px; padding-top: 18px; background: url(../layout/news_old.gif) left top no-repeat; text-decoration: none; text-align: center; font-weight: bold; color: #868684; } #news a.old:hover { text-decoration: underline; color: #868684; } #news .item{margin-bottom:24px;} #news .item p {margin-bottom:0;} /* ----------------------------------------------------- */ /* ---------------------->>> TIPS <<<------------------- */ /* ----------------------------------------------------- */ #home_tips { float: right; width: 240px; } #home_tips h2 { display: block; width: 174px; height: 21px; overflow: hidden; position: relative; } #home_tips h2 span { display: block; width: 174px; height: 21px; position: absolute; top: 0; left: 0; } #home_tips h2#h2_tips span { background-image: url(../layout/h2_tips.gif); } #home_tips h2#h2_online span { background-image: url(../layout/h2_online.gif); } /* ----------------------------------------------------- */ /* ----------------->>> HOME SERVICES <<<--------------- */ /* ----------------------------------------------------- */ #home_services { width: 980px; background: url(../layout/home_services_bg.gif) top left repeat-y; } #home_services .head { width: 980px; background: url(../layout/home_services_head.gif) top left no-repeat; } #home_services h2 { display: block; padding-left: 26px; height: 40px; margin-bottom: 14px; line-height: 40px; color: #fff; font-size: 11px; } #home_services .internet h2 { padding-left: 22px; } #home_services .phones h2 { padding-left: 20px; } #home_services ul { list-style: none;} #home_services ul li { margin-bottom: 8px; } #home_services .box { width: 178px; padding: 0 6px 20px 12px; float: left; } #home_services .box_last { width: 170px; } #home_services a { color: #1a1b1a; text-decoration: none; } #home_services a:hover { color: #71bf44; text-decoration: underline; } /* ----------------------------------------------------- */ /* --------------------->>> LANG <<<-------------------- */ /* ----------------------------------------------------- */ #contact { width: 234px; height: 411px; } /* ----------------------------------------------------- */ /* ------------------->>> SUPPORT <<<------------------- */ /* ----------------------------------------------------- */ #box_support { width: 234px; height: 143px; background: url(../layout/box_support.gif) left top no-repeat; position: relative; } #box_support h2 { display: block; width: 136px; height: 19px; overflow: hidden; position: absolute; top: 15px; left: 52px; font-size: 16px; color: #fff; font-weight: bold; } #box_support h2 span { display: block; width: 136px; height: 19px; position: absolute; top: 0; left: 0; background-image: url(../layout/box_support_h2.gif); } #box_support .img { float: left; width: 62px; height: 62px; padding-right: 10px; overflow: hidden; position: absolute; top: 56px; left: 11px; } #box_support .img span { display: block; width: 62px; height: 62px; position: absolute; top: 0; left: 0; background: url(../layout/box_support_img.png) left top no-repeat; } #box_support p { color: #fff; position: absolute; top: 56px; left: 84px; } #box_support strong.name { font-size: 12px; } #box_support strong.status { color: #2f5e14; } #box_support a.button { display: block; width: 100px; height: 20px; padding-top: 18px; background: url(../layout/box_support_button.gif) left top no-repeat; position: absolute; left: 118px; top: 88px; text-decoration: none; color: #fff; text-align: center; font-weight: bold; } #box_support a.button:hover { text-decoration: underline; color: #ffffff; } .back { width: 100%; position: relative; } .back a { position: absolute; top: -28px; right: 0; font-weight: bold; background: url(../layout/back.gif) left no-repeat; padding-left: 12px; text-decoration: none; } /* ----------------------------------------------------- */ /* -------------------->>> SUBNAV <<<------------------- */ /* ----------------------------------------------------- */ #subnav { width: 234px; margin-bottom: 15px; background: url(../layout/subnav.gif) left repeat-y; /*position: relative;*/ } #subnav .top { width: 234px; background: url(../layout/subnav_top.gif) left top no-repeat; } #subnav .bottom { width: 234px; min-height: 181px; background: url(../layout/subnav_bottom.gif) left bottom no-repeat; } #subnav h2 { display: block; width: 230px; height: 39px; overflow: hidden; /*position: relative;*/ color: #fff; margin-bottom: 0; padding-top: 10px; } #subnav h2 span { display: block; width: 230px; height: 39px; /*position: absolute; top: 10px; left: 0; */} #subnav h2.h2_servis_pc span { background: url(../layout/subnav_pc.png); } #subnav h2.h2_internet span { background: url(../layout/subnav_internet.png); } #subnav h2.h2_mobil span { background: url(../layout/subnav_mobil.png); } #subnav h2.h2_tv span { background: url(../layout/subnav_tv.png); } #subnav h2.h2_firmy span { background: url(../layout/subnav_firmy.png); } #subnav ul { padding: 0 0 10px 1px; width: 228px; list-style: none; } #subnav ul li { border-bottom: 1px solid #6bb341; } #subnav ul li.last { border-bottom: none; } #subnav a { display: block; width: 228px; padding: 8px 0; color: #fff; text-decoration: none; } #subnav a:hover,#subnav a.active { color: #20540b; text-decoration: none; font-weight: bold; background: #478e25; } #subnav ul li a span { display:block; padding-left: 24px; padding-right:5px; background: url(../layout/subnav_arrow.gif) 14px 4px no-repeat; } #subnav ul li a:hover span,#subnav ul li a.active span { display:block; padding-left: 36px; background: url(../layout/subnav_arrow_hover.gif) 22px 4px no-repeat; } /* ----------------------------------------------------- */ /* --------------------->>> BOX <<<--------------------- */ /* ----------------------------------------------------- */ .box_cnt { width: 729px; background: url(../layout/box.gif) left repeat-y; /*margin-bottom: 14px;*/ } .box_cnt .top { background: url(../layout/box_top.gif) left top no-repeat; } .box_cnt .bottom { padding: 12px 12px; background: url(../layout/box_bottom.gif) left bottom no-repeat; } .box_cnt p{ margin-bottom: 10px; } .box_cnt p.last { margin: 0; } .box_cnt a,.box a:hover { color: #1a1b1a; } /* #page_content { padding: 12px 24px 12px 0; line-height:140%;} #page_content p { margin:0 12px 12px 12px; line-height:140%;}*/ #page_content p { margin-bottom:12px; line-height:140%;} #page_content li {display: block; padding-left: 32px; background: url(../layout/pricelist_description.gif) 12px 6px no-repeat; list-style-type:none; line-height:140%;} /* ----------------------------------------------------- */ /* ------------------>>> SERVICES <<<------------------- */ /* ----------------------------------------------------- */ #services { padding-bottom: 28px; } #services .column_left { float: left; width: 359px; } #services .column_right { float: right; width: 359px; } #services .item { float:left; border-bottom: 1px solid #d0d0d0; padding: 12px 0; width: 359px; } #services .item-left { margin-right:10px; } #services a { display: block; width: 280px; height: 98px; padding: 15px 0 0 79px; overflow: hidden; text-decoration: none; position: relative; color: #1a1b1a; background: url(../layout/services_item.gif) right bottom no-repeat; } #services a strong { font-size: 13px;} #services a span.more { display: block; font-weight: bold; color: #868684; position: absolute; right: 18px; bottom: 9px; } #services a .img { position: absolute; left: 0; top: 9px;} #services a:hover { background: url(../layout/services_item_hover.gif); } #services a:hover strong { color: #6baf44; } #services a:hover span { color: #fff; } #services a strong { margin-left:10px; display:block;} #services .item p { margin-left:10px;} #services a .img { position: absolute; left: 5px; top: 9px;} /* ----------------------------------------------------- */ /* ------------------>>> PRICELIST <<<------------------ */ /* ----------------------------------------------------- */ /* #pricelist { width: 730px; margin-bottom: 24px; padding-top: 11px; background: url(../layout/pricelist_head.jpg) left top no-repeat; position: relative; } #pricelist table, table#pricelist_table { margin: 0; width: 730px; } table#pricelist_table { background:url(../layout/pricelist_head.jpg) left 0 no-repeat; position:relative; top:-11px;} #pricelist table tr td, table#pricelist_table tr td { background-color: #efefef; border: 1px solid #c4c4c3; vertical-align: middle; line-height: 16px; padding: 10px 10px; } #pricelist table tr.dark td, table#pricelist_table tr.dark td{ background-color: #e0e0e0; } #pricelist table tr td.service strong, table#pricelist_table tr td.service strong{ color: #3d711f; font-size: 13px; } #pricelist table tr td.description span, #pricelist table tr td.description li, table#pricelist_table tr td.description span, table#pricelist_table tr td.description li { display: block; padding-left: 17px; background: url(../layout/pricelist_description.gif) left 6px no-repeat; } #pricelist table tr td.description li, table#pricelist_table tr td.description li {list-style-type:none;} #pricelist table tr td.office, table#pricelist_table tr td.office { background-image: url(../layout/pricelist_office.gif); background-repeat: no-repeat; background-position: right bottom; text-align: center; color: #6baf44; font-size: 10px; } #pricelist table tr.dark td.office, table#pricelist_table tr.dark td.office{ background-image: url(../layout/pricelist_office_dark.gif); } #pricelist table tr td.office strong, table#pricelist_table tr td.office strong{ font-size: 14px; } #pricelist table tr td.customer, table#pricelist_table tr td.customer{ background-image: url(../layout/pricelist_customer.gif); background-repeat: no-repeat; background-position: right bottom; text-align: center; color: #171615; font-size: 10px; } #pricelist table tr.dark td.customer, table#pricelist_table tr.dark td.customer{ background-image: url(../layout/pricelist_customer_dark.gif); background-repeat: no-repeat; background-position: right bottom;} #pricelist table tr td.customer strong, table#pricelist_table tr td.customer strong{ font-size: 14px; } #pricelist table tr.head td, table#pricelist_table tr.head td { height: 50px; padding-top:0; padding-bottom: 0; background: none; border: none; } #pricelist table tr td.service, table#pricelist_table tr td.service { width: 183px; } #pricelist table tr td.description, table#pricelist_table tr td.description { width: 164px; } #pricelist table tr td.office, table#pricelist_table tr td.office { width: 150px; } #pricelist table tr td.customer, table#pricelist_table tr td.customer { width: 148px; } #pricelist table tr.head td.office, table#pricelist_table tr.head td.office { padding-left: 100px; padding-right: 0; width: 70px; color: #fff; font-weight: bold; font-size: 11px; text-align: left; } #pricelist table tr.head td.customer, table#pricelist_table tr.head td.customer { padding-left: 90px; padding-right: 0; width: 78px; color: #fff; font-weight: bold; font-size: 11px; text-align: left; } table#pricelist_table tr.head td {background:none; border:none; height:60px; padding-top:17px;} */ #pricelist { width: 730px; margin-bottom: 24px; position:relative; } #pricelist table, table#pricelist_table { margin: 0; width: 730px; } #pricelist table {} table#pricelist_table, #pricelist table { background:url(../layout/pricelist_head.jpg) left 0 no-repeat; } table#pricelist_table {position:relative; } #pricelist table tr td, table#pricelist_table tr td { background-color: #efefef; border: 1px solid #c4c4c3; vertical-align: middle; line-height: 16px; padding: 10px 10px; } #pricelist table tr.dark td, table#pricelist_table tr.dark td{ background-color: #e0e0e0; } #pricelist table tr td.service strong, table#pricelist_table tr td.service strong{ color: #3d711f; font-size: 13px; } #pricelist table tr td.description span, #pricelist table tr td.description li, table#pricelist_table tr td.description span, table#pricelist_table tr td.description li { display: block; padding-left: 17px; background: url(../layout/pricelist_description.gif) left 6px no-repeat; } #pricelist table tr td.description li, table#pricelist_table tr td.description li {list-style-type:none;} #pricelist table tr td.office, table#pricelist_table tr td.office { background-image: url(../layout/pricelist_office.gif); background-repeat: no-repeat; background-position: right bottom; text-align: center; color: #6baf44; font-size: 10px; } #pricelist table tr.dark td.office, table#pricelist_table tr.dark td.office{ background-image: url(../layout/pricelist_office_dark.gif); } #pricelist table tr td.office strong, table#pricelist_table tr td.office strong{ font-size: 14px; } #pricelist table tr td.customer, table#pricelist_table tr td.customer{ background-image: url(../layout/pricelist_customer.gif); background-repeat: no-repeat; background-position: right bottom; text-align: center; color: #171615; font-size: 10px; } #pricelist table tr.dark td.customer, table#pricelist_table tr.dark td.customer{ background-image: url(../layout/pricelist_customer_dark.gif); background-repeat: no-repeat; background-position: right bottom;} #pricelist table tr td.customer strong, table#pricelist_table tr td.customer strong{ font-size: 14px; } #pricelist table tr.head {height:60px;} #pricelist table tr.head td, table#pricelist_table tr.head td { height: 50px; padding-top:10px; padding-bottom: 0; background: none; border: none; } #pricelist table tr td.service, table#pricelist_table tr td.service { width: 183px; vertical-align:top; } #pricelist table tr td.description, table#pricelist_table tr td.description { width: 164px;vertical-align:top; } #pricelist table tr td.office, table#pricelist_table tr td.office { width: 150px; vertical-align:top;} #pricelist table tr td.customer, table#pricelist_table tr td.customer { width: 148px; vertical-align:top; } #pricelist table tr.head td.service, #pricelist table tr.head td.description, #pricelist table tr.head td.office, #pricelist table tr.head td.customer {vertical-align:middle;} #pricelist table tr.head td.office, table#pricelist_table tr.head td.office {position:relative; padding-left: 100px; padding-right: 0; width: 70px; color: #fff; font-weight: bold; font-size: 11px; text-align: left; } #pricelist table tr.head td.customer, table#pricelist_table tr.head td.customer { position:relative; padding-left: 90px; padding-right: 0; width: 78px; color: #fff; font-weight: bold; font-size: 11px; text-align: left; } table#pricelist_table tr.head {height:60px;} table#pricelist_table tr.head td {background:none; border:none; height:50px; padding-top:10px; margin-bottom:5px; vertical-align: middle; } /*hover*/ .find-us{position:relative; display:block; width:150px;} #shop_hover {display:none; text-align:left; font-size:10px;position:absolute; right:29px; bottom:36px; width:280px; padding:5px 10px 0 10px; background:#71BF44; color:black; } #shop_hover div {margin:0 0 10px 0; padding-top:5px; clear:both;} #shop_hover img {float:left; margin:0 5px 5px 0; padding:1px; border:1px solid black;} #pricelist table tr td.office #shop_hover strong {font-size:12px; display:block; margin:0 2px;} #shop_hover em {font-size:10px; display:block; font-weight:bold; font-style:normal;} #partners {text-align:center; padding:5px 0; border-top:1px solid #DADAD9; margin-top:10px; clear:both;} #partners img {margin:0 5px;}