@import url(reset.css);
@import url(basis.css);
@import url(form.css);
@import url(pages.css);
@import url(debug.css);

.clear{clear:both;}

body
{
	font-family: Arial, Tahoma, sans-serif;
	line-height: 1.4em;
	background: #6BABD5 url("../img/bg_body.png");
	color: #333;
}

a
{
	color: #3299CC;
}

a:hover
{
	color: #059efb;
}

h1
{
	color: #d57848;
	font-size: 2.2em;
	font-weight: normal;
	font-family: "Arial Narrow", Arial, sans-serif;
	padding-bottom: .5em;
	line-height: 1.2em;
}

h2
{
	color: #65A842;
	font-size: 1.6em;
	font-weight: normal;	
	line-height: 1.2em;
}

h3
{
	color: #005a84;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.2em;
}

span
{
	color: #676767;
}

em
{
	color: #c1c1c1;
	font-style: normal;
}

strong
{
	font-weight: bolder;
}

p
{
	margin-bottom: .8em;
}

#flow
{
	width: 970px;
	margin: 0 auto;	
	padding-right: 9px;
	background: url("/-/img/bg_body_r.png") repeat-y right;
}

#flow-wrapper
{
	background: url("/-/img/bg_body_l.png") repeat-y left;
	padding-left: 9px;
	/*border: 1px solid #fff;*/
}

#body
{
	padding-bottom: 4em;
	overflow: hidden;
	position: relative;
}

#body_content
{
	background: #fff;
	padding-left: 1em;	
}

/* HEADER *****************************************************************************/
#header
{
	float: left;
	width: 900px;
	padding: 40px 0 0 60px;
	position: relative;	
}

#logo
{	
	background: url("../img/logo.png") no-repeat;
	float: left;
	width: 157px;
	height: 50px;
	padding-bottom: 20px;	
	position: relative;
	z-index: 5;
}

	#logo a
	{
		text-decoration: none;
		display: block;
		width: 157px;
		height: 45px;
	}

#language
{
	float: right;
	position: relative;
	padding-right: 45px;
	z-index: 5;
}

	#language ul li
	{
		display: inline;
		z-index: 10;		
	}
	
	#language ul li:before 
	{
		content: "";
	}
	
		#language ul a
		{
			font-size: 1em;
			float: right;
			text-align: center;
			width: 25px;
			padding: 1px 4px;
		}

	#language .active_language a
	{
		color: #fff !important;
		text-decoration: none;
		background: url("../img/a_active.gif") no-repeat;
		width: 29px;
		height: 19px;
		padding-left: 6px;
	}

#visual_header_doctor
{
	background: url("../img/visual_header_doctor.jpg") no-repeat left top;
	position: relative;
	margin: -250px 0 0 -50px;
	width: 305px;
	height: 256px;
	float: left;
	left: 0;
	
}


#visual_menu
{
	float: left;
	clear: both;
	padding: 0 0 40px 245px;
	position: relative;
	top: -80px;
	z-index: 1;	
}

		#visual_menu ul li
		{
			float: left;
			display: inline;
		}
		
		#visual_menu ul li:before 
		{
			content: "";
		}
		
		#visual_menu ul li 
		{
			background: #469ecf url("../img/visual_menu.png") no-repeat;
			width: 51px;
			height: 56px;
			margin-right: 80px;
			position: relative;
		}
		
		#visual_menu ul li em
		{
			font-size: 2em;
			color: #fff;
			top: 16px;
			left: 22px;
			padding-top: 1px;
			position: absolute;
		}
	
#menu
{
	float: left;
	padding-left: 260px;
	position: relative;
	top: -80px;
}
	
		#menu ul li
		{
			display: inline;
			float: left;
			margin-left: 5px;
		}
		
		#menu ul li:before 
		{
			content: "";
		}
		
			#menu ul li a
			{
				font-size: 1.8em;
				text-decoration: none;
				vertical-align: sub;
				padding-top: 10px;
				padding-left: 15px;
				border-left: 1px dotted;
			}
			
			#menu ul li a:hover
			{
				color: #979797;
			}
			
			#menu ul li a
			{
				color: #676767;
			}
			
				#menu ul li a.active, #menu ul li a.opened
				{
					text-decoration: underline;
				}
			
				#menu ul li a:hover
				{
					text-decoration: underline;
				}
			
			#menu ul li ul
			{
				display: block;	
				width: 118px;
				padding-top: 20px;
			}			
				#menu ul li ul a
				{
					color: #3299cc;
					font-size: 1em;
					text-decoration: underline;
					line-height: 2em;
					padding: 0 0 0 15px;
					border-left: none;
				}
					#menu ul li ul a:hover
					{
						color: #EE2D28;
					}
			
				#menu ul li ul li
				{
					float: left;
					clear: both;
					width: 118px;
					margin-left: -2px;
				}

.bottom-crumbs
{
	background: #eee;
	padding: 20px;
	margin: 0 20px 0 0 ;	
}
	.bottom-crumbs .crumbs-line
	{
		padding: 0;
	}
			
.crumbs-line
{
	clear: both;
	margin: 0;
	padding: 40px 20px 0 45px;
}

#bottom_menu
{
	margin: 0 0 20px -58px;
	position: relative;
	top: -40px;
	float: left;
}

	#bottom_menu em
	{
		visibility: hidden;
	}
	
	#bottom_menu a
	{
		text-decoration: none;
	}
	
	#bottom_menu ul li
	{
		display: inline;
		float: left;
		margin: 0;
		position: relative;
	}
	
	#bottom_menu li:before
	{
		content: "";
	}

	#visual_diagnosis a
	{
		background: url("../img/visual_diagnosis.png") no-repeat;
		display: block;
		width: 220px;
		height: 220px;
		position: relative;
	}

	#visual_recovery a
	{
		background: url("../img/visual_recovery.png") no-repeat;
		display: block;
		width: 220px;
		height: 220px;
		position: relative;
	}

	#visual_treatment a
	{
		background: url("../img/visual_treatment.png") no-repeat;
		display: block;
		width: 220px;
		height: 220px;
		position: relative;
	}

	#visual_contacts a
	{
		background: url("../img/visual_contacts.png") no-repeat;
		display: block;
		width: 220px;
		height: 220px;
		position: relative;
	}


/* SIDEBAR *****************************************************************************/
#sidebar
{
	font-family: Arial, Tahoma, sans-serif;
	float: left;
	width: 250px;
	margin-top: 0;
	padding-left: 30px;
}
	
	#sidebar h1
	{
		color: #696969;
		font-size: 1.5em;
		padding: 0 0 20px 10px;
	}

	#submenu h2
	{
		color: #676767;
		font-size: 1.4em;
	}

	#submenu ul
	{
		margin-left: 2px;
		padding: 0;
		margin: 0;
	}
	
		#submenu ul li
		{
			list-style-position: outside;
			line-height: 1.7em;			
		}
		
		#submenu ul li:before 
		{
			content: "";
		}
		
		#submenu ul a
		{
			font-size: 1em;
			line-height: normal;
			padding-left: 20px;
		}
	
	
#banner
{
	float: left;
	margin-left: -20px;
	padding-top: 60px;
}
	
	#banner ul
	{
		list-style: none;
		float: left;
	}
	
	#banner li
	{
		padding-bottom: 15px;
	}
		
		#banner  ul li:before 
		{
			content: "";
		}
	
	#recovery a
	{
		background: url("../img/banner_recovery.png") no-repeat right top;
		display: block;
		text-decoration: none;
		width: 216px;
		height: 92px;
	}
	
	
	#treatment a
	{
		background: url("../img/banner_treatment.png") no-repeat right top;
		display: block;
		text-decoration: none;
		width: 216px;
		height: 92px;
	}

	#diagnosis a
	{
		background: url("../img/banner_diagnosis.png") no-repeat right top;
		display: block;
		text-decoration: none;
		width: 216px;
		height: 92px;
	}

	#contacts a
	{
		background: url("../img/banner_contacts.png") no-repeat right top;
		display: block;
		text-decoration: none;
		width: 216px;
		height: 92px;
	}
	
dl
{
	float: left;
	width: 210px;
	padding: 0px 0 0 10px;
}

	dl dt
	{
		font-size: 1.3em;
		font-weight: normal;
		padding-bottom: 5px;
	}
	
	dl .text
	{
		font-size: 1.1em;
		line-height: 1.2em;
		float: left;
		width: 210px;
		padding: 10px 0 0 0;
	}
	
	dl .date 
	{
		font-size: 1.1em;
		float: right;
		width: 100px;
		padding-top: 5px;
	}
	
	
	dl em
	{
		float: right;
		margin-right: -10px;
	}
	
	dl dd
	{
		position: relative;
	}
	
		dl dd a
		{
			background: url("../img/bg_dl.gif") no-repeat center;
			text-align: center;
			float: left;
			width: 92px;
			height: 92px;
			padding: 5px;
		}
		
		dl dt a:hover
		{
			text-decoration: underline;
		}
		
		dl dd span
		{
			background: url("../img/services_increase.png") no-repeat;
			display: block;
			width: 25px;
			height: 25px;
			left: 80px;
			top: 83px;
			position: absolute;
		}
		
			dl dd span a
			{
				text-decoration: none;
			}
			
			dl dd span a
			{
				background: none;
				width: 25px;
				height: 25px;
			}
		
	dl img
	{
		text-align: center;
		position: relative;
		float: left;
		width: 92px;
		height: 92px;
	}
	
/* CONTENT *****************************************************************************/
#content
{
	font-family: Arial, Tahoma, sans-serif;
	font-size: 1.2em;
	float: left;
	width: 850px;
	position: relative;
	padding-left: 70px;
	margin-top: 20px;
	margin-bottom: 40px;
	overflow: hidden;
}
	
	#content h1
	{
		color: #3399cc;
		margin: 0px 0 0px 180px;
	}
	
	#content p
	{
		padding-left: 180px;
		//width: 78%;
		font-size: 1.2em;
		padding-right: 4em;
		line-height: normal;
	}

	#content ul 
	{ 
		margin: 0.5em 0; 
		padding: 0 0 0 2em; 
	}
		
		#content ul li
		{
		    margin: 0.5em 0; 
		    padding: 0 0 0 20px;
		    list-style-type: none;
		    behavior: expression( !this.before? this.before = this.innerHTML = '— ' + this.innerHTML : '' );
		    text-indent: -1.24em;
		}
		
		#content ul li:before 
		{ 
			content: "\2014\a0"; 
		}

	#content .additional_submenu
	{
		float: left;
		width: 500px;
		margin-top: 20px;
		padding: 30px 0 0 40px;
		border-top: 1px solid #EFEFEF;
	}

		#content .additional_submenu li
		{
			background: url("../img/li.gif") no-repeat left top;
			background-position: 0px .4em;
			text-indent: 0em;
			width: 500px;
			behavior: "";
			padding: 0 0 10px 19px;
		}
		
		#content .additional_submenu li:before
		{
			content: "";
		}
	
/* FOOTER *****************************************************************************/
#footer
{
	padding-top: 30px;
	margin: 0 0 0 30px;
	width: 880px;	
}

#logo_bottom
{
	background: url("../img/logo_bottom.png") no-repeat;
	float: left;
	width: 81px;
	height: 82px;
}

#copy
{
	font-size: 1.1em;
	color: #555;
	float: left;
	width: 350px;
	padding-left: 10px;
	margin-left: 20px;
}

	#copy big
	{
		font-size: 1.1em;
		font-weight: bolder;
	}

#phone
{
	color: #d6d6d6;
	float: right;
	width: 220px;
}
	
	#phone strong
	{
		font-size: 1.5em;
		font-weight: normal;
		float: right;
		width: 70px;
		color: #888;
	}
	
	#phone em
	{
		float: left;
		width: 50px;
		padding: 0 0 10px 20px;
	
	}
	
#bg_phone
{
	background: url("../img/bg_phone.png") no-repeat;
	float: right;
	width: 126px;
	height: 60px;
	padding: 15px 0 0 10px;
	position: relative;
}
	
	#bg_phone strong
	{
		font-size: 1.9em;
		color: #fff;
		float: none;
		padding: 0 5px;
	}

.opened
{
	
}

				ul li ul li .active
				{
					background: url("../img/a_active_arrow.gif") no-repeat left;
					color: #676767 !important;
					text-decoration: none !important;
					width: 13px;
					height: 10px;
				}
				
				ul li ul li .opened
				{
					background: url("../img/a_active_arrow.gif") no-repeat left;
					color: #676767 !important;					
					width: 13px;
					height: 10px;
				}

#top
{
	background: #fff url("../img/bg_article_top.png") no-repeat top left;
	width: 886px;
	height: 80px;
	top: 0;
	left: -1px;
	position: absolute;
}

#bottom
{
	background: #fff url("../img/bg_article_bottom.png") no-repeat bottom left;
	width: 886px;
	height: 51px;
	position: absolute;
	bottom: 0;
	left: -1px;
}

#article
{
	background: #fff url("../img/bg_article_center.png") repeat-y;
	width: 886px;
	margin-top: 80px;
	margin-left: -50px;
	padding: 60px 0 50px 20px;
	position: relative;
}
	
	#article dl
	{
		padding-left: 35px;
	}
	
	#top h1
	{
		font-size: 1.6em;
		color: #469ecf;
		margin: 0 !important;
		padding: 25px 0 0 55px;
	}

		#top h1 a
		{
			text-decoration: none;
		}

.new_article
{
	width: 370px;
	margin: 0;
	padding: 0;
	position: relative;
}

	.new_article dt
	{
		margin-top: 1.5em;
	}

	.new_article dt a
	{
		font-size: 1em;		
		/* color: #5da7d5; */
		text-decoration: none;
	}

	.new_article .text
	{
		font-size: 1em;
		width: 220px;
		padding-left: 10px;
		position: relative;
	}

	
	.new_article .text span
	{
		background: url("../img/mark.png") no-repeat right bottom;
		width: 18px;
		height: 18px;
		left: 200px;
		top: 90px;
		position: absolute;
		display: block;
	}
	
	.new_article dd a
	{
		background: url("../img/bg_new_article.png") no-repeat center;
		display: block;
		width: 108px;
		height: 108px;
		position: relative;
	}
	
		.new_article dd img
		{
			padding: 8px 8px;
		}
		
		.new_article dd span a
		{
			background: none;
			width: 8px;
			height: 8px;
		}
	
#email
{
	display: none;
}
	
.left{float: left;}
.right{float: right;}

.href
{
	text-decoration: none;
	border-bottom: 1px dashed #3299CC;
	padding: 0;		 
}

.href:hover
{
	text-decoration: none;
}

.top
{
	float: right;
	margin: 0 20px;	
}

.question img
{
	background: none !important;
}

#prices
{
	position: absolute;
	top: 0;
	left: 30px;	
}

#art
{
	background: url("/-/img/id/ideil-logo.png") no-repeat 5px 0;
	height: 50px;
	float: left;
	margin-left: 10px;
	font-size: 1em;	
	font-size: 11px;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 1.5em;
	padding: 10px 0 0 100px;	
}

#art em
{
	text-decoration: underline;
	font-style: normal;
	color: #3299CC;
}

#art a strong
{
	text-decoration: none;
	font-style: normal;	
	font-weight: normal;		
	color: #333;
}

#art span a
{
	text-decoration: none;
}

#banners
{
	width: 500px;
	padding: 0;
	margin: 20px 200px;
}

#feedback_form sup
{
	color: red;
}