* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

html {
	height:100%;
}

body {
	width:100%;
	height:100%;
	background:#100509 url(../images/bg.jpg) no-repeat top center;
}

img {
	border: none;
	max-width:90%;
}	

input {
	vertical-align: middle;
}

.clear {
	clear:both;
}

.all {
	width: 100%;
	margin: 0 auto;
	max-width: 980px;
	height: 100%;
}

@viewport {
	width: device-width;
	zoom: 1.0;
}

.header {
	height:190px; 
	background:url(../images/header.jpg) no-repeat;
	}
.logo {
	text-align:center;
	position:relative;
	top:50px;
	right:0px;
}
.logo a {
	font:normal;
	color:#FFFFFF;
	text-decoration:none;
}

.top-menu {
	width: 100%;
	float:left;
	position:relative;
	text-align:left;
}

.top-menu ul {
	list-style:none; 
	position:relative;
}

.top-menu ul li {
	list-style: none;
	float: left;
	position: relative;
	top: 134px;
}
.top-menu ul li a {
	color:#ffffff;
	padding:15px 20px 30px 20px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}
.top-menu ul li a:hover {
	background:#ffffff; 
	color:#000000; 
	text-decoration:none; 
	margin-top:5px;
}
.buttons {
	float:right;
}
.buttons ul li {
	list-style:none; 
	float:left; 
	margin-top:4px;
}

.container {
	width: 100%;
	height: auto;
	position: relative;
	background: #FFFFFF;
	max-width: 980px;
}
.cont-top {
	width:100%;
	max-width:980px;
	height:25px; 
	background:url(../images/top-cont.png) top no-repeat;
}
.container:after {
	content:'.'; 
	display:block; 
	clear:both; 
	visibility:hidden;
	height:0;
}
.content {
	float: left;
	width: 70%;
	overflow: hidden;
	background-image: url(../images/cont-b.png);
	height: 100%;
}
.sun_list .list_item {
	font-size: 14px;
	font-style: italic;
}
.sun_list .list_a a {font-weight:bold}
.list_lunar {width: 90%; margin-left: 10px;}
.animation {text-align: center; width:15%;}
.list_lunar td {font-size: 15px;}
.list_lunar td a{font-weight: bold; font-style: italic; font-size: 15px;}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.input-sm {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}

/*Animation*/
	.animation img {
		-moz-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		-webkit-transition: all 1s ease-out;
		}
		
	.animation img:hover{
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}

/*End animation*/
/*.tabe-download {border-spacing: 0; border-radius: 10px;}*/

.table-download {width: calc(100% - 10px);}
.table-download table{border-radius: 6px; border-bottom: 3px solid #798F10;}
#top {text-align:center; text-transform:uppercase; color:#F6F9F3; font-family:Calibri; font-size:1.2em;}
#top_green {text-align:center; text-transform:uppercase; color:#798F10; font-family:Calibri; font-size:1.2em;}
#down {text-align:center; text-transform:uppercase; color:#F6F9F3; font-size:0.8em; font-family:Calibri;line-height: 80%;}
#down_green {text-align:center; text-transform:uppercase; color:#798F10; font-size:0.8em; font-family:Calibri; line-height: 130%;}
#without {text-decoration:none;}

#needs {background: radial-gradient(ellipse farthest-corner at 30px 20px, #B28496, #6B082C); border-radius: 15px 15px 0 0;}
p strong#white-text{color:white; margin-left:25px; font-family: serif !important; font-size:1.3em; font-weight: 100;}
p strong#pink{color:#FFCAE3; font-family: serif !important; font-size:1.6em;}
.triangle {
    width: 0;
    height: 0;
    border-top: 30px solid #E1EAFD; 
    border-left: 30px solid transparent;
	margin-left:15px;
    
}
tr #td_triangle {width:6%; vertical-align: top;}
tr #td_image {width:7%;}
table tr td#tr_image img {margin-left:2px; margin-top: 8px; margin-right: 10px; max-width: none;}
tr #td_name {width:35%; font-size: 0.8em;}
tr #td_coment {background-color:#E1EAFD; padding:5px; text-align: justify; font-size: 1em;}




/* из-за background */




@media only screen and (max-width: 800px) {
.content {
	float: left;
	width: 100%;
	overflow: hidden;
	background-image: url(../images/cont-b.png);
}
    #ex {display: table; width: 100%; }
    #b1 {display: table-header-group; width: 100% !important;}
    #b2 {display: table-row-group; width: 100% !important;}
    #b3 {display: table-footer-group; width: 100% !important;}
}
.content p {
	color:#383838;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 150%;
}
.content blockquote {
	color:#383838;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	line-height: 150%;
	margin: 0px 0px 0px 30px;
}
.content h1 {
	color:#6C304A;
	margin-bottom:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.post {
	float: left;
	overflow: hidden;
	margin-left: 20px;
	margin-bottom: 30px;
	height: auto;
	margin-right: 10px;
}

.post ul li {
	color:#383838;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:20px;
	margin-left:30px;
}

.img {
	float:left;
	border: solid 8px #E8E8E8;
	margin-bottom: 10px;
	margin-right: 10px;
}

.timg {
	float:left;
	border: solid 4px #CCCCCC;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

.rtitle {
	background: url(../images/t-r.png);
	width: 100%;
	height: 64px;
	position: relative;
	bottom: 6px;
}

.rtitle b {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	position:relative;
	top:10px;
	left:10px;
}

.no-st {list-style:none;}
.no-st_img {margin-left:30px; margin-right: 10px; border: solid 8px #E8E8E8;}

.right {
	float: right;
	width: 30%;
	position:relative;
	margin-top: 1px;
	background: url(../images/post-topbg-1.png) repeat-y;
	border-bottom: solid 1px #d0d0d0;
	padding-bottom: 18px;
	bottom: 20px;
	font-size: 14px;

	margin-bottom:0px;
	overflow:visible;
	
}
@media only screen and (max-width: 1010px) {
    b.date {padding-left: 7px;}
}
@media only screen and (max-width: 800px) {
.right {
	float:left;
	max-width:none;
	width:100%;
	height: 100%;
}
    
}

.right ul li {
	list-style:none;
	margin-left:0px;
	padding-left:10px;
	margin-top:14px;
	margin-bottom:5px;
	min-height:80px;
}

.right ul li a {
	color:#000000;
	line-height:24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}

.right ul li a:hover {
	text-decoration:underline;
}

.hr {
	background: url(../images/br.png) left no-repeat;
	width: 100%;
	height: 2px;
}

.rightb {
	float:right;
	width:290px;
	position:relative;
	margin-top:1px;
	font-size: 14px;
}

.rightb p {
	margin-top:10px;
	margin-left:25px;
	font-size: 14px;
}

.rightbtit {
	margin: 10px 20px 5px 20px;
	width: auto;
	font-size: 14px;
	background-color:#b7b7b7;
	border: solid 1px;
	border-top-color:#9d9d9d;
	border-left-color:#9d9d9d;
	border-bottom-color:#ffffff;
	border-right-color:#ffffff;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	color: #FFFFFF;
}

.footer {
	height: 60px;
	width: 100%;
	position:relative;
	text-align: center;
	max-width: 980px;
}
.footer p {
	color:#FFFFFF;
	margin-top:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.slider {
	float:left;
	width:660px;
	height:350px;
	position:relative;
	padding-bottom:26px;
	margin-left:-5px;
	margin-top:-6px;
}

.sliderContent {
float:left;
width:660px;
height:350px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(../gfx/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}

.prev {
background-position:0 0;
left:15px;
}

.prev:hover {
background-position:0 -44px;
}

.next {
right:15px;
background-position:-44px 0;
}

.next:hover {
background-position:-44px -44px;
}

.sliderContent .item {
position:absolute;
width:660px;
height:350px;
background:#fff;
}

.sliderBullets {
position:absolute;
bottom:0;
left:50%;
z-index:50;
margin-left:-45px;
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(../images/bullets.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -11px;
}

.sliderContent a {
outline:none;
}

b.date { 
       color:#ffffff;
	   text-align:center;
	   width:130px;
	   margin-bottom:15px;
	   font-family: Arial, Helvetica, sans-serif;
	   font-size: 14px;
	   font-style: normal;
	   font-weight: bold;
	   text-transform:uppercase;
	   background:url(../images/date-r.png) left no-repeat;
	   position:absolute;
	   left:-19px;
	   height:59px;
	   line-height:43px;
    
}

h2.tit {
	margin-left:105px; 
	line-height:40px; 
	margin-bottom:20px; 
	color:#010101; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 20px;
}

.raiting-wrap{
	overflow: hidden;
	padding-top: 10px;
	position: relative;
}

span.fn {
	font:bold 14px Arial, Helvetica, sans-serif; 
	padding-bottom:8px; 
	display:block; 
	text-indent:5px;
}
.video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-left: 20px;
}
.video iframe,  
.video object,  
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#ex {width: 100%;float: left;}
#b1, #b2, #b3 {width: 50%; float: left;}
#ex p {
    margin: 0 5px 0 20px;
    padding: 0;
    font-size: 80%;
}
#ex h3 {margin-left: 20px;}
#video_a {
    text-transform: uppercase; text-align: center;
}