/* Created on 04.12.2012 */

   body {
    font: 11pt Areal, Helvetica, sans-serif; /* Рубленый шрифт текста */
    margin: 0; /* Отступы на странице */
    background: url(images/BackgroundPic.jpg);
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
   }
   
   #headtable {
   /*border: 1px solid #ccc;/* Рамка вокруг шапки страницы */
   -moz-border-radius: 10px; /* Для Firefox 3 */
   -webkit-border-radius: 10px; /* Для Safari 4 и Chrome */
    border-radius: 10px; /* Для современных браузеров */ 
    opacity: 0.8; /* Значение прозрачности */
    filter: alpha(Opacity=80); /* Прозрачность в IE */
     }
     
   input{
    border: none;
    -moz-border-radius: 5px; /* Для Firefox 3 */
    -webkit-border-radius: 5px; /* Для Safari 4 и Chrome */
    border-radius: 5px; /* Для современных браузеров */ 
     }
   
   a img {
     border: 0;
    }
     
   h1 {
    font-size: 36px; /* Размер шрифта */
    margin: 0; /* Убираем отступы */
    color: #000080; /* Цвет текста */
    background: #6495ED; /* Цвет фона */
    padding: 1px; /* Поля вокруг текста */
   }
   
   h2 {
    margin-top: 0; /* Убираем отступ сверху */
    margin-bottom: 0;
   }
     
   P.string_1 { /* Верхний блок 1 */
    margin: 1px;
   }
   
   P.string_2 { /* Верхний блок 2 */
    font: 25pt Times New Roman, Helvetica, sans-serif; /* Рубленый шрифт текста */
    margin: 1px;
    
   }
   
   P.string_shearch { /* Текст под поисковой строкой */
     margin: 0;
     color: white;
     font-style: italic; 
     }  
   
   A.zagolovok {
   color: #000080; /* Цвет текста */
   text-decoration: none;
   opacity: 1; /* Значение прозрачности */
   filter: alpha(Opacity=100); /* Прозрачность в IE */
   }
   
   P.alert { 
    color: red; /* Цвет текста */
    margin-left: 20px; /* Отступ слева */
    border-left: 1px solid navy; /* Граница слева от текста */
    padding-left: 15px; /* Расстояние от линии до текста */
   }
   
   
   .redcolortext {
     color: red; /* Красный цвет выделения */
   }
   
   .bluecolortext {
     color: blue; /* Красный цвет выделения */
   }
   
   #sidebar { /* Левая колонка */
    float: left; /* Обтекание справа */
   /* border: 1px solid #333;  Параметры рамки вокруг */
    width: 16%; /* Ширина колонки */
    padding: 5px; /* Поля вокруг текста */
    margin: 10px 10px 20px 5px; /* Значения отступов */
    
   }
   
   ul#menu {
    list-style: none; /* Убираем маркеры списка */
    margin: 0; 
    padding: 0; /* Убираем отступы */
    }
    
   ul#menu ul {
    position: absolute; /* Подменю позиционируются абсолютно */
    display: none; /* Скрываем подменю */
    margin-left: 13.5%; /* Сдвигаем подменю вправо */
    margin-top: -2em; /* Сдвигаем подменю вверх */
    }
     
    ul#menu li:hover ul {
    display: block; /* Показываем подменю */
    }
     
   ul#menu li {
    list-style: none; /* Убираем маркеры списка */
    padding: 2px; /* Поля вокруг пункта меню */
    
    }
      
   ul#menu a {
    display: block; /* Ссылка как блочный элемент */
    padding: 5px; /* Поля вокруг надписи */
    text-decoration: none; /* Подчеркивание у ссылок убираем */
    font: 130% fantasy; 
    color: #000080; /* Цвет текста */
    border: 1px solid #ccc;/* Рамка вокруг пунктов меню */
    /*border: none;*/
    -moz-border-radius: 10px; /* Для Firefox 3 */
    -webkit-border-radius: 10px; /* Для Safari 4 и Chrome */
    border-radius: 10px; /* Для современных браузеров */
    background-color: #6495ED; /* Цвет фона */
    }
   
   ul#menu a:hover {
     color: #ffe; /* Цвет текста активного пункта */
     background-color: #191970; /* Цвет фона активного пункта */
     } 
    
  #back_top_button {	/* кнопка стрелка-вверх, появляющаяся при прокрутке страницы вниз ниже меню */
	 position:fixed;
	 bottom:10%;
	 left:5%;
   }

  #back_top_button a {   /* строка текста для кнопки стрелки-вверх, появляющаяся при прокрутке страницы вниз, ниже меню */
	 width:64px;
	 display:block;
	 text-align:center;
	 font:14px/100% Arial, Helvetica, sans-serif;
	 text-transform:uppercase;
	 text-decoration:none;
	 color:#bbb;
	/* background color transition */
	 -webkit-transition:1s;
	 -moz-transition:1s;
	 transition:1s;
  }
    
   #content { /* Правая колонка */
	font: 14pt Areal, Helvetica, sans-serif; /* Рубленый шрифт текста */
	margin: 10px 5px 20px 18%; /* Значения отступов */
	padding: 1px; /* Поля вокруг текста */
	border: 1px solid #333; /* Параметры рамки */
	-moz-border-radius: 10px; /* Для Firefox 3 */
	-webkit-border-radius: 10px; /* Для Safari 4 и Chrome */
	border-radius: 10px; /* Для современных браузеров */
	text-align: justify;
   }
   
   #slider_panel { /* Раскрывающийся блок */
    display: none;
    }
    
   #FitoOtryadTable {
     margin-left: 20%; /* Отступ слева */
     height: 100%; 
     width: 100%
     
     }
   
   #FitoOtryadTable td{
     /*margin-left: 25%; /* Отступ слева */
     text-align: left;
     }
     
     #FitoSemeystvaTable {
     margin-left: 20%; /* Отступ слева */
     height: 100%; 
     width: 100%
     
     }
   
   #FitoSemeystvaTable td{
     /*margin-left: 25%; /* Отступ слева */
     text-align: left;
     }
     
     #FitoRodaTable {
     margin-left: 20%; /* Отступ слева */
     height: 100%; 
     width: 100%
     
     }
   
   #FitoRodaTable td{
     /*margin-left: 25%; /* Отступ слева */
     text-align: left;
     }
     
     #ZooKlassyTable {
     margin-left: 20%; /* Отступ слева */
     height: 100%; 
     width: 100%
     
     }
   
   #ZooKlassyTable td{
     /*margin-left: 25%; /* Отступ слева */
     text-align: left;
     }
     
     #ZooVidyVMireTable {
     margin-left: 20%; /* Отступ слева */
     height: 100%; 
     width: 30%
     
     }
   
   #ZooVidyVMireTable td{
     /*margin-left: 25%; /* Отступ слева */
     text-align: left;
     }
     
   #SvidetelstvaRisunok {
     margin-left: 25%; /* Отступ слева */
     height: 100%; 
     width: 100%
     
     }
   
   #footer { /* Нижний блок */
    position: relative; /* Абсолютное позиционирование */
    bottom: 5px;
    background: #333; /* Цвет фона */
    padding: 5px; /* Поля вокруг текста */
    color: #fff; /* Цвет текста */
    clear: left; /* Отменяем действие float */
    border: 1px solid #333; /* Параметры рамки */
    -moz-border-radius: 10px; /* Для Firefox 3 */
    -webkit-border-radius: 10px; /* Для Safari 4 и Chrome */
    border-radius: 10px; /* Для современных браузеров */
   }