body {
    margin: 0;
    padding: 0;
    background: #fff;
    font: 12px Arial, sans-serif;
    color: #000;
    overflow: auto;
}
table tr td {
    color:#959595;
    font-family:Arial;
    font-size:12px;
}
h1 {
    color:#3A6BA7;
    font-family:Arial;
    font-size:16px;
    font-weight:normal;
    margin:0;
    padding:0;
}
h2 {
    font-family:Arial;
    font-size:11px;
    font-weight:normal;
    margin:0;
    padding:0;
}
h3 {
    font-family:Arial;
    font-size:11px;
    font-weight:normal;
    margin:0;
    padding:0;
}
ul {
    margin-left:20px;
    padding:0;
    text-indent:0;
}
ul li {
    list-style-image:url(/img/tire.gif);
    list-style-position:outside;
    margin:0;
}






a.logo {
    background: url(images/logo.jpg); /* ???? ? ????? ? ???????? ???????? */
    display: block; /* ??????? ??? ??????? ??????? */
    width: 229px; /* ?????? ??????? ? ???????? */
    height: 80px; /* ?????? ??????? */
}
a.phone {
    background: url(images/phone.jpg); /* ???? ? ????? ? ???????? ???????? */
    background-position:0 -38px; /* ???????? ????? ?? ????????? */
    display: block; /* ??????? ??? ??????? ??????? */
    width: 198px; /* ?????? ??????? ? ???????? */
    height: 38px; /* ?????? ??????? */
    cursor: default;
}
a.phone:hover {
    background-position:0 0px; /* ???????? ????? ?? ????????? */
}

#changeuserpic{
    position:absolute;
    width:310px;
}
div.topleft {
    background:#C1CDD4 url(/img/cornertopleft.jpg) no-repeat scroll left top;
}
div.topright {
    background:transparent url(/img/cornertopright.jpg) no-repeat scroll right top;
}
div.botleft {
    background:transparent url(/img/cornerbottomleft.jpg) no-repeat scroll left bottom;
}
div.botright {
    background:transparent url(/img/cornerbottomright.jpg) no-repeat scroll right bottom;
    padding:17px 17px 10px 10px;
}
td.noselpic {
    background:#C1CDD4 none repeat scroll 0 0;
    cursor:pointer;
    height:80px;
    width:80px;
}
td.selpic {
    background:#DBE2E6 none repeat scroll 0 0;
    cursor:pointer;
    height:80px;
    width:80px;
}






.savebutton {
    background:transparent none repeat scroll 0 0;
    border:medium none;
    color:#375A7E;
    cursor:pointer;
    font-family:Arial;
    font-size:12px;
    margin-right:10px;
    padding:0;
    text-align:left;
    text-decoration:underline;
}
.sortableitem
{
    cursor:move;
    list-style: none;
}
.sortableitem a:hover {
    cursor:move;
}

div.head {
    color:#9b9b9b;
    font-family:Arial;
    font-size:18px;
    margin:30px 5px 0 30px;
    width:500px;
}
div.text {
    color:#000;
    font-family:Arial;
    font-size:12px;
    margin:20px 5px 30px 30px;
    width:540px;
}
div.news {
    margin:0 0 15px 30px;
    width:500px;
}
div.news p.date {
    color:#9b9b9b;
    font-family:Arial;
    font-size:14px;
}
div.news a:hover {
    text-decoration:none;
}
div.news a {
    color:#5182B3;
    font-family:Arial;
    font-size:12px;
    text-decoration:underline;
}
.headnew {
    color:#5182B3;
    font-family:Arial;
    font-size:12px;
    width:600px;
}
.prenew {
    color:#000;
    font-family:Arial;
    font-size:12px;
    width:600px;
}
.newstext {
    color:#000;
    font-family:Arial;
    font-size:12px;
}
div.newstext .iframe {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #959595;
    height:400px;
    overflow:auto;
    width:500px;
}
#topleftcol {
    margin-top: 42px;
    color:#3a6ba7;
    font-family:Verdana;
    font-size:12px;
}
#topleftcol a:hover {
    text-decoration:underline;
}
#topleftcol a {
    color:#3a6ba7;
    font-family:Verdana;
    font-size:12px;
    line-height:2;
    letter-spacing: 0.5px;
    text-decoration:none;
    text-transform:uppercase;
}

#main {
    min-width: 1000px;
    margin:0 auto;
    text-align:center;
    width:100%;
}
#container {
    background: #FFFFFF none repeat scroll 0 0;
    margin:0 auto;
    text-align:left;
    width:790px;
}

#footercontainer {
    background: #000 none repeat scroll 0 0;
    text-align:center;
}
#topleftcol {
    float: left;
    width: 160px;
}
#toprightcol {
    margin-left: 205px;
    margin-bottom: 200px;
}
div#header{
    background: transparent url(images/header.jpg) no-repeat scroll center top;
    cursor:pointer;
    height:229px;
    width:786px;
}

div#footer{
    background: #000 url(images/footer_background.jpg) no-repeat center top;
    margin: 0 auto;
    height:81px;
    width:790px;
}
a.footer_logo {
    background: transparent url(images/footer_logo.jpg) no-repeat center center; /* ???? ? ????? ? ???????? ???????? */
    display: block; /* ??????? ??? ??????? ??????? */
    width: 85px; /* ?????? ??????? ? ???????? */
    height: 20px; /* ?????? ??????? */
}
a.footer_phone {
    background: url(images/footer_phone.jpg) no-repeat; /* ???? ? ????? ? ???????? ???????? */
    background-position: top; /* ???????? ????? ?? ????????? */
    display: block; /* ??????? ??? ??????? ??????? */
    width: 191px; /* ?????? ??????? ? ???????? */
    height: 30px; /* ?????? ??????? */
    cursor: default;
}
a.footer_phone:hover {
    background-position: bottom; /* ???????? ????? ?? ????????? */
}
span#icon1 {
    background:transparent url(images/icon2.jpg) no-repeat scroll left center;
    cursor:pointer;
}
div#icon2 {
    background:transparent url(images/icon1.jpg) no-repeat scroll center center;
    cursor:pointer;
    height:15px;
    width:15px;
}
/*?????  ????*/
.listproject ul { list-style-type: none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0;}
.listproject li { font-size: 12px; line-height: 1.2em; list-style-image: none;}
#sortable { list-style-type: none; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 20px; padding: 0;}
#sortable li { font-size: 12px;}
#sortable li { line-height: 1.2em; list-style-image: none;}
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }

.ui-state-default, .ui-widget-content .ui-state-default {
    background:#F6F6F6 repeat-x scroll 50% 50%;
    border:1px solid #CCCCCC;
    color:#3A6BA7;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    cursor: pointer;
}
.ui-state-highlight{
    background:#a6a6a6;
}
.ui-sortable-helper{
    width: 100%;
}
#topoptima {
    background: #dbe2e6 repeat-x scroll 0 0;
    border:medium none;
    font-family:Arial;
    margin:0;
    padding:0;
    position:fixed;
    width:100%;
    z-index:210;
}
#topoptima button.savebutton {
    background:transparent none repeat scroll 0 0;
    border:medium none;
    color:#7F858D;
    cursor:pointer;
    font-family:Arial;
    font-size:12px;
    height:20px;
    margin-left:10px;
    margin-top:2px;
    text-decoration:underline;
    width:100px;

}
#bottomtop {
    background:transparent url(/optimg/back_4.jpg) repeat-x scroll 0 0;
    border:medium none;
    height:15px;
    opacity:0.7;
    width:100%;
    background: #a5a5a5 repeat-x scroll 0 0;
}

div.ahead{margin:30px 5px 0px 30px;}
input.ahead{font-size:18px;font-family:Arial;color:#9b9b9b;width:500px;border:1px solid transparent;}

/*????????? ??????*/
div.atext{color:#000;width:490px;font-family:Arial;font-size:12px;margin:20px 5px 30px 30px;padding:10px;}
div#mess{color:red;font-family:Arial;font-size:12px;}
div.aredtext{color:#000;width:520px;font-family:Arial;font-size:12px;margin:20px 5px 30px 20px;padding:10px;background:#f2f2f2;}
div.aredtext .iframe{width:500px;border:1px solid #a5a5a5;height:600px;background:#ffffff;overflow:auto;}
div.aredtext .savebutton{margin-right:40px;}
.toolbutton{border:none;background:transparent;padding:0px;margin:0px 10px 0px 10px;}
.toolbutton#t0{color:#000;font-family:Arial;font-size:12px;}
.toolbutton#t1{color:#000;font-family:Arial;font-size:12px;font-weight:bold;}
.toolbutton#t2{color:#000;font-family:Arial;font-size:12px;font-style:italic;}
.toolbutton#t3{font-size:18px;font-family:Georgia;color:#72a6c5;font-weight:normal;}
.toolbutton#t4{color:#72a6c5;font-family:Arial;font-size:12px;font-weight:normal;}
.toolbutton#t5{color:#000;font-family:Arial;font-size:12px;}
.toolbutton#t6{color:#000;font-family:Arial;font-size:12px;}
.toolbutton#t7{color:#5182b3;font-family:Arial;font-size:11px;text-decoration:underline;}
.toolbutton#t8{color:#5182b3;font-family:Arial;font-size:11px;text-decoration:underline;}
.toolbutton#t9{color:#5182b3;font-family:Arial;font-size:11px;text-decoration:underline;}
.toolbutton#t10{color:#000;font-family:Arial;font-size:12px;}
.toolbutton#t11{color:#000;font-family:Arial;font-size:12px;background-color:#f2f4f6;color:#424242;}
/*????? ????????? ??????*/
/*?????*/
.subbutton2 {
    background:#F2F2F2 none repeat scroll 0 0;
    border:medium none;
    color:#375A7E;
    cursor:pointer;
    font-family:Arial;
    font-size:12px;
    margin:10px 50px 10px 0;
    padding:5px;
    text-decoration:underline;
}
.subbutton1 {
    background:transparent none repeat scroll 0 0;
    border:medium none;
    color:#375A7E;
    cursor:pointer;
    font-family:Arial;
    font-size:12px;
    margin:10px 50px 10px 0;
    padding:5px;
    text-decoration:underline;
}
/*Carousel CSS style view*/
.navigation{
    position: relative;
    top:375px;
    left: 625px;
    z-index:999;
    width: 200px;
    cursor: default;
}
.bgcarousel{
    background: #E4E4E4 url(images/bgcarosel.jpg) repeat-x 0 0;
    height: 85px;
    width: 785px;
}
.tcarousel1{
    color:#000;
    font-family:Arial;
    font-size:18px;
    display: block;
    padding-top: 20px;
    padding-left: 20px;
}
.tcarousel2{
    color:#838383;
    font-family:Arial;
    font-size:11px;
    display: block;
    padding-left: 20px;
}
#bc-del{
    background: #000 url(images/bgb.jpg) repeat-x 0 0;
    height: 16px;
    width: 16px;
    padding: 0px;
    color:#fff;
    font-family:Arial;
    font-size:7px;
}
.prev{
    color:#000;
    font-family:Arial;
    font-size:7px;
}
.next{
    color:#000;
    font-family:Arial;
    font-size:7px;
}

/*End Carousel CSS style view*/
#imgpr{
    margin-top: 5px;
    margin-bottom: 5px;
}
.color1{
    height: 1px;
    display: block;
    width: 30px;
    border-top: 2px solid #02c2ff;
    margin-top: 10px;
    margin-bottom: 20px;
}
.color2{
    height: 1px;
    display: block;
    width: 30px;
    border-top: 2px solid #5484eb;
    margin-top: 10px;
    margin-bottom: 20px;
}
.color3{
    height: 1px;
    display: block;
    width: 30px;
    border-top: 2px solid #c030d2;
    margin-top: 10px;
    margin-bottom: 20px;
}
.color4{
    height: 1px;
    display: block;
    width: 30px;
    border-top: 2px solid #fb03c4;
    margin-top: 10px;
    margin-bottom: 20px;
}
a.mail:hover{
    color: #0abcfc;
}
a.mail{
    color: #959595;
}

/*Project Side*/
div#projectlist{
    padding-top: 30px;
    padding-bottom: 30px;
}
div#projectlist li{
    list-style: none;
    display: block;
}
div#projectlist ul{
    margin-left: 0px;
}
div#projectlist button{
    margin-right: 0px;
}
div#projectlist a{
    color:#959595;
    font-family:Arial;
    font-size:12px;
    text-decoration:none;
}
div#projectlist a:hover{
    color:#000;
    text-decoration:underline;
}
/*Project Content*/
ul#sortablecontent{
    margin: 0px;
}
ul#sortablecontent li{
    list-style-image:none;
    list-style:none;
}
#content {
    margin: 20px;
}
.pctext{
    color:#838383;
    display:block;
    font-family:Arial;
    font-size:12px;
    padding-left:5px;
    margin-top:10px;
    margin-bottom:10px;
}
a.news:hover {
    text-decoration:none;
}
a.news {
    color:#5182B3;
    font-family:Arial;
    font-size:11px;
    text-decoration:underline;
}
h4 {
    color:#000000;
    font-family:Arial;
    font-size:24px;
    font-weight:normal;
    margin-top:10px;
    margin-bottom:10px;
}
span.t11838383{
    color:#838383;
    display:block;
    font-family:Arial;
    font-size:11px;
}
span.t12838383{
    color:#838383;
    display:block;
    font-family:Arial;
    font-size:12px;
    padding-left:5px;
}
div.topmenu{
    padding-top: 5px;
    padding-bottom: 5px;
}
div.topmenu a{
    color:#7F858D;
    cursor:pointer;
    font-family:Arial;
    font-size:12px;
    height:20px;
    margin-left:25px;
    text-decoration:underline;
    width:100px;
}
div.topmenu a:hover{
    text-decoration:none;
}
a#linkleft {
    background:transparent url(images/icon5.gif) no-repeat scroll center top;
    background-position: 0 0px;
    display:inline-block;
    height:17px;
    width:17px;
}
a#linkleft:hover {
    background-position: 0 -17px;
}
a#linkright {
    background:transparent url(images/icon3.gif) no-repeat scroll center top;
    background-position: 0 0px;
    display:inline-block;
    height:17px;
    width:17px;
}
a#linkright:hover {
    background-position: 0 -17px;
}
a#linktop {
    background:transparent url(images/icon4.gif) no-repeat scroll center top;
    background-position: 0 0px;
    display:inline-block;
    height:17px;
    width:17px;
}
a#linktop:hover {
    background-position: 0 -17px;
}
#sortable { list-style-type: none; margin: 0; padding: 0; }
#sortable li { margin: 1px 1px 1px 0; padding:4px; float: left; width: 186px; height: 500px;}
.projectlist { list-style-type: none; margin: 0; padding: 0; }
.projectlist li {list-style-image: none; margin: 1px 1px 1px 0; padding:4px; float: left; width: 186px;}
a.lproject {
    color: #000;
    text-decoration: none;
}
a.lproject img{
    border: 0;
}
a.lproject:hover {
    color: #0abcfc;
}
.lpimg{
    margin-top: 5px;
    margin-bottom: 5px;
}

/*menu style*/
a#m_sites{color: #000; text-decoration:none; cursor: pointer;}
a#m_sites:hover{color: #07bffd; cursor: pointer;}
a#m_logos{color: #000; text-decoration:none; cursor: pointer;}
a#m_logos:hover{color: #3998f2; cursor: pointer;}
a#m_print{color: #000; text-decoration:none; cursor: pointer;}
a#m_print:hover{color: #726de4; cursor: pointer;}
a#m_virtu{color: #000; text-decoration:none; cursor: pointer;}
a#m_virtu:hover{color: #984fdb; cursor: pointer;}
a#m_other{color: #000; text-decoration:none; cursor: pointer;}
a#m_other:hover{color: #c12fd2; cursor: pointer;}
a#m_intri{color: #000; text-decoration:none; cursor: pointer;}
a#m_intri:hover{color: #da1dcc; cursor: pointer;}
a#m_techn{color: #000; text-decoration:none; cursor: pointer;}
a#m_techn:hover{color: #fb03c4; cursor: pointer;}

ul.uproject{
    position: relative;
    padding-top: 15px;
    padding-right: 30px;
}
li.lproject{
    margin-bottom: 8px;
    line-height:0.8em;
}
a.aproject:hover {
    color: #07bffd;
    text-decoration:none;
}
a.aproject {
    color:#838383;
    font-family:Arial;
    font-size:10px;
    text-decoration:none;
}
a.lpsite{
    text-transform: uppercase;
    font-family:Arial,sans-serif;
    font-size:10px;
    color: #838383;
}
a.lpsite:hover{
    color: #0abcfc;
}
#t28000000{
    color:#000;
    font-size:28px;
    margin: 0px;
}
#t28959595{
    color:#959595;
    font-size:28px;
    margin: 0px;
}
p.t12838383{
    color:#838383;
    display:block;
    font-family:Arial;
    font-size:12px;
    padding-left:5px;
}
p.t12000000{
    color:#000000;
    display:block;
    font-family:Arial;
    font-size:12px;
    padding-left:5px;
}
ol {
    color:#838383;
    display:block;
    font-family:Arial;
    font-size:12px;
    padding-left: 80px;
    width: 545px;
}
ol li {
    padding-top: 5px;
    padding-bottom: 5px;
}
p.t28000000{
    color:#000;
    font-size:28px;
    margin: 0px;
}
p.t22000000{
    color:#000;
    font-size:22px;
    margin: 0px;
}
p.t28959595{
    color:#959595;
    font-size:28px;
    margin: 0px;
}