/*
Theme Name: Ktovdome
Theme URI:ktovdome.ru 
Description:home repairs 
Version: 2.0
Author:WISCO 
Author URI:wisco.info
*/


html {
	height:100%;
}
body {
	  
	width:100%;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	color:#16110c;
	font-size: 1em;
	background:#f0cd8d;
}
form {margin:0;}
a:link {color:#b5073c;text-decoration:underline;}
a:visited {color:#7d3047;text-decoration:underline;}
a:hover {color:#b5073c; text-decoration:none;}			
img {border:0;}

/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left; 
	margin:0px 10px 10px 0px;
}

.alignright {
	float: right;
	margin:0px 0px 10px 10px;
}

.wp-caption {
	border: 1px solid #f5ce88;
	text-align: center;
	background-color: #f4dcb1;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	max-width:100%!important;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: none!important;
	max-width:99%;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* End captions & aligment */

ul.index_menu { list-style:url(imgs/cat2.png)}

 .soc {
    position: fixed; /* Фиксированное положение */
    right: 10px; /* Расстояние от правого края окна браузера */
    top: 30%; /* Расстояние сверху */
    padding: 10px; /* Поля вокруг текста */  
	background:#f0cd8d;
   }

/*** S E A R C H ***/
input.input_search {
	height:22px;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666;
	background:#fff;
	border:1px solid #666;
	margin:0;
}
.button_search {
	border:0;
	color:#fff;
	font-family:Arial;
	font-size:12px;
	background:url('imgs/search_button.jpg') left top no-repeat;
	width:79px;
	height:30px;
	margin-left:5px;
	vertical-align:top;
	cursor:pointer;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -73px;
	width:980px;
	background:url('imgs/bg1.jpg') left top no-repeat;	
}

#banner_728x90 {padding:10px 0px 20px; text-align:center;}
#banner_728x90 img {
	/*border:1px solid #fff;*/
}


/*** H E A D E R ***/
#header {
	height:182px;
	width:100%;
	background:url('imgs/bg1.jpg') left bottom no-repeat;
	position:relative;
}
	#logo {
		position:absolute;
		left:76px;
		top:59px;
	}
	#search {
		position:absolute;
		left:25px;
		top:130px;	
	}
	#icos {
		position:absolute;
		left:227px;
		top:22px;		
	}
	#icos img {margin-right:32px; float:left;}



/*** M E N U   T O P ***/
#menu_top {
	overflow:hidden;
	width:100%;
	height:45px;
	background:url('imgs/topmenu_bg2.png') left bottom repeat-x;	
	color:#fff;
}
	ul.menu_top {
		list-style-type:none;
		margin:10px 0px 0px 25px;
		padding:0;
	}
	ul.menu_top li {
		padding:0;
		font-size:80%;
		float:left;
		padding-right:15px;
		padding-bottom:10px;
	}
	.menu_bg1 {
		background:url('imgs/topmenu_bg1.png') left top no-repeat;
		width:100%;
		overflow:hidden;
		height:45px;		
	}
	.menu_bg2 {
		background:url('imgs/topmenu_bg3.png') right top no-repeat;
		width:100%;
		overflow:hidden;
		height:45px;		
	}
	#menu_top a:link {color:#fff;} 	
	#menu_top a:visited {color:#d9ced1;}


/*** C O N T E N T ***/
#content {	
	width:100%;
	overflow:hidden;
}



#content h1 {font-size:2em;margin:0px 5px 0px 5px; padding:0; font-weight:normal; line-height:normal}
/*** M E N U ***/
#menu {
	width:165px;
	padding:15px 0px 40px 5px;
	overflow:hidden;	
	float: right;	
	overflow:hidden;
	margin-top:15px;
	background:#b5073c url('imgs/bg3.png') right bottom no-repeat;
}

	ul.menu {
		list-style-type:none;
		margin:0px 0px 20px 0px;
		padding:0px 10px 20px 0px;
		width:190px;
		overflow:hidden;
		background:#b5073c url('imgs/bg3.png') right bottom no-repeat;
	}
	ul.menu li, ul.menu li.active {
		padding:0px 30px 3px 25px;
		margin:15px 0px 0px 20px;
		background:url('imgs/bullet.png') left top no-repeat;
	}
	ul.menu li.bullet {}
	ul.menu ul {
		list-style-type:none;
		margin:5px 0px 0px 15px;
		padding:0;
	}
	ul.menu ul li {
		margin:5px 0px 0px 0px;
		padding-left:2px;
		background:none;
		font-size:12px;
	}
	ul.menu a:link, ul.menu a:hover {color:#fff; font-size:11px;}
	ul.menu a:visited {color:#d9ced1; font-size:11px;}
	ul.menu a.selected:link, ul.menu a.selected:visited {color:#fff; font-weight:bold; font-size:11px;}
	.active {color:#fbf021; font-style:italic; font-size:11px;}


	ul.menu_full {
		list-style-type:none;
		margin:0px 0px 20px 0px;
		padding:0px 10px 20px 0px;
		width:310px;
		overflow:hidden;
		background:#b5073c;
	}
	ul.menu_full li, ul.menu_full li.active {
		padding:0px 30px 3px 25px;
		margin:15px 0px 0px 20px;
		background:url('imgs/bullet.png') left top no-repeat;
	}
	ul.menu_full li.bullet {}
	ul.menu_full ul {
		list-style-type:none;
		margin:5px 0px 0px 15px;
		padding:0;
	}
	ul.menu_full ul li {
		margin:5px 0px 0px 0px;
		padding-left:2px;
		background:none;
		font-size:12px;
	}
	ul.menu_full a:link, ul.menu_full a:hover {color:#fff;}
	ul.menu_full a:visited {color:#d9ced1;}
	ul.menu_full a.selected:link, ul.menu_full a.selected:visited {color:#fff; font-weight:bold;}
	.active {color:#fbf021; font-style:italic;}

	#google_200 {
		padding:10px 0px 0px 25px;
	}



/*** T E X T ***/
#text_bg {
	width:805px;
	overflow:hidden;
	float: left; margin-top:15px;
	background:#FFF0D5 url('imgs/bg4.png') left bottom repeat-x;
}
#text {
	width:760px;
	overflow:hidden;
	padding:0px 25px 30px 25px;
	background: url('imgs/bg2.png') left top repeat-x;
	line-height:20px;
	font-size:14px;
}
#text a {color:#333}

#text td {line-height:normal;}

#text table {margin-bottom: 13px;}

#text_bg_main {
	width:100%;
	overflow:hidden;
	float:left;
	background:#f5dcaf url('imgs/bg4.png') left bottom repeat-x;
}
#text_main {
	width:auto;
	overflow:hidden;
	padding:0px 25px 30px 25px;
	background: url('imgs/bg2.png') left top repeat-x;
}

#text_main hr {
	background:#B5073C;
	border-top:1px solid #B5073C;
	border:0;
	color:#B5073C;
	height:1px;
	margin:15px 0px 15px 0px;
	padding:0;
}

#text_bg_search {
	width:100%;
	overflow:hidden;
	float:left;
	background:#f5dcaf url('imgs/bg4.png') left bottom repeat-x;
}
#text_search {
	width:auto;
	overflow:hidden;
	padding:0px 25px 30px 25px;
	background: url('imgs/bg2.png') left top repeat-x;
}




#text img {border: 5px #F0CD8D solid; padding:2px; max-width:90%; height:auto;}

#text blockquote {
  background: #fff;
  border-left: 10px solid #b5073c;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
#text blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
#text blockquote p {
  display: inline;
}

#text ol li {margin-bottom:15px}


#text table {
  font-size: 14px;
  background: fff1d3;
  max-width: 100%;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
border: none;
	margin-bottom: 13px;
	max-width:100%;
}
#text th {
  font-weight:bold;
  
  
  padding: 10px 15px;

}
#text td {
  
  border: 1px solid #e0caa2;

  padding: 10px 15px;
}
#text tr:nth-child(2n) {background:#e0caa2;}



#text hr {
	background:#DDC9A5;
	border-top:1px solid #DDC9A5;
	border:0;
	color:#DDC9A5;
	height:1px;
	margin:15px 0px 15px 0px;
	padding:0;
}
	.text_header {
		width:100%;
		overflow:hidden;
	
		color:#ccc;	
		font-size:1.1em; margin:10px 0px 10px 10px; padding:0; font-weight:normal;}	
		
		.text_header a {
		color:#ccc!important;	
		font-size:100%; text-decoration:none!important; font-weight:normal;}		
		
		.text_header h1 {font-size:1.1em!important; border:0 }
	
	.publ_zag {margin-bottom:15px; font-size:1.3em; text-align:left!important; line-height:normal;  }
	 .publ_zag a {font-weight:normal; font-size:1.3em; text-align:left!important; color:#76320D!important; line-height:normal; }

	.publ {width:100%; overflow:hidden; margin-top:10px;  line-height:1.4em; padding-bottom:20px; border-bottom:#F0CD8D solid 1px;}
	#text .publ img {margin:0px 10px 0px 0px; padding:1px; border: 5px #F0CD8D solid; max-width:200px; height:auto; float:left}

	.bottom_bg {height:11px; width:100%; background:url('imgs/bg4.png') left top repeat-x;}


/*** F O O T E R ***/
#push {
	height:73px;
	width:100%;
}
#footer {
	color:#fff;
	width:100%;	
	height:73px; font-size:70%;
}
#footer_inside {
	height:73px;
	width:980px;
	margin:0 auto;
	overflow:hidden;	
	background:#b3073b url('imgs/bg5.jpg') left top no-repeat;	
}
	.footer_left {float:left; width:350px; padding:20px 0px 15px 140px;}
	.footer_right {float:right; padding:20px;}
	.footer_right img {padding-right:10px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); opacity: 0.3;-moz-opacity: 0.3;}
	.footer_right img:hover {padding-right:10px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity: 1;-moz-opacity: 1;}
	
	
h1 {font-size:2em;margin:0px 0px 0px 0px; padding:0; font-weight:normal;  border-bottom:#F0CD8D solid 1px;}
h2 {font-size:1.6em;margin:0px 5px 10px 5px; padding:0; font-weight:normal;}	


.pages {
margin-top: 55px;
    clear: left;

padding-bottom:13px;
    font-size: 12px;
    font-family: Arial, sans-serif; margin-left: 0px;
}

.pages a:hover {
    background:#DCBC81; color:#B3073B;
text-decoration:none;
}

.pages a, .pages span {
    color: #B3073B;
    display: block;
    float: left;
    line-height: 2.2em;
    padding:0 3px;
    text-align:center;
    margin-right: 0.4em;
    background: #F5DCAF;
text-decoration:underline;
}

.pages span.current {
    border: 1px solid #B3073B;
    font-weight: bold;
     background:#B3073B; color:#ffffff;
}

.pages span.current2 {
    border: 1px solid #B3073B;
    font-weight: bold;
     background:#B3073B; color:#ffffff;
}
	
.section {
    border-top: 1px solid #BBB;
    margin-top: 15px;
    margin-left: 5%;
    margin-right: 5%;
    padding: 5px;
    padding-bottom: 0px;
    background-color: white;
}

.section ul {
    list-style: none;
    margin-top: 5px;
}

.section ul li {
    display: inline;
}

.section ul a {
    background-color: #ECECEC;
    border: 1px solid #999999;
    padding: 5px 5px 10px;
    display: block;
    float: left;
    margin: 5px;
}

.section ul a:hover {
    background-color: #FFFFFF;
    border: 1px solid #333333;
}

.section ul a img {
    border: 1px solid #999999;
}

.section ul a.lightbox-enabled img {
    border: 1px dotted #999999;
}

.section span.code {
    font-family: "Courier New", Courier, monospace;
    margin-left: 10px;
    padding-left: 10px;
    font-size: 11px;
    border-left: 1px solid #000;
}

.section .link {
    font-size: 12px;
    font-style: italic;
    padding-left: 10px;
    margin-left: 10px;
}

.section .important {
    text-decoration: underline;
}

.section .title {
    font-weight: bold;
    font-size: 16px;
}

.clear {
    clear: left;
}

.section.header {
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
    border-top: none;
}

.section.footer {
    text-align: center;
    font-size: 12px;
    padding-top: 10px;
}

#path {margin:15px 0px 10px 0px; font-size:11px; color:#963; line-height:normal;}
#path a {font-size:11px; color:#963; text-decoration:underline;}
#path a:hover {font-size:11px; color:#333; text-decoration:none;}

.opis {font-size:11px; padding:10px 10px 0px 0px;}
.ttl2 {font-size:11px; }
a.ttl2  {font-size:11px; text-decoration:underline; }
a.ttl2:hover  {font-size:11px; text-decoration:underline!important }
#ggl { padding:10px 0px 10px 0px; margin:13px 0px 13px 0px}

.more {font-size:11px; color:#963; margin-top:10px;}
.more a {font-size:11px; color:#963; text-decoration:underline;}
.more a:hover {font-size:11px; color:#333; text-decoration:none;}

#tiz {margin: 0 auto; width:160px; text-align:center;}
#tiz .tiz_item {margin-bottom:13px;}
#tiz img {border: 5px #982A00 solid; padding:1px; margin-bottom:7px; background-color:#FFFFFF}

#tiz img:hover {border: 5px #da2f63 solid; padding:1px; margin-bottom:7px; background-color:#FFFFFF}

#tiz a {font-size:13px; font-weight:bold; text-decoration: underline; color:#e6d3d9}
#tiz a:hover {font-size:13px; font-weight:bold; text-decoration: none; color:#ffffff}
#tiz_main {margin:0 auto; text-align:center; clear:both; overflow:hidden}
#tiz_main .tiz_item {float:left; width:145px; padding:5px;}
#tiz_main .tiz_item  img {border: 5px #F0CD8D solid; padding:2px; margin-bottom:7px; -webkit-box-shadow: 2px 2px 2px #CAA767; 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#CAA767,direction=125,strength=5)";
box-shadow: 2px 2px 2px #CAA767;}

#tiz_main .tiz_item  img:hover {border: 5px #F0CD8D solid; padding:2px; margin-bottom:7px;-webkit-box-shadow: 2px 2px 2px #E4C181; 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#E4C181,direction=125,strength=5)";
box-shadow: 2px 2px 2px #E4C181;}

#tiz_main .tiz_item a {font-size:13px; font-weight:bold; text-decoration: underline; color:#735011}
#tiz_main .tiz_item a:hover {font-size:13px; font-weight:bold; text-decoration: none;}


#yndx {
	
		margin:0px 0px 20px 0px;
		padding:10px 10px 20px 10px;
		width:310px;
		overflow:hidden;
		background:#b5073c url('imgs/bg3.png') right bottom no-repeat;
	}
	
	
	.date { color:#987001; font-size:12px;  padding:2px; float:right; margin:0px 0px 10px 10px}
.new_pub {	-webkit-column-count:3;-moz-column-count:3;column-count:3;margin:0px 6px; vertical-align:top}
.new_pub ul li {list-style: url(imgs/bul1.gif); border-bottom:#F0CD8D solid 1px; margin-bottom:5px; padding-bottom:5px;}
.new_pub ul li a {color:#662600; text-decoration:none; font-size:80%}
.new_pub ul li a:hover {color:#990000; text-decoration: underline;}

#cat_main a { font-size:80%}

.navigation select {
	display: none!important;
	background:url('img/icons/menu-icon.png') right top no-repeat #A52E45;
	width: 100%;
	margin: 0;
	border: 0px solid #E3E4E4;
	text-transform:uppercase;
	font: 14px/16px Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #ffffff;
	 display: block; margin: 0px 0; padding-left: 5px; padding-top: 5px; 
	outline: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	height: 35px;
}

.google_1 {width:336px; float:right}
.google_2 {width:336px; float: left}
.glf {display:none;}
/* Adaptive */


/* ======================================================================
   Область виджетов «Под меню»
   ====================================================================== */
.under-menu { clear:both; }
#menu .under-menu { margin:15px 10px 0 5px; color:#fff; }
#menu .under-menu a { color:#fff; }
#menu .under-menu .widget { margin-bottom:12px; }
#menu .under-menu .widget-title { font-weight:bold; margin-bottom:5px; }
.under-menu-home { clear:both; margin:20px 25px 10px; padding:15px 0 0; border-top:1px solid #DDC9A5; }
.under-menu-home .widget { margin-bottom:12px; }
.under-menu-home .widget-title { font-size:18px; margin-bottom:8px; }

/* ======================================================================
   Адаптивность
   ====================================================================== */
#wrapper, #header, #menu_top, #content, #footer, #footer_inside, .footer_left, .footer_right, #text_bg, #text, #text_main, #text_bg_main, #menu, .under-menu-home { box-sizing:border-box; max-width:100%; }
img { max-width:100%; height:auto; }
#text iframe, #text_main iframe, #text video { max-width:100%; }
#text table { display:block; overflow-x:auto; }
.soc { display:none; }

@media screen and (max-width: 1000px) {
	#wrapper { width:100%; margin:0 auto; min-height:0; height:auto; background-position:center top; }
	#push { display:none; }
	#footer, #footer_inside { height:auto; width:100%; }
	.footer_left { float:none; width:auto; padding:15px 20px 5px; }
	.footer_right { float:none; padding:5px 20px 15px; }

	/* шапка: убираем абсолютное позиционирование */
	#header { height:auto; min-height:0; padding:15px 20px 12px; background:url('imgs/bg1.jpg') left bottom no-repeat; }
	#header:after { content:""; display:table; clear:both; }
	#logo, #search, #icos { position:static; }
	#logo { float:left; margin:0 25px 10px 0; }
	#logo img { max-width:194px; }
	#icos { float:left; margin:14px 0 10px; }
	#icos img { margin-right:20px; }
	#search { clear:both; padding-top:4px; }
	input.input_search { width:200px; max-width:60%; box-sizing:border-box; height:30px; }

	/* верхнее меню переносится по строкам */
	#menu_top, .menu_bg1, .menu_bg2 { height:auto; background-image:none; }
	#menu_top { background-color:#b5073c; padding-bottom:4px; }
	ul.menu_top { margin-top:12px; }

	/* серая полоса заголовка раздела — своим фоном, чтобы текст не выпадал при переносе */
	#text, #text_main { background-image:none; }
	.text_header { background:#5e5e5e; color:#eee; margin:0 -20px 12px; padding:9px 20px; width:auto; }
	#text .text_header h1, .text_header a { color:#eee !important; }
	#footer_inside { background-image:none; }
	ul.menu_top { margin:10px 15px 0; }
	ul.menu_top li { padding:0 12px 8px 0; font-size:85%; }

	/* контент и колонка */
	#text_bg { width:100%; float:none; }
	#text { width:auto; padding:0 20px 25px; }
	#menu { width:100%; float:none; padding:15px 0 25px 5px; }
	ul.menu { width:auto; }
	.footer_left, .footer_right { text-align:center; }
	.footer_right img { display:inline-block; }
	.google_1, .google_2 { float:none; clear:both; width:auto; max-width:336px; margin:10px auto; }
	.under-menu-home { margin-left:20px; margin-right:20px; }
}

@media screen and (max-width: 700px) {
	body { font-size:0.95em; }
	#content h1, h1 { font-size:1.6em; }
	#text { padding:0 12px 20px; font-size:14px; }
	#text_main { padding:0 12px 20px; }
	.text_header { margin:0 -12px 12px; padding:8px 12px; }
	#text img { max-width:100%; }
	#text .publ img { float:none; display:block; margin:0 0 10px; max-width:100%; }

	/* главная: таблица рубрик — в столбик */
	#cat_main, #cat_main tbody, #cat_main tr, #cat_main td { display:block; width:100% !important; box-sizing:border-box; }
	#cat_main td { padding:10px 0 !important; }
	#cat_main td img { float:none !important; display:block; margin:0 auto 8px; width:80px; height:80px; }
	#cat_main td div { margin-left:0 !important; text-align:center; }
	#cat_main ul.index_menu { text-align:left; padding-left:20px; }
	.new_pub { -webkit-column-count:1; -moz-column-count:1; column-count:1; }

	.pages { margin-top:25px; }
	.pages a, .pages span { margin-bottom:4px; }
	.footer_left { padding:12px 12px 5px; }
	ul.menu_top li { font-size:80%; }
	.under-menu-home { margin-left:12px; margin-right:12px; }
}

@media screen and (max-width: 420px) {
	#logo { float:none; margin:0 0 8px; }
	#icos { float:none; margin:0 0 10px; }
	input.input_search { max-width:55%; }
	.button_search { width:70px; background-size:70px 30px; }
	#search form { white-space:nowrap; }
	ul.menu_top { margin-left:10px; margin-right:10px; }
	ul.menu_top li { float:none; display:inline-block; }
}