* {margin: 0; padding: 0;} body {background: url(../images/bg.jpg) repeat-x #f5f5f5; font: 14px Trebuchet MS, san-serif; color: #000000; text-align: center;} .clear {clear: both;} a:focus {outline:none;} img {border: none;} /* Шапка */ .main {background: url(../images/main.jpg) no-repeat center top;} .head {width: 1024px; height: 165px; margin: 0px auto; text-align: left;} .logo {float: left; width: 200px; height: 100px; margin: 40px 45px 0px 0px; padding: 0px;} .contacts {float: left; width: 500px; height: 100px; margin: 40px 45px 0px 0px; padding: 0px;} .adres {margin: 0px; padding: 0px; color: #033d56; font: bold 14px Trebuchet MS, sans-serif;} .mail {margin: 0px; padding: 0px; color: #033d56; font: bold 14px Trebuchet MS, sans-serif;} .mail a {text-decoration: underline; color: #069de6;} .mail a:hover {text-decoration: none; color: #069de6;} .number {float: left; margin: 15px 40px 0px 0px; padding: 0px; color: #3b85b6; font: 27px Trebuchet MS, sans-serif;} .number small {color: #3b85b6; font: 15px Trebuchet MS, sans-serif;} .head_right {float: right; margin: 30px 0px 0px 0px; padding: 0px; width: 234px; height: 50px;} .search {width: 234px; height: 25px; margin-top: 10px; padding: 0px; background: url(../images/search.png) no-repeat;} .search_form {margin: 0px; padding: 0px;} .poisk {float: right; width: 12px; height: 20px; margin: 3px 10px 0px 0px; padding: 0px; border: none; background: url(../images/arrow_search.png) no-repeat; cursor: pointer;} .pole_poisk {float: left; width: 190px; height: 20px; padding: 0px; margin: 3px 5px 0px 10px; font: 12px Trebuchet MS, san-serif; background: transparent; border: none; color: #808080;} .skype {margin: 5px 0px 0px 0px; padding: 0px; color: #033d56; font: bold 14px Trebuchet MS, sans-serif;} .skype a {text-decoration: underline; color: #069de6;} .skype a:hover {text-decoration: none; color: #069de6;} .perezvon {margin: 15px 0px 0px 0px; padding: 0px; color: #033d56; font: bold 14px Trebuchet MS, sans-serif;} .perezvon a {text-decoration: underline; color: #069de6;} .perezvon a:hover {text-decoration: none; color: #069de6;} /* Меню */ .menu {width: 1024px; height: 55px; margin: 0px auto; padding-top: 10px; background: url(../images/menu.png) no-repeat;} .menu ul {display: block; list-style: none; margin: 0px; padding: 0px;} .menu li {float: left; width: 160px; height: 40px; padding-top: 5px; margin: 0px 5px; font: 18px Trebuchet MS, sans-serif;} .menu li a {display: block; width: 160px; height: 40px; padding-top: 5px; margin: -5px 5px 0px 5px; text-decoration: none; color: #033d56; background: transparent;} .menu li a:hover {display: block; width: 160px; height: 40px; padding-top: 5px; margin: -5px 5px 0px 5px; text-decoration: none; color: #ffffff; background: url(../images/menu_hover.png) no-repeat;} .menu li a.active {display: block; width: 160px; height: 40px; padding-top: 5px; margin: -5px 5px 0px 5px; text-decoration: none; color: #ffffff; background: url(../images/menu_hover.png) no-repeat;} /* Основная часть */ .content {margin: 10px auto 20px auto; width: 1024px; text-align: left;} /* Каталог */ .left {float: left; width: 300px; margin: 0px 20px; padding: 15px 0px;} .left h1 {font: 22px Trebuchet MS, san-serif; color: #033d56; padding: 5px 0px; margin-left: 40px;} .left ul {display: block; list-style: none; margin-top: 10px; padding: 0px;} .left li {display: block; width: 300px; height: 36px; padding: 7px 0px 0px 0px; margin: -5px 0px 0px 0px; font: bold 14px Trebuchet MS, san-serif; background: transparent;} .left li a {display: block; width: 300px; height: 36px; padding: 7px 0px 0px 40px; margin: -5px 0px 0px 0px; text-decoration: underline; color: #4d96c2; background: url(../images/podcatalog.png) no-repeat;} .left li a:hover {display: block; width: 300px; height: 36px; padding: 7px 0px 0px 40px; margin: -5px 0px 0px 0px; text-decoration: none; color: #4d96c2; background: url(../images/podcatalog_hover.png) no-repeat;} .left li a.active {display: block; width: 300px; height: 36px; padding: 7px 0px 0px 40px; margin: -5px 0px 0px 0px; text-decoration: none; color: #4d96c2; background: url(../images/podcatalog_hover.png) no-repeat;} .podcatalog ul {display: block; list-style: none; margin: 0px; padding: 0px;} .podcatalog li {display: block; width: 300px; height: 36px; padding: 7px 0px 0px 0px; margin: -5px 0px 0px 0px; font: bold 14px Trebuchet MS, san-serif; background: transparent;} .podcatalog li a {display: block; width: 300px; height: 36px; padding: 7px 0px 0px 40px; margin: -5px 0px 0px 0px; text-decoration: underline; color: #4d96c2; background: url(../images/podcatalog.png) no-repeat;} .podcatalog li a:hover {display: block; width: 300px; height: 36px; padding: 7px 0px 0px 40px; margin: -5px 0px 0px 0px; text-decoration: none; color: #4d96c2; background: url(../images/podcatalog_hover.png) no-repeat;} .podcatalog li a.active {display: block; width: 300px; height: 36px; padding: 7px 0px 0px 40px; margin: -5px 0px 0px 0px; text-decoration: none; color: #4d96c2; background: url(../images/podcatalog_hover.png) no-repeat;} /* Контент */ .right {float: right; width: 654px; position: relative; margin: 0px; padding: 15px; text-align: left;} .right h1 {font: 22px Trebuchet MS, san-serif; color: #2581b2; padding: 5px 0px; margin: 0px;} .right h2 {font: 22px Trebuchet MS, san-serif; color: #2581b2; padding: 5px 0px; margin: 0px;} .right p {font: 14px Trebuchet MS, san-serif; color: #000000; padding-top: 5px; text-align: justify;} .right ul {display: block; list-style: none; margin-left: 10px; padding: 0px;} .right li {display: block; list-style: none; font: 14px Trebuchet MS, san-serif; color: #000000; padding-top: 5px;} .right a {color: #4d96c2; text-decoration: underline;} .right a:hover {color: #4d96c2; text-decoration: none;} .right table {min-width: 600px; margin: 5px 0px; background: #ffffff; color: #000000; font: 14px Trebuchet MS, san-serif; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;} .right tr {padding: 4px 10px; margin: 0px; text-align: center;} .right td {padding: 4px 5px; margin: 0px; border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;} /* Скачивание */ .article {height: 40px; margin: 0px; padding: 5px; font: bold 14px Trebuchet MS, san-serif; color: #22286f; text-transform: uppercase; } .article_icon {float: left; margin: 3px 10px 0px 0px;} .article_text {padding-top: 12px;} /* Слайдер */ .container {width: 654px; padding: 10px 0px; margin-right: 30px; position: relative; z-index: 0;} .slider_foto {float: left; width: 400px; height: 340px; position: relative;} .frame {position: absolute; z-index: 0; width: 400px; height: 260px; float: left;} .slides {position: absolute; top: 0px; left: 0px; z-index: 100;} .slides_container {width: 350px; height: 200px; padding: 30px 25px; overflow: hidden; position: relative; display: none;} .slides_container a {width: 350px; height: 200px; display: block;} .slides_container a img {display: block;} .slides .next, .slides .prev {position: absolute; top: 265px; left: 0px; width: 56px; height: 56px; display: block; z-index: 101;} .slides .next {left: 344px;} .pagination {float: right; margin-top: 20px; margin-right: 150px;} .pagination li {float: left; margin: 0px 1px; list-style: none;} .pagination li a {display: block; width: 12px; height: 0; padding-top: 12px; background-image: url(../images/pagination.png); background-position: 0 0; float: left; overflow: hidden;} .pagination li.current a {background-position: 0px -12px;} .slider_info {float: right; width: 220px;} .slider_text p {font: 14px Trebuchet MS, san-serif; color: #000000; padding-bottom: 5px; text-align: left;} .slider_price {width: 220px; height: 65px; font: bold 30px Tahoma, san-serif; color: #3b85b6; margin: 5px 0px; padding: 15px 0px 0px 15px; background: url(../images/slider_price.png) no-repeat;} .slider_podr {font: bold 14px Trebuchet MS, san-serif; color: #000000; padding: 0px; text-align: right;} .slider_podr a {color: #79ab00; text-decoration: underline;} .slider_podr a:hover {color: #79ab00; text-decoration: none;} /* Этапы в работе */ .start {width: 100%; height: 200px; margin: 20px auto 0px auto; padding: 0px; background: url(../images/start_bg.png) repeat-x; clear: both;} .start h1 {font: 22px Trebuchet MS, san-serif; color: #000000; padding: 5px 0px; margin-left: 20px; text-align: left;} .start_fon {width: 1024px; height: 200px; margin: 0px auto; padding: 0px; background: url(../images/start.png) no-repeat;} .start_box {float: left; width: 250px; height: 200px; margin-right: 20px; padding: 0px;} .start_box h1 {font: 20px Trebuchet MS, san-serif; color: #2581b2; padding: 5px 0px; margin: 0px; text-align: center;} .start_icon { width: 170px; height: 121px; padding: 5px 0px; margin: 0px 40px;} .start_arrow {float: left; width: 70px; height: 121px; padding: 0px; margin: 40px 0px; background: url(../images/start_arrow.png) no-repeat;} .start_box p {font: bold 14px Trebuchet MS, san-serif; color: #000000; padding-top: 5px; text-align: center;} /* Каталог */ .catalog {margin: 5px 0px 10px 0px; padding: 0px; min-height: 160px;} .catalog_image {float: left; margin: 0px 10px 10px 0px;} .catalog_image img {width: 150px; height: 150px; background: #ffffff; padding: 1px; border: 1px solid #c0c0c0;} .catalog_name,.description {font: 18px Tahoma, san-serif; color: #1d1d1d; text-align: left;} .catalog_price {font: 18px Tahoma, san-serif; color: #1d1d1d; text-align: left;} .catalog_price_figures {font: 20px Tahoma, san-serif; color: #d22817;} .catalog_text {font: 14px Trebuchet MS, san-serif; color: #000000; padding-top: 5px; text-align:justify;} /* Подкаталог */ .box {margin: 5px 0px; padding: 0px;} .box_foto {float: left; width: 150px; height: 100px; padding: 1px; border: 1px solid #c0c0c0; margin-right: 10px;} .box_name {font: 17px Trebuchet MS, san-serif; color: #033d56; margin: 0px; padding-bottom: 5px;} .box_name a {text-decoration: underline; color: #033d56;} .box_name a:hover {text-decoration: none; color: #033d56;} .box_text {font: 14px Trebuchet MS, san-serif; color: #000000; padding: 0px; margin: 0px; text-align: justify;} .line {clear: both; height: 1px; width: 100%; background: #ebebeb; margin: 5px 0px; padding: 0px;} /* Пейджер */ ul.pager {clear: both; margin: 10px 0px; padding: 0px; font: 16px Trebuchet MS, san-serif; color: #808080;} .pager a {margin-right: 4px; color:#4d96c2; text-decoration: none; font: 20px Trebuchet MS, san-serif;} .pager a:hover { color: #91bb00; text-decoration:none; font: 20px Trebuchet MS, san-serif;} .pager a.active {color: #91bb00; text-decoration:none; font: 20px Trebuchet MS, san-serif;} /* Новости */ .date {font: 10px Trebuchet MS, san-serif; color: #808080; background: #ebebeb; margin: 5px 0px 0px 0px; padding: 3px 5px 0px 5px; width: 50px; height: 16px;} .news h1 {font: 20px Trebuchet MS, san-serif; color: #000000; padding: 5px 0px; margin: 0px;} .news p {font: 14px Trebuchet MS, san-serif; color: #000000; padding-top: 5px; text-align: justify;} /* Обратная связь и Мы вам перезвоним */ #contact_form {width: 600px; margin: 0px; padding: 0px;} #contact_form h1 {font: 22px Trebuchet MS, san-serif; color: #2581b2; padding: 5px 0px; margin: 0px;} #contact_form table {width: 600px; padding: 5px; margin: 10px 0px; background: #e1e9ee; border: 3px solid #779fb8;} #contact_form tr, #contact_form td {padding: 5px; font: 14px Trebuchet MS, san-serif; color: #000000; text-align: left; border: none;} #contact_form p {font: 14px Trebuchet MS, san-serif; color: #000000; padding: 5px 0px; margin: 0px; text-align: justify;} #perezvon {width: 600px; margin: 0px 20px; padding: 0px;} #perezvon h1 {font: 22px Trebuchet MS, san-serif; color: #2581b2; padding: 5px 0px; margin: 0px; text-align: left;} #perezvon table {width: 600px; padding: 5px; margin: 10px 0px; background: #e1e9ee; border: 3px solid #779fb8;} #perezvon tr, #perezvon td {padding: 5px; font: 14px Trebuchet MS, san-serif; color: #000000; text-align: left; border: none;} #perezvon p {font: 14px Trebuchet MS, san-serif; color: #000000; padding: 5px 0px; margin: 0px; text-align: justify;} /* Подвал */ .bottom_bg {width: 100%; margin: 0px auto; background: url(../images/bottom_bg.jpg) repeat-x; clear: both;} .bottom {width: 1024px; height: 239px; margin: 0px auto; padding: 0px; background: url(../images/bottom.jpg) no-repeat;} .copyright {float: left; width: 400px; margin: 30px 0px 0px 100px; font: 14px Trebuchet MS, sans-serif; color: #ffffff; text-align: left;} .copyright a {color: #ffffff; text-decoration: underline;} .copyright a:hover {color: #ffffff; text-decoration: none;} .copyright2 {float: right; width: 400px; margin: 60px 0px 0px 0px; font: 14px Trebuchet MS, sans-serif; color: #000000; text-align: right;} .copyright2 a {color: #000000; text-decoration: underline;} .copyright2 a:hover {color: #000000; text-decoration: none;}