/* ОБЩИЕ */
html { height:100%; margin:0; padding:0;}
body { height:100%; margin:0; padding: 0 0 0 24px;}
form {margin:0; padding:0;}
body {
font-family: arial, tahoma, verdana, sans-serif;/* определяем базовые шрифты сайта */
}
a:link {color: #1083b9;}
a:visited {color: #9eabc1;}
.small {font-size: 90%;}
/* ВЕРХНЕЕ МЕНЮ */
.topmenu {list-style: none; margin: 0; padding: 0; font-size: 75%;}
.topmenu li {display: block; float: right; padding-left: 2em; white-space: nowrap;}
.topmenu a, .topmenu a:visited {
/*color: #cf3847;*/
color: #034e9b;
}
/* ВНУТРЕННЯЯ ЧАСТЬ */
h1 {font-size: 160%; font-weight: normal; margin-top: -2px;}
h2 {font-size: 120%; font-weight: normal; margin-bottom: 1ex; color: #333;}
h3 {font-size: 90%; margin-bottom: 1ex;}
h4 {font-size: 75%; margin-bottom: 1ex;}
h5 {font-size: 75%; font-style: italic; margin-bottom: 1ex;}
h6 {font-size: 75%; font-style: italic; font-weight: normal; margin-bottom: 1ex;}
.siteContent p, .siteContent li, .siteContent table.data td, .siteContent table.clean td {font-size: 75%;} /* определяем размер основного текста сайта */
.siteContent small {font-size: 90%;}
.siteContent p {margin: 0.5ex 0 2ex 0; text-align: justify;}
/* Верхние и нижние индексы */
sup, sub {
vertical-align: middle;
position: relative;
font-size: 75%;
}
sup { bottom: 0.5em; }
sub { top: 0.5em; }
/* для корректности размеров вложенных тегов - begin */
.siteContent li li {font-size: 100%;}
.siteContent td td {font-size: 100%;}
.siteContent td li {font-size: 100%;}
.siteContent td p {font-size: 100%;}
.siteContent p li {font-size: 100%;}
/* для корректности размеров вложенных тегов - end */
/* таблица с рамкой в 1 пиксел - begin */
.siteContent table.data {border-collapse : collapse; empty-cells: hide;}
.siteContent table.data th, .siteContent table.data .thead {
font-weight : bold;
background-color : #d0d0d0;
}
.siteContent table.data td, .siteContent table.data th {
border : 1px solid #333333;
padding: 4px;
}
/* таблица с рамкой в 1 пиксел - end */
/* таблица без рамки - begin */
.siteContent table.clean th, .siteContent table.clean .thead td {
font-weight : bold;
background-color : #d0d0d0;
}
.siteContent table.clean td, .siteContent table.clean th {
border : 0px solid #000000;
}
/* таблица без рамки - end */
/* НАВИГАЦИОННЫЕ ПИКТОГРАММЫ */
.picts a img {border: 1px solid #fff;}
.picts a:hover img {border: 1px solid #388dbe;}
.picts span, .picts a {padding: 0 3px;}
.picts span img {border: 1px solid #388dbe; background: #388dbe;}
/* НОВОСТИ */
.mainblock h2 {clear: both;}
.mainblock .NewsDate {color: #959595; display: block; margin-bottom: 0.25ex; /*font-size: 70%;*/}
.mainblock .OneNew .NewsShortText {margin-bottom: 3ex; /*font-size: 70%;*/}
.mainblock .OneNew .NewsShortText p, .mainblock .OneNew .NewsShortText li {font-size: 100%;}
/* КАТАЛОГ НА ГЛАВНОЙ - ПЛАШКИ */
div.maincat a {
display: block;
float: left;
margin: 0 10px 10px 0;
}
table.maincat {border-collapse: collapse;}
table.maincat td {text-align: center; vertical-align: middle; padding-bottom: 12px;}
/* БЛОКИ С ЗАКРУГЛЁННЫМИ УГЛАМИ */
.roundedblock {background: #e6f2ff;}
.roundedblock b.corner {display: block; height: 10px;}
.roundedblock b.lt {background: url(/img/corner_lt.gif) no-repeat;}
.roundedblock b.rt {background: url(/img/corner_rt.gif) 100% 0 no-repeat;}
.roundedblock b.lb {background: url(/img/corner_lb.gif) 0 100% no-repeat;}
.roundedblock b.rb {background: url(/img/corner_rb.gif) 100% 100% no-repeat;}
.roundedblock h3, #roundedblock h4, #roundedblock p {margin-top: 0; margin-bottom: 0; padding-bottom: 1ex;}
.roundedblock h3 { padding-top: 15px;}
.rndblockcontent {display: block; padding: 0 15px;}
.rndblockcontent .morelink {font-size: 90%;}
.rndblockcontent .closable {overflow: hidden; margin-bottom: 1ex; font-size: 90%;}
/* Блок "Новинка" */
.novinka {background: transparent url(/img/bgr_block_novinka.gif) no-repeat; margin-bottom: 10px;}
.novinka .xtop, .novinka .xbottom {display: block; background: transparent; font-size: 1px;}
.novinka .xb1, .novinka .xb2, .novinka .xb3, .novinka .xb4, .novinka .xb5 {display: block; overflow: hidden;}
.novinka .xb2, .novinka .xb3, .novinka .xb4, .novinka .xb5 {border-left: 1px solid #e5a7a3; border-right: 1px solid #e5a7a3;}
.novinka .xb1 {height:1px; margin:0 7px; background: #e5a7a3;}
.novinka .xb2 {height:1px; margin:0 5px; border-width: 0 2px;}
.novinka .xb3 {height:1px; margin:0 3px; border-width: 0 2px;}
.novinka .xb4 {height: 2px; margin: 0 2px; border-width: 0 1px;}
.novinka .xb5 {height: 2px; margin: 0 1px; border-width: 0 1px;}
.novinka .blockcontent {
text-align: center;
display: block;
border: 0 solid #e5a7a3;
border-width: 0 1px;
padding: 42px 15px 15px;
}
.novinka .prodname {display: block; font-weight: bold; margin-top: 1ex;}
/* Блок обзора каталога (бывший "Новинка") */
.novinka2 {margin-bottom: 30px;}
.novinka2 .xtop, .novinka2 .xbottom {display: block; background: transparent; font-size: 1px;}
.novinka2 .xb1, .novinka2 .xb2, .novinka2 .xb3, .novinka2 .xb4, .novinka2 .xb5 {display: block; overflow: hidden;}
.novinka2 .xb2, .novinka2 .xb3, .novinka2 .xb4, .novinka2 .xb5 {border-left: 1px solid #A5C4DA; border-right: 1px solid #A5C4DA;}
.novinka2 .xb1 {height:1px; margin:0 7px; background: #A5C4DA;}
.novinka2 .xb2 {height:1px; margin:0 5px; border-width: 0 2px;}
.novinka2 .xb3 {height:1px; margin:0 3px; border-width: 0 2px;}
.novinka2 .xb4 {height: 2px; margin: 0 2px; border-width: 0 1px;}
.novinka2 .xb5 {height: 2px; margin: 0 1px; border-width: 0 1px;}
.novinka2 .blockcontent {
text-align: center;
display: block;
border: 0 solid #A5C4DA;
border-width: 0 1px;
padding: 5px 15px 15px;;
}
.novinka2 .prodname {display: block; font-weight: bold; font-size: 80%; margin-top: 1ex;}
.novinka2 h3 {margin: 0 0 15px; padding: 0;}
/* ПОДВАЛ */
.bottom {padding: 35px; margin: 35px 10px 0 0; border-top: 1px solid #828282;}
.bottom td {font-size: 70%;}
/* КАТАЛОГ */
/*
.meat, a.meat, a.meat:visited, .meat a {color: #b64c4d;}
.fish, a.fish, a.fish:visited, .fish a {color: #4f7588;}
.milk, a.milk, a.milk:visited, .milk a {color: #967e62;}
.bread, a.bread, a.bread:visited, .bread a {color: #b07037;}
.cafe, a.cafe, a.cafe:visited, .cafe a {color: #8e5e4e;}
.upak, a.upak, a.upak:visited, .upak a {color: #56704e;}
.rash, a.rash, a.rash:visited, .rash a {color: #497e9e;}
.service, a.service, a.service:visited, .service a {color: #6a7379;}
*/
.catheader {color: #808795; font-size: 18px; margin-bottom: 10px; position: relative; left: -8px;}
ul.cat {margin: 0 0 25px 0; position: relative; left: -24px; width: 264px; padding: 0; list-style: none;}
.cat li {
font-size: 14px;
padding: 0 0 8px 57px;
margin: 5px 0 0 0;
}
.cat a, .cat a:visited {color: #1083b9;}
.cat li.act {
font-weight: bold; height: 60px; padding: 0 0 0 67px;
}
.cat li.act a {}
.cat li.level2 {
font-size: 11px;
line-height: 13px;
height: auto;
display: block;
padding: 0.75ex 0 1ex 67px;
margin: 0;
}
.cat li.level3 {
font-size: 11px;
line-height: 13px;
height: auto;
display: block;
margin: 0 0 0 77px;
padding: 0.5ex 0 0.75ex 5px ;
border-left: 5px solid #E6F2FF;
}
.cat .meat {background: url(/img/ico_cat_meat.gif) 14px 3px no-repeat;}
.cat .fish {background: url(/img/ico_cat_fish.gif) 14px 3px no-repeat;}
.cat .milk {background: url(/img/ico_cat_milk.gif) 14px 3px no-repeat;}
.cat .bread {background: url(/img/ico_cat_bread.gif) 14px 3px no-repeat;}
.cat .cafe {background: url(/img/ico_cat_obshepit.gif) 14px 3px no-repeat;}
.cat .upak {background: url(/img/ico_cat_upak.gif) 14px 3px no-repeat;}
.cat .rash {background: url(/img/ico_cat_rash.gif) 14px 3px no-repeat;}
.cat .service {background: url(/img/ico_cat_service.gif) 14px 3px no-repeat;}
.cat .veget {background: url(/img/ico_cat_veget.gif) 14px 3px no-repeat;}
.cat .holod {background: url(/img/ico_cat_holod.gif) 14px 3px no-repeat;}
.cat .meatact {background: url(/img/bgr_cat_meat.gif) no-repeat; font-weight: bold; height: 60px; padding: 0 0 0 67px;}
.cat .meatact a, .cat .meatact a:visited {color: #b64c4d; padding-top: 22px; text-decoration: none; display: block;}
.cat .fishact {background: url(/img/bgr_cat_fish.gif) no-repeat; font-weight: bold; height: 60px; padding: 0 0 0 67px;}
.cat .fishact a, .cat .fishact a:visited {color: #4f7588; padding-top: 22px; text-decoration: none; display: block;}
.cat .milkact {background: url(/img/bgr_cat_milk.gif) no-repeat; font-weight: bold; height: 60px; padding: 0 4px 0 64px;}
.cat .milkact a, .cat .milkact a:visited {color: #967e62; padding-top: 13px; text-decoration: none; display: block;}
.cat .breadact {background: url(/img/bgr_cat_bread.gif) no-repeat; font-weight: bold; height: 60px; padding: 0 0 0 67px;}
.cat .breadact a, .cat .breadact a:visited {color: #b07037; padding-top: 7px; line-height: 15px; text-decoration: none; display: block;}
.cat .cafeact {background: url(/img/bgr_cat_obshepit.gif) no-repeat; font-weight: bold; height: 60px; padding: 0 0 0 67px;}
.cat .cafeact a, .cat .cafeact a:visited {color: #8e5e4e; padding-top: 13px; text-decoration: none; display: block;}
.cat .upakact {background: url(/img/bgr_cat_upak.gif) no-repeat; font-weight: bold; height: 60px; padding: 0 0 0 67px;}
.cat .upakact a, .cat .upakact a:visited {color: #56704e; padding-top: 13px; text-decoration: none; display: block;}
.cat .rashact {background: url(/img/bgr_cat_rash.gif) no-repeat; font-weight: bold; height: 60px; padding: 0 0 0 67px;}
.cat .rashact a, .cat .rashact a:visited {color: #497e9e; padding-top: 22px; text-decoration: none; display: block;}
.cat .serviceact {background: url(/img/bgr_cat_service.gif) no-repeat; font-weight: bold; height: 60px; padding: 0 0 0 67px;}
.cat .serviceact a, .cat .serviceact a:visited {color: #6a7379; padding-top: 22px; text-decoration: none; display: block;}
.cat .vegetact {background: url(/img/bgr_cat_veget.gif) no-repeat; font-weight: bold; height: 60px; padding: 0 0 0 67px;}
.cat .vegetact a, .cat .vegetact a:visited {color: #d98f40; padding-top: 22px; text-decoration: none; display: block;}
.cat .holodact {background: url(/img/bgr_cat_holod.gif) no-repeat; font-weight: bold; height: 60px; padding: 0 0 0 67px;}
.cat .holodact a, .cat .holodact a:visited {color: #7c74a3; padding-top: 13px; text-decoration: none; display: block;}
/* ВОПРОСЫ И ОТВЕТЫ */
.rndblockcontent .faqquestion {font-weight: bold; margin-bottom: 2ex;}
.faqitem {margin-bottom: 3ex;}
.faqquestion {
font-size: 75%;
margin-bottom: 0.5ex;
font-weight: bold;
text-align: justify;
}
.faqquestionauthor, .faqquestiondate, .faqanswerauthor {
font-size: 70%;
display: inline;
margin-bottom: 1ex;
color: #777;
}
.faqanswer {
font-size: 75%;
margin-top: 1.5ex;
padding-left: 0em;
text-align: justify;
}
h4 .h2 {font-size: 160%; color: #333; font-weight: normal;}
/* Карта сайта */
ul.siteMap {list-style: none; padding: 0; margin: 0;}
.siteMap li {margin-bottom: 1ex;}
/* Иллюстрации на страницах каталога и картинки в списке продукции */
.illustr .item, .prod .item {
float: left;
margin: 0 15px 15px 0;
padding: 15px;
background: #e3e3e3;
}
/* Страница товара */
.prod a.order {padding-left: 13px; background: url(/img/galochka.gif) 0 50% no-repeat;}
.bg, .bg td {background:#f5f5f5;}
/* Галерея на странице "О компании" */
/* needed for IE to make :active state work first time */
a, a:visited {color:#9eabc1;}
/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #F2EFDF; width:45px; height:45px; float:left; margin:3px; z-index:50;}
a.slidea {background:url(/img/1s.jpg);}
a.slideb {background:url(/img/2s.jpg);}
a.slidec {background:url(/img/3s.jpg);}
a.slided {background:url(/img/4s.jpg);}
a.slidee {background:url(/img/5s.jpg);}
a.slidef {background:url(/img/6s.jpg);}
a.slideg {background:url(/img/7s.jpg);}
a.slideh {background:url(/img/8s.jpg);}
a.gallery em {display:none;}
a.gallery:hover {border:1px solid #1083b9;}
/* styling for BOTTOM gallery */
#container_bottom {
position:relative;
width:280px;
height:390px;
background:#E3E3E3;
margin:0 auto;
}
#container_bottom img {border:0;}
#container_bottom .thumbs {position:absolute; left:6px; bottom:0; height:114px;}
#container_bottom a.gallery:active, #container_bottom a.gallery:focus {border:1px solid #1083b9;}
#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {display:block; position:absolute; width:1257px; height:257px; top:-265px; left:5px; padding:0px; color:#4F4F4F; border:0px solid #1083b9; z-index:50;}
#container_bottom h1 {
clear:both;
margin:0;
padding-top:80px;
text-align:center;
font-family: georgia, "times new roman", serif;
font-size:3em;
font-weight:normal;
color:#ccc;
}
#container_bottom h1 em {font-size:0.6em; color:#000;}