/*------------------------------------------------------------------
	Description: Master Styleshit
	Project:	i-version.ru
	Version:	2.0
	Author:  Rumake.ru
	Creation Date:  14.06.2010 alpa
		modified: 09.08.2010 beta

[Table of contents]
	Skeleton
	Top
	Inner Menu
	Footer
	Main Page
	Things
	Modules
	Comments

[Color codes]
	Green (light): #D1DFD3
	Green Text: #397F2E
	Green Headers: #3B8A31
	Red Text: #AE291F
	Red Headers: #972E26
	Gray: #838181
	Black: #333333
*/



/*------------------------------------------------------------------
# Skeleton */

body#index {
	background: #fff url(../include/img/dandelion.png) no-repeat center 187px;
}
.wrap {
	background: #ffffff;
	max-width: 1056px;
	margin: 0 auto 0 auto;
	padding: 0;
}
.first-floor {
	width: 940px;
	padding: 0 10px;
	height: 139px;
	margin: 0 auto;
	position: relative;
}
.second-floor {
	width: 940px;
	margin: 0 auto;
	padding: 7px 10px 0px 10px;
	overflow: hidden;
	position: relative;
	background: url(../include/img/scissors-up.png) bottom right no-repeat;
}
	body#competition .second-floor {
	background: none;
	}
.columns {
	width: 940px;
	float: left;
	background: url(../include/img/letters-in-left.gif) 0 370px no-repeat;
}
	body#competition .columns {
	background: none;
	}
.left-col {
	width: 320px;
	float: left;
	padding: 11px 0 0px 0;
}
	body#index .left-col {
	padding: 522px 0 0 0;
	}
.right-col {
	width: 540px;
	float: right;
}
	body#index .right-col {
	padding: 298px 0 0 0;
	margin: 0 0 62px 0;
	}
.content {
	float: right;
	width: 620px;
	padding: 0px 0 108px 0;
	position: relative;
}
	body#competition .content {
	padding-bottom: 64px;
	}
.way {
	padding: 0;
	top: 40px;
	font-size: 11px !important;
	line-height: 12px;
	color: #aeaeae;
	position: absolute;
}
	.way a{
	color: #9ebcd8 !important;
	}
	.way img{ vertical-align: bottom;}
.floor {
	width: 100%;
	min-width: 960px;
	float: left;
	}
	.floor-container {
	width: 940px;
	padding: 51px 10px 51px 10px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	top: -3px;
	background: url(../include/img/scissors-dwn.png) top right no-repeat;
	}
.third-floor {
	width: 100%;
	min-width: 960px;
}
	body#index .third-floor {
	float: left;
	width: 100%;
	background: #fff;
	}
	body#competition .third-floor {
	float: left;
	width: 100%;
	background: #ffffff;
	margin: 126px 0 0 0;
	}
.footer {
	width: 940px;
	padding: 54px 10px 54px 10px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	top: -3px;
	background: url(../include/img/scissors-dwn.png) top right no-repeat;
}
	body#index .footer, body#competition .footer {
	position: static;
	background: none;
	}
.dashed {
	width: 100%;
	min-width: 960px;
	height: 3px;
	background: #fff url(../include/img/dashed.gif) top repeat-x;
}



/*------------------------------------------------------------------
# Top */

.logo {
	float: left;
	margin: 55px 0 0 0;
}
	.logo h1 {
	width: 169px;
	height: 57px;
	margin: 0 29px 0 0;
	padding: 0;
	float: left;
	display: block;
	background: url(../include/img/logo.gif) 0 0 no-repeat;
	}
	.logo a {
	margin: 0 29px 0 0;
	float: left;
	display: block;
	}
	.logo h1 span {
	display: none;
	}
	.logo p {
	display: block;
	float: left;
	font-size: 16px;
	padding: 11px 0 0 0;
	margin: 0;
	}
	.logo p span {
	font-size: 18px;
	}
	.logo p img {
	position: relative;
	top: -15px;
	}
ul.lang {
	display: block;
	list-style: none;
	float: right;
	margin: 67px 0 0 0;
	padding: 0;
}
	ul.lang li {
	display: block;
	float: left;
	font-size: 14px;
	line-height: 18px;
	color: #838181;
	margin: 0 0 0 18px;
	padding: 0;
	background: none;
	}
	ul.lang li a:link, ul.lang li a:active, ul.lang li a:visited {
	color: #333333;
	}
	ul.lang li a:hover {
	color: #397F2E;
	}
	a.search {
	width: 11px;
	height: 11px;
	display: block;
	padding: 0px;
	margin: 6px 0 0 0;
	background: url(../include/img/search.png) 0px 0px no-repeat;
	}
	a.search_active, a.search:hover {
	background: url(../include/img/search.png) 0px -15px no-repeat;
	}
.main-menu {
	width: 940px;
	margin: 0 auto;
	padding: 0 10px;
	overflow: hidden;
	background: url(../include/img/menu-black-line.gif) bottom left no-repeat;
	position: relative;
}
	.main-menu ul {
	display: block;
	list-style: none;
	float: left;
	width: 630px;
	padding: 18px 0 0px 0;
	margin: 0;
	}
	.main-menu ul li {
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px;
	color: #397F2E;
	margin: 0 28px 0 0;
	padding: 1px 0 10px 0;
	background: none;
	}
	.main-menu ul li.active {
	background: url(../include/img/main-menu-active.gif) left bottom repeat-x;
	}
	.main-menu ul li.reviews {
	padding: 1px 12px 10px 0;
	margin: 0 24px 0 0;
	position: relative;
	}
	.main-menu ul li.reviews img {
	position: absolute;
	top: 7px;
	right: 0px;
	}
	.main-menu a {
	color: #000000;
	}
	.main-menu a:hover {
	color: #397F2E;
	}
	.main-menu li.active a {
	color: #397F2E;
	}
	.main-menu li.active a:hover {
	color: #AE291F;
	}
	.main-menu li.reviews a {
	color: #AE291F;
	}
	.main-menu li.reviews a:hover {
	color: #397F2E;
	}
.phone {
	font-size: 20px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	line-height: 37px;
	display: block;
	background: #000000;
	width: 300px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	margin: 0;
	padding: 0;
}
	.phone span{
	margin-right: 2px;
	}
.second-menu {
	width: 920px;
	padding: 0 10px;
	margin: 0 auto -18px auto;
	overflow: hidden;
	background: #E3EEE9;
}
	.second-menu ul {
	display: block;
	list-style: none;
	float: left;
	width: 940px;
	padding: 8px 0 1px 0;
	margin: 0;
	}
	.second-menu ul li {
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	margin: 0 19px 0 0;
	padding: 0 0 9px 9px;
	background: url(../include/img/second-menu-bullet.gif) 0px 8px no-repeat;
}
	.second-menu ul li span.active{
	color: #397F2E;
	}



/*------------------------------------------------------------------
# Inner menu */

ul.left-menu {
	padding: 61px 0 36px 0;
	margin: 0;
	background: #ffffff;
	width: 300px;
	display: block;
}
	ul.left-menu li {
	font-size: 18px;
	line-height: 36px;
	margin: 0 0 18px 0;
	padding: 0;
	background: none;
	color: #000000;
	}
	ul.left-menu li ul {
	padding: 0 0 4px 4px;
	margin: -4px 0 0 0;
	}
	ul.left-menu li ul li ul {
	margin: 0;
	padding: 0 0 0 4px;
	}
	ul.left-menu li ul li {
	font-size: 12px;
	line-height: 27px;
	margin: 0;
	padding: 0 0 0 18px;
	background: url(../include/img/left-menu-bullet.gif) 0 13px no-repeat;
	}
	.left-menu a.active, .sub-menu a.active {
	color: #397F2E;
	}
	.sub-menu a.active, .sub-menu span.active {
	font-weight: bold;
	}
	.left-menu li.order a {
	color: #AE291F;
	}
	.left-menu li.order a:hover {
	color: #397F2E;
	}
p.community {
	color: #838181;
	font-size: 14px;
	line-height: 18px;
	background: #3D8931;
	display: block;
	width: 220px;
	text-align: center;
	margin: 0 0 142px 0;
	border-bottom: 2px solid #ffffff;
	padding: 16px 0 20px 0;
}
	p.community a {
	color: #ffffff;
	padding: 0 0 3px 0;
	background: url(../include/img/community-a-bg.gif) bottom left repeat-x;
	text-decoration: none;
	}
	p.community a:hover {
	color: #D1DFD3;
	}
.sub-menu {
	width: 202px;
	background: #ECF1ED;
	padding: 20px 0 31px 18px;
	margin: -142px 0 72px 0;
	}
	.sub-menu ul {
	padding: 0 4px 0 0px;
	margin: 0;
	}
	.sub-menu ul li {
	font-size: 12px;
	line-height: 27px;
	font-size: 12px;
	margin: 0;
	padding: 0 0 0 18px;
	background: url(../include/img/sub-menu-bullet.gif) 0 12px no-repeat;
	color: #000000;
	}



/*------------------------------------------------------------------
# Footer */

.rumake {
	width: 103px;
	float: left;
	margin: 0px 297px 0 0px;
}
	.rumake img {
	margin: 17px 0 0 0px;
	padding: 0;
	}
	.rumake p {
	font-size: 11px;
	line-height: 12px;
	color: #838181;
	margin: 0 0 0 0px;
	padding: 0;
	}
.contact {
	float: left;
}
	.contact p {
	display: block;
	font-size: 12px;
	line-height: 18px;
	color: #838181;
	float: left;
	margin: 0;
	padding: 0;
	}
	.contact p.address {
	width: 240px;
	font-size: 12px;
	line-height: 18px;
	color: #838181;
	margin: 0;
	padding: 0;
	}
	.contact p.address span {
	color: #AE291F;
	}
	.contact p.phones {
	margin: 0 0 0 80px;
	padding: 0;
	width: 200px;
	font-size: 12px;
	line-height: 18px;
	color: #838181;
	}



/*------------------------------------------------------------------
# Main Page */

/* заказать */
p.order {
	display: block;
	width: 300px;
	height: 62px;
	background: #972e26 url(../include/img/order-bg.jpg) top left no-repeat;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
	padding: 28px 0 0 0;
	margin: 0 0 108px 0;
}
	p.order a {
	color: #ffffff;
	}
	p.order a:hover {
	color: #D1DFD3;
	}

/* сотрудники */
#slides{
	position: relative;
	width: 300px;
	height: 217px;
	overflow: hidden;
	margin: 0 0 71px 0;
}
	#cycle{
	width: 300px;
	height: 217px;
	}
	#control{
	z-index: 1000;
	left: 203px;
	top: 151px;
	position: absolute;
	display: none;
	}
		#control a{
		text-decoration: none;
		font-size: 30px;
		color: #000000;
		}
		#control a:hover{
		color: #397F2E;
		}
.team {
	width: 300px;
	height: 217px;
	margin: 0;
	top:0;
	left:0;
}
	.team img {
	top: 0px;
	left: 173px;
	position: absolute;
	}
	.team p.text {
	display: block;
	top: 91px;
	left: 0px;
	position: absolute;
	width: 160px;
	font-size: 12px;
	line-height: 18px;
	}
	.team p.name {
	color: #ffffff;
	background: #000000;
	text-align: center;
	width: 151px;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	line-height: 20px;
	padding: 0;
	}
	.team p.post {
	top: 31px;
	left: 0px;
	position: absolute;
	color: #838181;
	text-align: right;
	width: 143px;
	font-size: 11px;
	line-height: 13px;
	}

/* меню услуг */
.menu-in-right {
	width: 540px;
	float: left;
	margin: 0 0 80px 0;
}
	.menu-in-right p {
	display: block;
	float: left;
	font-size: 18px;
	line-height: 18px;
	width: 180px;
	margin: 0;
	}

/* 6 причин */
body#index .right-col h2 {
	display: block;
	width: 540px;
	float: left;
	border-top: 1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;
	margin: 0 0 27px 0;
	padding: 0;
	color: #000000;
}
	body#index .right-col h2 span {
	float: left;
	font-size: 100px;
	line-height: 125px;
	color: #972E26;
	display: block;
	width: 80px;
	position: relative;
	left: -3px;
	padding: 0;
	margin: 0;
	}
	body#index .right-col h2 strong {
	float: left;
	font-size: 36px;
	line-height: 44px;
	display: block;
	font-weight: normal;
	padding: 18px 0 0 0;
	margin: 0;
	position: relative;
	left: -3px;
	}
.reasons {
	width: 480px;
	float: right;
	background: url(../include/img/reasons-bg.gif) bottom right no-repeat;
}
	.reason {
	width: 210px;
	float: left;
	margin: 0 0 45px 20px;
	padding: 0 10px 0 0;
	display: inline;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	}
	.reason p {
	margin: 0;
	padding: 0;
	color: #333333;
	}
	.reason h3 {
	color: #972E26;
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 9px 0;
	padding: 0;
	}

/* сообщество */
body#index p.community {
	color: #838181;
	font-size: 11px !important;
	line-height: 18px;
	position: absolute;
	bottom: 0px;
	left: 10px;
	background: none;
	margin: 0;
	padding: 0 !important;
	text-align: left !important;
}
.floor-container li {
	background: none;
	padding: 0;
	margin: 0;
	}
ul.grn-three-items, ul.grn-two-items, ul.grn-one-items {
	width: 940px;
	background: #3B8A31;
	float: left;
	display: block;
	list-style: none;
	font-size: 14px;
	line-height: 18px;
	padding: 21px 0 4px 0;
	margin: 0 0 25px 0;
}
	ul.grn-three-items a, ul.grn-two-items a, ul.grn-one-items a {
	color: #ffffff;
	}
	ul.grn-three-items a:hover, ul.grn-two-items a:hover, ul.grn-one-items a:hover {
	color: #D1DFD3;
	}
	ul.grn-three-items li {
	float: left;
	display: inline;
	width: 240px;
	margin: 0 0 0 80px;
	padding: 0 0 18px 0;
	list-style: none;
	color: #ffffff;
	}
		ul.grn-three-items li.last {
		width: 140px;
		}
	ul.grn-two-items li {
	float: left;
	display: inline;
	width: 350px;
	margin: 0 0 0 80px;
	padding: 0 0 18px 0;
	list-style: none;
	color: #ffffff;
	}
	ul.grn-one-items li {
	float: left;
	display: inline;
	width: 780px;
	margin: 0 0 0 80px;
	padding: 0 0 18px 0;
	list-style: none;
	color: #ffffff;
	}
.white-area {
	width: 940px;
	float: left;
	padding: 24px 0 18px 0;
	background: #ffffff;
}
.live {
	width: 250px;
	float: left;
	margin: 0 0 0 60px;
	display: inline;
}
	.live h3 {
	font-size: 18px;
	line-height: 39px;
	width: 230px;
	padding: 0 0 0 20px;
	margin: 0 0 35px 0;
	color: #3B8A31;
	display: block;
	background: url(../include/img/live-h3-bg.gif) top left repeat-x;
	}
	.live ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	.live ul li {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	margin: 0 0 18px 0;
	padding: 0 20px 0 20px;
	background: url(../include/img/white-area-bullet.gif) 0px 9px no-repeat;
	list-style: none;
	}
.news {
	width: 250px;
	float: left;
	display: inline;
	margin: 0 0 0 90px;
	padding: 2px 0 0 0;
	}
	.news h3, .articles h3, .newslist h3 {
	font-size: 18px;
	line-height: 36px;
	margin: 0 0 18px 0;
	padding: 0;
	color: #0C589E;
	}
	.news h3 span, .articles h3 span, .newslist h3 span {
	color: #3B8A31;
	}
	.news ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	}
	.news ul li {
	margin: 0 0 18px 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 18px;
	position: relative;
	}
	.news ul li img {
	float: left;
	margin: 4px 11px 10px 0;
	padding: 0;
	}
	.news ul li div {
	overflow: hidden;
	}
	.news ul li span {
	font-size: 11px;
	color: #838181;
	}
.articles {
	width: 190px;
	float: left;
	display: inline;
	margin: 0 0 0 70px;
	padding: 2px 0 0 0;
	}
	.articles ul, .newslist ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	.articles ul li,  .newslist ul li {
	margin: 0 0 18px 0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	list-style: none;
	color: #333333;
	}
.newslist {
	width: 360px;
	float: left;
	display: inline;
	margin: 0 0 0 70px;
	padding: 1px 0 0 0;
	}


/*------------------------------------------------------------------
# Things */
.active{
	color: #397F2E;
}
.invisible{
	display: none;
}
.full{
        width: 100% !important;
}
.half{
	width: 70% !important;
}
small{
	color: #838181;
	font-size: 11px;
}
.submit{
	font-size: 18px !important;
	padding: 0 10px 0 10px !important;
}
.progress{
	padding: 0 0 0 10px;
	float: none !important;
	display: none;
}
a.underline {
	text-decoration: none;
	border-bottom: 1px dashed;
}
.stick {
	left: 495px;
	top: 40px;
	position: absolute;
}

/* pg-num */
.pg-pages{
	padding: 0;
	margin: 54px 0 0 0;
}
.pg-way {
	padding: 0;
	margin: 0px 0 4px 0;
	font-size: 11px !important;
}
.pg-num span{
	background-color : #E8E9EC;
	padding: 0 0.5em 0 0.5em;
	font-size: 14px !important;
}
.pg-num a{
	padding: 0 0.5em 0 0.5em;
	font-size: 14px !important;
}



/*------------------------------------------------------------------
# Modules */

/***** Media *****/

img.img_frame {
	padding: 4px;
	background: #ffffff;
	border: 1px solid #C0C0C0;
	float: none !important;
	margin: 0 !important;
}
.album_item{	/* рамка альбома */
	background: url(../include/img/album.png) top right no-repeat;
	width: 206px;
	height: 237px;
	margin: 0px 16px 34px 0px;
	float: left;
	display: inline;
}
	.album_item .photo_item {
	margin: 6px 6px 0 0 !important;
	float: none;
	display: block;
	background: url(../include/img/picture_album_td_bg.gif);
	border: 1px solid #ccc;
	padding: 4px;
	}
	.album_item .photo_item p {
	padding: 3px 0px 0px 0px;
	border-top: 1px solid #cccccc;
	}
	.album_item a img, .photo_item a img {
	    border: 1px solid #0C589E;
	}
	.album_item a:hover img, .photo_item a:hover img {
	    border: 1px solid #397F2E;
	}
.photo_item {	/* рамка фотки */
	width: 190px;
	height: 221px;
	padding: 0px;
	margin: 0px 16px 34px 0px;
	float: left;
	display: inline;
	border: 0px solid #fff;
	/*background: url(../include/img/picture_album_td_bg.gif);*/
}
	.photo_item p {
	text-align: center;
	font-size: 11px !important;
	font-family: Tahoma, Geneva, sans-serif;
	line-height: 12px !important;
	padding: 0px 0px 0px 0px;
	margin: 0 !important;
	display: block;
	/*border-top: 1px solid #cccccc;*/
	}
.photo {
	width: 190px;
	margin: 0px 0px 4px 0px;
	display: table;
	overflow: hidden;
}
	.photo img {
	float: none !important;
	margin: 0 !important;
	}
.middle {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}



/***** News *****/

/* single */
.news-s-date{
	margin: 0 !important;
	padding: 3px 0 0 0px !important;
	color: #838181 !important;
	font-family: tahoma;
	font-size: 11px !important;
}
.news-s-src{
	text-align: right;
}

/* list */
ul.news-l {
	padding-left: 0 !important;
	list-style : none !important;
}
ul.news-l li{
	padding-left: 0 !important;
	margin-left: 0 !important;
	background : none !important;
}
ul.news-l li{
	margin-bottom: 2em !important;
}
.news-l-no{

}
.news-l-title{
	margin: 36px 0 0 0 !important;
	font-weight: bold;
	font-size: 14px !important;
}
.news-l-date{
	margin: 0 !important;
	padding: 0px 0 0 0 !important;
	color: #838181 !important;
	font-family: tahoma;
	font-size: 11px !important;
}
.news-l-descr{
}
p.news-archive{
	margin: 0 5px 4em 0.5em !important;
}



/***** Responses *****/

ul.rsp-l {
	padding-left: 0 !important;
	list-style : none !important;
}
ul.rsp-l li{
	padding: 0px;
	margin: 0 0 48px 0;
	width: 540px;
	background: none;
}
ul.rsp-l li.odd{
	background: #F2F2F2;
	padding: 18px 30px 36px 30px;
	margin: 0 0 48px 0px;
	width: 560px
}

.rsp-l-author{
	margin: 0 !important;
	font-weight: bold;
	font-size: 14px !important;
}
.rsp-l-date{
	margin: 0 !important;
	padding: 0px 0 0 0 !important;
	color: #838181 !important;
	font-family: tahoma;
	font-size: 11px !important;
}
.rsp-add{
	width: 128px;
	margin-top: 0;
	float: right;
	margin-left: 1.5em !important;
}
	.rsp-add img{
	margin: 0!important;
	padding: 0!important;
	float: none !important;
	}
.rsp-l-comment{
	color: #00913f;
	margin: 18px 20px 0 20px;
}
ul.rsp-l p{
	margin-bottom: 0px !important;
}
.rsp-l-descr{
	padding-top: 5px;
}


/*------------------------------------------------------------------
# Comments */

#comment_form table{
	border-collapse: collapse;
	background-color: #FFFFFF;
}
	#comment_form table td {
	border: 1px solid #FFFFFF;
	padding: 5px;
	background-color: #FFFFFF;
	}
.cm{
	/*background-color: #F1F1F1;*/
	padding: 1.6em 1.8em 1.6em 1em;
	margin: 0 0 3.6em 23px;
	width: 68%;
	background: #f1f2e7;
	border: 1px solid #d3d3d3;
	margin: 0 0 3.6em 23px;
	overflow: hidden;
}
.cm-off{
	background: #d4eac0 !important;
}

.cm-ava img{
	margin: 0 !important;
}
.cm-answer{
	margin: 0.9em 0.5em 0 3em;
	padding: 1em;
	background-color: #f7f7ce;
	border: 1px solid #d3d3d3;
}
.cm-admin{
	font-weight: bold;
	color: #53941f;
}
.cm-wait{
	font-style: italic;
}
.cm-author{
	margin: 0 2em 0 1em !important;
	padding: 0;
	text-indent: 0 !important;
	/*padding-left: 0 !important;
	margin-left: 1em !important;*/
}
.cm-date{
	padding-left: 0 !important;
	margin: 0 0 0.5em 1em !important;
	color: #838181 !important;
	font-family: tahoma;
	font-size: 11px !important;
}
.cm-text{
	margin: 0 2em 0 1em !important;
	padding: 0;
	text-indent: 0 !important;
}
.cm-delete{
	float: right;
	font-size: 11px;
}
.cm-red{
	color: red;
}
.cm-code{
	margin: 0 !important;
	padding: 0 !important;
}
.cm-refresh{
	margin: 0 !important;
	padding: 0 !important;
}
/*.cm-submit{}*/
.cm-progress{
	padding: 0 0 0 10px;
	display: none;
}
#comments{}
#comment_your{}loc
#comment_no{}
#comment_add{}
#comment_added{}
#comment_form{}
#comment_form table{
	margin: 0;
	width: 69% !important;
}
