/*
 * <2013> Communist Party of the Russian Federation <tech@kprf.ru>
 * Developer: Evgeniy Kozin https://twitter.com/EvgeniyKozin
 *
 */


/* ========  Общие ======== */
*{
  border: none;
  margin: 0;
  padding:0;
}

html {
  background: #fff url(../images/bg.png);
  font-family: Tahoma,verdana,arial,sans-serif;
  font-size: 13px;
  direction: ltr;
}

td {
 vertical-align: top;
}

input:focus {
  outline: none;
}

a.dashed {
  text-decoration: none;
  border-style: none none dashed;
  border-bottom-width: 1px;
}

a:hover {
  text-decoration: none;
}

a.dashed:hover {
  border-bottom-style: none;
  padding-bottom: 1px;
}

h1.title {
  color: #C00;
  font-size: 21px;
  font-family: Arial;
  font-weight: bold;
  line-height: 21px;
  margin-bottom: 4px;
}

h2.title {
  color: #666;
  font-weight: bold;
  font-family: Arial;
  margin: 16px 0 32px 0;
  font-size: 13px;
}

.borderlist {
  border-top: 1px solid #D2D2D2;
  border-left: 1px solid #D2D2D2;
  border-bottom: 1px solid white;
  border-right: 1px solid white;  
}

.borderlist_bg {
  background-color: #F8F9F9;
}

.borderlist_in {
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-bottom: 1px solid #D2D2D2;
  border-right: 1px solid #D2D2D2;
  padding: 10px 14px;
}

.solidborderlist {
  border: 1px solid #D2D2D2;
}

.content-text p, .content-text li {
  color: black;
  font-family: Arial;
  margin-bottom: 25px;
  line-height: 20px;
}

.content-text table {
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	width: 95%;
}
.content-text table th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
.content-text table td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

.content-text.staticpage img {
  float: right;
  margin: 8px;
}

.clear {
  clear: both;
}

#warp {
  /*background-color: #F8F9F9;*/
  background-color: white;
  width: 1000px;
  margin: 0 auto;
  -moz-box-shadow: 0 0 40px #D4DADB;
  -webkit-box-shadow: 0 0 40px #D4DADB;
  box-shadow: 0 0 40px #D4DADB;
  position: relative;
}


.ico_social {
  background-image: url(../images/ico_social_r2.png);
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
}

.ico_facebook {
  background-position: -22px  -2px;
}

.ico_twitter {
  background-position: 2px   -2px;
}

.ico_vk {
  background-position: -43px  -2px;
}

.ico_youtube {
  background-position: -64px -2px;
  width: 37px;
}

.ico_blog {
  background-position: -104px   -2px;
}

.ico_odnoklassniki {
  background-position: -124px   -2px;
}

.ico_website {
  background-position: -142px   -2px;
  width: 26px;
}

.ico_instagram {
  background-position: -176px   -2px;
}


.redbutton {
  display: inline-block;
  float: right;
  background: transparent url(../images/bg_filter_submit.png) repeat-x;
  color: white;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-decoration: none;
  padding: 6px 18px;
  height: 17px;
}

input.redbutton {
  padding: 0 18px;
  height: 29px;
}

.redbutton:hover {
  background-position: center -29px;
}

.redbutton.pushed {
  background-position: center -58px;
}

.materiallist .item {
  display: block;
  margin: 16px 0px;
}

.materiallist span {
 display: block;
}

.materiallist a.item {
  text-decoration: none;
  color: black;
}

.materiallist a.item:hover {
  text-decoration: underline;
}

.materiallist .title {
  color: #333;
  font-size: 13px;
  font-weight: bold;
  display: block;
  text-decoration: none;
}

.materiallist .desc {
  font-size: 13px;
  line-height: 19px;
  color: black;
}



/* ======== Заголовок ======== */
#yellowline {
  background: #FFC000;
  border-bottom: 1px solid #9B5300;
  text-align: right; 
  padding: 0 14px 3px 0;
}

#yellowline a { 
  color: #333;
  margin: 0 14px;
  display: inline-block;  
  height: 15px;
}

#yellowline .ico_social {
  margin: 5px 4px 0 0;
  padding-top: 10px;
  height: 3px;
}

#head {
  background: url(../images/bg_head.png) repeat-x; 
  border-top: 1px solid #F27449;
  height: 100px;
}

#sitelogo {
  background:  url(../images/sitelogo.png) no-repeat;
  width: 450px;
  height: 83px;  
  margin: 7px 0 0 17px;
  display: block;
}

#headsearch {
  float: right;
  margin: 25px 25px 0 0;
}

#headsearch form {
  background: transparent url(../images/bg_headsearch.png) no-repeat;
  height: 24px;
  width: 193px;
}

#headsearch form input {
  color: #999;
  font-size: 11px;
  font-style: italic;
  margin-top: 5px;
  height: 14px;
}

#headsearch  form input[type=text] {
  padding: 0;
  margin: 0 0 0 10px;
  width: 142px;
}

#headsearch  form input[type=submit] {
  width: 31px;
  height: 18px;
  color: transparent;
  background-color: transparent;
  cursor: pointer;
  font-size: 0;
}



/* ======== Главное меню ======== */
#menu {
  background: url(../images/bg_menu.png) repeat-x; 
  border-top: 1px solid #D1D1D1;
  height: 30px;
}

#menu ul {
  list-style: none;
  overflow: hidden;
}

#menu li {
  margin: 0;
  display: block;
  float: left;
  padding: 1px;
  /*background: url(../images/spl1.png) repeat-y 100% 0;*/
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #EFEFEF;
  border-right: 1px solid #939697;
  border-bottom: 1px solid #b8bbbc;
}

#menu #mti_1 a {
  width: 96px;
}

#menu #mti_2 a {
  width: 96px;
}

#menu #mti_3 a {
  width: 177px;
}

#menu #mti_4 a {
  width: 204px;
}

#menu #mti_5 a {
  width: 96px;
}

#menu #mti_6 a, #menu #mti_6 span {
  width: 96px;
}

#menu #mti_7 a {

  width: 96px;
}

#menu li#mti_7 {
 border-right-style: none;
}

#menu .item a, #menu .item span {
  text-decoration: none;
  color: black;
  font: 700 12px/15px arial;
  text-shadow: 1px 1px white;
  display: block;
  padding: 5px 8px 6px;
  text-align: center;
}

#menu .item span {
  cursor: pointer;
}

#menu .item.show {
  background: #EFEFEF url(../images/bg_active.png) repeat-x;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #EFEFEF;
  border-right: 1px solid #939697;
  border-bottom: 1px solid #EFEFEF;
}

#submenu .item {
  background-color: #EFEFEF;
  -moz-box-shadow: 2px 2px 10px #D4DADB;
  -webkit-box-shadow: 2px 2px 10px #D4DADB;
  box-shadow: 2px 2px 10px #D4DADB;
  
  left: 0;
  padding: 5px 20px 15px;
  position: absolute;
  top: 50px;
  z-index: 1002;
}

#submenu .item ul {
  list-style: none;
}

#submenu .item ul.items li {
  padding-top: 8px;
}

#submenu .item ul.subitems li {
  padding-top: 0px;
  padding-left: 14px;
}

#submenu ul.items li a {
  display: block;
  padding: 3px 0 8px;
  font-size: 12px;
  color: #333;
  text-decoration: none;
}

#submenu ul.subitems li a {
  display: block;
  padding: 3px 0 16px;
  font-size: 11px;
  color: #333;
  text-decoration: none;
}

#submenu .col {
  float: left;
  padding: 0 15px;
  width: 170px;
}

#submenu .colwide {
  float: left;
  padding: 0 15px;
  width: 230px;
}

/* Подвал */
#footer {
  margin: 18px 0 0 0;
}

/* Меню */
#footer .menu {  
  border-top: 1px solid #d1d1d1;
  background-color: #F1F1F1;
}

#footer .menu .kprflogo {
  float: left;
  display: block;
  margin: 32px 8px 0 16px;
}

#footer .menu div.footer_nav {
  /* position: relative; */
  float: left;
  width: 184px;
  margin: 32px 8px 32px 8px;
}

#footer .menu div.footer_nav.last {
  width: 160px;
  float: right;
  margin-right: 16px;
}

#footer .menu h4 {
  color: #636363;
  font-size: 12px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: thin solid #e1e1e1;
}

#footer .menu li {
  list-style: none;
}


#footer .menu li a {
  color: #666;
  padding: 0;
  font-size: 11px;
  border: none;
  margin: 0;
  display: block;
  float: none;
  line-height: 22px;
}


/* Условия и контакты */
#footer .info {
  background-color: #232323;
  color: #999;
  text-align: left;
  padding: 16px;
  font-size: 12px;
}

#footer .info a {
  color: red;
}

#footer .c2 {
  float: left;
  line-height: 23px;
}

#footer .c3 {
  float: right;
}


/* Карта региональных организаций */
#kprfmap .warp{
  padding: 0;
  top: 170px;
  left: 160px;
  position: absolute;
  width: 751px;
  height: 370px;
  z-index: 150;
}

#kprfmap .overlay {
  background: url(../images/colorbox/overlay.png) repeat 0 0;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 152;
}

#kprfmap .warpwindow {
  z-index: 153;
  position: absolute;
}

#kprfmap .closebutton {
  display: block;
  height: 21px;
  width: 21px;
  float: right;
  background: transparent url(../images/map_close_icon.png) no-repeat; 
}

#kprfmap .window {
  margin-top: 29px;
  width: 751px;
  height: 350px;
  padding: 16px;
  clear: both;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 20px #D4DADB;
  -webkit-box-shadow: 0 0 20px #D4DADB;
  box-shadow: 0 0 20px #D4DADB;
  background-color: #f2f2f2;
}

#kprfmap .window img.icon {
  float: left;
  margin-right: 8px;
}

#kprfmap .window h1.title {
  padding-top: 6px;
  text-transform:uppercase;
  font-weight:900;
}

#kprfmap .regionselector {
  margin-top: 16px;
  background: #fff url(../images/bg_menu.png) repeat-x;
  border-top: 1px solid #D1D1D1;
  border-left: 1px solid #B8BBBC;
  border-right: 1px solid #B8BBBC;
  border-bottom: 1px solid #B8BBBC;
  height: 300px;
  
}

#kprfmap .regionselector ul {
  list-style: none;
}

#kprfmap .regionselector li {
  margin: 0;
  display: block;
  float: left;
  padding: 1px;
  border-top: 1px solid white;
  border-left: 1px solid #EFEFEF;
  border-right: 1px solid #939697;
  border-bottom: 1px solid #B8BBBC;
  
  
  color: black;/*#3b3b3b;*/
  font: normal 12px/15px arial;
  text-shadow: 1px 1px white;
  padding: 6px 8px 7px;
  text-align: center;
  
  cursor: pointer;
}

#kprfmap .regionselector li.last {
  border-right: none;
}

#kprfmap .regionselector li.show {
  background-color: white;
  border-bottom: 1px solid white;
}

#kprfmap .regionselector .info {
  clear:  both;
  display: none;
  padding-left: 24px;
  background-color: white;
}

#kprfmap .regionselector .info ul {
  display: block;
  float: left;
  width: 200px;
  margin: 32px 0 0 16px;
}

#kprfmap .regionselector .info li {
  display: block;
  float: none;
  border: none;
  text-align: left;
}

#kprfmap .regionselector a {
  color: #cd0708;
  font: normal 13px/14px arial;
}


/* ========  Страница ======== */
.TPL {
  margin: 16px 16px 20px 16px;
  background-color: #fff;
  width: 968px;
  border-spacing: 0;
}

.TPL .colleft {
  width: 200px;
  padding: 0;
}

.TPL .colcontent {
  padding: 0 0 0 8px;
}

.TPL .colright {
  width: 200px;
  padding-left: 16px;
}


.TPL .colone {
  padding: 16px 24px 0 24px;
}

.TPL h1 {
  margin-bottom: 26px;
}

.TPL .no_red {
  color: #666;
}

/*.TPL ul {  
  margin-left: 30px;
  color: #666;
  font-size: 12px;
}

.TPL ul li {
  margin-bottom: 18px;
}*/

.TPL  a {
  color: #c00;
}


.TPL .breadcrumb {
  margin: 0 0 16px 0;
  font-size: 11px;
  font-family: Arial;
  font-weight: normal;
}

.TPL .breadcrumb a { 
  color: black;
  padding: 0 3px;
}

/* Меню на странице */
.secmenu h1 {
  color: #666;
  margin: 32px 0 10px 0;
  text-transform: uppercase;
  font-size: 18px;
  font-family: Arial;
  font-weight: bold;
  line-height: 21px;
}

.secmenu ul {
  list-style-image:url(../images/right_red.gif);
  margin-left: 30px;
  color: #666;
  font-size: 12px;
}

div.secmenu ul li {
  margin-bottom: 8px;
}

.seemore {
  font-size: 16px;
  font-family: Arial;
  color: #666;
  margin: 24px 0;
}

/* ======== Актуальные материалы ======== */
#importantlist {
  margin: 16px 0;
}

#importantlist .item {
  margin: 16px 0;
}

#importantlist h2 {
  font-size: 15px;
  font-family: Arial;
  color: #666;
}

#importantlist img {
  float: right;
}

#importantlist .item a {
  color: #666;
  font-size: 12px;
  line-height: 17px;
  text-decoration: none;
  font-style: italic;
}

#importantlist .item a:hover {
  text-decoration: underline;
}