/*------------------------------------------------------------------
	Description: Master Styleshit
	Project:	Physiol.ru
	Version:	2
	Author:  Rumake.ru
	Creation Date:  04.05.2008 alpa
		modified: 14.05.2008 beta
		modified: 23.05.2008 inner page
		modified: 18.01.2009

[Table of contents]
	Base
	Top
	Main
	Inner
	Things
	Menu
	News
	Footer

[Color codes]
	Dark grey (text): #333
	Grey (caption): #7d7b7a
	Pink: #c572a4
	Dark Pink (logo): #901e78
	Blue (links) #01669f
	Light Blue (substrate) #dbe3ff
*/


/*------------------------------------------------------------------
# Base */

body{
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #333;
	background: #fff;
	width: 100%;
	margin:0;
	padding:0;
}
#container, #search form, #main #sidebar, #main #content, #header, #page, #page #panel, #page #staff-panel, #footer, hr.footer, .empty{
	clear:both;
	overflow:hidden;
}
#container{
	width: 865px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
img{
	float: none;
	margin: 0;
}
img.email{
	vertical-align: bottom;
	width: 64px;
	height: 16px;
	float: none !important;
	margin: 0 !important;
}


/*------------------------------------------------------------------
# Top */

.logo{
	position: absolute;
	height: 109px;
}
	img.ru{ width: 90px; top: 40px;}
	img.en{ width: 128px; top: 41px;}
.lang{
	font-size: 1.1em !important;
	position: absolute;
	top: 49px;
	right: 13px;
}
#search{
	width: 305px;
	background:  #c572a4 url(../include/img/search-px.png) repeat-y right;
	position: absolute;
	top: 76px;
	left: 560px;
}
	#search form{
		background: #fff;
		width: 300px;
		margin-left: 1px;
	}
	.search-decor{
		display: block;
		width: 305px;
	}
	.search-vars{
		float: left;
		margin-top: 2px;
		margin-bottom:-2px;
		color: #7d7b7a;
		font-size: 1.1em !important;
		line-height: 1em ;
	}
	.search-var label:hover{
		color: #901e78;
	}
	.search-var{
		margin-top: -2px;
		line-height: 20px;
	}
	
	.radio{
		vertical-align: sub;
		margin: 0 5px 0 11px; 
	}
	#search input.pole_poiska{
		font-size: 1.1em;
		width: 124px;
		margin: 8px 0 0 15px;
	}
	#search input.naiti{
		font-size: 1.1em;
		margin: 8px 0 0 9px;
		padding: 0 4px 0 3px;
	}


/*------------------------------------------------------------------
# Main */

#main{
	margin-top: 185px;
}
	#main h1{
		font-size: 2.0em !important;
		margin: 1px 0 9px 0 !important;
	}
	#main #content{
		margin-bottom: 18px;
	}
	#main .brand, #main .pics{
		width: 497px;
		height: 315px;
		margin: 0 63px 13px 0;
		float: left;
		background: #ffe9e8 url(../include/img/brand-bg.png) no-repeat;
	}
	#main .pics {  
		overflow: hidden;
	}
	.pics img { 
		height: 315px;
		width: 497px;
		top:0; 
		left:0;
	}
	#main #sidebar{
		padding-bottom: 54px;
	}
	#main #panel{
		width: 305px;
		height: 142px;
		position: relative;
		margin: 18px 0 0 0;
		padding: 20px 0 0 0;
		float: right;
	}
	#main #panel .head{
		position: absolute; 
		left: 0; 
		top: 0;
		width: 305px;
		height: 162px;
		z-index: 1;
	}
	#main #panel p{
		margin: 0 0 11px 49px;
		position: relative;
		line-height: 1.1em;
		z-index: 2;
	}
	#main #panel p img{
		position: absolute; 
		left: -25px; 
		top: 0;
	}


/*------------------------------------------------------------------
# Inner */

#header{
	padding-top: 175px;
	width: 497px;
}
	#header .way{
		font-size: 1.1em !important;
		margin: 0 0 24px 0;
		padding: 0;
	}
#page{
	margin-bottom: 72px;
}
	#page #content{
		float: left;
		margin-top: 10px;
		width: 497px;
	}
	#page #content p{
		text-indent: 0em;
	}
	#page .brand{
		width: 497px !important;
		height: 80px !important;
		margin: 0 0 28px 0 !important;
		float: none !important;
	}
	#page #sidebar{
		float: right;
		width: 305px;	
	}
	p.account img{
		margin: 0 8px 2px 0 !important;
		vertical-align: middle
	}
	#page #panel{
		margin-top: 9px;
		margin-bottom: 13px;
		background: #e2e8f9 url(../include/img/panel_page.png) no-repeat;
		position: relative;
		min-height:420px;
		height:auto !important;
		height:420px;
	}
	#page #staff-panel{
		margin-top: 9px;
		margin-bottom: 13px;
		background: #e8e7e7 url(../include/img/panel-t.png) no-repeat;
		position: relative;
		min-height:205px;
		height:auto !important;
		height:205px;
	}
	#page #staff-panel .enter{
	font-size: 1.2em;
	margin: 30px 24px 36px 38px;
}
#page #staff-panel .enter form{
	margin: 10px 10px 10px 20px;
}
#page #staff-panel .enter table{
	font-size: 12px;
	font-weight: bold;
	color: #605d5c;
}
#fotostaff{
	width: 200px;
	float: left;
	margin: 0 22px 18px 0;
	padding: 0px;
	position: relative;
}
#fotostaff img{
	float: none;
	margin: 0 !important;
	
}
.third{
	min-height:80px;
	height:auto !important;
	height:80px;
	width: 497px;
	clear:both;
	overflow:hidden;
	background: url(../include/img/third.png) no-repeat;
	position: relative;
	margin: 0 0 28px 0 !important;
}
.third ul{
	position: absolute;
	left: 162px;
	top: 2px;
	font-size: 12px;
}
.third ul li{
	padding-left: 7px;
	list-style: none;
	background: url(../include/img/arrow.png) no-repeat 0 7px;
}
ul.arrow-ul{
	list-style: none !important;
	margin-left: 0;
}
.arrow-ul li{	/* sitemap */
	padding-left: 7px;
	background: url(../include/img/arrow.png) no-repeat 0 8px;
}


/*------------------------------------------------------------------
# Things */

.img_top{
	position: absolute; 
	top: 0;
	left: 0;
}
.img_bottom{
	position: absolute; 
	bottom: -1px;
	left: 0;
}
.new_window{
	padding-right: 12px;
	background-position: right center;
	background-repeat: no-repeat;
	background-image : url(../sa/img/nw.gif);
}
.fth{
    width: 125px;
    padding: 8px;
    text-align: right;
}

/*------------------------------------------------------------------
# Menu on Main */

#main #sidebar ul.menu {
	margin: 0;
	width: 505px;
	overflow:hidden;
	list-style: none;
}
#main #sidebar ul.menu li.links-group{
	float: left;
	width: 150px;
	padding-right: 17px;
}
#main #sidebar ul.menu p{
		/*background: url(../include/img/line.png) no-repeat left top;*/
		font-size: 1.17em;
		font-weight: bold;
		padding: 3px 0 7px 7px;
		margin: 11px 0 -3px 0 !important;
		line-height: 1.29em;
		color: #605d5c;
}

#main #sidebar ul.menu li ul{
	margin-left: 13px;
	list-style: none;
}
#main #sidebar ul.menu li ul li{
	padding-left: 0.58em;
	background: url(../include/img/arrow.png) no-repeat 0 0.66em;
}
#main #sidebar ul.menu span{
    color: #01669f;
}


/*------------------------------------------------------------------
# Menu on Inner */

#page #panel ul.menu, #page #staff-panel ul.menu{
	margin: 30px 24px 36px 18px;
	list-style: none;
}
#page #panel ul.menu p, #page #staff-panel ul.menu p{
		font-size: 1.167em !important;
}
#page #panel ul, #page #staff-panel ul{
	margin-bottom: 0.5em;
	list-style: none;
	margin-left: 0;
}
#page #panel ul li, #page #staff-panel ul li{
	margin-left: 1.67em;
}
#page #panel p, #page #staff-panel p{
	margin: 0;
	font-weight: bold;
	color: #605d5c;
}
#page #panel p.see-also{
	margin-top: 1.5em !important;
}
#page #panel ul.menu span{
    color: #01669f;
}

	
/*------------------------------------------------------------------
# News */

.news-date {
	line-height: 18px !important;
	margin-bottom: 18px !important;
}
.news-src{
	margin-top: 36px;
	text-align: right;
}
/* news-list */
ul.news{
	margin-left: 0em !important;
}
ul.news li p{
	font-size: 1em !important;
}
ul.news li p.news-title { 
	font-size: 1.16em !important;
	line-height: 1.285em !important;
	font-weight: bold;
}
ul.news li{ 
	list-style: none !important;
	margin-left: 0em !important;
}
	ul.news li{
		margin-bottom: 3em !important;
	}
	ul.news li p.news-date {
	line-height: 18px !important;
	margin-bottom: 0 !important;
	font-size: 11px !important;
	font-family: Tahoma, arial !important;
	font-weight: normal !important;
	color: #7d7b7a;
}

/* pg-num */
p.pg-pages{
	padding: 0;
	margin: 2.25em 0 0 0;
	font-size: 1.6em;
}
.pg-way {
	padding: 0;
	margin: 0 0 4px 0;
}
.pg-num{
	font-size: 2em;
	margin-bottom: 1.6em;
}
.pg-num span{
	background-color : #E8E9EC;
	padding: 0 0.5em 0 0.5em;
}
.pg-num a{
	padding: 0 0.5em 0 0.5em;
}


/*------------------------------------------------------------------
# Footer */

#footer{
	padding-top: 18px;
	margin-bottom: 36px;
	padding-left: 7px;
}
.rumake{
	float: right;
	margin-top: 36px;
	margin-right: 14px;
}
.empty{
	font-size:0;
	height:0;
	width: 100%;
}