html, body {
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: relative;
}
body {
	//background: url(../images/bg-gradient-top.jpg) repeat #ffffcc;
	background: #ffffcc;
	font-family: Verdana, Arial;
	font-size: 15px;
	padding: 0;
	margin: 0;
	color: #000;
}

img { border: 0; }

a {
	color: #474747;
	text-decoration: underline;
}
.BlueLink a {
	color: #2277DD;
}
a:hover {
	color: #000;
}
a:hover, a:active {
    text-decoration: underline;
}

h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }

p { margin: 5px 0; }

/* А это зачем?
ul {margin-top: 1px !important} */

			

#Page {
	display: block;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	min-height: 100%;
}
.separator {
	border-bottom: 1px solid #D3D3D3;
	border-top: 1px solid #D3D3D3;
	height: 4px;
	margin: 10px 0;
	padding: 0;
	width: 100%;
}
#Header {
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #D7001A;
	background: url("../images/HeaderBlockBackground.png") repeat-x scroll 0 0;
}
#HeaderBlock {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	display: table;
	background: url("../images/HeaderBlock.png") no-repeat scroll 50% 0;
	background-size: cover;
}

@media screen and (max-width: 479px) {
	#HeaderBlock { width: 300px; height: 94px; }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
	#HeaderBlock { width: 480px; height: 150px; }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
	#HeaderBlock { width: 768px; height: 240px; }
}
@media screen and (min-width: 960px) {
	#HeaderBlock { width: 960px; height: 299px; }
}


#HeaderLogo img {
	width: 130px;
}

#TopContacts {
	font-family: Arial !important;
	float: right;
	margin-top: 7px;
	padding: 0;
	color: #ebcb70;
	font-size: 15px;
	white-space: nowrap;
}
#TopContacts p {
	margin: 18px 0;
	padding-right: 15px;
	text-align: right;
	text-shadow: 2px 2px 6px rgba(0, 0, 0, 1);
}

@media screen and (max-width: 479px) {
	#TopContacts { margin-top: 1px; font-size: 7px; line-height: 7px; }
	#TopContacts p { margin: 7px 0; padding-right: 7px; }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
	#TopContacts { margin-top: 3px; font-size: 11px; line-height: 11x; }
	#TopContacts p { margin: 11px 0; padding-right: 11px; }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
	#TopContacts { margin-top: 5px; font-size: 13px; line-height: 13px; }
	#TopContacts p { margin: 13px 0; padding-right: 13px; }
}
@media screen and (min-width: 960px) {
	#TopContacts { margin-top: 7px; font-size: 15px; line-height: 15px; }
	#TopContacts p { margin: 15px 0; padding-right: 15px; }
}



.HeaderText1 {
	font-family: Verdana;
	font-weight: bold;
	font-size: 45px;
	text-transform: uppercase;
	color: #FF3200;
}
.HeaderText2 {
	font-family: Verdana;
	letter-spacing: -1px;
	font-size: 32px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF3200;
}
#TopPanel {
	margin: 0 0;
	width: 100%;
	padding: 0 0;
	/* background-color: #f00; */
	background-color: #df0303;
	text-transform: uppercase; 
	text-align: center;
}

/*----------------------------------------------------------*/

#Article {
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #fff; 
}

.main-wrapper {
	max-width: 1400px;
	margin: 0 auto;
}

.VideoStart > p > iframe {
	width: 100%;
}
.PageHeader {
	font-size: 27px;
	font-weight: bold;
	color: #f00;
	text-transform: uppercase; 
}
.PageHeaderMain {
	font-size: 20px;
	font-weight: bold;
	color: #f00;
	text-transform: uppercase; 
}
.PageText {
	display: block;
	position: relative;
	padding: 10px 20px;
}
.PageText iframe {
	margin: 0 auto;
}
.PageText iframe.videopage {
	width: 30%;
	margin: 1% 1%;
}
.VideoItem {
	float: left;
	width: 280px;
	height: 250px;
	margin: 5px !important;
	border: 2px solid white;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 15px 15px 10px -10px rgba(0, 0, 0, 0.506), 0px 1px 4px rgba(0, 0, 0, 0.298);
}
.PageText > p {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 20px;
}
.PageTextVideo > p {
	width: 100%;	
	height: 0;
	margin: 0 !important;
	padding: 0 !important;
}
.PageTextVideo iframe {
	width: 260px !important;
	height: 230px !important;
	padding: 10px;
}
.PageText > ul {
	width: 85%;
	margin: 0 auto;
	padding-bottom: 20px;
}
.PageText img {
	border: 5px solid white;
	border-radius: 5px;
	box-shadow: 15px 15px 10px -10px rgba(0, 0, 0, 0.506), 0px 1px 4px rgba(0, 0, 0, 0.298), 0px 0px 40px rgba(0, 0, 0, 0.102) inset;
	padding: 0 !important;
	margin: 0 10px 10px 0;
}
.PageTextHome {
	display: block;
	position: relative;
	padding: 10px 20px;
	word-wrap: break-word;
}
.PageTextHome > p > iframe {
	width: 100%;
}
.PageTextHome img {
	border: 5px solid white;
	border-radius: 5px;
	box-shadow: 15px 15px 10px -10px rgba(0, 0, 0, 0.506), 0px 1px 4px rgba(0, 0, 0, 0.298), 0px 0px 40px rgba(0, 0, 0, 0.102) inset;
	padding: 0 !important;
}
.Carousel {
	margin: 0 !important; 
	padding: 0.1%;
}
@media only screen and (max-width: 480px) {
	.Carousel img {
		width: 100%;
	}	
}
#PageMapHeader {
	position: relative;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
/*---лунный гороскоп*/
.CatalogBack {
	margin: 0;
	padding: 0 10px;
	height: 20px;
	line-height: 20px;
	text-align: right;
}
.CatalogBack > a {
	color: #FF3200;
	font-weight: bold;
	font-size: 20px;
}
.HoroscopeHeader {
	background-color: #EDEDED;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
.VideoBlock {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}
.VideoBlock iframe {
	width: 30% !important;
	//height: 200px;
	margin: 1.6% 1.6%;
}
.VideoBlockText {
	margin: 0 auto !important;
	text-align: center;
}
.wrap {
	width: 100%;
	height: 400px;
	overflow-x: auto;
	overflow-y: hidden;
	background-color: #EDEDED;
}
.wrap ul {padding: 0;}
.wrap a {
	text-decoration: none;
}
.wrap li {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	height: 350px;
	padding: 5px 10px;
	margin: 0 20px;
	background-color: #fff;
}
.wrap li img {
	width: 100%;
}
.wrap .HoroscopeName {
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	color: #f00;
}
.wrap .HoroscopeShort {
	max-height: 125px;
	overflow-y: auto;
	overflow-x: hidden;
}
/*---- соц.сети----*/
.socials { 
	display: table;
	height: 100px;
	margin: 10px auto 30px;
	/* padding-left: 30px; */
	padding-top: 10px;
	padding-bottom: 10px;
	/* width: 75%; */
}
.socials a div { 
	float: left;
	height: 60px;
	margin: 10px 5px 0px 0px;
	width: 60px;
}
.vk { 
	background-image: url(../images/vkontakte.png);
}
.fb { 
	background-image: url(../images/facebook.png);
}
.youtube { 
	background-image: url(../images/youtube.png);
}
.odnoklasniki { 
	background-image: url(../images/odnoklassniki.png);
}
.google { 
	background-image: url(../images/google.png);
}
.mailru { 
	background-image: url(../images/moi-mir.png);
}
.twitter { 
	background-image: url(../images/twitter.png);
}
.yandex { 
	background-image: url(../images/yandex.png);
}
#FooterBlock {
	display: block;
	margin: 0;
	padding: 10px 0;
	width: 100%;
	background: #df0303;
}
#FooterTop {
	display: table;
}
.map {
	display: inline-block;
	min-width: 100%;
	/* min-height: 200px; */
}
#FooterLogo {
	display: inline-block;
	vertical-align: top;
	padding: 10px;
}
#FooterContacts {
	display: inline-block;
	vertical-align: top;
	padding: 10px;
}
#FooterSign {
	display: block;
	padding: 15px 0;
	font-size: 17px;
	color: #fff;
}
#FooterSign a { color: white; }

.FooterText {
	font-size: 20px;
	color: #fff;
}
.FooterPhones {
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 20px;
	color: #fff;
	white-space: nowrap;
}
@media screen and (max-width: 479px) {
	.FooterPhones { font-size: 11px; line-height: 11px; }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
	.FooterPhones { font-size: 14px; line-height: 14x; }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
	.FooterPhones { font-size: 17px; line-height: 17px; }
}
@media screen and (min-width: 960px) {
	.FooterPhones { font-size: 20px; line-height: 20px; }
}

.press_el {
	background: url(../images/press_icon.png) no-repeat top left;
    padding-left: 25px;
    line-height: 20px;
    margin-bottom: 5px;
}
.group_vk {
background-image: url(../images/group_vk.jpg);
    background-size: 100%;
    width: 90px !important;
    background-position: 0px;
    background-repeat: no-repeat;

}