/* --- EDISON GROUP | CLEON-MEDIA | 2008 --- */ /* --- HTML --- */ *{ margin: 0; padding: 0;} body{font-family: Arial; color: #fff; font-size:100.01%; background: #000} html, body{height: 100%;} table, th, td {font-size:100%; border-collapse: collapse;} table,img {border:0;} a{color: #fff; text-decoration: underline;} a:hover{text-decoration: none;} h1{font-size: 200%; color: #ffbf00; margin-bottom: 12px; font-weight: normal;} h2{font-size: 140%;} h3{font-size: 130%;} h4{font-size: 1.1em;} p{margin-bottom: 14px;} .green{color: #35a845;} .red{color: #c42b0c;} .grey{color: #bfc2c6;} .pink{color: #c79cb7;} ul{ margin: 0 0 12px 16px; } .clear{clear: both;} .padding{padding-left: 25px;} img.png {behavior: url("/images/png.htc"); } #main{position:relative; min-height:100%; margin: 0; min-width: 997px; max-width: 1700px; background: #577d16 url(../images/bg_footer.gif) repeat-x 0 100%; font-size: 0.8em;} /*For IE*/* html #main{width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 1701 ? "1700px" : (((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 1000 ? "997px" : "100%")); height:100%;} /*--- TOP ---*/ div#logo{position: absolute; top: 37px; left: 85px;} div#bg{height: 400px;} div#bg div{ background-position:0 0; height: 100px; background-repeat: no-repeat;} #bg_01{ background-image: url(../images/bg_1_1.jpg);} div#main.night #bg_01{ background-image: url(../images/bg_2_1.jpg);} #bg_02{ background-image: url(../images/bg_1_2.jpg);} div#main.night #bg_02{ background-image: url(../images/bg_2_2.jpg);} #bg_03{ background-image: url(../images/bg_1_3.jpg);} div#main.night #bg_03{ background-image: url(../images/bg_2_3.jpg);} #bg_04{ background-image: url(../images/bg_1_4.jpg);} div#main.night #bg_04{ background-image: url(../images/bg_2_4.jpg);} div#menu_main{background: url(../images/bg_menu_main.jpg) no-repeat 0 0; height: 82px; position: absolute; z-index: 1; top: 330px; left: 316px;} div#menu_main_in{background: url(../images/bg_menu_main_in.jpg) no-repeat 100% 0; height: 82px; padding-right: 14px; float: left;} ul#menu_top{ margin: 0; padding: 0 0 0 28px; list-style: none;} ul#menu_top li{display: inline;} ul#menu_top li a{display: block; float: left; padding: 8px 20px 0 20px; height: 74px; color: #fff; font-size: 1.4em; background: url(../images/bg_menu.gif) repeat-x 0 -400px; margin-right: 6px;} div#main.night ul#menu_top li a{background-image: url(../images/bg_menu_n.gif);} ul#menu_top li a:hover, ul#menu_top li a.hover{ background-position: 0 1px; color: #000;} ul#menu_top li a.hover:hover{text-decoration: underline;} ul#menu_top li a strong{display: block; text-align: center; padding: 9px 0 0 0; background: url(../images/menu_in.gif) no-repeat 50% 0; font-weight: normal;} ul#menu_top li a:hover strong, ul#menu_top li a.hover strong{background: url(../images/menu_in_h.gif) no-repeat 50% 0; } /*--- CONTENT ---*/ div#content{ background: url(../images/bg_content_rep.gif) repeat-x 0 0; min-height: 420px;} div#main.night div#content{ background-image: url(../images/bg_content_rep_2.gif);} * html div#content{height: 420px;} div#content_in{background: url(../images/bg_content.jpg) no-repeat 0 0; min-height: 420px;} div#main.night div#content_in{background-image: url(../images/bg_content_2.jpg);} * html div#content_in{height: 420px;} div#content_in_2{ min-height: 420px; max-width: 1260px;} * html div#content_in_2{height: 420px;width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 1261 ? "1260px" : (((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 1000 ? "997px" : "100%"));} div#services{padding: 0 0 20px 70px; width: 505px; float: left; margin-top: 10px; position: relative;} div#services h1{margin-bottom: 18px;} ul#menu_left{list-style: none; padding: 0; margin: 0;} ul#menu_left li{display: inline;} ul#menu_left li a{display: block; padding: 28px 17px 0 17px; text-align: center; font-size: 1.4em; color: #fff; width: 191px; height: 61px; background-position: 0 0; background-repeat: no-repeat; background-image: url(../images/bg_menu_blocks.gif); float: left; margin: 0 21px 3px 0; line-height: 1em;} div#main.night ul#menu_left li a{background-image: url(../images/bg_menu_blocks_2.gif);} ul#menu_left li a:hover{ background-position: 0 -89px; text-decoration: underline;} ul#menu_left li a.menu_2{padding-top: 19px; height: 70px;} div#services_in{padding: 4px 0 20px 70px; width: 505px; float: left; margin-top: 10px; position: relative;} div#services_left{float: left; width: 250px;} div#services_right{float: left;} ul#menu_left_in{list-style: none; padding: 0; margin: 0; width: 246px;} ul#menu_left_in li{display: inline;} ul#menu_left_in li a{ display: inline; background: url(../images/bg_menu_2.gif) no-repeat 0 0; min-height: 10px; display: block;padding: 10px 24px 0 24px; text-align: left; width: 177px; font-weight: normal; font-size: 1em; height: 34px;} div#main.night ul#menu_left_in li a{background-image: url(../images/bg_menu_2_n.gif);} ul#menu_left_in li a:hover{background-position:0 -44px; text-decoration:none;} ul#menu_left_in li a:hover.hover{text-decoration: underline;} ul#menu_left_in li a.hover{background-position: 0 -44px; text-decoration:underline;} ul#podmenu{ list-style: none; margin: 0; padding: 12px 0 0 0; min-height: 84px;} * html ul#podmenu{height: 84px;} ul#podmenu li{display: inline;} ul#podmenu li a{color: #fff; background: url(../images/bg_podmenu_d.gif) no-repeat 0 -1px; display: block; margin-bottom: 3px;} ul#podmenu li a strong{font-weight: normal; padding: 5px 20px 8px 20px; display: block; width: 182px;} ul#podmenu li a.hover:hover, ul#podmenu li a.hover{ background: url(../images/bg_podmenu.gif) no-repeat 0 0; text-decoration: underline;} div#main.night ul#podmenu li a.hover:hover, div#main.night ul#podmenu li a.hover{background-image: url(../images/bg_podmenu_n.gif);} ul#podmenu li a:hover{ background: url(../images/bg_podmenu.gif) no-repeat 0 0; text-decoration: none;} div#main.night ul#podmenu li a:hover{background-image: url(../images/bg_podmenu_n.gif);} ul#podmenu li a:hover strong, ul#podmenu li a.hover strong{background: url(../images/bg_podmenu_b.gif) no-repeat 0 100%; cursor: hand; cursor: pointer;} div#main.night ul#podmenu li a:hover strong, div#main.night ul#podmenu li a.hover strong{background-image: url(../images/bg_podmenu_b_n.gif);} div#image_block{padding: 15px 0 0 0; position: relative; margin-left: -6px;} * html div#image_block{ height: 10px;} *:first-child+html div#image_block{ min-height: 10px;} div#image{background: url(../images/bg_photo.gif) no-repeat 0 0;} div#image_in{background: url(../images/bg_photo_b.gif) no-repeat 0 100%; width: 230px; padding: 10px 10px 12px 11px;} div#image_in img{ display: block;} div#numbers{padding-top: 5px; height: 16px;float: left; width: 180px; padding-left: 6px; position: absolute;} div#numbers a{ display: block; float: left; padding: 3px 0; background: #709039; margin-right: 1px; cursor: hand; cursor: pointer; width: 25px; text-align: center; margin-bottom: 1px;} div#lupa{ width: 55px; height: 39px; margin: -25px 0 0 175px; position: relative;} * html div#lupa a{ position: relative;} div#big_pic div#image{display: none;} div#big_pic div#image.hover_1{ display: block;} div#big_pic.hover_2 div.hover_2{ display: block !important;} div#big_pic.hover_3 div.hover_3{ display: block !important;} div#big_pic.hover_4 div.hover_4{ display: block !important;} div#big_pic.hover_5 div.hover_5{ display: block !important;} div#big_pic.hover_6 div.hover_6{ display: block !important;} div#big_pic.hover_7 div.hover_7{ display: block !important;} div#big_pic.hover_8 div.hover_8{ display: block !important;} div#big_pic.hover_9 div.hover_9{ display: block !important;} div#big_pic.hover_10 div.hover_10{ display: block !important;} div#big_pic.hover_11 div.hover_11{ display: block !important;} div#big_pic.hover_12 div.hover_12{ display: block !important;} div#big_pic.hover_13 div.hover_13{ display: block !important;} div#big_pic.hover_14 div.hover_14{ display: block !important;} div#big_pic.hover_15 div.hover_15{ display: block !important;} div#big_pic.hover_16 div.hover_16{ display: block !important;} div#big_pic.hover_17 div.hover_17{ display: block !important;} div#big_pic.hover_18 div.hover_18{ display: block !important;} div#big_pic.hover_2 div.hover_1, div#big_pic.hover_3 div.hover_1,div#big_pic.hover_4 div.hover_1,div#big_pic.hover_5 div.hover_1,div#big_pic.hover_6 div#image.hover_1,div#big_pic.hover_7 div.hover_1,div#big_pic.hover_8 div.hover_1,div#big_pic.hover_9 div.hover_1,div#big_pic.hover_10 div.hover_1,div#big_pic.hover_11 div.hover_1,div#big_pic.hover_12 div.hover_1,div#big_pic.hover_13 div.hover_1,div#big_pic.hover_14 div.hover_1,div#big_pic.hover_15 div.hover_1,div#big_pic.hover_16 div.hover_1,div#big_pic.hover_17 div.hover_1,div#big_pic.hover_18 div.hover_1{display: none !important;} div#mini_pics a.hover_1{text-decoration: none; background: none; cursor: text} div#mini_pics.hover_2 a.hover_2{text-decoration: none; background: none; cursor: text} div#mini_pics.hover_3 a.hover_3{text-decoration: none; background: none; cursor: text} div#mini_pics.hover_4 a.hover_4{text-decoration: none; background: none; cursor: text} div#mini_pics.hover_5 a.hover_5{text-decoration: none; background: none; cursor: text} div#mini_pics.hover_6 a.hover_6{text-decoration: none; background: none; cursor: text} div#mini_pics.hover_7 a.hover_7{text-decoration: none; background: none; cursor: text} div#mini_pics.hover_8 a.hover_8{text-decoration: none; background: none; cursor: text} div#mini_pics.hover_9 a.hover_9{text-decoration: none; background: none; cursor: text} div#mini_pics.hover_10 a.hover_10{text-decoration: none; background: none; cursor: text} div#mini_pics.hover_11 a.hover_11{text-decoration: none; background: none; cursor: text} div#mini_pics.hover_12 a.hover_12{text-decoration: none; background: none; cursor: text} div#mini_pics.hover_13 a.hover_13{text-decoration: none; background: none; cursor: text} div#mini_pics.hover_14 a.hover_14{text-decoration: none; background: none; cursor: text} div#mini_pics.hover_15 a.hover_15{text-decoration: none; background: none; cursor: text} div#mini_pics.hover_16 a.hover_16{text-decoration: none; background: none; cursor: text} div#mini_pics.hover_17 a.hover_17{text-decoration: none; background: none; cursor: text} div#mini_pics.hover_18 a.hover_18{text-decoration: none; background: none; cursor: text} div#mini_pics.hover_2 a.hover_1, div#mini_pics.hover_3 a.hover_1,div#mini_pics.hover_4 a.hover_1,div#mini_pics.hover_5 a.hover_1,div#mini_pics.hover_6 a.hover_1,div#mini_pics.hover_7 a.hover_1,div#mini_pics.hover_8 a.hover_1,div#mini_pics.hover_9 a.hover_1,div#mini_pics.hover_10 a.hover_1,div#mini_pics.hover_11 a.hover_1,div#mini_pics.hover_12 a.hover_1,div#mini_pics.hover_13 a.hover_1,div#mini_pics.hover_14 a.hover_1,div#mini_pics.hover_15 a.hover_1,div#mini_pics.hover_16 a.hover_1,div#mini_pics.hover_17 a.hover_1,div#mini_pics.hover_18 a.hover_1{ text-decoration: underline; background: #709039; cursor: hand; cursor: pointer;} div#lupa a{display: none;} div#lupa a.hover_1{ display: block;} div#lupa.hover_2 a.hover_2{ display: block !important;} div#lupa.hover_3 a.hover_3{ display: block !important;} div#lupa.hover_4 a.hover_4{ display: block !important;} div#lupa.hover_5 a.hover_5{ display: block !important;} div#lupa.hover_6 a.hover_6{ display: block !important;} div#lupa.hover_7 a.hover_7{ display: block !important;} div#lupa.hover_8 a.hover_8{ display: block !important;} div#lupa.hover_9 a.hover_9{ display: block !important;} div#lupa.hover_10 a.hover_10{ display: block !important;} div#lupa.hover_11 a.hover_11{ display: block !important;} div#lupa.hover_12 a.hover_12{ display: block !important;} div#lupa.hover_13 a.hover_13{ display: block !important;} div#lupa.hover_14 a.hover_14{ display: block !important;} div#lupa.hover_15 a.hover_15{ display: block !important;} div#lupa.hover_16 a.hover_16{ display: block !important;} div#lupa.hover_17 a.hover_17{ display: block !important;} div#lupa.hover_18 a.hover_18{ display: block !important;} div#lupa.hover_2 a.hover_1, div#lupa.hover_3 a.hover_1,div#lupa.hover_4 a.hover_1,div#lupa.hover_5 a.hover_1,div#lupa.hover_6 a.hover_1,div#lupa.hover_7 a.hover_1,div#lupa.hover_8 a.hover_1,div#lupa.hover_9 a.hover_1,div#lupa.hover_10 a.hover_1,div#lupa.hover_11 a.hover_1,div#lupa.hover_12 a.hover_1,div#lupa.hover_13 a.hover_1,div#lupa.hover_14 a.hover_1,div#lupa.hover_15 a.hover_1,div#lupa.hover_16 a.hover_1,div#lupa.hover_17 a.hover_1,div#lupa.hover_18 a.hover_1,div#lupa.hover_19 a.hover_1{display: none !important;} div#content_text{ margin-left:610px; padding: 10px 25px 0 0;} * html div#content_text{padding-right: 50px;} div#content_text p{text-indent: 0.9em;} div#content_text ul{list-style: none; padding: 0; margin: 0;} div#content_text ul li{ background: url(../images/ul_li.gif) no-repeat 0 0.6em; padding: 0 0 18px 32px;} div#clients{} div#clients img{display: block; float: left; margin: 0 4px 4px 0;} /* --- FOOTER --- */ #footer_block{height: 1px; clear: both; height: 1px;} #footer_m{ background: url(../images/bg_footer_f.gif) repeat-x 0 0; height: 150px;min-width: 997px; max-width: 1700px;} * html #footer_m{width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 1701 ? "1700px" : (((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 1000 ? "997px" : "100%"));} #footer_main{height: 150px; margin: 0; position: relative; background:#000; font-size: 1em; background: url(../images/bg_footer_in.jpg) no-repeat 290px 100%; min-width: 997px; max-width: 1260px;} /*For IE*/* html #footer_main{width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 1261 ? "1260px" : (((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 1000 ? "997px" : "100%"));} #footer{height: 150px; font-size: 0.75em; padding:0;} #footer a{ color: #ffbf00; text-decoration: underline;} #footer a:hover{ text-decoration: none;} div#telephone{padding: 0 0 0 70px; float: left;} div#telephone a{display: block; width: 241px;} div#telephone a.cleon{margin-left: 114px; margin-top: 20px; width: 100px;} div#contacts{ margin-left: 779px; padding: 30px 10px 0 0;} div#contacts table td{vertical-align: top; padding-bottom: 7px; padding-right: 4px;}