@charset "utf-8";

body, h1, h2, h3, h4, h5, h6 {
font: 14px/18px Verdana, sans-serif;
}
code, kbd, pre, samp, tt, var {
font: 14px/18px Consolas, "Courier New", monospace;
}
body, optgroup {
color: #000;
background: #fff;
}
body, code, dl, dd, form, pre {
margin: 0;
}
a:link {
color: #676767;
}
a:link, a:visited, ins {
text-decoration: none;
}
a:visited {
color:#676767;
}
a:hover {
text-decoration: underline;
}
a.active {color:#f58231;}
a:link img, a:visited img, object, fieldset, abbr, acronym {
border: none;
}
sub, sup {
position: relative;
display: inline-block;
font-size: 11px;
line-height: 11px;
}
sub {
top: 5px;
vertical-align: middle;
}
sup {
top: -2px;
margin-top: -11px;
}
abbr, acronym {
cursor: help;
border-bottom: 1px dotted #999;
}
address, cite, dfn {
font-style: normal;
}
code, pre {
white-space: pre-wrap;
}
img {
vertical-align: bottom;
}
td, th, textarea {
vertical-align: top;
}
input, select, button {
overflow: visible;
vertical-align: middle;
}
legend {
color: #000;
margin: 0 0 -2px;
padding: 0;
}
li {
display: block;
list-style: none;
}
optgroup option {
padding-left: 22px;
}
table {
border-collapse: collapse;
}
caption, th {
text-align: left;
}
td, th {
padding: 0;
}
address, blockquote, h1, h2, h3, h4, h5, h6, fieldset, p, ol, ul {
margin: 0;
padding: 0;
}
th, h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
q {
quotes: "\00ab" "\00bb" "\201e" "\201c";
}
q:after {
content: "\00bb";
}
q:before {
content: "\00ab";
}
q > q:after {
content: "\201c";
}
q > q:before {
content: "\201e";
}
legend {
margin-left: -7px;
}

.clr {clear:both;}

a {
color:#676767;
text-decoration:none;
}
a:hover {text-decoration:none;
color:#f58231;}

img, img:focus, a, a:focus {border:0 !important;outline: 0 !important;}

html, body {
 height:100%;
 }

body {
background:#dedede;
width:100%;
height:100%;
margin:0;
padding:0;
color:#676767;
font-family:Arial;
}

.wrapper {
width:940px;
	/*min-width:798px;
max-width: 1170px;*/
margin:0 auto;
background:url("http://dodonov.umidemo.ru/templates/dodonov-i.ru/img/fon.png") repeat-y transparent;
padding:0 32px 0px 32px;
min-height:100%;
height:auto !important;
margin:0 auto;
transition: .3s,background-color .3s,color .3s;
}



.wrapper  .header {
background: url(img/linia.png) repeat-x center 93%;
width:100%;
padding-top:38px;
}


.header .name {float:left;
font-size:27px;
position: relative;
text-transform: uppercase;
top: 4px;

}

*+html .header .name {
  padding:4px 0;
}

*html .header .name {
  padding:4px 0;
}

.header .yaz {float:right;
font-size:12px;
padding-top:8px;
}

.yaz img {
padding:0 10px;
margin-bottom:3px;
}

.header img.linia {
padding:25px 0 8px 0;
opacity: 0;
}
.header div.linia {
padding:25px 0 8px 0;
height: 11px;
}

.menu img.linia2 {
padding:6px 0 20px 0;
opacity: 0;
}
.menu div.linia2 {
padding:6px 0 20px 0;
height: 2px;
}

.wrapper .menu {
background: url(img/linia2.png) repeat-x center 56%;
text-transform: uppercase;
font-size:14px;
}

.menu ul li {display:inline; 
list-style:none;
padding-right:22px;
}

.wr {
    width: 100%;
	height: 405px;
    overflow: hidden;
}
.wrapper .kartinka {
position:relative;
margin-top:5px;
margin-bottom:10px;
width: 945px;
height: 405px;

	background-size: cover !important;

	width: 100%;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	        justify-content: center;
	/*padding: 19rem 15px 8rem 15px;
		padding: 26rem 15px 3rem 15px;*/

	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;

	        justify-content: flex-start;

	  -webkit-transition: all 0.8s ease;
	  transition: all 0.8s ease;
}

.kartinka:active,
.kartinka:focus,
.kartinka:hover,
.kartinka:active,
.kartinka:focus,
.kartinka:hover{
  -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
}


.kartinka .imya {
position:absolute;
top:35px;
left:20px;
font-size:55px;
height: 55px;
text-transform: uppercase;
color:#e6e6e6;
}

.kartinka img {background:url(img/fon_obch.png) no-repeat;
padding-bottom: 5px;
padding-right: 5px;}

*+html .kartinka .imya {
  padding:20px 0;
  top:15px;
}

.kartinka .imya_gal {
position:absolute;
top:35px;
left:20px;
font-size:55px;
text-transform: uppercase;
color:#e6e6e6;
}

.kartinka .imya_skulpt {
position:absolute;
top:35px;
left:20px;
font-size:55px;
text-transform: uppercase;
color:#878787;
}

*html .kartinka .imya {
  padding:20px 0;
  top:15px;
}

.wrapper .content {
font-size:12px;
padding-bottom: 70px;
}

.wrapper .content_bio {
margin:10px 0 0 0;
padding-bottom:80px;
}

.wrapper .content_gallery {min-height: 740px;margin:10px 0 0 0;padding-bottom:80px;}

.content .foto {
	float:left;
	margin: 8px 0 0 0;
	width:215px;
	font-size:15px;
}

.content .offic {margin-left:240px;padding-top:5px;text-align:left; margin: 0 auto;    text-align: center;}

.content .offic .off {text-transform: uppercase;font-size:15px;}

.content .offic  h1 {text-transform: uppercase;font-size:18px;padding:10px 0 25px 0;}

.content_bio .foto {
float:left;
width:482px;
font-size:15px;
}

.content_bio .data {
float:right;
width:455px;
	width: calc(100% - 482px);
text-align:left;
font-size:13px;
line-height:1.7;
}
.content_bio .data .name {
background:url(img/name.png) no-repeat;
width:242px;
height:28px;
border:0;
}
.content_bio .data .soob {
background:url(img/soob.png) no-repeat;
width:457px;
height:142px;
border:0;
resize: none;
overflow:hidden;
}

.content_bio .data .send  {font-size:18px; text-decoration:underline;}

.foto .img {
float:left;
margin:0 26px 26px 0;
}

.wrapper:after {
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
   clear: both;
}

.footer {
background:#fefefe;
margin-right: 5px;
font-size:12px;
width:100%;
/*height:90px;*/
}
.footer .footer_cont {/*width:1004px;*/ margin:0 auto; width:940px; /*min-width:798px; max-width: 1170px;*/ padding: 0 32px 0px 32px;transition: .3s,background-color .3s,color .3s;}


.footer .copy {float:left;
padding:22px 0 20px 0px;}

.footer .info {
float:right;
line-height:1.2;
padding:20px 25px 0 0;
width: 79px;
color:#c8c8c8;
margin: 0 0px 0 0;
}
/*
.info .tel {padding-top:4px;}

.info img {
position:relative;
top:-10px;
margin-right:10px;} 

*+html .info {width:250px;}

*+html .info img {float:left;}

*+html .info  .tel {
 float:right;
}
*/

#back-top {
	position: fixed;
	bottom: 50px; /* отступ кнопки снизу */
	/*margin-left: 1030px;*/
		right: 30px;
}
 
#back-top a {
	width: 45px;
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight:bold;
}

 
/* иконка стрелки (тег span) */
#back-top span {
	width: 35px;
	height: 35px;
	display: block;
	margin-bottom: 7px;
	background:url(img/top.png) no-repeat center center; 
margin-left:6px;
}


#nav {
	margin:0; 
	padding:0; 
	list-style:none;
}	
	
#nav li {
	position:relative;
	z-index:500; 
}

#nav ul {
	position:absolute; 
	left:0; 
	display:none;  
	list-style:none;
	background:url(img/podmenu1.png) repeat-y;
	color:#fffefe;
	font-size:12px;
	text-transform: none;
	text-align:center;
	padding:5px 0;
}
		
#nav ul li {
	float:left; 
	width:87px;
}

#nav ul li  a{color:#fffefe;}
#nav ul li  a:hover {text-decoration:underline;}
.nav_cont {
	margin: 0 0 10px 0;
}
.back_gallery {
	width:200px;
	text-align:right;
	position:relative;
	float:right;
	margin:-5px 0 0 0;
}
.back_gallery  img {margin: 0 5px 0 0;position: relative;}
.name_gal {float:left;color:#676767; font-size:12px; position:relative;}
.name_gal .gal {font-size:18px; color:#f58233;}

.footer_menu {margin: 10px 0 30px 0;}
.footer_menu .menu_left {float:left; border-left:1px solid #efefef; padding:0 30px;min-height:175px}
.menu_left a.act {text-decoration:underline;}

.footer_menu  .left {border:none;}

.wrapper .content_bio .skulptura, .content_bio .paint {float:left; width:220px;margin-right:20px;}

.content_bio .skulptura a img {background:url(img/fon_skulpt.png) no-repeat;
padding:0 5px 5px 0;}

.content_bio .paint a img {background:url(img/font_paint.png) no-repeat;
padding:0 5px 5px 0;}

.content_bio .skulptura .text, .content_bio .paint .text {font-size:12px;text-transform: none;margin-top:15px;}

.skulptura .skul_name, .content_bio .paint .skul_name {font-size: 18px;
text-align: left;
text-transform: uppercase;
}

.footer .gal_razd {background:url(img/gal_razd.png) repeat-x; width:100%; height:22px;}

.razdel_line {padding-top: 15px; height: 29px; background: url(img/raz.png) repeat-x center center;}
.gal_ul {margin: 60px 0 0 0; height: 29px; background: url(img/gal_ul.png) repeat-x center center;}
.footer_menu_line { height: 2px; background: url(img/footer_menu.png) repeat-x center center;}

.name_gallery {font-size:15px !important; text-transform: uppercase;}

.menu_left ul {margin-top: 12px;}

.menu_left ul li {padding-bottom:2px;}

/*.sliderkit-nav-clip ul li a img {
	width: 215px;
	height: 170px;
}*/

/* Карусель в галерее*/
.wrap {
	position: relative;
	width:940px;
		width: 100%;
	margin:0px;
}
body div.slider    { overflow:hidden; position:relative; width:100%; height:142px !important; }
body div.slider ul { margin:0; padding:0; height:142px; }
body div.slider li { float:left; list-style:none; margin:0 20px 0 0; }
body div.slider li.last {margin:0; }
body div.slider li { text-align:center; line-height:142px; font-size:25px; }

.controls .prev-slide {
	position: absolute;
	top: 30px;
	left: -30px;
	display:block;
	width: 22px;
	height:76px;
	background:transparent url("images/arrows-h.png") no-repeat left center;
	
	border: 1px solid #f00;
}
.controls .next-slide {
	position: absolute;
	top: 30px;
	right: -30px;
	display:block;
	width: 22px;
	height:76px;
	background:transparent url("images/arrows-h.png") no-repeat -22px center;
}
.controls .prev-page {
	position: absolute;
	top: 140px;
	left: -30px;
}
.controls .next-page {
	position: absolute;
	top: 140px;
	right: -30px;
}

#big-slider .jcarousel-item-horizontal p, #big-slider .jcarousel-item-horizontal div {
    text-align: center;
    clear: both;
    white-space: wrap;
}
#big-slider .jcarousel-item-horizontal div {
	margin-top: 24px;
}
#big-slider .jcarousel-item-horizontal h4 font {
	font-size: 18px;
	line-height: 1.1em
}

/* Facebook like button */
#countfacebook {
	width: 104px;
	height: 26px;
	overflow: hidden;
	background: url("img/share-bubble.jpg") no-repeat 0 0;
}
.countbutton { float: left; cursor: pointer; width: 59px; }
.countnumber {
	float: left;
	text-align: center;
	color: #444444;
	margin-left: 5px;
	margin-top: 6px;
	font-weight: bold;
	width: 40px;
	display: none;
}

.item-img {
	display: block;
	margin: 0 0 20px 0;
}
.jcarousel-item .item-img img {
	background: url("img/font_paint.png") no-repeat !important;
	padding: 0 5px 5px 0;
}
.jcarousel-item a {
	display: block;
	font-size: 18px;
	margin: 0 0 20px 0;
}

.jcarousel-skin-gallery .jcarousel-container-horizontal {
    width: 99.9% !important;
}
.jcarousel-skin-gallery .jcarousel-clip-horizontal {
    width: auto !important;
}
div#big-slider {
    width: 90%;
}
div#big-slider .jcarousel-clip-horizontal {
	width: 100%;
}
div#big-slider .jcarousel-item {

}

.index .wrapper .content {  /*  padding-bottom: 0;*/}
.news_on_main_wrapper {margin: -15px 0 49px;}
.index_news {}
.index_news h2 {    font-size: 16px;   text-align: center;    padding: 0 0 17px;}
.index_news .news {
    display: flex;
}
.index_news .news_item {width: 33.3%;	}
.index_news .news_item.p_1 {}
.index_news .news_item.p_2 {padding: 0 5%;}
.index_news .news_item.p_3 {}
.index_news .news_item > div {}
.index_news .news_item > div img {    width: 100%;}

.index_news .news_title {
    margin: 10px 0 10px;
}
.news_on_main_wrapper a.archive {
    float: right;
}

#template_news_rubric h1 {margin: 10px 0 10px;}
#template_news_rubric .items {    margin: 0 0 50px;}
#template_news_rubric .item {margin: 0 0 20px;}

#template_content_content {margin: 0 0 50px;}
#template_content_content h1 {margin: 10px 0 10px;}
#template_content_content .back {margin: 10px 0 10px;}

@media screen and (min-width: 1262px) {
	.wrapper { width:1181px;}

	.wr {height: 510px;}
	.wrapper .kartinka {height: 510px;}

	.content_bio .foto {	width: 50%;	}
	.content_bio .data {width: 48%;   padding-left: 2%;	}
	.foto .img {    width: 45%;  margin: 0 5% 5% 0;}
	.foto .img img {    width: 100%;}

	.footer .footer_cont { width:1181px;}
}

@media screen and (min-width: 1503px) {
	.wrapper { width:1422px;}

	.wr {height: 550px;}
	.wrapper .kartinka {height: 550px;}

	.footer .footer_cont { width:1422px;}
}