/* TAG CLASSES */ table, td, div, span, h1, h2, h3, h4, h5, h6, body, html, tr, th, ul, li, form { margin: 0px; padding: 0px; } html, body { width: 100%; height: 100%; } a img { border-width: 0px; } td { vertical-align: top; } /* UNIVERSAL CLASSES */ .hidden { display: none; } .pointer { cursor: pointer; } .float_left { float: left; height: 33px; } .absolute { position: absolute; } .clear_both { clear: both; } .clear_left { clear: left; } .err { color: #F30; font-weight: bold; } .number { font: 18px Verdana, Arial, Helvetica, sans-serif; color: #bd2000; } .sometitle { font: 18px Verdana, Arial, Helvetica, sans-serif; color: #555; } /* MAIN */ h1 { font: bold 19px Georgia, "Times New Roman", Times, serif; } h2 { font-size: 15px; } h4 { font-size: 13px; } a, a:visited, a:active { color: #bd2000; font: 14px Verdana, Arial, Helvetica, sans-serif; } a:hover { text-decoration: none; } #header { min-height: 100%; height: auto !important; height: 100%; margin: auto auto -377px auto; } #footer { height: 377px; margin: auto; position: relative; } #underfooter { height: 377px; width: 1000px; clear: both; } #contents { position: relative; } /* SITE */ html { background: #ed8404 url('/images/bg_top.jpg') repeat-x; } body { background: url('/images/bg_bot.jpg') repeat-x bottom; height: auto; } #headers { height: 243px; width: 1000px; position: relative; text-align: left; } #header { background: url('/images/bg.gif') repeat-y center; } #contents { background: url('/images/bg_header.jpg') no-repeat center top; } #footer { background: url('/images/bg_footer.jpg') no-repeat center; } #middle { width: 1000px; text-align: left; position: relative; overflow: hidden; min-height: 520px; } #copy { width: 1000px; position: relative; text-align: left; } #phones { position: absolute; right: 120px; top: 80px; color: #fff; font: 18px Verdana, Arial, Helvetica, sans-serif; background: url('/images/phone.jpg') no-repeat; padding-left: 50px; height: 50px; width: 100px; padding-top: 2px; } #mail { position: absolute; right: 128px; top: 130px; color: #fff; font: 11px Verdana, Arial, Helvetica, sans-serif; } #mail a { color: #ffba00; font: 11px Verdana, Arial, Helvetica, sans-serif; } #copyright { position: absolute; right: 128px; top: 148px; color: #fff; font: 11px Verdana, Arial, Helvetica, sans-serif; } #write_us { position: absolute; right: 140px; top: 105px; cursor: pointer; } #livetech { cursor: pointer; position: absolute; left: 437px; top: 20px; } #text_block { margin-left: 234px; padding-top: 54px; } #menu { float: left; width: 234px; padding-top: 54px; } #menu ul { list-style: none; padding-left: 100px; } #menu ul li { padding: 1px 0px; } #menu ul li a { color: #ffdf07; font: 17px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; } #menu ul li span { color: #ffdf07; font: 17px Verdana, Arial, Helvetica, sans-serif; } #menu ul li a:hover { text-decoration: underline; } #menu ul li a.act { text-decoration: underline; } #menu ul li ul { padding-left: 5px; } #menu ul li ul li a { color: #fff; font: 14px Verdana, Arial, Helvetica, sans-serif; } #menu ul li ul li a:hover { color: #dd0; text-decoration: none; } #menu ul li ul li a.act { background: url('/images/menu_active.gif'); text-decoration: none; } #menu ul li ul li a.act:hover { color: #fff; text-decoration: none; } #content { font: 13px Verdana, Arial, Helvetica, sans-serif; overflow: hidden; width: 99%; } #content_pad { padding: 0px 110px 0px 44px; } #content a { font-size: 13px; } #content h1.title, #content h2.title { color: #ad1300; font: bold 18px Georgia, "Times New Roman", Times, serif; padding-bottom: 10px; padding-left: 20px; width: 80%; } #main_block { padding-top: 20px; } span.title { color: #bd2000; } li.nostyle { list-style: none; } .vacancy { background: url('/images/dotted.jpg') repeat-x bottom left; padding: 10px 0px 20px; width: 605px; } .vacancy_title { color: #bd2000; font-weight: bold; padding-bottom: 10px; } .vacancy_bold { padding: 10px 0px; font-weight: bold; color: #555; font-size: 13px; } .vacancy_left { color: #9c8d8d; float: left; width: 200px; text-align: right; clear: right; } .vacancy_right { margin-left: 205px; } .contacts {} .contact_phones { padding: 10px 0px; } .contacts_left { float: left; width: 40px; } .contacts_right { margin-left: 40px; font: 18px Verdana, Arial, Helvetica, sans-serif; color: #555; } #seo div { width: 200px; float: left; } #seo .seo1 {} #seo .seo2 { padding-top: 7px; } #seo .seo3 { padding-top: 2px; } .seo_site { position: relative; clear: both; padding-bottom: 10px; overflow: hidden; } #content .seo_site a { font: 20px Georgia, "Times New Roman", Times, serif; } .seo_site .seo_name { float: left; width: 300px; clear: left; } .seo_site .seo_values { margin-left: 300px; clear: right; } .seo_site .seo_values div { width: 30px; float: left; padding-left: 16px; font-weight: bold; color: #555; } .seo_site .seo_google { background: url('/images/google.gif') no-repeat; } .seo_site .seo_rambler { background: url('/images/rambler.gif') no-repeat; } .seo_site .seo_yandex { background: url('/images/yandex.gif') no-repeat; } /* news */ .news { padding-bottom: 30px; } .news .news_date { color: #5b5252; font: 11px Verdana, Arial, Helvetica, sans-serif; padding-left: 20px; } .news .news_title { color: #ad1300; font: bold 14px Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; } .news .news_text { padding-top: 10px; font-size: 13px; } /*Листалка по страницам*/ .pages { clear: both; } /* Вперёд-назад */ #content .next-prev { font: 17px Tahoma, sans-serif; color: #555; float: right; } #content .next-prev li { display: inline; padding-left: .3em; } #content .next-prev a:link, #content .next-prev a:visited, #content .next-prev a:active { font: 17px Tahoma, sans-serif; color: #ad1300; } #content .next-prev a:hover { text-decoration: underline; } /* Список предыдущих страниц */ #content .nav-pages { padding: 1em 0 0; list-style: none; clear: both; } #content .nav-pages li { float: right; } #content .nav-pages a, #content .nav-pages em { font-size: 12px; margin-left: .1em; padding: .5em; display: block; background: #fff; border: 1px solid #fff; text-decoration: none; } #content .nav-pages a { border: 1px solid #beb1b1; color: #666; } #content .nav-pages em { font-weight: bold; font-style: normal; color: #fff; background: #999; border: 1px solid #beb1b1; } /* portfolio */ .portfolio_left, .portfolio_right { float: left; height: 155px; width: 300px; margin-bottom: 10px; } .portfolio_right { margin-left: 9px; } .portfolio_text { padding: 0px 10px 10px; color: #5b5252; font: 11px Verdana, Arial, Helvetica, sans-serif; } .portfolio_text a { font-weight: bold; text-decoration: none; } .portfolio_text a:hover { text-decoration: underline; } .portfolio_img img { border: 2px solid #FF9933; cursor: pointer; } #portfolio_link { padding: 5px; } #portfolio_link a { background-color: #FF6600; color: #fff; font-size: 14px; text-decoration: none; } #portfolio_link a:hover { text-decoration: underline; } #portfolio_text { padding: 10px 5px; } #portfolio_img { } * html .portfolio_adv { padding-left: 3px; } #portfolio_years { padding-left: 10px; padding-bottom: 10px; } #portfolio_years a { font: 30px Georgia, "Times New Roman", Times, serif; color: #888; } #portfolio_years a:hover { background: #FF6600; color: #fff; text-decoration: underline } #portfolio_years span { font: 30px Georgia, "Times New Roman", Times, serif; color: #888; text-decoration: none; } /* Slider */ a:focus { outline:none } .stripViewer .panelContainer .panel ul { text-align: left; } .slider-wrap { position: relative; width: 98%; } .csw { width: 100%; height: 460px; background: #fff; overflow: scroll; } .csw .loading { margin: 200px 0 300px 0; text-align: center; } .stripViewer { position: relative; overflow: hidden; margin: auto; width: 609px; height: 558px; clear: both; background: #fff; } .stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 100%; list-style-type: none; } .stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 609px; } .stripNav { margin: auto; } .stripNav ul { list-style: none; } .stripNav ul li { float: left; margin-right: 2px; } /* justdoit */ .justoid { float: left; padding: 10px 15px 30px; width: 270px; color: #bd2000; font: normal 14px Arial, Helvetica, sans-serif; } .justoid img { cursor: pointer; } .jdi_text { padding: 5px 20px 0px 0px; } .jdi_text div { text-align: right; padding: 5px 40px 20px 0px; } .jdi_text div a { text-decoration: none; } .jdi_text div a:hover { text-decoration: underline; } /* sIFR magic fonts */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-flash + div[adblocktab=true] { display: none !important; } .sIFR-hasFlash h1 { visibility: hidden; font-size: 25px; } .sIFR-hasFlash h3 { visibility: hidden; font-size: 12px; } .sIFR-hasFlash .sifr { visibility: hidden; } #slider { height:149px; width:600px; position:relative; z-index:14; margin:0 0 5px 0; padding-top: 20px; } #slider .billBoard { width:400px; height:139px; position:absolute; overflow:hidden; border-left: #f3f5f9 6px solid; background:#f3f5f9; display:block; cursor:pointer; cursor:hand; } #slider .billBoard .image { display:block; width:400px; height:139px } #slider .billBoard .mat { position:absolute; top:105px; left:0; height:34px; width:400px } #slider .billBoard .mat span { position:absolute; top:0; height:34px; z-index:9; width:400px; background: #FF6600 0 0 no-repeat; filter: alpha(opacity=55); -moz-opacity: 0.55; opacity:0.55; } #slider .billBoard .text { position:absolute; top:9px; left:42px; z-index:10 } #slider .billBoard .bLeft { width:50px; height:50px } #slider .billBoardC { cursor:hand; cursor:pointer } #slider .billBoardC .image { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity:0.7 } #slider .billBoardC .mat { top:139px } /* form.php */ #form_div { padding-top: 10px; } #form_img { margin-left: 100px; margin-bottom: 18px; } #form_left { float: left; width: 204px; } #form_right { margin-left: 204px; } .form_input { padding-bottom: 8px; } #form .form_input input, #form .form_input textarea { border: 1px solid #7f9db9; font-size: 14px; color: #666; } .form_input_file { } #form .fields { height: 18px; } #form textarea { width: 377px; height: 137px; } .form_title { color: #bd2000; font: bold 13px Verdana, Arial, Helvetica, sans-serif; padding-bottom: 2px; } #form_submit { margin-top: 15px; background: url('/images/button.jpg') no-repeat; padding-bottom: 20px; } #form_submit input { border-width: 0px; width: 131px; background: none; color: #fff; height: 23px; font: bold 13px Verdana, Arial, Helvetica, sans-serif; cursor: pointer; } /* jquery validation */ .invalidInput { border: 1px dotted #F00; background: url('/images/bg_input.jpg') repeat-x; } .validInput { border: 1px dotted #FF0000; }