@charset "utf-8";
.png {filter: expression(fixIePng(this));}
a{color: #2a7dd0; text-decoration: underline;}
a:hover{color: #e02000;}
.topline {width: 60%; height:6px; position: absolute; margin-left: 20%; background-color: #e6ff86; background-image: url(/static/images/colorline.png);}
.text{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; color: #000; text-align: left; cursor: default;}
.logo {position: absolute; right: 14%; top: 27px;}
.how_many {position: absolute; right: 14%; top: 83px; padding-right: 40px; text-align: right; font-size: 0.8em; color: #c33;}
.header {height: 140px; width: 100%; padding-top: 5px;}
.last_block {height: 232px; width: 50%; overflow: hidden; text-align: right;  position:absolute;top:140px;right:0%;z-index:2; border-top: 1px solid #333;}
.r_align {overflow:hidden;}
.i1{margin-left:-545px;position:absolute;top:140px;left:25%;z-index:6; width: 600px; height:232px; display: block;}
.i2{position:absolute;left:50%;z-index:5;}
.i3{position:absolute;left:75%;z-index:4;}
.ictinus *{position:absolute;}
img.ictinus-init{opacity:0;position:relative;z-index:2;//visibility:hidden; margin-top: -232px;}
.ie1{margin-left:-545px;position:absolute;top:139px;display:block;left:25%;z-index:6;}
.ie2{margin-left:-545px;position:absolute;top:139px;display:block;left:50%;z-index:5;}
.ie3{margin-left:-545px;position:absolute;top:139px;display:block;left:75%;z-index:4;}
v\:* {DISPLAY: block; BEHAVIOR: url(#default#VML)}
.follow_me {position:absolute; z-index:3; left: 75%; padding-top: 0.8em; padding-left: 60px; top: 150px; color: #fff; font-size: 1.6em;}
.forvard {color: #fff;}
.forvard:hover {color: #f1d219;}
.who{font-size: 1em; background-color: #5cb4ff; color: #fff; padding-left: 0.6em; padding-right: 0.6em; padding-bottom: 0.3em; padding-top: 0.15em; float: left; margin-top: 50px;}
.who:hover{color: #000; background-color: #f1d219;}
.neat {background-color: #f96; margin-top: 45px; font-size: 0.85em;}
.reference:hover{color: #000; background-color: #ffc091;}
.contacts {background-color: #999; margin-top: 58px;}
.contacts:hover {color: #000; background-color: #ffdf48;}
.folio_true {font-size: 1.3em; background-color: #66f; background-image: url(/static/images/folio_bg.png); background-repeat: repeat-x; background-position: bottom; color: #fff; padding-left: 0.6em; padding-right: 0.6em; padding-bottom: 0.7em; padding-top: 0.15em; float: left;  margin-top: 25px; text-decoration: underline; display: block; cursor: hahd; cursor: pointer;}
.folio_true:hover {background-color: #d4f23a; background-image: url(/static/images/folio_bg_hover.png); color: #000;}
.name {width: 25%; float: left; padding-top: 265px; color: #333;}
.comments {padding-top:1.2em; font-style: italic; font-size: 0.85em; line-height: 1.3em; color: #333; padding-left: 50px;}
.smart_laquo {margin-left: -0.5em;}
.space_laquo {word-spacing: 0.5em;}
.main {color: #2a7dd0; text-decoration: underline; /*border-bottom: 1px solid #2a7dd0;*/}
.main:hover {color: #e02000; text-decoration: underline; /*text-decoration: none; border-bottom: 1px dotted #e02000;*/}
.yellow {background: #feffb4 url('/static/images/wave_ok2.gif'); overflow: hidden; padding-bottom: 1.5em; width: 100%;}
.making_of {background-color: #feffb4; overflow: hidden; background-image: url(/static/images/wave_ok2.gif); padding-bottom: 1em; padding-top: 1em; margin-top: 2em;}
h1 {margin-left: 50px; font-weight: normal; font-size: 1.3em;}
h2 {margin-left: 50px; font: normal 1.13em Georgia, "Times New Roman", Times, serif; line-height: 20px;}
div.news {float: left; width: 40%; padding: 30px 0 0 0;}
div.news ul {list-style-type: none; position: relative; margin: 0 0 0 50px;}
div.news ul li {text-indent: -1.1em; font-size: 14px; line-height: 20px; padding: 0 0 8px 0;}
div.bubble {float: left; width: 60%;}
div.bubble table {margin: 30px 50px 0 50px;}
div.bubble table tr td.tl {background:url('/static/images/bubble_sprite.png') -21px -51px;}
div.bubble table tr td.tr {background:url('/static/images/bubble_sprite.png') 0px -51px; width: 21px;}
div.bubble table tr td.bl {background:url('/static/images/bubble_sprite.png') -21px 0px; height: 51px;}
div.bubble table tr td.br {background:url('/static/images/bubble_sprite.png') 0px 0px; height: 21px; width: 21px;}
div.bubble table tr td.tl h1 {font: italic 20px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 26px; margin: 0; padding: 21px 0 0 28px;}
div.footer {padding: 0 50px 0 50px; height: 89px; /* position: relative; margin: 88px auto 0;*/ margin: 23px 0 0 0;}
div.footer p {border-top: 1px solid #ccc;  height: 88px; background: url('/static/images/footer_bg.png') repeat-x; font-size: 14px; padding: 22px 0 0 70%;}
div.footer p img {position: absolute; margin: -22px 0 0 -60px;}
span.daraja {color: #ff9c00; font: bold 14px /*"OfficinaSerifC", */"Times New Roman", Times, Georgia, serif;}





/*folio*/
div.cheese {width: 100%; height: 154px; background: url('/static/images/cheese.jpg');}
div.folio {float: left; _margin-left: -50px;}
div.folio div {float: left; width: 180px; height: 320px; margin: 50px 0 0 50px;}
div.folio div h2 {margin: 0; padding: 0; text-align: center; cursor: default;}
span.folio_true_disbled {font-size: 1.3em; background: #d4f23a url('/static/images/folio_selected.png') bottom center repeat-x; color: #000; padding: .15em .6em .7em .6em; float: left;  margin-top: 25px; text-decoration: none; display: block; cursor: default;}




/*folio-projects*/
div.cheese_inside {width: 100%; height: 68px; background: url('/static/images/cheese_inside.png'); margin: 0 0 28px 0;}
h1.project_name {font: italic 20px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 26px; margin: 0 0 16px 50px; padding: 0;}

table.project_description {width: 100%; text-align: left;}
table.project_description p, table.project_description a, table.project_description span {font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
table.project_description, table.project_description tr, table.project_description tr td {/*outline: 1px solid red;*/ vertical-align: top;}
table.project_description tr td.work {padding: 0; width: 60%}
table.project_description tr td.work img {margin: 0 0 6px 50px;}
table.project_description tr td.work p, table.project_description tr td.work span, table.project_description tr td.work a, table.project_description tr td.work h1, table.project_description tr td.work h2, table.project_description tr td.work h3, table.project_description tr td.work h4, table.project_description tr td.work h5, table.project_description tr td.work h6 {margin: 0 0 26px 50px;}
table.project_description tr td.work p.spacer {height: 16px;} /*create "air" between images & text */
table.project_description tr td.work img.shadowed {margin: 0 0 0 36px;}

table.project_description tr td.bubble {padding: 0 0 0 20px;}
table.project_description tr td.bubble table {width: 80%; position: relative;}
table.project_description tr td.bubble table tr td.tl {background:url('/static/images/bubble_sprite.png') -21px -51px; padding: 16px 0 0 22px;}
table.project_description tr td.bubble table tr td.tr {background:url('/static/images/bubble_sprite.png') 0px -51px; width: 21px;}
table.project_description tr td.bubble table tr td.bl {background:url('/static/images/bubble_sprite.png') -21px 0px; height: 51px;}
table.project_description tr td.bubble table tr td.br {background:url('/static/images/bubble_sprite.png') 0px 0px; height: 21px; width: 21px;}
table.project_description tr td.bubble table tr td.tl p, table.project_description tr td.bubble table tr td.tl span, table.project_description tr td.bubble table tr td.tl a {display:block;}
table.project_description tr td.bubble table tr td.tl p.why {color: #fff; background: #e4ae1a; white-space:nowrap;display:inline-block;zoom:1;*display: inline; padding: 3px; position: relative; margin: 22px 0 6px -3px;}

table.project_description tr td.bubble table tr td.tl ul {padding: 8px 0 0 0;}
table.project_description tr td.bubble table tr td.tl ul, table.project_description tr td.bubble table ul li {list-style-type: none; font: normal 14px "Trebuchet MS", Helvetica, Arial, sans-serif; text-indent: -1.1em;}
table.project_description tr td.bubble table tr td.tl ul li a.inline {display: inline;}
table.project_description tr td.bubble table tr td.tl ul li {padding: 0 0 4px 0;}
table.project_description tr td.bubble table tr td.tl span.small {font-size: 12px;}
div.volna_container {/*border: 1px solid green; */width: 628px; height: 3275px;}
p.volna_comment {/*border: 1px solid red;*/ width: 180px; text-align: left; padding: 1000px 20px 90px 645px; background: url('/static/images/volna_comment_line.gif') bottom left no-repeat; position: absolute;}
table.autoelectrics_duo {width: 100%;}
table.autoelectrics_duo, table.autoelectrics_duo tr, table.autoelectrics_duo tr td {/*outline: 1px solid red;*/ vertical-align: top; text-align: center;}
table.autoelectrics_duo tr td {padding: 0 0 0 50px; width: 50%;}
table.autoelectrics_duo tr td img {position: relative; margin: 0 0 0 -14px;}
table.autoelectrics_duo p {font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; width: 380px; /*border: 1px solid red;*/ text-align: left;padding-right: 14px;}
p.autoelectrics_filling {font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0 0 230px 288px; background: url('../../uploads/images/autoelectrics_filling.jpg') bottom left no-repeat; width: 280px; margin: 50px 0 80px 50px; text-align: left;}
p.akbars_banner_comment {position: absolute; margin: 0; padding: 230px 0 0 240px; *padding: 230px 0 0 190px; width: 300px; text-indent: -18px; font-style: italic;}


/*
	Контакты
*/
div.contact a {
	color: 3399ff;
}
div.contact {
	height: 290px;
	overflow: visible;
	margin-bottom: 300px;
}
div.contact h1 {
	font-style: italic;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 20px;
}
div.contact h1 sup {
	font-size: 12px;
	color: #cc3333;
}
div.contact div.howtocontact {
	margin: 0 auto;
	padding-top: 15px;
	width: 610px;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
div.contact div.howtocontact h2 {
	margin: 5px 0px 15px 0px;
}
/* submit */
div.contact div.howtocontact input {
	position: relative;
	top: 280px;
	width: 92px;
	height: 29px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #777777;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-weight: bold;
	letter-spacing: -1px;
}
/* contact textarea */
div.contact div.howtocontact textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
	width: 606px;
	height: 246px;
	border: 1px solid #b2b2b2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #ffffff;
	box-shadow: 0px 3px 7px #cccccc;
	-moz-box-shadow: 0px 3px 7px #cccccc;
	-webkit-box-shadow: 0px 3px 7px #cccccc;
	position: absolute;
	padding: 7px;
	color: #555555;
}
.footer h2 {
	display: inline;
}
/* (8162) */
span.city_code {
	font-size: 14px;
	text-decoration: none;
}

/*For IE*/
/*textarea {overflow: auto;}*/
/*Hello, Opera!*/
*|html[xmlns*=""] textarea {overflow: hidden;}