body{
background-color: #ddc;
}

img{
border: none;
}

a{
color: #D13939;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}

b.light {
font-weight: normal;
color: #666666;
}

h1,h2,h3,h4,h5,h6 {
margin-bottom: 1px;
margin-top: 15px;
color: #333333;
font-weight: bolder;
}
h3 {
font-size: 16px;
}
h5 {
font-size: 13px;
}
.page p {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.opaque {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: transparent url('img/bg/opaque.png') repeat;
z-index: 100;
display: none;
}

.circle {
z-index: 101;
position: absolute;
display: none;
}

.circle_0 {
width: 13px;
height: 13px;
background: transparent url('img/misc/circle_0.png') no-repeat;
}

.circle_1 {
width: 17px;
height: 17px;
background: transparent url('img/misc/circle_1.png') no-repeat;
}

.circle_2 {
width: 23px;
height: 23px;
background: transparent url('img/misc/circle_2.png') no-repeat;
}

.circle_3 {
width: 26px;
height: 26px;
background: transparent url('img/misc/circle_3.png') no-repeat;
}
/*commons*/
.common_active {
display: none;
z-index: 110;
position: absolute;
top: 50%;
left: 50%;
}
.common_circle {
display: none;
position: absolute;
z-index: 100;
}
.common_list {
font-size: 13px;
font-family: 'Trebuchet MS';
text-align: center;
line-height: 142%;
width: 100%;
color: #333333;
}
.nobg .clients, .nobg .contacts, .nobg .firstil, .nobg .friends, 
.nobg .o_nas, .nobg .otzivi, .nobg .partners, .nobg .portfolio_po_otraslyam, 
.nobg .portfolio_po_stoimosti, .nobg .portfolio_po_tipam, .nobg .pri4esivanie, 
.nobg .pro4ee, .nobg .rekviziti, .nobg .sites, .nobg .sotrudniki, .nobg .strategy, 
.nobg .structure {
background: none;
}
/*!commons*/

/*clients*/
.clients_active {
background: transparent url('img/buttons/clients_active.png') no-repeat;
width: 170px;
height: 84px;
margin-left: 139px;
margin-top: 28px;
}

.clients_circle {
margin-top: -435px;
margin-left: -270px;
width: 431px;
height: 431px;
background: transparent url('img/buttons/clients_circle.png') no-repeat;
}

.clients_list {
margin-top: 55px;
line-height: 25px;
}
/*!clients*/

/*contacts*/
.contacts_active {
background: transparent url('img/buttons/contacts_active.png') no-repeat;
width: 143px;
height: 76px;
margin-left: 65px;
margin-top: 15px;
}

.contacts_circle {
margin-top: -400px;
margin-left: -230px;
width: 371px;
height: 371px;
background: transparent url('img/buttons/contacts_circle.png') no-repeat;
}

.contacts_list {
margin-top: 55px;
line-height: 25px;
}
/*!contacts*/

/*firstil*/
.firstil_active {
background: transparent url('img/buttons/firstil_active.png') no-repeat;
width: 143px;
height: 76px;
margin-left: 65px;
margin-top: 15px;
}

.firstil_circle {
margin-top: -400px;
margin-left: -230px;
width: 371px;
height: 371px;
background: transparent url('img/buttons/firstil_circle.png') no-repeat;
}

.firstil_list {
margin-top: 55px;
line-height: 25px;
}
/*!firstil*/

/*friends*/
.friends_active {
background: transparent url('img/buttons/friends_active.png') no-repeat;
width: 143px;
height: 76px;
margin-left: 65px;
margin-top: 15px;
}

.friends_circle {
margin-top: -390px;
margin-left: -230px;
width: 371px;
height: 371px;
background: transparent url('img/buttons/friends_circle.png') no-repeat;
}

.friends_list {
margin-top: 55px;
line-height: 25px;
}
/*!friends*/

/*o_nas*/
.o_nas_active {
background: transparent url('img/buttons/o_nas_active.png') no-repeat;
width: 143px;
height: 76px;
margin-left: 65px;
margin-top: 15px;
}

.o_nas_circle {
margin-top: -400px;
margin-left: -230px;
width: 371px;
height: 371px;
background: transparent url('img/buttons/o_nas_circle.png') no-repeat;
}

.o_nas_list {
margin-top: 55px;
line-height: 25px;

}
/*!o_nas*/

/*otzivi*/
.otzivi_active {
background: transparent url('img/buttons/otzivi_active.png') no-repeat;
width: 143px;
height: 76px;
margin-left: 65px;
margin-top: 15px;
}

.otzivi_circle {
margin-top: -400px;
margin-left: -230px;
width: 371px;
height: 371px;
background: transparent url('img/buttons/otzivi_circle.png') no-repeat;
}

.otzivi_list {
margin-top: 55px;
line-height: 25px;

}
/*!otzivi*/

/*partners*/
.partners_active {
background: transparent url('img/buttons/partners_active.png') no-repeat;
width: 143px;
height: 76px;
margin-left: 116px;
margin-top: 25px;
}

.partners_circle {
margin-top: -410px;
margin-left: -315px;
width: 431px;
height: 431px;
background: transparent url('img/buttons/partners_circle.png') no-repeat;
}

.partners_list {
line-height: 25px;
height: 100%;
position: relative;
}

.ibm {
background: transparent url('img/partners/ibm.png') no-repeat;
width: 116px;
height: 55px;
position: absolute;
top: 35px;
left: 150px;
}

.google {
background: transparent url('img/partners/google.png') no-repeat;
width: 136px;
height: 48px;
position: absolute;
top: 110px;
left: 70px;
}

.yandex {
background: transparent url('img/partners/yandex.png') no-repeat;
width: 95px;
height: 37px;
position: absolute;
top: 120px;
left: 250px;
}

.bitrix {
background: transparent url('img/partners/1cbitrix.png') no-repeat;
width: 170px;
height: 51px;
position: absolute;
top: 170px;
left: 90px;
}

.microsoft {
background: transparent url('img/partners/microsoft.png') no-repeat;
width: 162px;
height: 43px;
position: absolute;
top: 230px;
left: 55px;
}

.sun {
background: transparent url('img/partners/sun.png') no-repeat;
width: 99px;
height: 65px;
position: absolute;
top: 210px;
left: 270px;
}

.assist {
background: transparent url('img/partners/assist.png') no-repeat;
width: 129px;
height: 49px;
position: absolute;
top: 290px;
left: 60px;
}

.mailru {
background: transparent url('img/partners/mailru.png') no-repeat;
width: 114px;
height: 30px;
position: absolute;
top: 300px;
left: 240px;
}

.rucenter {
background: transparent url('img/partners/rucenter.png') no-repeat;
width: 102px;
height: 44px;
position: absolute;
top: 350px;
left: 165px;
}
/*!partners*/

/*portfolio_po_otraslyam*/
.portfolio_po_otraslyam_active {
background: transparent url('img/buttons/portfolio_po_otraslyam_active.png') no-repeat;
width: 143px;
height: 76px;
margin-left: 65px;
margin-top: 15px;
}

.portfolio_po_otraslyam_circle {
margin-top: -400px;
margin-left: -230px;
width: 371px;
height: 371px;
background: transparent url('img/buttons/portfolio_po_otraslyam_circle.png') no-repeat;
}

.portfolio_po_otraslyam_list {
margin-top: 55px;
line-height: 25px;

}
/*!portfolio_po_otraslyam*/

/*portfolio_po_stoimosti*/
.portfolio_po_stoimosti_active {
background: transparent url('img/buttons/portfolio_po_stoimosti_active.png') no-repeat;
width: 143px;
height: 76px;
margin-left: 65px;
margin-top: 15px;
}

.portfolio_po_stoimosti_circle {
margin-top: -400px;
margin-left: -230px;
width: 371px;
height: 371px;
background: transparent url('img/buttons/portfolio_po_stoimosti_circle.png') no-repeat;
}

.portfolio_po_stoimosti_list {
margin-top: 55px;
line-height: 25px;

}
/*!portfolio_po_stoimosti*/

/*portfolio_po_tipam*/
.portfolio_po_tipam_active {
background: transparent url('img/buttons/portfolio_po_tipam_active.png') no-repeat;
width: 143px;
height: 76px;
margin-left: 65px;
margin-top: 15px;
}

.portfolio_po_tipam_circle {
margin-top: -400px;
margin-left: -230px;
width: 371px;
height: 371px;
background: transparent url('img/buttons/portfolio_po_tipam_circle.png') no-repeat;
}

.portfolio_po_tipam_list {
margin-top: 55px;
line-height: 25px;

}
/*!portfolio_po_tipam*/

/*pri4esivanie*/
.pri4esivanie_active {
background: transparent url('img/buttons/pri4esivanie_active.png') no-repeat;
width: 143px;
height: 76px;
margin-left: 65px;
margin-top: 15px;
}

.pri4esivanie_circle {
margin-top: -400px;
margin-left: -230px;
width: 371px;
height: 371px;
background: transparent url('img/buttons/pri4esivanie_circle.png') no-repeat;
}

.pri4esivanie_list {
margin-top: 55px;
line-height: 25px;

}
/*!pri4esivanie*/

/*pro4ee*/
.pro4ee_active {
background: transparent url('img/buttons/pro4ee_active.png') no-repeat;
width: 143px;
height: 76px;
margin-left: 65px;
margin-top: 15px;
}

.pro4ee_circle {
margin-top: -400px;
margin-left: -230px;
width: 371px;
height: 371px;
background: transparent url('img/buttons/pro4ee_circle.png') no-repeat;
}

.pro4ee_list {
margin-top: 55px;
line-height: 25px;

}
/*!pro4ee*/

/*rekviziti*/
.rekviziti_active {
background: transparent url('img/buttons/rekviziti_active.png') no-repeat;
width: 155px;
height: 85px;
margin-left: 192px;
margin-top: 145px;
}

.rekviziti_circle {
margin-top: -435px;
margin-left: -330px;
width: 450px;
height: 450px;
background: transparent url('img/buttons/rekviziti_circle.png') no-repeat;
}

.rekviziti_list {
margin-top: 55px;
}
/*!rekviziti*/

/*sites*/
.sites_active {
background: transparent url('img/buttons/sites_active.png') no-repeat;
width: 212px;
height: 76px;
margin-left: 108px;
margin-top: -292px;
}

.sites_circle {
margin-top: 70px;
margin-left: -300px;
width: 576px;
height: 576px;
background: transparent url('img/buttons/sites_circle.png') no-repeat;
}

.sites_list {
margin-top: 65px;
line-height: 150%;
}
/*!sites*/

/*sotrudniki*/
.sotrudniki_active {
background: transparent url('img/buttons/sotrudniki_active.png') no-repeat;
width: 143px;
height: 76px;
margin-left: 65px;
margin-top: 15px;
}

.sotrudniki_circle {
margin-top: -400px;
margin-left: -230px;
width: 371px;
height: 371px;
background: transparent url('img/buttons/sotrudniki_circle.png') no-repeat;
}

.sotrudniki_list {
margin-top: 55px;
line-height: 25px;

}
/*!sotrudniki*/

/*strategy*/
.strategy_active {
background: transparent url('img/buttons/strategy_active.png') no-repeat;
width: 143px;
height: 76px;
margin-left: 65px;
margin-top: 15px;
}

.strategy_circle {
margin-top: -400px;
margin-left: -230px;
width: 371px;
height: 371px;
background: transparent url('img/buttons/strategy_circle.png') no-repeat;
}

.strategy_list {
margin-top: 55px;
line-height: 25px;

}
/*!strategy*/

/*structure*/
.structure_active {
background: transparent url('img/buttons/structure_active.png') no-repeat;
width: 156px;
height: 86px;
margin-left: 205px;
margin-top: 114px;
}

.structure_circle {
margin-top: -443px;
margin-left: -260px;
width: 428px;
height: 428px;
background: transparent url('img/buttons/structure_circle.png') no-repeat;
}

.structure_list {
margin-top: 35px;
}
/*!structure*/

.logo {
background: transparent url(img/logo/logo_1.png) no-repeat;
width: 348px;
height: 65px;
position: absolute;
top: 20;
left: 40;
}

.page {
top: 50%;
left: 0;
width: 100%;
height: 100%;
position: fixed;
display: table;
text-align: center;
}

.to4ka {
margin: auto auto;
margin-top: -378px;
//top: 50%;
width: 776px;
height: 775px;
background: url(img/bg/to4ka.png) center center no-repeat;
position: relative;
}

.click {
position: absolute;
}

.clients {
border-style: none;
height: 47px;
width: 120px;
background:url(img/buttons/clients.png) no-repeat;
background-position: 0 3px;
overflow: hidden;
}
#clientsclick {
top: 423px;
left: 554px;
z-index: 1;
}

.clients-hover {
height: 47px;
width: 120px;
background:url(img/buttons/clients.png);
background-repeat: no-repeat;
background-position: 0 -47px;
overflow: hidden;
}

.contacts {
height: 70px;
width: 185px;
background:url(img/buttons/contacts.png) no-repeat;
background-position: 5 0px;
}
#contactsclick {
top: 621px;
left: 406px;
z-index: 1;
}

.contacts-hover {
height: 70px;
width: 185px;
background:url(img/buttons/contacts.png);
background-repeat: no-repeat;
background-position: -215 0px;
}

.firstil {
height: 28px;
width: 190px;
background:url(img/buttons/firstil.png) no-repeat;
background-position: 0 6px;
}
#firstilclick {
top: 95px;
left: 295px;
z-index: 1;
}

.firstil-hover {
height: 28px;
width: 190px;
background:url(img/buttons/firstil.png);
background-repeat: no-repeat;
background-position: 0 -24px;
}

.friends {
height: 50px;
width: 110px;
background:url(img/buttons/friends.png) no-repeat;
background-position: 0 7px;
}
#friendsclick {
top: 404px;
left: 469px;
z-index: 1;
}

.friends-hover {
height: 50px;
width: 110px;
background:url(img/buttons/friends.png);
background-repeat: no-repeat;
background-position: 0 -43px;
}

.o_nas {
height: 43px;
width: 57px;
background:url(img/buttons/o_nas.png) no-repeat;
background-position: 5 0px;
}
#o_nasclick {
top: 666px;
left: 461px;
z-index: 1;
}

.o_nas-hover {
height: 43px;
width: 57px;
background:url(img/buttons/o_nas.png);
background-repeat: no-repeat;
background-position: -60 0px;
}

.otzivi {
height: 17px;
width: 62px;
background:url(img/buttons/otzivi.png) no-repeat;
background-position: 0 3px;
}
#otziviclick {
top: 249px;
left: 446px;
}

.otzivi-hover {
height: 17px;
width: 62px;
background:url(img/buttons/otzivi.png);
background-repeat: no-repeat;
background-position: 0 -17px;
}

.partners {
height: 47px;
width: 119px;
background:url(img/buttons/partners.png) no-repeat;
background-position: 0 4px;
}
#partnersclick {
top: 416px;
left: 515px;
}

.partners-hover {
height: 47px;
width: 119px;
background:url(img/buttons/partners.png);
background-repeat: no-repeat;
background-position: 0 -46px;
}

.portfolio_po_otraslyam {
height: 99px;
width: 72px;
background:url(img/buttons/portfolio_po_otraslyam.png) no-repeat;
background-position: 4 0px;
}
#portfolio_po_otraslyamclick {
top: 460px;
left: 90px;
}

.portfolio_po_otraslyam-hover {
height: 99px;
width: 72px;
background:url(img/buttons/portfolio_po_otraslyam.png);
background-repeat: no-repeat;
background-position: -74 0px;
}

.portfolio_po_stoimosti {
height: 200px;
width: 27px;
background:url(img/buttons/portfolio_po_stoimosti.png) no-repeat;
background-position: 3 0px;
}
#portfolio_po_stoimosticlick {
top: 440px;
left: 195px;
}

.portfolio_po_stoimosti-hover {
height: 200px;
width: 27px;
background:url(img/buttons/portfolio_po_stoimosti.png);
background-repeat: no-repeat;
background-position: -27 0px;
}

.portfolio_po_tipam {
height: 86px;
width: 120px;
background:url(img/buttons/portfolio_po_tipam.png) no-repeat;
background-position: 4 0 px;
}
#portfolio_po_tipamclick {
top: 346px;
left: 20px;
}

.portfolio_po_tipam-hover {
height: 86px;
width: 120px;
background:url(img/buttons/portfolio_po_tipam.png);
background-repeat: no-repeat;
background-position: -120 0px;
}

.pri4esivanie {
height: 53px;
width: 163px;
background:url(img/buttons/pri4esivanie.png) no-repeat;
background-position: 0 3px;
}
#pri4esivanieclick {
top: 287px;
left: 302px;
z-index: 1;
}

.pri4esivanie-hover {
height: 53px;
width: 163px;
background:url(img/buttons/pri4esivanie.png);
background-repeat: no-repeat;
background-position: 0 -54px;
}

.pro4ee {
height: 33px;
width: 106px;
background:url(img/buttons/pro4ee.png) no-repeat;
background-position: 0 2px;
}
#pro4eeclick{
top: 100px;
left: 141px;
}

.pro4ee-hover {
height: 33px;
width: 106px;
background:url(img/buttons/pro4ee.png);
background-repeat: no-repeat;
background-position: 0 -38px;
}

.rekviziti {
height: 50px;
width: 112px;
background:url(img/buttons/rekviziti.png) no-repeat;
background-position: 0 3px;
}
#rekviziticlick {
top: 539px;
left: 603px;
}

.rekviziti-hover {
height: 50px;
width: 112px;
background:url(img/buttons/rekviziti.png);
background-repeat: no-repeat;
background-position: 0 -50px;
}

.sites {
height: 44px;
width: 114px;
background:url(img/buttons/sites.png) no-repeat;
background-position: 0 2px;
}
#sitesclick{
top: 100px;
left: 520px;
}

.sites-hover {
height: 44px;
width: 114px;
background:url(img/buttons/sites.png);
background-repeat: no-repeat;
background-position: 0 -48px;
}

.sotrudniki {
height: 47px;
width: 110px;
background:url(img/buttons/sotrudniki.png) no-repeat;
background-position: 4 0px;
}
#sotrudnikiclick {
top: 625px;
left: 402px;
z-index: 1;
}

.sotrudniki-hover {
height: 47px;
width: 110px;
background:url(img/buttons/sotrudniki.png);
background-repeat: no-repeat;
background-position: -116 0px;
}

.strategy {
height: 19px;
width: 96px;
background:url(img/buttons/strategy.png) no-repeat;
background-position: 0 2px;
}
#strategyclick {
top: 126px;
left: 335px;
z-index: 1;
}

.strategy-hover {
height: 19px;
width: 96px;
background:url(img/buttons/strategy.png);
background-repeat: no-repeat;
background-position: 0 -19px;
}

.structure {
height: 50px;
width: 105px;
background:url(img/buttons/structure.png) no-repeat;
background-position: 0 2px;
}
#structureclick {
top: 511px;
left: 618px;
}

.structure-hover {
height: 50px;
width: 105px;
background:url(img/buttons/structure.png);
background-repeat: no-repeat;
background-position: 0 -58px;
}