@charset "utf-8";
/* CSS Document */
/*---common styles---*/
body {background-color:#fff; font:14px Tahoma, Arial, Helvetica, sans-serif; color:#000; position:relative;}
p {line-height:1.3; margin:18px 0 18px 0;}
a {color:#000;}
a:hover {text-decoration:none;}
h1, h2, h3, h4, h5, h6 {font:normal 2.86em Arial, Helvetica, sans-serif;}
h1 {color:#7f7f7f;}
h2 {font-size:2.57em; margin:22px 0 20px 0;}
h3 {font-size:2.14em;}
h4 {font-size:1.71em; margin:25px 0 18px 0;}
h5 {font-size:1.28em; margin:35px 0 10px 0;}
h5.first {margin-top:0;}
h6 {font-size:1.14em;}
ul {}
ul li {background:url(../img/dash-long.png) no-repeat 0 9px; padding:0 0 0 19px;}
ol {list-style-type:decimal; margin:0 0 0 23px;}
ol li {margin:18px 0 18px 0;}
blockquote {background:url(../img/quote-open.png) no-repeat 0 5px; padding-left:48px;}
blockquote p:first-child {background:url(../img/quote-close.png) no-repeat 100% 0; padding-right:37px;}
.underline {text-decoration:underline;}
h1 .underline {color:#000;}
.number {color:#000;}
.clear {clear:both;}
/*---end of common styles---*/

#wrapper {
	min-width:1024px;
	max-width:1200px;
	margin:0 auto 0 auto;
	background:url(../img/fon.jpg) no-repeat;
	position:relative;
	padding: 41px 0 0;
}
#wrapper.index {background:url(../img/fon-index.jpg) no-repeat 0 600px;}
#wrapper .column {width:200px; float:left; position:relative; z-index:2}
#blog .column{margin-left:-200px}
#logo {display:block; width:103px; height:83px; background:url(../img/logo.gif) no-repeat 0 0; margin:38px 0 0 34px;}
#fon2 {width:128px; height:237px; background:url(../img/fon2.jpg) no-repeat; position:absolute; top:111px; left:-128px;}
/*---menu---*/
#menu {font-size:1.57em; margin:40px 6px 0 36px;}
#menu li {margin:0 0 13px 0; background:none; padding-left:0;}
#menu a {color:#000;}
#menu a:hover, #menu li.this a {color:#575757; text-decoration:none;}
#menu ul {font-size:0.63em; margin:4px 0 0 0}
#menu ul ul {font-size:.85em; padding-left:12px}
#menu ul.this {display:block;}
#menu ul li {margin:0 0 10px -7px;}
#menu ul a {text-decoration:underline; color:#575757; padding:0 0 0 14px; display:block;}
#menu li:hover ul a {text-decoration:underline;}
#menu ul a:hover, #menu ul li.this > a {text-decoration:none; color:#000; background:url(../img/pointer.png) no-repeat left 3px;}
/*---end of menu---*/

/*---wrapper .main---*/
#wrapper .main {margin:0 0 0 210px; padding:8px 0 0 0; position:relative; z-index:1; background:url(../img/fon-right-middle.jpg) no-repeat 100% bottom;}
#wrapper.index .main {background:none;}
#wrapper .main:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
#wrapper .main .xpecm {width:802px; height:774px; margin-right:-238px; background:url(../img/xpecm-fon.jpg) no-repeat 0 0; position:absolute; top:0; right:35%; z-index:-1;}
p.contacts {position:absolute; top:14px; left:70%;}
p.contacts span {font-size:1.71em;display:block}
p.contacts span small {font-size:.61em;display:block;margin-top:5px}
.tip {position:absolute; top:160px; left:70%; height:98px; background:url(../img/fon-tip.jpg) no-repeat 100% 0; padding:15px 54px 0 0; font-size:1.14em;}

#photos {width:315px; height:315px; background:url(../img/photo.png) no-repeat 0 0; position:absolute; top:203px; right:35%; z-index:0;}
#photos .switch {position:absolute; top:90px; right:-25px;}
#photos .switch li {margin-bottom:10px; background:none;}
#photos .switch .rad1 {margin-left:9px;}
#photos .switch .rad2 {margin-left:6px;}
#photos .switch a {display:block; width:18px; height:18px; background:url(../img/switch-round.png) no-repeat;}
#photos .switch li.this a {background-position:right top;}
#photos-describe {position:absolute; top:300px; left:70%; right:35px;}
#photos-describe p {margin:8px 0 8px 0; font-size:0.86em;}
#bread {font-size:0.86em; margin:13px 0 13px 0;}

#anonce {border-top:1px solid #000; margin:0 67px 0 0; padding:0 50px 1px 0; font-size:1.14em;}

#adv {padding:1px 0 0 0; margin-right:auto; width:30%; height:270px; position:relative;}
#adv h4 {margin-top:30px;}

#arrows {margin:20px 250px 0 0; color:#fff;}
#arrows p {margin:4px 0 4px 0; padding:0 0 0 5px; height:21px; line-height:21px; background:url(../img/arrow-grey-fon.png) repeat-x 0 0; position:relative;}
#arrows p.record {background-image:url(../img/arrow-green-fon.png);}
#arrows .arrow-back, #arrows .arrow-nose {display:block; width:4px; height:21px; background:url(../img/arrow-grey-left.png) no-repeat; position:absolute; top:0; left:-4px;}
#arrows .arrow-nose {width:9px; background:url(../img/arrow-grey-right.png); right:-9px; left:auto;}
#arrows .record .arrow-back {background-image:url(../img/arrow-green-left.png);}
#arrows .record .arrow-nose {background-image:url(../img/arrow-green-right.png);}
#arrows .raiting {position:absolute; top:0px; right:5px;}
/*#arrows .yesterday {width:80%;}*/
/*#arrows .today {width:60%;}*/

#wrapper .main .content, #blog .content {width:65%; float:left; padding:16px 0 0 0;}
#wrapper .main .content p:first-child, #wrapper .main .content h4:first-child, #wrapper .main .content h2:first-child {margin-top:0;}
.inner .main .content a, .blogpost div a, .blogpost p a {color:#00abe8}
.inner #blog .main .content a, .blogpost div.name a {color:#000}
#slide-show {width:424px; height:363px; position:relative;}
#slide-show .switch {position:absolute; top:0; right:-37px; width:18px;}
#slide-show .switch li {width:18px; margin-bottom:11px;}
#slide-show .switch a {display:block; width:18px; height:18px; background:url(../img/switch-vert.png) no-repeat 0 0;}
#slide-show .switch li.this a {background-position: top right;}
#wrapper .main .content .clients {float:left;}
#wrapper .main .content .clients li {float:left; margin:0 20px 20px 0;}
#wrapper .main .content .clients a {display:block; border:1px solid #e4e6e3;}
/*ul.common*/.content ul, #anonce ul {margin: 18px 0 18px 0;}
/*ul.common*/.content ul li, #anonce ul li {/*background:url(../img/list-item.png) no-repeat 0 3px;*/ margin:10px 0 10px 0; /*padding-left:20px;*/}
/*ul.common*/.content li.other {background:url(../img/list-item2.png) no-repeat 0 3px;}
#wrapper .main .content table {table-layout:auto; font-size:1em; background-color:#fff;}
#wrapper .main .content table .c1 {width:10px;}
#wrapper .main .content th {background:#c1da0e; font-size:1.0em; font-weight:normal;}
#wrapper .main .content tr.other td {background-color:#f1f1f1;}
#wrapper .main .content th, #wrapper .main .content td {padding:10px; border:1px solid #ccc; border-top:0 none;}
#wrapper .main .content td.first {text-align:right;}
#wrapper .main .content .vkbutton td {border:0 none; padding:0;}

#wrapper .main .content p.tags a {color:#939598}
/*.quote {background:url(../img/quote-open.png) no-repeat 0 5px; margin:30px auto 30px auto; width:500px; padding-left:48px;}
.quote p {margin:0 0 0 0; background:url(../img/quote-open.png) no-repeat 100% 0; padding-right:37px; font-size:1.14em;}*/
#wrapper .main .content .date {font-size:0.86em; color:#999;}
#navigat {height:1.72em; margin:35px 0 17px 0;}
#navigat li {float:left; padding:0 18px 0 0;}
#navigat li.first {background:url(../img/navigat-left.png) no-repeat 0 6px;}
#navigat li.last {background:url(../img/navigat-right.png) no-repeat 100% 6px; padding-right:0px;}
#navigat a {font-size:1.43em; text-decoration:none; color:#7f7f7f;}
#navigat a:hover, #navigat li.this a {color:#c1da0e;}
#navigat li.first a, #navigat li.last a {display:block; width:19px; height:1.2em;}

#feedback, #app-form, #call-form {width:380px; margin:18px 0 21px 0; position:relative;}
#feedback label, #app-form label,#call-form label,#fphone label {display:block; color:#414042; margin:14px 0 3px 0;}
#feedback input, #feedback textarea,#app-form input, #app-form textarea, #call-form input, #call-form textarea, #fphone input, #fphone textarea {width:100%; font-size:1.5em; border:1px solid #d1d1d1;}
#feedback textarea, #app-form textarea,#call-form textarea, #fphone textarea {height:140px;}
#feedback button, #app-form button, #call-form button, #fphone button {display:block; border:0 none; padding:0; margin:9px 0 0 0; cursor:pointer; background:url(../img/submit.gif) no-repeat 0 0; width:219px; height:73px;}

#wrapper .main .content .blogpost {position:relative; margin:0 0 35px 0;}
#wrapper .main .content .blogpost h5.first {margin-top:1em}
#wrapper .main .content .blogpost p {margin:6px 0 6px 0;}
#wrapper .main .content .blogpost .tags {font-size:0.86em; color:#939598;}
#wrapper .main .content .blogpost .tags a {color:#939598;}
#wrapper .main .content .blogpost .comments {font-size:0.86em; float:left; margin-top:0;}
#wrapper .main .content .blogpost .zakladka {font-size:0.86em; text-align:right; height:21px; display:block; margin:-3px 52px 0 0;}
#wrapper .main .content .blogpost .zakladka span {vertical-align:3px; display:none;}
#wrapper .main .content .blogpost .zakladka a {margin-left:10px; width:18px; height:18px; display:block; float:right; background:url(../img/z-google.png) no-repeat 0 0;}
#wrapper .main .content .blogpost .zakladka a.z2 {background-image:url(../img/z-comp.png);}
#wrapper .main .content .blogpost .zakladka a.z3 {background-image:url(../img/z-lasso.png);}
#wrapper .main .content .blogpost .zakladka a.z4 {background-image:url(../img/z-bobr.png);}
#wrapper .main .content .blogpost .zakladka a.z5 {background-image:url(../img/z-star.png);}
#wrapper .main .content .blogpost .zakladka a:hover {background-position:0 -18px;}
#wrapper .main .content .blogpost .name {text-align:right; position:absolute; top:-2px; left:-183px; width:150px;}
#wrapper .main .content .blogpost .name p {margin:3px 0 3px 0;}
#wrapper .main .content .blogpost .name .date {font-size:0.85em;}

#sidebar, #blog .sidebar {width:30%; float:right; padding:16px 0 0 0;}
#sidebar p {font-size:0.86em; margin:9px 0 9px 0;}
#sidebar a {color:#8ea500;}
#sidebar h5 a {color:#000;}
#sidebar h5 {margin:25px 0 0 0;}
#sidebar ul {margin:0 30px 0 0;}
#sidebar ul li {margin:0 0 28px 0; background:none; padding-left:0;}
#sidebar ul h5 {margin:0 0 0 0;}
#sidebar.blog-page p {font-size:0.86em;}
#sidebar.blog-page h5 {margin-bottom:18px;}
#sidebar.blog-page h5.first {margin-bottom:0;}
#sidebar.blog-page a {color:#414042;}
#sidebar.blog-page li {margin-bottom:7px;}

#sidebar.blog-page ul.wp-tag-cloud {margin-top:15px;}
#sidebar.blog-page ul.wp-tag-cloud li {display:inline; margin-right:10px;}

#sidebar.blog-page .popular, #sidebar.blog-page .last-comments, #sidebar.blog-page .archives {font-size:0.86em;}
#sidebar.blog-page .popular li {background:url(../img/popular-item.png) no-repeat 0 3px; padding-left:20px;}
#sidebar.blog-page .last-comments li {background:url(../img/lastcomments-item.png) no-repeat 0 5px; padding-left:20px;}
#sidebar.blog-page .blog-authors {float:left; margin-bottom:10px;}
#sidebar.blog-page .blog-authors li {float:left; margin:0 9px 8px 0;}

#tag-cloud {font-size:0.86em;}
ul#tag-cloud li {margin:0 7px 0 0; display:inline;}
#tag-cloud a, #sidebar.blog-page #tag-cloud a {color:#939598;}
#tag-cloud .fs-10 {font-size:0.83em;}
#tag-cloud .fs-13 {font-size:1.08em;}
#tag-cloud .fs-17 {font-size:1.42em;}
#tag-cloud .fs-19 {font-size:1.58em;}
#tag-cloud .fs-20 {font-size:1.67em;}
#tag-cloud .fs-21 {font-size:1.75em;}
#tag-cloud .fs-23 {font-size:1.92em;}

#blog {clear:both;float:left; width:100%; margin:18px 0 0 0;}
#blog li {float:left; width:100%; background:none; padding-left:0;}
#blog h4 {margin-top:0;}
#blog p {color:#666;}
#blog .column p {text-align:right; margin:48px 33px 0 0;}
#blog .column span {}
.call {border-bottom:1px dotted #000; color:#000; text-decoration:none;}
#blog .call:hover {border-bottom:0 none;}
#blog .main {background:none;}
#blog .content {padding:0 0 0 0;}
#blog .sidebar {padding:0 0 0 0;}
#blog .sidebar .app{display:block; background:url(../img/button.gif) no-repeat 0 0; width:219px; height:73px; margin:46px 0 0 0;}
/*---end of wrapper .main---*/

.inplus {margin:35px 0 -21px 200px; position:relative; z-index:100;}

/*---footer---*/
#wrapper .footer {/*height:223px;*/ padding:42px 0 100px 0; width:100%; color:#666; background:url(../img/fon-footer.jpg) no-repeat 46px 90%; position:relative; clear:both;}
#wrapper .footer:after {content:'.'; display:block; clear:both; height:0; visibility:hidden;}
#search {background:url(../img/search.png) no-repeat 0 0; margin:0 0 0 211px; padding:0 0 0 5px;}
#search input {background:transparent; padding:0; border:0 none; width:537px; color:#a7a9ac; font-size:0.85em;}
#search button {width:25px; height:17px; background:transparent; border:0 none; cursor:pointer;}
#icons {margin:40px 36px 0 44px; width:130px; float:left;}
#icons li {float:left; margin:0 6px 5px 0;}
#icons a {}
#wrapper .footer .foot-list {float:left; margin:37px 30px 0 0; width:174px;}
#wrapper .footer .foot-list li {background:url(../img/dash.png) no-repeat 0 9px; padding:0 0 0 9px; line-height:17px; margin:0 0 11px 0;}
#wrapper .footer .foot-list li:first-child {background:none; padding-left:0px;}
#wrapper .footer .foot-list a {color:#666;}
#wrapper .footer .foot-list li:first-child a {color:#000; font-size:1.14em;}
#wrapper .footer .copyright {position:absolute; left:42px; bottom:40px; margin:0;}
/*---end of footer---*/

/*---order form---*/
#order {width:100%; background:url(../img/order-fon.png); position:absolute; top:0; left:0; bottom:0; z-index:100; display:block;}
#fphone {width:350px;padding:20px;right:10px;top:10px;z-index:100;position:absolute;background:url(../img/order-fon.png);border:1px solid #ccc}
#fphone {-moz-box-shadow:#555 0 3px 10px;-webkit-box-shadow:#555 0 3px 10px;box-shadow:#555 0 3px 10px}
#order .inner {background:url(../img/order-fon-xpecm.png) no-repeat; width:100%; height:1000px; padding-top:1px;}
#order .inner > div{margin:20px 0 0 -210px; left:50%;position:relative;width:420px}
#order .reset, #fphone .reset {display:block; border:0 none; padding:0; cursor:pointer; background:url(../img/order-reset.png) no-repeat; width:17px; height:17px; position:absolute; top:0; right:-115px;}
#fphone .reset {right:10px;top:5px}
.error-msg{display:block;font-size:.75em;margin-top:-1px;color:red;text-align:right}

.social { margin: 0 0 20px 0; }
.fb_iframe_widget { width: 100px !important; }
#vk_like { width: 150px !important; float: left; margin: 0px 0px 10px 0px; }
/*---end of order form---*/

img.alignleft {float:left;margin-right:10px}
img.alignright {float:left;margin-left:10px}
.counter {float:right}

/**manager**/

.manager
{
   margin-top: 15px;
}

.manager img
{
float:left;
}
/*---social buttons---*/
div.social { position: relative; }
div.social #fb-root
{
    position: absolute;
    left: 349px;
    top: 0;
}
div.social #vk_like
{
    margin: 0px 8px 10px 0px;
}
/*---end of social buttons---*/