/* --------------------------------------------------------------------------------------------------------------------------------------------------- Общее! --------------------------------------------------------------------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } /*html { height: 100%; }*/ body { position: relative; color: #3D3E40; font: 12px/1.3 Tahoma, Sans-Serif; background: #fff; } form fieldset { border: 0; } form input.text, form select { font-family: Arial; font-size: 1em; } select{font-family: Arial; font-size: 1em; } form input.image { position: relative; top: 5px; } form input.button { font-family: Tahoma; } input,select,button { vertical-align: middle; } h1, h2, h3, h4, h5, h6, p { padding: 10px 0;font-weight: normal; } h1, h2, h3, h4, h5, h6 { padding-left: 33px; font-family: Verdana, tahoma; background-repeat: no-repeat; background-position: 0 center; } h1 { font-size: 18px; } h2 { font-size: 17px; } h3 { font-size: 13px; } h4, h5, h6 { font-size: 1.1em; } h5, h6 { font-style: italic; } a { color: #ED1C24; text-decoration: underline; } a:hover { text-decoration: none; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .clear { display: block; clear: both; height: 1px; } .off { display: none; } #center { position: relative; background: url(images/body-bg.png) no-repeat right 0; min-width: 990px; width: 100%; } /* --------------------------------------------------------------------------------------------------------------------------------------------------- Шапка --------------------------------------------------------------------------------------------------------------------------------------------------- */ #header { position: relative; min-height: 140px; } #header #logo { position: absolute; top: 20px; left: 35px; } #header div#projects { position: absolute; top: 10px; right: 14px; color: #fff; width: 400px; } #header div#projects p { padding: 0 0 10px 0; text-align: right; } #header div#projects big { font-size: 1.1em; font-weight: bold; } #header div#projects select { width: 185px; } #header div#projects input.text { width: 144px; } #header div#projects input.button { color: #fff; font-size: 0.95em; background: #F3656A; border: 0; border-top: 1px solid #F3656A; border-bottom: 2px solid #F3656A; } html:first-child #header div#projects input.text { width: 140px; } html:first-child #header div#projects input.button { font-size: 1em; padding-left: 5px; padding-right: 5px; border-top: 2px solid #F3656A; border-bottom: 3px solid #F3656A; } /* --------------------------------------------------------------------------------------------------------------------------------------------------- Контент --------------------------------------------------------------------------------------------------------------------------------------------------- */ #body { padding-bottom: 155px; background: url(images//body-bg-line.gif) no-repeat right bottom; width: 100%; } #content-wrapper { float: left; width: 100%; } #content { margin-left: 303px; margin-right: 240px; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { background-image: url(images//content-header.png); } #content ul, #content ol { margin-left: 13px; padding: 3px 0; } #content ol { margin-left: 17px; } #content dl, #content blockquote { padding: 10px 0; } #content dl dt { padding: 2px 0; font-weight: bold; } #content dl dd { padding: 2px 0 2px 20px; } #content table.main { border-collapse: collapse; border-top: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%; } #content table.main .tleft { text-align: left; } #content table.main .tlcenter { text-align: center; } #content table.main .tright { text-align: right; } #content table.main th, #content table.main td { padding: 8px 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } #content table.main th { background: #eee; } #content table.main tr.bg td { background: #f9f9f9; } #content #about-text { padding-right: 130px; background: url(images//about-bg.png) no-repeat right 0; min-height: 225px; } #content #mitsubishi { position: relative; margin-top: -100px; height: 275px; text-align: right; } #content #mitsubishi-in { position: relative; margin-top: -130px; padding-right: 30px; height: 150px; text-align: right; } #content #mitsubishi .bg { position: absolute; bottom: 0; left: -85px; width: 554px; height: 180px; background-image: url(images//des2.jpg); background-repeat: no-repeat; background-position: left bottom; } #mitsubishi img, #mitsubishi-in img { margin-right: 176px; } #content p.date { font-family: "Arial Narrow", Arial; font-size: 1.1em; font-style: italic; padding-top: 10px; padding-bottom: 2px; } #leftside { float: left; margin-left: -100%; padding-left: 31px; width: 187px; } ul#leftnav { padding-bottom: 15px; } ul#leftnav a { color: #000; text-decoration: none;font-size: 11px;} ul#leftnav a:hover { color: #ED1C24; text-decoration: underline; } ul#leftnav li { list-style: none; padding: 5px 34px 5px 13px; background: url(images//arrow.gif) no-repeat 160px 1em; border-bottom: 1px dashed #C4C4C4; } ul#leftnav li.last { border: 0; } ul#leftnav li span { color: #ED1C24;font-size: 11px; } #rightside a, #leftside a { color: #004B8E; } #leftside h1, #leftside h2, #leftside h3, #leftside h4, #leftside h5, #leftside h6 { background-image: url(images//col-header.png); } #rightside { float: left; margin-left: -220px; padding-top: 20px; padding-bottom: 40px; width: 205px; } #rightside h1, #rightside h2, #rightside h3, #rightside h4, #rightside h5, #rightside h6 { background-image: url(images//col-header.png); } #rightside .news { padding: 5px 0; } #rightside .news span.date { display: block; margin-bottom: -7px; color: #989898; } #rightside .news a { color: #3D3E40; text-decoration: none; } #rightside .news a:hover { color: #000000; text-decoration: underline; } #visual { position: relative; padding: 25px 0; } #visual img { display: block; margin: 0 auto; border: 1px solid #ACACAC; } #visual div.text { position: absolute; right: 10px; bottom: 35px; padding: 3px 5px 5px 5px; color: #fff; font: 1.6em/0.9 "Arial Narrow"; background: #ED1C24; width: 100px; } form#partners-login { margin: 15px 0; background: #F4F2F4 url(images//form-bg.gif) no-repeat 0 0; } form#partners-login fieldset { padding: 0 18px 2px 18px; background: url(images//form-bg2.gif) no-repeat 0 bottom; } form#partners-login p { padding: 1px 0; } form#partners-login p.bottom { position: relative; padding: 1px 0 3px 0; text-align: right; } form#partners-login p.bottom a { float: left; margin-top: 3px; color: #010101; } form#partners-login strong.header { display: block; padding: 8px 0; color: #000; font: 1.45em/1.3 "Arial Narrow"; font-weight: 600; text-align: center; } input.text { color: #696868; font-size: 1.1em; border: 1px solid #CBCBCB; width: 149px; } input.submit { padding: 2px 5px; color: #fff; font-size: 0.95em; font-family: Arial; text-decoration: underline; background: #ED1C24; border: 0; } html:first-child input.submit { font-size: 1em; } /* --------------------------------------------------------------------------------------------------------------------------------------------------- Footer --------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer { background: url(images//center-bg.png) no-repeat 0 bottom; min-width: 990px; width: 100%; height: 135px; } ul#footernav { color: #989898; font-size: 1.1em; line-height: 1.1; padding-left: 300px; } ul#footernav a { color: #989898; text-decoration: underline; } ul#footernav a:hover { text-decoration: none; } ul#footernav li { list-style: none; float: left; padding: 0 7px; border-right: 1px solid #989898; } ul#footernav li.last { border: 0; } ul#footernav a, ul#footernav span { position: relative; top: -1px; } #footer-links { position: absolute; right: 10px; top: -35px; padding: 5px 0; font: 1.15em/1.3 "Trebuchet MS"; font-weight: bold; background: #F9F9F9; border: 1px solid #E2E2E2; width: 211px; z-index: 200; } #footer-links span { display: block; margin: 1px 0 1px 7px; padding-left: 13px; background: url(images//footer-links-item.gif) no-repeat 0 0.5em; } #footer-links span a { color: #000; text-decoration: none; } #footer-links span a:hover { text-decoration: underline; } #copyright1 { position: absolute; left: 10px; color: #fff; } #copyright2 { position: absolute; left: 303px; color: #a0a0a0; } #profsolutions { position: absolute; right: 15px; color: #ED1C24; width: 221px; text-align: right; } #profsolutions a { color: #6F6E6E; } #copyright1, #copyright2, #profsolutions { bottom: 8px; } .img-r { padding: 5px 0px 8px 15px; float: right; } .img-l { padding: 0px 12px 8px 0px; float: left; } .model td { background-color: #F2F2F7; } .model th { background-color: #E7E7EF; } .model th, .model td { text-align: center; vertical-align: middle; padding: 7px; } .model ul { text-align: left; } .model img { border: 0px; } .right cite{ font: italic bold 13px Arial, Helvetica, sans-serif; padding-right: 35px; display: block; } .right { text-align: right; }