html, body {
	height: 100%;	
}

body { 
	font: .75em Georgia, Serif;
	line-height: 1.4em;
	color: #383838; 
	background:#f1e9d9 url("/i/bg.png") repeat-x top; 
	width:100%; 
	height:100%; 
	margin:0; padding:0;
}


h1,h2,h3,h4,h5,h6 {	
	font-family: Georgia, Serif;	
	font-weight: lighter;
	color: #3e3e3e;
	margin: 10px 0;
	line-height: 1.2em;
}

h1 {
	font-size: 2.7em;
}

h1 span{
	font-size: .7em;
	white-space: normal;	
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
	
}

h4 {
	font-size: 1.4em;
}

p{
	margin: 10px 0;
	text-indent: 0em;
}

acronym {cursor:help; border-bottom:1px dotted #333; font-style: normal;}
sup, sub {  vertical-align: middle;  position: relative;  font-size: 75%; }
sup { bottom: 0.5em; }
sub { top: 0.5em; }
small {font-size:.9em;}
big {font-size:1.2em;}


a{
	color: #1143aa;	
}

.clear:after {content: "."; display: block; height: 0;  clear: both; visibility: hidden;}

/*макет*/
#pageLayout{
	min-height: 100%;
	min-width: 1000px;
	position: relative;
	margin-bottom: -201px;		
}

* html #pageLayout {
	height: 100%;
	width: 100%;
}

/* контент */
#wrapper {	
	width: 97%;
	max-width: 1200px;
	margin: 0px auto;
	height: 100%;		
	position: relative;	
	padding-bottom: 201px;	
	clear: both;
}

#header{			
	padding: 45px 0 0 50px;
}

.index{
	height: 420px;
}
.inner{	
	height: 330px;		
}


#wrapper #header h1 {
	background: url("/i/logo.png") no-repeat;
	display: block;
	width: 481px;
	height: 219px;
	text-decoration: none;	
	position: absolute;
	z-index: 100000;
	top: 0;
	left: -50px;
}


#wrapper #header h1 a, #wrapper #header h1 a:hover{	
	display: block;
	width: 276px;
	height: 78px;
	text-decoration: none;	
	position: absolute;
	z-index: 100000;
	top: 40px;
	left: 190px;	
	
}


#wrapper #header h1 a span{
	display: none;
}


#wrapper #header span {
	margin: 0px 0 0 5px;
	color: #fff;
	position: absolute;
	font-size: .9em;
}

/* меню */
#menu{
	position: absolute;
	top: 20px;
	left: 50%;
	margin: 0 0 0 -200px;
	z-index: 100000;
}

#menu li {	
	margin: 0 25px 0 0;	
	float: left;	
	background: url("/i/menu_item.png") no-repeat center top;
	width: 121px;
	height: 23px;
	text-align: center;
	padding: 3px 0 0 0;	
	color: #aaa;		
}

#menu li a{
	text-decoration: none;
	color: #0078ff;
}

#menu li a:hover{
	text-decoration: underline;
}

#menu li.active{
	background: url("/i/menu_active.png") no-repeat center top;
	width: 119px;
	height: 39px;
	text-align: center;	
	margin: 0px 0 0px 0;	
	color: #fff;
	margin: 0 25px 0 0;	
}

#menu li.active a{
	color: #fff;
}

#menu a.exit{	
	margin: 0 5px;
}

#menu li.active:hover{
	text-decoration: none;
}

#wrapper #header #thinker{
	 display: block;
	 position: absolute;
	 background: url("/i/thinker.png") no-repeat;
	 width: 482px;
	 height: 306px;
	 left: 50%;
	 margin: 100px 0 0 -170px;
	 z-index: 10000;
}

#wrapper #header #thinker #hint{
	position: absolute;
	display: block;
	background: url("/i/hint.png") no-repeat;
	width: 240px;
	height: 73px;
	top: -80px;
	left: 220px;
	padding: 5px 10px;	
}

#cloud_find{
	background: url("/i/cloud_find.jpg") no-repeat;
	position: absolute;
	width: 529px;
	height: 212px;
	z-index: 1000;
	margin: 85px 0 0 -50px;
	left: 0;
	padding: 65px 0 0 155px;		
}

#cloud_find a, #cloud_upload a {
	color: #464646;
	text-decoration: none;				
}

#cloud_find a:hover, #cloud_upload a:hover {
	text-decoration: underline;	
}


#cloud_find h2 em{	
	font-style: normal;
	font-size: 1.5em;	
	margin: 0 0 5px 15px;
	line-height: 1.2em;		
}

#cloud_find span a, #cloud_upload span a{
	color: #956d47;	
	font-style: italic;
	font-size: 1.1em;
	display: block;	
	margin: 15px 0 0 -10px;
}

#cloud_upload span a{
	margin: 15px 0 0 150px;
}

#cloud_upload h2 em{	
	font-style: normal;
	font-size: 1.5em;	
	margin: 0 0 5px -15px;
	line-height: 1.2em;		
}

#cloud_upload h2{
	padding: 65px 0 0 150px;
}

#cloud_upload{
	background: url("/i/cloud_upload.jpg") no-repeat;
	position: absolute;
	width: 414px;
	height: 225px;
	z-index: 100000;
	margin: 105px 0 0 0px;
	right: 1%;	
}

.search{	
	display: block;		
	margin: 280px 0 0 0px;
	position: absolute;
	z-index: 10000;				
}

.search input[type=text]{
	position: absolute;
	border: none;			
	line-height: 2em;
	padding: 0px 10px;
	font-size: 1.2em;
	background: url("/i/input.png") no-repeat;
	width: 240px;		
	height: 32px;
	display: block;	
	margin: 0 0 0 5px;
}

.search input[type=submit]{			
	border: none;					
	background: url("/i/submit.png") no-repeat;
	width: 54px;		
	height: 30px;
	margin: 0 0 0 250px;			
	display: block;

	
}

.search p{
	clear: both;
	font-style: italic;	
	margin: 10px 0 0 15px;
}

.search p a{
	text-decoration: none;
	border-bottom: 1px dashed #1143aa;
}

.search p a:hover{
	text-decoration: none;
	border-bottom: 1px solid #1143aa;
}

/* поиск на внутренней странице */
#searchin fieldset{
	width: 85%;	
	display: block;
	position: relative;
	margin: 70px 0 0 10px;
	//margin: 110px 0 0 10px;	
	z-index: 100000;
}
#searchin fieldset p{
	font-style: italic;
}
#searchin fieldset .left{
	float: left;
}
#searchin fieldset .right{
	float: right;
	margin-right: -25px;
}
.searchin{
	background: url("/i/search_left.png") no-repeat top left;
	display: block;
	margin: 70px 0 0 0px;
	width: 100%;
	height: 32px;		
}

.searchin input[type=text]{
	background: url("/i/search_bg.png") no-repeat top right;
	display: block;	
	height: 32px;	
	border: none;
	width: 100%;
	margin: 0 0px 0 10px;	
	line-height: 2em;
	padding: 0px 10px;
	position: absolute;	
	font-size: 1.2em;
	z-index: 100;	
}

.searchin input[type=submit]{			
	border: none;					
	background: url("/i/submit.png") no-repeat;
	width: 54px;		
	height: 30px;		
	display: block;		
	z-index: 1000;	
	position: absolute;
	right: 0;		
	margin-right: -90px;
	cursor: pointer;
}

/* контент контент контент */
#contentLayout{
	margin: 25px auto 0 auto;	
	display: block;
	clear: both;
	width: 90%;
	font-family: Verdana, Tahoma, Arial;	
}

#contentLayout .cloud{
	background: url("/i/cloud.jpg") no-repeat;
	height: 256px;
	width: 442px;
	position: absolute;
	top: 165px;	
	padding: 90px 0 0 0px;
	z-index: 1;
}

h1.cats{
	background: url("/i/icon_book.png") no-repeat;
	width: 170%;
	height: 122px;
	padding: 25px 0 0 140px;
	color: #464646;
		
}	

h1.cats a{
	color: #464646;
}

h3.cattitle{
	text-align: center;
	background: url("/i/h3cats.png") no-repeat center 5px;
	font-size: 1.8em;
	margin: -25px 0 5px 0;
	height: 34px;
}

/* популярные категории */
.container{
	background: #fff;
	position: relative;
	z-index: 10;
}

.container .tl{
	float: left;
	background: url('/i/tl.png') no-repeat left top;
	width: 12px;
	height: 12px;
	display: block;	
	position: relative;	
}	

.container .tr{
	float: right;
	background: url('/i/tr.png') no-repeat right top;
	width: 12px;
	height: 12px;
	display: block;
	position: relative;		
}	

.container .bl{	
	float: left;
	background: url('/i/bl.png') no-repeat left bottom;
	width: 12px;
	height: 12px;
	display: block;		
	margin: -12px 0 0px 0px;						
}	

.container .br{	
	float: right;
	background: url('/i/br.png') no-repeat right bottom;
	width: 12px;
	height: 12px;
	display: block;
	position: relative;
	margin: -12px 0px 0px 0px;	
	border: none;	
}

.container .text{	
	padding: 20px 35px;
	
}
.container table{
	width: 100%;
}
.container table td{
	width: 33%;
}

.container ul, .container ol{
	margin: 15px;	
}

.container ul li, .container ol li{
	margin: 10px;	
}

.container ol li{
	list-style: decimal;
}

.container ul li{
	list-style: disc;
}

.container ul li a, .container ol li a{
	color: #000;
	text-decoration: none;
}

.container ul li a:hover, .container ol li a:hover{
	text-decoration: underline;
}

.container ul li em, .container ol li em{
	font-size: .9em;
	color: #956d47;
}


.container thead tr td{
	color: #704e37;
	padding: 5px 10px;
	font-family: Georgia, Sans;
	text-indent: .5em;
	border-bottom: #a3a3a3 dotted 1px;
}

.container tr td{	
	padding: 10px 15px;	
	width: auto;
	border-bottom: #eee 1px solid;
}

.container tr td a{
	color: #000;
	text-decoration: none;
	font-style: italic;	
}

.container tr td a:hover{	
	text-decoration: underline;
}

.page{
	margin: 20px 45px;
	font-style: italic;
	font-size: 1.2em;
	float: left;
}

.totalright{
	float: right;
	font-style: italic;
	font-size: 1.1em;
	margin: 20px 45px;
	overflow: hidden;
}

.note{	
	font-family: Georgia;
	font-style: italic;
	font-size: 1.1em;
	margin: 15px 0 0 25px;	
	color: #777;
}

#sidebar,
#content{
	float: left;
	margin: 25px 0 0 0;
}

#sidebar{
	width: 25%;	
	margin-left: 25px;
}

#content{
	width: 70%;	
}

#sidebar h3{	
	font-size: 2em;		
	background: url("/i/icon_inf.png") no-repeat;
	padding: 0 0 0 37px;			
}

#sidebar ul{
	margin: 0 0 35px 37px;		
}

#sidebar li{
	margin: 5px 0;
}


#sidebar ul li a{
	color: #000;
	text-decoration: none;
}

#sidebar ul li a:hover{
	text-decoration: underline;
}


#content {
	line-height: 1.8em;
}

#content .photo{	
	width: 234px;
	height: 186px;
	margin: 5px 0 0 0;
	float: left;		
}

#content .mask{
	background: url("/i/mask.png") no-repeat;
	width: 234px;
	height: 186px;
	z-index: 1000;
	position: absolute;	
}

#content .photo img{
	z-index: 100;
	position: relative;
	margin: 3px 5px 0 0;
	float: right;	
}

#content .text{
	padding: 0 0 0 260px;
	display: block;
	position: relative;
	font-family: Verdana, Tahoma, Arial;	
}

#content .text .note{
	margin: 15px 0 0 0;	
}

/**/

#contentLayout .photo{	
	width: 234px;
	height: 186px;
	margin: 5px 15px 0 0;
	float: left;		
}

#contentLayout .maskin{
	background: url("/i/mask_in.png") no-repeat;
	width: 234px;
	height: 186px;
	z-index: 1000;
	position: absolute;	
}

#contentLayout .photo img{
	z-index: 100;
	position: relative;
	margin: 3px 5px 0 0;
	float: right;	
}

#contentLayout .textblock{
	padding: 10px;
	display: block;
	position: relative;
	font-family: Verdana, Tahoma, Arial;
	min-height: 200px;	
}
	

#footer{
	clear: both;		
	position: relative;			
	height: 201px;
	background: url("/i/footer_bg.png") repeat-x;
	z-index: 10000000;
	padding: 0;
	font-size: .9em;
	color: #777;	
	margin: 35px auto 0 auto;
}

#footer .menu{
	font-size: 1.4em;	
	display: block;
	clear: both;
	margin: 15px auto;
	padding: 25px 0 0 0;
	width: 730px;
	text-align: center;
}

#footer .menu li{
	float: left;
	margin: 0 65px 0 0;
}

#footer .menu li a, #footer .menu li a:hover{
	float: left;
	color: #5a5a5a;
	text-decoration: underline;
}

#footer div{
	width: 90%;
	max-width: 1200px;
	margin: 15px auto 0 auto;
	padding-top: 45px;	
}
#footer .left{	
	padding-top: 10px;
	float: left;
	width: 40%;
}

#footer .right{	
	float: right;
	width: 40%;
	text-align: right;
}


#footer .right img {
	vertical-align: middle;
}

#footer .right a{	
	color: #777;
	text-decoration: none;
}

#footer .right a em{
	font-style: normal;
	color: #007fbe;	
}


/* мета информация по работе */
tr td.meta {
	border-bottom: none;
	display: block;	 
	padding: 0 0 0 15%;
}

.catstable tr td {
	border-bottom: none;
}

ul.catstable {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;	
	display: block;			
}

ul.catstable li {
	display: block;
	float: left;  
	width: 30%;
	margin: 5px 0;
	padding: 0 0 0 15px;
	font-style: italic;
	font-size: 1.1em;
}


.meta strong{
	font-weight: lighter;	
	font-size: 1.2em;
	border-bottom: 1px dotted #777;
	padding: 0 0 3px 0;
}

.meta .author{
	margin: 15px 0;
}

.meta .author a{
	color: #9168b4;
	font-style: normal;
}

.meta .dwnld{
	display: block;
	background: url("/i/icon_dwnld.png") no-repeat left 4px;
	padding: 0 0 0 55px;
	margin: 25px 0 0 0;
	clear: both;
}

.meta .dwnld p{
	padding: 0 0 10px 0;
}

.meta .dwnld p a{
	color: #0078ff;	
}

/* форма входа */
#loginarea{
	margin: 0 0 15px 0px;
}

#loginarea table td{
	vertical-align: bottom;
	display: list-item;	
	list-style: decimal;
	float: left;
	width: 14%;
	border-bottom: none;
	font-size: 2em;
	color: #ddd;
	margin: 15px 25px 0 25px;	
}

#loginarea table td p{
	font-size: .5em;
	color: #383838;
}

#loginarea input[type=submit]{
	width: 120px;
	height: 40px;
}

#loginarea a{
	color: #0078ff;		
}

/* форма подтверждения */
#confirmModalOverlay {background-color:#000; cursor:wait;}

/* */
#confirmModalContainer {height:160px; width:420px; text-align:left; background:#fff; border:2px solid #336699;}
#confirmModalContainer .header {height:30px; width:100%; background:url(/i/confirm_header.gif) repeat-x; color:#fff; font-size:1.1em; font-weight:bold; line-height:30px;}
#confirmModalContainer .header span {padding-left:8px;}
#confirmModalContainer .message { margin: 10px; padding:12px 4px; font-size:1.2em;}
#confirmModalContainer .buttons {width:160px; float:right; padding:10px 8px 0;} 
#confirmModalContainer .buttons div {float:right; margin-left:8px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(/i/confirm_button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirmModalContainer a.modalCloseX,
#confirmModalContainer a.modalCloseX:link,
#confirmModalContainer a.modalCloseX:active,
#confirmModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.1em; position:absolute; top:-1px; left:400px; color:#ddd;}
#confirmModalContainer a.modalCloseX:hover {color:#9bb3b3;}

/* регистрация */
.registerform tr td{
	border-bottom: none;
}

.registerform .note{
	margin: 0;
}

/* форма восстановления пароля */
.fp{	
	width: 500px;	
}

/* инфа о пользователе */
.serch_note, .userinfo h5{
	font-family: Verdana, Tahoma, Arial;
	font-size: 1em;
	margin: 35px 0;
	color: #777;
}

#onlineform{
	margin: 25px 0;
}

.msg{
	border: 1px dotted #FFD47F;
	background: #FBFCE4;
	padding: 10px 15px;
	margin: 15px 0;
}

.userform{
	margin: 5px 0 25px 0;
}

.userform textarea{
	width: 100%;
	height: 80px;
	margin: 5px 0;
}

.userform input[type=submit]{
	float: right;
	clear: both;
	display: block;
}

/* контроллы ОК Отмена */
.controls{
	width: 250px;
	margin: 10px auto;
}

.controls input{
	font-size: 1.4em;
	width: 100px;
	margin: 10px;
}

/* через что платим */
#paylogos {	
	border-top: #a3a3a3 dotted 1px;
	display: block;
	margin: 25px 0 0 30%;
	padding: 15px 0 0 0;		
	width: 70%;
	float: left;				
}
#paylogos ul{
	clear: both;
	display: block;
}
#paylogos li{
	display: block;
	float: left;
	margin: 15px 10% 25px 0;
}

#paylogos .note{
	display: block;
	clear: both;
	margin: 0;
}

ul.news, ul.news li{
	 font-style: normal;
}

.hidden{
	display: none;
}

.zayavka{
	font-size: 1.4em;
	margin: 25px;
	clear: both;
}

.page{
	font-size: 1.4em;
	margin: 25px;
	font-style: normal;
}


.msg{
	border: 1px dotted #FFD47F;
	background: #FBFCE4;
	padding: 10px 15px;
	margin: 15px 0;
}

.msgerr{
	border: 1px dotted #f00;
	background: #FFF9FC;
	padding: 10px 15px;
	margin: 15px 0;
}

.error{
	font-size: 1.4em;
	line-height: 1.2em;
	color: #f00;
	margin: 15px 0;
}

/* каптча */
.captcha{
	font-size: 2em;
	line-height: 1.2em;
}

.captcha img{
	margin: 0 5px 0 0;
	width: 135px;
	height: 51px;
}
.captchaText{	
	font-size: 1.6em;
	margin: 0 0 0 10px;
}
.form textarea{
	width: 100%;
}