/*clear style*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
	font-family: arial, tahoma, verdana, sans-serif; 
	font-size: 14px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* clear style end*/






html{height:100%;}
body{height:100%; background-color:#E8E6CE;}
.wrapper{height:100%; position:relative;}

.logo{
	padding-top: 6px;
	padding-left: 15px;
	height: 34px;
	position: absolute;
	z-index: 10;
}
.topMenu {
	background-color:#00ABAA; 
	font-size: 19px;
	/*font-weight: bold;*/
	text-align: center;

}
.topMenu ul {padding-top:10px; padding-bottom:10px; margin-left: 100px;}
.topMenu ul li{display:inline-block; margin-right:20px; margin-left:20px; padding-bottom:6px; list-style:none;}
.topMenu ul li a{color:#fff;}
.topMenu ul li a:hover{text-decoration:none;}

.medicalImage{display:none;}
.htmlImageMap{margin:auto auto;}
.htmlImageMap img{margin:auto; 	position: absolute;	top: 0; left: 0; bottom: 0; right: 0;} 
.medicalImageWrapper {position:relative; top:15%; height:60%;}
.medicalImage img{width:; margin-bottom: 20%; margin-top: 20%; opacity:0;  }




.stomatolog,.oda,.respiration,.nutrition {width:99%; position:relative; top:7%;}
.stomatolog a,.oda a,.respiration a,.nutrition a,.oda,.respiration a,.nutrition a,.mens_health a,.woman_health a{width:98%; height:100%; display:block;}
.stomatolog{height:5%;}
.oda {height:5%;}
.respiration {height:5%;}
.nutrition {height:5%;}

.wrapperTwoblock{position:relative; height:11%; width:99%; top:7%;}
.mens_health {height:72%; float:left; width:54%;}
.woman_health {height:100%; float:right; width:41%;}


.footer{width:100%; height:40px; position: absolute;bottom: 0px; background: #00ABAA url("/project/css/medical/image/footerBack.png") repeat-x scroll 10% center / 37px auto;}






@media all and (orientation:landscape) {
	.medicalImage { background:url('/project/css/medical/image/med-01-01.jpg') no-repeat scroll 0% 50% / 100% auto; height:675px; background-size:100%; width:97vw;}
	.stomatolog,.oda,.respiration,.nutrition,.wrapperTwoblock{width:60%;margin-right:20%; margin-left:20%;}
	.topMenu {position: relative;min-height: 40px;}

	
}


@media all and (orientation:landscape) and (max-width:1024px) and (min-width:1000px){
	.medicalImage{width: auto; background:url('/project/css/medical/image/med-01.jpg') no-repeat scroll 0% 50% / 100% auto;}
	.htmlImageMap{display:none;}
	.medicalImage{display:inherit;}
	.footer{position:inherit;}
}


@media all and (orientation: portrait) and (min-width: 768px) and (max-width:800px){
	.medicalImage { background:url('/project/css/medical/image/med-01-01.jpg') no-repeat scroll 0% 50% / 100% auto!important; background-size:100%; }
	.htmlImageMap{display:none;}
	.medicalImage{display:inherit;}
	.footer{position:inherit};
	

	
}

@media all and (orientation:portrait) {
	.medicalImage { background:url('/project/css/medical/image/med-01-portr.jpg') no-repeat scroll 0% 50% / 100% auto; height:675px; background-size:100%; min-height:100%; height:100vh;}
	.htmlImageMap{display:none;}
	.medicalImage{display:inherit!important;}
	.footer{position:inherit};
	
}

/*

@media all and (orientation: landscape) and (min-width: 2000px){
			.
}


 @media screen and (device-width: 1920px) {
	  .
}
  


	   
@media screen and (device-width: 1680px){
	
	
  
}	   

 @media screen and (device-width: 1600px) {
	  
 
}


@media screen and (orientation:landscape) and (device-width: 1440px) and (max-height:900px) {
	
}


 @media screen and (device-width: 1366px) {
	 .medicalImage { background:url('/project/css/medical/image/med-01-01.jpg') no-repeat scroll 50% 50%;  }
	 .medicalImage{height:617px;}
	 .medicalImageWrapper{top:6%;}
	 .stomatolog,.oda,.respiration,.nutrition,.wrapperTwoblock{width:40%;margin-right:30%; margin-left:30%;}
	 .stomatolog{height:11%;}
	 .oda{height:16%;}
	 .respiration{height:15%;}
	 .nutrition{height:17%;}
	 .wrapperTwoblock{height:39%;}
	 .woman_health{width:43%;}
   }
   
   
   
 @media screen and (device-width: 1280px) {
	  	
 
}
   
   
  
  
 @media screen and (device-width: 1024px) {
	 
   
   
}


 @media screen and (orientation:landscape) and (max-height:800px) and (max-width:1280px){

 
 }

@media all and (orientation:portrait) and (max-width: 800px), (orientation:landscape) and (max-width: 800px) { 
  
}

@media screen and (device-width: 768px) and (device-height:1024px){   

    
}



@media only screen and (max-device-width: 480px){
	  
  
}


@media only screen and (max-device-width: 720px) {
	
}

*/




@media all and (orientation:landscape) and (max-width: 1024px) {
	.stomatolog,.oda,.respiration,.nutrition,.wrapperTwoblock{width:40%;margin-right:30%; margin-left:30%;}
	.stomatolog{height:11%;}
	.oda{height:16%;}
	.respiration{height:11%;}
	.nutrition{height:13%;}
	.wrapperTwoblock{height:27%;}
	.woman_health{width:41%;}
	.htmlImageMap{display:none;}
	.medicalImage{display:inherit;}
	
	.footer{position:inherit;}
	
}

@media all and (orientation:landscape) and (max-width: 736px) {
	.medicalImage{height:617px;}
	.medicalImageWrapper{top:9%;}
	
	.stomatolog{height:11%;}
	.oda{height:16%;}
	.respiration{height:15%;}
	.nutrition{height:14%;}
	.wrapperTwoblock{height:31%;}
	.woman_health{width:43%;}
	.htmlImageMap{display:none;}
	.medicalImage{display:inherit;}
	
	#rontar_adplace_12250 {width:100%!important; height:100%!important;}
	#r_banner_container_12250 {width:100%!important; height:100%!important;}
	#r_banner_container_12250 a{width:100%!important;}
	#r_banner_container_12250 a img{width:100%!important;}
	#r_banner_container{width:100%!important;}
}

@media all and (orientation:landscape) and (max-width: 670px) {
	.medicalImage{height: 561px; }
	.stomatolog{height:10%;}
	.oda{height:15%;}
	.respiration{height:15%;}
	.nutrition{height:14%;}
	.wrapperTwoblock{height:32%;}
	.htmlImageMap{display:none;}
	.woman_health {	width: 41%;}
	.medicalImage{display:inherit;},
	

}



@media all and (orientation:landscape) and (max-width: 600px) {
	.medicalImage{height: 506px;}
	.medicalImageWrapper{top:9%;}
	
	.stomatolog{height:9%;}
	.oda{height:18%;}
	.respiration{height:13%;}
	.nutrition{height:14%;}
	.wrapperTwoblock{height:32%;}
	.htmlImageMap{display:none;}
	.woman_health { width: 42%;}
	.medicalImage{display:inherit;}

      
}
  

@media all and (orientation:landscape) and (max-width:568px){
	.medicalImage{height: 479px;}
	.stomatolog{height:9%;}
	.oda{height:16%;}
	.respiration{height:14%;}
	.nutrition{height:14%;}
	.wrapperTwoblock{height:31%;}
	.woman_health {width:42%;}

	.htmlImageMap{display:none;}
	.medicalImage{display:inherit;}
	
	
	.topMenu {display:none;}
	.slicknav_menu {display:block;}
	.logo{position:absolute; top:-4px;}
	
}


@media all and (orientation:landscape) and (max-width: 320px) {
	.medicalImage{height: 268px;}
	.medicalImageWrapper{top:9%;}
	
	.stomatolog{height:9%;}
	.oda{height:17%;}
	.respiration{height:15%;}
	.nutrition{height:16%;}
	.wrapperTwoblock{height:32%;}
	.woman_health{width:32%;}
	.htmlImageMap{display:none;}
	.medicalImage{display:inherit;}
	
	
    
}








/* PORTRAIT*/



@media all and (orientation:portrait) and (min-height: 1900px) { 
	.htmlImageMap{display:inherit!important;}
	.medicalImage{display:none!important;}
}

@media all and (orientation:portrait) and (max-width: 800px) {
	.medicalImageWrapper{top:26%;}
	.stomatolog,.oda,.respiration,.nutrition,.wrapperTwoblock{width:60%;margin-right:20%; margin-left:20%;}
	.stomatolog{height:6%;}
	.oda{height:9%;}
	.respiration{height:10%;}
	.nutrition{height:11%;}
	.wrapperTwoblock{height:18%;}
	.htmlImageMap{display:none;}
	.medicalImage{display:inherit;}
	
	#rontar_adplace_12250 {width:100%!important; height:100%!important;}
	#r_banner_container_12250 {width:100%!important; height:100%!important;}
	#r_banner_container_12250 a{width:100%!important;}
	#r_banner_container_12250 a img{width:100%!important;}
	#r_banner_container{width:100%!important;}
}

@media all and (orientation:portrait) and (max-width: 768px) {
	.medicalImageWrapper{top:19%;}
	.stomatolog,.oda,.respiration,.nutrition,.wrapperTwoblock{width:60%;margin-right:20%; margin-left:20%;}
	.stomatolog{height:7%;}
	.oda{height:13%;}
	.respiration{height:10%;}
	.nutrition{height:11%;}
	.wrapperTwoblock{height:23%;}
	.htmlImageMap{display:none;}
	.medicalImage{display:inherit;}
	
	
}

@media all and (orientation:portrait) and (max-width: 420px) {
	.medicalImageWrapper{top:16%;}
	.stomatolog{height:9%;}
	.oda{height:13%;}
	.respiration{height:12%;}
	.nutrition{height:11%;}
	.wrapperTwoblock{height:25%;}
	.htmlImageMap{display:none;}
	.medicalImage{display:inherit;}
	
	
	.topMenu {display:none;}
	.slicknav_menu {display:block;}
	.logo{position:absolute; top:-4px;}
		
}

@media all and (orientation:portrait) and (max-width: 384px){
	.medicalImageWrapper{top:15%;}
	.stomatolog{height:9%;}
	.oda{height:14%;}
	.respiration{height:12%;}
	.nutrition{height:12%;}
	.wrapperTwoblock{height:26%;}
	.htmlImageMap{display:none;}
	.medicalImage{display:inherit;}
	
}



@media all and (orientation:portrait) and (max-width: 375px){
	.medicalImageWrapper{top:16%;}
	.stomatolog{height:8%;}
	.oda{height:14%;}
	.respiration{height:11%;}
	.nutrition{height:12%;}
	.wrapperTwoblock{height:26%;}
	.htmlImageMap{display:none;}
	.medicalImage{display:inherit;}
}

@media all and (orientation:portrait) and (max-width: 320px){
	.stomatolog{height:9%;}
	.oda{height:14%;}
	.respiration{height:10%;}
	.nutrition{height:12%;}
	.wrapperTwoblock{height:27%;}
	.htmlImageMap{display:none;}
	.medicalImage{display:inherit;}
	
      
}

@media all and (orientation:portrait) and (max-width: 240px) {
	.medicalImageWrapper{top:7%;}
	.stomatolog{height:11%;}
	.oda{height:14%;}
	.respiration{height:15%;}
	.nutrition{height:14%;}
	.wrapperTwoblock{height:42%;}
	.mens_health{width:53%;}
	.htmlImageMap{display:none;}
	.medicalImage{display:inherit;}
	
     
}