* {
margin: 0;
padding: 0;
}
html {height: 100%; }
body {
font: 13px/18px Arial, Tahoma, Verdana, sans-serif;
color: #c0c0c0;
height: 100%;
background:#070934;
}
#wrapper { background: url('/pics/bg.jpg') no-repeat; width:1200px; margin: 0 auto; } /* задаёт общий фон и ширину */
#general { background: url('/pics/shoulders.png') repeat-y; /*width:1200px;*/ margin: 0 auto; } /* задаёт боковые тени */
/* кнопки переходов на соцсети */
.socialButton {text-decoration: none; display: inline-block; width:48px; height:48px; margin: 0 6px 0 0;}
#social-fb {background: url("/images/social.png") -310px -24px no-repeat;}
#social-fb:hover {background:url("/images/social.png") -668px -24px no-repeat;}
#social-vk {background: url("/images/social.png") -78px -24px no-repeat;}
#social-vk:hover {background:url("/images/social.png") -436px -24px no-repeat;}
#social-insta {background: url("/images/social.png") -310px -198px no-repeat;}
#social-insta:hover {background:url("/images/social.png") -668px -198px no-repeat;}
/* пиктограммы */
#pictswrapper { margin: 0;}
.picts {margin: 0 10px 0 9px; float:left;}
.picts a {display: block; height:112px;}
#upakovka { background-image: url(/images/picts_all.png); width:83px; background-position: 0px 0px;}
#upakovka:hover {background-position: 0px 112px;}
#garant { background-image: url(/images/picts_all.png); width:83px; background-position: -101px 0px;}
#garant:hover {background-position: -101px 112px;}
#obmen { background-image: url(/images/picts_all.png); width:97px; background-position: -197px 0px;}
#obmen:hover {background-position: -197px 112px;}
#podshiv { background-image: url(/images/picts_all.png); width:82px; background-position: -308px 0px;}
#podshiv:hover {background-position: -308px 112px;}
#cupon { background-image: url(/images/picts_all.png); width:87px; background-position: -401px 0px;}
#cupon:hover {background-position: -401px 112px;}
#shop { background-image: url(/images/picts_all.png); width:110px; background-position: -488px 0px;}
#shop:hover {background-position: -488px 112px;}
#italy { background-image: url(/images/picts_all.png); width:89px; background-position: -606px 0px;}
#italy:hover {background-position: -606px 112px;}
#sertifikat { background-image: url(/images/picts_all.png); width:85px; background-position: -721px 0px;}
#sertifikat:hover {background-position: -721px 112px;}
#euro { background-image: url(/images/picts_all.png); width:110px; background-position: -814px 0px;}
#euro:hover {background-position: -814px 111px;}
#quality {background-image: url(/images/picts_all.png); width: 100px; background-position: -933px 0px;}
#quality:hover {background-position: -933px 112px;}
#solidman { background-image: url(/images/picts_all.png); width: 119px; background-position: -1062px 0px;}
#solidman:hover {background-position: -1062px 112px;}
#meter { background-image: url(/images/picts_all.png); width:110px; background-position: -1190px 0px;}
#meter:hover {background-position: -1190px 111px;}
/* для таблицы на странице "Наши преимущества" делаем без hover */
#upakovka_preim { background-image: url(/images/picts_all.png); width:83px; background-position: 0px 0px;}
#garant_preim { background-image: url(/images/picts_all.png); width:83px; background-position: -101px 0px;}
#obmen_preim { background-image: url(/images/picts_all.png); width:97px; background-position: -197px 0px;}
#podshiv_preim { background-image: url(/images/picts_all.png); width:82px; background-position: -308px 0px;}
#cupon_preim { background-image: url(/images/picts_all.png); width:87px; background-position: -401px 0px;}
#shop_preim { background-image: url(/images/picts_all.png); width:110px; background-position: -488px 0px;}
#italy_preim { background-image: url(/images/picts_all.png); width:89px; background-position: -606px 0px;}
#sertifikat_preim { background-image: url(/images/picts_all.png); width:85px; background-position: -721px 0px;}
#euro_preim { background-image: url(/images/picts_all.png); width:110px; background-position: -814px 0px;}
#quality_preim {background-image: url(/images/picts_all.png); width: 100px; background-position: -933px 0px;}
#solidman_preim { background-image: url(/images/picts_all.png); width: 119px; background-position: -1062px 0px;}
#meter_preim { background-image: url(/images/picts_all.png); width:110px; background-position: -1190px 0px;}
.preim_table {width:100%; margin: 0 auto;}
.preim_table td {width:25%; height:165px; text-align:center;}
.preim_table td div {margin: 0 39px;}
#textUnderTel {font:12px/17px Arial; margin: 10px 0 0 0; color:#FC0;}
.menu { /* меню с разделителями, например, нижнее. */
font: 13px/18px Arial, Tahoma, Verdana, sans-serif;
color: #c0c0c0;
text-align: center;
}
.menu a {text-decoration: underline; color:#fefefe; }
.menu a:hover {text-decoration: none; color:#ffc400; }
.menu span {color:#c0c0c0;}
/* фотогалерея в странице О НАС */
.onaspicts {width:510px; margin:10px 0 10px 20px;}
.onaspicts a img {width:75px; height:75px; margin:0 6px 0 0;}
/* текст врезки справа в странице О НАС */
.vrezka {font-size: 11px;
line-height: 15px;
font-family: verdana;}
/******************* ВЕРХ ***********************/
#shapka {
background: /*url('/pics/HNY4.png') top left no-repeat,*/
url('/pics/topgradient.png') bottom left repeat-x,url('/pics/shadows.png') bottom left no-repeat ;
width:1200px; height:142px; margin: 0 auto; } /* шапка с телефоном, лого и др. */
#head { color:#fefefe; width:997px; height:142px; margin: 0 auto;}
#epigraph {/*width:275px;*/ /*height:46px;*/
color: #ffd341;
font: italic 23px/28px Arial;
letter-spacing: 1px;
/* margin: 0 0 47px; */
text-align: right;
text-shadow: 2px 2px 3px black, 0 0 0 black;
}
#cabinet {width:275px; height:46px; text-align:right; height:30px; line-height: 30px;}
#searchform {/*width:190px;*/ height:50px; text-align:right; margin-top:12px;}
.lupa { width: 38px; height: 40px; margin: 0; padding:0; border: 0; background: transparent url('/pics/lupa.png') no-repeat center top;
text-indent: -1000em; cursor: pointer;}
#searchform input { margin: 10px 0 0 0; padding:2px; font-size:12px; color:#818181;width:240px;}
#search-submit-button {width:40px!important}
/****************** ВЕРХНЕЕ МЕНЮ *********************/
#topmenuline {
background: url('/pics/topmenubg.png') top center no-repeat; width:1052px; height:50px; margin: 0 auto;
padding-top: 14px;
}
/* меню с разделителями верхнее - только отличия от унисерсального стиля меню! */
#topmenuline .menu ul li {
padding: 7px 15px;
background: url('/pics/divider.png') no-repeat;
text-transform:uppercase;
}
#topmenuline .menu ul li:first-child { /* первый элемент списка должен быть без фона-разделителя. */
background: none;
}
#topmenuline .menu a {text-decoration: none;}
.menu { /* меню с разделителями универсальное. */
color: #c0c0c0;
text-align: center;
}
.menu ul {
margin: 0;
padding: 0;
display: inline;
}
.menu ul li {
margin: 0;
padding: 0px 25px;
background: url('/pics/whitedivider.gif') no-repeat;
list-style: none;
display: inline;
font: 13px/21px Arial, Tahoma, Verdana, sans-serif;
}
.menu ul li:first-child { /* первый элемент списка должен быть без фона-разделителя. */
background: none;
}
.menu a {text-decoration: underline; color:#ffffff; }
.menu a:hover {text-decoration: none; color:#ffc400; }
/******************** ПОЛОСА С КОРЗИНОЙ *************************/
#basketline {color:#fefefe; width:997px; height:75px; text-align:right; margin:0 auto; padding:0; font: 17px/20px Arial, Tahoma, Verdana, sans-serif;}
#basketline a {text-decoration: underline; color:#FFC400;}
#basketline a:hover {text-decoration: none; color:#FFC400;}
/******************** ПОЛОСА С ПОДМЕНЮ И КОНТЕНТОМ *************************/
/* Универсальный двухколоночный блок */
#middle {
width: 997px;
height: 1%;
margin:0 auto;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
.container {
width: 997px;
float: left;
overflow: hidden;
}
.content {
padding: 0 0 0 197px;
}
.leftfield {
float: left;
width: 197px;
margin-left: -100%;
position: relative;
}
/************ меню слева *************/
/*#leftmenu { font: 13px/25px Arial, Tahoma, Verdana, sans-serif; text-shadow: black 2px 3px 2px, black 0 0 0em;}*/
#leftmenu {
background: url("/pics/menugradient5.png") repeat-y scroll 0 0 transparent;
font: 13px/25px Arial,Tahoma,Verdana,sans-serif;
padding: 1px 0px 5px 10px;
position: relative;
text-shadow: 2px 3px 2px black, 0 0 0 black;
top: 10px;
}
#leftmenu li:hover {/*list-style-type:none;*/ /*font-weight:bold;*/ }
/*#leftmenu li:hover:after {content:" »";}*/
#leftmenu ul {margin:0px; padding:0px;}
#leftmenu li {margin:2px 0 3px 20px;
font-size: 16px;}
#leftmenu a {color:#CCC;text-decoration:none;}
#leftmenu a:hover {color:#FFCC00;text-decoration:none;}
/***************** Корень каталога на главной **********************/
#catalog_root {overflow:visible; width:792px; margin: 0 0 0 26px;} /* шире, чем родитель, чтобы скрыть трочащий правый маржин у правых детей. */
#catalog_root .item { width:150px; height:199px; text-align:center; float:left; margin:10px 48px 15px 0; background:#161b1e;}
#catalog_root .item img {width:150px;height:150px;}
#catalog_root .item span {width: 150px; height: 40px; font-size: 18px; display: table-cell; vertical-align: middle; }
#catalog_root .item a {text-decoration:none;}
/***************** Результат выборки каталога **********************/
#rezultat { height: 100%; margin-left: 10px; width: 792px; }
.rezunit { float: left; font: bold 14px Arial; height: 290px; margin: 0px 12px 30px 12px; text-align: center; width: 171px; }
#rezultat a { text-decoration:none; color:#FFC400; }
#rezultat b { color:#FEFEFE; font: 13px/18px Arial; }
#rezultat img { border: 1px solid #A2A3A4; height: 240px; width: 170px; }
/******************* простой текст ***************************/
.content .darkblock{width:800px;min-height:800px;margin: 10px 0 20px 0;}
.content .darkblock h1 {color:#ffc400; font: 36px/36px Times, Arial, Tahoma, Verdana, sans-serif; padding: 15px 20px 15px 20px; text-align: right; }
.content .darkblock h2 {color:#ffc400; font: 19px/36px Arial, Tahoma, Verdana, sans-serif; padding: 20px 20px 15px 20px; text-align: left; }
/************* ТОВАР ************/
#tovar { width:800px; }
#tovar td {vertical-align: top; padding:20px;}
#tovar td:first-child {padding-right:0;}
#tovar #info #opis {color:#FFFFFF;margin-top: 20px; text-align:right;}
#tovar #info #price {color:#FFc400;height:100%; font: bold 25px/30px Arial, Tahoma, Verdana, sans-serif; text-align:right; vertical-align:bottom; margin:0;padding:10px 0 20px 0;}
#tovar #info h1 {font: 20px/25px Arial, Tahoma, Verdana, sans-serif; text-align:right;margin: 0;padding:0;}
#tovar #info h3 {text-align:right;margin-top:40px;}
#info td {margin:0;padding:0;}
#filter {text-align:right; color:#FFFFFF; font-weight:bold;padding-top:20px;}
#filter select {width:150px;}
/* четыре сервисные кнопки */
#servbuttons {margin-top:20px;}
#servbuttons .item { width:100px;height:60px;text-align:center; float:left;}
#servbuttons .item a {width:100px;height:45px; display:block;}
#payment_button {line-height:100px;background:url(/pics/services_payment.png) top center no-repeat;}
#payment_button:hover {background-position:bottom center;}
#delivery_button {line-height:100px;background:url(/pics/services_delivery.png) top center no-repeat;}
#delivery_button:hover {background-position:bottom center;}
#back_button {line-height:100px;background:url(/pics/services_back.png) top center no-repeat;}
#back_button:hover {background-position:bottom center;}
#conditions_button {line-height:100px;background:url(/pics/services_conditions.png) top center no-repeat;}
#conditions_button:hover {background-position:bottom center;}
/********** СЛАЙДЕРЫ ПОД ТОВАРОМ *************/
#undertovar {width:760px; /*border:1px solid red;*/ margin: 20px; padding-bottom:20px;}
.scroller {width:760px;}
#carousel{width:700px;height:180px;margin:20px 0 0;}
/* Navbar */
#carousel .sliderkit-nav1{left:0;bottom:0;width:700px;height:180px;padding:0;background:none;}
#carousel .sliderkit-nav-clip ul li{float:left;width:130px;margin:0 60px 0 0;text-align:left;}
#carousel .sliderkit-nav-clip ul li > a{display:block;width:130px;height:87px;overflow:hidden;margin:0;opacity:0.8;border:1px solid #eee;}
#carousel .sliderkit-nav-clip ul li > a:hover{opacity:1;}
#carousel .sliderkit-nav-clip ul li h3{margin:5px 0;font-size:1em;}
#carousel .sliderkit-nav-clip ul li p{font-size:0.9em;}
#carousel .sliderkit-nav-clip ul li .rlt-link-readmore:hover{text-decoration:underline;}
/* Buttons */
#carousel .sliderkit-nav1 .sliderkit-nav-btn{position:absolute;top:74px;}
#carousel .sliderkit-nav1 .sliderkit-nav-btn span{display:none;}
#carousel .sliderkit-nav1 .sliderkit-nav-btn a{display:block;width:26px;height:31px;background:transparent url("../images/arrows-h-btn.gif") no-repeat 0 0;}
#carousel .sliderkit-nav1 .sliderkit-nav-prev{left:20px;}
#carousel .sliderkit-nav1 .sliderkit-nav-next{right:20px;}
#carousel .sliderkit-nav1 .sliderkit-nav-prev a{background-position:0 0;}
#carousel .sliderkit-nav1 .sliderkit-nav-next a{background-position:0 -31px;}
#carousel .sliderkit-nav1 .sliderkit-nav-prev a:hover,
#carousel .sliderkit-nav1 .sliderkit-nav-prev a:focus{background-position:-26px 0;}
#carousel .sliderkit-nav1 .sliderkit-nav-next a:hover,
#carousel .sliderkit-nav1 .sliderkit-nav-next a:focus{background-position:-26px -31px;}
#carousel .sliderkit-nav1 .sliderkit-btn-disable a{cursor:default;}
#carousel .sliderkit-nav1 .sliderkit-nav-prev.sliderkit-btn-disable a{background-position:-52px 0;}
#carousel .sliderkit-nav1 .sliderkit-nav-next.sliderkit-btn-disable a{background-position:-52px -31px;}
.sliderkit{display:none;position:relative;overflow:hidden;text-align:left;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit .sliderkit-nav1{z-index:10;position:absolute;text-align:center;}
.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}
.sliderkit .sliderkit-btn{z-index:10;}
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}
.sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}
.sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}
.sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;}
.sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;}
/* затемненный блок */
.darkblock{width: 1200px; margin:0 auto; background: url('/pics/trans60proc.png') repeat; }
/* блок с НОВОСТЯМИ и О НАС */
#overaboutblock{width: 997px; height: 27px; margin:0 auto; background: url('/pics/about_top.png') no-repeat; }
#about {
width: 997px;
height: 1%;
margin:0 auto;
color:#C0C0C0;
background: url('/pics/stamp.png') bottom right no-repeat;
}
#about:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#about .container {
background: url('/pics/about_top.png') 0px -27px no-repeat;
}
#about .container .content {width:747px;padding-left:250px;}
#about .content h1 { font: 72px/72px Times, Arial, Tahoma, Verdana, sans-serif; padding:0; margin: 60px 0 10px; }
#about .leftfield span {display:block; /*иначе ширину не задать*/ width:230px; text-align:right; margin: 50px 20px 22px 0px; font-size:13px;}
#about .leftfield span a {color:#FFC400;}
#about .leftfield h1 { font: 36px/36px Times, Arial, Tahoma, Verdana, sans-serif; padding:0; margin: 0 0 15px; }
#about p {color:#C0C0C0; }
/****************** НОВОСТЬ В ЛЕНТЕ *****************/
.newsitem {width:230px; margin: 26px 20px 15px 0 ;}
/************ ПОЛОСАТЫЙ БЛОК *************/
#polosatik { width: 1200px; margin:0 auto; background: url('/pics/poloski.png') repeat; }
#shadow_top {background: url('/pics/shadow_top.png') top left repeat-x;}
#shadow_bottom {padding-bottom:50px; background: url('/pics/shadow_bottom.png') bottom left repeat-x;}
#polosatik .line {background:#343439;}
#blokstatey {
margin: 0 auto;
padding: 33px 0 50px;
width: 997px;}
#statyi { float:left; font: 36px/36px Times, Arial, Tahoma, Verdana, sans-serif; padding:0; margin: 0px; width:250px;}
#polosatik .menu {width:747px; margin-left:250px; padding-top:9px; text-align:right;}
#polosatik .menu ul li {padding: 0px 15px;}
#polosatik .menu ul li:last-child {padding-right: 0;} /* работает только в CSS3 */
#trinity {
margin: 0 auto;
width: 1065px;
}
#trinity td {width:285px; vertical-align:top; padding:0 35px 0 35px; border-left:1px solid #30393e;}
#trinity td:first-child {border:0;}
#trinity td img {float:left; margin:3px 20px 10px 0;}
#trinity td h3 {font: normal 13px/18px Arial, Tahoma, Verdana, sans-serif; overflow:hidden;}
/******************* НИЗ ***********************/
#subFooter {background: #000b3a; width:1200px; height:75px; margin: 0 auto; } /* блок над футером */
#subFooter .menu {width: 997px; margin: 25px auto;} /* нижнее меню-дублёр */
#footer {background: #001158; width:1200px; height:106px; margin: 0 auto;} /* футер */
#copyright { color:#fefefe; width:997px; height:106px; margin: 0 auto;}
#copyright b { color:#ffc400; font-size:14px;}
/*************** линия 997 х 1 ***************/
.line {background: #61626b; width:997px; height:1px; margin: 0 auto; }
/******************* СТАНДАРТНЫЕ *******************/
TABLE {border-collapse: collapse; border:0px;}/* cellspacing=0 */
TABLE TD {padding: 0px}/* cellpadding=0 */
p {padding: 10px 20px 15px 20px; color:#FFFFFF; text-align:justify;}
ul {
margin: 5px 20px 20px 40px;
}
ol {
margin: 5px 20px 20px 40px;
}
li {
/*list-style-image: url(//pics/li.gif);*/
margin-bottom: 3px;
}
img {border:0;}
h3 {color:#FFFFFF; font: 20px/25px Arial, Tahoma, Verdana, sans-serif; margin:0; padding:0;}
input {
border: 1px solid #a0a2a7;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
select {
border: 1px solid #a0a2a7;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
a {text-decoration: underline; color:#fefefe;
outline: none;}
a:hover {text-decoration: none; color:#ffc400;
outline: none;}