body,a,td,p,span,div,li  {

font-family: Arial, Helvetica, sans-serif;

}

/*Обрисовка картинки текстом*/
.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }
.rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
   } 


hr {	border:none;	border-top:1px solid #CCCCCC;	height:1px;	margin-bottom:5px;	}
h1 {	font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;margin:20;padding:0;}
h2 {	font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;margin:20;padding:0;}
h3 {	font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;margin:20;padding:0;}

/* вывод таймлайн */
.container {
  padding: 1em;
}

.timeline {
  position: relative;
  overflow: auto;
}
.timeline:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 5px;
  background: #dddddd;
  left: 0;
}
.timeline h2 {
  background: #dddddd;
  max-width: 6em;
  margin: 0 auto 1em;
  padding: 0.5em;
  text-align: center;
  position: relative;
  clear: both;
}
.timeline ul {
  list-style: none;
  padding: 0 0 0 1em;
  z-index: 1;
}
.timeline li {
  background: #dddddd;
  padding: 1em;
  margin-bottom: 1em;
  position: relative;
}
.timeline li:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 1em solid #dddddd;
  border-left: 1em solid transparent;
  position: absolute;
  left: -1em;
  top: 0;
}
.timeline h3 {
  margin-top: 0;
}
.timeline time {
  font-style: italic;
}

@media screen and (min-width: 40em) {
  .container {
    max-width: 1000px;
    margin: 0 auto;
  }

  .timeline:before {
    left: 50%;
  }
  .timeline ul {
    padding-left: 0;
    max-width: 700px;
    margin: 0 auto;
  }
  .timeline li {
    width: 42%;
  }
  .timeline li:nth-child(even) {
    float: right;
    margin-top: 2em;
  }
  .timeline li:nth-child(odd) {
    float: left;
  }
  .timeline li:nth-child(odd):before {
    border-top: 1em solid #dddddd;
    border-right: 1em solid transparent;
    right: -1em;
    left: auto;
  }
  .timeline li:nth-of-type(2n+1) {
    clear: both;
  }
}



/* /проеблок */
   

 

/* /проеблок */
   


/*блок меню-выпадушки для фейсбука и РСС*/	
.wrapper{margin:10px; position:relative;width:100px;height:220px;margin-top:0px}
/*Базовая обертка*/
.droplink {width:250px;background:auto;position:absolute;border:solid 1px #AB9B85; border-radius:3px;
margin:0px 0 10px 10px; padding:3px}
/*Сбросим отступы*/
.droplink ul,.droplink h1,.droplink h1 a{padding:0;margin:0}
/*Стиль блока при наведении*/
.droplink:hover {height:auto;background-color:#735D47;border:solid 1px #AB9B85}
/*Заголовок*/
.droplink h1 a {text-align:center;width:100%;display:block;padding:32px 10px;color:#000000;text-decoration:none}

/*Стили для текста в открытом меню*/
.droplink:hover h1 hr a {color:#000;font-weight:bold;position: absolute}
/*Скрываем по умолчанию стиль списка и 
*не отображаем сам список без наведения*/
.droplink ul{list-style:none;display:none}
.droplink hr{list-style:none;display:none}
/*Отображаем элементы при наведении*/
.droplink:hover ul{display:block; margin-top:15px}
.droplink li{display:block}

/*блок вертикального субменю в выпадушке*/
.droplink a:link, .droplink  a:visited {
	color: #FFF;
	display: block;
	background-color:  #ff0000;
	padding: 8px 0 0 35px;
	}
.droplink a:hover {
	color: #FFF;
	background-color:  #fffacd;
	padding: 8px 0 0 35px;
	}	
/*Стиль элемента списка	*/
 
.droplink li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	text-decoration: none;
	}	
 
.droplink li a:link, .droplink li a:visited {
	color: #FFF;
	display: block;
	background-color:  #AB9B85;
	padding: 8px 0 0 35px;
	}
 
.droplink li a:hover {
	color: #FFF;
	background-color:  #735D47;
	padding: 8px 0 0 35px;
	}

.droplink li span {
  position: absolute;
  left: 15em;
  margin-top: -1.4em;
  width: 20em;
  display: none;
	}
.droplink li:hover span { display: block;}
.droplink li span a { display: inline; }

/* хлебные крошки */
.crumbs {width:auto;background-color:#FFFFFF;position:absolute}
.crumbs ul, 
.crumbs li {
	list-style-type:none;
	padding:0;
	margin:0;
	}		
.crumbs {
	height:2.3em;
	border:0;
	font:71%/165% "Lucida Grande", Lucida, Verdana, sans-serif;
	}
.crumbs li {
	float:left;
	line-height:2.3em;
	padding-left:.75em;
		}		
.crumbs li a {
	display:block;
	padding:0 15px 0 0;
	}							
.crumbs li a:link,
.crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
a:link, a:visited,	
.crumbs li a:hover,
.crumbs li a:focus {
	color:#dd2c0d;
	}	



/*блок окна-подсказки*/
.dlink {
color: #0000FF; /* цвет ссылки */
font-weight: bold; /* указывает, что текст ссылки жирный */
font-family: Verdana, Arial, Helvetica, sans-serif; /* семейство шрифта ссылки */
font-size: 16px; /* размер шрифта ссылки */
}
.wind {
position: absolute;
width: 300px; /* ширина всплывающего окна */
left: 22%; /* отступ от левого края экрана */
top: 100px; /* отступ с верху экрана */
border:solid #A0A050 3px; /* цвет и толщина рамки окна*/
display: none;
z-index: 10;
overflow: hidden;
background-color:#ffffff; /* цвет фона внутри окна, стоит белый */
color:#000000; /* цвет текста внутри окна, стоит чёрный */
text-align:center; /* выравнивает весь текст в окне по центру */
padding:5px;
}

/*блок горизонтального меню*/

.navigation {
height: 10px;

} 
.navigation ul {
list-style: none; margin: 0px; padding: 0
} 
.navigation ul li {
display: inline;
} 
.navigation ul li a {
height:20px;
display: block;
float: left;
color: #000;
text-decoration: none;
font-family: Arial;
font-size: 14px;
font-weight: bold;
background-repeat: no-repeat;
background-position: right center;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.navigation ul li a:hover {
color:#800000;
background-repeat: repeat-x;
background-position: left top;
}
.navigation ul li #active a {
background-repeat: repeat-x;
background-position: left top;
} 


 /*- Menu Tabs J--------------------------- */  
 .tabsJ {
      float:left;
      width:100%;
      
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #800000;
      }
    .tabsJ ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    .tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    .tabsJ a {
      float:left;
      background:url("../img/tabsJ/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    .tabsJ a span {
      float:left;
      display:block;
      background:url("../img/tabsJ/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#9B8A09;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    .tabsJ a:hover span {
      color:#FFF;
      }
    .tabsJ a:hover {
      background-position:0% -42px;
      }
    .tabsJ a:hover span {
      background-position:100% -42px;
      }

        .tabsJ .current a {
                background-position:0% -42px;
        }
        .tabsJ .current a span {
                background-position:100% -42px;
                color:#FFF;
        }

/*  таблица с скругленными краями                                           */

.tableR {

  border-spacing: 0;
  border: 1px solid;
  border-radius: 10px;
}
.tableR td, .tableR th {
  padding: 10px;
  border-left: 1px solid;
  border-top: 1px solid;
}
.tableR th {
  background: #fff5d7;
  border-top: none;
}
.tableR td:first-child, .tableR th:first-child {
  border-left: none;
}

/* из-за background */

.tableR th:first-child {
  border-top-left-radius: 10px;
}
.tableR th:last-child {
  border-top-right-radius: 10px;
}

/*- Menu Tabs J--------------------------- */  
 .tabsT {
      float:left;
      width:100%;
      
      font-size:60%;
      line-height:normal;
          border-bottom:1px solid #800000;
      }
    .tabsT ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    .tabsT li {
      display:inline;
      margin:0;
      padding:0;
      }
    .tabsT a {
      float:left;
      background:url("../img/tabsJ/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    .tabsT a span {
      float:left;
      display:block;
      background:url("../img/tabsJ/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#9B8A09;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .tabsT a span {float:none;}
    /* End IE5-Mac hack */
    .tabsT a:hover span {
      color:#FFF;
      }
    .tabsT a:hover {
      background-position:0% -42px;
      }
    .tabsT a:hover span {
      background-position:100% -42px;
      }

        .tabsT .current a {
                background-position:0% -42px;
        }
        .tabsT .current a span {
                background-position:100% -42px;
                color:#FFF;
        }

/* =-=-=-=-=-=-=-[Menu Nine]-=-=-=-=-=-=-=- */

.menu9 {
        width: 200px;
        margin-top: 20px;
        margin-left: 40px;
        margin-bottom: 20px;
        }
        
 .menu9 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

.menu9 li a {
          height: 32px;
          
          height: 24px;
        text-decoration: none;
        }


.menu9 li a:link, .menu9 li a:visited {
        color: #E5E8D4;
        display: block;
        background: url(../img/tabsJ/menu9.gif);
        padding: 8px 0 0 10px;
        }

.menu9 li a:hover, .menu9 li .current {
        color: #725033;
        background: url(../img/tabsJ/menu9.gif) 0 -32px;
        padding: 8px 0 0 10px;
        }

.menu9 li a:active {
        color: #fff;
        background: url(../img/tabsJ/menu9.gif) 0 -64px;
        padding: 8px 0 0 10px;
        }
-->

/* =-=-=-=-=-=-=-[Menu Nine в картах]-=-=-=-=-=-=-=- */

.menu10 {
        width: 350px;
        margin-top: 20px;
        margin-left: 40px;
        margin-bottom: 20px;
        }
        
 .menu10 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

.menu10 li a {
          height: 32px;
        text-decoration: none;
        }


.menu10 li a:link, .menu10 li a:visited {
        color: #E5E8D4;
        display: block;
        padding: 8px 0 0 10px;
        }

.menu10 li a:hover, .menu10 li .current {
        color: #725033;
       padding: 8px 0 0 10px;
        }

.menu10 li a:active {
        color: #fff;
        padding: 8px 0 0 10px;
        }
-->

/*блок окна с переводами*/
#content-slider {
	
	overflow: hidden;
	height: 700px;
	margin: 30px 0 0 0;
	border: solid 1px #666;
	
}

#content-slider-inside {
	list-style: none;
	
	HEIGHT: 700px; 	
	padding-left: 0;
	}

	#content-slider-inside li {
	
	OVERFLOW: auto; 
	background-color: moccasin; 
	
	HEIGHT: 700px; 
	/*PADDING: 10px;*/
	padding-left: 0;
	}




#navigationslider {
	list-style: none;
	margin: 20px 0 0 0;
	float: left;
}

#navigationslider li {
	float: left;
	width: 60px;
	height: 30px;
	text-align: center;
	margin: 0;
	border: solid 1px #ccc;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 5px;
}

#navigationslider li a, #navigationslider li a:link, #navigationslider li a:visited {
	text-decoration: none;
	display: block;
	height: 30px;
	color: #666;
}

#navigationslider li a.selected, #navigationslider li a.selected:link, #navigationslider li a.selected:visited {
	background: #666;
	color: #fff;
}

#navigationslider li a:hover, #navigationslider li a:focus, #navigationslider li a:active {
	background: #666;
	color: #fff;
}

/*блок окна с фото*/
#content-foto {
	width: 300px;
	overflow: hidden;
	height: 700px;
	margin: 30px 0 0 0;
	border: solid 1px #666;
}

#content-foto-inside {
	list-style: none;
	width: 300px;
	HEIGHT: 700px; 
	}

	#content-foto-inside li {
	width: 300px;
	OVERFLOW: auto; 
	background-color: moccasin; 
	WIDTH: 300px; 
	HEIGHT: 700px; 
	PADDING: 10px;
	}
	
#navigationfoto {
	list-style: none;
	margin: 20px 0 0 0;
	float: left;
}

#navigationfoto li {
	float: left;
	width: 60px;
	height: 30px;
	text-align: center;
	margin: 0;
	border: solid 1px #ccc;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 5px;
}

#navigationfoto li a, #navigationfoto li a:link, #navigationfoto li a:visited {
	text-decoration: none;
	display: block;
	height: 30px;
	color: #666;
}

#navigationfoto li a.selected, #navigationfoto li a.selected:link, #navigationfoto li a.selected:visited {
	background: #666;
	color: #fff;
}

#navigationfoto li a:hover, #navigationfoto li a:focus, #navigationfoto li a:active {
	background: #666;
	color: #fff;
}


/*блок каталога изданий*/
#content {
	width: 700px;
	overflow: hidden;
	height: 850px;
	margin: 30px 0 0 0;

}

#content-inside {
	list-style: none;
	width: 550px;
	HEIGHT: 850px; 
	
}

	#content-inside li {
	OVERFLOW: auto; 
	background-color: moccasin; 
	WIDTH: 550px; 
	HEIGHT: 850px; 
	PADDING: 15px
	}
	
#navigationcontent {
	list-style: none;
	margin: 20px 0 0 0;
	float: right;
}

#navigationcontent li {
	float: left;
	width: 60px;
	height: 30px;
	text-align: center;
	margin: 0;
	border: solid 1px #ccc;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 5px;
}

#navigationcontent li a, #navigationcontent li a:link, #navigationcontent li a:visited {
	text-decoration: none;
	display: block;
	height: 30px;
	color: #666;
}

#navigationcontent li a.selected, #navigationcontent li a.selected:link, #navigationcontent li a.selected:visited {
	background: #666;
	color: #fff;
}

#navigationcontent li a:hover, #navigationcontent li a:focus, #navigationcontent li a:active {
	background: #666;
	color: #fff;
}

/*блок каталога рецензий*/
#rcontent {
	width: 700px;
	overflow: hidden;
	height: 850px;
	margin: 30px 0 0 0;

}

#rcontent-inside {
	list-style: none;
	width: 550px;
	HEIGHT: 850px; 
	
}

	#rcontent-inside li {
		OVERFLOW: auto; 
	background-color: moccasin; 
	WIDTH: 550px; 
	HEIGHT: 850px; 
	PADDING: 15px
	}
	
#rnavigationcontent {
	list-style: none;
	margin: 20px 0 0 0;
	float: right;
}

#rnavigationcontent li {
	float: left;
	width: 300px;
	height: 30px;
	text-align: center;
	margin: 0;
	border: solid 1px #ccc;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 5px;
}

#rnavigationcontent li a, #rnavigationcontent li a:link, #rnavigationcontent li a:visited {
	text-decoration: none;
	display: block;
	height: 30px;
	color: #666;
}

#rnavigationcontent li a.selected, #rnavigationcontent li a.selected:link, #rnavigationcontent li a.selected:visited {
	background: #666;
	color: #fff;
}

#rnavigationcontent li a:hover, #rnavigationcontent li a:focus, #rnavigationcontent li a:active {
	background: #666;
	color: #fff;
}