/* Общая часть, которую имеет смысл копировать во все шаблоны */
* { font-family: Verdana, Arial, sans-serif }
html { font-size: 100.01% }
body { padding: 0; margin: 0; font-size: 62.5% }
div { padding: 0; margin: 0 }
img { border: 0; padding: 0; margin: 0 }
td { vertical-align: top; padding: 4px }
form { padding: 0; margin: 0 }
ul { padding: 0; margin: 0; vertical-align: top; list-style-position: inside }
li { padding: 0; margin: 0 }
form { padding: 0; margin: 0 }
fieldset { padding: 0; margin: 0 }
select { margin: 2px 0 }

table.design { padding: 0; margin: 0; border-spacing: 0; empty-cells: show; border-collapse: collapse; width: 100%; table-layout: fixed }
.dbg { display:block; border: #888 1px solid }
.invis { display: none }

/* Компоненты дизайна сайта */
#all { width: 1224px; padding: 0 5px; margin: 0 auto; background: #fff; color: #493725; position: relative }
#main { padding: 0 18px; border-left: #e4e2e3 1px solid; border-right: #e4e2e3 1px solid; position: relative; background: #fff; top: 0; background: #f5f3f4 }
#frame1 { margin-left: 230px; margin-right: 230px; margin-top: 345px; border-left: #eeeced 1px solid; border-right: #eeeced 1px solid }
#frame2 { border-left: #dfddde 1px solid; border-right: #dfddde 1px solid }
#frame3 { border-left: #c9c7c8 1px solid; border-right: #c9c7c8 1px solid; }
#content { border-left: #ababab 1px solid; border-right: #ababab 1px solid; min-height: 680px; position: relative; padding: 0 20px 20px 20px; background: #fff; color: inherit; font-size: 1.2em; line-height: 160% }
#content li { padding-bottom: 3px }
#title { background: #ddd2e5 url('title.jpg'); height: 203px; width: 100%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; }
#topsep { position: absolute; top: 251px; height: 10px; width: 100%; background: url('topsep.jpg'); background-repeat: no-repeat; left: 0; font-size: 0% }
#newsline { position: absolute; top: 261px; height: 30px; background: #0280c8; width: 100%; left: 0; color: #fff; overflow: hidden }
#newsblock { position: relative; font-size: 1.4em; padding: 5px 20px; white-space: nowrap; height: 30px }
#subline { height: 7px; background: url('subline.gif'); font-size: 0%; border-left: #949393 1px solid; border-right: #949393 1px solid }
#footer { background: #0280c8; height: 45px; color: #fff; text-align: center; margin-top: 15px; font-size: 1.0em }
#footer address { font-style: normal; padding-top: 8px }
#footer address a, #footer #textcms a { color: #fff; text-decoration: underline }
#footer #textcms { padding-top: 4px }

/* Левое меню */
#leftcol { position: absolute; left: 20px; width: 210px; top: 345px }
#leftcol h2, #rightcol h2 { margin: 0; color: #0280c8; padding: 0 0 6px 0; background: url('separator.gif'); background-repeat: repeat-x; background-position: bottom; font-size: 1.8em; font-weight: normal; letter-spacing: -1px }
#leftcol ul, #rightcol ul { display: block; list-style: none; margin: 10px 0 15px 0; font-size: 1.4em }
#leftcol li, #rightcol li { padding: 3px 0 }
#leftcol a, #rightcol a { color: #493725; text-decoration: none }
#leftcol a:visited { color: #7A5C3E }
#leftcol a:hover, #rightcol a:hover { text-decoration: underline; color: #0280c8; } 

/* Правый блок */
#rightcol { position: absolute; right: 20px; width: 210px; top: 345px }

/* Верхнее меню */
#topmenu { position: absolute; left: 0; top: 210px; border: #5E7201 1px solid; height: 39px; width: 100%; background: url('topmenu.jpg') #60B02B; background-repeat: no-repeat; margin: 0 -1px }
#topmenu li { float: left; list-style: none; display: block; font-size: 1.4em; font-weight: bold; padding: 0 30px; text-align: center }
#topmenu li a { display: block; color: #fff; text-decoration: none; text-transform: uppercase }
#topmenu li a small { font-size: 0.9em; display: block; text-transform: lowercase }

/* Верхнее подменю */
#topline { position: absolute; top: 305px; height: 23px; width: 100% }
#topline ul { display: block;  }
#topline li { display: block; list-style: none; float: left; margin-right: 10px; background: url('back4.gif'); width: 160px; text-align: center; height: 23px }
#topline li:hover { background: url('active.gif');  }
#topline li a { font-size: 1.2em; padding-top: 3px; display: block; color: #fff; font-weight: bold; text-decoration: none }
#topline form { position: absolute; top: 0; right: 0; width: 240px }
#topline fieldset { border: 0 }
#topline legend { display: none }
#topline #search_text { width: 121px; height: 21px; border: 0; background: url('search.gif') #0280c8; color: #fff; padding: 1px 5px }
#topline #search_btn { width: 69px; height: 23px; text-align: center; border: 0; background: url('search_b.gif') #0280c8; color: #fff}
#topline #twitter { display: block; position: absolute; height: 28px; width: 28px; background: url('twitter.gif'); right: 260px; top: -4px }
#topline #vkontakte { display: block; position: absolute; height: 28px; width: 28px; background: url('vk.png'); right: 292px; top: -4px }

/* Отдельные элементы дизайна */
#content h1 { font-size: 170% }
#content a { color: #0280C8 }
#content a:visited { color: #238EC4 }
#content img { max-width: 100% }
a.external { padding-right: 13px; background: url('../typ2/external.gif'); background-repeat: no-repeat; background-position: right }
a.ozon { padding-right: 18px; background: url('ozon.gif'); background-repeat: no-repeat; background-position: right }

#pyramid { }
#pyramid li { text-align: center; width: 100%; list-style: none; line-height: 36px; font-size: 16px; white-space: nowrap }
#pyramid li a, #pyramid li span { padding: 5px 18px; margin: 0 2px; border: #77695c 1px solid; text-decoration: none; }
#pyramid li a { color: #0280c8 }

.infotable { width: 100%; border-collapse: collapse }
.infotable td, .infotable th { border: #493725 1px solid }
.infotable p { font-size: 90%; padding: 0; margin: 0 }

.author { font-size: 90%; text-align: right; font-style: italic; color: #999 }

#communities li, .mailru, .yaru, .privet, .vkontakte { padding: 0 0 5px 20px }

.mailru { background: url('../personal/images/blogs.gif'); background-repeat: no-repeat; background-position: 0 50% }
.yaru { background: url('../personal/images/ya.gif'); background-repeat: no-repeat; background-position: 0 50% }
.privet { background: url('../personal/images/privet.gif'); background-repeat: no-repeat; background-position: 0 50% }
.vkontakte { background: url('../personal/images/vkont.gif'); background-repeat: no-repeat; background-position: 0 50% }
.tempor { background: url('tempor.gif'); background-repeat: no-repeat; background-position: 0 50%; }
.aleafan { background: url('aleafan.gif'); background-repeat: no-repeat; background-position: 0 50%; }

.recommend { list-style: url('../typ2/tick_s.gif') inside }
.recommend li.vkontakte, .recommend li.mailru, .recommend li.yaru, .recommend li.privet { list-style: none }
#friends li { height: 32px; padding-left: 36px; vertical-align: middle }

#content h3 { color: rgb(0, 87, 156); } 
#content h1 { padding-top: 24px }

a.back { display: block; text-align: center; font-size: 125%; text-decoration: underline; color: #0280c8; padding: 10px 10px; margin-top: -16px }

#soc_buttons { padding-top: 20px }

/* Контакты и микроформат hCard */
.vcard { line-height: 120%; border: #eee 1px solid; padding: 0px 10px 15px 250px; position: relative; font-size: 91%; margin-bottom: 5px; border-radius: 20px; overflow: hidden; min-height: 240px }
.vcard .maininfo { font-size: 111%; line-height: 144% }
.vcard big { color: #800; font-weight: bold; font-size: 120% }
.vcard .photo { position: absolute; left: 15px; border: #ddd 4px solid; padding: 1px; top: 20px; width: 200px  }
.vcard li { padding: 0; margin: 0 }

/* CSS для "левых" устройств */
@media print {
  #all { min-width: 100%; max-width: 100%; width: 100%}
  #frame1, #frame2, #frame3, #main { border: 0; margin: 0; padding: 0; }
  #content { border: 0; color: #000; padding: 0 0 2em 0; margin: 0; position: static; min-height: 1em }
  #topmenu { display: none }
  #topline, #newsline { display: none }
  #title { display: none }
  #topsep { display: none }
  #leftcol, #rightcol { display: none }
  #footer { color: #000; padding: 0; margin: 0; height: auto }
  #footer address { padding: 0; margin: 0 }
  #footer a#terms { display: none }
  a.external { padding: 0; background: none }
  #textcms { display: none }
  #subline { display: none }
  .infotable { width: 99%; }
  #content table tr { page-break-inside: avoid; }
  #soc_buttons { display: none }
}

@media braille {
  #topline, #newsline { display: none }
}

@media handheld {
  #title { display: none }
  #leftcol, #topmenu, #topline { position: static }
  #newsline, #subline { display: none }
  #frame1, #frame2, #frame3, #main, #content { margin: 0; padding: 0; min-height: 100px; min-width: auto }
  #all { min-width: 100%; max-width: 100%; width: 100%}
  .leftblock { float: none }
}