@charset "UTF-8";
* {margin: 0;padding: 0; font-weight: normal; background-repeat: no-repeat; background-position: 0 0;}
table { border-collapse: collapse; border-spacing: 0;}
table td {vertical-align: top;}
a {text-decoration: underline;}
img {border: none;}
body {
	min-width: 1010px; 
	color: white; /*insert main font*/
	font-family: Arial, sans-serif; /*insert main font*/
	background-color: white; /*insert background color*/
	font-size: 10pt;
	background-color: #482341;
	background: #482341 url('../img/stars.jpg') repeat 0 0;
}

.adminpanel {font-size: 11px;color: black;background-color: #ccd;border-bottom: 1px solid #ddf;padding-left: 20px;}
	.adminpanel .awr {position: relative;border-bottom: 1px solid #ccc;}
	#timegen {position: absolute;right: 10px;top: 1px;color: black;}

a {
	color: #ff8c8c;
}



h1 {font-size: 25px;color: #d2ac8e;font-family: Calibri, Helvetica, Arial, sans-serif;margin: 0.1em 0 0.5em 0;}
h2 {font-size: 1.667em;line-height: 0.8em;margin-bottom: 0.83em;margin-top: 1.2em;}
h3 {line-height: 1.417em;font-weight: bold;font-size: 1em;margin-bottom: 0.417em;}

p {line-height: 1.33em;margin-bottom: 1.33em;}
strong {font-weight: bold;}
em {font-style: italic;}

blockquote {
	margin-left: 2.5em;
	border-left: 3px solid white;
	padding: 0.2em 0 0 0.56em;
	
}
#mapa span {
	color: black;
}

.light {
	color: #989185;
}

.small {
	font-size: 11px;
	line-height: 1.3em;
}

.user_block {
	width: 600px;
	margin-left: -23px;
}

	.user_block td {
		width: 33%;
		padding-left: 23px;
	}

p.u_phone {
	background: url('../img/adr.png') no-repeat 0 4px;
	padding-left: 23px;
	margin-bottom: 6px;
	margin-left: -23px;
	white-space:nowrap;
}
p.u_blank{
	padding-left: 23px;
	margin-bottom: 6px;
	margin-left: -23px;
}
p.u_icq {
	background: url('../img/adr.png') no-repeat 0 -100px;
	padding-left: 23px;
	margin-bottom: 6px;
	margin-left: -23px;
}
p.u_mail {
	background: url('../img/adr.png') no-repeat 0 -46px;
	padding-left: 23px;
	margin-bottom: 6px;
	margin-left: -23px;
}

.content * {
	max-width: 800px;
}

.content  a {
	color: #e01e1e;
}

	.content a.pseudo {
		text-decoration: none;
		border-bottom: 1px dashed #e01e1e;
	}

 .thetext {
 	max-width: 700px;
 	/*padding-top: 20px;*/
 }

.pslink {
	color: #e01e1e;
	border-bottom: 1px dashed #e01e1e;
	cursor: pointer;
}

.how-ride-ps {
	background: url('../img/mini-compas.png') no-repeat 0 0;
	padding-left: 24px;
	margin-left: -24px;
	height: 22px;
	line-height: 22px;

}

hr {
	margin-top: 10px;
	border: none;
	background: #bfb4a0;
	height: 1px;
	margin-bottom: 10px;

	clear:both;
	float:left;
	width:800px;
}


.content ul {
	margin-left: 2em;
	margin-bottom: 12px;
}

.content ul li {
	margin-bottom: 0.5em;
}

.content .big {
	font-size: 21px;
	line-height: 34px;
}

#container {
	background: url('../img/br_rc.jpg') no-repeat 0 0;
	min-height: 685px;
	/*max-width:1280px;
	max-width:1000px;*/
	margin-right:18px;
}

#container.c_p {
/*	max-width: 1400px;*/
}

/*z-indexer*/	
#head #logo {
	z-index: 100502;
	z-index: 10;
}

#work {
	z-index: 9;
}

	
#head {position: relative;height: 139px;z-index: 100502;}
	#head #logo {width: 265px;height: 83px;top: 17px;left: 251px;background: url('../img/logo.jpg') no-repeat 0 0;position: absolute;}
	#head .phones {
		position: absolute;height: 19px;background: url('../img/ph_icon.png') no-repeat 0 0;
		left: 520px;
		padding-left: 25px;color: white;top: 42px;font-size: 1.167em;}

	#head .phones .g {
		color: #aba49c;
	}
	
	#order-site {
		position: absolute;
		width: 141px;
		height: 56px;
		top: 35px;
		right:-14px;
		background: transparent url('../img/order-button.png') no-repeat 0 0;
		padding-left: 35px;
		display: block;
	}
	
		#order-site a {
			color: white;
			font-size:14px;
			line-height:33px;
			cursor: pointer;
		}
	
	
	
#menu {
	font-size:15px;
	overflow: hidden;
	height: 38px;
	position: relative;
	top: 100px;
	list-style-type: none;
	margin-left: 303px;
}
	#menu a {
		color: #ffa29d;
	}

	#menu li {
		float: left;
		padding: 0 14px;
		line-height: 31px;
		font-size: 14px;
		
	}

	#menu li.selected {
		padding: 0 2px;
		background: url('../img/menu.png') no-repeat -252px 0;
		position: relative;
	}
	
	
	#menu li.selected span a {
		display: block;
		background: url('../img/menu.png') no-repeat center 0;
		color: #000;
		padding: 0 13px 0 13px;
		height: 38px;
		text-decoration:none;
	}
	
	#menu li.selected ins {
		display: block;
		position: absolute;
		width: 2px;
		height: 38px;
		background: url('../img/menu.png') no-repeat 0 0;
		top: 0;
		right: 0;
		overflow: hidden;
		font-size: 0;
	}

#work {
	width: 297px;
	height: 447px;
	background: url('../img/lime.jpg') no-repeat 0 0;
	position: absolute;
	top: 95px;
}

.tiser {
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 297px;height: 433px;
	left: 0;
}
	.tiser-main {width: 297px;height: 433px;background: url('../img/lime.jpg');top: 79px;}
	.tiser-contacts {width: 261px;height: 273px;background: url('../img/contact-us.jpg');top: 217px;}
	.tiser-about {width: 253px;height: 346px;background: url('../img/we-re-are.jpg');top:205px;}
	.tiser-portfolio {width: 237px;height: 367px;background: url('../img/tiser-portfolio.jpg');top:163px;}
	.tiser-services {width: 237px;height: 367px;background: url('../img/tiser-service.jpg');top:163px;}
	.tiser-preference {width: 238px;height: 400px;background: url('../img/tiser-plus.jpg');top:131px;}
	.tiser-articles {width: 223px;height:242px;background: url('../img/tiser-articles.jpg');top:231px;}
	.tiser-blog {width: 248px;height:301px;background: url('../img/tiser-blog.jpg');top:228px;}
	
	
#main {
	/*margin: 33px 0px 0  248px;*/
	margin:37px 0 0 237px;
	position: relative;
	z-index: 200;
/*	margin:33px 0 0 25%;*/
}
	
	
#main .preambula {
	margin: 0 71px 0 71px; 
	max-width: 600px;
}
	

.portfolio {
	width: 100%;
	min-height: 200px;
	margin-left: 0;
	overflow: hidden;
	position: relative;
	left: -251px;
	padding-left: 248px;
}

	.portfolio a {
		color: #fe8781;
	}
	
	.portfolio .item {
		float: left;
		height: 229px;
		/*margin-left: 1%;
		margin-bottom: 10px;*/
		margin-bottom:18px;
		margin-left:18px;
		width: 354px;
		overflow: hidden;
		
	}
	
	.portfolio .item .image {
		height: 175px;
		overflow: hidden;
		width: 354px;
		overflow: hidden;
		display: block;
	}
	
	.portfolio .desc {
		height: 39px;
		background: url('../img/port_sh.png') no-repeat 0 0;
		padding: 7px 18px;
		font-size: 0.9167em;
		padding-top: 11px;
	}
	
		.portfolio .desc .text {
			line-height: 15px;
		}
	
	.portfolio .desc a.link {
		color: #99938b;
		display: block;
		margin-top: 4px;
	}
	

/*portfolio-link*/
#portfolio-link{
	position:absolute;
	width:150px;
	height:50px;
	left: 78px;
	z-index:100499;
	text-align:right;
	bottom: 14px;
}

	#portfolio-link a {
		color: #fe7773;
	}
	
.divisor {
	width: 100%;
	overflow: hidden;
}

.divisor .left {
	width: 50%;
	float: left;
	/*min-height: 200px;*/
}

.divisor .right {
	/*min-height: 300px;*/
	margin-left: 50%;
}
	
	
	
.portfolio {
	
}

.roll {
	width: 100%;
	min-height: 200px;
	margin-left: 80px;
	top: 50px;
	position: relative;
}

	.roll-wrap {
		overflow:hidden;
		position:relative;
		width:100%;
		margin: -14px -19px 0 -19px;
		padding: 14px 19px 0 19px;
		
		
	}
	
	.roll-cn {
		display: block;
		background: url('../img/roll-violet.png') no-repeat 0 0;
		left: -19px;
		position: absolute;
		z-index: -1;	
	}
	
	.roll-tl, .roll-tr {
		height: 243px;
		top: -14px;
	}
	
	.roll-tl, .roll-bl {
		width: 100%;
	}
	
	.roll-bl, .roll-br {
		height: 14px;
	}
	
	.roll-bl {
		left: -38px;
		padding-right: 38px;
		clip:rect(auto, auto, auto, 19px);
	}
	
	
	.roll-tr, .roll-br {
		width: 19px;
		margin-left: 100%;
	}
	
	.roll-br {
		left: 0;
	}
	
	
	
	
	
	
	
#footer {
	height: 96px;
	margin: 36px 36px 0 36px;
	background: url('../img/footer-top.png') repeat-x 0 0;
	color: #99938b;
	font-size: 11px;
}

	#footer a {
		color: #fd6d65;
	}
	
#footer .copy {
	float: left;
	margin-top: 36px;
}	

#footer .copy a,
#footer .copy span {
	display: block;
}

	
#footer .vcard {
	margin-left: 213px;
	padding-top: 36px;
}
	
#footer .vcard .fn,
#footer .vcard .country-name
 {
	display: none;
}
/*texts*/
.content {
	background-color:#ebdec5;
	min-height: 220px;
	color:#151414;
	padding:47px 30px 30px 64px;
	margin-left:15px;
	margin-right:7px;
}
/*portfolio*/	
#portfolio-one .content {
	background-color:#ebdec5;
	min-height: 1000px;
}
#portfolio-one .content h1{
	margin-bottom:10px;
	margin-left:10px;
}
#portfolio-one ul,#portfolio-one ol{
	list-style-position: inside;
}
#portfolio-one .item{
	padding:35px 20px 20px 310px;
	color:black;
	overflow:hidden;
}

#portfolio-one .site_link {
	background: url('../img/site_url.png') no-repeat 0 0;
	padding-left: 25px;
	margin-left: 10px;
}

#portfolio-one .project_history {
    background:url("../img/star-history.png") no-repeat scroll 0 0 transparent;
    margin-left: 6px;
    padding-left:29px;
    margin-top: 5px;
}




h1{
	color:#151414;
	font-family: Times New Roman;
	font-size: 22px;
}
h2{
	color:#151414;
	font-family: Times New Roman;
	font-size: 18px;
}
#portfolio-one .description {
	margin-left: 10px;
}

#portfolio-one .quote{
	background:#fef9ed;
	overflow:hidden;
	margin-top:20px;
	max-width:500px;
	margin-left: 10px;
}
#portfolio-one .screenshots {
	padding:10px;
	line-height: 99%;
	margin-bottom: 1em;
	display: block;
	position: relative;
}

	.s-wrapper {
		display: block;
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	
	 .shot-wrapper {
		padding: 9px 3px 2px 7px;
		float: left;
	}
	
	 .one-shot {
		height: 130px;
		overflow: hidden;
		
		margin-bottom: 10px;
		position: relative;
	}
	
		.shot-wrapper.selected {
			background: #c6c6c6;
			-moz-border-radius: 4px;
			border-radius: 4px;
			-webkit-border-radius: 4px;
		}


	#portfolio-one .screenshots-wrapper {
		overflow: hidden;
		width: 100%;
	}

	#portfolio-one .screenshots a {
		display: block;
		/*width: 82px;*/
		
		overflow: hidden;
	}
	
	.one-shot .shot-browser {
		width: 80px;
		background: url('../img/mini-browser.png') no-repeat 0 0;
		margin-top: -10px;
		padding-top: 19px;
		padding-left: 2px;
		bottom: 10px;
	}
	
	.one-shot .shot-browser-bottom {
		height: 9px;
		background: url('../img/mini-browser.png') no-repeat 0 0;
		position: relative;
	}
	
	.one-shot .shot-browser a  {
		display: block;
		overflow: hidden;
		max-height: 112px;
	}
	
	

#portfolio-one .screenshots img{
	margin-right:10px;
	width:72px;
}
#portfolio-one #nav{
	position:absolute;
	bottom:30px;
	left:40px;
	width:100%;
}
#nav #prevsite, #nav #nextsite{
	float:right;
	width:300px;
	padding-right:60px;
}
#nav #nextsite{
	float:left;
	padding-right:0px;
}
	#nav #prevsite div,#nav #nextsite div{
		float:right;
		/*padding-top:45px;*/
	}
	#nav #nextsite div{float:left;}
	#nav #prevsite .pic,#nav #nextsite .pic{
		float:right;
		width:110px;
		height:100px;
	}
	#nav #nextsite .pic{float:left;}
	#nav #prevsite .link,#nav #nextsite .link{
		padding-top:10px;
		float:left;
		width:200px;
		height:100px;
		text-align: right;
	}
	#nav #nextsite .link{float:right;text-align: left;}
#portfolio-one #nav img{
	/*border:2px solid #fff;*/
}
#portfolio-one .quote .corn-tr{
	background:url('../img/blockquote-tr.png') no-repeat 100% 0 transparent;
}
#portfolio-one .quote .corn-tl{
	background:url('../img/blockquote-tl.png') no-repeat 0 0 transparent;
}
#portfolio-one .quote .corn-bl{
	background:url('../img/blockquote-bl.png') no-repeat 0 100% transparent;
}
#portfolio-one .quote .corn-br{
	background:url('../img/listo4ek.jpg') no-repeat 100% 100%  transparent;
	padding:15px;
	padding-bottom:80px;
}
#portfolio-one blockquote{
	display:block;
	overflow:hidden;
	background:url('../img/blockquote-s.png') no-repeat 0 0;
	padding-left:25px;
	margin: 0 0 10px 0;
}
#portfolio-one .end {
	background:url('../img/blockquote-e.png') no-repeat 100% 100%;
	padding-right:25px;
}
#portfolio-one .author {
	width:200px;
	float:right;
	color:#938a85;
	font-style: italic;
	margin-top: 15px;
	margin-right:33px;
}	
.clear{clear:both}
	
#browser{
	position:absolute;
	top:208px;
	left:35px;
	z-index:100500;
	width:607px;
}

#browser .threads {
	width:607px;
	height:400px;
	position: absolute;
	/*background:url('../img/thread.png') no-repeat 0 0;*/
	top: -387px;
	left: 25px;
}

#browser .browser-top{
	width:607px;
	height:35px;
	background:url('../img/browser-top.png');
}
#browser .browser-bottom{
	width:607px;
	height:42px;
	background:url('../img/browser-bottom.png');
}
#browser .browser-content{
	margin:0;
	padding:0;
	background: url('../img/browser-right.png') repeat-y 100% 100%;
	line-height: 95%;
	border:0;
	
}
#browser .browser-content img{
	border:1px solid #9f9f9f;
	border-top: 0;
	border-bottom:0;
	margin-bottom:-2px;
}

#browser .browser-bg {
    background-color: #C6C6C6;
    width: 568px;
    min-height: 100px;
}


/*portfolio many*/
#portfolio-many {
	width: 100%;
	min-height: 200px;
	/*margin-left: -1%;*/
	margin-left:0;
	overflow: hidden;
}
	#portfolio-many .content {
		background-color:#ebdec5;
		min-height: 120px;
		/*padding-left:24px;*/
		padding-left:42px;
		overflow:hidden;
	}	
	#portfolio-many .item {
		float: left;
		/*height: 239px;*/
		height:219px;
		margin-left: 10px;
		margin-bottom: 10px;
		/*width: 398px;*/
		width: 380px;
		overflow: hidden;
		
	}
	#portfolio-many .item .num {
		display:block;
		float:left;
		height: 219px;
		/*width:40px;*/
		/*width:32px;*/
		width:14px;
		color:#aaa190;
		/*margin-bottom:5px;*/
		margin-top:0px;
		/*font-weight: bold;*/
	}
	#portfolio-many .item .wrap {
		float:left;
		background:url('../img/shadow.png') no-repeat 0 0;
		width: 364px;
		height: 185px;
	}
	
	#portfolio-many .item .image {
		height: 175px;
		overflow: hidden;
		width: 354px;
		overflow: hidden;
		display: block;
	}
	
	#portfolio-many a.link {
		color: #ce1c1c;
		display: block;
		margin-top: 0px;
		font-weight: bold;
		margin-bottom:5px;
	}	



#mapa {
	position: absolute;
	width: 944px;
	min-height: 800px;
	top: 0;
	left: 0;
	z-index: 558558;
	left: 50%;
	top: 100px;
	margin-left: -485px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	padding: 13px;
	background: #fcf4e5 url('../img/mapa-clean.jpg') no-repeat 0 29px;
}

#mapa.hiddened {
	background: #fcf4e5;
	background-image: none;
	
}

	#mapa #closer {
		position: absolute;
		top: 30px;
		right: 20px;
		width: 16px;
		height: 16px;
		background: url('../img/mapa-closer.png') no-repeat 0 0;
		cursor: pointer;
		z-index: 40;
	}

#yandex-map {
	width: 850px;
	height: 700px;
}

	#mapa  h1 {
		margin-left: 16px;
		margin-top:5px;
	}

	#mapa .navigator {
		color: #ce1c1c;
		overflow: hidden;
		width: 100%;
		margin-left: 0;
		margin-bottom: 15px;
		margin-top: 16px;
		position: relative;
		z-index: 40;
	}
	
		#mapa .navigator span {
			border-bottom: 1px dashed #ce1c1c;
			cursor: pointer;
			font-size: 12px;
		}
		
		#mapa .navigator .selected {
			background: url('../img/mapa-selected.png') no-repeat 0 0;
		}
		
		#mapa .navigator .selected span{
			cursor: default;
			color: black;
			border-bottom: 0;
		}
	
		#mapa .navigator .choose {
			float: left;
			height: 34px;
			width: 110px;
			text-align: center;
			line-height: 28px;
		}

	#mapa .mapa-container {
		position: absolute;
		top: 108px;
		left: 13px;
	}
	
		#mapa .mapa-container .mapa-overlay {
			width: 953px;
			height: 788px;
			position: absolute;
			top:-79px;left:-13px;
			z-index: 10;
		}
		
			#mapa .mapa-container .mapa-from-uralmash {
				background: url('../img/mapa-uralmash.png') no-repeat 0 0;
			}
			#mapa .mapa-container .mapa-from-bereza {
				background: url('../img/mapa-bereza.png') no-repeat 0 0;
			}
			#mapa .mapa-container .mapa-from-center {
				background: url('../img/mapa-center.png') no-repeat 0 0;
			}
	
		#mapa .mapa-container .how-ride {
			position: absolute;
			width: 142px;
			top: 25px;
			left: 4px;
			color: black;
			font-size: 12px;
			z-index: 13;
		}
		
		#mapa .mapa-container .how-ride span.h {
			font-weight: bold;
			display: block;
			margin-bottom: 5px;
			margin-left: 12px;
		}

		#mapa .mapa-container .how-ride p {
			margin-bottom: 5px;
			padding: 3px 5px 4px 12px;
		}
		
			#mapa .mapa-container .how-ride p.selected {
				background-color: white;
				
			}
		
			#mapa .mapa-container .how-ride p span {
				border-bottom: 1px dashed #ce1c1c;
				cursor: pointer;
				color: #ce1c1c;
			}
			
			#mapa .mapa-container .how-ride p.selected span {
				color: black;
				border-bottom: none;
				cursor: default;
			}


.order-form {
	width: 537px;
}

	.order-form textarea {
		width: 536px;
		height: 160px;
		font-family: Arial, sans-serif;
		font-size: 13px;
	}
	
	.order-form .field {
		margin-bottom: 10px;
	}
	
	.order-form label {
		display: block;
		margin-bottom: 4px;
		font-size: 14px;
	}
	
	.order-form .string input {
		width: 268px;
		height: 33px;
		font-size: 24px;
	}
	
	.order-form div.submit {
		margin-top: 14px;
	}
	
	.order-form input.submit {
		height: 33px;
		padding: 0 24px;
		font-size: 14px;
		line-height: 33px;
	}


.feedback{}
	.feedback textarea{width:500px}
	.feedback #btnSubmit{padding:2px;}
	.feedback .field{margin-bottom:5px;}


#catbox_imageHTMLElement {
	background: #f9f4ea;
}


#call-window{
    position: absolute;
    right:21px;
   top:94px;
    background-color: #f9f4ea;
    padding:45px;
    border-radius:30px;
    -moz-border-radius:30px;
    box-shadow:4px 4px 5px -3px #666666;
    -moz-box-shadow:4px 4px 5px -3px #666666;
    color:#000;
    z-index:100500;
}
#call-window .corn{background-image:url("../img/send-corn.png");
height:19px;
position:absolute;
right:115px;
top:-19px;
width:24px;}
#call-window h1 {margin-top:-10px;}
#call-window .field label{font-size: 14px;}
#call-window .field {margin-bottom:15px;}
#call-window .mail {
	position: absolute;
	left: -3000px;
	top: -3000px;
	display: none;
}
#call-window .field textarea{font-family:arial;font-size: 12px;width:600px;height: 150px;background-image: url('../img/field-bg.png');border:0;padding:5px;}
#call-window .field input{font-size: 18px;height: 36px;width:300px;background-image: url('../img/field-bg.png');border:0;padding:5px;}


#call-window .close {
	background:url("../img/mapa-closer.png") no-repeat scroll 0 0 transparent;
cursor:pointer;
height:16px;
position:absolute;
right:43px;
top:30px;
width:16px;
z-index:40;
}

#catz {
	position: absolute;
	width: 39px;
	height: 39px;
	background: url('../img/catz.png') no-repeat 0 0;
	left:953px;
	top: 100px;
}

.articles{overflow:hidden;/*margin-top:30px;*/}
.articles .date {
    display: block;
    color: #666; font-size: 11px;
}.articles .article {margin-bottom: 12px;}
.articles .article h2{margin-top:0;}
.content h1{margin-bottom:18px;}
.articles h2 {
    margin-bottom: 0.43em;
   
}

.thetext p{text-indent:0;}

div.fake{display: none;}