/*
 * dof.org.ru — template "dom".
 * Port of the legacy templates/dom/css/template_css.css (Joomla 1.7): same rules and values, minus
 * the IE6-8 / PIE.htc hacks, vendor-prefixed border-radius and the rules for features the site no
 * longer has (login/registration forms, comment form, custom select, social icons, "all news").
 * Fixed-width desktop layout (1000px), as before.
 */

/* --- base ----------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
.clr { clear: both; width: 0; height: 0; }
body { background-color: #f6f6f6; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; }
ul { list-style: none; }
#wrap { width: 100% !important; height: 100% !important; min-height: 1100px !important; }
a { color: #333333; }
a:hover { text-decoration: none; }

/* Narrow windows / phones (index.php sets the viewport to 1000px): the layout is 1000px wide and
   centred with left:50% + negative margins, so below 1000px its left part used to be cut off and
   unreachable. Keep the body at least 1000px wide, and clip the 1254px pencil bar instead of
   letting it add a horizontal scrollbar. */
body { min-width: 1000px; }
#wrap { overflow-x: clip; }

/* --- header ----------------------------------------------------------------------------------- */
.headerBgimg {
  width: 100%; height: auto;
  background-image: url(../images/headerBgL.png); background-repeat: repeat-x; background-position: bottom;
  position: relative; z-index: 11; padding-bottom: 5px;
}
.header, .headerNews, .centrall, .footerCentral {
  width: 990px; height: auto; position: relative; left: 50%; margin-left: -500px; padding-bottom: 14px;
}
.logo { width: 310px; height: auto; padding-top: 15px; float: left; margin-left: 20px; }
.logo img { border: 0; }
.logotext { color: #333333; }
.leftRegistr { float: right; width: 500px; height: auto; padding-top: 49px; }

/* "Articles about school education" button (inline styles in the legacy index.php):
   first line indented, second line centred */
.articlesBtn {
  float: left; width: 179px; height: 35px; margin: 0;
  background: url(../images/confimg.png) no-repeat;
}
.articlesBtn .enter { float: left; width: 150px; height: 27px; margin: 1px 5px; padding-left: 6px; text-align: left; }
.articlesBtn .enter a { padding-left: 17px; font-size: 10pt; color: black; text-decoration: none; }
.articlesBtn .enter .line2 { display: block; text-align: center; padding-left: 0; }

/* language switcher: the active language gets the grey tab (.rus), the other one the dark tab (.eng) */
.rusEng { width: 93px; height: 35px; float: right; margin-right: 15px; }
.rus, .eng {
  float: right; width: 35px; height: 28px; background-repeat: no-repeat; padding-top: 8px; padding-left: 9px;
}
.rus { background-image: url(../images/rus.png); }
.eng { background-image: url(../images/eng.png); }
.eng a, .rus a { font-size: 14px; text-decoration: none; }
.rus a { color: #6d6d6d; }
.eng a { color: #ffffff; }

/* --- main menu: the pencil ---------------------------------------------------------------------- */
.pensil { width: 1254px; left: 50%; margin-left: -633px; position: relative; height: 57px; }
.leftPensil {
  width: 127px; height: 57px; float: left;
  background-image: url(../images/leftPensil.png); background-repeat: no-repeat;
}
.rightPensil {
  width: 127px; height: 57px; float: right;
  background-image: url(../images/rightPensil.png); background-repeat: no-repeat;
}
.middlePensil {
  margin: 0 auto; width: 1000px; height: 57px;
  background-image: url(../images/middlePensil.png); background-repeat: repeat-x;
}
.pensilUl li {
  width: 150px; height: 33px; float: left; text-align: center; padding-top: 13px;
  background-image: url(../images/line.png); background-repeat: no-repeat; background-position: right;
}
.pensilUl li a {
  width: 150px; height: 36px; font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #313131;
  text-decoration: none; display: block; position: relative; top: -13px; padding-top: 13px;
}
.pensilUl li:hover { background-image: url(../images/hover.jpg); }
.pensilUl li.active {
  width: 150px; height: 33px; float: left; text-align: center; padding-top: 13px;
  background-image: url(../images/active.jpg); background-repeat: no-repeat;
}

/* --- breadcrumbs ---------------------------------------------------------------------------------- */
.headerNews { margin-top: 10px; }
.hlebKrosh { margin-top: -5px; padding-bottom: 20px; }
.hlebKroshUl li { float: left; margin-right: 5px; }
.hlebKroshUl li a { text-decoration: none; color: #333333; font-size: 14px; }

/* --- home page -------------------------------------------------------------------------------- */
.content {
  width: 100%; height: auto; position: relative; margin-top: -7px; z-index: 10;
  background-color: #f6f6f6;
  background-image: url(../images/contentImg.jpg); background-repeat: repeat-x; background-position: top;
}
.conImg { background-image: url(../images/bokovieImg.png); background-position: top center; background-repeat: no-repeat; }
.centrall { padding-top: 15px; }
.topZag { width: 730px; height: auto; margin-left: 20px; float: left; }
.topZag h1 { color: #ffffff; font-size: 24px; font-weight: normal; }
.topZag p { color: #ffffff; font-size: 14px; line-height: 20px; }
.whiteCentral {
  width: auto; height: auto; background-color: #f6f6f6; margin-top: 14px; border-radius: 10px 10px 0 0;
  position: relative; z-index: 0; padding-left: 20px; padding-top: 20px;
}
.leftBar { width: 630px; height: auto; float: left; }
.leftFoto { margin-bottom: 30px; }
.leftFoto img { margin-right: 14px; border: 1px solid #ffffff; }
img.lastIMg { margin-right: 0; }
.leftspisk { margin-left: 20px; margin-top: 5px; }
.leftspisk li { list-style-image: url(../images/tochk.png); font-size: 14px; color: #3f3f3f; line-height: 19px; }
.lLeftBlog { width: 310px; height: auto; float: left; }
.oficBlog {
  width: 310px; height: 194px; border-radius: 5px; position: relative; z-index: 0; padding-top: 21px;
  background-image: url(../images/oficLine.jpg); background-repeat: repeat-x;
}
.oficBlog h2 { margin-left: 17px; font-size: 18px; color: #3f3f3f; }
.oficBlog p { margin-left: 17px; color: #3f3f3f; font-size: 13px; margin-top: 5px; }
.kocOpen {
  width: auto; height: auto; padding-left: 31px; min-height: 50px; margin-left: 10px; margin-top: 11px;
  background-image: url(../images/kavichkaOpen.png); background-repeat: no-repeat; background-position: left top;
}
.kovClose {
  width: auto; height: auto; min-height: 50px; margin-right: 15px;
  background-image: url(../images/kavichkaCloze.png); background-repeat: no-repeat; background-position: right bottom;
}
.kovClose p { margin: 0; font-size: 12px; font-style: italic; }
.join {
  width: 148px; height: 27px; margin-top: 15px; margin-left: 80px; text-align: center; padding-top: 7px;
  background-image: url(../images/joinImg.png); background-repeat: no-repeat;
}
.join a { font-size: 14px; color: #3f3f3f; text-decoration: none; }
.proekti { width: auto; margin-top: 17px; }
.proekti h3, .lRightblog h3, .zagNews h3 { color: #3f3f3f; font-size: 18px; font-weight: normal; }
.poektInfo, .program, .material { margin-top: 8px; }
.poektInfo img, .program img, .material img { float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #ffffff; }
.poektInfo a, .program a, .material a { font-size: 14px; color: #d48614; text-decoration: none; }
.poektInfo p, .program p, .material p { font-size: 12px; color: #3f3f3f; }
.materialblog { margin-top: 20px; }
.lRightblog { width: 310px; height: auto; float: right; margin-left: 10px; }
a.plink { text-decoration: none; color: #3f3f3f; font-size: 12px; }
a.plink:hover { color: #d38514; text-decoration: underline; }

/* news column (mod_articles, layout html/mod_articles/default.php) */
.rightBar { width: 310px; height: auto; float: right; margin-right: 20px; }
.rNews { width: auto; height: auto; margin-top: 22px; }
.zagNews { float: left; }
.newsDate {
  width: 42px; height: 37px; text-align: center; float: left; margin-top: 5px; margin-left: 5px;
  color: #ffffff; font-weight: bold; padding-top: 7px;
  background-image: url(../images/newsdateImg.png); background-repeat: no-repeat;
}
.year { font-size: 10px; }
.newsInfo { width: 256px; height: auto; float: right; margin-top: 5px; }
.newsInfo h4 { color: #d48614; font-size: 14px; font-weight: normal; }
.newsInfo a { color: #3f3f3f; text-decoration: none; }
.rNewsUl li { border-bottom: 1px solid #dbdbdb; padding-bottom: 9px; }
.rNewsUl li:hover .newsDate { background-image: url(../images/newsdateImghover.png); }
.rNewsUl li:hover .newsInfo a.whover { color: #d38514; text-decoration: underline; }

/* --- inner pages: left column (section menu) + content -------------------------------------- */
.leftSideBar { width: 300px; height: auto; min-height: 1px; float: left; padding-left: 10px; }
.leftSideBar img { border: 1px solid #ffffff; margin-bottom: 10px; }
.LeftsideUl { margin-left: 5px; }
.LeftsideUl li { margin-bottom: 16px; }
.LeftsideUl li a { text-decoration: none; font-size: 14px; color: #3e3e3e; font-family: Arial, Helvetica, sans-serif; }
.LeftsideUl li a.rss img { border: 0; margin-bottom: 0; vertical-align: baseline; }
.activeLeftSiB a { color: #d48614 !important; }
.rightsideBar { width: 640px; height: auto; color: #333333; float: left; font-size: 14px; margin-left: 15px; margin-bottom: 15px; }
.rightsideBar h1 { font-size: 24px; color: #333333; font-weight: normal; }
.rightsideBar p { line-height: 20px; font-size: 14px; color: #333333; margin-top: 8px; padding-bottom: 10px; }
.rightsideBar img { float: left; margin-top: 7px; margin-right: 10px; }

/* classes used inside article texts */
.KOntul { line-height: 29px; font-size: 14px; color: #3e3e3e; }
.KOntul a { color: #d48614; text-decoration: none; }
.map { width: auto; height: auto; margin-top: 37px; min-height: 600px; }
.map h1 { margin-bottom: 10px; }
.persons td.personsr { vertical-align: top; padding-top: 5px; }
.personsr ul li { margin-left: 15px; }
.infotable { border-collapse: collapse; }
.infotable td { border: 1px #000000 solid; padding-left: 5px; padding-right: 5px; }

/* article lists (html/com_content/category/default_articles.php) */
.historyData, .historyData a { width: auto; height: auto; float: left; padding-top: 3px; color: #d48614; font-size: 14px; }
.historyInfo { width: 552px; height: auto; float: left; padding-top: 6px; margin-left: 5px; }
.historyInfo p { margin: 0; }
.historyInfo .intro { color: #333333; }
.historyUl li { margin-top: 10px; }

/* pagination (html/layouts/joomla/pagination/*): the legacy list was unstyled, one link per line */
.navi { margin-top: 10px; }

/* --- footer ----------------------------------------------------------------------------------- */
.footer { width: 100%; height: 212px; background-color: #313131; bottom: 0; margin-top: 15px; }
.footerCentral { padding-bottom: 5px; padding-left: 20px; padding-top: 25px; }
.leftFooerblog { width: 310px; height: auto; float: left; font-size: 14px; color: #cccccc; line-height: 20px; }
.leftFooerblog a { color: #cccccc; }
.grey { color: #999999; }
.rightFooterBlog { width: 310px; height: auto; float: right; }
.communicate {
  width: 130px; height: 28px; margin-top: 20px; margin-left: 83px; padding-left: 13px; padding-top: 3px;
  background-image: url(../images/comImg.png); background-repeat: no-repeat;
}
.leftFooerblog .communicate a { text-decoration: none; font-size: 14px; color: #313131; }
.dovObr { margin-top: 30px; font-size: 12px; color: #5f5f5f; }
.footerUl li a { text-decoration: none; color: #cccccc; font-size: 14px; line-height: 23px; }
.footerUl li a img { position: relative; top: 4px; margin-left: 3px; border: 0; }
.rssLi { margin-top: -3px; }

/* --- error page ------------------------------------------------------------------------------- */
.errorPage { padding-bottom: 40px; }
.errorPage .errorCode { color: #999999; font-size: 14px; margin-top: 8px; }