@charset "utf-8";
/* Main layout */
html, body {
	height: 100%;
}
body {
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #5f666b;
	background: #fff;
	margin: 0px auto;
	padding: 7px 0px 0px;
	border-style: none;
	text-align: center;
}
div {
	text-align: left;
	margin: 0px;
	padding: 0px;
	border-style: none;
	position: static;
}
img {
	border-style: none;
}
ul, ol {
	margin: 0px;
	padding: 15px 0px 0px 30px;
}
li {
	line-height: 130%;
	list-style: url(/images/list.png);
}
p {
	line-height: 130%;
	margin: 0px;
	padding: 15px 0px 0px;
	text-align: justify;
}
fieldset {
	margin: 15px 0px 0px;
	padding: 0px 15px 15px;
	border: 1px solid #e7e7ef;
}
legend {
	font-weight: bold;
	color: #5f666b;
	margin: 0px 0px 0px -5px;
	padding: 0px 5px;
	font-size: 1.1em;
}
form {
	margin: 0px;
	padding: 0px;
}
input, textarea {
	font: 1em Arial, Helvetica, sans-serif;
	padding: 2px;
}
h1, h2, h3, h4 {
	margin: 0px;
	padding: 15px 0px 0px;
	color: #000;
}
h1 {
	display: block;
	padding: 0px;
	font-size: 1.5em;
}
h1 a {
	display: block;
	height: 42px;
	width: 205px;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
}
h1 a span {
	background: url(/images/logo.png) no-repeat;
	display: block;
	height: 42px;
	width: 205px;
	position: absolute;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.3em;
}
h4 {
	font-size: 1em;
}
table {
	margin: 15px 0px 0px;
	padding: 0px;
	border-style: none;
}
th, td {
	text-align: left;
	padding: 3px;
}
acronym {
	border-bottom: 1px dotted #5f666b;
	cursor: help;
}
address {
	line-height: 130%;
	font-style: normal;
	padding: 15px 0px 0px;
}
hr {
	display: none;
}
a, a:Hover {
	font-weight: normal;
	color: #cd0000;
	text-decoration: underline;
}
a:Hover {
	color: #5f666b;
}
#mysql-error {
	margin: 40px auto 0px;
	padding: 10px;
	width: 75%;
	color: #cd0000;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	border: 1px solid #cd0000;
}
#mother {
	margin: 0px auto 15px;
	width: 890px;
	background: url(/images/bg-mother.png) no-repeat right top;
	padding: 47px 0px 0px;
	height: auto;
	min-height: 100%;
	position: relative;
}
#header {
	background: #cd0000 url(/images/bg-header.jpg);
	height: 234px;
	overflow: hidden;
}
#main-title {
	padding: 25px 0px 0px 35px;
}
#header p {
	padding: 50px 450px 0px 35px;
	color: #f0d0d0;
	text-align: left;
}
#header acronym {
	border-bottom: 1px dotted #f0d0d0;
}
#menu {
	background: #c6cfd6 url(/images/bg-menu.jpg) no-repeat left top;
	border-bottom: 5px solid #e7e7ef;
}
#menu ul {
	padding: 0px 0px 0px 125px;
	margin: 0px auto;
	height: 41px;
}
#menu ul li {
	display: inline;
	line-height: normal;
	list-style: url(none) none;
}
#menu ul li a, #menu ul li a:Hover {
	display: block;
	float: left;
	text-transform: uppercase;
	color: #575757;
	text-decoration: none;
	padding: 17px 0px 0px;
	font-size: 1.2em;
}
#menu ul li a:Hover {
	color: #333;
}
#menu ul li a span, #menu ul li a:Hover span {
	padding: 0px 10px;
	border-right: 1px solid #e7e7ef;
}
#menu ul li .selected, #menu ul li .selected:Hover {
	font-size: 1.3em;
	background: #e7e7ef url(/images/bg-menu-selected.png) repeat-x;
	border-top: 1px solid #e7e7ef;
	border-right: 1px solid #e7e7ef;
	border-bottom: 1px solid #e7e7ef;
	color: #333;
	padding: 15px 0px 8px;
}
#menu ul li .selected span, #menu ul li .selected:Hover span {
	border-style: none;
}
#menu ul li .last span, #menu ul li .last:Hover span {
	border-style: none;
}
#menu .cleaner {
	background: #e7e7ef;
}
#content {
	padding: 0px 0px 15px;
}
#seo {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 20px;
}
#seo .seobar {
	padding: 0px 0px 0px 6px;
	color: #e7e7ef;
	border-bottom: 10px solid #c6cfd6;
}
#footer {
	background: #c6cfd6;
	padding: 0px 0px 25px;
	border-top: 5px solid #e7e7ef;
	width: 890px;
}
#footer p {
	color: #fff;
	padding: 10px 10px 0px;
}
#footer p span, #seo .seobar span {
	color: #e7e7ef;
	padding: 0px 4px;
}
#footer p a, #seo .seobar a {
	color: #fff;
}
#footer p a:Hover, #seo .seobar a:Hover {
	color: #5f666b;
}
#footer .left {
	float: left;
}
#footer .right {
	float: right;
}
#links {
	border-top: 1px solid #e7e7ef;
	margin: 10px 0px 0px;
}
.cleaner {
	font-size: 1px;
	clear: both;
	height: 1px;
}
.no-screen {
	display: none;
}
.right {
	text-align: right;
}
.nowrap {
	white-space: nowrap;
}
.red {
	color: #cd0000;
}
.out, .out:Hover {
	background: url(/images/out.png) no-repeat right top;
	padding: 0px 9px 0px 0px;
}
.out:Hover {
	background: url(/images/out-hover.png) no-repeat right top;
}
.shadow {
	margin: 15px 0px 5px;
	padding: 0px;
}
.shadow span {
	height: 25px;
	position: absolute;
	width: 191px;
}
.medium-form, .medium-textarea {
	float: left;
	width: 200px;
	background: url(/images/bg-form.png) repeat-x;
	border: 1px solid #666;
}
.medium-textarea {
	width: 350px;
}
.submit-contact {
	margin: 0px 0px 0px 170px;
	background: #cd0000;
	border-top: 1px solid #cd0000;
	border-right: 1px solid #9e0000;
	border-bottom: 1px solid #9e0000;
	border-left: 1px solid #cd0000;
	color: #fff;
	padding: 3px 10px;
}
.main-title {
	margin: 15px 0px 20px;
	padding: 0px;
	font-size: 1.6em;
}
.main-title span {
	height: 37px;
	position: absolute;
	width: 191px;
}
.service, .service-right {
	margin: 0px 25px 0px 0px;
	float: left;
	width: 280px;
	padding: 15px 0px 0px;
}
.service-right {
	margin: 0px;
}
.service .ext, .service-right .ext {
	color: #c5ced6;
	padding: 0px 0px 2px;
}
.service-in {
	border: 1px solid #e7e7ef;
	background: url(/images/bg-service.png) repeat-x left bottom;
	padding: 0px 10px 10px;
}
.service-in .title {
	background: url(/images/bg-service-title.png) no-repeat center bottom;
	padding: 12px 0px 14px;
}
.service-in .title h2 {
	padding: 0px;
	color: #cd0000;
	text-decoration: underline;
}
.service-in p {
	text-align: left;
	padding-top: 10px;
}
.service-in ul {
	padding: 10px 0px 0px 17px;
}
.service-in h2 a, .service-in h2 a:Hover {
	display: block;
	position: absolute;
	height: 22px;
	width: 258px;
}
#web h2 a {
	background: url(/images/title-web.png) no-repeat center top;
}
#web h2 a:Hover {
	background: url(/images/title-web-hover.png) no-repeat center top;
}
#coding h2 a {
	background: url(/images/title-coding.png) no-repeat center top;
}
#coding h2 a:Hover {
	background: url(/images/title-coding-hover.png) no-repeat center top;
}
#vector h2 a {
	background: url(/images/title-vector.png) no-repeat center top;
}
#vector h2 a:Hover {
	background: url(/images/title-vector-hover.png) no-repeat center top;
}
#design h2 a {
	background: url(/images/title-design.png) no-repeat center top;
}
#design h2 a:Hover {
	background: url(/images/title-design-hover.png) no-repeat center top;
}
#updates h2 a {
	background: url(/images/title-updates.png) no-repeat center top;
}
#updates h2 a:Hover {
	background: url(/images/title-updates-hover.png) no-repeat center top;
}
#shop h2 a {
	background: url(/images/title-shop.png) no-repeat center top;
}
#shop h2 a:Hover {
	background: url(/images/title-shop-hover.png) no-repeat center top;
}
.page-left {
	margin: 0px 25px 0px 0px;
	float: left;
	width: 585px;
}
.page-right {
	float: left;
	width: 280px;
	padding: 55px 0px 0px;
}
/* Home */
#home-left {
	margin: 0px 25px 0px 0px;
	float: left;
	width: 280px;
}
#clients span {
	background: url(/images/title-clients.png) no-repeat;
}
#home-right {
	float: left;
	width: 585px;
}
#company span {
	background: url(/images/title-company.png) no-repeat;
}
#news span {
	background: url(/images/title-news.png) no-repeat;
}
/* News */
#news-full span {
	background: url(/images/title-news-full.png) no-repeat;
}
.news-date {
	background: #f1f2fa url(/images/bg-date.png) repeat-x left bottom;
	border: 1px solid #e7e7ef;
	text-align: center;
	margin: 17px 10px 0px 0px;
	padding: 4px 5px 3px;
	float: left;
}
.news-date span {
	display: block;
}
.news-text {
	padding: 15px 0px 0px;
}
/* About us */
#company-full span {
	background: url(/images/title-company-full.png) no-repeat;
	width: 285px;
}
#why-us span {
	background: url(/images/title-why-us.png) no-repeat;
	width: 204px;
}
/* Contact */
#contact span {
	background: url(/images/title-contact.png) no-repeat;
}
#domicile span {
	background: url(/images/title-domicile.png) no-repeat;
}
#contact-left {
	margin: 0px 40px 0px 0px;
	float: left;
	width: 235px;
}
#contact-right {
	float: left;
	width: 310px;
}
#contact-left p, #contact-right p {
	text-align: left;
}
#contacts span {
	background: url(/images/title-contacts.png) no-repeat;
}
#contact-form span {
	background: url(/images/title-contact-form.png) no-repeat;
}
.form {
	margin: 5px 0px 0px;
	padding: 0px;
}
.form li {
	line-height: normal;
	display: block;
	clear: both;
	padding: 10px 0px 0px;
	list-style: url(none);
}
.form label {
	width: 170px;
	display: block;
	float: left;
}
.form input {
	float: left;
}
.form .antispam-code {
	padding: 0px 0px 0px 170px;
}
/* Not found */
#not-found span {
	background: url(/images/title-not-found.png) no-repeat;
	width: 283px;
}
/* Services */
#services span {
	background: url(/images/title-services.png) no-repeat;
}
/* Web presentations */
#web-full span {
	background: url(/images/title-web-full.png) no-repeat;
	width: 335px;
}
/* References */
#clients-full span {
	background: url(/images/title-clients-full.png) no-repeat;
}
#matuschka span {
	background: url(/images/title-matuschka.png) no-repeat;
	width: 339px;
}
#profily span {
	background: url(/images/title-profily.png) no-repeat;
}
#gedos span {
	background: url(/images/title-gedos.png) no-repeat;
	width: 493px;
}
#about span {
	background: url(/images/title-about.png) no-repeat;
}
#client span {
	background: url(/images/title-client.png) no-repeat;
}
.ref-photo {
	background: url(/images/bg-ref-photo.png) no-repeat left bottom;
	margin: 17px 24px 0px 0px;
	float: left;
	height: 121px;
	width: 196px;
}
.ref-comment {
	float: left;
	width: 670px;
}
/* Ad */
#vector-full span {
	background: url(/images/title-vector-full.png) no-repeat;
	width: 381px;
}
/* Site map */
#map span {
	background: url(/images/title-map.png) no-repeat;
}
/* Web presentations */
#offer span {
	background: url(/images/title-offer.png) no-repeat;
}
#process span {
	background: url(/images/title-process.png) no-repeat;
}
/* Prices */
#prices span {
	background: url(/images/title-prices.png) no-repeat;
}
#web-small span {
	background: url(/images/title-web-small.png) no-repeat;
}
#others span {
	background: url(/images/title-others.png) no-repeat;
}
.price-list th {
	font-weight: bold;
	background: url(/images/bg-date.png) repeat-x left bottom;
	font-size: 1.1em;
	padding: 5px 3px;
}
.price-list td {
	border-bottom: 1px solid #e7e7ef;
}
.price-list tbody td span {
	color: #838D94;
}
.price-list tbody tr td {
	background: #fff;
}
.price-list tbody tr:Hover td {
	background: #f3f5fc;
}