@import "reset.css";
	
html, body{ height:100%; }	
	
body{
	font-family:"Trebuchet MS";	
	font-size:12px;
	color:#777;
	margin:0 auto;
	background:#F3F2F0;
	}	
	
div{ margin:0 auto; }

.pos {
	position: relative;
	top: 3px;
}
	
ul li{ list-style:none; }
.infa ul li {
	list-style: disc;
	margin: 3px 0;
}
.infa ul {
	padding: 10px 0 10px 20px;
}
div.clear{
	clear:both;
	font-size:0;
	}
	
	
.cl {
    cursor: pointer;
    font-weight: bold;
    line-height: 19px;
    margin-bottom: 10px;
}

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

.easyfix{ overflow:hidden; }

.none span,
.none a span{	
	display:none; 
	}

/* headings */
h1, h2, h3, h4, h5, h6{ line-height:1.1; }
	
.main{
	position:relative;
	min-width:995px;
	min-height:100%;
	font-family:Arial;
	}
.header{
	position:relative;
	z-index:5;
	height:185px;
	background:url(img/top.jpg) repeat-x 0 9px;
	}

.content{
	position:relative;
	z-index:1;
	width:909px; /*911 было до 3пх*/
	padding:37px 0 118px 0;
	/*border:1px solid #000;*/
	}		
.wrapper{
	padding:0 0 30px 0;
	}

.right-col{
	float:right;
	width:213px;	
	text-align:left;
	/*border:1px solid #000;*/
	}
	
.left-middle-col{
	margin-right:211px;
	}
	
.left-col{
	/*border:1px solid #D00;*/
	padding:0 0 0 6px;
	width:683px;
	}

div.top_line{
	height:9px;
	background:url(img/head_top.jpg) repeat-x;
	}

div.header div.logo{
	position:absolute;
	top:12px;
	left:173px;
	width:367px;
	height:101px;
	}

/* headings ============*/

.line-gr {
	border-top: 1px solid #d1d1d0;
	margin: 20px 0 0px;
}
/*NAV_TOP*/
.nav-top{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:58px;
	padding:7px 0 0 0;
	background:url(img/menu/bg_menu.gif) repeat-x;
	}

.nav-top div.center{
	width:901px;
	height:56px;
	padding-left:15px;
	position:relative;
	margin:0 auto;
	}
.nav-top div.center span.left,
.nav-top div.center span.right{
	display:block;
	position:absolute;
	width:2px;
	height:56px;
	}
.nav-top div.center span.left{
	top:0;
	left:12px;
	background:url(img/menu/end.jpg) no-repeat;
	}
.nav-top div.center span.right{
	top:0;
	right:0;
	background:url(img/menu/end.jpg) no-repeat;
	}

img { border:none;}

	ul#nav{
	margin:0;
	padding: 0;
	height:56px; width:920px;
	list-style: none;
	z-index:100;
	}
ul#nav ul {
	margin:6px 0 0px -3px;
	padding: 0 0 15px 0; width:182px;
	background: url(img/menu/foot_m.png) no-repeat bottom;
	list-style: none;
	z-index:100;
	}
ul#nav  li{
	float:left;	
	position: relative;
	height:56px;
	padding:0px 11px 0 8px;	
	
	background:url(img/menu/center.jpg) no-repeat top right;
	}
#nav li#end { background:none;
	float:left;	
	position: relative;
	height:56px;
	padding:0px 8px;
	
}	


ul#nav li a{ display:block; width:161px; height:50px;text-decoration: none;min-height:0;
	
	background:url(img/menu/menu_pas.jpg) no-repeat left bottom;
	}

ul#nav li a:hover,ul#nav li:hover a,ul#nav li.over a{	
	background:url(img/menu/menu_hov.jpg) no-repeat left bottom;
	}


	
#nav li ul {
	position: absolute;
	margin-left: -999em;
	background: url(img/menu/foot_m.png) no-repeat bottom;
	top: auto;
	left:0;
	z-index:100;
}


#nav li li,#nav  li.over li {  margin:0;*margin-bottom:-1px; padding:10px 0px 5px 15px; height:auto; float:none; width:182px; list-style-type:none;background:url(img/menu/pix_m.gif) repeat-y left; position:relative;}


#nav li:hover li a,#nav  li.over li a,#nav li li a:hover  {color: #2E251C; font:12px Georgia, "Times New Roman", Times, serif; text-decoration:none; height:auto; background:none; width:156px;}
#nav li:hover li a:hover,#nav li.over li a:hover,#nav li.over li.over a,#nav li:hover li:hover a {
   color: #2E251C;height:auto; background:none;width:156px; font:12px Georgia, "Times New Roman", Times, serif;text-decoration:underline;}


#nav li li a,#nav li li a  {
color: #2E251C; font:12px Georgia, "Times New Roman", Times, serif; width:156px;height:auto; background:none;text-decoration:none;
}

#nav li:hover ul,#nav li.over ul {margin-left:-3px;  z-index:100;  } /* show menu*/

ul#nav li:hover ul,ul#nav ul li:hover ul,ul#nav li.over ul,ul##nav ul li.over ul
	{
	display: block;
}
/*NAV_TOP=========*/

/*top_menu*/
.top_menu{
	position:absolute;
	top:23px;
	right:119px;
	width:350px;
	text-align:right;
	font-size:14px;
	color:#fff;
	}

.top_menu p{
	padding:13px 0 0 0;
	text-align:right;
	}
.top_menu ul li{
	float:left;
	padding:0 0 0 18px;
	}
.top_menu ul li a:link,
.top_menu ul li a:visited{
	display:block;
	position:relative;
	background:url(img/menu/tm_bg.jpg) repeat-x;
	width:98px;
	height:17px;
	font-family:"Trebuchet MS";
	font-size:11px;
	padding:2px 0 0 0;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#AEAEAE;
	cursor:pointer;
	}

.top_menu ul li a:hover{
	text-decoration:underline;
	}

.top_menu ul li a span{
	display:block;
	position:absolute;
	width:14px;
	height:19px;	
	}
.top_menu ul li a span.left{
	top:0;
	left:0;
	background:url(img/menu/tm_left.jpg);	
	}
.top_menu ul li a span.right{
	top:0;
	right:0;
	background:url(img/menu/tm_right.jpg);	
	}
/*top_menu==========*/


/*right-col*/
.about{
	margin:0;
	width:213px;
	padding:42px 0 0 0;
	background:url(img/about.jpg) no-repeat;
	}
.about .about1{
	background:url(img/ugol/right.jpg) repeat-y right top;
	}
.about .about2{
	background:url(img/ugol/left.jpg) repeat-y left top;	
	}
.about .about3{
	position:relative;
	background:url(img/ugol/bottom.jpg) repeat-x left bottom;
	padding:0 15px 12px 15px;
	}
.about .about3 div{
	background:#F0EADD;
	padding:0 5px;
	}
.about .about3 div p{
	text-align:justify;
	text-indent:16px;
	}
.about .about3 div div.bot_line{
	padding:25px 0 0 0;
	margin:0 0 10px 0;
	width:189px;
	background:url(img/bg_line.jpg) repeat-x left bottom;
	}

.about .about3 div address{
	text-align:right;
	padding:0 0 10px 0;
	font-family:"Gergia";
	font-size: 14px;
	color: #646260;
	font-style: normal;
	}
	
	.about .about3 div address a{
	text-align:right;
	padding:0 0 10px 0;
	font-family:"Gergia";
	font-size: 14px;
	color: #646260;
	font-style: normal;
	}

.about .about3 span.left,
.about .about3 span.right{
	display:block;
	position:absolute;
	width:12px;
	height:12px;
	}
.about .about3 span.left{
	left:0;
	bottom:0;
	background:url(img/ugol/bot_left.jpg) no-repeat;
	}
.about .about3 span.right{
	right:0;
	bottom:0;
	background:url(img/ugol/bot_right.jpg) no-repeat;
	}

.zakaz{
	margin:0;
	width:213px;
	padding:49px 0 0 0;
	background:url(img/rozkrutka.jpg) no-repeat;
	}
	
.zakaz2{
	margin:0;
	width:213px;
	padding:49px 0 0 0;
	background:url(img/sozdanie.jpg) no-repeat;
	}	
.zakaz .one{
	background:url(img/ugol/right.jpg) repeat-y right top;
	}
.zakaz2 .one{
	background:url(img/ugol/right.jpg) repeat-y right top;
	}	
.zakaz .two{
	background:url(img/ugol/left.jpg) repeat-y left top;	
	}
.zakaz2 .two{
	background:url(img/ugol/left.jpg) repeat-y left top;	
	}	
.zakaz .three{
	position:relative;
	background:url(img/ugol/bottom.jpg) repeat-x left bottom;
	padding:0 6px 12px 6px;
	}
.zakaz2 .three{
	position:relative;
	background:url(img/ugol/bottom.jpg) repeat-x left bottom;
	padding:0 6px 12px 6px;
	}	
/*.zakaz .three div{
	background:#F0EADD;
	}*/
.contform {
	background:#F0EADD;
	position: relative;
}
.sendtext {
	color: green;
	padding: 0 9px;
}
.zakaz2 .three div{
	background:#F0EADD;
	padding:0 9px;
	}	
.zakaz .three div p{
	text-align:justify;
	text-indent:16px;
	}
.zakaz2 .three div p{
	text-align:justify;
	text-indent:16px;
	}	
.zakaz .three div div.bot_line{
	padding:25px 0 0 0;
	margin:0 0 10px 0;
	width:189px;
	background:url(img/bg_line.jpg) repeat-x left bottom;
	}
.zakaz2 .three div div.bot_line{
	padding:25px 0 0 0;
	margin:0 0 10px 0;
	width:189px;
	background:url(img/bg_line.jpg) repeat-x left bottom;
	}
.zakaz .three div address{
	text-align:right;
	padding:0 0 10px 0;
	}
.zakaz2 .three div address{
	text-align:right;
	padding:0 0 10px 0;
	}
.zakaz .three span.left,
.zakaz .three span.right{
	display:block;
	position:absolute;
	width:12px;
	height:12px;
	}
.zakaz2 .three span.left,
.zakaz2 .three span.right{
	display:block;
	position:absolute;
	width:12px;
	height:12px;
	}	
.zakaz .three span.left{
	left:0;
	bottom:0;
	background:url(img/ugol/bot_left.jpg) no-repeat;
	}
.zakaz2 .three span.left{
	left:0;
	bottom:0;
	background:url(img/ugol/bot_left.jpg) no-repeat;
	}	
.zakaz .three span.right{
	right:0;
	bottom:0;
	background:url(img/ugol/bot_right.jpg) no-repeat;
	}
.zakaz2 .three span.right{
	right:0;
	bottom:0;
	background:url(img/ugol/bot_right.jpg) no-repeat;
	}

ul.anketa li{
	padding:0 9px 3px;
	font-size:16px;
	font-weight:100;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
ul.anketa li input,
ul.anketa li textarea{
	border:1px solid #B7B2A8;
	background:#fff;
	width:100%;
	margin:3px 0;
	}
ul.anketa li textarea{
	height:75px;
	overflow:auto;
	}
ul.anketa li.button{
	text-align:right;
	padding:9px 0;
	}
ul.anketa li.button input{
	border:0px;
	width:94px;
	height:19px;
	}
/*right-col========*/



/*CONTENT*/
.logo-page  {
	text-align: left;
}
.logo-page table {
	margin-top: 0;
}
.logo-page td{
	vertical-align: top;
	padding: 8px 0;
}
.logo-page img {
	border: 1px solid #8b8b8b;
}
.content-zone{
	background:url(img/ugol_block/top.jpg) repeat-x 0 0;
	}
.content-zone .one{
	background:url(img/ugol_block/right.jpg) repeat-y right top;
	}
.content-zone .two{
	background:url(img/ugol_block/bottom.jpg) repeat-x left bottom;	
	}
.content-zone .three{
	position:relative;
	background:url(img/ugol_block/left.jpg) repeat-y;
	padding:16px 15px 15px 44px;
	}
.padding_top {padding-top:26px !important;}
.padding_top1 {padding-top:10px !important;}



.content-zone .three .head{
	padding:0 0 0 12px;
	text-align:right;
	
	}
.content-zone .three .head h1,.content-zone .three .head1 h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	font-weight:100;
	color:#3E3328;
	border-bottom:1px solid #D1D1D0;
	padding:9px 0 0 0;
	}
.content-zone .three .head p?.content-zone .three .head1 p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#848382;
	padding:6px 0 0 0;
	}
	
.content-zone .three .head1{
	padding:0 25px 15px 0;
	text-align:right;
	
	}

div.infa div.zaglavie1{
	background:url(img/h.jpg) no-repeat;
	font:100 20px Georgia;
	color:#3E3328;
	padding:0 0 0 14px;
	height:28px;
	margin:35px 0 4px 0;border-bottom:1px solid #D1D1D0;
	}
	

.content-zone div address{
	text-align:right;
	padding:0 0 10px 0;
	}

.content-zone .three span.top_left,
.content-zone .three span.top_right,
.content-zone .three span.bot_right,
.content-zone .three span.bot_left{
	display:block;
	position:absolute;
	width:14px;
	height:14px;
	}
.content-zone .three span.top_left{
	left:0;
	top:0;
	background:url(img/ugol_block/top_left.jpg) no-repeat;
	}
.content-zone .three span.top_right{
	right:0;
	top:0;
	background:url(img/ugol_block/top_right.jpg) no-repeat;
	}
.content-zone .three span.bot_right{
	right:0;
	bottom:0;
	background:url(img/ugol_block/bot_right.jpg) no-repeat;
	}
.content-zone .three span.bot_left{
	left:0;
	bottom:0;
	background:url(img/ugol_block/bot_left.jpg) no-repeat;
	}

div.infa{
	position:relative;
	text-align:justify;
	color:#646260;
	font-size:12px;
	font-family:"Trebuchet MS";
	padding-right: 25px;
	padding-bottom:15px;
	}
.bot_line {
	background:transparent url(img/bg_line.jpg) repeat-x left bottom;
	margin:0 0 20px;

}

.bot_line {
	background:transparent url(img/bg_line.jpg) repeat-x left bottom;
	margin:0 0 20px; padding-bottom:20px;

}
.padleft { padding-left:20px; padding-top:10px;}
div.infa p.font3 {
	font: bold 14px "Trebuchet MS";
}
a { text-decoration:underline;}
a:hover { text-decoration:none;}
/*div.infa p{
	padding-right:25px;
	}*/
div.rast p{
	padding-right:96px;
	}
div.infa div.zaglavie{
	background:url(img/h.jpg) no-repeat;
	font:100 20px Georgia;
	color:#3E3328;
	padding:0 0 0 14px;
	margin:0 0 4px 0;
	}
div.infa div.zaglavie2{
	font:100 20px Georgia;
	color:#3E3328;
	height:28px;
	margin:0 0 4px 0;
	display:block;
	position:relative;
	top:10px;
	}

div.infa div.img{
	float:right;
	padding:12px 0; margin-left:10px;
	width:307px;
	height:231px;
	}

div.photo{
	text-align:center;
	height:223px;
	margin:4px 0;
	}
div.photo ul li{
	width:33%;
	float:left;
	}

/*action*/

.action{
	text-align:center;
	}
.action ul li{
	float:left;
	width:33%;
	}
.action ul li img{
	border:1px solid #5B901E;
	}
/*action=========*/

/*CONTENT=============*/


/* bottom */
.footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:left;
	height:116px;
	background:#E3E3E3 url(img/footer.jpg) repeat-x left bottom;
	}
.footer .top{
	height:12px;
	background:url(img/footer_top.jpg) repeat-x;
	}
div.footer div.logo1{
	position:absolute;
	bottom:12px;
	left:167px;
	width:223px;
	height:61px;
	}
div.footer div.contact{
	position:absolute;
	bottom:10px;
	right:162px;
	width:210px;
	height:71px;
	}

div.up{
	position:absolute;
	top:19px;
	right:162px;
	width:133px;
	text-align:center;
	height:25px;
	background:url(img/bg_up.jpg) no-repeat left bottom;
	}
div.up a img{
	width:115px;
	height:19px;
	}
	
/*bottom========*/
.letter { font-size: 17px; padding-right: 10px;}
.tel { font-size: 21px; }
a { color: #646260; }

#points {  margin-bottom:20px;}
#points,#tabb table { width:100%; border-collapse:collapse; margin:0; padding:0; margin-bottom:20px; }
#points td{ width:70%; border-collapse:collapse; padding:0; margin:0; }

#points td{ vertical-align:top; padding:10px 5px;}
#points td p { padding-bottom:10px;}
#points td p.hh2 { font:14px bold;color:#3E3328;}
#points td.tt1 { width:170px; text-align:center;}
#points1 td{ width:50%;  padding:5px 0 5px 40px; vertical-align:top;}
a#kp1 { background:url(img/raskr.jpg) no-repeat; width:216px; height:106px; display:block; text-decoration:none;}
a:hover#kp1 { background: url(img/raskr_hover.jpg) no-repeat; width:216px; height:106px; display:block; text-decoration:none;}
#points1 td a,#points1 td a:hover{ font:100 28px Georgia;color:#3E3328; line-height:28px; text-decoration:none; }
a#kp2 { background: url(img/sozd.jpg) no-repeat; width:215px; height:113px; display:block; text-decoration:none;}
a:hover#kp2 { background: url(img/sozd_hover.jpg) no-repeat; width:215px; height:113px; display:block; text-decoration:none;}

#tabb table td { vertical-align: middle; text-align:center; padding-bottom:10px;}
#tabb { text-align:center; margin:25px 0 10px;}

#portfolio_list{margin-left:-57px; margin-top:-20px;display:block;}
#portfolio_list li{display:block;width:668px; float: left;}
#portfolio_list li div{display:block; width:236px; height:308px; background-image:url('img/left.jpg');	float:left; margin-top:10px;}
#portfolio_list h3{width:220px; text-align:right; margin-top:20px; font-size: 20px; font-weight:500;}
#portfolio_list b{width:220px; text-align:right; display:block; font-weight:500; text-decoration:underline;}
#portfolio_list li div ul{width:236px; height:210px; margin-top:10px;}
#portfolio_list li div li{width:193px; margin-left:10px;padding-left:13px; height:auto; font: 11px/13px "Trebuchet MS",sans-serif;display:block;margin-top:5px; text-align: left; background:url('img/list_point.gif') no-repeat 0px 2px;}
#portfolio_list li img{display:block; width:432px; height:308px; float:right; margin-top:10px;}
.photo ul li {
	list-style: none;
}

.infa .num{padding:0 1px 0px 0; position:relative; right:15px; }
.infa table{margin-top:20px; }
/*.infa table td,.infa table th{border:1px solid #646260;border-collapse:collapse;padding:5px; }*/
.border, .border td {border:1px solid #646260;border-collapse:collapse;padding:5px; }
.infa table td .red{color:#f30000;}
.infa table td .green{color:#007900;}
.marg_bott{margin-bottom:15px !important;}
.nobrd {border: 0;}
.nobrd td {border: 0; vertical-align: top; padding: 5px;}
.menu_2 {background: url(img/menu/link1.gif);}
.nobrd img {border:1px solid #8b8b8b;}
.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:300px;
}

#loading{
	margin-left: 90px;
	bottom:9px;
	visibility:hidden;
	
}

.tutorial-info{
	color:white;
	text-align:center;
	padding:10px;
	margin-top:10px;
}

.infa .factor { background-image: url('img/factor-background.gif'); background-repeat: repeat-y; font-size: 14px; margin-bottom: 20px; }
.infa .factor .questionArea { width: 455px; float: left; background-image: url('img/question-gradient-2rows.gif'); background-repeat: repeat-x; }
.infa .factor .questionArea .question { background-image: url('img/question-gradient.gif'); background-repeat: repeat-x; background-color: rgb(197, 197, 197); padding-bottom: 10px; color: rgb(0, 0, 0); }
.infa .factor .questionArea .question .title { font-size: 24px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px;}
.infa .factor .questionArea .question .description { font-size: 14px; color: rgb(43, 42, 42); padding-left: 10px; padding-right: 10px;}
.infa .factor .questionArea .comments { padding: 10px; width: 436px; min-height: 90px; height: auto ! important; }
.infa .factor .questionArea .comments .user { color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; font-style: normal; }
.infa .factor .questionArea .comments .comment { font-size: 12px; font-style: italic; color: rgb(219, 216, 216); }
.infa .factor .questionArea .comments .comment a:link { color: rgb(16, 180, 205); text-decoration: underline; }
.infa .factor .questionArea .comments .comment a:visited { color: rgb(16, 180, 205); text-decoration: underline; }
.infa.factor .questionArea .comments .comment a:hover { color: rgb(126, 217, 231); text-decoration: underline; }
.infa .factor .questionArea .comments .comment a:active { color: rgb(16, 180, 205); text-decoration: underline; }
.infa .factor .scoreArea { width: 144px; float: left; text-align: center; background-image: url('img/score-gradient.gif'); background-repeat: repeat-x; color: rgb(255, 255, 255); height: auto ! important;}
.infa .factor .scoreArea .score { font-size: 78px; letter-spacing: -0.1em; }
.infa .factor .scoreArea .scoreText { font-size: 10px; margin-top: -15px; }
.infa .factor .scoreArea .contraversialGraph { padding-top: 30px; }
.infa .factor .scoreArea .contraversialGraph .graph { background-color:#BC0088;
margin-bottom:15px;
background-image:url('img/graph-gradient50.gif');
background-repeat:repeat-x;
 }
.infa .factor .scoreArea .contraversialText { font-size: 10px; background-color: rgb(188, 0, 136); padding-top: 15px; }
.clearBoth { clear: both; }
.mainArea .navigation { background-image: url('img/navigation-gradient.gif'); background-repeat: repeat-x; background-color: rgb(110, 140, 58); font-size: 12px; color: rgb(238, 238, 238); text-align: center; padding: 0px 10px; }
.mainArea .navigation strong { font-size: 14px; color: rgb(255, 255, 255); white-space: nowrap; }
.mainArea .navigation h4 { padding: 4px 0px; margin: 0px; font-size: 14px; }

/* таблица с позициями */
#keywords, #keywords td, #keywords th {
	border: 1px solid #696969;
	color: #2e251c;
	text-align: center;
}

#keywords td, #keywords th {
	padding: 3px 10px;
}

#keywords td.kw {
	font-weight: bold;
	text-align: left;
}