/* -------- Common styles -------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; } html, body { height: 100%; } * html #fon { height: 100%; } body { background: #2b514e url('../images/body_bg.png') top left repeat-x; font: normal 10px/100% Tahoma, Arial, Verdana; color: #333; } a { text-decoration: none; font-size: 1.1em; color: #004667; } a:hover { text-decoration: underline; color: #ffa800; } h1 { font-size: 1.5em; } h2 { font-size: 1.4em; } /* -------- main -------- */ div#fon { position: relative; min-height: 100%; float: left; width: 100%; background: url('../images/fon_bg.png') top left repeat; } div#main { width: 980px; margin: 0px auto; } .clear { clear: both; } /* |---------- header ---------- */ div#top_line { height: 30px; padding: 0px 15px; } div.top_linel { float: left; } div.top_liner { float: right; } div.top_linel a, div.top_liner a { color: #d5d5d5; line-height: 30px; } div.top_linel a:hover, div.top_liner a:hover { color: #fff; } div.top_linel span, div.top_liner span { color: #d5d5d5; margin: 0px 20px; } div#top_header { height: 4px; font-size: 0px; clear: both; } div.top_lc { width: 4px; height: 4px; float: left; background: url('../images/top_lc.png') center no-repeat; } div.top_rc { width: 4px; height: 4px; float: right; background: url('../images/top_rc.png') center no-repeat; } div.top_cc { width: 972px; height: 4px; float: left; background: #fff url('../images/top_cc.png') top left repeat-x; } div#header { position: relative; height: 96px; background: #fff url('../images/header_bg.png') top left repeat-x; } div.flags { position: absolute; top: 0px; right: 5px; } img.flag { filter: alpha(opacity=50); opacity: 0.5; top: 0px; margin-right: 5px; } img.flag:hover { filter:alpha(opacity=100); opacity: 1.0; } a.logo { display: block; width: 131px; position: absolute; top: 20px; left: 15px; height: 0px; float: left; color: #999; text-align: center; padding-top: 34px; } a.logo:hover { color: #999; text-decoration: none; } div.alphabet { width: 540px; margin: 0px auto; padding-top: 4px; text-align: center; } div.alphabet a { font-size: 1.2em; font-weight: bold; text-transform: uppercase; margin: 0px 5px; } div.alphabet a:hover { color: #004667; } div.search { width: 540px; height: 22px; margin: 0px auto; padding-top: 32px; } input.search_field { width: 304px; font: normal 1.1em/14px Tahoma; padding: 2px 3px; border: 1px solid #7e7e7e; color: #d8d8d8; float: left; height: 15px; background: url('../images/bg_inputtext.png') left; } select.cat_select { width: 184px; font: normal 1.1em/14px Tahoma; padding: 1px 3px; border: 1px solid #7e7e7e; margin: 0px 5px; } input.search_go { width: 30px; height: 20px; font: bold 1.3em/20px Tahoma; color: #d8d8d8; } div#top_menu { height: 28px; border-top: 2px solid #004667; border-bottom: 1px solid #d8d8d8; padding: 0px 20px; background: #f1f1f1 url('../images/menu_bg.png') top left repeat-x; } div#top_menu a, div#top_menu span { font: bold 1.1em/28px Tahoma, Arial; padding: 0px 0px 0px 15px; margin: 0px 10px 0px 5px; background: url('../images/menu_pip.gif') 5px 5px no-repeat; } div#top_menu span { color: #333; background: url('../images/black_pip.gif') 5px 5px no-repeat; } div.menu_point { height: 28px; float: left; background: url('../images/separator.png') right 5px no-repeat; } /*div#legend { height: 27px; background: #f1f1f1 url('../images/legend_bg.png') top left repeat-x; padding: 0px 10px; }*/ div#topads { padding:0; margin:0; height:90px; width:980px; background-color: #FFFFFF; text-align:center; } div#legend { background: #FFF url('../images/legend_bg.png') bottom left repeat-x; padding: 0px 10px; } div#legend a { color: #bdbdbd; line-height: 25px; margin: 5px; text-decoration: underline; } div#legend a:hover { text-decoration: none; color: #6e6e6e; } div#legend span { font: normal 1.1em/25px Tahoma; color: #6e6e6e; margin: 5px; } div#legend span.slash { color: #bdbdbd; margin: 0px; } /* |---------- content --------- */ div#content { background: #fff; padding: 15px 10px 10px; float: left; width: 960px; } div#left { float: left; width: 170px; } div#right { float: right; width: 170px; } div#left h2, div#right h2 { padding: 0px 0px 8px; margin: 0px 0px 10px; font-size: 1.2em; } div#central { margin: 0px 175px; } div#central h2 { clear: both; margin: 0px 0px 10px; color: #500000; line-height: 110%; } div#left .big, div#right .big { margin-bottom: 15px; } /* |-- |---------- left ---------- */ div.cat_menu h2 { border-bottom: 1px dashed #ffa800; } div.cats { padding: 0px 5px; } div.cats a, div.cats span { font: bold 1.1em/150% Tahoma, Arial; padding-left: 15px; background: url('../images/cat_pip.gif') 5px 50% no-repeat; } div.cats a { display: block; margin-top: 5px; } div.cats span { color: #ffa800; } div.news { padding: 0px 5px; margin-bottom: 8px; } div.news_block h2, div.news_archive h2 { border-bottom: 1px dashed #333; } div.news span.data { margin-left: 10px; } div.news span { font: normal 1.1em/120% Tahoma; } div.news a { display: block; margin: 3px 0px 4px; font-weight: bold; line-height: 120%; } div.news a:hover { color: #004667; } div.archive { position: relative; padding: 0px 5px; } a.arrowl { position: absolute; top: 5px; left: 10px; display: block; width: 12px; height: 9px; background: url('../images/arrowl.gif') center no-repeat; } a.arrowr { position: absolute; top: 5px; right: 10px; display: block; width: 12px; height: 9px; background: url('../images/arrowr.gif') center no-repeat; } div.archive div.month { text-align: center; font: normal 1.2em/18px Tahoma; color: #004667; } table.calendar { margin: 5px auto; } table.calendar td { width: 20px; height: 20px; text-align: center; font-size: 1.1em; } table.calendar td a { font: bold 1em Tahoma; } table.calendar td a:hover { color: #004667; } table.calendar tr.days td{ background-color: #d5d5d5; } table.calendar td.current { background-color: #333; } table.calendar td.current a { color: #fff; } table.calendar td.current a:hover { color: #fff; } /* |-- |---------- right ---------- */ div.brand_menu h2 { border-bottom: 1px dashed #bbdd00; } div.brends { padding: 0px 5px; } div.brends a { font: bold 1.1em/150% Tahoma, Arial; padding-left: 15px; background: url('../images/brend_pip.gif') 5px 50% no-repeat; display: block; margin-top: 5px; } /* |-- |---------- central ---------- */ div.fleft { float: left; } h1.title { text-align: center; line-height: 120%; color: #500000; margin: -4px 0px 10px; } div.intro, div.desc { font: normal 1.1em/160% Tahoma; background: #f7f7f7; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; padding: 5px; text-indent: 10px; margin: 0px 0px 10px; } div.intro div img { margin: 0 0 5px 5px; } div.desc { float: left; background: #fff; text-indent: 0px; border: 0px; } div.intro ul, div.desc ul { margin-left: 30px; } div.intro li, div.desc li { text-indent: 0px; list-style-image: url(../images/menu_pip.gif); } .pos { float: left; } img.thumbnail { width: 120px; height: 120px; float: left; margin: 5px 10px 10px 5px; border: 1px solid #f1f1f1; } div.brend_list { width: 582px; margin: 0px auto; } div.brend_inside { float: left; color: #9e9e9e; } div.brend_name { float: left; width: 175px; border: solid #fff; border-width: 0px 2px; padding: 3px 0px 3px 15px; background: url('../images/menu_pip.gif') 5px 8px no-repeat; } div.brend_name a { font: normal 1.2em/120% Tahoma; margin: 0px 5px 0px 0px; } div.os { border-bottom: 1px dotted #dadada; background: transparent url(../images/menu_pip.gif) 5px 8px no-repeat; float:left; padding: 3px 0px 2px 15px; width: 175px; margin: 5px 10px 5px 0px; } div.os a { font: normal 1.2em/120% Tahoma; margin-right: 5px; } div.color { /*background-color: #f1f1f1;*/ } div.another { margin-bottom: 20px; } div.another a{ font: normal 1.4em/180% Tahoma; text-decoration: underline; } div.another a:hover{ color: #004667; text-decoration: none; } .margin { margin: 0px 0px 25px; } div.ad { float: left; width: 100%; padding: 10px 0px; margin: 0px 0px 15px; text-align: center; } div.top_files { padding: 0px 5px; margin: 0px 0px 20px; width: 290px; } div.top_files a { font: normal 1.1em/150% Tahoma; padding: 0px 0px 0px 15px; background: url('../images/menu_pip.gif') 5px 50% no-repeat; display: block; margin-top: 7px; } div.top_files a.drivers, div.top_files a.firmwares, div.top_files a.manuals, div.top_files a.smanuals { background-repeat: no-repeat; background-position: 0px 0px; padding-left: 20px; display: block; line-height: 160%; margin: 5px 0; } div.top_files a.drivers {background-image: url(../images/icon_drivers.gif);} div.top_files a.firmwares {background-image: url(../images/icon_firmwares.gif);} div.top_files a.manuals {background-image: url(../images/icon_manuals.gif);} div.top_files a.smanuals {background-image: url(../images/icon_smanuals.gif);} div#bottom { height: 4px; font-size: 0px; clear: both; margin: 0 auto; width: 980px; } div.bottom_lc { float: left; width: 4px; height: 4px; background: url('../images/bottom_lc.png') center no-repeat; } div.bottom_rc { float: right; width: 4px; height: 4px; background: url('../images/bottom_rc.png') center no-repeat; } div.bottom_cc { float: left; width: 972px; height: 4px; background: #fff; } /* -------- footer --------- */ div#footer { clear: both; padding: 10px; font-size: 1.1em; color: #fff; width: 980px; margin: 0 auto; } div#footer a { color: #FFF; text-decoration: none; } div#footer span { margin-left:33%; } div#footer span a { text-decoration: none; font-size:0.9em; } /*---------select box-------------*/ div.autocomplete { position:absolute; width:400px; background-color:white; border:1px solid #ccc; margin:0px; padding:0px; font-size:0.8em; text-align:left; max-height:200px; overflow:auto; } div.autocomplete ul { list-style-type:none; margin:0px; padding:0px; } div.autocomplete ul li.selected { background-color: #3388CC; color: #fff; } div.autocomplete ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; color: #000; font-weight: normal; font-size: 11px; } .combo { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; padding: 2px 20px 2px 2px; display : block; text-align:left; background: url('../images/bg_select.png') right; cursor: pointer; border: 1px solid #7E7E7E; color:#000; float: left; margin: 0 5px; height: 15px; } .combo:hover, .combo: focus { border: 1px solid #808080; } div.comboOptions { position:absolute; background-color:white; border:1px solid #ccc; margin:0px; padding:0px; font-size:11px; text-align:left; max-height:200px; overflow:auto; } div.comboOptions ul { list-style-type:none; margin:0px; padding:0px; } .lihover { background-color: #EAF2FB; } div.comboOptions ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; } pre { border: 1px dashed #444; background-color: #EEE; color: #000; padding: 3px; font-size: 1em; } div.descr { margin-bottom: 15px; font: normal 12px/140% Tahoma, Arial, Verdana; } div.descr img { margin: 5px 5px 5px 0; } div.pages { margin: 20px 0; text-align: center; font: normal 12px/140% Tahoma, Arial, Verdana; } div.pages a { padding: 2px; } div.pages span, div.pages a:hover { padding: 2px; background-color: #004667; color: #FFF; text-decoration: none; } div.pages span { font-weight: bold; } /* -------------------------------------------- */ div.file_name { float: left; width: 100%; border: solid #fff; border-width: 0px 2px; padding: 3px 0px 3px 0px; /*background: url('images/menu_pip.gif') 5px 8px no-repeat;*/ } div.file_name a { font: bold 1.2em/120% Tahoma; margin: 0px 5px; } div.full_width { width: 100%; } div.color { background-color: #f1f1f1; } div.dotted_line { margin: 3px 5px; height: 1px; font-size: 0px; border-top: 1px dotted #ccc; } div.passport_file { margin: 0px 10px 10px 20px; } div.passport_file table td { font: normal 1.1em/120% Tahoma; color: #333; padding: 3px 5px; } table td.pf_left { width: 25%; vertical-align: top; } table td.pf_right { width: 75%; } table td.pf_langs img { vertical-align: middle; } table td.pf_langs a { font-size: 1.0em; font-weight: normal; text-decoration: underline; margin-left: 0px; } div.padding { padding: 4px; /*background: #f1f1f1 url('../images/menu_pip.gif') 8px 9px no-repeat; */ } /*----FILE PAGE----*/ p { font: normal 1.1em/160% Tahoma; } div.passport_file { position:relative; } div.advert_more { width: 100%; /*height: 100px; background: #eee; margin: 10px 0px 15px; text-align: center; line-height: 100px;*/ } div.file_name h3 { font-size: 1.3em; color: #500000; margin: 0px 5px; } div.border { border: 1px solid #ddd; } div.rate { font-size: 1.1em; color: #004667; padding-top: 8px; } div.superstar { float: left; width: 200px; height: 30px; margin-bottom: 6px; } span.rate_sum { font: bold 1.6em/30px Tahoma; color: #FFA800; margin-left: 6px; } div.comment_block { font: normal 1.1em/140% Tahoma; padding: 0px 5px 15px; } div.comment_one { margin-top: 15px; border: 1px solid #DDD; } div.comment_user_info { margin: 3px 0; padding: 3px 5px; background-color: #F1F1F1; clear: both; } div.comment_user_info img { vertical-align: middle; margin: 0 5px; } div.comment_user_info b { color: #500000; } div.comment_body { margin: 10px; } table.comment_form { font-size: 1.1em; margin: 0px 10px 10px; } table td.comment_left_td { width: 20%; } table td.comment_right_td { width: 80%; padding-right: 5px; } input.name { width: 100%; height: 20px; border: 1px solid #ccc; } textarea.message { width: 100%; height: 100px; border: 1px solid #ccc; } input.code { width: 100px; height: 20px; border: 1px solid #ccc; } img.captcha { width: 100px; height: 40px; margin-left: 10px; } input.submit { height: 24px; border: 1px solid #ddd; background-color: #eee; font: bold 1.2em/24px Tahoma; } .download_file { text-align: center; } .download_file a { text-decoration: underline; } .download_file a:hover { text-decoration: none; } .superstar a.w, .superstar a.b { display: block; float: left; height: 30px; width: 30px; margin: 0px; background-image: url('../images/star.jpg'); } .superstar a.w {background-position: 0px 0px;} .superstar a.b {background-position: 0px 30px;} #vote_qty {font-weight: bold;} img.file_img { position: absolute; top: 5px; right: 5px; width: 120px; height: 120px; } img.models_pip { vertical-align: 3px; margin-right: 6px; } a.file_more:link, a.file_more:visited, a.file_more:active { font: normal 1em/160% Tahoma; margin: 0px; padding-left: 15px; background: url(../images/menu_pip.gif) 5px 5px no-repeat; } /*-----------------*/ div.prog_block p { margin: 8px 0px 5px; } b.gray { font-size: 1.1em; } b.current { color: #fff; padding: 1px 3px; background: #004667; } ul.prog_list { margin: 15px 0px 10px 0px; } ul.prog_list li { list-style-type: none; } ul.prog_list h3 { font-size: 1.1em; padding-left: 10px; background: url(../images/menu_pip.gif) 0px 5px no-repeat; } div.desc_prog { font-size: 1.2em; line-height: 140%; margin: 8px 0px 12px 10px; } div.desc_prog span { font-size: 0.9em; color: #777; } div.page_rotator { font: normal 1em/120% Tahoma; } div.page_rotator a { padding: 2px; margin: 2px; } div.div_more_cat { font: normal 1em/140% Tahoma; margin: 20px 0px 10px; } table.more_cat td { width: 33%; } table.more_cat td ul { list-style-type: none; padding: 5px 5px 10px; } table.more_cat td ul li { line-height: 100%; padding: 3px 3px; } /*------------- articles ---------------*/ div.block { clear: left; margin: 10px 0px 0px; } a.a-title { display: block; margin: 0px 0px 0px; line-height: 120%; text-decoration: underline; } span.date { display: block; color: #888; font-size: 1.1em; line-height: 140%; margin: 2px 0px 4px; } span.article_text_pr { line-height: 140%; font-size: 1.1em; } a.readalso { line-height: 180%; } a.article_hypercontext { text-decoration: underline; font-size: 1.0em; } a.article_hypercontext:hover { text-decoration: none; } /*----------- news -----------*/ img.news_img { float: left; border: 1px solid #dadada; margin: 5px 8px 0px 0px; padding: 2px; } span.tire { margin: 0px 6px; } /*------------- search ---------------*/ /*------------- feedback ---------------*/ table.feedback { margin: 10px 0px 25px; } table.feedback td { padding: 8px 0px; border-bottom: 1px solid #f1f1f1; font-size: 1.2em; } table.feedback td.right input, table.feedback td.right textarea, table.feedback td.right select{ border: 1px solid #ccc; width: 100%; padding: 2px 0px 1px; } table.feedback td.right textarea { height: 120px; } table.feedback td.right input.code { width: 200px; height: auto; } table.feedback td.nopadtop { padding-top: 3px; } table.feedback td sup{ color: red; } img.code_img { margin-left: 10px; } input.fsubmit { font-weight: bold; background: #f1f1f1; border: 1px solid #ccc; padding: 2px 4px 1px; } .article_inner_adv_1 { float: left; margin: 0 5px 5px 0; } .article_inner_adv_2 { float: right; margin: 5px 0 5px 5px; } .menu_point_admin_logo { float: right; } .top_filesr { float: right; } .tr_display {display: none;} .td_display {display: block;} @media only screen and (max-width:480px) { body { font-size: 10px; } .search_field { float: none; margin-top: 40px; } .tr_display {display: table-row;} .td_display {display: none;} input.search_field{ width: 200px; margin-left: 10px; } div.search{ margin: 0; } #srcht{ display: none; } .search_go { margin-top: 40px; margin-left: 5px; } div.alphabet { float: none; margin: 0; width: 255px; height: 100px; margin-left: 7px; } div.alphabet a { float: left; margin-top: 5px; } div#header { height: 150px; } div#top_menu { float: none; padding-left: 0px; background:#fff; border:none; border-top: 2px solid #004667; height: 275px; } div#top_menu a { font-size: 13px;} div#top_menu a, div#top_menu span { background:url('../images/menu_pip.gif') 5px 7px no-repeat;} div.menu_point{ float: none; position: relative; z-index: 3; background: #f1f1f1 url('../images/menu_bg.png') top left repeat-x; width: 500px; height: 33px; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; padding-left: 0px;font-size: 13px; padding-top: 5px } .menu_point_admin_logo {float: left; padding-top: 5px; padding-bottom: 5px; } #topads {display: none;} div#legend { width: 50px;display: none;} div.fleft { width: 421px;float: left; } div#central { float: left; margin: 0; margin-top: 50px; width: 350px; margin-left: -170px; text-align: left; padding-right: 10px; } div#right{ float: none; margin-top: 370px; width: 500px; } div#left { width: 500px; } div.cats a{ float: left; width: 152px;margin-left: 10px; } div.cats { padding: 0px; } div.brends{ margin-top: 5px;padding: 0px; } div.brends a { float: left; width: 152px;margin-left: 10px; } .top_files { float: left; padding: 0; margin: 0; width: 0px; } div.top_files { margin: 0; } .top_filesr { float: left; margin-top: -40px; } .h2_two { display: none; } }