/*
 * Стили для виджетов
 */



/* 
--------------------------------------------------------------
		Виджеты
--------------------------------------------------------------
*/

/* .widget-area { padding:24px 40px } */

/* Виджеты: Горизонтальная сетка
--------------------------------------------------------------*/
.widget-1to1  { width:936px; }
.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:none; float:left; width:32px; height:32px; margin-right:4px; 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:5px 5px 15px; padding:6px 6px;
	float:left;
	background:#fff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	
}


/* Заголовки виджетов */
/* .widget-title  { margin:-6px -6px 6px; } */
h3.widget-title  { text-align: center;
	font-size:16px; line-height:26px; height:26px;
	margin: -19px -10px 0 -12px; padding:0px; color:#f0f0f0;
	background:url(img/bg-widget-h3.png) top center no-repeat;
}
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     { background:#fff; }


/* Виджеты-карусельки */
.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 .widget-content .post-meta			{ font-size:12px; margin-bottom:6px; color:#003371; font-weight:bold; }
.front-page-widget .widget-content .post-title			{ font-size:12px; clear:none; }
.front-page-widget .widget-content .post-title a 		{ font-size:12px; line-height:18px; color:#333; }
.front-page-widget .widget-content .post-title a:hover	{ text-decoration:none; }
.front-page-widget .widget-content p				  	{ font-size:12px; line-height:18px; margin-bottom:6px; }

.front-page-widget .post-img-wrapper{ width:135px; height:90px; overflow:hidden; 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; color:#333; }
.front-page-widget li.link a:hover{ text-decoration:none; }

.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; }

.sk-href { padding: 5px; background: #3f3f9c; height: 64px!important; }
.sk-href a { color: #ccffff!important; text-decoration: none; font-size: 14px!important; line-height: 16px!important;}
.sk-href a span { color: #fff; font-size: 10px; }



.front-page-widget .widget-footer      { }
.front-page-widget .widget-footer-link { display:block; font-size:12px; line-height:18px; }




/*
--bookmark-- Виджеты: Вертикальные размеры
--------------------------------------------------------------*/





/*
--bookmark-- Виджеты: Форматирование активных
-------------------------------------------------------------- */


/* Виджет: Новости
-------------------------------------------------------------- */
#info-news{ }
#info-news .widget-content{ padding:0; }
#info-news .pttm-slides-wrap{ overflow:hidden; }
#info-news .widget-content li.slide{ height:90px; }

#info-news .widget-content li.slide-1{ height:258px; margin-bottom:12px; position:relative; }
#info-news li.slide-1 .post-meta{ display:none; }
#info-news li.slide-1 .post-title{ background:url(img/bg-trans-70.png) left top repeat rgba(0,0,0,0.7); padding:6px 12px; height:60px; position:absolute; left:0; bottom:0; width:432px; }
#info-news li.slide-1 .post-title a{ color:#fff; font-size:14px; }
#info-news li.slide-1 .post-img-wrapper{ background:#f0f; float:none; clear:both; width:456px; height:258px; }
#info-news li.slide-1 .post-img-wrapper img{ width:456px; height:auto; }


/* Виджет: Объявления
-------------------------------------------------------------- */
#info-announce{ height:446px; }
#info-announce h3 { background: url(img/bg-widget-h3-s.png) top center no-repeat; margin: -19px -17px 0 -12px; }
#info-announce .widget-content{ height:422px; }


/* Виджет: Информация
-------------------------------------------------------------- */
#info-info{ height:356px; }
#info-info h3 { background: url(img/bg-widget-h3-s.png) top center no-repeat; margin: -19px -10px 0 -11px; }
#info-info .widget-content{ height:302px; }



/* Виджет: Актуально (Поселение)
-------------------------------------------------------------- */
#info-poselenie{ height: auto; }
#info-poselenie h3 { background: url(img/bg-widget-h3-s.png) top center no-repeat; margin: -19px -10px 0 -11px; }
#info-poselenie .widget-content{ height: auto; margin-top:12px; }
#info-poselenie .widget-content li{ margin-bottom:12px; }
#info-poselenie .widget-content li.info-opendata{ height:136px; background:url(img/banner-opendata.jpg) center center no-repeat #444; margin-top:30px; margin-bottom:30px; height:130px; }
#info-poselenie .widget-content li.info-opendata a{ color:#fff; font-size:18px; padding:65px 6px 0; width:216px; height:65px; }
#info-poselenie .widget-content li.info-opendata a span{ display:block; font-size:12px; }



/* Виджет: Обращения
-------------------------------------------------------------- */
#info-appeals{ height:226px; }
#info-appeals h3 { background: url(img/bg-widget-h3-s.png) top center no-repeat; margin: -19px -10px 0 -11px; }
#info-appeals .widget-content{ height:128px; margin-top:14px; }
#info-appeals .widget-content .post-title { margin-bottom:10px; }
#info-appeals .widget-footer-link{	padding:10px; background:url(img/bg-button-131fz.jpg) center center no-repeat #032b5c; border-radius: 5px; border-bottom: 2px solid #ffde00;
	text-align:center; margin-top:10px;
	color:#fff;
}
#info-appeals .widget-footer-link:hover{ text-decoration:none; }


/* Виджет: Новое на сайте
-------------------------------------------------------------- */
#info-whats-new { margin-bottom: 22px; }
#info-whats-new h3.widget-title { background: url(img/bg-widget-h3-s.png) top center no-repeat; margin: -19px -10px 0 -11px; }
#info-whats-new .widget-content{ height: auto; padding:12px 0 0; }
#info-whats-new .widget-content li.slide{ height:38px; }

#info-whats-new .whats-new-block{ width:50%; padding:6px 0 6px; 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 .whats-new-block h3{ font-size:16px; margin:4px 0 4px; color:#003371; font-weight:bold; }
#info-whats-new .widget-footer-link{ clear:both; }



/* Погодная воровалка
-------------------------------------------------------------- */
#info-weather { height:226px; }
#info-weather h3 { background: url(img/bg-widget-h3-s.png) top center no-repeat; margin: -19px -17px 0 -12px; }
#info-weather .widget-content { margin-top:10px; }
#info-weather table{ width:100%; font-size:12px}
#info-weather tr{ padding:0; margin:0; border-bottom:1px dotted #ccc }
#info-weather td{ padding:6px; line-height:1.3em }
#info-weather td.w-day {width:60px; padding-left:0; vertical-align:top; }
#info-weather td.w-temp {width:100px; padding-right:0; vertical-align:top; text-align:right }
#info-weather td.w-ico {padding:6px 6px 0; width:auto; text-align:center }
#info-weather td.w-ico > img{ width: auto }




/* Виджет: Нормотворчество
-------------------------------------------------------------- */
#info-rulemaking{ height:226px; }
#info-rulemaking h3 { background: url(img/bg-widget-h3-s.png) top center no-repeat; margin: -19px -17px 0 -12px; }
#info-rulemaking .widget-content{  }
#info-rulemaking .widget-footer-link{
	padding:10px; background:url(img/bg-button-131fz.jpg) center center no-repeat #032b5c; border-radius: 5px; border-bottom: 2px solid #ffde00;
	text-align:center; margin-top:10px;
	color:#fff;
}
#info-rulemaking .widget-footer-link:hover{ text-decoration:none; }







/*
--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; }
*/





/*
--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{ height:94px;  float:left; margin:5px 0; padding: 0 6px; background:url(img/bg-button-131fz.jpg) center center no-repeat #032b5c; }
/*.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:216px; height:94px;

	padding:3px 6px;
	
	font-size:14px; line-height:18px; text-decoration:none;

	
	color:#f0f0f0; 
}
.widget.menu-131fz a:hover { color:#fff; text-shadow:0 1px 0 #081520; }
.widget.menu-131fz a:focus { outline:none; /*color: #757575; background:#d5d5d5;*/ }