html, body {
margin:0;
padding:0;
}
img {
border:0px;
}
a {color: #003366;}
a:hover {color: #FF0000;}
/* conta - стиль конактов */
DIV.conta1{
padding:15px;
}
/* menu - стиль навигации вверху */
.menutable {
z-index:21;
width:100%;
border:0;
position:relative;
}
a.linkmenu2 {
color: #e5ebff;
display: block;
padding: 2px;
text-decoration: underline;
background-color: #003366;
min-width: 70px;
background-image: url('/img/header/a.jpg');
font: normal 90% Verdana, Arial, Helvetica, sans-serif;
}
a.linkmenu2:hover {
color: #FFFFFF;
display: block;
padding: 2px;
background-color: #003366;
min-width: 70px;
background-image: none
}
a.linkmenu1 {
color:#666666;
display: block;
padding: 2px;
min-width: 70px;
font: normal 90% Verdana, Arial, Helvetica, sans-serif;
}
a.linkmenu1:hover {
color: #003366;
display: block;
background-color: #f6fbfe;
min-width: 70px;
}
/* стиль таблиц описаниЯ товара */
.table_1 {
width: 95%; /* Ширина таблицы */
border-collapse: collapse; /* Убираем двойные линии между ячейками */
border: 2px solid white; /* Прячем рамку вокруг таблицы */
border-bottom: 3px solid #003366; /* Линия внизу таблицы */
border-top: 3px solid #F0F0F0; /* Линия вверху таблицы */
}
.td_1, .td_2{
background: #003366; /* Цвет фона ячейки */
padding: 5px; /* Поля вокруг текста */
color:#FFF;
font-weight: bold; /* Жирное начертание */
border: 1px solid #F0F8FF /* Параметры рамки */
}
.td_2{
text-align: center /* Выравнивание по центру */
}
.td_3, .td_4{
background: #FFF; /* Цвет фона ячейки */
padding: 5px; /* Поля вокруг текста */
border: 1px solid #003366; /* Параметры рамки */
}
.td_5{
background: #F0F0F0; /* Цвет фона ячейки */
padding: 2px; /* Поля вокруг текста */
border: 1px solid #003366; /* Параметры рамки */
}
.td_4{
text-align: center /* Выравнивание по центру */
}
.td_6 {
background: #999; /* Цвет фона ячейки */
padding: 5px;
border: 1px solid #003366; /* Рамка вокруг таблицы */
text-align: center /* Выравнивание по центру */
}
.td_7 {
padding: 5px; /* Поля вокруг текста */
border: 1px solid #003366; /* Рамка вокруг таблицы */
}
/* товар в топе */
div.topprod {
position: relative;
clear: none;
float: left;
margin: 10px;
border: 1px solid #d0d7e6;
padding: 10px;
width: 130px;
height: 230px
}
div.topprod2 {
position: relative;
overflow: hidden;
height:270px
}
/* fort - правая часть описания */
.fort1, .fort2, .fort3, .fort4, .fort5 {
padding:7px;
}
.fort1 {
text-align:center
}
.fort2 {
background: #F0F0F0;
}
/* cat - меню каталога */
.cat1, .cat2, .cat3 {
height:25px;
padding-right:10px;
}
.cat1 {
margin-left:10px;
}
.cat2 {
margin-left:25px;
}
.cat3 {
margin-left:40px;
}
.prod1 {
padding-left:1px;
padding-bottom:3px;
}
.prod2, .prod3, .prod4, .prod5 {
padding-left:6px;
padding-top:3px;
width:100%;
}
/* ruk - список ссылок */
.ruk {
padding: 10px;
}
.ruk1 {
padding: 3px;
min-height:75px
}
/* nsfy - меню о компании */
.nsfy1 {
height:45px;
padding-right:10px;
margin-left:20px;
}
/* nsfy - меню литература */
.nrha1 {
padding-right:10px;
margin-left:20px;
padding-bottom:10px;
min-width:200px
}
/* tab1... стиль таблицы списка цен в сериях*/
.tab1 {
width:97%;
border:0px;
}
.tab2 {
min-width:100px;
}
.tab3 {
width:80px;
padding-left:5px;
text-align:right;
}
.tab4 {
padding-left:5px;
}
.price, .tab3, .tab4, .tab5 {
color:#990000; /*цвет цен*/
}
/* pra1... стиль таблицы списка цен в прайсе*/
.pra1 {
padding-left:2px;
background: #D7D7D7
}
.pra2 {
padding-left:20px;
background: #DFDFDF
}
.pra3 {
padding-left:40px;
background: #EFEFEF
}
.pra4 {
padding-left:60px;
}
.pra11 {
padding-left:80px;
width:20%
}
.pra20 {
padding-left:80px;
}
.pra12 {
padding-left:20px;
text-align:right;
}
.pra13 {
padding-left:5px;
}
.pra11, .pra12, .pra13, .pra14, .pra20{
vertical-align: top;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color:#E4E4E4;
padding-top:5px;
padding-bottom:5px
}
.pra14 {
padding-left:30px;
border-left-width: 1px;
border-right-width: 1px;
border-left-style: solid;
border-right-style: solid;
border-left-color:#E4E4E4;
border-right-color:#E4E4E4;
}
div.pranav {
width:25%;
position: fixed;
right:0px;
top:90px;
bottom:60px;
padding:5px;
overflow: auto;
z-index:3
}
div.pricetop {
width:100%;
position: fixed;
right:0px;
top:0px;
height:117px;
padding:0px;
overflow: auto;
z-index:2;
background-color:#FFF;
}
div.pricebottom {
width:100%;
position: fixed;
left:0px;
bottom:0px;
padding:0px;
overflow: auto;
z-index:2;
background-color:#FFF;
}
div.priceleft {
width:73%;
position: fixed;
left:0px;
top:117px;
padding:0px;
overflow: auto;
background-color:#FFF;
bottom:60px;
border-top-color: #ccc;
border-top-style: solid;
border-top-width: 1px;
border-bottom-color:#CCC;
border-bottom-style:solid;
border-bottom-width:1px;
}
/* ########################################################################## */
.floats
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -3em 0 0 -2em;
/* Эти правила для IE */
position: relative;
display: inline-block;
clear: both;
}
.floats:after
{
content: '';
display: block;
clear: both;
}
.floats .left
{
position: relative;
float: left;
/* Убираем удвоение отступов в IE */
display: inline;
/* Прячем все, что вдруг вылезло за наши ограничения */
/*overflow: hidden;*/
/* Отсупы между float-блоками */
margin: 3em 0 0 2em;
/* Задаем минимальную ширину по картинке и тексту */
width: 20.7em;
min-width: 350px;
}
.floats .left .r
{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.floats .left .min
{
/* Задаем минимальную высоту по картинке */
margin: 0 0 200px 0;
/* Задаем минимальную высоту по тексту */
height: 4em;
/* Дублируем значение минимальной ширины по картинке для IE */
width: 200px;
}
.wr {
background:#33FF99;
}
.wleft {
background:#660000;
margin:10px 10px 20px 10px;
}
.wfloats {
background:#FFFF00;
}
/* ########################################################################## */
.floats1
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -3em 0 0 -2em;
/* Эти правила для IE */
position: relative;
display: inline-block;
clear: both;
}
.floats1:after
{
content: '';
display: block;
clear: both;
}
.floats1 .left1
{
position: relative;
float: left;
/* Убираем удвоение отступов в IE */
display: inline;
/* Прячем все, что вдруг вылезло за наши ограничения */
overflow: hidden;
/* Отсупы между float-блоками */
margin: 3em 0 0 2em;
/* Задаем минимальную ширину по картинке и тексту */
width: 14em;
min-width: 200px;
}
.floats1 .left1 .r1
{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.floats1 .left1 .min1
{
/* Задаем минимальную высоту по картинке */
margin: 0 0 200px 0;
/* Задаем минимальную высоту по тексту */
height: 4em;
/* Дублируем значение минимальной ширины по картинке для IE */
width: 200px;
}
.wr1 {
background:#33FF99;
}
.wleft1 {
background:#660000;
margin:10px 10px 20px 10px;
}
.wfloats1 {
background:#FFFF00;
}
/* ########################################################################## */