/*******************************/
/* Администрация г. Березники  */
/********** main.css ***********/
/*******************************/

/* GLOBAL MARKUP */
BODY {background: url('../img/global-bg-x.jpg') repeat-x 0% 0% #9cb1c4;}

DIV.main {position: relative; min-height: 100%; border: solid 0px #0ff; zoom: 1;}
DIV.footer {height: 103px; margin-top: -103px; position: relative;}
	
	DIV.top {height: 244px; border: dotted 0px #f00; background: url('../img/top-image-bg.jpg') no-repeat center; position: relative;}
	DIV.mainmenu {height: 60px; border: dotted 0px #00f; background: url('../img/mainmenu-bg.jpg') repeat-x 0% 0%; position: relative; padding: 14px 17px 0px 13px;}
	DIV.content-area {padding: 0px 16px 99px 18px; overflow: visible;}
/* EOF GLOBAL MARKUP */

/**************************/
/* РАЗМЕТКА ВНУТРИ БЛОКОВ */

/*** TOP-MARKUP ***/
/* ЛОГОТИП */
DIV.top DIV.logo {width: 413px; height: 123px; position: absolute; border: solid 0px #f00; left: 33px; top: 28px;}
DIV.top DIV.logo TABLE {table-layout: fixed;}
DIV.top DIV.logo TABLE TD.logo-img {width: 122px; height: 123px;}
DIV.top DIV.logo TABLE TD.logo-title {width: 275px; height: 54px; vertical-align: top; padding: 3px 0px 0px 13px; border: solid 0px #000;}
/* EOF ЛОГОТИП */

/* СЕРВИС (service + ru-en + search) */
DIV.top DIV.service {width: 390px; height: 33px; position: absolute; right: 12px; top: 0px; border: solid 0px #000;}
	/* ПОИСК */
	DIV.service DIV.search {float: right; width: 245px; border: solid 0px #f00;}
	DIV.service DIV.search TABLE {float: right; width: 203px; height: 21px;}
	DIV.service DIV.search TABLE TD {border: solid 0px #f00; padding-top: 9px;}
	DIV.service DIV.search TD.field {padding-right: 8px; padding-top: 10px; width: 132px;}
	DIV.service DIV.search TD.field INPUT {color: #7f7f7f; font-size: 70%; padding: 0px 0px 0px 4px; width: 100%;}
	DIV.service DIV.search TD.button {padding-left: 0px; width: 66px;}
	DIV.service DIV.search TD.button INPUT {width: 100%; font-size: 70%; padding: 0px; font-family: Tahoma;}
	@media all and (min-width: 0) {DIV.service DIV.search TD.button INPUT {height: 21px;}} /* Opera 9.5 + Safari */
	html:not([lang*=""]):not(:only-child) DIV.service DIV.search TD.field {padding-bottom: 3px;} /* FF 1.5& 2 & 3 */
	/* EOF ПОИСК */
	
	/* LANGUAGE SELECT */
	DIV.service DIV.language {float: right; width: 56px; border: solid 0px #00f; padding-top: 9px;}
	DIV.service DIV.language TABLE { border: dotted 0px #000;}
	DIV.service DIV.language TABLE TD {height: 21px; font-size: 70%; padding: 0px 0px 2px 4px;}
	DIV.service DIV.language SPAN {color: #8ab7e1;}
	DIV.service DIV.language SPAN.separator {color: #fff;}
	DIV.service DIV.language A {color: #fff;}
	/* EOF LANGUAGE SELECT */
	
	/* SERVICE-MENU */
	DIV.service DIV.service-menu {float: right; width: 80px; border: solid 0px #00f; padding-top: 7px; padding-right: 1px;}
	DIV.service DIV.service-menu TABLE {border: solid 0px #f00;}
	DIV.service DIV.service-menu TABLE TD {height: 21px; border: solid 0px #fff; padding: 0px 13px 0px 5px;}
	/* EOF SERVICE-MENU */
/* EOF СЕРВИС (service + ru-en + search) */

/* БАННЕР */
DIV.top DIV.banner {position: absolute; width: 300px; height: 90px; right: 12px; top: 43px;}
/* EOF БАННЕР */
/*** EOF TOP-MARKUP ***/

/*** MAINMENU-MARKUP ***/
DIV.mainmenu DIV.left-bg {position: absolute; top: 0; left: 0; background: url('../img/mainmenu-left-bg.jpg') no-repeat 0% 0%; width: 25px; height: 60px;}
DIV.mainmenu DIV.right-bg {position: absolute; top: 0; right: 0; background: url('../img/mainmenu-right-bg.jpg') no-repeat 0% 0%; width: 25px; height: 60px;}
DIV.mainmenu TABLE {width: 100%; border: solid 0px #f00; position: relative; z-index: 3;}
DIV.mainmenu TABLE TD {vertical-align: top; border-right: solid 1px #6494c1; padding: 0px 0px 0px 10px; text-align: left;}
DIV.mainmenu TABLE TD.last {border-right: none;}
DIV.mainmenu TABLE TD IMG {behavior: url(/iepngfix.htc);}
/*** EOF MAINMENU-MARKUP ***/

/*** CONTENT-AREA-MARKUP ***/
DIV.content-area TABLE.content-markup {width: 100%; position: relative; table-layout: fixed; background: #fff; height: 600px;}
DIV.content-area TABLE.content-markup TD {vertical-align: top;}
DIV.content-area TABLE.content-markup TD.left {width: 29.5%; background: #fff;}
DIV.content-area TABLE.content-markup TD.middle {width: 45%; background: #fff;}
DIV.content-area TABLE.content-markup TD.right {width: 25.5%; background: url('../img/rightcolumn-bg.jpg') no-repeat 0% 0% #ecf3f9;}

	/* "Обращение мэра " */
	DIV.reference {border: solid 0px #f00; padding: 23px 20px 10px 0px;}
	DIV.reference TABLE {table-layout: fixed;}
	DIV.reference TABLE TD {border: solid 0px #f00; vertical-align: top; font-size: 70%;}
	DIV.reference TABLE TD DIV {border: solid 1px #94afd1; padding: 2px; position: relative; float: left; margin-right: 5px;}
	DIV.reference TABLE TD IMG.mer {}
	DIV.reference TABLE TD IMG.title {clear: right; margin-left: -13px;}
	DIV.reference TABLE P {border: solid 0px #f00; margin-top: 5px;}
	DIV.reference TABLE TD P.sign {font-size: 120%; margin: 5px 0px 8px 0px; font-style: italic; color: #6c6a6a; font-family: Arial;}
	DIV.reference TABLE TD.ref-leftpad {width: 15px; border: solid 0px #00f;}
	
		/* v.1.0 backuped since 13-03-2009
		DIV.reference TABLE TD.mer {width: 101px; padding: 0px 0px 0px 0px; text-align: right; vertical-align: top;}
		DIV.reference TABLE TD.mer-title {vertical-align: top; text-align: left;}
		DIV.reference TABLE TD.mer-info-left {text-align: right; padding: 12px 8px 0px 0px;}
		DIV.reference TABLE TD.mer-info {font-size: 70%; padding: 10px 50px 10px 0px;}
		DIV.reference TABLE TD.mer-info IMG {border: solid 0px #000; margin-bottom: -5px;}
		DIV.reference TABLE TD.mer-info P.sign {font-size: 120%; margin: 5px 0px 8px 0px; font-style: italic; color: #6c6a6a; font-family: Arial;}
		*/
	/* EOF "Обращение мэра " */
	
	/* "Приемная" && "Часто задаваемые вопросы" */
	DIV.faq-mainpage {border: solid 0px #f00; position: relative; padding-bottom: 15px;}
	
	DIV.faq-mainpage TABLE.faq {table-layout: fixed; width: 70%; height: 76px; margin-left: -4px; position: relative;}
	DIV.faq-mainpage TABLE.faq TD.left {background: url('../img/faq-left-bg.jpg') no-repeat 0% 0% #5697d3; width: 6px;}
	DIV.faq-mainpage TABLE.faq TD.middle {background: url('../img/faq-middle-bg.jpg') no-repeat 0% 0% #5697d3; width: 76px; border: none;}
	DIV.faq-mainpage TABLE.faq TD.text {background: url('../img/faq-text-bg.jpg') repeat-x 0% 0% #5697d3; text-align: left; padding-top: 15px;}
	DIV.faq-mainpage TABLE.faq TD.right {background: url('../img/faq-right-bg.jpg') no-repeat 0% 0% #5697d3; width: 12px;}
	DIV.faq-mainpage TABLE.faq TD.text A {font-family: Tahoma; color: #fff; font-size: 90%; font-weight: bold;}
	
	DIV.faq-mainpage TABLE.reception {table-layout: fixed; width: 70%; height: 75px; margin-left: -4px; margin-top: 5px; position: relative;}
	DIV.faq-mainpage TABLE.reception TD.left {background: url('../img/reception-left-bg.jpg') no-repeat 0% 0% #ed8234; width: 6px;}
	DIV.faq-mainpage TABLE.reception TD.middle {background: url('../img/reception-middle-bg.jpg') no-repeat 0% 0% #ed8234; width: 76px; border: none;}
	DIV.faq-mainpage TABLE.reception TD.text {background: url('../img/reception-text-bg.jpg') repeat-x 0% 0% #ed8234; text-align: left; padding-top: 6px;}
	DIV.faq-mainpage TABLE.reception TD.right {background: url('../img/reception-right-bg.jpg') no-repeat 0% 0% #ed8234; width: 12px;}
	DIV.faq-mainpage TABLE.reception TD.text A {font-family: Tahoma; color: #fff; font-size: 95%; font-weight: bold;}
	/* EOF "Приемная" && "Часто задаваемые вопросы" */
	
	/* "Новости" */
	TABLE.news-mainpage {width: 100%; margin-top: 24px;}
	TABLE.news-mainpage TD.part-header {text-align: left; vertcal-align: top; padding: 0px 0px 0px 0px;}
	TABLE.news-mainpage TD.link-all {text-align: right; vertical-align: top; padding: 5px 63px 0px 0px;}
	TABLE.news-mainpage TD.link-all A {color:#8a96a1; font-size: 75%; font-weight: bold; font-family: Tahoma;}
	
	TABLE.news-body {margin-top: 14px; width: 90%; border: solid 0px #f00;}
	TABLE.news-body TD {padding-bottom: 20px !important;}
	TABLE.news-body TD.news-img {vertical-align: top; padding: 0px 0px 4px 0px; border: dotted 0px #f00; width: 73px;}
	TABLE.news-body TD.news-img DIV {float: left;} /* works in IE6, look at ie6.css */
	TABLE.news-body TD.news-img IMG {border: solid 1px #94afd1; padding: 2px;}
	TABLE.news-body TD.news-text {vertical-align: top; padding: 0px 0px 4px 0px; border: solid 0px #000;}
	TABLE.news-body TD.news-text A {font-size: 95%; font-weight: normal; color: #000;}
	TABLE.news-body TD.news-text DIV {color: #646464; font-size: 70%; padding: 1px 0px 0px 0px; margin-top: -1px;}
	TABLE.news-body TD.news-text P {font-size: 70%; margin-top: 0px;}
	/* EOF "Новости" */
	
	/* Баннер 486x90 в центральной колонке */
	DIV.banner-big {width: 486px; height: 90px; position: relative; z-index: 0; margin: 10px 0px 25px 0px; }
	/* EOF Баннер 486x90 в центральной колонке */
	
	/* Дополнительное меню (header "Важно") */
	DIV.submenu-main {border: dotted 0px #000; padding: 24px 0px 25px 27px; z-index: 3; position: relative;}
	DIV.submenu-main UL {list-style: none; font-size: 75%; padding: 3px 45px 0px 2px;}
	DIV.submenu-main UL LI {margin: 5px 0px 6px 0px; line-height: 135%; background: url('../img/menu-plus-button.gif') no-repeat 0 4px; padding: 0px 0px 0px 15px;}
	DIV.submenu-main UL LI.current {margin: 5px 0px 6px 0px; line-height: 135%; background: url('../img/menu-minus-button.gif') no-repeat 0 4px; padding: 0px 0px 0px 15px;}
	DIV.submenu-main UL LI A {font-family: Tahoma; text-decoration: none;}
	
	DIV.submenu-main UL.sublevel {font-size: 100%;}
	DIV.submenu-main UL.sublevel LI {background: url('../img/sub-li-bg.gif') no-repeat 6px 8px; border: solid 0px #f00; margin: 0px 0px 3px 0px;}
	DIV.submenu-main UL.sublevel LI A {text-decoration: underline;}
	/* EOF Дополнительное меню (header "Важно") */
	
	/* Блок "Опрос" */
	DIV.vote {padding: 0px 0px 25px 30px; z-index: 3; position: relative;}
	DIV.vote H1 {font-size: 115%; padding-right: 50px; line-height: 100%; padding-left: 0px; font-family: Tahoma;}
	DIV.vote DIV {font-family: Tahoma; font-weight: normal; font-size: 110%; padding: 0px 55px 3px 0px; line-height: 100%;}
	DIV.vote UL {list-style: none; font-size: 70%; padding: 3px 10px 10px 15px;}
	DIV.vote UL LI {margin: 5px 0px 5px 0px;}
	DIV.vote UL LI A{}
	DIV.vote A.result {font-weight: bold; font-size: 75%;}
	/* EOF Блок "Опрос" */
	
	/* УГОЛКИ */
	DIV.footer DIV.content-corner-bl {position: absolute; top: 0px; left: 18px; width: 4px; height: 4px; background: url('../img/content-corner-bl.gif') 0% 0% no-repeat;}
	DIV.footer DIV.content-corner-br {position: absolute; top: 0px; right: 16px; width: 4px; height: 4px; background: url('../img/content-corner-br.gif') 0% 0% no-repeat;}
	/* EOF УГОЛКИ */

/*** EOF CONTENT-AREA-MARKUP ***/

/*** FOOTER MARKUP ***/
TABLE.footer-markup {width: 100%; height: 100%;}
TABLE.footer-markup TD.part-separator {height: 7px;}
TABLE.footer-markup TD.left   {width: 30%; background: url('../img/footer-left-bg.jpg') no-repeat 0% 0% #a4b7c9;}
TABLE.footer-markup TD.middle {width: 44%; background: #a4b7c9; color: #474f57; font-size: 70%; padding: 0px 0px 5px 2px;}
TABLE.footer-markup TD.right  {width: 26%; background: #a4b7c9; color: #474f57; font-size: 70%; padding: 0px 0px 5px 2px;}
/* TABLE.footer-markup TD.right {width: 26%; background: url('../img/footer-right-bg.jpg') no-repeat 100% 0% #a4b7c9; vertical-align: top; padding-top: 17px; border: dotted 0px #fff;} */

TABLE.footer-markup TD.middle P {margin: 5px 0px 5px 0px;}
TABLE.footer-markup TD.middle A {color: #474f57;}

TABLE.footer-markup TD.right DIV.counter {float: left; margin: 0px 7px 0px 0px;}
/*** EOF FOOTER MARKUP ***/

/* EOF РАЗМЕТКА ВНУТРИ БЛОКОВ */
/******************************/