/******************************************************************************
*   Общие определения
******************************************************************************/

html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 10px;

  font: normal 12px Arial, sans-serif;
}

a {
  color: #FF6600;
  text-decoration: none;
}

a:hover {
  color: #FE9752;
  text-decoration: underline;
}

hr {
  clear: left;

  padding: 0;
  margin: 10px 0;

  height: 1px;

  сolor: #FE9752;

  border: 0 none;
  background: #FE9752;
}

h2, h3, h4, h5 {
  margin: 0 0 10px 0;
  padding: 0;

  color: #FF6600;
  font: normal 14px Arial, sans-serif;
}


h3 {
  clear: left;
  margin-top: 20px;
}


#wrapper {
  width: 100%;
}


/******************************************************************************
*   Заголовок и его содержимое
******************************************************************************/

#header {
  position: relative;

  height: 80px;
}

#logo {
  position: absolute;
  bottom: 5px;
  left: 0;

  width: 100px;
  height: 50px;

  background: transparent url(/images/ferroli_logo.gif) no-repeat 0 0;
}

#logo h1 {
  width: 100px;
  height: 50px;

  margin: 0;
  padding: 0;
}

#logo a {
  display: block;

  width: 100%;
  height: 100%;

  margin: 0;
  padding: 0;
}

#logo span {
  display: none;
}

#top-splash {
  position: absolute;
  top: 0;
  left: 150px;

  width: 590px;
  height: 80px;

  background: transparent url(/images/pres_title.jpg) no-repeat 0 0;
}


#langmenu {
  position: absolute;
  top: 0;
  right: 0;

  font: normal 12px Arial, sans-serif;
  color: #000000;
}

#langmenu a {
  color: #000000;
  text-decoration: none;
}

#langmenu a:hover {
  color: #000000;
  text-decoration: underline;
}

#langmenu .current {
  color: #FF6600;
  font-weight: bold;
}


#light-marker, #strong-marker {
  position: relative;

  height: 5px;

  margin: 0;
  padding: 0;

  background-color: #FE9752;
  font-size: 1px;
}

#strong-marker {
  margin: 0 0 5px 0;

  color: #FF6600;
  background-color: #FF6600;
}






/******************************************************************************
*   Меню сайта
******************************************************************************/

#menu {
  position: absolute;
  top: 110px;
  left: 10px;

  width: 150px;

  color: #000000;
  font-size: 12px;
  text-transform: lowercase;
}

* html #menu {
  top: 110px;
}

#menu ul {
  padding: 0;
  margin: 0;

  color: #000000;
  font-size: 12px;
  text-transform: lowercase; 

  list-style: none;
}

#menu li {
  padding: 0 0 0 12px;
  margin: 0 0 10px 0;

  color: #000000;
  font-size: 12px;
  text-transform: lowercase; 

  list-style: none;
  
  background: url(/images/menu_pin.gif) no-repeat 0 4px;
}

#menu li.current {
  color: #FF6600;
  font-weight: bold;

  list-style: none;
  background: url(/images/menu_pin_current.gif) no-repeat 0 4px;
}


#menu li ul {
  padding: 0;
  margin-left: 0;

  color: #000000;
  font-size: 11px;
  font-weight: normal;
  text-transform: lowercase;

  list-style: none;
}

#menu li li {
  padding: 0 0 0 12px;
  margin: 5px 0 0 0;

  color: #000000;
  font-size: 11px;
  text-transform: lowercase; 

  list-style: none;
  
  background: url(/images/menu_pin.gif) no-repeat 0 4px;
}

#menu li li.current {
  color: #FF6600;
  font-weight: bold;

  list-style: none;
  background: url(/images/menu_pin_current.gif) no-repeat 0 4px;
}

#menu li a {
  color: #000000;
  text-decoration: none;
}

#menu li a:hover {
  color: #000000;
  text-decoration: underline;
}

#menu li.current a, #menu li.current a:hover {
  color: #FF6600;
}

#menu li.current li a, #menu li.current li a:hover {
  color: #000000;
}



#menu #contact-info {
  padding: 20px 5px 5px 0; 

  font: normal 11px Arial, sans-serif;
  color: #666666;
  text-transform: none;
}








/******************************************************************************
*   Контент презентационной части сайта
******************************************************************************/

#outbound {
  position: relative;

  margin: 0 0 0 150px;
  padding: 0;

  background: transparent url(/images/pres_body_dot.gif) repeat-y 0 0;
}

* html #outbound {
  margin: 0;
  padding: 0 0 0 150px;

  background: none;
  background: transparent url(/images/pres_body_dot.gif) repeat-y 150px 0;
}


#body-corner {
  clear: both;

  height: 50px;

  margin: 0;
  padding: 30px 0 0 40px;

  background: transparent url(/images/pres_body_arc.gif) no-repeat 0 0;
}



.page-nav-bottom {

}



#content {
  margin: 0 170px 0 0;
  padding: 0 0 25px 20px;

  min-height: 360px;

  border-left: 2px solid #FE9752;
}

* html #content {
  height: 360px;
}


#content h2 {
  padding: 10px 20px;
  margin: 0 0 20px -20px;

  width: 40%;

  font: normal 13px Arial, sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  letter-spacing: 1px;

  background: #FE9752 url(/images/header_corner.gif) no-repeat 100% 100%;
}



#catalog {
  float: right;

  width: 160px;

  text-align: center;
}

#catalog h2 {
  padding: 10px 20px;
  margin: 0;

  font: normal 13px Arial, sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  letter-spacing: 1px;

  background: #FF6600 url(/images/cat_header_corner.gif) no-repeat 0 100%;
}

#catalog ul {
  padding: 0;
  margin: 0;

/*  text-transform: lowercase;*/
  color: #FFFFFF;
  letter-spacing: 1px;

  list-style: none;
}

#catalog li {
  padding: 10px;
  margin: 0;

  list-style: none;
}

#catalog li#yellow {
  background: #EDBE30 url(/images/cat_yellow_corner.gif) no-repeat 0 100%;
}

#catalog li#blue {
  background: #679BE2 url(/images/cat_blue_corner.gif) no-repeat 0 100%;
}

#catalog li#purple {
  background: #88002A url(/images/cat_purple_corner.gif) no-repeat 0 100%;
}


#catalog li#orang {
  background: #FF9652 url(/images/cat_orang_corner.gif) no-repeat 0 100%;
}

#catalog li#black {
  background: #535C6F url(/images/cat_black_corner.gif) no-repeat 0 100%;
}








#catalog li a {
  display: block;

  width: 100%;
  padding-top: 135px;

  font: normal 13px Arial, sans-serif;
/*  text-transform: lowercase;*/
  color: #FFFFFF;
  text-decoration: none;
}

#catalog li a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

#catalog li#yellow a {
  background: transparent url(/images/yellow_shortcut.gif) no-repeat 50% 0;
}

#catalog li#orang a {
  background: transparent url(/images/orang_shortcut.gif) no-repeat 50% 0;
}


#catalog li#blue a {
  background: transparent url(/images/blue_shortcut.gif) no-repeat 50% 0;
}

#catalog li#purple a {
  background: transparent url(/images/purple_shortcut.gif) no-repeat 50% 0;
}

#catalog li#black a {
  background: transparent url(/images/black_shortcut.gif) no-repeat 50% 0;
}











/******************************************************************************
*   Контент каталога
******************************************************************************/

#outbound-inside {
  margin: 0 0 0 150px;
  padding: 0;

  background: transparent url(/images/pres_body_dot.gif) repeat-y 0 0;
}


#content-inside {
  position: relative;

  margin: 0;
  padding: 50px 0 0 20px;

  min-height: 300px;
}

* html #content-inside {
  height: 300px;
}

.narrow-band {
  position: relative;
  margin-left: 185px;
  z-index: 700;
}

* html .narrow-band {
  position: fixed;
  margin-left: 185px;
  z-index: auto;
}

#content-inside h2 {
  padding: 0;
  margin: 10px 0;

  font: normal 15px Arial, sans-serif;
  text-transform: uppercase; 
  color: #FF6600;
  letter-spacing: 1px;
}



#catalog-inside {
  position: absolute;
  top: 105px;
  left: 155px;

  width: 1050px;

  margin: 0;
  padding: 0;
  
  text-align: left;
}

* html #catalog-inside {
  left: 150px;
}


html:not([dummy]) #catalog-inside {
  z-index: 300;
}


#catalog-inside ul {
  padding: 0;
  margin: 0;

  font: normal 12px Arial, sans-serif;
 text-transform: uppercase; 
  color: #FFFFFF;
  letter-spacing: 1px;

  list-style: none;
}

#catalog-inside li {
  float: left;

  width: 169px;

  padding: 5px 10px 5px 20px;
  margin: 0 0 0 5px;

  text-transform: uppercase;

  list-style: none;
}

#catalog-inside li.current {
  float: left;

  width: 169px;

  padding: 5px 10px 5px 20px;
  margin: 0;

  font-weight: bold;
}



#catalog-inside li#yellow {
  background: #EDBE30 url(/images/yellow_catalog_corner.gif) no-repeat 100% 100%;
}

#catalog-inside li#orang {
  background: #FF9652 url(/images/orang_catalog_corner.gif) no-repeat 100% 100%;
}


#catalog-inside li#blue {
  background: #679BE2 url(/images/blue_catalog_corner.gif) no-repeat 100% 100%;
}

#catalog-inside li#purple {
  background: #88002A url(/images/purple_catalog_corner.gif) no-repeat 100% 100%;
}

#catalog-inside li#black {
  background: #535C6F url(/images/black_catalog_corner.gif) no-repeat 100% 100%;
}




#catalog-inside li a {
  display: block;

  width: inherit;
  height: 100%;

  padding: 0;

  font-size: 12px;
  color: #FFFFFF;
  text-decoration: none;
}

* html #catalog-inside li a {
  width: auto;
}


#catalog-inside li a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}


#catalog-inside li.current a {
  font-weight: bold;
}


#catalog-inside li ul {
  width: auto;

  padding: 0 0 15px 0;
  margin: 0;

/*  text-transform: lowercase; */
  font: normal 12px Arial, sans-serif;

  list-style: none;
}

#catalog-inside li ul li {
  float: none;

  width: inherit;

  padding: 3px 0 3px 15px;
  margin: 0;

/*  text-transform: lowercase; */

  list-style: none;

  background: transparent url(/images/white_pin.gif) no-repeat 2px 8px;
}

#catalog-inside li ul li.current {
  float: none;

  width: 155px;

  padding: 3px 0 3px 15px;
  margin: 0;

  background: #FE9752 url(/images/black_pin.gif) no-repeat 2px 8px;

  list-style: none;
}

* html #catalog-inside li ul li, * html #catalog-inside li ul li.current {
  width: auto;
}


#catalog-inside li ul li a {
  display: block;

  padding: 0;

  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
}

#catalog-inside li ul li a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

#catalog-inside li ul li.current a {
  color: #000000;
  text-decoration: none;
}

#catalog-inside li ul li.current a:hover {
  color: #000000;
  text-decoration: underline;
}



#catalog-details {
  position: relative;
  z-index: 300;

  width: 600px;
  min-height: 150px;

  margin: 0 0 10px 180px;
}

* html #catalog-details {
  height: 150px;
}



#item-files, #item-image {
}



#item-files {
  width: 50%;

  padding: 20px;

  vertical-align: top;
  text-align: left;
}

#item-files ul {
  margin: 0;
  padding: 0;

  list-style: none;
}

#item-files li {
  margin: 0;
  padding: 5px 0;

  list-style: none;
}

#item-files a {
  padding: 2px 0 2px 19px;

  font-size: 12px;
  text-transform: lowercase; 

  background: transparent url(/images/sheet_list.gif) no-repeat 0 0;
}



#item-image {
  text-align: center;
}

#item-image a#zoom {
  padding: 2px 0 2px 19px;

  font-size: 10px;
  text-transform: lowercase;

  background: transparent url(/images/zoom_icon.gif) no-repeat 0 0;
}

#item-image p {
  padding: 0;
  margin: 5px 0 0 0;
}


#item-description {
  font-size: 13px;
}

#item-description table {
  margin: 5px 0 10px 0;
  width: 100%;

  border-spacing: 0;
  border-collapse: collapse;

  font-size: 12px;

  border: 1px solid #FF6600;
}

#item-description td {
  padding: 2px;

  font-size: 12px;

  border: 1px solid #FF6600;
}



/*#content table {
  margin: 5px 0 10px 0;
  width: 90%;

  border-spacing: 0;
  border-collapse: collapse;

  font-size: 12px;

  border: 1px solid #FF6600;
}

#content td {
  /* padding: 2px; */

  font-size: 12px;

  border: 1px solid #FF6600;
}*/


#content form table, #content form td {
  padding: 0;

  border: 0 none;
}


#content td p, #item-description td p {
  padding: 0;
  margin: 0;
}



/******************************************************************************
*   Футер
******************************************************************************/

#footer {
  position: relative;

  margin-left: 220px;

  padding: 5px 0; 

  font: normal 10px Arial, sans-serif;
  color: #666666;
}

#footer #copyright {
  position: absolute;
  top: 5px;
  left: 0;

  text-align: left;
}

#footer #developer {
  position: absolute;
  top: 5px;
  right: 0;

  text-align: right;
}








/******************************************************************************
*   Элементы страницы
******************************************************************************/

.material {
  position: relative;
  z-index: 200;

  clear: left;

  margin: 0 0 10px 0;
  padding: 0;
}

.material .descr {
  margin: 0 0 0 85px;
  padding: 5px;

  text-align: justify;

  background: #E4EFFD;
  border: 1px solid #A4C9FA;
}

.material h3 {
  clear: none;

  margin-top: 0;

  color: #000000;

  font-size: 12px;
  font-weight: bold;

  text-transform: uppercase;
}


.material h3 a {
  color: #000000;
  text-decoration: none;
}

.material h3 a:hover {
  color: #666666;
  text-decoration: underline;
}




.article {
  clear: left;

  margin: 0;
  padding: 0;
}

.article .descr {
  margin: 0;
  padding: 0 0 10px 120px;

  text-align: justify;
}

.article img {
  float: left;

  width: 100px;

  margin: 0;
  padding: 0;

  border: 1px solid #FF6600;
}





.more {
  margin: 5px 0 0 0;

  text-align: right;
}

.more a {
  padding: 2px 0 2px 19px;

  font-size: 10px;
  text-transform: lowercase;

  background: transparent url(/images/sheet_list.gif) no-repeat 0 0;
}




#more-list {
  float: right;

  width: 60%;
  
  margin: 0;

  text-align: right;
}

#more-list ul {
  display: inline;
  list-style: none;

  padding: 0;
  margin: 0;
}

#more-list li {
  display: inline;
  list-style: none;

  padding: 0 0 0 10px;
  margin: 0;
}

#more-list a {
  padding: 2px 0 2px 19px;

  font-size: 10px;
  text-transform: lowercase;

  background: transparent url(/images/sheet_list.gif) no-repeat 0 0;
}




#input_form {

}

#input_form input, #input_form select, #input_form textarea {
  width: 98%;
}

#input_form input.button {
  width: auto;
}





a.langlink {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 20px;
  text-decoration: none;
}


a.langlink:hover {
  color: #FF6600;
  text-decoration: none;
}


#maptable td {

    }