BODY { font-family:arial,sans-serif; }
DIV, TD, TH { font-size:inherit; font-family:arial,sans-serif; }

#content { padding:0.5em 1.5em 0.5em 1.5em; }
@media all and (max-width:1020px) { #content { padding:0.5em 1em 0.5em 1em; } }
@media all and (max-width:640px) { #content { padding:0.5em 6px 0.5em 6px; } }

H1 { font-size:180%; }
H2 { font-size:140%; }
H3 { font-size:120%; }
H4 { font-size:110%; }
H5 { font-size:100%; }
H6 { font-size:92%; }
H1, H2, H3, H4, H5, H6 { margin:0.75em 0em 0.5em 0em; padding:0.25em 0em 0.25em 0em; }
H1[align=right] { margin-bottom:0em; }
.header { margin-top:0em; color:#058; border-bottom:1px dotted #4070C0; }
.subheader { margin:0em; padding-bottom:0.5em; color:#888; border-bottom:1px dotted #4070C0; }

A { color:#009; }
A:visited { color:#609; }
A:hover { color:#c00; text-decoration:underline; }
A:focus { color:#c00; }
A:active { color:#c00; }
A[NAME], A.none { text-decoration:none; }
A.none:hover { text-decoration:underline; }
A.stable:visited { color:#009; }
A.stable:hover { color:#c00; }
A.stable:focus { color:#c00; }
A.stable:active { color:#c00; }

P { margin:0.25em 0em 0.75em 0em; padding:0.2em 0em 0.2em 0em; }
UL, OL { margin-top:0.25em; margin-bottom:0.75em; padding-top:0.1em; padding-bottom:0.1em; }
UL.none { list-style-type:none; }
LI { margin-bottom:0.25em; }
DT { margin-top:0.25em; margin-bottom:0.25em; font-size:108%; }
DD { margin-top:0em; margin-bottom:0.75em; }
BIG, .big { font-size:108%; }
SMALL, .small { font-size:86%; }
SUB { font-size:78%; }
SUP { font-size:78%; }
STRONG { font-family:verdana,sans-serif; }
CAPTION { padding:0.75em 0em 0.5em 0em; font-family:verdana,sans-serif; font-weight:bold; }
FORM { padding:0px; margin:0px; }
TEXTAREA { font-family:arial,sans-serif; }
INPUT, TEXTAREA { font-size:100%; }
INPUT.wide, TEXTAREA.wide { width:98%; }
ABBR, ACRONYM, .hint { cursor:help; color:#036; }

.nowrap { white-space:nowrap; }

.grey, .gray { color:#666; }
.red { color:#c00; }
.blue { color:#058; }
.black { color:#000; }
.white { color:#fff; }
.maron { color:#800; }
.error { color:#c33; }
.bright { color:#b33; }

.bggrey, .bggray { background-color:#eee; }
.bgwhite { background-color:#fff; }

.underline { border-bottom:1px dotted #4070C0; }
.overline { border-top:1px dotted #4070C0; }
.border { border:1px solid #aab; }

#top { /*border-bottom:1px solid #058;*/ background-color:#fff; z-index:2; }
#undertop { position:static; height:0px; border-bottom:1px solid #058; }
@media all and (min-width:1021px) {
#top IMG#cfl_logo { width:160px; height:160px; }
#middle { margin-top:192px; }
}
@media all and (max-width:1020px) {
#top IMG#cfl_logo { width:120px; height:120px; }
#middle { margin-top:152px; }
}
@media all and (min-width:881px) {
#top { position:fixed; top:0px; left:0px; width:100%; }
}
@media all and (max-width:880px) {
#top { position:static; }
#middle { margin-top:0px; }
}

@media all and (max-width:880px) {
.fixedmenu { margin-bottom:32px; }
.fixedmenu #iconmenu { position:fixed !important; top:0px; left:0px; width:100%; z-index:4; }
.fixedmenu #mainmenu { position:fixed !important; top:0px; left:0px; width:100%; z-index:4; }
.fixedmenu #undertop { position:fixed !important; top:31px; left:0px; width:100%; z-index:4; }
}
@media all and (max-width:640px) {
.fixedmenu #mainmenu { position:absolute !important; top:auto; left:0px; width:16em; z-index:3; }
}

#bookshelf { display:table; width:100%; }
.logoshelf { display:table-cell; vertical-align:bottom; width:25%; min-width:120px; height:160px; padding-left:0.75vw; }
.bookshelf { display:table-cell; width:75%; height:160px; background-image:url(../img/bg-160.jpg); background-repeat:no-repeat; background-position:left bottom; }
.caseshelf { float:right; text-align:right; margin:10px 1em; padding:4px 0.5em; background-color:rgba(240,240,244,0.8); border:1px solid #dde; border-radius:4px; box-shadow:0px 0px 1px 1px #fff; text-shadow:1px 1px #fff; }
.caseshelf STRONG { font-size:17px; font-family:arial,sans-serif; color:#778; }
.caseshelf .phones { font-size:14px; text-shadow:1px 1px #fff, -1px -1px #fff; }
@media all and (max-width:1020px) {
.logoshelf { width:20%; height:120px; }
.bookshelf { height:120px; background-image:url(../img/bg-120.jpg); }
}
@media all and (max-width:640px) { .caseshelf .phones { display:none; } }
@media all and (max-width:480px) { .caseshelf { display:none; } }

#phones-fix { display:none; position:fixed; top:200px; left:100%;  z-index:2; }
#phones-fix #phones-abs { position:absolute; left:-60px; width:48px; height:48px; padding:0px; border:1px solid #26a; border-radius:48px; background-color:#fff; box-shadow:0px 0px 1px 1px #fff; }
#phones-fix #phones-abs #phones-a { display:block; position:absolute; width:47px; height:46px; border:1px solid #26a; border-radius:46px; background-color:#26a; background-image:url(../img/tube-bg.png); background-repeat:no-repeat; background-position:-2px 50%; }
#phones-fix #phones-abs #phones-t { display:none; vertical-align:middle; font-size:14px; width:102px; height:48px; padding:0px 30px 0px 60px; }
#phones-fix .phones-abs { left:-204px !important; width:192px !important; }
#phones-fix .phones-abs #phones-t { display:table-cell !important; }
@media all and (max-width:640px) { #phones-fix { display:block; } }


/* Головное меню */
.burgericon, .catalogicon { display:block; width:20px; height:20px; padding:4px 6px 4px 6px; background-repeat:no-repeat; background-position:center center;}
.burgericon { float:left; background-color:#058; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABlBMVEUAVYj///99x0GyAAAAAWJLR0QB/wIt3gAAABVJREFUeNpjYMAGGLEAEgRpAUawkwCcrgC11YrbSgAAAABJRU5ErkJggg==); }
.catalogicon { float:right; background-color:#058; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAMFBMVEUAVYiAqsTv9PhAf6awytpglbUgapd+qMIwdZ5Qiq2QtcsQX4////8+fqRqm7nw9fifftsMAAAAAWJLR0QMgbNRYwAAAHBJREFUeNqVkNsOgCAMQ3HA5FLd//+t8wYoxoS+QE42WmrMsEJ4E3ZQOW6ZJRwi28wRJEWbBFRnHSTvZxa4AoHpvCSg+ALXWxEIf7CuT3Vdjag3Ys0yx0UjYW3CC2757pvrk16FeKXcdeW/oGEeKnwDveoEksXHK74AAAAASUVORK5CYII=); }
.burgericon-s { background-color:#fff; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABlBMVEUAVYj///99x0GyAAAAAWJLR0QB/wIt3gAAABZJREFUeNpjYMQCGCgEWM2kUHAEOwkArroA3c5CuxsAAAAASUVORK5CYII=) !important; }
.catalogicon-s { background-color:#fff; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAKlBMVEUAVYh/qcNPia2/1OFvn7yvydrv9PiVuM7f6fAPX4/////P3+mfv9JQiq1zKqjIAAAAAWJLR0QKaND0VgAAAG5JREFUeNqF0FsSwBAMBdDrnXjsf7tFFS2j94c5MyEJ/CY4YghfpIScRDMqRg2rgcRgbZTOB3WUYFvuliE7AuIu08CDAWhvGSCccJSLUb7/qLQkaktwa/M5cRpTFpCu6XshMSstq4s79ES/S55zAVzUDJ5ce0oGAAAAAElFTkSuQmCC) !important; }
DIV.iconmenu { color:#fff; background-color:#058; padding-top:1px; border-bottom:1px solid #fff; }
DIV.mainmenu { color:#fff; background-color:#058; padding-top:1px; border-bottom:1px solid #fff; white-space:nowrap; }
DIV.mainmenu > .item { display:inline-block; white-space:nowrap; width:13%; min-width:auto; max-width:12em; }
DIV.mainmenu > #exam { min-width:14em; max-width:16em; }
DIV.mainmenu > .item > A { display:block; color:#fff; background-color:#058; text-decoration:none; font-size:16px; padding:5px 0.5em 6px 0.5em; height:18px; min-height:18px; max-height:18px; }
DIV.mainmenu > .item > A:visited { color:#fff; }
DIV.mainmenu > .item > A:hover { color:#c00; background-color:#fff; }
DIV.mainmenu > .item > A:focus { color:#c00; background-color:#ffb; }
DIV.mainmenu > .item > A:active { color:#c00; background-color:#ffb; }
DIV.mainmenu > .item > SPAN { display:block; padding:0.2em 0.5em 0.3em 0.5em; }
DIV.mainmenu DIV.popup { display:none; }
DIV.popupmenu { color:#058; background-color:#fff; border:1px solid #058; padding:1px; }
DIV.popupmenu > .item { display:block; white-space:nowrap; width:auto; min-width:14em; }
DIV.popupmenu > .item > A { display:block; color:#009; text-decoration:none; font-size:15px; padding:3px 0.5em 4px 0.5em; }
DIV.popupmenu > .item > A:visited { color:#009; }
DIV.popupmenu > .item > A:hover { color:#fff; background-color:#058; }
DIV.popupmenu > .item > A:focus { color:#ffb; background-color:#058; }
DIV.popupmenu > .item > A:active { color:#ffb; background-color:#058; }
DIV.popupmenu > .item > SPAN { display:block; padding:0.2em 0.5em 0.3em 0.5em; }
DIV.mainmenu #item-3 { width:3%; }
DIV.mainmenu #item-7 { width:7%; }
/* для десктопов */
@media all and (max-width:960px) {
DIV.mainmenu > #exam { min-width:auto; max-width:12em; }
DIV.mainmenu > #exam #exam-1 { display:none; }
DIV.mainmenu > #exam > A { text-transform:capitalize; }
DIV.mainmenu > #exam .popupmenu > .item { min-width:12em; } 
}
@media all and (min-width:881px) { #icon2c { display:none; } }
@media all and (min-width:641px) {
DIV.iconmenu { display:none; }
DIV.mainmenu { display:block; }
DIV.mainmenu DIV.popup { position:absolute; z-index:4; }
DIV.mainmenu DIV.popupmenu { margin-top:1px; }
DIV.mainmenu > DIV.item:hover > DIV.popup { display:block; }
}
/* для смартфонов */
@media all and (max-width:640px) {
#icon2c { display:none; }
DIV.iconmenu { display:block; height:29px; }
DIV.mainmenu { display:none; position:absolute; z-index:3; width:16em; padding:0px; border:1px solid #058; border-top:none; box-shadow:1px 1px 2px #fff; }
DIV.showmainmenu { display:block !important; }
DIV.mainmenu > .item { display:block; width:auto; max-width:16em; border-bottom:1px solid #fff; }
DIV.mainmenu > #exam { max-width:none; }
DIV.mainmenu > .item > A { border:1px solid #058; }
DIV.mainmenu DIV.popup { position:static; display:block; }
DIV.popupmenu { border:none; padding-bottom:0px; }
DIV.popupmenu > .item > A { padding-left:1.5em; }
DIV.mainmenu #item-3, DIV.mainmenu #item-7 { width:0%; display:none; }
DIV.mainmenu > #exam #exam-1 { display:inline; }
DIV.mainmenu > #exam > A { text-transform:none; }
}

/* Левая колонка */
#leftcolumn { background-color:#fff; border-left:none; border-right:1px solid #aab; border-bottom:1px solid #aab; margin-bottom:1em; }
#leftcolumn TH { color:#fff; background-color:#058; border-bottom:1px solid #058; font-family:verdana,sans-serif; font-size:92%; }
#leftcolumn P { margin:0.1em 0em 0.2em 0em; }
.leftmenu { color:#058; }
.leftmenu .item { padding:0em; }
.leftmenu .item A { display:block; color:#009; text-decoration:none; padding:3px 0.5em 4px 18px; }
.leftmenu .item A:visited { color:#009; }
.leftmenu .item A:hover { color:#fff; background-color:#058; }
.leftmenu .item A:focus { color:#ffb; background-color:#058; }
.leftmenu .item A:active { color:#ffb; background-color:#058; }
.leftmenu .item SPAN { display:block; padding:3px 0.5em 4px 18px; }
.leftmenu .item A.checked { background-repeat:no-repeat; background-position:center left; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEX///8AAJncEfieAAAAAWJLR0QAiAUdSAAAAB9JREFUeNpjYKAxYETnM6LKIfNBHEZGNOWMBAykLgAACFcAD/RLVE0AAAAASUVORK5CYII=); }
.leftmenu .item A.checked:hover { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEUAVYj///99x0GyAAAAAWJLR0QB/wIt3gAAAB9JREFUeNpjYKAxYETnM6LKIfNBHEZGNOWMBAykLgAACFcAD/RLVE0AAAAASUVORK5CYII=); }
.leftcontact { padding:0.4em 9px 0.4em 9px; font-size:92%; }
.leftfilter A { display:block; padding:1px 2px 1px 17px; font-size:92%; }
.leftfilter TD[CLASS~=small] { padding:0.3em 2px 0.4em 8px; }
.leftsearch { padding:5px 9px 5px 9px; }
/* для смартфонов - правая */
@media all and (max-width:880px) {
#left { display:none; float:right; width:20em; margin-right:1px; }
#leftcolumn { position:absolute; width:20em; z-index:1; border-left:1px solid #aab; border-right:none; box-shadow:-1px 1px 2px #fff; }
.showleft { display:block !important; }
#center { float:none; width:auto; }
}

TABLE.grid { border-top:1px solid #aab; border-left:1px solid #aab; }
TABLE.grid TH { border-bottom:1px solid #aab; border-right:1px solid #aab; background-color:#eee; }
TABLE.grid TD { border-bottom:1px solid #aab; border-right:1px solid #aab; }

TABLE.line { border-top:1px solid #aab; border-left:1px solid #aab; border-right:1px solid #aab; }
TABLE.line TH { border-bottom:1px solid #aab; background-color:#eee; padding-left:0.25em; padding-right:0.25em; }
TABLE.line TD { border-bottom:1px solid #aab; padding-left:0.25em; padding-right:0.25em; }

.pageset { clear:both; font-size:100%; padding:1em 1.5em 0em 0em; }
.pageset A { display:block; text-decoration:none; border:1px solid #009; min-width:2.5em; text-align:center; padding:0.1em 0.4em 0.1em 0.4em; margin:0em 0.5em 0.75em 0.5em; }
.pageset A:visited { color:#609; border-color:#609; }
.pageset A:hover { color:#c00; border-color:#c00; background-color:#ffb; }
.pageset A:focus { color:#c00; }
.pageset A:active { color:#c00; }
.pageset SPAN { display:block; color:#666; border:1px solid #666; min-width:2.5em; text-align:center; padding:0.1em 0.4em 0.1em 0.4em; margin:0em 0.5em 0.75em 0.5em; }

.text { max-width:68em; }
.footer { margin:1em 0em 1em 0em; padding:0.5em 0em 0.5em 0em;  }
IMG.download { vertical-align:middle; padding:0px 6px 1px 2px; }

.phone { white-space:nowrap; }
.phone A { color:#009; text-decoration:none; }
.phone A:visited { color:#009; }
.phone A:hover { color:#c00; text-decoration:none; }
.phone A:focus { color:#c00; }
.phone A:active { color:#c00; }
.phone IMG { padding:0px 3px 0px 0px; vertical-align:-3px; }
.phones { line-height:1.5; }

/* Новости */
.news { clear:right; border-top:1px dotted #4070C0; }
H1.header + .news { border-top:none; }
.attach { background-color:#E8F0FF; padding:0.5em; overflow:hidden; }
.attach > DIV { padding:0.25em; }
.attach > DIV > SPAN { font-size:86%; }
.news .attach { float:right; margin:0em 0.5em 0.5em 0.5em; min-width:20em; }
SPAN.hellip { display:none; }

@media all and (max-width:1120px) {
IMG.image-660 { width:660px; }
SPAN.longlink { display:none; }
SPAN.hellip { display:inline; font-weight:bold; }
}
@media all and (max-width:700px) {
IMG.image-660, IMG.image-580 { width:580px; }
}
@media all and (max-width:620px) {
IMG.image-660, IMG.image-580, IMG.image-420 { width:420px; }
}
@media all and (max-width:460px) {
IMG.image-660, IMG.image-580, IMG.image-420, IMG.image-340 { width:340px; }
.news .attach { float:none; margin:0em 0em 0.5em 0em; }
}
@media all and (max-width:350px) {
IMG.image-660, IMG.image-580, IMG.image-420, IMG.image-340 , IMG.image-300 { width:300px; }
}

/* Подвал */
.bottom { display:table; width:100%; border-top:1px solid #aab; }
.bottom>DIV { text-align:center; vertical-align:middle; padding:5px; border-bottom:1px solid #aab; }
.bottom1 { display:table-cell; width:35%; border-right:1px solid #aab; }
.bottom2 { display:table-cell; width:35%; border-right:1px solid #aab; }
.bottom3 { display:table-cell; width:30%; padding-top:6px;}
@media all and (max-width:640px) {
.bottom { display:block; width:auto; }
.bottom>DIV { display:block; width:auto; border-bottom:none; border-right:none; }
DIV.bottom1 { text-align:left; padding:5px 5px 0px 5px; }
DIV.bottom2 { text-align:left; padding:0px 5px 0px 1.75em; }
DIV.bottom3 { text-align:right; padding:0px 5px 5px 5px; }
}