@charset "utf-8";
/* CSS Document */
body { width:100%; margin:0 auto; padding:0; background-color:#c4c7c8; font-family:Tahoma, Geneva, sans-serif; color:#353231; font-size:12px; line-height:1.5em;}
a { color:#2687b5; text-decoration:underline}
a:hover {}
a img { border:0;}
h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:50px; width:25%; text-align:left; line-height:normal;}
h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:50px; float:left; width:100%; margin:30px 0px 20px 0px}
h3 { font-size:14px; color:#2687b5; margin:0; padding:4px 0px 0px 0px; text-align:center;}
fieldset {border:0 none;}
input { background-image:url(img/input.png); width:190px; height:20px; border:0 none; background-color:#c4c7c8; padding:5px;}
input.submit { background-image:none;  background-color:#ffffff; padding:5px; height:auto; width:auto; cursor:pointer }
#site { width:95%; margin:0 auto; background-image:url(img/site-bg.png); background-repeat:no-repeat; background-position:center top; background-color:#c4c7c8;}
#header { width:100%; height:534px; background-image:url(img/green.png);background-repeat:no-repeat; background-position:center top; }
#header-work { width:100%; height:534px; background-image:url(img/blue.png);background-repeat:no-repeat; background-position:center top;} 
#header-work-inner { width:100%; height:100%;} 
#logo { width:200px; height:49px; overflow:hidden; float:left; }
.lang { width:30px; float:right; background-color:#353231;height:20px; text-align:center;}
.lang a {color:#fff; text-decoration:none; font-size:10px}
#menu {margin:30px 0px 0px 0px; float:left; position:absolute; width:97%; height:49px;}
#menu ul { list-style-type:none; margin:0; padding:0; width:310px; height:27px; float:right;  overflow:hidden;}
#menu ul li { display:inline; float:left; margin:0px 0px 0px 20px; text-align:center} 
#menu ul li a { background-color:#353231; color:#FFF; text-decoration:none; width:75px; height:29px; float:left; padding:4px 0px 0px 0px}
#menu.green ul li a:hover,#menu.green  ul li a.active { background-color:#06a700;}
#menu.blue ul li a:hover,#menu.blue  ul li a.active { background-color:#9000ff;}

#text-left {float:left;width:25%; text-align:left; line-height:1.5em; font-size:12px}
#text-inner {float:left;width:25%; text-align:left; line-height:1.5em; font-size:12px; margin:150px 0px 0px 0px;}
#text-inner h1 {font-size:40px;}
#texts { width:95%; position:absolute; height:500px; margin:170px 0px 0px 0px;}
#text-left img { margin-bottom:10px;}
#text-right {float:right;width:25%; text-align:left; line-height:1.5em; font-size:12px; margin-top:12px;}
#text-right img { margin-bottom:10px;}
.separator { width:100%; height:2px; background-image:url(img/separator.gif); background-repeat:repeat-x; float:right;}
/*-------------------------HOVER----------------------------------*/
.first{width:210px;height:210px;margin:auto;position:relative;display:block;}
.first a{background-image:url(img/knafaimb.png);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;}
 .first span.hover{width:210px;height:210px;background-image:url(img/knafaim.png);background-repeat: no-repeat;position:relative;display:block; cursor:pointer;}
.second{width:210px;height:210px;margin:auto;position:relative;display:block;}
.second a{background-image:url(img/makaronb.png);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;}
.second span.hover{width:210px;height:210px;background-image:url(img/makaron.png);background-repeat: no-repeat;position:relative;display:block;cursor:pointer;background-color:#c4c7c8}
.third{width:210px;height:210px;margin:auto;position:relative;display:block;}
.third a{background-image:url(img/mybookb.png);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;
}
.third span.hover{width:210px;height:210px;background-image:url(img/mybook.png);background-repeat: no-repeat;position:relative;display:block;cursor:pointer; background-color:#c4c7c8}
.four{width:210px;height:210px;margin:auto;position:relative;display:block;}
.four a{background-image:url(img/topbranshop.png);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;
}
.four span.hover{width:210px;height:210px;background-image:url(img/topbranshop-a.png);background-repeat: no-repeat;position:relative;display:block;cursor:pointer; background-color:#c4c7c8}
.five{width:210px;height:210px;margin:auto;position:relative;display:block;}
.five a{background-image:url(img/colibri.png);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;
}
.five span.hover{width:210px;height:210px;background-image:url(img/colibri-a.png);background-repeat: no-repeat;position:relative;display:block;cursor:pointer; background-color:#c4c7c8}
.six{width:210px;height:210px;margin:auto;position:relative;display:block;}
.six a{background-image:url(img/spbretail.png);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;
}
.six span.hover{width:210px;height:210px;background-image:url(img/spbretail-a.png);background-repeat: no-repeat;position:relative;display:block;cursor:pointer; background-color:#c4c7c8}
.seven{width:210px;height:210px;margin:auto;position:relative;display:block;}
.seven a{background-image:url(img/sheleg.png);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;
}
.seven span.hover{width:210px;height:210px;background-image:url(img/sheleg-a.png);background-repeat: no-repeat;position:relative;display:block;cursor:pointer; background-color:#c4c7c8}
.eight{width:210px;height:210px;margin:auto;position:relative;display:block;}
.eight a{background-image:url(img/funkey.png);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;
}
.eight span.hover{width:210px;height:210px;background-image:url(img/funkey-a.png);background-repeat: no-repeat;position:relative;display:block;cursor:pointer; background-color:#c4c7c8}
.nine{width:210px;height:210px;margin:auto;position:relative;display:block;}
.nine a{background-image:url(img/som.png);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;
}
.nine span.hover{width:210px;height:210px;background-image:url(img/som-a.png);background-repeat: no-repeat;position:relative;display:block;cursor:pointer; background-color:#c4c7c8}
.ten{width:210px;height:210px;margin:auto;position:relative;display:block;}
.ten a{background-image:url(img/mapgps.png);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;
}
.ten span.hover{width:210px;height:210px;background-image:url(img/mapgps-a.png);background-repeat: no-repeat;position:relative;display:block;cursor:pointer; background-color:#c4c7c8}
.eleven{width:210px;height:210px;margin:auto;position:relative;display:block;}
.eleven a{background-image:url(img/flexit.png);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;
}
.eleven span.hover{width:210px;height:210px;background-image:url(img/flexit-a.png);background-repeat: no-repeat;position:relative;display:block;cursor:pointer; background-color:#c4c7c8}
.twelve{width:210px;height:210px;margin:auto;position:relative;display:block;}
.twelve a{background-image:url(img/forex.png);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;
}
.twelve span.hover{width:210px;height:210px;background-image:url(img/forex-a.png);background-repeat: no-repeat;position:relative;display:block;cursor:pointer; background-color:#c4c7c8}
.thirteen{width:210px;height:210px;margin:auto;position:relative;display:block;}
.thirteen a{background-image:url(img/pivkomb.png);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;
}
.thirteen span.hover{width:210px;height:210px;background-image:url(img/pivkom.png);background-repeat: no-repeat;position:relative;display:block;cursor:pointer; background-color:#c4c7c8}
.fourteen{width:210px;height:210px;margin:auto;position:relative;display:block;}
.fourteen a{background-image:url(img/remont.png);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;
}
.fourteen span.hover{width:210px;height:210px;background-image:url(img/remont-a.png);background-repeat: no-repeat;position:relative;display:block;cursor:pointer; background-color:#c4c7c8}
.fiveteen{width:210px;height:210px;margin:auto;position:relative;display:block;}
.fiveteen a{background-image:url(img/bon.png);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;
}
.fiveteen span.hover{width:210px;height:210px;background-image:url(img/bon-a.png);background-repeat: no-repeat;position:relative;display:block;cursor:pointer; background-color:#c4c7c8}
.sixteen{width:210px;height:210px;margin:auto;position:relative;display:block;}
.sixteen a{background-image:url(img/winners.png);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;
}
.sixteen span.hover{width:210px;height:210px;background-image:url(img/winners-a.png);background-repeat: no-repeat;position:relative;display:block;cursor:pointer; background-color:#c4c7c8}
.seventeen{width:210px;height:210px;margin:auto;position:relative;display:block;}
.seventeen a{background-image:url(img/eclettico.jpg);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;
}
.seventeen span.hover{width:210px;height:210px;background-image:url(img/ecletticob.jpg);background-repeat: no-repeat;position:relative;display:block;cursor:pointer; background-color:#c4c7c8}
.eighteen{width:210px;height:210px;margin:auto;position:relative;display:block;}
.eighteen a{background-image:url(img/ajan.png);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;
}
.eighteen span.hover{width:210px;height:210px;background-image:url(img/ajan-a.png);background-repeat: no-repeat;position:relative;display:block;cursor:pointer; background-color:#c4c7c8}
.nineteen{width:210px;height:210px;margin:auto;position:relative;display:block;}
.nineteen a{background-image:url(img/zaitsevb.png);background-repeat: no-repeat;position:relative;display:block;width:210px;height:210px;
}
.nineteen span.hover{width:210px;height:210px;background-image:url(img/zaitsev.png);background-repeat: no-repeat;position:relative;display:block;cursor:pointer; background-color:#c4c7c8}

/*---------------------END OF HOVER--------------------------------*/
#container { width:100%; height:auto; float:left; margin:30px 0px 0px 0px;}
#left { width:100%;  float:left;}

#content {width:100%; height:auto; float:left; }
#content-inner {width:70%; height:auto; float:right; padding-top:150px; text-align:center; background-image:url(img/blue.png); background-repeat:no-repeat; background-position:top left;}
.portfolio-left { width:33%; float:left;}
.portfolio-right {width:33%; float:left;}
.portfolio-center { width:33%; float:left;}

.preview {width:100%; height:100%;text-align:center; margin-bottom:40px;}
.tableheader { width:100%; float:left; text-align:center; height:29px;  background-image:url(img/tableheader-center.png); margin:20px 0px 10px 0px;}
.tableheader-left { background-image:url(img/tableheader-left.gif); width:11px; height:29px; float:left}

.tableheader-right { background-image:url(img/tableheader-right.gif); width:12px; height:29px; float:right}
#uslugi { list-style-image:url(img/arr.png); list-style-position:inside; margin:0; padding:0px 10px 0px 10px; line-height:2em}
ul#uslugi li { padding-top:-20px;  }
.links {line-height:1.7em}sition:re
.tablecontent { padding:0px 10px 0px 10px; margin-bottom:20px; line-height:1.7em}
.date { margin:0px 0px -10px  0px; padding:0; color:#666; font-size:10px;}
#footer { width:100%; height:80px; text-align:center; float:left; font-size:11px; font-family:Tahoma, Geneva, sans-serif; padding-top:30px;}
#text-inner .breadcrumbs{width:100%; margin:30px auto;}
.breadcrumbs{width:100%; margin:-20px auto 10px auto;}
.B_lastCrumb { background-color:#9000ff; padding:10px; color:#fff}
.B_crumb {background-color:#353231;padding:10px; }
.text { width:600px; margin:auto;}