/***************************************************************
 *
 *	      Date:  09.04.2010
 *	    Author:  mrVictor
 *		Project:   rockmine-td.ru
 *		Company:	 www.webmagiya.com (web-studia MAGIYA)
 *
 ***************************************************************/


/*-------------------------------------------------------------*
 |			RESET            		                                 |
 *-------------------------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, ul, ol, dl, li,
table, th, td, dt, dd, p, blockquote, pre, form, fieldset
	{ margin: 0; padding: 0; }

input:focus, textarea:focus {outline: none;}

/** { min-height: 1px; }*/

/*-------------------------------------------------------------*
 |			HTML TAGS        		                                 |
 *-------------------------------------------------------------*/
/* Определение стилей для базовых элементов: body, h1-h6, ul, ol, a, p и др.*/

body { font-family: 'Tahoma', sans-serif; width: 1000px; margin: 0 auto; /*text-align: center*/;}

/* Ссылка по-умолчанию */
a { outline: none; font-size: 14px; text-decoration: none; color: #25aef6; }
a:hover { text-decoration: underline; /*color: #25aef6;*/ }

/* Параграф по-умолчанию */
p { font-size: 14px; border:0; margin: 10px 0; padding:0; color: #525252; line-height: 20px; min-height: 0px; }

/* Див по-умолчанию */
div {display:block; border:0; margin:0; padding:0;}

/* Заголовки по-умолчанию */
h1, h2, h3, h4, h5 { border: 0;  margin: 7px 0 7px 0; padding: 3px 0 2px 0; font-weight: bold; line-height: 20px; }
h1 { font-size: 20px; color: #525252; text-align: center; }
h2 { font-size: 18px; color: #25aef6; text-align: center; }
h3 { font-size: 16px; color: #25aef6; text-indent: 50px; margin: 10px 0 5px 0; }
h4 { font-size: 14px; font-weight: normal; color: #686060; text-indent: 50px; }
h5 { font-size: 12px; color: #73c6f1; text-indent: 50px; }

/* Таблицы по-умолчанию */
table { display: table; border-collapse: collapse; margin: 10px auto; padding: 0; border: 1px #525252 solid; font-size: 100%; }
tr { display: table-row; }
th, td { display: table-cell; border: 1px #686060 solid; margin: 0; padding: 9px 5px 10px 5px; vertical-align: top; text-align: left; font-size: 14px; color: #686060; line-height: 20px; }
th { background: #73c6f1; text-align: center; font-weight: bold; }
/*th p, td p {text-indent: 0px; margin:0;}*/

/* Списки по-умолчанию */
ul, ol { display: block; border: 0; margin: 10px 0 10px 25px; padding: 0; color: #525252; }
ol { list-style-type: decimal; list-style-position: outside; padding-left: 50px; }
ul { list-style: none; }
ul li { background: url(images/marker.png) 30px -1px no-repeat; margin: 0; padding: 0 0 0px 50px; border: 0; font-size: 14px; line-height: 20px; }
ol li { background: none; margin: 0; padding: 0 0 0 0; border: 0; line-height: 20px; font-size: 14px; }
ul ul, ul ol, ol ol, ol ul { margin: 0 0 0 20px; }

/* Список определений по-умолчанию */
dl { border: 0; margin: 10px 0; padding: 0;}
dt { border: 0; margin: 0; padding: 0; font-weight: bold; }
dd { border: 0; margin: 0 0 0 30px; padding: 0; }

/* Форма по-умолчанию */
form { border: 0; margin: 0; padding: 0; }
fieldset { border: 0px; margin: 0 0 0 0; padding: 0 0 0 0; }
legend { margin-left: 10px; font-size: 100%; font-weight: bold; color: #008; }
input	{ font-size: 14px; width: 100px; border: 1px solid #749fe1; /*margin: 3px 0 3px 0;*/ }
input#submit { background: #749fe1;  color: #FFF; /*margin: 3px 0 3px 0;*/ }
textarea	{ width: 166px; margin: 3px 0 3px 0; }

/* Горизонтальный разделитель по-умолчанию */
hr {display:block; height:1px; margin:7px 0 7px 0; padding:0; background:#749fe1; border:0 solid #749fe1; color:#749fe1;}

/* Обнуляем границы */
a, img, span { border: 0; margin: 0; padding: 0;}

/* Зачеркнутый текст */
del, .through { text-decoration: line-through; }
/* Жирный текст */
strong, b, .strong, .b { font-weight: bold; }
/* Курсивный текст */
em, i, .em, .i { font-style: italic; }
/* Абревиатура и акроним */
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}
/* Цытаты */
cite, q { font-style: italic; }
/* Программный код */
code, kbd, samp { font-family: monospace; font-size: 110% ;}


/*-------------------------------------------------------------*
 |			GENERIC CLASSES  		                                 |
 *-------------------------------------------------------------*/
/* Определение классов стилей для простых вещей: флоаты,
 * обнуление отсупов, выравнивание текста	 */

/* Флоаты */
.f-left { float: left; }
.f-right { float: right; }
.clear { clear: both; }

/* Выравнивание текста */
.t-left { text-align: left; }
.t-center { text-align: center; }
.t-right { text-align: right; }

/* Обнуление отступов */
.p-null	{ padding: 0 0 0 0; }
.m-null { margin: 0 0 0 0; }

/* Вертикальное выравнивание */
.va-middle { vertical-align: middle; }

/* Скрытие элемента */
.noscreen {display:none;}

/*-------------------------------------------------------------*
 |			HEADER           		                                 |
 *-------------------------------------------------------------*/
/* Определение всех стилей для шапки */
#all { position: relative; }
#header { background: url(images/header.jpg) no-repeat; width: 1000px; height: 220px; }
#header-m { position: absolute; top: 220px; left: 678px; background: url(images/menu/maschina_m.png) no-repeat; width: 75px; height: 12px; z-index: 1000; }
#header-left { background: url(images/logo.gif) no-repeat 0px 55px; width: 350px; height: 215px; padding-top: 5px; }
  #header-left p { font-style: italic; line-height: normal; }
  #header-left h5 { text-indent: 0px; }

#header-right { width: 280px; height: 100px; padding-top: 5px; line-height: normal; }
  #header-right p { font-style: italic; font-size: 12px; color: #686060; }
  #header-right h4 { font-size: 24px; text-indent: 0px; padding; 10px 0; line-height: 26px; }
  #header-right h4.h4-1 { padding-left: 18px; text-indent: 0px; }

.p-1 { padding: 0 0 0 17px; font-size: 12px; margin: 0;}
.p-2 { padding: 0 0 0 115px; font-size: 12px; margin: 0;}
a.logolink { display: block; height: 80px; width: 350px; text-decoration: none; }
.p-3 { padding: 0px 0 0 0; font-size: 15px; margin: 0; }


/* поиск */
#header-left #ajaxSearch_form { padding-top: 15px; }
#page #ajaxSearch_form { margin: 0 0 0 50px; padding: 0 0 13px 0; }
#ajaxSearch_input { background: url(images/search.gif) no-repeat; width: 250px; height: 27px; line-height: 25px; font-size: 14px; padding: 0 5px; font-style: italic; border-width: 0; color: #6f6f6f;/*#74c6f1;*/ float: left; }
#ajaxSearch_submit { border: 0; text-align: left; background-color: #fff; color: #35b2f2; width: 70px; height: 27px; font-style:italic; font-size: 17px; cursor: pointer; float: left; padding: 0 0 0 3px; }
#page .ajaxSearch_highlight { font-weight: bold; color: #f6cc08; }
#page .ajaxSearch_resultsInfo { font-weight: bold; }
#page .AS_ajax_resultsIntroFailure { line-height: 20px; padding: 0 0 0 50px; margin: 0; font-size: 14px; }
#page .ajaxSearch_result { line-height: 20px; padding: 0; margin: 0; }
#page .ajaxSearch_result .ajaxSearch_resultLink { text-decoration: underline; font-weight: bold; padding: 0 0 0 50px; }
#page .ajaxSearch_result .ajaxSearch_resultExtract p { text-indent: 0; padding: 5px 0 15px 50px; }
#page .ajaxSearch_paging { display: block; font-size: 12px; text-align: center; line-height: 20px; padding: 10px 0; margin: 0; color: #3f3f3f;  }


/*-------------------------------------------------------------*
 |			MENU            		                                 |
 *-------------------------------------------------------------*/
/* Определение всех стилей для меню  */

#menu { background:  url(images/menu/menu_c.gif) repeat-x; margin: 0 0 30px 0; list-style: none; width: 1000px; height: 62px; } 
#menu li { float:left; padding: 0; margin: 0; text-align: center; }
#menu li a { display: block; width: 199px; height: 26px; position: relative; z-index: 200; float: left; padding: 17px 0; margin: 0; border-left: 1px solid #b4e2fb; font: 19px 'Century Gothic'; text-decoration: none; color: white; } 
#slidebox { z-index: 100; position: absolute; top: 220px; left: 0; /*position: relative; top: -60px; left: 0px;*/ width: 200px; height: 60px; background: url(images/menu/slide-box.png); } 

#menu-news { background: url(images/menu/news.gif) no-repeat 59px 18px; }
#menu-equipment { background: url(images/menu/equipment.gif) no-repeat 26px 18px; }
#menu-special { background: url(images/menu/special-suggestion.gif) no-repeat 11px 18px; }
#menu-company { background: url(images/menu/company.gif) no-repeat 38px 18px; }
#menu-contacts { background: url(images/menu/contacts.gif) no-repeat 56px 18px; }


/*-------------------------------------------------------------*
 |			CONTENT            		                              |
 *-------------------------------------------------------------*/
/* Определение всех стилей для основного содержимого сайта */
#container { width: 1000px; }

/* оформление каталога */
#content { width: 1000px; margin: 0; padding: 0; }
  #content ul { border: 0; margin: 0; padding: 0; }
  #content li { position: relative; padding: 0 43px 30px 43px; display: block; float: left; background: url(images/content/notebook-m.gif) no-repeat 33px 0px; width: 247px; height: 361px; }
  #content a { display: block; }
  #content a img { padding-top: 61px; width: 240px; height: 280px; }

/* разделы каталога */
a#content-6 { position: absolute; top: 50px; right: 50px; background: url(images/content/buttons/g-o.gif) no-repeat 0px 0px; width: 163px; height: 81px; }
  a:hover#content-6 { background: url(images/content/buttons/g-o.gif) no-repeat 0px -81px; }
  
a#content-11 { position: absolute; top: 50px; right: 50px; background: url(images/content/buttons/s-o.gif) no-repeat 0px 0px; width: 200px; height: 83px; }
  a:hover#content-11 { background: url(images/content/buttons/s-o.gif) no-repeat 0px -83px; }
  
a#content-13 { position: absolute; top: 50px; right: 50px; background: url(images/content/buttons/d-s.gif) no-repeat 0px 0px; width: 218px; height: 83px; }
  a:hover#content-13 { background: url(images/content/buttons/d-s.gif) no-repeat 0px -83px; }
  
a#content-15 { position: absolute; top: 50px; right: 50px; background: url(images/content/buttons/k-g-n.gif) no-repeat 0px 0px; width: 199px; height: 110px; }
  a:hover#content-15 { background: url(images/content/buttons/k-g-n.gif) no-repeat 0px -110px; }
  
a#content-17 { position: absolute; top: 50px; right: 50px; background: url(images/content/buttons/i-o.gif) no-repeat 0px 0px; width: 212px; height: 82px; }
  a:hover#content-17 { background: url(images/content/buttons/i-o.gif) no-repeat 0px -82px; }
  
a#content-19 { position: absolute; top: 50px; right: 50px; background: url(images/content/buttons/v-o.gif) no-repeat 0px 0px; width: 225px; height: 82px; }
  a:hover#content-19 { background: url(images/content/buttons/v-o.gif) no-repeat 0px -82px; }

a#content-912 { position: absolute; top: 50px; right: 50px; background: url(images/content/buttons/p-g.gif) no-repeat 0px 0px; width: 130px; height: 90px; }
  a:hover#content-912 { background: url(images/content/buttons/p-g.gif) no-repeat 0px -90px; }
  
  
/* оформление страницы для всех документов */
#page  { background: url(images/content/notebook.jpg) repeat-y; width: 910px; margin:0; padding: 20px 30px 20px 60px; } 
.page-top-bottom { margin-left: 9px; width: 991px; min-height: 1px; height: 1px; background-color: #ebebed; font-size: 1px; }
	#page h1 { line-height: 20px; margin: 0 0 20px 0;  padding: 0; }
/*	#page h2, #page h3, #page h4, #page h5 { line-height: 20px; padding: 15px 0 5px 0; margin: 0; }*/
	#page h3 { line-height: 20px; padding: 15px 0 5px 0; margin: 0; }
	#page p { line-height: 20px; padding: 10px 0; margin: 0; text-align: justify; text-indent: 50px; }
	#page th p, #page td p {text-indent: 0px; margin:0; padding:0;}

#page .nav	{ text-indent: 0px; line-height: 20px; padding: 19px 0 0 0; text-align: center; }
#page span.wrapper { display: block; height: 1px; font-size: 1px; width: 910px; margin: 0; padding: 0; }

/* новости */
#page .news { display: block; width: 870px; padding: 0; margin: 10px 40px 10px 20px; float: left;  }
#page .news a, #page .news a h3, #page .news h4, #page .news p { margin: 0; padding: 0; line-height: 20px; text-indent: 0; }
#page .news h4 { float: left; font-size: 12px; padding: 0 0 8px 0; margin: 0; line-height: 12px; color: #25aef6; }
#page .news a.readmore { float: right; font-size: 12px; padding: 0 0 8px 0; margin: 0; line-height: 12px;  }


/* стили сводной таблицы характеристик машин одной серии */
#page table#description { visiblity: visible; border-width: 1px 0; }
#page table#description th, #page table#description td { border-collapse: collapse; border-width: 0 1px; text-align: center; margin: 0; padding: 0px 5px 0px 5px; font-size: 14px; line-height: 20px; }
#page input#hideTable {  font-family: 'Tahoma', sans-serif; /*font-weight: bold;*/ border:0; margin: 0; padding: 0; line-height: 20px; background: transparent; cursor: pointer; width: 600px; text-align: left; color: #25aef6; }

 
/* оформление подкаталога */
  ul#content-subdirectory { border: 0; margin: 0; padding: 0; }
  ul#content-subdirectory li { background: none; display: block; float: left; padding: 0 22px 0 21px; width: 260px; height: 220px; }
  ul#content-subdirectory li a { display: block; color: #686060; text-align: center; }
  ul#content-subdirectory li a:hover { color: #25aef6; text-decoration: underline; }
  ul#content-subdirectory li a img { width: 200px; height: 180px; margin: 0 30px; }


/* оформление краткого описания оборудования в подкаталоге */
#page .content-subdirectory-text { width: 910px; }
  /*.content-subdirectory-text a { display: block; }*/
  #page .content-subdirectory-text img { width: 198px; height: 198px; }
  #page .content-subdirectory-text p { display: block; width: 700px; height: 180px; /*font-style: italic;*/ overflow: hidden; padding: 0; margin: 0; text-indent: 0; }
  #page .content-subdirectory-text div { border: 1px #cfcece solid; background: url(images/content/line.gif) repeat-y; width: 698px; height: 18px; }
  #page .content-subdirectory-text span { display: block; background: url(images/content/ten.gif) no-repeat right top; width: 910px; height: 20px; }
  
#page a.content-subdirectory-text-h1 { width: 910px; line-height: 20px; font-size: 16px; font-weight: bold; color: #25aef6; /*overflow: hidden;*/ }
  #page a.content-subdirectory-text-h1:hover { text-decoration: none; color: #f6cc08; }
#page a.content-subdirectory-text-img { border: 1px #9e9e9e solid; width: 198px; height: 198px; }
  #page a.content-subdirectory-text-img:hover { border: 1px #22a9f0 solid; } 
#page a.content-subdirectory-text-a { background: url(images/marker.png) 0 -2px no-repeat; padding: 1px 10px 0 10px; float: right; max-width: 668px; height: 18px; font-size: 12px; font-style: italic; color: #525252; text-align: right; overflow: hidden; }
  #page a.content-subdirectory-text-a:hover { background: url(images/marker-hover.png) 0 -2px no-repeat; color: #25aef6; text-decoration: none; }


/* оформление "хлебных крошек" */
.B_crumbBox { display: block;  margin: 0px 0 18px 0; padding: 0; font-size: 0px; line-height: 16px; /*height: 20px;*/ font-style: italic; color: #fff; }
span.B_firstCrumb, span.B_lastCrumb { line-height: 14px; padding: 0; margin: 0; }
a.B_homeCrumb, a.B_crumb { line-height: 20px; background: url(images/strelka.gif) center right no-repeat; padding: 0 20px 0 0; color: #25aef6; font-size: 14px;  text-decoration: underline; }
a:hover.B_homeCrumb, a:hover.B_crumb { color: #f6cc08; line-height: 20px; }
.B_currentCrumb { color: #525252; font-size: 14px; line-height: 20px;  }


/*-------------------------------------------------------------*
 |			SIDEBARS            		                              |
 *-------------------------------------------------------------*/
/* Определение всех стилей для левого и правого блоков (сайдбаров) */


/*-------------------------------------------------------------*
 |			FOOTER            		                              |
 *-------------------------------------------------------------*/
/* Определение стилей для подвала */
#footer { padding-top: 25px; width: 1000px; height: 100px; }
#footer-l { background: url(images/footer/footer-l.jpg) no-repeat; width: 253px; height: 100px; }
#footer-r { background: url(images/footer/footer-r.jpg) no-repeat; width: 149px; height: 100px; }
#footer-c { position: relative; background: url(images/footer/footer-c.gif) top repeat-x; width: 598px; height: 100px; }


#np-pz { background-color: #595855; position: absolute; top: 35px; left: 180px; height: 18px; }  
  #np-pz p { display: block; padding: 2px 5px 0px 5px; height: 16px; font-size: 11px; color: #fff; font-style: italic; }
#np-l { background: url(images/footer/np-l.gif) no-repeat; width: 11px; height: 18px; }
#np-r { background: url(images/footer/np-r.gif) no-repeat; width: 25px; height: 18px; }