@font-face {font-family: calibri, arial;} 

html {height: 100%;}

* {margin: 0; padding: 0;}

article, aside, figure, footer, header, hgroup, nav, section {display:block;}

body {font: normal .90em  calibri, Verdana, arial, sans-serif; background: #F5F5F5 url(../images/pattern.png); color: black; padding-bottom: 40px;}

p {margin: 10px 0px 10px 0px; line-height: 130%;}

p.index	 { 
color: black; /* Красный цвет символов */ 
font-size: 100%; /* Размер шрифта в процентах */ 
font-family: Calibri, Verdana; /* Шрифт */
font-weight: bold;
text-align:top; 
vertical-align:top;
padding: 0px;
margin: 0;
} 

img {border: 0;}

h1, h2, h3, h4, h5, h6 {font: normal 200% calibri, arial, sans-serif; color: #222; margin: 0 0 0 0; padding: 0 0 0 0;}
h1 {font: normal 140% calibri, arial, sans-serif; color: #000000;}
h2 {font: normal 120% calibri, arial, sans-serif; color: #000000; padding: 5px 0px 0px 0px;}
h3 {font: normal 100% calibri, arial, sans-serif; color: #000000; padding: px}
h4 {font: normal 115% calibri, arial, sans-serif; color: #000000;}

a, a:hover {outline: none; color: black;/* цвет ссылки */ text-decoration: underline;}
a:hover {text-decoration: none; color: #666;/* цвет ссылки под курсором */}


ul {margin: 2px 0 22px 10px; list-style-type: none;}
ul li {list-style-type: none; margin: 0 0 0 0; padding: 0 0 4px 5px;}

.left {float: left; width: auto; margin-right: 10px;}
.right { float: right;  width: auto; margin-left: 10px;}
.center {display: block; text-align: center;margin: 20px auto;}

#main, header, #logo, nav, #site_content, footer {margin-left: auto; margin-right: auto;}

#main {width: 950px; margin: 0px auto 0 auto;}

header {width: 950px; height: 70px;}

#logo {width: 240px; float: left; height: 70px; background: transparent; padding: 0 0 10px 0;}

#logo h3 {font: normal 250% calibri, Arial, sans-serif;color: #222;letter-spacing: -2px;}
#logo h3 a {color: #222; text-decoration: none;}
#logo h3 a:hover {color: #32CD32;/* цвет ссылки под курсором */ text-decoration: none;}

nav {width: 700px; height: 26px; margin: 1px auto 0 auto; float: right; padding: 0 10px 0 0;} 

#site_content {width: 950px; overflow: hidden; /*не отображать за пределами*/ margin: 0px auto 0 auto; padding: 0; border-top: 0; border-bottom: 0;} 

#content {text-align: justify; height: 1500px; width: 700px; padding: 0 0 5px 0; margin: 0; float: right;}

#content ul, .sidebar ul {margin: 2px 0 5px 0px;}
#content ul li, .sidebar ul li {list-style-type: none; background: transparent url(../images/bullet.png) no-repeat left center; margin: 0 0 0 0; padding: 2px 0px 2px 20px; line-height: 150%;}

table {border-collapse: collapse; /* Убираем двойные линии между ячейками */}
td, th {padding: 3px; /* Поля вокруг содержимого таблицы */ border: 1px solid black; /* Параметры рамки */}
th {background: #ADD8E6; /* Цвет фона */}
   
#content2 {text-align: justify; height: 950px; width: 950px; padding: 0 0 5px 0; margin: 0; float: right;}
#content2 table {border-collapse: collapse; /* Убираем двойные линии между ячейками  */}
#content2 td,tr {padding: 3px; /* Поля вокруг содержимого таблицы */ border: 0px ; /* Параметры рамки */}

#menu {text-align: ;height: 950px; width: 250px; padding: 20px /* поле от верхнего края */ 0 0 0; margin: 0; float: left;}
#menu a, a:hover {outline: none; color: black;/* цвет ссылки */ text-decoration: none;}
#menu a:hover {text-decoration: none; color: #666;/* цвет ссылки под курсором */}

/*Главная и каталог*/

#content1 {text-align: justify; height: 950px; width: 950px; padding: 0 0 5px 0; margin: 0; float: right;}
#content1 table {border-collapse: collapse; /* Убираем двойные линии между ячейками !на главной! */}
#content1 td,tr {padding: 7px; /* Поля вокруг содержимого таблицы */ border: 0px ; /* Параметры рамки !на главной! */}
#content1 td {text-align:center; vertical-align:top; /* Выравнивание по середине !на главной! */}

#content3 {text-align: justify; height: 950px; width: 700px; padding: 0 0 5px 0; margin: 0; float: right;}
#content3 table {border-collapse: collapse; /* Убираем двойные линии между ячейками !на главной! */}
#content3 td,tr {padding: 7px; /* Поля вокруг содержимого таблицы */ border: 0px ; /* Параметры рамки !на главной! */}
#content3 td {text-align:center; vertical-align:top; /* Выравнивание по середине !на главной! */}

#menuline {width: 950px; height: 30px;}

#menu1 {text-align: center; height: 950px; width: 250px; padding: 0; margin: 0; float: left; padding-top: 25px;}

p.menu {padding: 0; margin: 0;}
p.menuh2 {font: normal 140% calibri, arial, sans-serif; color: #000000; padding: 0; margin: 0 0 5px 0;}

tr.fon {background: #ADD8E6; /* Цвет фона */}
p.menunav {  }






.noborder {
border-collapse: collapse; /* Убираем двойные линии между ячейками */
border: 1px solid white; /* Прячем рамку вокруг таблицы */
margin: 5px 0px 25px 0px; 
}

.noborder td {
border: 1px solid white; /* Параметры рамки */
}













/* Image Transitions */
ul#images {
  margin: 0 15px 10px 0;
  padding: 0;
  position: relative;
}

ul#images li {
  display: block;
  overflow: hidden;
  padding: 0;
  float: left;
  width: 155px;
  height: 300px;
  list-style: none;
}


.lavaLampWithImage {
  position: relative;
  height: 25px;
  padding: 15px 5px 15px 0;
  margin: 10px 0 0 0;
  overflow: hidden;
  float: right;
}

.lavaLampWithImage li {
  float: left;
  list-style: none;
}

.lavaLampWithImage li.back {
  background: #D5D5D6;
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border: 15px 15px 15px 15px;
  height: 28px;
  z-index: 8;
  position: absolute;
}

.lavaLampWithImage li a {
  font: normal 130% calibri, sans-serif;
  text-shadow:1px 1px #FFF;
  text-decoration: none;
  color: #222;
  outline: none;
  text-align: center;
  letter-spacing: 0;
  z-index: 10;
  display: block;
  float: left;
  height: 30px;
  padding: 5px 7px 0 7px;
  position: relative;
  overflow: hidden;
  margin: auto 10px;    
}

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
  border: none;
}