/* TODO так делать не хорошо */ *{ margin: 0; padding:0; } html{ height: 100%; } body{ font: normal 62.5% Arial, Helvetica, sans-serif; color: #000; background: url(../i/gray-background.png) repeat; min-width: 1004px; } body.grey-bg {background: #e1e1e1;} body.img-bg {background:#fff;} A {color:#006496; text-decoration:none;} A:visited {text-decoration:none;} A:hover {text-decoration:underline;} A IMG {border:0;} TABLE { border-collapse: collapse;} TABLE, TD { font-size:1em;} INPUT, SELECT, TEXTAREA, BUTTON {font:normal 11px Arial; color:#000; outline:none;} TEXTAREA {resize:none; overflow:auto;} input::-moz-placeholder, textarea::-moz-placeholder {color:#757575; opacity:1;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#757575; opacity:1;} UL, UL LI {list-style:none;} .centered {text-align:center; margin-left:auto !important; margin-right:auto !important;} .overBox {overflow:hidden;} .floatL {float:left !important;} .floatR {float:right !important;} .mB0 {margin-bottom:0px !important;} .mB6 {margin-bottom:6px !important;} .mB10 {margin-bottom:10px !important;} .mB15 {margin-bottom:15px !important;} .mB20 {margin-bottom:20px !important;} .rel {position:relative;} .clearFix:after {content:""; display:block; clear:both;} br.clear { display:block; clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; background:transparent !important; visibility:hidden !important; } .corners-3px {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .corners-5px {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .ellipsis {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;} .gray-text {color:#7f7f7f !important;} .light-gray-text {color: #CCC !important;} .green-text {color:#00aa32 !important;} .red-text {color:#ff003c !important;} .sp{ color: #7f7f7f; padding: 0 5px 0 5px; } .small {font-size:11px !important;} .big {font-size:13px;} /* not important !!! */ .bold {font-weight:bold !important;} .seo-link {text-decoration:none !important; color:#006496; border-bottom:1px dotted #006496; display:inline-block; cursor:pointer;} .form-error { color: #9b0023; margin:0 0 15px; } .form-success { color: #006e1e; margin:0 0 15px; } /* Враппер, устанавливающий фиксированную ширину контента */ .g-wrap-main{ width: 990px; margin: 0 auto; -moz-box-sizing: border-box; box-sizing: border-box; } /* Флоаты */ .g-float-left{ float: left; } .g-float-right{ float: right; } .g-clearfix{ clear: both; } /* Значки */ [class^="g-icon-"], [class*=" g-icon-"]{ display: inline-block; width: 16px; height: 16px; line-height: 16px; vertical-align: text-top; background-image: url(../../images/core/icons-black.png); background-position: 14px 14px; background-repeat: no-repeat; } .g-icon-white{ background-image: url(../../images/core/icons-white.png); } .g-icon-mail{ background-position: 0 0; } .g-icon-search{ background-position: -16px 0; } .g-icon-cross{ background-position: -32px 0; } .g-icon-arrow-down{ background-position: -48px 0; } .g-icon-arrow-up{ background-position: -64px 0; } .g-icon-arrow-right{ background-position: -80px 0; } .g-icon-arrow-left{ background-position: -96px 0; } .g-icon-settings{ background: no-repeat center url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE0IDE0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMi41NTcsNS45MTljLTAuMjM5LTAuMDM0LTAuNDk1LTAuMjUtMC41NjctMC40NzlsLTAuMzU3LTAuODY0Yy0wLjExMS0wLjIxMi0wLjA4NS0wLjU0NSwwLjA2LTAuNzM2DQoJbDAuNTc4LTAuNzdjMC4xNDMtMC4xOTIsMC4xMzEtMC40OTgtMC4wMjgtMC42NzhsLTAuNjMzLTAuNjM0Yy0wLjE3OS0wLjE1OS0wLjQ4My0wLjE3MS0wLjY3OS0wLjAyNmwtMC43NjksMC41NzcNCglDOS45NjksMi40NTMsOS42MzgsMi40NzksOS40MjMsMi4zNjdMOC41NiwyLjAxMkM4LjMzMSwxLjkzOCw4LjExNCwxLjY4NCw4LjA4MiwxLjQ0NWwtMC4xMzYtMC45NQ0KCUM3LjkxMiwwLjI1Niw3LjY4OSwwLjA0MSw3LjQ0OSwwLjAxNkM3LjQ0OSwwLjAxNiw3LjMwMiwwLDcsMEM2LjcsMCw2LjU1MiwwLjAxNiw2LjU1MiwwLjAxNmMtMC4yMzksMC4wMjUtMC40NjQsMC4yNC0wLjQ5NywwLjQ3OQ0KCWwtMC4xMzYsMC45NUM1Ljg4NSwxLjY4NCw1LjY3LDEuOTM4LDUuNDQsMi4wMTJMNC41NzYsMi4zNjdDNC4zNjMsMi40NzksNC4wMzEsMi40NTMsMy44MzksMi4zMDlMMy4wNywxLjczMQ0KCUMyLjg3NywxLjU4NiwyLjU3MSwxLjU5OCwyLjM5MiwxLjc1OEwxLjc1OSwyLjM5MUMxLjYsMi41NzEsMS41ODcsMi44NzcsMS43MzEsMy4wNjlsMC41NzYsMC43NjgNCglDMi40NTQsNC4wMywyLjQ3OSw0LjM2MywyLjM2OCw0LjU3NUwyLjAxMiw1LjQzOUMxLjkzOCw1LjY3LDEuNjg0LDUuODg1LDEuNDQ1LDUuOTE5TDAuNDk0LDYuMDUzDQoJQzAuMjU2LDYuMDg4LDAuMDQxLDYuMzEyLDAuMDE2LDYuNTUxQzAuMDE2LDYuNTUxLDAsNi43LDAsN2MwLDAuMzAxLDAuMDE2LDAuNDQ5LDAuMDE2LDAuNDQ5YzAuMDI1LDAuMjQsMC4yNCwwLjQ2MywwLjQ3OSwwLjQ5OA0KCWwwLjk1MSwwLjEzNUMxLjY4Myw4LjExNywxLjkzOCw4LjMzMSwyLjAxMiw4LjU2bDAuMzU2LDAuODY1YzAuMTExLDAuMjEyLDAuMDg1LDAuNTQ1LTAuMDYxLDAuNzM2bC0wLjU3NiwwLjc3MQ0KCWMtMC4xNDUsMC4xOTItMC4xOCwwLjQ1My0wLjA3NywwLjU4YzAuMTAzLDAuMTI0LDAuMzk2LDAuNDM4LDAuMzk2LDAuNDM5YzAsMCwwLjEsMC4wOSwwLjIxOSwwLjINCgljMC4xMTksMC4xMDgsMC42MDcsMC4yNjIsMC44MDEsMC4xMTdsMC43NjktMC41NzdjMC4xOTItMC4xNDMsMC41MjMtMC4xNzEsMC43MzctMC4wNThsMC44NjMsMC4zNTQNCgljMC4yMywwLjA3NCwwLjQ0NSwwLjMyOSwwLjQ3OSwwLjU2N2wwLjEzNiwwLjk1YzAuMDMzLDAuMjM5LDAuMjU3LDAuNDU1LDAuNDk3LDAuNDc5QzYuNTUyLDEzLjk4NSw2LjcsMTQsNywxNA0KCWMwLjMwMSwwLDAuNDQ5LTAuMDE1LDAuNDQ5LTAuMDE1YzAuMjM4LTAuMDI0LDAuNDYzLTAuMjQsMC40OTYtMC40NzlsMC4xMzctMC45NWMwLjAzMi0wLjIzOCwwLjI0OS0wLjQ5MywwLjQ3OC0wLjU2N2wwLjg2My0wLjM1Ng0KCWMwLjIxMy0wLjExMSwwLjU0Ni0wLjA4NiwwLjczOCwwLjA2bDAuNzY5LDAuNTc3YzAuMTk1LDAuMTQ1LDAuNSwwLjEzNCwwLjY3OS0wLjAyNmwwLjYzMy0wLjYzMw0KCWMwLjE1OS0wLjE4MSwwLjE3MS0wLjQ4NSwwLjAyNi0wLjY3OGwtMC41NzYtMC43NzFjLTAuMTQ1LTAuMTkxLTAuMTcxLTAuNTI0LTAuMDYtMC43MzZsMC4zNTUtMC44NjUNCgljMC4wNzQtMC4yMjksMC4zMjgtMC40NDQsMC41NjctMC40NzhsMC45NS0wLjEzNWMwLjIzOC0wLjAzNSwwLjQ1NS0wLjI1OCwwLjQ3OS0wLjQ5OEMxMy45ODMsNy40NDksMTQsNy4zMDEsMTQsNw0KCWMwLTAuMy0wLjAxNy0wLjQ0OS0wLjAxNy0wLjQ0OWMtMC4wMjMtMC4yMzktMC4yNC0wLjQ2My0wLjQ3OS0wLjQ5OEwxMi41NTcsNS45MTl6IE03LDguNzVDNi4wMzMsOC43NSw1LjI1LDcuOTY3LDUuMjUsNw0KCVM2LjAzMyw1LjI0OSw3LDUuMjQ5UzguNzUxLDYuMDM0LDguNzUxLDdDOC43NTEsNy45NjcsNy45NjcsOC43NSw3LDguNzV6Ii8+DQo8L3N2Zz4NCg=="); background-size: 14px 14px; } /* Ссылки - не ссылки. С подчеркиванием пунктиром */ .g-dotted{ text-decoration: none; } .g-dotted:hover{ text-decoration: none; border-bottom: 1px dotted; } /* Поля ввода */ .g-input-text{ border: 1px solid #cfcfcf; background: #fff; padding: 3px 7px; font-size: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; } .g-input-text:focus{ outline: -webkit-focus-ring-color auto 3px; } /* Кнопочки */ .g-btn{ background-color: #e8e8e0; cursor: pointer; border: none; height: 23px; line-height: 23px; padding: 0 5px; border-radius: 2px; font-size: 11px; } .g-btn-dark{ color: #fff; background-color: #7d7d7d; } .g-btn:hover{ background-color: #d1d1c9; } .g-btn-dark:hover{ background-color: #6b6b6b; } .g-btn:active{ box-shadow: inset 0 2px 4px rgba(0,0,0,.3); } .g-btn [class^="g-icon-"], .g-btn [class*=" g-icon-"]{ line-height: 23px; vertical-align: middle; } /* Жирный текст */ .g-bold{ font-weight: bold; } /* Выравнивание текста */ .g-align-left{ text-align: left; } .g-align-right{ text-align: right; } .g-align-center{ text-align: center; } .g-black{ color: #000; } .g-relative { position: relative; }