| Current Path : /var/www/element/data/www/opter.ru/css/ |
| Current File : /var/www/element/data/www/opter.ru/css/global.css |
/*==============================================
Общий CSS для всех шаблонов!
============================================= */
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, font, img, ins, kbd, s, samp, small, strike, strong, sub, sup, tt,
var, hr, 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; font-family:inherit; font-size:100%; vertical-align:baseline; border:none; outline:none; }
html { font-size:100.01%; }
dfn, i, cite, var, address, em { font-style:normal; }
th, b, h1, h2, h3, h4, h5, h6 { font-weight:normal; }
textarea, input, select { font-family:inherit; font-size:1em; }
ol, ul { list-style:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
caption, th, td { text-align:left; }
:focus { outline:none; }
/* Глобальные стили сайта */
html { width:100%; height:100%; }
body { width:100%; height:100%; min-width:1000px; font-size:62.5%; line-height:1.2em; color:#000; background:#fff; } /* hacks.css */
body, textarea, input, select { font-family:Verdana,Tahoma,Helvetica,sans-serif; }
a { color:#5acd4a; text-decoration:underline; }
a:hover { text-decoration:none; }
.global { position:relative; overflow:hidden; min-width:1000px; min-height:100%; } /* hacks.css */
/* Стили для шапки */
.header { position:relative; min-height:165px; }
.header h1.logo { position:absolute; top:30px; left:58px; background:url(../img/opter.png) no-repeat; }
.header h1.logo a { display:block; text-decoration:none; }
.header h1.logo span { display:block; padding:67px 0 5px 80px; font:normal 11px Verdana; color:#000; text-transform:uppercase; }
.header h2.slogan { width:35%; padding-top:90px; text-align:left; margin:0 auto; font:normal 1.8em Verdana; color:#000; }
.header .menu { width:392px; padding-top:59px; margin:0 auto; padding-right:20px; font:normal 13px Verdana; }
.header .menu li { width:184px; float:left; padding:0 0 5px 12px; background:url(../img/bg_li.gif) no-repeat 0 5px; list-style-type:none; }
.header .phone { position:absolute; top:58px; right:127px; padding-bottom:10px; font-size:1.3em; text-align:right; }
.header .phone p.number { padding-bottom:16px; font-size:2.3em; line-height:0.7; }
.header .phone p.number span { vertical-align:super; font-size:0.6em; color:#5acd4a; }
.header .phone a { margin-left:22px; }
/* Область контента */
.content { padding:0 45px 100px 57px; }
.content h2 { padding-bottom:14px; font:normal 1.8em Verdana; color:#000; }
table.structure { width:100%; border-collapse:collapse; vertical-align:top; }
table.structure td { empty-cells:show; vertical-align:top; }
.mainText { margin:0 12px 13px 0; font-size:1.3em; line-height:1.2em; background:#f2f2f2 url(../img/bg-corn-left.png) no-repeat; }
.mainTextInner { padding:17px 15px 12px 15px; background:url(../img/bg-corn-right.png) no-repeat 100% 100%; }
.mainText h2 { font-size:1.38em; padding-bottom:7px; }
.mainText p { padding-bottom:5px; }
.submenu { margin:0 12px 28px 0; font-size:1.3em; line-height:1.2em; background:#f2f2f2 url(../img/bg-corn-left.png) no-repeat; }
.submenuInner { padding:18px 15px 5px 15px; background:url(../img/bg-corn-right.png) no-repeat 100% 100%; }
.submenu table { width:100%; border-collapse:collapse; }
.submenu table td { padding:0 10px 16px 20px; white-space:nowrap; }
.serviceItem { padding-bottom:20px; font-size:1.3em; line-height:1.2em; }
.serviceItem .head { min-height:82px; padding:10px 0 0 110px; }
.serviceItem .head h2 { padding-bottom:7px; width:150px; font-size:1.38em; }
.serviceItem .head p { color:#f00; }
.serviceItem .text { padding-right:40px; }
.serviceItem .text p { padding-bottom:17px; font-size:12px;}
.create_sites { background:url(../img/icons/hb_1.png) no-repeat; }
.copywriting { background:url(../img/icons/hb_2.png) no-repeat; }
.context { background:url(../img/icons/hb_3.png) no-repeat; }
.usability { background:url(../img/icons/hb_4.png) no-repeat; }
.advert_blog { background:url(../img/icons/hb_5.png) no-repeat; }
.seo { background:url(../img/icons/hb_6.png) no-repeat; }
.inside .serviceItem { padding-bottom:10px; padding-left:10px; }
.inside .serviceItem .head { padding:23px 0 11px 138px; }
.inside .serviceItem .head h2 { width:auto; padding-bottom:11px; font-size:2.3em; color:#000; }
.inside .seo { background:url(../img/icons-big.png) no-repeat 0 0; }
.action { padding:2px 41px 11px 27px; }
.action h2 { padding-bottom:9px; }
.actionItem { padding-bottom:5px; font-size:1.3em; line-height:1.2em; }
.actionItem h2 { font-size:1.38em; padding-bottom:12px; }
.actionItem p { padding-bottom:12px; }
.actionItem p.text { padding:0 5px 12px 3px; }
.orderForm { position:relative; margin-bottom:22px; padding:15px 39px 9px 30px; background:#f2f2f2 url(../img/bg-corn-left.png) no-repeat; }
.orderForm h2 { padding-bottom:12px; }
.orderForm h5 { padding-bottom:15px; font:normal 13px Verdana; color:#000; }
.orderForm h5 a { color:#5acd4a; text-decoration:none; border-bottom:1px dashed #5acd4a; }
.orderForm h5 a:hover { border-color:#fff; }
.orderForm fieldset { margin-left:-3px; font-size:1.3em; line-height:1.2em; }
.orderForm label { display:block; padding:0 0 2px 3px; }
.orderForm input.text { display:block; width:246px; margin-bottom:20px; padding:3px 4px 4px 4px; font:normal 13px Verdana; color:#7f7f7f; border:1px solid #bfbfbf; background:#fff; }
.orderForm input.btn { display:block; margin:0 0 11px 0; padding:2px 9px; color:#b82e1e; text-align:center; border:1px solid #bfbfbf; background:#fff; cursor:pointer; }
.orderForm input.file { width:auto; margin-bottom:20px; }
.orderForm textarea { display:block; width:246px; margin-bottom:20px; padding:2px 4px; font:normal 13px Verdana; color:#7f7f7f; border:1px solid #bfbfbf; background:#fff; }
.orderForm .popup { position:absolute; top:61px; right:14px; width:207px; padding:15px 10px 12px 25px; background:#f2f2f2; border:1px solid #bfbfbf; display:none; }
.orderForm .popup a.close { position:absolute; top:7px; right:9px; display:block; width:21px; height:21px; background:url(../img/btn-close.png) no-repeat; }
.orderForm .popup input.check { float:left; margin-left:1px; }
.orderForm .popup label { display:block; float:left; padding:1px 0 0 5px; }
.orderForm .popup .stroke { overflow:hidden; padding-bottom:6px; } /* hacks.css */
.orderForm .popup input.btn { display:block; width:74px; height:24px; margin:5px 0 0 0; background:url(../img/btn-ok.png) no-repeat; border:0; cursor:pointer; }
.news { padding:0 15px 0 28px; }
.news .newsItem { padding:7px 0 9px 0; font-size:1.3em; line-height:1.2em; }
.news .newsItem span { color:#808080; }
.articles { padding-top:10px; }
.articles h2 { padding:0 0 7px 3px; }
.articleItem { padding-bottom:15px; font-size:1.3em; line-height:1.2em; }
.articleItem h5 { padding:0 0 7px 3px; font:normal 18px Verdana; color:#000; }
.articleItem .text { padding:14px 19px 10px 19px; background:#f2f2f2 url(../img/bg-corn-left.png) no-repeat; }
.articleItem p { padding-bottom:5px; }
.articleItem p.date { padding:0 0 6px 3px; color:#808080; }
.articleItem p.date span { color:#000; }
.inside .articles { padding-left:10px; }
.path { padding:0 0 30px 13px; font-size:1.3em; }
.diallogs { float:right; padding:0 0 0 20px; }
.diallog { background-color:#bee3ff; }
.diallog .diallogContent { padding:5px 5px 9px 0; font-size:13px !important; line-height:1.2em; }
.diallog .diallogContent p { padding:0 !important; }
.diallog table { width:auto; }
.diallog td { vertical-align:top; text-align:left; }
.diallog td img { display:block; }
.diallog td.topLeft { background:url(../img/bg-diallog-top-left.png) no-repeat; } /* hacks.css */
.diallog td.topCenter { background:url(../img/bg-diallog-top-center.png) repeat-x; } /* hacks.css */
.diallog td.topRight { background:url(../img/bg-diallog-top-right.png) no-repeat; } /* hacks.css */
.diallog td.middleLeft { background:url(../img/bg-diallog-middle-left.png) repeat-y; } /* hacks.css */
.diallog td.middleRight { background:url(../img/bg-diallog-middle-right.png) repeat-y; } /* hacks.css */
.diallog td.bottomLeft { background:url(../img/bg-diallog-bottom-left.png) no-repeat; } /* hacks.css */
.diallog td.bottomCenter { background:url(../img/bg-diallog-bottom-center.png) repeat-x; } /* hacks.css */
.diallog td.bottomRight { background:url(../img/bg-diallog-bottom-right.png) no-repeat; } /* hacks.css */
/* Cтили для подвала */
.footer { position:relative; width:100%; min-width:1000px; height:92px; margin-top:-93px; border-top:1px solid #c0c0c0; } /* hacks.css */
.footer .copyright { padding:27px 0 0 55px; font-size:1.3em; line-height:1.2em; }