html {color:#000;background:#fff;}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;color:#000;}
legend{color:#000;}


*, html, body, table, td, table td, form, div, table th, thead th, p {
	color: #484848;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
}

html>body, html, body {width:100%; height: 100%;}

h1 {color: #f7941e;font: normal 18px Arial;}
a, a:link, a:visited {color: #3d4d83;text-decoration: underline;}
a:hover {text-decoration: none;}
p {padding-bottom: 15px;}

div.fleft {float:left;}
div.fright {float:right;}

table.main {width: 100%;}
/*
table.main thead td.menu, table.main thead td.topPhone {
    height: 50px;
    background: url('top_bg.jpg') repeat-x top;
}
*/
table.main thead td.euro, table.main thead td.topOteco {
    height: 179px;
    background: url('topbg.png') repeat-x top;
}
table.main thead td.topOteco {
    vertical-align: top;
}
table.main thead td.topOteco div.oteco {
    height: 179px;
    background: url('oteco.png') no-repeat 3px 0px;
}
table.main thead td.topOteco div.oteco div {
    color: #fff;
    font: bold 12px Arial;
    padding: 30px 0px 0px 30px;
}
table.main thead td.topOteco div.oteco div.oriental {
    /*padding-top: 20px;*/
    padding-left: 20px;
}
table.main thead td.topOteco div.oteco div.phone {
    font-size: 11px;
    padding-left: 70px;
    padding-top:0px;
}
#maxTop td.topOteco div.oteco div.oriental {
    padding-top: 140px;
}
div.oteco {
    padding-top: 0px;
}

div.euro {
    height: 179px;
    overflow: hidden;
}
div.afterlogo {
    width: 277px;
    color: #98b5d8;
    text-align: center;
    font: normal 12px Verdana;
    padding-top: 25px;
}
div.afterlogo a, div.afterlogo a:link, div.afterlogo a:visited {
    color: #98b5d8;
    font-size: 10px;
    text-decoration: none;
}
div.afterlogo a:hover {
    text-decoration: underline;
}

table.main thead td.topPhone {
    width: 290px;
}
table.main thead td.topPhone div {padding-left: 25px;}
table.main thead td.topPhone a, table.main thead td.topPhone a:visited {
    color: #fff;
    font: bold 12px Verdana;
    text-decoration: none;
}
table.main thead td.topPhone a:hover {
    text-decoration: underline;
}
/*
table.main thead td.topPhone div {
    padding-left: 15px;
    color: #fff;
    font: bold 12px Arial;
}
*/
td.man, td.welcome, td.clock {
    height: 261px;
    vertical-align: top;
    background: url('man-bg.jpg') repeat-x;
}
td.man {
    width: 25%;
    background: url('man.jpg') no-repeat 0px 0px;
}
#man div {width:280px;height:1px;}
#welcome {
    width: 100%;
    padding-bottom: 20px;
}
div.clocks {
    padding-top: 15px;
    padding-left: 20px;
}
div.course {
    width: 268px;
    height: 93px;
    background: url('course.gif') no-repeat 0px 0px;
}
div.rbClock {
    padding-left: 15px;
}
div.course div, table.course tbody td div {
    float: left;
    color: #ff8a00;
    font: bold 18px Verdana;
    padding-top: 10px;
}

table.course tbody td div b {display:block;float: none;color:#b3b3b3;font: normal 11px Verdana;}
table.course tbody td div.cl1 {padding-left: 35px;width:80px;}
table.course tbody td div.cl2 {width: 80px;}

div.course div.cl1 {padding-left: 15px;width:83px;}
div.course div.cl2 {width: 80px;}
#toDay {width:240px;height:14px;color:#fff;font: normal 12px Verdana;padding: 30px 0px 0px 0px;text-align:center;}

div.welcome div.block {

    font: normal 12px Arial;
    padding-left: 3px;

}
div.welcome div.block a, div.welcome div.block a:visited {
    color: #464646;
    font-size: 12px;
    text-decoration: none;
}

td.col-l {
    width: 280px;
    vertical-align: top;
    /*background: url('vnimanie.jpg') no-repeat;*/
}

div.coll {
    font-size: 11px;
    padding: 0px 15px 0px 0px;
}
div.pl15 {
    font-size: 11px;
    padding-left: 15px;
}

span.hg {
    color: #5c7181;
    font: bold 14px Arial;
}

td.col-r {
    width: 280px;
    vertical-align: top;
}
td.col-c {
    height: 100%;
    vertical-align: top;
    background: url('colc-bg.png') repeat-y left;
}
td.col-c div.center {
    width: 95%;
    height: 100%;
    /*background: url('colbot.png') no-repeat left bottom;*/
}

div.text {
    padding-top: 17px;
    padding-left: 25px;
    background: url('txtbg.png') no-repeat left top;
}

table.advantage {background: url('advantages2.png') no-repeat 14px 0px;height: 98px;}
table.safe {background: url('safe.png') no-repeat;height: 104px;}
table.clock {background: url('clock.png') no-repeat;height: 120px;}

table.advantage td.pic, table.safe td.pic, table.clock td.pic {width: 160px;}
table.advantage td.inf, table.safe td.inf, table.clock td.inf {vertical-align: bottom;padding-bottom:15px;}



div.advantage div,
div.safe div,
div.clock {padding-left: 160px;}

span.h6 {
    color: #484848;
    font: bold 14px Arial;
}
span.bGreen {
    color: #569200;
    font: bold 14px Arial;
}

div.safe {
    height: 104px;
    min-height: 104px !important;

}
span.bBlue {
    color: #1f87c3;
    font: bold 14px Arial;
}

div.clock {
    height: 120px;
    min-height: 120px !important;

}

span.bRed {
    color: #c93636;
    font: bold 14px Arial;
}

table.black {
    width: 100%;
}
table.black thead td {
    height: 72px;
    background: url('btop.jpg') no-repeat left top;
}
table.black tbody td {
    background: url('bbg.jpg') repeat-y left;
}
table.black tfoot td {
    height: 28px;
    background: url('bbot.jpg') no-repeat left bottom;
}

table.black thead td div {
    color: #c4c4c4;
    font: bold 14px Arial;
    padding: 25px 0px 0px 30px;
}

table.course thead td {height: 40px;}
table.course tfoot td {height: 30px;}


div.rBlock {
    width: 218px;
    color: #c4c4c4;
    font: normal 11px Arial;
    padding-left: 29px;
}

span.office {
    color: #000;
    font: bold 14px Arial;
}

div.coll a, div.coll a:link, div.coll a:visited {
    color: #005aff;
    font: normal 11px Arial;
}

div.rBlockp {padding: 0px 24px 0px 15px;}

table.form thead td.l {width: 5px;height: 6px;background: url('form-lt.gif') no-repeat left top;}
table.form thead td.c {height: 6px;background: url('form-ct.gif') repeat-x;}
table.form thead td.r {width: 5px;height: 6px;background: url('form-rt.gif') no-repeat right top;}
table.form tbody td.l {width: 5px;height:100%;background: url('form-lc.gif') repeat-y left;vertical-align: bottom;}
table.form tbody td.c {min-height:80px;height:100%;background: #ff7d0e url('form-cc.gif') repeat-y;}
table.form tbody td.r {width: 5px;background: url('form-rc.gif') repeat-y right;vertical-align: bottom;}
table.form tfoot td.l {width: 5px;height: 7px;background: url('form-lb.gif') no-repeat right top;}
table.form tfoot td.c {height: 7px;background: url('form-cb.gif') repeat-x;}
table.form tfoot td.r {width: 5px;height: 7px;background: url('form-rb.gif') no-repeat left top;}

table.form tbody td.l div {width:5px;height:79px;background: url('form-cy.gif') repeat-x bottom;}
table.form tbody td.r div {width:5px;height:79px;background: url('form-cy.gif') repeat-x bottom;}
table.form tbody td.c div.fbg {width:100%;height:80px;background: url('form-cy.gif') repeat-x bottom;}

table.form tbody td.c div.fbg div {padding: 10px;padding-top:5px;color:#fff;}
table.form tbody td.c div.fbg div b {color:#fff;}
table.form td input.text {width:160px;}
table.form td input.image {margin-bottom:-7px;margin-left: 4px;}

table.main tfoot td.fcoll {
    height: 71px;
    background: url('foot-bg.png') repeat-x;
}
table.main tfoot td.fcolc, table.main tfoot td.fcolr {
    background: url('foot-bg.png') repeat-x;
}
#fcolc {width:100%;height:71px;}

table.main tfoot td.fcoll div.baner {
    padding: 25px 0px 0px 15px;
}
div.contact {
    padding-top: 25px;
    padding-left: 25px;
    color: #fff;
    font: normal 11px Arial;
}
div.copy {
    padding-top: 25px;
    padding-left: 30px;
    color: #fff;
    font: normal 11px Arial;
}

.h100 {height: 100%;}

table.main thead td.menu, table.main thead td.topPhone {background: url('topbg.png') repeat-x;height:26px;}


table.menu {height: 26px;}
table.menu td {}
table.menu td.first {}
table.menu td a, table.menu td a:link, table.menu td a:visited {
    display: block;
    padding: 0px 20px;
    height: 20px;
    padding-top: 6px;
    color: #fff;
    font: bold 12px Arial;
    text-decoration: none;
}
table.menu td a:hover {
    background: url('menubg-hover.png') repeat-x;
}
table.menu td a.active {
    background: url('menubg-active.png') repeat-x;
}

/*
table.menu td a div {
    height: 24px;
}
table.menu td a div div {
    height: 24px;
}
table.menu td a div div div {
    cursor: pointer;
    color: #fff;
    font: bold 12px Arial;
    padding: 4px 10px 0px 10px;
}
*/

/*
table.menu td.active a, table.menu td.active a:link, table.menu td.active a:visited {height: 26px;background: url('ma-c.gif') repeat-x;}
table.menu td.active a div {height: 26px;background: url('ma-l.gif') no-repeat left top;}
table.menu td.active a div div {height: 26px;background: url('ma-r.gif') no-repeat right top;}
*/


div.bblack {padding: 5px 0px;}

div.officeMoscow {background: url('../upload/image/map/moscow.jpg') no-repeat 0px -7px;padding-top: 110px;}
div.officeVladivostok {background: url('../upload/image/map/vladivostok.jpg') no-repeat 0px -5px;padding-top: 110px;}
div.officeGyanch {background: url('../upload/image/map/gyanch.jpg') no-repeat 0px -5px;padding-top: 115px;}

span.h3up {
    color: #e56f00;
    font: bold 16px Arial;
    text-transform: uppercase;
}
/*
div {border: dotted 1px green;} table td {border: solid 1px red;}
*/


#minTop, #maxTop {display: none;}

#maxTop td.euro, #maxTop td.topOteco {
    height: 283px;
    vertical-align: top;
    background: url('top2.jpg') repeat-x top;
}
#maxTop div.oteco {
    height: 205px;
    background: url('oteco2.png') no-repeat 3px 0px;
}
#maxTop div.euro {
    height: 283px;
}
#minTop td.topOteco div.oteco div {
    padding-top: 10px;
}
#minTop td.topOteco div.oteco div.oriental {
    padding-top: 100px;
}