/* Правила для экранной версии представления данных */
@media screen {
  /* Общие установки для страницы */
  html, body {
    margin: 0px;
    padding: 0px;
    border: 0px;
  }
  body {
    color: #000;

    font-family: Georgia, "Times New Roman", Times, serif;
    
  }

  /* "Подложка" для всей страницы */
  #carrier {
    width: 100%;
    background: #fff;
  }
  # mari {
      font: 120% Tahoma, Verdana, Arial, Helvetica, sans-serif;
      background: #f0f0f0;
      border-style: solid dotted;
      border-width: 3px 5px;
      border-color: #c00;
      padding: 5px 20px;
      margin: 10px;
    }
h2 {
      font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
width: 65%;      
border-style: none none solid none;
      border-width: 0px 0px 3px 0px;
      border-color: #0099cc;
    }
    p {
      margin: 0px 20px 20px 100px;
    }

  /* Шрифт для "шапки", меню навигации, заголовков второго уровня в основном тексте и "подвала" */
  #header, #menu, #text h2, #footer {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  }

  /* Общие правила оформления "шапки" и "подвала" */
  #header, #footer p {
    color: #FFCC99;
    background: #336699;
    padding:5px 5px;
    margin: 0px;
  }

  /* Представление "шапки" */
  #header {
    font-size: 200%;
    border-bottom: solid 3px #0099CC;
  }

  /* На внутренних страницах сайта титульная надпись в "шапке"
     выступает в качестве ссылки на главную страницу. Для этой
     ссылки задаются такие правила, чтобы она визуально была
     неотличима от заголовка без ссылки */
  #header a:link, #header a:visited, #header a:hover, #header a:active {
    color: #000;
    text-decoration: none;
  }

  /* "Подложка" для навигационного меню. Ширина области навигации
      постоянна во всех браузерах и составляет 200 пикселей */
  #menucarrier
  {
    width: 220px;
    margin-bottom:200px;
    float: left;
  }

  /* Собственно блок навигации */
  #menu {
    font-size: 16 px;
     font: 80% Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
    text-align: center;
    padding: 10px 1px;
    border-style: none dotted dotted none;
    border-width: 0px 2px 2px 0px;
    border-color: #6699CC;
  }

 .menu5 {
      font-size: 70%;
      background: #FFFFFF;
      border-style: solid none;
      border-width: 2px 0px;
      border-color: #c00;
      margin: 2px 0px;
      padding: 5px 1px;
      text-align: center;
      white-space: nowrap;
    }





  /* Хитрые игры со свойствами margin и padding имеют целью
     полную совместимость с IE5. Блок навигации отображается в IE5
     так же, как и в более современных браузерах. "Кнопки"
     навигационного меню расположены на расстоянии 20 пикселей
     друг от друга и от границ навигационного блока по вертикали */
  #menu p {
    padding: 1px 0px;
    margin: 0px;
  }

  /* При помощи свойства display мы превращаем гиперссылки и
     контейнер <span>...</span>, размещенные в блоке навигации, из
     внутристрочных элементов в блочные, что дает нам возможность
     указать ширину при помощи свойства width */
  #menu a, #menu span
  {
    display: block;
    width: 200px;
    margin: auto;
  }

  /* Далее следуют правила представления "кнопок" навигационного меню.
     Их четыре вида: 1) обыкновенные; 2) выделенные при помощи курсора
     мыши; 3) соответствующие текущему "магистральному" разделу и
     предназначенные для его внутренних страниц - для таких "кнопок"
     назначен класс current; 4) соответствующие текущей
     странице и поэтому не являющиеся ссылками - этот вид "кнопок"
     представлен элементами <span>...</span> */
  #menu a {
    color: #fff;
    text-decoration: none;
  }
  #menu a:link, #menu a:visited {
    background: #6699cc;
    border: solid 2px #fff;
  }
  #menu a:hover, #menu a:active, #menu a.current:link, #menu a.current:visited, #menu span {
    border-style: solid dotted;
    border-width: 2px;
    border-color: #c00;
  }
  #menu a.current:link, #menu a.current:visited, #menu span {
    background: #0066CC;
  }
  #menu span
  {
    color: #0099CC;
  }
  #menu a.current:hover, #menu a.current:active {
    background: #6699CC;
  }


  /* Дальнейшие правила определяют оформление элементов области
     основного текстового содержания страницы */
  #text {
    margin-left: 10px;
    padding: 10px;
  }
  #text h2 {
    font-size: 90%;
    font-weight: bold;
    text-transform: uppercase;
    color: #369;
  }
#text1 {
    margin-left:10px;
    padding: 0px;
  }
  /* Псевдокласс first-child указывает на первый вложенный
     в блок #text заголовок <h2>...</h2>. Для таких заголовков
     верхний вертикальный отступ устанавливается равным нулю.
     Впрочем, Internet Explorer не понимает этого псевдокласса,
     так что в браузере от Microsoft первый заголовок области
     основного текста будет расположен заметно дальше от
     "шапки", нежели в браузерах, относящихся к рекомендациям
     W3C более уважительно */
  #text h2:first-child {
    margin-top: 00px;
  }

  /* Абзацы основного текста оформляются в соответствии
     с традициями русскоязычного текстового набора */
  #text p {
    text-align: justify;
    text-indent: 1.5em;
    margin: 0px;
  }

  /* Класс абзацев, предназначенный для новостей сайта */
  #text p.news {
    text-align: left;
    text-indent: 0pt;
    margin-top: .5em;
    margin-bottom: .5em;
  }

  /* Класс, позволяющий выделять полужирным начертанием
     даты свежих обновлений сайта */
  .date {
    font-weight: bold;
  }

  /* Представление нумерованных и маркированных списков
     в основном тексте */
  #text ul, text ol {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  #text ul {
    list-style-type: square;
  }

div#text div.products h2{
	border: none;
	color: #0066cc;
	margin-bottom: 5px;
	font: normal 18px Arial, Helvetica, sans-serif;
	text-transform: none; 
	}
div#text div.products p{
	text-indent: 0;
	margin: 10px 30px 10px 0;
	font: normal 13px Arial, Helvetica, sans-serif;	
	}	
div#text div.products p.blue-text{
	color: #0066cc;
	margin-bottom: 15px;
	font: normal 14px Arial, Helvetica, sans-serif;	
	}	  
div#text div.products ol{
	margin-right: 30px;
	padding-left: 17px;
	margin-left: 5px;
	}
div#text div.products ol li{
	margin: 10px 30px 10px 0;
	font: normal 13px Arial, Helvetica, sans-serif;
	padding-left: 2px;
	list-style: decimal;
	}	
div#text div.products ul{
	margin-right: 30px;
	padding-left: 17px;
	}
div#text div.products ul li{
	margin: 10px 30px 10px 0;
	font: normal 13px Arial, Helvetica, sans-serif;
	list-style: none;
	padding-left: 18px;
	background: url("images/black-line.gif") no-repeat 0 8px;	
	}		
div#text div.products a{
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #0066cc;
	text-decoration: underline;	
	}
div#text div.products a:hover{
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #4c94db;
	text-decoration: none;	
	}		
div#text div.products h1{
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #464646;	
	}
div#text div.products h1 a{
	font: normal 17px Arial, Helvetica, sans-serif;
	color: #0066cc;
	text-decoration: underline;	
	}
div#text div.products h1 a:hover{
	font: normal 17px Arial, Helvetica, sans-serif;
	color: #4c94db;	
	text-decoration: none;	
	}	
div#text div.products table{
	width: 98%;
	margin-top: 30px;
	margin-bottom: 30px;
	border-top: solid 3px #0099cc;	
	}
div#text div.products table td{
	text-align: center;	
	padding: 25px 0 30px;
	}
div#text div.products table td a{
	color: #000;
	font: normal 13px Arial, Helvetica, sans-serif;
	text-decoration: none;	
	}
div#text div.products table td a span{
	text-decoration: underline;			
	}
div#text div.products table td a:hover span{
	text-decoration: none;
	color: #4c4c4c;			
	}			
div#text div.products table td img{
	border: none;	
	}
div#text div.products table td a img,div#text div.products table td a:hover{
	border: none;
	text-decoration: none;	
	}
div#text div.products table.dep{
	margin: 10px 0 0;
	border: none;	
	border-collapse: collapse;
	}
div#text div.products table.dep td{
	border: solid 1px #505050;
	padding: 10px;
	text-align: left;
	font-size: 13px;
	border-collapse: collapse;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;	
	}	
div#text div.products table.dep th{
	border: solid 1px #505050;
	padding: 10px;
	text-align: left;
	font-size: 13px;
	border-collapse: collapse;
	margin: 0;
	font-weight: bold;
	}	
div#text div.products table.dep td a{	
	font-size: 14px;
	color: #0066cc;
	text-decoration: underline;
	}
div#text div.products table.dep td a:hover{	
	font-size: 14px;
	color: #4c94db;
	text-decoration: none;
	}	
div#text div.products table.no-border{
	border: none;
	margin-top: 20px;	
	}
div#text div.products table.no-border td p{
	text-align: left;	
	}
div#text div.products table.no-border td ul li{
	text-align: left;
	}	
div#text div.products table.no-border td a{
	font-size: 14px;
	color: #0066cc;
	text-decoration: underline;
	}
div#text div.products table.no-border td a:hover{
	font-size: 14px;
	color: #4c94db;
	text-decoration: none;
	}	
div#text div.products table.no-border td.right-link a{
	display: block;
	width: 80px;
	height: 18px;
	margin-bottom: 8px;
	padding-top: 2px;
	background: #6699cc;
	color: #fff;
	text-decoration: none;	
	}
div#text div.products table.no-border td.right-link a:hover{
	background: #94b7db;	
	}	
div#text div.products table.no-border td img.pdf{
	float: left;
	margin: -2px 10px 0 0;	
	}	
div#text div.products table.no-border td{
	padding: 0;	
	vertical-align: top;
	}	
div#text div.products table.no-border td p{
	font-size: 14px;
	margin: 0px 30px 16px 0;
	}	
			
ul {
      list-style: url(bullet.png) square inside;
    }
    ol {
      list-style-type: lower-roman;
    }
  /* Оформление ссылок в основном тексте */
  #text a {
    text-decoration: none;
  }
  #text a:link {
    color: #3300FF;
  }
  #text a:visited
  {
    color: #336699;
  }
  #text a:hover {
    text-decoration: underline;
  }
  #text a:active {
    color: #F30;
  }

  /* Правила, определяющие представление "подвала" и содержащихся в нем
     элементов - абзацев и гипертекстовых ссылок */
  #footer {
    width: 100%;
    clear: both;
  }
  #footer p {
    font-size: 70%; border-top: solid 1px #69c;
  }
  #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
    color: #fff;
    text-decoration: underline;
	
  }
}

/* Правила для печатной версии представления данных.
   Этот фрагмент листа стилей еще проще. При помощи свойства
   display со значением none мы скрываем все элементы, не
   требующиеся в печатной версии - "шапку", блок навигации
   и "подвал". Остается только область основного текста.
   Используем рубленый шрифт кегля 16 пунктов для заголовков,
   антикву кегля 12 пунктов для всего остального. Всему
   тексту, включая гиперссылки, назначаем черный цвет. */
@media print {
  body {
    color: #000;
    font: 12pt "Times New Roman", Times, serif;
  }
  #header, #menucarrier, #footer {
    display: none;
  }
  #text h2 {
    font: 16pt Arial, Helvetica, sans-serif;
  }
  #text a {
    color: #000;
    text-decoration: none;
  }
}

div#search{
	height: 35px;
	margin: 3px 1px 25px 0;
	padding: 9px 0 0 0;
	text-align: right;
	background: #b4c6f2;	
	}
div#search span{
	color: #181b76;
	margin-right: 5px;
	font: normal 17px Arial, Helvetica, sans-serif;
	}
div#search input{
	width: 262px;		
	height: 18px;
	padding: 2px 5px;
	border: solid 1px #0066cc;
	}
div#search input.btn{
	width: 68px;		
	height: 24px;
	margin-right: 24px;
	padding: 1px 5px 5px;
	color: #fff;
	background: url("images/search-btn.gif") repeat-x top;
	border: solid 1px #fff;
	}
div.gray-bg{
	margin: -12px 109px 42px 0;
	padding: 27px 27px 7px;
	background: #f2f2f2;
	font-size: 14px;	
	}		
div.gray-bg table{
	margin: -5px 0 0 0;	
	}	
div.gray-bg table td{
	vertical-align: middle;
	padding: 6px 6px 6px 0px;	
	}
div.gray-bg table td.message{
	padding: 0px 6px 12px 0px;	
	}
div.gray-bg table input{
	width: 262px;		
	height: 18px;
	padding: 2px 5px;
	border: solid 1px #0099cc;
	}
div.gray-bg table input.btn{
	width: 95px;		
	height: 24px;
	padding: 1px 5px 5px;
	color: #fff;
	font: normal 14px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	float: right;
	background: url("images/search-big-btn.gif") repeat-x top;
	border: solid 1px #fff;
	}	
div.gray-bg table .error{
	border: solid 1px #de2921;
	}
div.gray-bg table .error-message{
	color: #de2921;
	}	
div.gray-bg table p#small-text{
	font-size: 11px;	
	margin-top: -10px;
	margin-left: -16px;
	position: relarive;
	}
div.gray-bg table p#all-fields{
	font-size: 12px;
	margin-top: 5px;	
	margin-left: -14px;
	position: relarive;
	font-style: italic;
	}		
div.gray-bg table textarea{
	width: 495px;		
	height: 151px;
	padding: 2px 5px;
	border: solid 1px #0099cc;
	}
div#menu div{
	position: relative; 
	margin: 0px 0 0 -10px;	
	padding: 0;	
	display: none;			
	}
div#menu div.dblock{
	display: block;
	}	
div#submenu{
	margin: 0 0 0 15px;			
	}	
div#menu div#submenu a{	
	width: 159px;
	text-align: left;
	padding: 1px 10px 1px 15px;
	background: #e1e8fa;
	color: #568bc1;
	}
div#menu div#submenu a:hover,div#menu div#submenu a.current{		
	background: #0066cc;
	color: #fff;
	border-color: #fff;
	border-left: none;
	border-right: none;
	}
h2.product-name{
	font: normal 18px Arial, Helvetica, sans-serif;	
	}

div#text div.products table.gsc-search-box{
	border: none;
	margin: 0;
}
div#text div.products table.gsc-branding{
	margin: 0;
	padding: 0;
}
div#text div.products table.gsc-branding td{
	margin: 0;
	padding: 0;
}

div#text table.gsc-search-box tr{
	border: none;
}
div#text table.gsc-search-box td{
	border: none;
}
div#text form.gsc-search-box{
}
div#text div.gsc-tabsArea{
	display: none;
}
div#text table.gsc-resultsHeader{
	display: none;
}