/*
 * Стили для виджетов
 */



/* 
--------------------------------------------------------------
		Виджеты
--------------------------------------------------------------
*/

/* .widget-area { padding:24px 40px } */

/* Виджеты: Горизонтальная сетка
--------------------------------------------------------------*/
.widget-1to1  { width:960px; }
.widget-1to2  { width:456px; }
.widget-1to3  { width:296px; }
.widget-2to3  { width:616px; }
.widget-1to4  { width:216px; }
.widget-3to4  { width:696px; }
.widget-1to5  { width:168px; }
.widget-2to5  { width:360px; }
.widget-3to5  { width:576px; }
.widget-4to5  { width:744px; }
.widget-1to6  { width:136px; }
.widget-1to10 { width:72px;  }
.widget-3to10 { width:264px; }
.widget-7to10 { width:648px; }


/* Виджеты: Информационные ссылки ( Школы, ДК, детсады, больницы ): Картинки для ссылок
--------------------------------------------------------------*/
#info-links li{ float:left }
.info-link{
	display:block; width:140px; height:60px;
	padding:5px 10px 5px 60px; margin:1px;
	background-color:#f9f9f9;
	background-position:5px 5px;
	background-repeat:no-repeat;
}
.info-link:hover{ background-color:#f0f0f0 }
.ico-kindergarten	{ background-image:url(/wp-content/themes/terra-sp/img/ico-info-links/ico-school-01.png); }
.ico-school			{ background-image:url(/wp-content/themes/terra-sp/img/ico-info-links/ico-school-03.png); }
.ico-clinic			{ background-image:url(/wp-content/themes/terra-sp/img/ico-info-links/ico-clinic-01.png); }
.ico-organisation	{ background-image:url(/wp-content/themes/terra-sp/img/ico-info-links/ico-organisation-01.png); }

.ico-pfr			{ background-image:url(/wp-content/themes/terra-sp/img/ico-info-links/ico-pfr-RUS-01.gif); }
.ico-gosuslugi		{ background-image:url(/wp-content/themes/terra-sp/img/ico-info-links/ico-gosuslugi-RUS-01.png); }
.ico-arms-rus		{ background-image:url(/wp-content/themes/terra-sp/img/ico-info-links/ico-arms-RUS-01.png); }



/* Виджеты: Иконки в заголовках
--------------------------------------------------------------*/
.widget-title span.ico{ display:block; float:left; width:32px; height:32px; margin-right:10px; 
  background:url(img/ico-widget-title.png) left top; background-repeat:no-repeat; }

.ico-enter		.widget-title 		a span.ico,
.ico-enter		.widget-title 		  span.ico	{ background-position: left  top    }
.ico-enter		.widget-title:hover a span.ico	{ background-position: right top    }
.ico-link		.widget-title 		a span.ico,
.ico-link		.widget-title 		  span.ico	{ background-position: left  -32px  }
.ico-link		.widget-title:hover a span.ico	{ background-position: right -32px  }
.ico-date		.widget-title 		a span.ico,
.ico-date		.widget-title 		  span.ico	{ background-position: left  -64px  }
.ico-date		.widget-title:hover a span.ico	{ background-position: right -64px  }
.ico-time		.widget-title 		a span.ico,
.ico-time		.widget-title 		  span.ico	{ background-position: left  -96px  }
.ico-time		.widget-title:hover a span.ico	{ background-position: right -96px  }
.ico-alert		.widget-title 		a span.ico,
.ico-alert		.widget-title 		  span.ico	{ background-position: left  -128px }
.ico-alert		.widget-title:hover a span.ico	{ background-position: right -128px }
.ico-doc		.widget-title 		a span.ico,
.ico-doc		.widget-title 		  span.ico	{ background-position: left  -160px }
.ico-doc		.widget-title:hover a span.ico	{ background-position: right -160px }
.ico-news		.widget-title 		a span.ico,
.ico-news		.widget-title 		  span.ico	{ background-position: left  -192px }
.ico-news		.widget-title:hover a span.ico	{ background-position: right -192px }
.ico-phone		.widget-title 		a span.ico,
.ico-phone		.widget-title 		  span.ico	{ background-position: left  -224px }
.ico-phone		.widget-title:hover a span.ico	{ background-position: right -224px }
.ico-sun		.widget-title 		a span.ico,
.ico-sun		.widget-title 		  span.ico	{ background-position: left  -256px }
.ico-sun		.widget-title:hover a span.ico	{ background-position: right -256px }
.ico-arms		.widget-title 		a span.ico,
.ico-arms		.widget-title 		  span.ico	{ background-position: left  -288px }
.ico-arms		.widget-title:hover a span.ico	{ background-position: right -288px }
.ico-eagle		.widget-title 		a span.ico,
.ico-eagle		.widget-title 		  span.ico	{ background-position: left  -320px }
.ico-eagle		.widget-title:hover a span.ico	{ background-position: right -320px }
.ico-mail		.widget-title 		a span.ico,
.ico-mail		.widget-title 		  span.ico	{ background-position: left  -352px }
.ico-mail		.widget-title:hover a span.ico	{ background-position: right -352px }
.ico-renew		.widget-title 		a span.ico,
.ico-renew		.widget-title 		  span.ico	{ background-position: left  -384px } /* - !!! Иконки нет в комплекте */
.ico-renew		.widget-title:hover a span.ico	{ background-position: right -384px }

/* Готовые имена
--------------------
#info-announce
#info-events
#enter-button
#info-calendar
#info-weather
#info-about
#info-rulemaking
#info-resolutions-ad
#info-instructions-ad
#info-resolutions-sd
#info-instructions-sd
#info-decisions-sd
#info-gosinfo
#info-schedule
#info-appeals
#info-useful-info
#info-useful-links
#info-news
#info-whats-new
--------------------
*/




/* Виджеты: Общее форматирование для суперглавной
--------------------------------------------------------------*/
.front-page-widget {	
	/*min-height:200px;*/
	margin:6px; padding:6px 6px;
	float:left;
	background:#f0f0f0;
	/*
	border:1px solid #e0e0e0;
	*/
}


/* Заголовки виджетов */
/* .widget-title  { margin:-6px -6px 6px; } */
h3.widget-title  { text-transform: uppercase; text-align: center; font-size:18px; background:url(img/title-line.jpg) center bottom no-repeat; line-height:32px; height:32px; margin: 0 0 10px; color:#edf8a1; }
h3.widget-title a{ display:block; width:100%; height:100%; line-height:inherit; color:inherit; }
h3.widget-title a:hover{ color:#fff; text-decoration:none }


.front-page-widget .widget-content     {  }


/* Виджеты-карусельки */
.front-page-widget li.slide				{ padding:5px 0 6px; border-bottom:1px dotted #c0c0c0; }
.front-page-widget li.slide:last-child	{ padding-top:6px; border-bottom:none; }
.front-page-widget li.slide .post-meta	{ font-size:12px; margin-bottom:6px; }
.front-page-widget li.slide .post-title	{ clear:none; }
.front-page-widget li.slide .post-title a { font-size:12px; line-height:18px; }
.front-page-widget li.slide p			  { font-size:12px; line-height:18px; margin-bottom:6px; }

.front-page-widget .post-img-wrapper{ width:135px; height:90px; overflow:visible; float:left; margin-right:10px; }
.front-page-widget .post-img-wrapper a{ display:block; width:inherit; }
.front-page-widget .post-img-wrapper img{ width:inherit; height:auto; }

/* Баннеры и ссылки */
.front-page-widget li.link{ margin-bottom:6px; }
.front-page-widget li.link a{ font-size:12px; line-height:18px; }

.front-page-widget li.link.info-banner{ width:inherit; height:76px; margin:0 -6px 4px; opacity:0.9; }
.front-page-widget li.link.info-banner:nth-last-child(1) { margin-bottom:0; }
.front-page-widget li.link.info-banner a{ display:block; width:228px; height:76px; }
.front-page-widget li.link.info-banner:hover{ opacity:1; outline:2px solid #09f; }

.front-page-widget li.link-8.info-banner {margin-top: 40px;}

.front-page-widget .widget-footer      { }
.front-page-widget .widget-footer-link { display:block; font-size:12px; line-height:18px; }




/*
--bookmark-- Виджеты: Вертикальные размеры
--------------------------------------------------------------*/





/*
--bookmark-- Виджеты: Форматирование активных
-------------------------------------------------------------- */
#info-slider { margin: 0; padding: 0; width: 960px; }
#info-slider li.slide { padding: 0; height: 440px; }
#info-slider .post-img-wrapper { width: 100%; height: 440px; overflow: hidden; float: left; }
#info-slider .all-cont { text-align: center; width: 415px; padding: 20px 40px; margin: -200px 233px 0; float: left; background: rgba(255,255,255,0.6); }
#info-slider .post-meta { color: #0a340b; font-size: 25px; font-weight: bold; }
#info-slider .post-title { margin: 20px 0; }
#info-slider .post-title a { color: #0a340b; font-size: 17px; text-decoration: none; }
#info-slider p { color: #333433; font-size: 12px; }


/* Виджет: Новости
-------------------------------------------------------------- */
#info-news{ margin: -250px 0 0; padding: 12px; background: #7d8288; position: relative; }
#info-news .widget-content{ padding:0; }
#info-news .pttm-slides-wrap{ overflow:hidden; }
#info-news .widget-content li.slide{ border-bottom: 1px solid #072408; padding: 15px 0 10px; }
#info-news .post-img-wrapper { display: none; }
#info-news .post-title a { color: #fff; text-decoration: none; font-size: 16px; line-height: normal; }
#info-news .post-meta { text-align: right; color: #c4c4c4; font-size: 16px; font-style: italic; line-height: normal; }
#info-news .widget-footer-link { text-decoration: none; text-align: center; color: #f5d10b; }
#info-news .widget-content li.slide-1 .post-img-wrapper {height: 140px; width: auto;}




#info-our-news { padding: 12px; margin: 0; background: #fff; }
#info-our-news .widget-content li.slide { float: left; border: none; margin: 15px 0; }
#info-our-news .widget-title { color: #0a340b; }
#info-our-news .post-img-wrapper { width: 146px; height: 146px; float: left; overflow: hidden; }
#info-our-news  .post-img-wrapper img { height: inherit; width: auto; }
#info-our-news .post-img-wrapper a { height: inherit; width: auto; }
#info-our-news .all-cont { float: left; width: 300px; }
#info-our-news .post-meta { color: #717171; font-size: 18px; margin-bottom: 15px; }
#info-our-news .post-title a { font-size: 17px; color: #0a340b; text-decoration: none; }


#info-gu { margin: 0; padding: 0; }


#info-gal { margin: -250px 0 0; padding: 12px; background: #7d8288; position: relative; }
#info-gal .widget-content li.slide { float: left; border: none; margin: 4px; padding: 0; }
#info-gal .post-img-wrapper { width: 100px; height: 100px; overflow: hidden; margin: 0; }
#info-gal  .post-img-wrapper img { height: inherit; width: auto; }
#info-gal .post-img-wrapper a { height: inherit; width: auto; }



#calendar { margin: 0; padding: 12px; background: #7d8288; color: #fff; }
#calendar #wp-calendar { color: #fff; }
#calendar #wp-calendar caption, #calendar #wp-calendar th, #calendar #wp-calendar td { width: 70px; padding: 7px; font-size: 14px; }
#calendar #wp-calendar a { color: #f5d10b; text-decoration: none; }

/* Виджет: Объявления
-------------------------------------------------------------- */
#info-announce{ height:327px; }
#info-announce .widget-content{ height:276px; }


/* Виджет: Актуально (Поселение)
-------------------------------------------------------------- */
#info-poselenie{ height:830px; }
#info-poselenie .widget-content{ height:800px; }


/* Виджет: Баннеры 1
-------------------------------------------------------------- */
#info-banners-1{ height:317px; padding-top:0; padding-bottom:0; }
#info-banners-1 .widget-content{height:311px;}
#info-banners-1 .info-opendata{ height:136px; width: 228px;
  margin-bottom: 25px; background: url(img/open-data.png) center center #444; }
#info-banners-1 .info-opendata a{ color:#fff; font-size:18px; padding:50px 6px 0; width:216px; }
#info-banners-1 .info-opendata a span{ display:block; font-size:12px; }

/* Виджет: Баннеры 2
-------------------------------------------------------------- */
#info-banners-2{ height:396px; padding-top:0; padding-bottom:0; }
#info-banners-2 .widget-content{}


/* Виджет: Новое на сайте
-------------------------------------------------------------- */
#info-whats-new{  }
#info-whats-new .widget-content{ height:408px; padding:12px 0 0; }
#info-whats-new .widget-content li.slide{ height:36px; }

#info-whats-new .whats-new-block{ width:40%; padding:6px 0 6px 5%; font-size:12px; margin:6px 0; }
#info-whats-new .whats-new-week { float:left; line-height:18px; }
#info-whats-new .whats-new-month{ float:right; line-height:18px; }
#info-whats-new .widget-content h3,
#info-whats-new .whats-new-block h3{ font-size:16px; margin:4px 0 4px; color:#0073ad; }
#info-whats-new .widget-footer-link{ clear:both; }



/* Виджет: Нормотворчество
-------------------------------------------------------------- */
#info-rulemaking{}
#info-rulemaking .widget-content{ height:486px; }


/* Виджет: Информация
-------------------------------------------------------------- */
#info-info{height: 305px;}
#info-info .widget-content{height: 255px;}
#info-info .widget-footer { margin-top: -18px; }


/*
--bookmark-- Виджеты: Форматирование про запас
-------------------------------------------------------------- */

/* Погодная воровалка
.pttm_weather .widget-title{ margin-bottom:14px; text-align:center; }
.pttm_weather .widget-title a{  font-size:18px; }
.pttm_weather table{ width:100%;  font-size:10px}
.pttm_weather tr{ padding:0; margin:0; border-bottom:1px dotted #ccc }
.pttm_weather td{ padding:6px; line-height:1.3em }
.pttm_weather td.w-day {width:60px; padding-left:0; vertical-align:top; }
.pttm_weather td.w-temp {width:100px; padding-right:0; vertical-align:top; text-align:right }
.pttm_weather td.w-ico {padding:6px 6px 0; width:auto; text-align:center }
.pttm_weather td.w-ico > img{ width: auto }
*/
/* РСС и прочая пое..бень
.widget-area .widget ul ul {}
.widget_rss li {}
.widget_recent_entries .post-date,
.widget_rss .rss-date {}
*/
/* Календарик
#wp-calendar { margin: 0; width: 100%; }
#wp-calendar caption {color:#06c; font-size:18px; text-align:center; padding-bottom:6px;}
#wp-calendar th { color:#aaa;  border-bottom:1px dotted #ccc }
#wp-calendar th, #wp-calendar td { text-align: right; padding:3px 0; }
#wp-calendar #prev { text-align: left; }
#wp-calendar #next {}
*/
/* Кнопка входа в систему
#enter-button { text-align:center; margin:48px 0}
#enter-button a { margin:0 auto; padding: 24px 48px; font-size:26px; background:#f0f0f0; border: 1px solid #d2d2d2; border-radius: 5px; }
#enter-button a:hover {	background: #e5e5e5; }
#enter-button a:active { color:#757575; background:#d5d5d5; }
*/
#wp-calendar {font-size: 11px;}
caption, th, td {
  width: 70px;
}



/*
--bookmark-- Слайдеры: Общие настройки
-------------------------------------------------------------- */
.widget .pttm-slider-nav{ display:block }
.widget:hover .pttm-slider-nav{ display:block }
.widget .pttm-slider-none .pttm-slider-nav, .widget:hover .pttm-slider-none .pttm-slider-nav{ display:none } /* Прячем кнопки, если нет слайдера */
.widget .pttm-slider-nav { background-image:url(img/slider-arrs-01.png); background-repeat:no-repeat; background-color:transparent; }
.widget .pttm-slider-nav:hover { background-color:transparent; }

/* Слайдёры: Вертикальные карусельки
-------------------------------------------------------------- */
.pttm-slider-plumb .pttm-slider-prev	  { left:0px;  background-position: center -23px; }
.pttm-slider-plumb .pttm-slider-prev:hover{ background-position: center top; }
.pttm-slider-plumb .pttm-slider-next	  { right:0px; background-position: center -92px; }
.pttm-slider-plumb .pttm-slider-next:hover{ background-position: center bottom; }
.pttm-slider-plumb .pttm-slider-nav 	  { height:23px; }

/* Слайдёры: Горизонтальные карусельки
-------------------------------------------------------------- */
.pttm-slider-twirl .pttm-slider-prev	  { left:0px;  background-position: -23px center; }
.pttm-slider-twirl .pttm-slider-prev:hover{ background-position: left center; }
.pttm-slider-twirl .pttm-slider-next	  { right:0px; background-position: -92px center; }
.pttm-slider-twirl .pttm-slider-next:hover{ background-position: right center; }
.pttm-slider-twirl .pttm-slider-nav 	  { width:23px; }


/*
--------------------------------------------------------------
		Кастом для разных экземпляров
--------------------------------------------------------------
*/
/*
.widget-content.pttm-slider-twirl h2, .widget-content.pttm-slider-plumb h2, .widget-content.pttm-slider-none h2
.widget-content.pttm-slider-twirl p,  .widget-content.pttm-slider-plumb p,  .widget-content.pttm-slider-none p{ line-height:1.5em }
.widget-content.pttm-slider-twirl h2, .widget-content.pttm-slider-plumb h2, .widget-content.pttm-slider-none h2 { font-family: Helvetica, Arial, sans-serif; font-size:12px; }
*/



/* 
--bookmark-- Меню по 8-ФЗ (Шарики)
-------------------------------------------------------------- */
.widget.menu-8fz { margin:0 0 40px; padding:0 12px; text-align:center}
.widget.menu-8fz .pttm-slider-prev { left:-12px;  }
.widget.menu-8fz .pttm-slider-next { right:-12px; }

.widget.menu-8fz li {margin:0; padding:0; float:left; text-align:center;}
.widget.menu-8fz a {
	display:block;
	width:180px; min-height:60px; 
	padding:180px 0 10px; margin:2px auto;
	
	font-size: 14px; line-height:1.3em;
	text-decoration:none; font-weight: normal;
	border:2px solid #f9f9f9; border-radius:7px;
	color:#7c7c7c;
}
.widget.menu-8fz a       { color:#555; background-position: left top; background-repeat:no-repeat; }
.widget.menu-8fz a:hover { color:#000; background-position: -184px top; border-color:#ddecf3 }

/* Индивидуальные фончики */
li#ad-glavnoe-menu-item-1 a,	li#sd-glavnoe-menu-item-1 a 	{ background-image:url(img/ico-8-fz/bg-8-menu-01.png); }
li#ad-glavnoe-menu-item-2 a,	li#sd-glavnoe-menu-item-2 a,
								li#sd-glavnoe-menu-item-3 a 	{ background-image:url(img/ico-8-fz/bg-8-menu-02.png); }
li#ad-glavnoe-menu-item-3 a,	li#sd-glavnoe-menu-item-4 a 	{ background-image:url(img/ico-8-fz/bg-8-menu-03.png); }
li#ad-glavnoe-menu-item-4 a,	li#sd-glavnoe-menu-item-5 a 	{ background-image:url(img/ico-8-fz/bg-8-menu-04.png); }
li#ad-glavnoe-menu-item-5 a,	li#sd-glavnoe-menu-item-6 a 	{ background-image:url(img/ico-8-fz/bg-8-menu-05.png); }
li#ad-glavnoe-menu-item-6 a,	li#sd-glavnoe-menu-item-7 a 	{ background-image:url(img/ico-8-fz/bg-8-menu-06.png); }
li#ad-glavnoe-menu-item-7 a,	li#sd-glavnoe-menu-item-8 a 	{ background-image:url(img/ico-8-fz/bg-8-menu-07.png); }
li#ad-glavnoe-menu-item-8 a,	li#sd-glavnoe-menu-item-9 a 	{ background-image:url(img/ico-8-fz/bg-8-menu-08.png); }
li#ad-glavnoe-menu-item-9 a,	li#sd-glavnoe-menu-item-10 a 	{ background-image:url(img/ico-8-fz/bg-8-menu-09.png); }
li#ad-glavnoe-menu-item-10 a,	li#sd-glavnoe-menu-item-11 a 	{ background-image:url(img/ico-8-fz/bg-8-menu-10.png); }




/* 
--bookmark-- Меню по 131-ФЗ (Блоки кнопок)
-------------------------------------------------------------- */
.widget.menu-131fz{ margin:0 0 40px; padding:0; float:left; }
.widget.menu-131fz.widget-1to1{ width:100% }
.widget.menu-131fz.widget-1to2{ width:50% }
.widget.menu-131fz.widget-1to4{ width:25% }

.widget.menu-131fz ul{ text-align:center; }

.widget.menu-131fz li{ float:left; margin:5px; }
/*.widget.menu-131fz li:nth-last-child(1){ float:none; width:230px; display:block; clear:both; margin:0 auto; }*/
.widget.menu-131fz a {
	display:table-cell;
	text-align:center; vertical-align:middle;
	width:208px; height:84px;

	padding:5px 10px;
	
	font-size:12px; line-height:18px; text-decoration:none;

	background:url(img/bg-botton-131fz.png) left center repeat-x #18384f;
	color:#fff; text-shadow:0 1px 0 #081520;
	
	border: 1px solid #081520; border-radius: 3px;
}
.widget.menu-131fz a:hover { color:#fff; background:#167f4a }
.widget.menu-131fz a:focus { outline:none; /*color: #757575; background:#d5d5d5;*/ }



