@import url(http://fonts.googleapis.com/css?family=Arimo:400,700&subset=latin,cyrillic);

body { 
	margin: 0; padding: 0;
	background: url(images/top.jpg) repeat-x;
	background-color: #f8f5ef;
}

DIV {
	line-height: 24px;
}


/* Top */

TD.top1 {
	width: 320px;
	text-align: left;  
}

TD.top2 {
	width: 320px;
	text-align: left;  
}

TD.top3 {
	width: 300px;
	text-align: left;  
}


DIV.logo {
	PADDING-TOP: 30px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px;
}


DIV.search {
	PADDING-TOP: 55px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px;
}

input.search1 {
	font-family: "Arial";
	border: 0px solid #BDBDBD;
	background: url(images/search1.png);
	BACKGROUND-COLOR: #F3F3F3;
	height: 32px;
	width: 202px;
	padding-left: 42px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 13px;
	color: #808080;
}

input.search2 {
	height: 32px;
	width: 82px;
}


DIV.favorite {
	PADDING-TOP: 50px; PADDING-LEFT: 40px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px;
}

DIV.star {
	PADDING-TOP: 0px; PADDING-LEFT: 7px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px;
}

DIV.fav {
	PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px;
}

.fav a {  
	font-family: "Roboto Slab"; Font-size: 14px; color: #593826; font-weight: normal; font-style: normal; text-decoration: underline;
}
.fav a:hover {
	color: #d91f17; text-decoration: underline; 
}



/* Category */

TD.category {
	width: 280px; height: 40px;
	background: url(images/category-bg.gif);
	text-align: left;  
}

TD.category-active {
	width: 280px; height: 40px;
	background: url(images/category-bg2.gif);
	text-align: left;  
}

DIV.category {
	font-family: "Arial"; Font-size: 13px; color: #a0a0a0; font-weight: normal; font-style: normal; text-decoration: none;
	PADDING-TOP: 8px; PADDING-LEFT: 47px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px;
}

A.category {  
	font-family: "Roboto Slab"; Font-size: 13px; color: #593826; font-weight: normal; font-style: normal; text-decoration: none;
	text-transform: uppercase;
}
A.category:hover {
	color: #000000; text-decoration: none; 
}

DIV.cat {
	PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 7px;
	line-height: 22px;
}

.cat a {  
	font-family: "Roboto Slab"; Font-size: 16px; color: #593826; font-weight: normal; font-style: normal; text-decoration: none;
}
.cat a:hover {
	color: #8e5541; text-decoration: underline; 
}


/* Main */

TD.main {
	width: 640px;
	text-align: left;  
}

TD.sep {
	width: 20px;
}

TD.side {
	width: 280px;
	text-align: left;
}


/* Breadcrumb */

DIV.breadcrumb {
	font-family: "Arial"; Font-size: 12px; color: #666666; font-weight: normal; font-style: normal; text-decoration: none;
	PADDING-TOP: 15px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 15px;
	line-height: 20px;
}

.breadcrumb a {
	color: #666666;
	text-decoration: underline; 
}

.breadcrumb a:hover {
	color: #d91f17;
	text-decoration: underline; 
}

.breadcrumb a.home {
	padding: 0 0 0 19px;
	background: url(images/bread-home-red.gif) no-repeat 0px -1px;
}


span.bread-sep {
	padding: 0 0 0 25px;
	background: url(images/bread-sep-red.gif) no-repeat 0px 0px;
}

span.bread-pointer {
	padding: 0 0 0 25px;
	background: url(images/bread-pointer-red.gif) no-repeat 0px -1px;
}




/* Content box */

TD.content-top {
	width: 640px;
	background: url(images/content-top.gif) no-repeat;
}

TD.content-mid {
	width: 640px;
	background: url(images/content-mid.gif) repeat-y;
}

TD.content-bot {
	width: 640px;
	background: url(images/content-bot.gif) no-repeat;
}


/* Sidebar box */

TD.side-top {
	width: 280px;
	background: url(images/side-top.gif) no-repeat;
}

TD.side-top1 {
	width: 280px;
	background: url(images/side-top1.gif) no-repeat;
}

TD.side-mid {
	width: 280px;
	background: url(images/side-mid.gif) repeat-y;
}

TD.side-bot {
	width: 280px;
	background: url(images/side-bot.gif) no-repeat;
}


/* Titles */

H1 {
	font-family: "Roboto Slab"; Font-size: 24px; color: #000000; font-weight: normal; text-decoration: none;
	font: 300 24px/1.3 'Roboto Slab';
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 15px;
	line-height: 27px;
}

H2 {
	font-family: "Roboto Slab"; Font-size: 21px; color: #000000; font-weight: normal; text-decoration: none;
	font: 300 22px/1.3 'Roboto Slab';
	MARGIN-TOP: 20px; MARGIN-BOTTOM: 12px;
	line-height: 25px;
}

H3 {
	font-family: "Roboto Slab";  Font-size: 19px; color: #000000; font-weight: normal; text-decoration: none;
	font: 300 19px/1.3 'Roboto Slab';
	MARGIN-TOP: 19px; MARGIN-BOTTOM: 10px; 
	line-height: 23px;
}

H4 {
	font-family: "Roboto Slab";  Font-size: 17px; color: #000000; font-weight: normal; text-decoration: none;
	font: 300 17px/1.3 'Roboto Slab';
	MARGIN-TOP: 17px; MARGIN-BOTTOM: 8px; 
	line-height: 20px;
}

h1, h2, h3, h4 {
	text-transform: none;
}

DIV.title {
	font-family: "Roboto Slab";  Font-size: 18px; color: #000000; font-weight: normal; text-decoration: none;
	PADDING-TOP: 0px;  PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 10px;
	font: 300 18px/1.3 'Roboto Slab';
	line-height: 23px;
}

DIV.title-side {
	font-family: "Roboto Slab";  Font-size: 14px; color: #FFFFFF; font-weight: normal; text-decoration: none;
	PADDING-TOP: 12px;  PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px;
	line-height: 20px;
}

DIV.title-sod {
	font-family: "Roboto Slab";  Font-size: 18px; color: #000000; font-weight: normal; text-decoration: none;
	PADDING-TOP: 0px;  PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 5px;
	line-height: 20px;
	font: 300 18px/1.2 "Roboto Slab", serif;
}


/* Text */

DIV.mainer {
	font-family: "Arial"; Font-size: 14px; color: #404040; font-weight: normal; text-decoration: none;
	PADDING-TOP: 15px;  PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-BOTTOM: 20px;
}

DIV.side {
	font-family: "Arial"; Font-size: 13px; color: #404040; font-weight: normal; text-decoration: none;
	PADDING-TOP: 15px;  PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-BOTTOM: 10px;
	line-height: 18px;
}

p {
	margin: 0px; margin-top: 0px; margin-bottom: 15px;
	text-align: left; 
}

DIV.p {
	font-family: "Arial"; Font-size: 14px; color: #404040; font-weight: normal; text-decoration: none;
	PADDING-TOP: 0px;  PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px;
	line-height: 22px;
}

DIV.p p {
	margin: 0px; margin-top: 0px; margin-bottom: 0px;
}


.mainer b, strong {
	font-family: "Arimo"; Font-size: 15px; color: #333333; font-weight: normal;
}

TD {
	font-family: "Arial";  Font-size: 12px; color: #4E4E4E; font-weight: normal; text-decoration: none;
}





/* Soderzhanie */

DIV.sod {
    margin: 10px 2px 10px 0px;
    padding: 12px 15px 10px; 5px;

	background-color: #f9f6f1;	
	border: 1px solid #f9f6f1;
    border-radius: 6px 6px 6px 6px;
    min-height: 50px;
    max-width: 450px; 

	Font-size: 14px;
	line-height: 23px;
	color: #8e5541;
}

UL, OL {
	padding: 0px; MARGIN: 0px;
}

UL.s LI {
	list-style: inside;
	list-style-image:url(images/sod.png);
	MARGIN-LEFT: 0px; MARGIN-TOP: 2px; MARGIN-BOTTOM: 2px; 
	line-height: 17px;
}

UL.s UL LI {
	list-style: inside;
	list-style-image:url(images/sod.png);
	MARGIN-LEFT: 17px; MARGIN-TOP: 2px; MARGIN-BOTTOM: 2px; 
	line-height: 17px;
}

A.i {  
	color: #8e5541; text-decoration: none;
	border-bottom: 1px dashed #8e5541;
}
A.i:hover {
	color: #d91f17; text-decoration: none; 
	border-bottom: 1px dashed #d91f17;
}

span.ar {
	Font-size: 14px; color: #a0a0a0;
}

A.gray {  
	font-family: "Arial"; Font-size: 13px; color: #808080; font-weight: normal; font-style: normal; text-decoration: none;
	border-bottom: 1px dashed #808080;
}
A.gray:hover {
	color: #d91f17; text-decoration: none; 
	border-bottom: 1px dashed #d91f17;
}


/* Lists */

.mainer ul {
	margin-left:0px;
	margin-bottom:10px;
}

.mainer ul li {
	list-style: inside;
	list-style-image:url(images/sod.png);
	MARGIN-LEFT: 3px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 5px; 
}

.mainer ul li li {
	list-style: inside;
	list-style-image:url(images/sod.png);
	MARGIN-LEFT: 15px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 5px; 
}

	

.mainer ol {
        counter-reset:li; /* Инициализируем счетчик */
        padding:0; /* Удаляем  установленное по умолчанию левое поле*/
        list-style: none; /* Отменяем нумерацию установленную по умолчанию */
		margin-bottom: 10px;
    }
.mainer ol li {
        position:relative; /* Создаем контекст для позиционирования элементов */
        margin:0 0 5px 25px; /* Даем каждому элементу списка отступ слева, что бы освободить пространство для нумерации */
        color:#404040;
        font-weight:normal;
    }
.mainer ol li:before {
        content:counter(li) "."; /* В качестве данных используем счетчик */
        counter-increment:li; /* Увеличиваем значение счетчика на 1 */
        /* Позиционируем и стилизируем цифры */
        position:absolute;
		margin-bottom:4px;
        top:0px;
        left:-25px;
        width:25px;
        text-align:center;
		font-family: "Arimo"; Font-size: 15px; color: #333333; font-weight: normal;
}



/* Select */

blockquote {
  margin: 10px 1px 13px 0px;
  padding: 9px 15px 0px 15px; 

  text-align: left;  
  min-height: 40px;

  background-color: #f9f6f1;
  border: 1px solid #f4f0e7;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;	

  color: #505050;
  line-height: 21px;
  font-style: italic;
}

blockquote p {
  margin: 0 0 12px 0px;
}

DIV.info {
  margin: 10px 2px 10px 0px;
  padding: 9px 5px 10px 15px; 

  text-align: left;  
  min-height: 40px;

  background-color: #f9f6f1;
  border: 1px solid #f4f0e7;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;	

  color: #505050;
  line-height: 21px;
font-style: italic;
/*	font-style: italic; */
}


DIV.red {
  margin: 10px 2px 10px 0px;
  padding: 9px 5px 10px 15px; 

  text-align: left;  
  min-height: 40px;

  background-color: #ffe5e1;
  border: 1px solid #ffe5e1;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;	

  color: #505050;
  line-height: 21px;
}

DIV.green {
  margin: 10px 2px 10px 0px;
  padding: 9px 5px 10px 15px; 

  text-align: left;  
  min-height: 40px;

  background-color: #e8ffd8;
  border: 1px solid #e8ffd8;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;	

  color: #505050;
  line-height: 21px;
}

/* Images */

IMG.img {
	border:#cccccc 1px solid;
	MARGIN: 0px 10px 15px 0px;
}

DIV.image {
  margin: 10px 0px 10px 0px;
  padding: 5px 0px 5px 0px; 

  text-align: center;  

  background-color: #ffffff;
  border: 0px solid #e6e0d7;

  color: #505050;
  line-height: 20px;
/*  max-width: 460px; */
}

IMG.round {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin: 0px 10px 10px 0px;
    float:left;
}



DIV.caption {
	font-family: "Arial"; Font-size: 12px; color: #707070; font-weight: normal; font-style: italic; text-decoration: none;
	padding: 5px 0px 0px 0px; 
	line-height: 18px;
	text-align: center;  
}

.aligncenter {
	float:center;
	text-align: center;
}

.alignleft {
	float:left;
	border:#cccccc 0px solid;
	MARGIN: 0px 15px 0px 0px;
}

.alignright {
	float:right;
	border:#cccccc 0px solid;
	MARGIN: 0px 0px 0px 15px;
}

.size-full {
	max-width: 600px;
}


/* footer */

TABLE.copyright {
	background: url(images/bot.jpg) repeat-x;
}

TD.copy1 {
	width: 270px;
	text-align: left;
}

TD.copy2 {
	width: 370px;
	text-align: left;
}

TD.copy3 {
	width: 280px;
	text-align: left;
}


DIV.copy {
	PADDING-TOP: 8px;  PADDING-LEFT: 19px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px;
}

DIV.copy1 {
	font-family: "Arial";  Font-size: 11px; color: #666666; font-weight: normal; text-decoration: none;
	PADDING-TOP: 10px;  PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px;
	line-height: 16px;
}

DIV.copy2 {
	font-family: "Arial";  Font-size: 11px; color: #666666; font-weight: normal; text-decoration: none;
	PADDING-TOP: 5px;  PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px;
	line-height: 16px;
}

DIV.copy3 {
	font-family: "Arial";  Font-size: 11px; color: #666666; font-weight: normal; text-decoration: none;
	PADDING-TOP: 3px;  PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px;
	line-height: 14px;
}


DIV.counters {
	PADDING-TOP: 10px;  PADDING-LEFT: 18px; PADDING-RIGHT: 0px; PADDING-BOTTOM: 0px;
}

.footer-ul li {
	margin: 0 0 5px;
	padding: 0 0 0 23px;
	list-style: none;
	line-height: 17px;
}

.gplus {
	background: url(images/gplus.png) no-repeat 0 1px;
}

.smaps {
	background: url(images/smaps.png) no-repeat 0 1px;
}


hr {
	height: 8px;
	border: none;
	color: #dad1c5;
	background: #f4f0e8;
	margin: 0;
	padding-top: 8px;
	margin-top: 15px;
	margin-bottom: 17px;
}

DIV.mainer table {
	border-collapse:collapse;
	border-color: #cccccc;
	margin-bottom: 15px;
}
DIV.mainer td {
	border-color: #cccccc;
	line-height: 18px;
	font-size: 14px;
	font-family: Arial;
	padding: 7px;
	padding-left: 12px;
	vertical-align: top;
	background-color: #ffffff;
}

DIV.mainer td.bg {
	border-color: #cccccc;
	line-height: 18px;
	font-size: 14px;
	font-family: Arial;
	padding: 9px;
	padding-left: 12px;
	vertical-align: top;
	background-color: #f0f0f0;
}
A {  
	color: #8e5541; font-weight: normal; text-decoration: underline; 
}
A:hover {
	color: #d91f17; text-decoration: underline; 
}

b A {  
	color: #333333; font-weight: normal; font-family: "Arimo"; Font-size: 15px;
}
b A:hover {
	color: #d91f17;
}


DIV.yarpp-related a {
	font-family: Arial;
	line-height: 18px;
}

span.yarpp-thumbnail-title {
	font-weight: normal !important;
	font-size: 13px !important;
}

DIV.yarpp-related {
	padding-top: 10px;
	font-weight: normal;
}

.yarpp-related h3{
    font-weight: normal !important;
    padding: 0 0 5px 0 !important;
    font-size: 15px !important;
    text-transform: none !important;
    margin: 0 !important;
}

iframe {
	width: 600px;
}