﻿.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
       line-height: 1;
}

.js .menu {
       height: 36px;
}

.menu > li {
       margin: 0 0 0 1.5em;
       float: left;
}

.menu > li:first-child {
       margin-left: 0;
}

.menu a {
       display: block;
       text-decoration: none;
       padding:inheight;
       color: #000;
}
#menutop a {
	padding: 5px 3px;
              margin-top:0px;
}
#menutop a:hover {
	padding: 5px 3px;
}
.menu a:hover {
       background-color: #006363;
       color: #fff;
}

.flex-multi {
       float: left;
       width: 45%;
       margin-bottom: 100px;
}
.flex-multi + .flex-multi {
       float: right;
}
.clear {
       clear: both;
} 
#content ul li{
	font-family:Arial;
	font-size:14px;
	color: #545454;
	text-align: justify;
	margin: 5px 10px 5px 10px;
	list-style-type:circle;
	padding: 0;
}
#content ol li{
	font-family:Arial;
	font-size:14px;
	color: #545454;
	text-align: justify;
	margin: 5px 10px 5px 10px;
	padding: 0;
}
.flexMenu-viewMore > a {
	color:white!important;
 	padding: 5px 22px !important;
	background: rgb(193, 61, 85);
	background: -moz-linear-gradient(90deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
	background: -webkit-linear-gradient(90deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
	background: -o-linear-gradient(90deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
	background: -ms-linear-gradient(90deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
	background: linear-gradient(180deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
}
.flexMenu-viewMore.active > a, .flexMenu-viewMore > a:hover {
	background-color: #FF7400;
}
.flexMenu-popup {
       list-style-type: none;
       padding: 0;
	background: -moz-linear-gradient(90deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
	background: -webkit-linear-gradient(90deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
	background: -o-linear-gradient(90deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
	background: -ms-linear-gradient(90deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
	background: linear-gradient(180deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
	border: 1px solid #a9a9a7; 
min-width: 250px;
position: absolute;
right: 1px;
}
.lt-ie8 .flexMenu-popup {
}
.flexMenu-popup a {
       display: block;
}

.flexMenu-popup a:hover {
 background-color: #b72391;
              color: #ffffff;
       display: block;
}
.mvid {
              position: relative;
              padding-bottom: 64.3%;
              padding-top: 30px;
              height: 0;
              overflow: hidden;
              margin: 0 auto;
}
 
.mvid iframe {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
}

.m_vid{
	display:block;
	width: 60%;
	height: auto;
	margin: 0 auto;
}



.checkpoint{
	
	position:fixed;
	top:0;
	left:0;
	width:50px;
	height:50px;
	background:white;
	border:1px solid grey;
	font-size:25px;
	text-align:center;
	z-index:999999;
	}	
.checkpoint:after {
	content:	url("//www.medmoon.ru/assets/templates/mv/images/device-monitor-screen-computer-desktop-pc-display-glyph-48.png"); 
color:red;
	}



.box_b2{
	
	width:245px;
}

.counter_footer{
	
	height:40px;
	width:100%;
	background:#ffffff;
	padding-top: 10px;
}

.counter_f1,.counter_f2,.counter_f3{
	display:inline-block;
	float:left;
	width:50%;
}

.box_a2{
	
	width:245px;
}




.main_konteiner {
	width: 1000px;
	display: block;
	margin: 0 auto;
	        z-index: 99;
	        background:white;
}
.sered {
	width: 100%;
	height: auto;
}
#bglink {
	display: none;
 
}




.checkpoint {
	position: fixed;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	background: white;
	border: 1px solid grey;
	font-size: 25px;
	text-align: center;
	z-index: 999999;
}
.checkpoint:after {
	content: url("//www.medmoon.ru/assets/templates/mv/images/device-monitor-screen-computer-desktop-pc-display-glyph-48.png");
	color: red;
}
body {
	text-align: left;
	width: 100%;
	margin: 0;
}
#wrapper {
	text-align: left;
	width:100%;
	margin: 0 auto;
	position: relative;

}
#content, #header, #footer {
	width: 100%;
}
#content {
	width: 100%;
	float: left;
	margin: 0;
}
#main-content {
	width: auto;
	float: auto;
	margin: 0;
	margin-right: 260px;
	margin-left: 0;

}
#left-column {
	width: 150px;
	float: left;
	margin: 0;
	margin-left: -150px;

}
#right-column {
	width: 250px;
	float: left;
	margin: 0;
	margin-left: -250px;

}
#left-column {
	position:absolute;
	margin:0px;
	z-index:999;
}
#content, #left-column, #right-column {
}
#header, #footer, .clear {
	clear: both;
	float: none;
}
#footer {
	background: #00628a;
	border-top: 6px double #ffffff; 
}
#sidebar, #main-content, #content, #header, #footer, #wrapper, #left-column, #right-column {
	overflow: hidden;
}
.maincontainer1200 {
	max-width: 1200px;
	width: 100%;
	display: block;
	margin: 0 auto;
	background: yellow;
}
.maincont_row {
	display: block;
	width: 100%;
	margin: 0 auto;
}
#menutop {
        border: 1px solid #a9a9a7;
       height: 36px;
       margin-bottom: 10px;
       text-align: center;
       z-index: 9;
background: -moz-linear-gradient(90deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
background: -webkit-linear-gradient(90deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
background: -o-linear-gradient(90deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
background: -ms-linear-gradient(90deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
background: linear-gradient(180deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
	
}
.maintop_banner {
	width: 100%;
	max-width: 1000px;
	display: block;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
}
ul.menutop_ul {
	display: block;
	margin: 0 auto;
	 padding-left: 0;
	 display: table;
	z-index: 99999999;
}
.nav_cont {
 width: 100%;
       position: absolute;
       z-index: 99;
}
.menutop_ul li {
		display: inline-block;
              line-height: 27px;
padding-left:20px;
              margin-left: -1px;
              padding: 0;
              vertical-align: middle;
}

.main_section {
	width: 100%;
}
.content_section {
	background: rgba(251,133,135,0.46);
	float: left;
	display: inline-block;
	width: calc(100% - 240px);
}



.header_block{
height:110px;
position: relative;
z-index: 99;

}
.header_logo_left{
padding-top: 20px;
float: left;
width: 320px;
}

.header_adv_right{
margin-left: 320px;
}

.adv_section {
	float: right;
	display: inline-block;
	width: 240px;
	height: 1820px;
}
.getborder {
	border: 1px solid grey;
}
.content_slider {
	width: 65%;
	height: 380px;
	float: left;
	background: rgba(112,141,209,0.50);
}
.content_row {
	width: 100%;
	display: inline-block;
	height: auto;
	margin: 0 auto;
	position: relative;
	border: 1px solid grey;
}
.content_horoscope {
	width: 35%;
	height: 380px;
	float: left;
	background: rgba(204,192,81,0.5);
}
.content_topics {
	text-align: center;
	width: 100%;
	display: block;
	background: rgba(230,170,236,0.5);
	position: relative;
}
.content_topics_row {
	width: auto;
}
.content_topics_item {
	display: inline-block;
	width: 28%;
	height: 200px;
	padding: 0 1%;
}
.content_publications {
	width: 65%;
	float: left;
	background: rgba(204,192,81,0.5);
}
.content_astrodates {
	width: 35%;
	float: left;
	background: rgba(112,141,209,0.50);
}
.content_astrodates_item {
	display: block;
	width: 100%;
	height: 55px;
	padding: 5px 0px;
}
.content_rss {
	background: rgba(99,132,32,0.43);
}
.content_rss_item {
	display: inline-block;
	width: 46%;
	height: 75px;
	padding: 0 1%
}
.content_publications_item {
	text-align: center;
	display: inline-block;
	width: 45%;
	height: 150px;
	padding: 0 2%;
}
.content_phoroscopes {
	width: 46%;
	padding: 0 2%;
	height: 530px;
	float: left;
	background: rgba(112,141,209,0.50);
}
.content_tests {
	width: 46%;
	padding: 0 2%;
	height: 530px;
	float: left;
	background: rgba(7,39,191,0.50);
}
.content_phoroscopes_item {
	display: block;
	width: 100%;
	height: 55px;
	padding: 5px 0px;
}
.content_tests_item {
	display: block;
	width: 100%;
	height: 55px;
	padding: 5px 0px;
}
.content_horosc_1, .content_horosc_2 {
	width: 45%;
	padding: 0 2%;
	height: 85px;
	float: left;
	background: rgba(7,39,191,0.50);
}
.content_horosc_item {
	display: block;
	width: 100%;
	height: 55px;
	padding: 5px 0px;
}
img.dummy {
	width: 100%;
	height: 100%;
}

.showPlease{display:block!important;}
.flexMenu-popup li{	
	width: 100%;
	border-bottom: thin solid #9c9c9c;
	border-left: thin solid #9c9c9c;              
 background: -moz-linear-gradient(90deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
background: -webkit-linear-gradient(90deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
background: -o-linear-gradient(90deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
background: -ms-linear-gradient(90deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
background: linear-gradient(180deg, rgb(193, 61, 85) 0%, rgb(193, 61, 85) 100%);
              }
              
.flexMenu-popup li a{
	margin-left: 0px!important;}




.box_v {
        display: block;
        width:100%;
        margin: 0 auto; 
	padding: 0px 10px 5px 10px;

}
.box2_v {
	width: 240px;
	margin-left: 5px;
	float: left;
}
.box2_v p {
	color: #ffffff;
	font-size: 18px;
	text-transform: uppercase;
	text-align: left;
	margin-left: 8px;
	margin-bottom: -10px;
	border-bottom: 4px double #ffffff; 
}
.box2_v a {
	color: #ffffff;
	font-size: 15px;
	text-align: left;
	text-decoration: none;
	text-decoration: underline;
}
.box2_v ul {
	padding-left: 20px;
	color: #ffffff;

}
.box2_v a:hover {
	color: #f7dab2;
	font-size: 15px;
	text-align: left;
	text-decoration: underline;
}
.img_wrap {
    width: 100%;
    height: 250px;
    overflow: hidden;   
    }  






.extremum-slide {
	border:1px solid;
	padding:50px;
	display:none;
}
.red {
	background-color:red;
}
.extremum-click {
       display: none; 
       float: left;
       height: 32px !important;
       left: 0;
       position: absolute;
       width: 32px !important;
       z-index: 99;
       padding:2px!important;
       
}
	
.hidePlease{display:none!important;}

@media screen and (max-width: 1024px) {
          
.main_konteiner {
width:100%;
              }
              
#main-content {
              margin: 0 0px 0 0px;
              width: calc(100% - 240px);
}
              
.checkpoint:after {
	content: url("//www.medmoon.ru/assets/templates/mv/images/notebook.png");
}

#blok_verh_rekl_3 {
       display: block;
       float: none;
       height: auto;
       margin: 5px 0 0;
       width: 100%;
}
.header_adv_right {
       display: block;
       margin-left: auto;
       width: 100%;
}
.header_block {
       height: auto;
}
.header_logo_left {
padding_top:20px;
       float: none;
       width: auto;
}

}

@media screen and (max-width: 850px) {
              
              #main-content {
              margin: 0 0px 0 0px;
              width: calc(100% - 240px);
}

#partleft{
width:100%;
}

.extremum-click {
display: inline-block !important;
       
}


#partleft p {
              color: #ad0481;
              font-size: 140%;}
              
#partleft a {                            
font-size: 140%;}
              

ul.menutop_ul {
       display: inline-block;
       float: left;
       margin: 0 auto 0 45px;
       padding-left: 0;
       position: relative;
       width: 100%;
       z-index: 99999999;
}
}

@media screen and (max-width: 768px) { /* СЂР°Р·СЂРµС€РµРЅРёРµ РїР»Р°РЅС€РµС‚Р° */

.checkpoint:after {
	content: url("//www.medmoon.ru/assets/templates/mv/images/device-tablet-ipad-vertical-glyph-48.png");
	color: red;
}
#main-content {
              margin: 0 0px 0 0px;
              width: calc(100% - 0px);
}

#right-column {
float:left;
display:block;
       width: 100%;
       margin: 0;
}

.box_b2 {
       width: 100%;
}

.box_a2 {
       width: 100%;
}

.maintop_banner {
	display: none;
}
.content_section {
	width: 100%;
}
.content_slider {
	width: 100%;
}
.content_horoscope {
	width: 100%;
}
.adv_section {
	display: none;
}
.content_publications {
	width: 100%;
}
.content_astrodates {
	width: 100%;
}
.content_publications_item {
}
.content_phoroscopes {
	width: 100%;
	padding: 0;
}
.content_tests {
	width: 100%;
	padding: 0;
}
}

@media screen and (max-width: 480px) { /* СЂР°Р·СЂРµС€РµРЅРёРµ СЃРјР°СЂС‚С„РѕРЅР° */

.new_blok {
	width: 95%!important;
}


#pathway{
display:none!important;
}


.blok_verh_row img{width:100%;}
.blok_verh_row {
       position: absolute;
}
#blok_verh_rekl_3 {
       height: 110px;
}

#pagination {
	width: 100%!important;
}
.checkpoint:after {
	content: url("//www.medmoon.ru/assets/templates/mv/images/device-iPhone-smartphone-vertical-glyph-48.png");
	color: red;
}
.content_topics_item {
	width: 100%;
	padding: 0;
}
.content_rss_item {
	width: 100%;
	padding: 10px 0;
}
.content_publications_item {
	width: 100%;
	padding: 0;
	padding: 10px 0;
}
.m_vid{
	width: 100%;

}

}
@media screen and (max-width: 320px) { 

}