/* CSS Document */
/* ============================== ГЛОБАЛЬНЫЕ СТИЛИ ================================= */

* { /* обнуление всех элементов и установка группы шрифтов*/
margin: 0px;
padding: 0px;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-style:normal;
font-weight: normal;
text-decoration:none;
}

body { /* фон документа */
background-color: #fff;
}

p { /* параметры параграфа */
padding-top: 10px;
font-size: 10pt;
color: #000;
}

#pattern-bar { /* ячейка таблицы - желтая полоса с узором общая для главной и внутр. страниц */
width: 1000px;
height: 128px;
background-color: #fdb706;
background-image: url(/img/pattern.jpg);
background-position: top right;
background-repeat: repeat-x;
}


/* ============================== ГЛАВНАЯ СТРАНИЦА ================================= */

#clear-cell { /* ячейка таблицы устанавливающая отступ от верха страницы до желтой полосы */
width: 1000px;
height: 422px;
}

#nav-cell-main { /* ячейка с главным меню на главной странице */
height: 55px;
vertical-align: top;
}

.logo-main { /* позиционирование логотипа на главной странице */
position: absolute;
top: 303px;
left: 0px;
z-index: 100;
}

.main-title {  /* блок на главной с название фирмы и телефоном */
display:block;
width: 770px;
height: 65px;
position: relative;
left: 195px;
top: 35px;
text-align: right;
overflow: hidden;
}

.main-title h1 { /* описание Н1 - название компании на главной странице */
font-size: 19pt;
color: #300;
}

.tel-main { /* установка шрифта для телефона на главной странице */
font-size: 16pt;
color: #300;
}

#intro-text { /* позиционирование тектового блока главной страницы */
width: 750px;
height: auto;
margin-left: 195px;
}

#intro-text p { /* обнуление отступа тектового блока главной страницы */
padding-top: 0px;
}


/* ============================== Ч/Б КАРТИНКИ С ТЕКСТОМ НА ГЛАВНОЙ СТРАНИЦЕ ================================= */

.head-img1 { /* позиционирование блока с первой картинкой на главной стр.*/
display: block;
width: 407px;
height: 407px;
position: absolute;
top: 67px;
left: 175px;
z-index: 200;
background-image:url(/img/bg1.jpg);
background-repeat:no-repeat;
text-align: right;
color: #999;
}

.head-img1:hover { /* блок с первой картинкой :hover*/
color: #fff;
cursor:pointer;
}

.head-img1 h2 { /* описание текста первого блока */
margin: 270px 20px 20px 20px;
font-size: 26pt;
}

.head-img2 { /* позиционирование блока со второй картинкой на главной стр.*/
display: block;
float: right;
width: 418px;
height: 407px;
position: absolute;
top: 67px;
left: 582px;
z-index: 300;
background-image:url(/img/bg2.jpg);
background-repeat:no-repeat;
color: #999;
}

.head-img2:hover { /* блок со второй картинкой :hover*/
color: #fff;
cursor:pointer;
}

.head-img2 h2 { /* описание текста второго блока */
margin: 270px 20px 20px 20px;
font-size: 26pt;
}


/* ============================== ГЛАВНОЕ МЕНЮ (универсальное для главн. и внутр. страниц) ================================= */

ul#main-menu { /* установка и позиционирование главного меню */
margin-left: 195px;
padding-top: 13px;
font-size: 9pt;
text-transform:uppercase;
list-style-type: none;
}

ul#main-menu li { /* описание отдельного элемента главного меню */
display: inline;
padding-right: 13px;
padding-left: 10px;
background-image:url(/img/marker.gif);
background-position: left center;
background-repeat: no-repeat;
}

ul#main-menu a { /* ссылка главного меню */
text-decoration:none;
color: #000;
}

ul#main-menu a:hover { /* ссылка :hover главного меню */
text-decoration:none;
color: #f60;
}

ul#main-menu a#selected { /* ссылка главного меню выбранная */
text-decoration:none;
color: #f60;
}


/* ============================== ВНУТРЕННИЕ СТРАНИЦЫ (каталог) ================================= */

.body-int { /* установка фона для внутр.страниц */
background-image: url(/img/vlines_catalog.gif);
background-position: top left;
background-repeat: repeat-y;
}

#nav-cell-int { /* ячейка с главным меню на внутр. страницах */
height: 55px;
background-color: #fff;
background-image: url(/img/vlines_bckgr.gif);
background-position: top left;
background-repeat: repeat-y;
vertical-align: top;
}

#catalog-cell { /* ячейка с элементами каталога */
width: 281px;
padding-top: 60px;
vertical-align: top;
}

#content-cell { /* ячейка с контентом каталога */
width: 719px;
vertical-align: top;
}
#content-cell ul {
padding: 0 0 0 60px;
}

.logo-int { /* позиционирование лого на внутренних страницах */
position: absolute;
top: 0px;
left: 0px;
z-index: 100;
}

.logo-text { /* блок на внутренних страницах с название фирмы, телефоном и названием текущего пункта каталога */
display:block;
width: 715px;
height: 100px;
position: relative;
left: 235px;
top: 8px;
overflow: hidden;
}

.logo-text h1 { /* описание Н1 - название компании в шапке внутр. страниц */
font-size: 22pt;
color: #300;
}

.tel-int { /* установка шрифта для телефона на внутр. страницах */
font-size: 19pt;
color: #300;
}

.logo-text h2 {  /* описание Н2 - название раздела каталога в шапке внутр. страниц */
text-align: right;
margin-right: 10px;
position: relative;
top: -6px;
font-size: 25pt;
text-transform: uppercase;
color: #fff;
}


/* ============================== СПИСОК (меню) РАЗДЕЛОВ КАТАЛОГА  ================================================ */

.cat-list-container { /* описание и позиционирование блока с элементами каталога*/
display: block;
width: 195px;
height: auto;
position: relative;
left: 70px;
margin-top: 15px;
}

.cat-category-name { /* название подраздела каталога */
font-size: 10pt;
font-weight: bold;
margin-left: 14px;
color: #000;
}

ul#cat-list { /* установка и позиционирование элементов каталога */
font-size: 9pt;
display: inline;
text-transform:uppercase;
list-style-type: none;
}

ul#cat-list li { /* описание отдельного элемента каталога */
padding-right: 10px;
padding-left: 15px;
background-image: url(/img/marker.gif);
background-position:  2px 4px;
background-repeat: no-repeat;
}

ul#cat-list a { /* ссылка каталога */
text-decoration:none;
color: #000;
}

ul#cat-list a:hover { /* ссылка :hover каталога */
text-decoration:none;
color: #f60;
}

ul#cat-list a#selected { /* ссылка selected каталога */
text-decoration:none;
color: #f60;
}



/* ============================== ПОЗИЦИИ КАТАЛОГА С ОПИСАНИЕМ (в блоке контента)================================= */

.product { /* установка блока с описанием отдельного изделия */
display: block;
width: 530px;
height: auto;
padding: 10px 0px 10px 20px;
border-top: 1px #999 solid;
clear: right;
}

.product img { /* картинка изделия */
display:block;
border:#fff 1px solid;
}

.product img:hover { /* картинка изделия :hover */
display:block;
border:#f60 1px dotted;
}

.product h3 { /* Н3 - название изделия */
font-size: 16pt;
padding-top: 5px;
color: #300;
}

.product-description { /* блок с описанием изделия */
display: block;
width: 380px;
float: right;
padding-bottom: 10px;
height: auto;
}