brilliante-html/html/style.css

581 lines
21 KiB
CSS
Raw Permalink Normal View History

2024-11-04 21:27:10 +05:00
@font-face {
font-family: 'Frutiger CE Light';
src: url('fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.eot');
src: local('☺'),
url('fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.woff') format('woff'),
url('fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.ttf') format('truetype'),
url('fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.svg') format('svg');
}
@font-face {
font-family: 'Frutiger CE Bold';
src: url('fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.eot');
src: local('☺'),
url('fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.woff') format('woff'),
url('fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.ttf') format('truetype'),
url('fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.svg') format('svg');
}
@font-face {
font-family: 'MyraidPro BoldCond';
src: url('fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.eot');
src: local('☺'),
url('fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.woff') format('woff'),
url('fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.ttf') format('truetype'),
url('fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.svg') format('svg');
}
body {
background: #282828;
}
.container {
margin: auto;
width: 960px;
background: #ededed;
}
header {
height: 64px;
background: #1a1e27;
box-shadow: 0 3px #fff;
float: left;
width: 100%;
}
.logo-letter {
margin: 0;
font-family: "Frutiger CE Bold", sans-serif;
font-size: 31px;
margin: 0;
font-style: bold;
}
.logo-letter a {
color: #1c1f27;
text-decoration: none;
}
.logo-bottom {
font-family: Arial, sans-serif;
font-size: 13px;
margin: 0;
color: #1c1f27;
margin: -5px 3px;
}
.logo-container {
float: left;
margin: 46px 23px 0 73px;
}
.separator_title {
float: left;
height: 21px;
margin: 63px 0 0 ;
border-right: 1px solid #fcfcfc;
box-shadow: 1px 0 #d5d5d5;
}
.about {
float: left;
width: 220px;
margin: 58px 20px 0;
font-family: Georgia, "Century Schoolbook L", Serif;
font-style: italic;
font-size: 13px;
color: #646464;
}
.main_menu {
margin: 0;
float: left;
padding: 0 0 0 26px;
}
.main_menu li {
float: left;
list-style-type: none;
}
.menu_active {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEVGQjYyQzk2RjgxMTFFMjkxRDFDNTg4OEFGMTlFNkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEVGQjYyQ0E2RjgxMTFFMjkxRDFDNTg4OEFGMTlFNkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RUZCNjJDNzZGODExMUUyOTFEMUM1ODg4QUYxOUU2RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RUZCNjJDODZGODExMUUyOTFEMUM1ODg4QUYxOUU2RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkO0670AAAB2SURBVHjaYnz79i0DFsAOxD+xSTBhEVMB4h9A/J9YDbeR2G6ENNii8XcCMScuDSxAfAiLjUG4NHgzYAdLgFgWXYMwEG9gwA2K0DWkMOAHBUBsBmIwAuNBDkg/ZCAOMDKRoBgEDEAhIw/EJUDsQ0BxOhBfAAgwAM98E2p5kkcbAAAAAElFTkSuQmCC) no-repeat bottom center;
}
.main_menu li a:hover {
color: #777;
}
.main_menu li a {
color: #fff;
text-decoration: none;
font-family: "Frutiger CE Light", sans-serif;
font-size: 14px;
padding: 20px 5px 0 5px;
height: 47px;
display: inline-block;
}
.slider {
width: 896px;
height: 238px;
background: #1d1f25;
}
.content {
padding: 42px 31px 0 31px;
clear:both;
}
.leftcol {
margin-right: 375px;
}
.rightcol {
float: right;
width: 327px;
}
footer {
background: #1a1e27;
box-shadow: 0 -3px #fff;
}
.copyright {
float: right;
margin: 24px 32px;
}
.footer {
height: 66px;
clear: both;
background: #ededed;
}
.footer-menu {
margin-top: 24px;
float: left;
padding-left: 32px;
}
.footer a {
text-decoration: none;
color: #1a1e27;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 15px;
}
.footer {
color: #1a1e27;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 15px;
}
.footer a:hover {
color: #646464;
}
.footer-menu li {
display: inline-block;
height: 47px;
}
.footer-left, .footer-right, .footer-center {
padding: 0 32px 0 32px;
color: #fff;
}
.footer-left, .footer-right {
float: left; width: 256px;
}
.footer-center {
margin: 0 320px; /* Ширина колонок */
}
.footer-right {
float: right;
}
.footer-title {
font-family: "MyraidPro BoldCond", sans-serif;
font-size: 23px;
border-bottom: 1px solid #353637;
padding: 18px 0 11px 64px;
}
.center-title {
text-align: center;
padding-left: 0;
}
.footer-links a {
font-family: "Frutiger CE Light", sans-serif;
font-size: 14px;
text-decoration: none;
color: #fff;
}
.footer-links a:hover {
color: #777;
}
.footer-links li {
display: inline-block;
margin-bottom: 10px;
}
.footer-links {
padding: 0;
}
.social li{
display: inline-block;
margin: 15px 5px;
}
.social{
padding: 0;
}
.social img {
border: 0;
}
.grab-our-feeds a {
font-family: "Frutiger CE Light", sans-serif;
font-size: 14px;
text-decoration: none;
color: #fff;
padding: 3px 30px 3px 0;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MURBRTY1RTA2RjgzMTFFMjg2NjlBRTJFNUUwOEZBNTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MURBRTY1RTE2RjgzMTFFMjg2NjlBRTJFNUUwOEZBNTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxREFFNjVERTZGODMxMUUyODY2OUFFMkU1RTA4RkE1MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxREFFNjVERjZGODMxMUUyODY2OUFFMkU1RTA4RkE1MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnJ8zvYAAAQnSURBVHjaVFRdaBxVFP7uzJ3dzWY3aTcbt7ZpmkLctFDQKrEBZUO10BK04INQ6osF7YOp0hbxTatYXwSRPlR8EZQKgtWCpShqpTRp6oPQSGxpYyJNwSakrZudJLszOz/3eu6d2ex24M6dn3u+853v/LAbRxIs1dF9uG1j8XNmGDAYwFoXoG9ql4gvehCyuUu1QoHa/M0j7mr5NJs5niklMusui+oiDN+HaRKAgSa4Ee1oAVQgQjQBRUg7t8Dau+Esl7dwFtRKYWUVRBI8ST/VYZ9AE/RuASaPmDZYyhjIkNFZIgim9sBHaM/TUWsHN+ivYsXJmHDhFB6HVxgCqguQ/91CYmUGGTqTTkfgIgZTu2iNgEdbICTnFJpULNViHpDf+RKye05oZp7nY/mfq1j+8yxWpr9FTtxHqq3J7iFZ1GXqCCRXLDUgopDDuYuojyVhru9FYsMT6N4+rJc9/xYe/PIh0rNfY1270posAhnJoYKQkRMtY8ObTogK4c4V+LQE6eunO2FuHgbfdRydvcPIvnoG85eGUL78DnKJGqTZkrgGawWsb3Gm1ZlVaz3u8k1YdC3UKjbkzHmE3+9D8NtRqo4qenaPgo98gYqX0jmA0Sw/o2WPHKgMk6bZwUPoeXuaWI1jZfB9/GsW4dZcsMlTCH46BNRtFJ4+AJROwnGJCIvrmMUOEFXGmi7qi+XbaPcW0NW/C30vnsCGw+N40D8K27Ng/H0W/q9vqkrHI8PH4G7ei7AeVU2jhnW+3ngKpdDHcxqc/ob3/oI3+RXE9HlKXBqpLUPo3DGCpVXS7fYlmPemIDu2gm/cCeQGYP/xpe4mP6BqIeZeIL8xVDeoYg/VUs9eAFmtILj9O5zvDqL+M2kpAzy6711U+1+BT4b1sY8gHRvZrYNgfXsQOLG9H9WvgbiYQZ7IFtQYuO8lsYA8HNLYv3IK3sQnWvzc3pOoproQLs7CvXFO69e2/QVQd0P6kT10t8V9HNIHQfo46V50vXYRm45Nwi0e0GG5Ex9DLM0h3d0H47H98OmcO/2j1i9dfB6h1aZtddQKVAHqtqMPIYXRUdyN/MCzyOZ7kHvyZRBZ+OUy3JsXNEiir6SCQv3ulH5PFgaAVEGTkjEWf6gjKFHOtR9Q23YGVr4f9fFPCZEkoTjduatIbhuBSTGGysZeQv3ONSqXFJiZ0q0rDMVUgl1/He+R6w90u0alpocLT9ItCGAkG93GwRIZ0o6mkVMlyWho8AxFyBC49E5lplLjm9jPyesUiyewTpieNCqTgR57a4ODKdErazUtSbwwWNH5UO0qaEmma36Wk5QXiOVpMhxVjKQRjTHF0LBilo1BLZvzVMSJVaJrLaH7/zMieYsLJZmJo+R4jMCf0UPCisaYjPWQreMtHtgidq4BA531CRpa55TP/wUYAAek/dP3B9rpAAAAAElFTkSuQmCC) right no-repeat;
}
.grab-our-feeds {
position: absolute;
margin: 20px 0 0 599px;
padding-right: 22px;
width: 143px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAApCAYAAADwH5PvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjY5MUZERkY2RjkzMTFFMkJEOTJFQ0MyMzQ2ODUxRDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjY5MUZFMDA2RjkzMTFFMkJEOTJFQ0MyMzQ2ODUxRDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NjkxRkRGRDZGOTMxMUUyQkQ5MkVDQzIzNDY4NTFENSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NjkxRkRGRTZGOTMxMUUyQkQ5MkVDQzIzNDY4NTFENSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkUqFjcAAACmSURBVHjadJJLDsIwDETHVlYcoUiw7LW5Fwdhg+KOXedXQSpLfh3PxKoq9+cOno31KQIUNi+DvRVCZJkBKg48RirZOxIwlGUsQCKgpiIZoOpvg2ZPnT09YIluSrRYx7CM8VH0Pee0VcEE+Av0qV/mH8NJhyCpeJQknH1AXN4gx9xTM20orA4RLXpRwoOLB20M+J2WG2CK9kULuoe1PeI/uLG+hwADACgye6PuG/wFAAAAAElFTkSuQmCC) right no-repeat;
}
.grab-our-feeds a:hover {
color: #777;
}
.content-title {
font-family: "Frutiger CE Bold", sans-serif;
font-size: 25px;
color: #fff;
background: #1a1e27;
display: inline-block;
padding: 0 2px;
margin: 41px 0 26px 0;
}
.article-title {
margin: 1px 0;
}
.article-title a {
font-family: "Frutiger CE Light", sans-serif;
font-size: 21px;
color: #242830;
text-decoration: none;
}
.article-title a:hover {
color: #555;
}
.article-preview {
margin: 0 0 41px 0;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 13px;
}
.article-pre-text {
margin: 0 0 10px 153px;
border-bottom: 1px solid #cacaca;
padding-bottom: 10px;
width: 365px;
font-size: 14px;
text-align: justify;
line-height: 22px;
}
.pre-article-img {
padding: 3px;
border: 1px solid #cccccc;
float: left;
width: 136px;
height: 134px;
}
.date-separator {
display: inline-block;
border-right: 1px solid #fff;
width: 1px;
height: 17px;
box-shadow: 1px 0 #d5d5d5;
margin: 0 5px -4px 2px;
}
.author{
margin-left: 153px;
}
.posted-in {
margin-bottom: 10px;
}
.posted-in a, .author a {
font-family: Georgia, "Century Schoolbook L", Serif;
font-style: italic;
text-decoration: none;
font-size: 13px;
color: #646464;
}
.posted-in a:hover, .author a:hover {
color: #222;
}
.read-more {
padding: 4px 9px;
text-decoration: none;
background: #747474;
color: #fff !important;
float: right;
margin: -13px 5px 0 0;
font-family: "Frutiger CE Bold", sans-serif !important;
font-style: normal !important;
font-size: 15px !important;
background: -moz-linear-gradient(top, #808080,#656565);
background: -webkit-linear-gradient(top, #808080,#656565);
background: -o-linear-gradient(top, #808080,#656565);
background: -ms-linear-gradient(top, #808080,#656565);
background: linear-gradient(top, #808080,#656565);
}
.read-more:hover:active {
background: -moz-linear-gradient(top, #656565, #808080);
background: -webkit-linear-gradient(top, #656565, #808080);
background: -o-linear-gradient(top, #656565, #808080);
background: -ms-linear-gradient(top, #656565, #808080);
background: linear-gradient(top, #656565, #808080);
}
.read-more:hover {
background: -moz-linear-gradient(top, #777,#555);
background: -webkit-linear-gradient(top, #777,#555);
background: -o-linear-gradient(top, #777,#555);
background: -ms-linear-gradient(top, #777,#555);
background: linear-gradient(top, #777,#555);
}
.about-author {
margin: 0;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 13px;
min-height: 104px;
}
.author-img {
padding: 3px;
border: 1px solid #cccccc;
float: left;
width: 94px;
height: 96px;
}
.author-name {
margin: 0 0 0 110px;
width: 365px;
}
.author-name a {
font-family: "Frutiger CE Light", sans-serif;
font-size: 20px;
color: #6d6d6d;
text-decoration: none;
}
.author-name a:hover {
color: #222;
}
.author-description {
margin-left: 110px;
margin-top: -4px;
padding-bottom: 8px;
font-family: Georgia, "Century Schoolbook L", Serif;
font-style: italic;
font-size: 14px;
color: #818181;
}
.author-more {
margin-left: 110px;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
line-height: 22px;
font-size: 14px;
}
.advert {
background: #1a1e27;
color: #e3e3e3;
font-size: 29px;
width: 156px;
height: 156px;
float: left;
text-align: center;
font-family: "Frutiger CE Bold", sans-serif;
padding-top: 52px;
line-height: 30px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.advert-right {
margin-left: 172px;
float: none;
}
.categories {
margin: 0;
padding-left: 16px;
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTQwQ0YzNkE2RjlBMTFFMkJFNjFFQTZEODEyQzM1MTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTQwQ0YzNkI2RjlBMTFFMkJFNjFFQTZEODEyQzM1MTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NDBDRjM2ODZGOUExMUUyQkU2MUVBNkQ4MTJDMzUxNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NDBDRjM2OTZGOUExMUUyQkU2MUVBNkQ4MTJDMzUxNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhLqRMMAAAB7SURBVHjaYkxJSZFiYGDgBOK7DHgAExALAvEdIJ4NxDz4FMJAChB/BOJ0NHEMhTD+DCB+BsTW+BTCgDgQHwHiA0AshU8hDNgCcRAQM7LgUTQPiPOB+AuIg03hBSAOB+JbyILICr9ArdkDxP9x+boCiIWAeDc2RSAAEGAAN5YS36rfQPIAAAAASUVORK5CYII=);
}
.categories li {
margin: 0 0 20px 0;
}
.categories li a {
font-family: "Frutiger CE Light", sans-serif;
font-size: 15px;
color: #1a1e27;
text-decoration: none;
}
.categories li a:hover {
color: #777;
}
.slider-text {
border-bottom: 1px solid #28292d;
width: 272px;
padding: 19px 14px 16px 14px;
margin: 15px 15px 0 581px;
color: #ededed;
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-size: 14px;
line-height: 23px;
box-shadow: 0 1px #2c2d30;
}
.slider-text h1 {
margin: 0 0 10px 0;
font-family: "Frutiger CE Light", sans-serif;
font-size: 25px;
color: #ebebeb;
}
.pre-img{
position: absolute;
margin: 6px 0 0 580px;
width: 309px;
}
.pre-img img{
border: 1px solid #e5e5e5;
border-radius: 1px;
margin: 16px;
cursor: pointer;
}
.slider img {
float: left;
}
.hire-us {
position: absolute;
font-family: "Frutiger CE Light", sans-serif;
font-size: 19px;
color: #ededed;
margin: 185px 0 0 3px;
padding: 6px 30px 6px 5px;
cursor: pointer;
background: #1a1e27 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0FENkFEQkY2Rjk5MTFFMkFCMzBBMDJBQ0E3M0NERjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0FENkFEQzA2Rjk5MTFFMkFCMzBBMDJBQ0E3M0NERjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQUQ2QURCRDZGOTkxMUUyQUIzMEEwMkFDQTczQ0RGMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQUQ2QURCRTZGOTkxMUUyQUIzMEEwMkFDQTczQ0RGMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnatMacAAAHVSURBVHjahNLPixJhGAfw5zVdscN6aPCSo8Eu/QVWtKuGBR3CbGFjKVhKi0FkazeXvXbp0N+w7KWgjMiKok4Rsa2XsA4udUiwS0Qh5EEJLJyZt+8r88LLOOoDH2feH/N933Fe1m63yaNmIQdnQAcTvsMbeA1/5cRIJEJ+xpg7wIC7oHmEG05YGZ7LTp8IcYjahh3QlH63GDyF23IDaojoLMr2vfsPqNX6Ni5I1B3IixDW6XTE9Qh8haDcYjpzVqxAuVyWrheuUDgc9vrvfsO8D0VwA4LO/ZAom3N68fIVXV4t0JPqM7Ism9Q5oEGedbtdMb8JR9UlFlKnR5aNRg/TWqlIp9JJtfst6/V6Adz8E6+mjpxMZmhcHT+WoM1bNykej4nmL5/zGsy1TZpU9Y+f6OGjx3LuAT9+/qC/5xywqaVph6hUNOh89hw5n/inPGzvYGnSw4FAgC6tXCTDuEYHQyF1qOZ3tl6ZFJJKLdJWeYN0Peo1XKHBYCAw+ABcSpxI8uyFZb77vsbVfpcqxzEg0zQlHdrAhUZjn/f7fS7bHpoQHoZYlqWag8/Ap9iDiHhmGGLbttsMrMMX4ApRdbgKPjlfhLBh0oQvCnHoww/nKIzUfwEGAH93PVZN/LzvAAAAAElFTkSuQmCC) no-repeat 93%;
}
.search {
margin: 18px 33px;
width: 167px;
position: relative;
float: right;
}
.search input {
border: none;
}
/* стили для поля ввода */
.search .input {
width: 100%;
padding: 3px 37px 4px 6px;
/* чтобы ширина поля ввода (100%) включала в себя внутренние отступы */
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
background: #ededed;
font: 13px Arial, sans-serif;
color: #1a1e27;
outline: none;
}
/* меняем оформление поля ввода при фокусе */
.search .input:focus {
background: #eee;
color: #333;
}
/* оформляем кнопку отправки */
.search .submit {
position: absolute;
top: 0;
right: -6px;
width: 37px;
/* растягиваем кнопку на всю высоту формы */
height: 100%;
cursor: pointer;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAARCAYAAAACCvahAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkNGOUUyNzA2Rjk1MTFFMkEzODBBRDNGMEMwNDhGODUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkNGOUUyNzE2Rjk1MTFFMkEzODBBRDNGMEMwNDhGODUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Q0Y5RTI2RTZGOTUxMUUyQTM4MEFEM0YwQzA0OEY4NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2Q0Y5RTI2RjZGOTUxMUUyQTM4MEFEM0YwQzA0OEY4NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr/QslUAAADLSURBVHjanNO7DgFBGIbhWdmoJEQj0VBpJLKt3j2glakUOjehUyMq6yKoRKFSKXRoJBqHRiV4J5lphOz+vuRJJrv5Moed9bTWaaVUBUu8lCAJtLHAFmVpOWnHJWwQIhO3/JkmLujCl5ZdejihBk9aNslihjUK0rJLgD0GSEnLLho3tMxWpGU34QjFf8rmEKvYScoPu9w8VpI9D+3FGePpHvoRJTNDA4dvL3+Vz6hjLr1hHeSiim7mux1P7R92jXuCptzHBEfpN3sLMAD4EyF8mG6HsQAAAABJRU5ErkJggg==) 50% no-repeat;
}
/* при наведении курсора меняем прозрачность кнопки отправки */
.search .submit:hover {
opacity: 0.8;
}
/* что бы в Chrome и Safari можно было стилизовать инпуты */
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-input-placeholder {
color: #1a1e27;
font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-style: italic;
}
input[type="search"]:-moz-placeholder {
color: #1a1e27;
font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
font-style: italic;
}