html, body {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
font: 13px/18px Arial, Tahoma, Verdana, sans-serif;
height: 100%;
background: #ebebeb;
color: #333;
}
a {
color: #16550d;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 18px
}
img {
border: none;
}
.jCarousel img{
display: inline-block;
vertical-align: middle;
}
input {
vertical-align: middle;
}
#wrapper {
width: 100%;
min-width: 1040px;
min-height: 100%;
height: auto !important;
height: 100%;
}
.wrap {
width: 1000px;
margin: 0 auto;
position: relative;
}
a.more {
font-style: italic;
background: url(../img/arrow.gif) no-repeat right 50%;
padding-right: 15px;
}
.inner .wrap {
width: 1000px;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
height: 130px;
background: url(../img/header-bg.png) repeat-x;
}
#header .wrap {
background: url(../img/header-pic.png) no-repeat 339px;
height: 100%;
width: 1000px;
position: relative;
left: 15px;
}
.inner #header .wrap {
width: 1000px;
}
#header .logo {
background: url(../img/logo.png) no-repeat;
width: 161px;
height: 69px;
position: absolute;
left: 10px;
top: 38px;
}
#header .logo a {
display: block;
width: 100%;
height: 100%;
}
#header .slogan {
background: url(../img/header-slogan.png) no-repeat;
width: 190px;
height: 46px;
position: absolute;
left: 205px;
top: 38px;
}
#header .support a{
color: #333;
border-bottom: 1px dotted;
text-decoration: none;
}
#header .support a.pic{
border-bottom: none;
text-decoration: none;
padding-right: 5px;
top: 2px;
position: relative;
}
#header .support a.pic:hover{
border-bottom: none;
}
#header .support a:hover{
color: #16aa00;
border-bottom: 1px dotted #16aa00;
}
#header .support{
/*background: url(../img/app_pic.png) no-repeat left center;*/
position: absolute;
right: 0px;
padding-left: 20px;
top: 27px;
}
#header .phone {
width: 273px;
position: absolute;
right: 0;
top: 52px;
font-style: italic;
text-align: right;
}
#header .phone .number{
font: bold 30px PF BeauSans Pro;
}
#header .phone .number span{
color: #16aa00;
font-size: 24px;
}
#header .phone img {
display: block;
margin-top: 4px;
padding-bottom: 4px;
}
#banner_top .wrap{
text-align: center;
}
#top_nav {
background: url(../img/top_nav-bg.gif) repeat-x;
height: 38px;
margin-bottom: 15px;
}
.inner #top_nav {
margin-bottom: 0;
}
#top_nav ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
#top_nav li {
display: inline-block;
text-transform: uppercase;
margin-right: 5px;
}
#top_nav li.last {
margin-right: 0;
}
#top_nav li div {
}
#top_nav li a {
color: #000;
text-decoration: none;
background: url(../img/top_nav-arrow.png) no-repeat 7px center;
padding: 7px 10px 0 20px;
height: 25px;
display: block;
}
#top_nav li a:hover {
text-decoration: underline;
}
#top_nav li.active {
background: #2b2b2b url(../img/top_nav-a-right.gif) no-repeat right top;
}
#top_nav li.active div {
background: url(../img/top_nav-a-left.gif) no-repeat left top;
}
#top_nav li.active a {
color: #FFF;
}
menu_arr.jpg
#banner_top {
text-align: center;
margin-bottom: 15px;
}
#mp_nav {
margin-bottom: 25px;
}
#mp_nav .wrap {
background: #FFF;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
behavior: url(/css/PIE.htc);
padding: 25px 0;
left: 15px;
width: 1000px;
}
#mp_nav .block {
}
#mp_nav .block .title {
width: 999px;
height: 66px;
position: relative;
left: -30px;
cursor: pointer;
margin-bottom: -7px;
background-position: 0;
}
#mp_nav .block.active .title {
background-position: 0 -67px;
}
#mp_nav .block .text {
display: none;
padding: 25px;
}
#mp_nav .block1 .title {
background: url(../img/mp-h-razr.png) no-repeat;
z-index: 5;
display: block;
text-indent: -999px;
overflow: hidden;
}
#mp_nav .block1 .text {
/*display: block;*/
}
#mp_nav .block2 .title {
background: url(../img/mp-h-serv.png) no-repeat;
z-index: 4;
display: block;
text-indent: -999px;
overflow: hidden;
}
#mp_nav .block3 .title {
background: url(../img/mp-h-vned.png) no-repeat;
z-index: 3;
display: block;
text-indent: -999px;
overflow: hidden;
}
#mp_nav .block4 .title {
background: url(../img/mp-h-set.png) no-repeat;
z-index: 2;
display: block;
text-indent: -999px;
overflow: hidden;
}
#mp_nav .block5 .title {
background: url(../img/mp-h-obor.png) 0 -1px no-repeat;
z-index: 1;
display: block;
text-indent: -999px;
overflow: hidden;
}
#mp_nav .shadow {
background: url(../img/shadow.png);
width: 972px;
height: 15px;
position: absolute;
bottom: -15px;
left: 15px;
}
#mp_nav .block4 .pic img{
width: 303px;
}
#mp_nav .block .pic {
float: left;
margin-right: 20px;
}
#mp_nav .block1 .info {
float: left;
width: 350px;
}
#mp_nav .block2 .info {
float: left;
width: 350px;
}
#mp_nav .block3 .info {
float: left;
width: 350px;
}
#mp_nav .block4 .info {
float: left;
width: 350px;
}
#mp_nav .block5 .info {
float: left;
width: 350px;
}
#mp_nav .subnav {
float: left;
width: 250px;
margin-left: 20px;
}
#mp_nav .subnav ul {
list-style: none;
margin: 0;
padding: 0;
}
#mp_nav .subnav li {
margin-bottom: 6px;
/*height: 25px; */
position: relative;
font-style: italic;
font-size: 14px;
}
#mp_nav .subnav li a {
display: inline-block;
position: relative;
/*height: 21px;*/
vertical-align: middle;
padding: 4px 12px 4px 22px;
}
#mp_nav .subnav li a:hover {
background: #16550d;
border-radius:5px;
text-decoration: none;
color: #FFF;
/*background: url(../img/subnav-right.png) no-repeat right top;*/
}
#mp_nav .subnav li a:hover .left{
background-position: 0 -9px;
}
#mp_nav .subnav li .left {
display: block;
background: url(../img/menu_arr.png) no-repeat;
width: 9px;
height: 9px;
position: absolute;
left: 5px;
top: 8px;
}
#mp_nav .subnav li.active .left {
/*background: url(../img/subnav-left-a.png) no-repeat right top;*/
}
#mp_nav .subnav li a {
}
#mp_nav .subnav li.active a {
}
/**/
#mp_nav .block2 .subnav li.active .bg {
/*background: url(../img/subnav-right-blue.png) no-repeat right top;*/
}
#mp_nav .block2 .subnav li.active .left {
/*background: url(../img/subnav-left-a-blue.png) no-repeat right top;*/
}
#mp_nav .block2 .subnav li a {
color:#065A6D;
}
#mp_nav .block2 .subnav li.active a {
}
#mp_nav .block2 .subnav a:hover{
background: #005262;
text-decoration: none;
color: #FFF;
}
#mp_nav .block2 .subnav li .left {
background-position: -9px 0px;
/*background: url(../img/subnav-left-blue.png) no-repeat;*/
}
#mp_nav .block2 .subnav li a:hover .left{
background-position: -9px -9px;
}
#mp_nav .block3 .subnav li.active .bg {
/*background: url(../img/subnav-right-yellow.png) no-repeat right top;*/
}
#mp_nav .block3 .subnav li .left {
background-position: -18px 0px;
/*background: url(../img/subnav-left-yellow.png) no-repeat;*/
}
#mp_nav .block3 .subnav li.active .left {
/*background: url(../img/subnav-left-a-yellow.png) no-repeat right top;*/
}
#mp_nav .block3 .subnav li a {
color:#B99600;
}
#mp_nav .block3 .subnav li.active a {
}
#mp_nav .block3 .subnav a:hover{
background: #c69c01;
text-decoration: none;
color: #FFF;
}
#mp_nav .block3 .subnav li a:hover .left{
background-position: -18px -9px;
}
#mp_nav .block4 .subnav li.active .bg {
/*background: url(../img/subnav-right-orange.png) no-repeat right top; */
}
#mp_nav .block4 .subnav li .left {
/*background: url(../img/subnav-left-orange.png) no-repeat; */
}
#mp_nav .block4 .subnav li.active .left {
/*background: url(../img/subnav-left-a-orange.png) no-repeat right top;*/
}
#mp_nav .block4 .subnav li a {
color:#CD6703;
}
#mp_nav .block4 .subnav li.active a {
}
#mp_nav .block4 .subnav a:hover{
background: #e6951a;
text-decoration: none;
color: #FFF;
}
#mp_nav .block4 .subnav li .left {
background-position: -27px 0px;
/*background: url(../img/subnav-left-blue.png) no-repeat;*/
}
#mp_nav .block4 .subnav li a:hover .left{
background-position: -27px -9px;
}
#mp_nav .block5 .subnav li.active .bg {
/*background: url(../img/subnav-right-purple.png) no-repeat right top;*/
}
#mp_nav .block5 .subnav li .left {
/*background: url(../img/subnav-left-purple.png) no-repeat;*/
}
#mp_nav .block5 .subnav li.active .left {
/*background: url(../img/subnav-left-a-purple.png) no-repeat right top;*/
}
#mp_nav .block5 .subnav li a {
color:#5E2E72;
}
#mp_nav .block5 .subnav li.active a {
}
#mp_nav .block5 .subnav a:hover{
background: #672b78;
text-decoration: none;
color: #FFF;
}
#mp_nav .block5 .subnav li .left {
background-position: -36px 0px;
/*background: url(../img/subnav-left-blue.png) no-repeat;*/
}
#mp_nav .block5 .subnav li a:hover .left{
background-position: -36px -9px;
}
/* Middle
-----------------------------------------------------------------------------*/
#middle {
width: 100%;
padding: 0 0 200px;
height: 1%;
position: relative;
left: 15px;
overflow: hidden;
background: url(../img/bg2.png) no-repeat 450px bottom;
}
.inner #middle {
background: none;
padding: 0;
overflow: visible;
margin-bottom: 20px;
}
#end_space {
padding-bottom: 180px;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 100%;
float: left;
overflow: hidden;
}
#content {
padding: 0 20px 0 300px;
}
.inner #content {
padding: 0;
}
h1, .h1 {
font-size: 22px;
text-transform: uppercase;
margin: 0 0 15px;
font-weight: bold;
line-height: 1.4em;
}
h2 {
font-size: 16px;
text-transform: uppercase;
margin: 0 0 15px;
font-weight: bold;
line-height: 1.4em;
}
h3 {
font-size: 13px;
text-transform: uppercase;
margin: 0 0 15px;
font-weight: bold;
line-height: 1.4em;
}
.tabblock {
margin-bottom: 20px;
font-size: 13px;
}
.tabblock p {
margin: 0 0 9px;
}
.tabblock .tabs {
margin-bottom: 10px;
}
.tabblock .infoblock .info {
display: none;
}
.tabblock .infoblock .info.active {
display: block;
}
.tabblock .tabs ul {
list-style: none;
margin: 0;
padding: 0;
}
.tabblock .tabs li{
float: left;
margin-right: 10px;
}
.tabblock .tabs li a{
height: 22px;
position: relative;
padding: 3px 10px 0 10px;
display: block;
}
.tabblock .tabs li a span{
color: #16550d;
border-bottom: 1px dotted #16550d;
cursor: pointer;
}
.tabblock .tabs li a {
text-decoration: none;
}
.tabblock .tabs li.ui-tabs-active a{
background: #2b2b2b;
}
.tabblock .tabs li.ui-tabs-active span {
color: #FFF;
border-bottom: 0;
}
.tabblock .tabs li.active .left {
}
#partners {
height: 80px;
background: #FFF;
position: relative;
margin-bottom: 30px;
}
.inner #partners {
margin: 0 28px 30px 28px;
width: 987px;
}
#partners .next {
position: absolute;
background: url(../img/slider-right.png);
right: -21px;
top: 0;
width: 21px;
height: 80px;
cursor: pointer;
z-index: 100;
}
#partners .prev {
position: absolute;
background: url(../img/slider-left.png);
left: -21px;
top: 0;
width: 21px;
height: 80px;
cursor: pointer;
z-index: 100;
}
#partners ul {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
height: 80px;
display: block;
}
#partners li {
/*width: 240px;*/
height: 80px;
/*text-align: center;*/
line-height: 80px;
float: left;
display: block;
padding: 0 10px ;
}
#partners .jCarousel {
width: 100%;
height: 80px;
}
#partners .caroufredsel_wrapper{
margin: 0 auto;
}
.inner #partners .jCarousel {
width: 1000px !important;
}
/*
.inner #partners .shadow-left {
position: absolute;
background: url(../img/partners-shadow-left.png);
width: 53px;
height: 80px;
left: 0px;
top: 0;
z-index: 100;
}
.inner #partners .shadow-right {
position: absolute;
background: url(../img/partners-shadow-right.png);
width: 53px;
height: 80px;
right: 0px;
top: 0;
z-index: 100;
} */
#partners .shadow {
background: url(../img/partners-shadow.png) no-repeat;
width: 560px;
height: 12px;
position: absolute;
bottom: -12px;
left: 85px;
}
.dopinfo .about {
float: left;
width: 380px;
}
.dopinfo .news {
float: right;
width: 280px;
}
.dopinfo .news .news1 .pic {
float: left;
margin: 0 5px 5px 0;
}
.dopinfo .news .news1 .pic img {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
behavior: url(/css/PIE.htc);
}
.dopinfo .news .news1 .head {
overflow: hidden;
}
.dopinfo .news .news1 .head .title {
font-size: 14px;
}
.dopinfo .news .news1 .head .date {
color: #868585;
font-size: 9px;
font-style: italic;
}
.portfolio_choice {
margin-bottom: 30px;
}
.portfolio_choice ul {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.portfolio_choice ul.mainchoice {
margin-bottom: 5px;
}
.portfolio_choice li {
line-height: 26px;
padding: 0 10px;
/*border: 1px solid #c9d8c7;*/
border-radius: 5px;
float: left;
margin-right: 10px;
font-style: italic;
}
.portfolio_choice li.active {
border: none;
background: #16550d;
}
.portfolio_choice li.active a {
color: #FFF;
text-decoration: none;
}
.portfolio_choice ul.subchoice {
border-top: 1px dotted #9b9b9b;
padding-top: 5px;
}
.portfolio_list {
width: 103%;
margin-left: -2%;
}
.portfolio_list ul {
list-style: none;
display: block;
margin: 0;
padding: 0;
overflow: hidden;
}
.portfolio_list li {
display: block;
float: left;
margin-right: 14px;
vertical-align: top;
width: 303px;
margin-bottom: 20px
}
/*
.portfolio_list li .pic{
width: 280px;
overflow: hidden;
border-bottom: 1px solid #C2C2C2;
height: 150px;
position: relative;
}
.portfolio_list li .pic a{
display: block;
position: absolute;
top: 0;
left:6px;
} */
.portfolio_list .header{
text-align: center;
padding: 0 10px;
}
.portfolio_view {
}
.portfolio_view .info {
margin-bottom: 15px;
overflow: hidden;
}
.portfolio_view .main_info{
float: left;
width: 380px;
}
.portfolio_view .info_head{
overflow: hidden;
}
.portfolio_view .info_head .header{
font-size: 20px;
margin-bottom: 20px;
line-height: 23px;
float:left;
width: 350px;
}
.portfolio_view .info_head .type {
background: url(../img/portfolio-type-right.gif) no-repeat right top;
margin-bottom: 10px;
display: inline-block;
text-transform: uppercase;
color: #FFF;
margin-left: -5px;
float: right;
max-width: 400px;
}
.portfolio_view .info_head .type .type-wrap{
background: url(../img/portfolio-type-left.gif) no-repeat left top;
height: 18px;
padding: 3px 10px 0;
}
.portfolio_view .main_info .goal {
border: 1px dotted #9d97a0;
padding: 10px;
border-radius: 5px;
font-style: italic;
}
.portfolio_view .dop_info {
float: right;
width: 230px;
font-size: 14px;
}
.portfolio_view .dop_info .site{
margin-bottom: 9px;
}
.portfolio_view .dop_info .cms {
margin-bottom: 3px;
}
.portfolio_view .dop_info .cms, .portfolio_view .dop_info .dt {
font-weight: bold;
font-style: italic;
}
.portfolio_view .dop_info .cms span, .portfolio_view .dop_info .dt span {
font-weight: normal;
font-style: normal;
}
.portfolio_view .description {
margin-bottom: 20px;
}
.portfolio_view .pic p {
text-align: center;
}
.portfolio_view .nav {
text-align: center;
}
.portfolio_view .nav .wrapper{
display: inline-block;
background-color: #f2f2f2;
border-radius: 5px;
border: 1px solid #cbcbcb;
}
.portfolio_view .nav span {
/*margin-right: 10px;*/
}
.portfolio_view .nav .site,
.portfolio_view .nav .back{
background: url(../img/button_bg.png) center repeat-x;
display: block;
float: left;
}
.portfolio_view .nav .site a,
.portfolio_view .nav .back a {
padding: 4px 28px 4px;
display: block;
}
.portfolio_view .nav .site:hover,
.portfolio_view .nav .back:hover{
background: none;
}
.portfolio_view .nav .site{
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-left: 1px solid #cbcbcb;
}
.portfolio_view .nav .back{
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.portfolio_view .nav .back a {
background: url(../img/arrow-left.gif) no-repeat 13px 9px;
padding-right: 10px;
}
.portfolio_view .nav .site a {
background: url(../img/arrow-right.gif) no-repeat 96% 9px;
padding-left: 10px;
text-decoration: none;
color: inherit;
}
.portfolio_view .nav .site a .name{
text-decoration: underline;
color: #16550D;
}
.inner #content {
}
.inner #text {
min-height: 572px;
padding: 32px 20px 20px 350px;
background: #FFF;
border-radius: 0 0 15px 15px;
-moz-border-radius: 0 0 15px 15px;
-webkit-border-radius: 0 0 15px 15px;
-khtml-border-radius: 0 0 15px 15px;
behavior: url(/css/PIE.htc);
position: relative;
margin-bottom: 30px;
}
.inner #text .shadow {
position: absolute;
background: url(../img/shadow.png);
width: 972px;
height: 15px;
left: 10px;
bottom: -15px;
}
.date {
color: #868585;
font-size: 11px;
font-style: italic;
}
#news {
float: right;
width: 280px;
}
#news .news1{
/*width: 310px;*/
float: left;
/*margin-top: 10px;*/
padding-top: 10px;
border-top: 1px dotted #939393;
padding-bottom: 10px;
}
#news .news1 a.more{
font-size: 12px;
}
#news .news1:first-child{
margin-top: 0;
padding-top: 0;
border-top: none;
}
#news .news1 .pic {
float: left;
margin: 0 5px 5px 0;
}
#news .news1 .pic img {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
behavior: url(/css/PIE.htc);
}
#news .news1 .head {
overflow: hidden;
width: 280px;
}
#news .news1 .head .title {
font-size: 14px;
}
#news .news1 .head .date {
color: #868585;
font-size: 11px;
font-style: italic;
}
#news .more {
font-size: 14px;
float: right;
}
#ipartner {
position: relative;
left: -21px;
}
#ipartner .h1 {
margin: 0 0 15px 15px;
}
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
float: left;
width: 250px;
margin-left: -100%;
position: relative;
}
.inner #sideLeft {
width: 330px;
}
#banner_slider {
background: url(../img/banner_slider-bg.png) repeat-y;
width: 258px;
margin-bottom: -2000px;
padding-bottom: 2000px;
position: relative;
}
#banner_slider .top {
background: url(../img/banner_slider-top.png);
height: 446px;
width: 258px;
position: relative;
}
#banner_slider .top ul {
list-style: none;
margin: 0;
padding: 0;
}
#banner_slider .pics {
position: absolute;
left: 10px;
top: 10px;
width: 238px;
height: 398px;
overflow: hidden;
}
#banner_slider .pics ul{
width: 238px;
height: 398px;
}
#banner_slider .pics li {
width: 238px;
height: 398px;
float:left;
display: block;
}
#banner_slider .pics li.first {
z-index: 1;
}
#banner_slider .pics img {
display: block;
}
#banner_slider .dots {
position: absolute;
right: 15px;
top: 385px;
z-index: 50;
}
#banner_slider .dots a {
display: block;
background: url(../img/sdot.png);
width: 15px;
height: 15px;
float: left;
cursor: pointer;
margin-right: 5px;
text-indent: -9990px;
overflow: hidden;
}
#banner_slider .dots a.selected {
background: url(../img/sdot-a.png);
}
#banner_slider .ipic {
background: url(../img/banner_slider-pic.png);
width: 76px;
height: 76px;
position: absolute;
left: 180px;
top: 480px;
}
#left_nav {
position: relative;
left: -44px;
padding-top: 32px;
}
#left_nav ul {
list-style: none;
margin: 0 0 0 45px;
padding: 10px 0 10px 19px;
width: 244px;
background: #FFF;
border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
-khtml-border-radius: 0 0 10px 10px;
behavior: url(/css/PIE.htc);
}
#left_nav .block {
margin-bottom: 4px;
}
#left_nav .block .title {
background: url(../img/sn-razr.png);
width: 341px;
height: 56px;
cursor: pointer;
}
#left_nav .block .title a {
display: block;
width: 100%;
height: 100%;
}
#left_nav .block-razr .title {
background: url(../img/sn-razr.png) no-repeat;
}
#left_nav .block-serv .title {
background: url(../img/sn-serv.png) no-repeat;
}
#left_nav .block-vned .title {
background: url(../img/sn-vned.png) no-repeat;
}
#left_nav .block-set .title {
background: url(../img/sn-set.png) no-repeat;
}
#left_nav .block-obor .title {
background: url(../img/sn-obor.png) no-repeat;
}
#left_nav .block .sn {
display: none;
}
#left_nav .block.active .sn {
display: block;
}
#left_nav .block.active .title {
background-position: 0 -56px;
}
#left_nav li {
position: relative;
font-size: 14px;
font-style: italic;
}
#left_nav li a {
display: inline-block;
position: relative;
vertical-align: middle;
padding: 4px 12px 4px 22px;
}
#left_nav li .bg {
}
#left_nav li.active .bg {
}
#left_nav li .left {
display: block;
background-image: url(../img/menu_arr.png);
z-index: 1;
width: 9px;
height: 9px;
position: absolute;
left: 5px;
top: 8px;
}
#left_nav li.active a {
background: #16550D;
border-radius: 5px;
text-decoration: none;
color: white;
}
#left_nav li.active .left{
background-position: 0 -9px;
}
#left_nav .block-serv li a{
color: #065a6d;
}
#left_nav .block-serv li.active a{
color: white;
background: #005262;
}
#left_nav .block-serv .left{
background-position: -9px 0px;
}
#left_nav .block-serv li.active .left{
background-position: -9px -9px;
}
#left_nav .block-vned li a{
color: #B99600;
}
#left_nav .block-vned li.active a{
color: white;
background: #B99600;
}
#left_nav .block-vned .left{
background-position: -18px 0px;
}
#left_nav .block-vned li.active .left{
background-position: -18px -9px;
}
#left_nav .block-set li a{
color:#CD6703;
}
#left_nav .block-set li.active a{
color: white;
background: #e6951a;
}
#left_nav .block-set .left{
background-position: -27px 0px;
}
#left_nav .block-set li.active .left{
background-position: -27px -9px;
}
#left_nav .block-obor li a{
color:#5E2E72;
}
#left_nav .block-obor li.active a{
color: white;
background: #672b78;
}
#left_nav .block-obor .left{
background-position: -36px 0px;
}
#left_nav .block-obor li.active .left{
background-position: -36px -9px;
}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
margin: -170px auto 0;
min-width: 1040px;
height: 170px;
background: url(../img/footer-bg.png) repeat-x;
position: relative;
}
#footer .wrap{
left: 15px;
}
#footer a {
color: #16550d;
}
#footer .copyright {
color: #434343;
position: absolute;
left: 10px;
top: 70px;
}
#footer .copyright a.about {
background: url(../img/dot.gif) no-repeat right 50%;
padding-right: 10px;
margin-right: 5px;
}
#bottom_nav {
position: absolute;
left: 250px;
top: 28px;
}
#bottom_nav ul {
list-style: none;
margin: 0;
padding: 0;
}
#bottom_nav li {
background: url(../img/arrow.gif) no-repeat left center;
padding-left: 17px;
text-transform: uppercase;
margin-bottom: 6px;
font-family: PF BeauSans Pro Light;
}
#bottom_nav li a {
text-decoration: none;
border-bottom: 1px solid #91af8d;
font-family: PF BeauSans Pro Light;
}
#footer .phone {
position: absolute;
left: 700px;
top: 30px;
font-style: italic;
}
#footer .phone .number{
font: bold 30px PF BeauSans Pro;
font-style: italic;
}
#footer .phone .number span{
color: #16aa00;
font-size: 24px;
}
#footer .phone img {
display: block;
margin-top: 7px;
}
#footer .address {
position: absolute;
left: 700px;
top: 90px;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
.fl {
float: left;
margin: 0 15px 15px 0;
}
.fr {
float: right;
margin: 0 0 15px 15px;
}
.n_item .img{
margin-right: 10px;
margin-bottom: 10px;
float: left;
overflow: hidden;
}
.n_item img{
display: block;
}
.n_item{
padding-top: 10px;
border-top: 1px dotted #939393;
margin: 0 0 10px;
}
.n_item:first-child{
padding-top: 0px;
border-top: none;
}
.n_item h2{
color: #16550d;
font-weight: normal;
font-size: 14px;
/*margin-left: 67px; */
margin-top: 0;
margin-bottom: 7px;
font-weight: bold;
}
.n_item .date{
/*margin-left: 67px; */
margin-bottom: 4px;
position: relative;
top: 4px;
}
.n_item .announce{
/*margin-left: 67px; */
}
.portfolio_slider {
position: relative;
width: 303px;
}
.portfolio_slider .cont{
width: 303px;
height: 210px;
overflow: hidden;
}
.portfolio_slider .item{
float: left;
}
.portfolio_slider .item *{
display: block;
}
.portfolio_slider .item a{
border: 1px solid #F0EBEB;
border-bottom: none;
border-radius: 15px;
}
.portfolio_slider .tools{
}
.portfolio_slider .tools .left_arr{
position: absolute;
left: -14px;
top: 82px;
width: 43px;
height: 43px;
background: url(/img/green_arr_left.png);
cursor: pointer;
}
.portfolio_slider .tools .right_arr{
position: absolute;
top: 82px;
right: -14px;
width: 43px;
height: 43px;
background: url(/img/green_arr_right.png);
cursor: pointer;
}
.portfolio_slider .shadow_t{
height: 15px;
background: url(/img/big_shadow.png) top center no-repeat;
}
#status_lincs .line{
overflow: hidden;
padding-top: 20px;
border-top: 1px dotted #939393;
padding-bottom: 20px;
}
#status_lincs .image{
display: block;
float: left;
margin: 0 10px 10px 0;
border: 2px solid #c9c9c9;
border-radius: 2px;
}
#status_lincs .image *{
display: block;
}
#status_lincs .item{
width: 300px;
padding-right: 10px;
float: left;
}
#status_lincs .item:first-child{
padding-right: 0;
}
#status_lincs .item .text{
margin-right: 10px;
}
#news_detail{
overflow: hidden;
}
#news_detail .prev img,
#news_detail .prev{
border-radius: 5px;
display: block;
}
#news_detail .prev{
margin: 0 10px 10px 0;
float: left;
}
img.contact_img{
border-radius:10px;
}
.hosting_login {
float: right;
padding: 10px 10px;
background: #F3F3F3;
margin: 0 0 5px 5px;
}
.hosting_login .h2 {
text-transform: uppercase;
font-size: 15px;
text-align: center;
}
.hosting_login .rucenter,
.hosting_login .peterhost{
background-color: white;
margin: 8px auto;
padding: 10px 8px;
}
.hosting_login .rucenter{
}
.hosting_login .peterhost{
}
.hosting_login .image{
margin-bottom: 10px;
}
.hosting_login .submit_but{
width: 84px;
margin-top: 10px;
display: inline-block;
height: 28px;
}
.hosting_login .peterhost .image {
background: url(../img/peter.png);
width: 144px;
height: 35px;
}
.hosting_login .rucenter .image {
background: url(../img/rucen.png);
width: 144px;
height: 54px;
}
.hosting_login .rucenter .linc{
display: block;
}
.page_404 #wrapper{
background: silver url(../img/404_new.jpg) center no-repeat ;
}
.page_404 #wrapper{
height: 100% !important;
}
.page_404 .text_wrapper{
width: 300px;
margin: auto;
height: 100%;
display: table;
}
.page_404 .text_wrapper .inner{
display: table-cell;
vertical-align: middle;
text-align: center;
}
.page_404 .text_wrapper .heater{
padding-top: 244px;
}
.page_404 .text_wrapper h2 {
font-size: 25px;
font-weight: normal;
margin-bottom: 11px;
}
.page_404 .text_wrapper .back_to_main{
font-size: 16px;
}
.jquery-corner{
z-index: 1;
}
input[type="text"],
input[type="password"]{
border: 1px solid #CCC;
box-shadow: inset 1px 1px 3px #D6CECE;
line-height: 20px;
height: 20px;
}
label{
line-height: 20px;
}
.hosting_login .field input {
padding: 2px 0px 2px 6px;
width: 217px;
margin: 2px 0;
}
.field.show_in_line{
position: relative;
}
.field.show_in_line label{
position: absolute;
margin-left: 10px;
padding-top: 6px;
cursor: text;
}
.field.show_in_line.focus label,
.field.show_in_line.setValue label{
display: none;
}
.extended_sections{
}
.extended_sections ul,
.extended_sections li{
list-style: none;
list-style-type: none;
}
.extended_sections ul{
padding-left: 0;
}
.extended_sections a{
display: block;
padding-left: 16px;
background: url(../img/green_href.png) 0px 4px no-repeat;
font-size: 17px;
margin-bottom: 5px;
}
.extended_sections li{
padding-top: 10px;
border-top: 1px dotted #939393;
margin: 0 0 10px;
padding-left: 10px;
}
.extended_sections li:first-child{
padding-top: 0px;
border-top: 0 ;
}
.contact_page .line{
margin: 5px auto;
}
.rev_list{
}
.rev_list h2{
display: inline-block;
margin: 15px 0 6px;
}
.rev_list h2.empty,
.rev_list h2 a{
padding: 3px 15px;
background: #16550D;
color: white;
text-decoration: none;
font-size: 14px;
font-weight: normal;
line-height: 19px;
}
.rev_list h2 a:hover{
text-decoration: underline;
}
/*.rev_list h2.empty{
background: #E2E2E2;
color: black;
} */
.rev_list h2 a{
display: block;
}
.rev_list .item{
/*padding-top: 20px;*/
border-top: 1px dotted #939393;
margin: 0 0 10px;
overflow: hidden;
}
.rev_list .n_item:first-child {
padding-top: 0px;
border-top: none;
}
.otzyv_page .podp,
.rev_list .podp{
padding-left: 20px;
font-style: italic;
color: #7a7a7a;
}
.otzyv_page .href,
.rev_list .href{
margin: 0 0 5px 20px;
}
p.prev_text{
font-style: italic;
}
.page_predl .info div{
margin: 20px 0 ;
padding-left: 20px;
color: #6c9326;
background: url(../img/grey_a.png) center left no-repeat;
}
.page_predl .item{
padding: 10px 0;
border-top: 1px dotted #939393;
margin: 0 0 10px;
}
.page_predl .item p{
margin-bottom: 10px;
}
.page_predl .item .more{
display: block;
text-align: right;
}
.page_predl .item:first-chaild{
padding-top: 0px;
border-top: none;
}
.page_predl .item h2{
padding: 3px 15px;
background: #16550D;
color: white;
text-decoration: none;
font-size: 14px;
font-weight: normal;
line-height: 19px;
display: block;
float: left;
}
.page_predl .item .info{
clear: left;
}
.page_predl {counter-reset: number 0;}
.page_predl .item h2{
border-radius: 5px;
}
.page_predl .item h2:before{
counter-increment: number 1;
content: counter(number)". ";
}
.podr_linc_on_main{
display: block;
float: left;
padding-right: 11px;
background: url(../img/dark_green_arr.jpg) right center no-repeat;
}
.podr_linc_on_main a{
font-style: italic;
}
ul.page_nav{
overflow: hidden;
text-align: center;
}
ul.page_nav,
ul.page_nav li{
list-style: none;
list-style-type: none;
margin: 0;
padding: 0 ;
}
ul.page_nav li{
/*float: left;
display: block;*/
display: inline-block;
margin: 2px 5px;
}
ul.page_nav li > *{
display: block;
padding: 0px 10px;
line-height: 24px;
text-decoration: none;
box-shadow: 0px 1px 3px grey;
border-radius: 5px;
background: url(../img/button_bg.jpg) #f4f3f4 repeat-x;
}
ul.page_nav li > a:hover{
box-shadow: 0px 1px 1px #BBB3B3;
background: #F8F8F8;
}
ul.page_nav li > span{
box-shadow: inset 0px 0px 3px black;
background: #A3A3A3;
color: white;
}
.rev_list .podp,
.rev_list .podrobnee{
margin-top: 6px;
}
.rev_list .podrobnee{
display: block;
float: right;
padding-right: 11px;
background: url(../img/dark_green_arr.jpg) right center no-repeat;
}
.rev_list .podp {
float: left;
width: 490px;
}
.jquery-corner div{
background: inherit !important;
}
.otzyv_page .podp{
padding-top: 10px;
}
.predl_inner{
}
#news_detail .back,
.predl_inner .back{
overflow: hidden;
}
#news_detail .b_arr,
.predl_inner .b_arr{
display: inline-block;
background: url(../img/arrow-left.gif) no-repeat 2px 4px;
padding-left: 17px;
float: right;
font-size: 12px;
font-style: italic;
}
.tabblock .more{
font-size: 12px;
}
#news .title{
color: #16550d;
}
.green{
font-style: italic;
color: #257C18;
font-weight: bold;
font-size: 13px;
}
.inside_podd table{
width: 100%;
border: 1px solid #CFCFCF;
border-collapse: collapse;
margin: 15px 0;
}
.inside_podd th,
.inside_podd td{
line-height: 21px;
border: 1px solid #CFCFCF;
}
.inside_podd th{
background: #ebebeb;
border: none;
}
.inside_podd td{
padding: 0 13px;
}
.nc_subdivision_list ul,
.nc_text ul{
padding-left: 0px;
}
.nc_subdivision_list li,
.nc_text li{
background: url(../img/list_arrow.png) 15px 9px no-repeat;
padding: 3px 0;
padding-left: 30px;
list-style-type: none;
list-style: none;
}
.nc_subdivision_list.extended_sections li{
background: none;
padding: 0 ;
padding-top: 10px;
}
.page_objects .images{
overflow: hidden;
}
.page_objects .image,
.page_objects .image img{
display: block;
}
.page_objects .image{
float: left;
margin: 1px;
}