*{ margin: 0; padding: 0;}
img{border: 0;}
li{list-style: none;}
a{text-decoration: none;}
article, aside, figure, footer, header, hgroup, menu, nav, section, main { display: block; }
.cb{clear: both;}

html,body{ height:100%; font-family: 'Open Sans', sans-serif; font-size:15px; color:#636363; font-weight: 300;}
#wrap{ min-height: 100%; height: 100%; height: auto !important; margin: 0 auto -66px 0;}
#main-footer, #push{ height:66px; clear:both;}

.webwidth{ max-width: 1132px !important; padding: 0 34px; margin: 0 auto;}

#main-header{ background: url('../img/top.png') repeat-x left top; height: 63px; width: 100%; padding-top: 3px;}
	#logo{padding-top: 15px; float: left;}
	#main-nav{ float: right; line-height: 63px;}
		#main-nav li{float: left;}
		#main-nav a{transition: color 0.15s, background-color 0.15s; color: #636363; display: block; line-height: 63px; height: 63px; font-size: 16px; padding: 0 27px;}
		#main-nav a:hover, #main-nav a.active{ color: #D10000;}
		#main-nav a#homelink{width: 22px; background: url('../img/home.png') no-repeat center center #878787; padding: 0 17px;}
		#main-nav a#homelink span{display: none;}
		#main-nav a#homelink:hover, #main-nav a#homelink.active{background-color: #D10000;}
	#mobile-nav-link{display: none; float: right; background: url('../img/menulink.png') no-repeat 10px center; height: 63px; line-height: 63px; font-size: 21px; text-transform: uppercase; padding: 0 0 0 45px; color: #636363;}

#slider{ position: relative; overflow: hidden;}
	#slider ul li{ position: absolute; width: 100%;}
	#slider ul li:last-child{ position: relative;}
	#slider ul li img{ width: 100%; display: block;}
	#slider-next{ transition: background-position 0.2s; z-index: 80; background: url('../img/slider_next.png') no-repeat 0 0; width: 81px; height: 71px; display: block; position: absolute; right: 0px; top: 55%; margin-top: -35px;}
	#slider-prev{ transition: background-position 0.2s; z-index: 80; background: url('../img/slider_prev.png') no-repeat 40px 0; width: 81px; height: 71px; display: block; position: absolute; left: 0px; top: 55%; margin-top: -35px;}
	#slider-next:hover{ background-position: 10px 0;}
	#slider-prev:hover{ background-position: 30px 0;}
	#slider .slide-title{ display: block; color: #fff; position: absolute; top: 20%; display: block;}
		#slider .slide-title span{ display: inline-block; background: #000; background: rgba(0,0,0,0.63); font-size: 69px; line-height: 87px; text-transform: uppercase; padding: 0 18px;}
		#slider .slide-title .slide-title-2{ font-size: 44px; line-height: 66px; position: relative; top: 7px;}

#facebook{ transition: width 0.15s; background: url('../img/fb.png') left top; overflow: hidden; position: absolute; right: 0; top: 170px; z-index: 90; width: 51px; height: 175px; text-indent: 100px;}
	#facebook:hover{ width: 55px; /*background-position: left bottom;*/}

#homenews{width: 670px; height: 265px; float: left;}
	#homenews h2{ font-size: 24px; color: #d10000; font-weight: 300; padding: 20px 0 10px 0;}
	#homenews li{ float: left; width: 190px; text-align: center; margin-right: 33px;}
	#homenews li a{color: #636363; font-size:14px;}
	#homenews li a:hover{color: #d10000;}
	#homenews .news-image{ display: block; height: 127px; margin-bottom: 7px;}
	#homenews .news-image img{ display: block; position: absolute;}
	#homenews .news-image-bw{ transition: opacity 0.3s; z-index: 60;}
	#homenews .news-image-color{ z-index: 50;}
	#homenews a:hover .news-image .news-image-bw{ opacity: 0;}

#homefb{width: 450px; height: 265px; float: right;}
	#homefb h2{ font-size: 24px; color: #d10000; font-weight: 300; padding: 20px 0 10px 0;}
	#homefb iframe{ border: 1px solid #C9C9C9; overflow:hidden; width:446px; height:181px;}

#main{ padding-bottom: 30px; overflow: hidden; display: block;}
	#ad img{ width: 100%; height: auto; margin-top: 30px;}
	#main h1{ font-size: 30px; color: #d10000; font-weight: 400; margin: 30px 0 0 0;}

	#gallery{}
		#gallery li{ float: left; text-align: center; margin: 0px 6px; width: 318px; padding: 25px 24px 10px 22px; background: url('../img/gallery.png') no-repeat top center;}
		#gallery.photos li, #gallery.reference li{ background: url('../img/photo.png') no-repeat top center;}
		#gallery li:nth-child(3n+1){ margin: 0 20px 0 0;}
		#gallery li:nth-child(3n+2){ margin: 0 20px 0 0;}
		#gallery li:nth-child(3n) { margin: 0;}

		#gallery li:nth-child(3n+1){ position: relative; left: -12px;}
		#gallery li:nth-child(3n) { position: relative; left: 12px;}

		#gallery img{ display: block; margin-bottom: 34px;}
		#gallery a{color: #555; font-size: 20px; line-height: 28px;}
		#gallery a span{ transition: color 0.15s; height: 56px; display: block; overflow: hidden;}
		#gallery a:hover span{ color: #d10000;}
		#gallery .overlay{ transition: opacity 0.3s; opacity: 0; background: url('../img/open.png') no-repeat center 73px; background-color: #000; background-color: rgba(0,0,0,0.7); position: absolute; width: 318px; height: 91px; color: #fff; font-size: 17px; padding-top: 115px;}
		#gallery a:hover .overlay{opacity: 1;}

		#gallery.reference li{ height: 206px; padding-bottom: 53px; overflow: hidden;}
			#gallery.reference li img{margin: 6px auto 8px auto;}
			#gallery.reference li h2{ color: #D10000; font-size: 20px; font-weight: 600; line-height: 32px; margin-bottom: 5px;}
			#gallery.reference li p{ color: #6d6d6d; font-size: 13px; font-weight: 300; line-height: 21px; padding: 0 10px;}

		#gallery-like{float: right; border:none; overflow:hidden; height:21px; width: 171px;}

	#gallery-nav{font-size: 14px; margin-bottom: 20px;}
		#gallery-nav a{color: #555; text-decoration: none;}
		#gallery-nav a:hover{color: #555; text-decoration: underline;}

	.gallery-form{ background: #ededed; height: 182px; margin-bottom: 20px; text-align: left; padding: 12px 16px;}
		.gallery-form h2{ font-size: 20px; color: #d10000; font-weight: 600; margin-bottom: 5px;}
		.gallery-form p{ font-size: 13px; color: #444; line-height: 20px; padding-bottom: 14px;}
		.gallery-form label{ font-size: 13px; line-height: 19px; padding: 9px 0; display: inline-block;}
		#gallery .gallery-form label a{ font-size: 13px; line-height: 19px; color: #D10000;}
		#gallery .gallery-form label a:hover{ font-size: 13px; line-height: 19px; color: #D10000; text-decoration: underline;}
		.gallery-form #unlock-password,.gallery-form #getpass-email{ float: right; padding: 8px; border: 1px solid #D6D6D6; background: #fff; width: 180px; line-height: 19px;}
		.gallery-form #getpass-vop{margin-right: 7px;}
		.gallery-form-buttons{ margin-top: 17px;}
			#gallery .gallery-form-buttons a{ color: #d10000; font-size: 14px; line-height: 36px;}
			#gallery .gallery-form-buttons a:hover{ text-decoration: underline;}
			.gallery-form-buttons input{ transition: color 0.15s; background: #d10000; color: #fff; font-size: 14px; line-height: 36px; border: 0; font-family: 'Open Sans', sans-serif; padding: 0 16px; float: right; cursor: pointer;}
			.gallery-form-buttons input:hover{ background: #A60000;}
		#getpass-form{ display: none;}
		#getpass-form .gallery-form-buttons{ margin-top: 3px;}

	#main-article{ width: 766px; float: left;}
		#main-article h1{ margin-bottom: 15px;}
		#main-article h2{ color: #D10000; font-size: 24px; font-weight: 400; margin-bottom: 24px; margin-top: 10px;}
		#main-article h3{ color: #D10000; font-size: 20px; font-weight: 400; margin-bottom: 20px; margin-top: 10px;}
		#main-article h4{ color: #D10000; font-size: 18px; font-weight: 400; margin-bottom: 16px; margin-top: 10px;}
		#main-article h5{ color: #D10000; font-size: 26px; font-weight: 400; margin-bottom: 14px; margin-top: 10px;}
		#main-article p{ padding-bottom: 24px; line-height: 24px; font-size: 15px;}
		#main-article ul{ margin-bottom: 20px;}
		//#main-article li{ padding: 4px 0 4px 30px; background: url('../img/bul.png') no-repeat 16px 11px;}
		#main-article a{ color: #d10000;}
		#main-article a:hover{ text-decoration: underline;}
		#main-article .technika {padding: 15px 0; clear: both;}
		#main-article .technika img{ float: left; padding-right: 30px; width: 223; height: auto;}
		#main-article .technika h3{ margin: 0 0 5px 0;}
		#main-article .technika p{ width: 543px; float: right;}

		#main-article table{ border-spacing: 0px; border-collapse: collapse; width: 100%; margin-bottom: 15px;}
		#main-article td{ padding: 10px; border: 1px solid #ccc;}
		#main-article .prices td:nth-child(odd){width: 68%;}
		#main-article .prices td:nth-child(even){}
		#main-article .prices{ margin-bottom: 10px;}

		.edit-article{ transition: background 0.15s; color: #fff; float: right; margin-top: 30px; background: #D10000; color: #fff; text-align: center; padding: 8px 15px; border: 0; font-size: 14px; font-family: 'Open Sans', sans-serif;}
		.edit-article:hover{ background: #A60000;}
		#main-article .edit-article, #main-contacts .edit-article{color: #fff; text-decoration: none;}
		#main-article .edit-article:hover, #main-contacts .edit-article:hover{text-decoration: none;}

        .save-article{ transition: background 0.15s; color: #fff; float: right; background: #D10000; color: #fff; text-align: center; padding: 8px 15px; border: 0; font-size: 14px; font-family: 'Open Sans', sans-serif;}
        .save-article:hover{ background: #A60000;}
        #main-article .save-article, #main-contacts .save-article{color: #fff; text-decoration: none;}
        #main-article .save-article:hover, #main-contacts .save-article:hover{text-decoration: none;}

    .main-article{ width: 766px; float: left;}

	#right-photos{ float: right; width: 332px; padding-top: 30px;}

	#contacts{ position: relative; }
		#main-contacts{ float: left; max-width: 100%;}
		#contacts #map{padding: 10px; box-shadow: 2px 2px 7px rgba(0,0,0,0.3); clear: both; width: 100%;}
		#contacts #map iframe{ border: 0; display: block; width: 100%;}
		#contacts table{ margin: 5px 0 15px 0; width: 332px;}
		#contacts table td{ padding: 3px 10px 3px 0; line-height: 22px; height: 10px; vertical-align: top;}
		#contacts table td:nth-child(odd){ width: 100px; font-weight: 400;}
		#contacts h2{color: #D10000; font-size: 24px; font-weight: 400; margin-top: 25px;}
		#contacts h2.top{margin-top: 90px;}
		#contacts a{color: #D10000;}
		#contacts a:hover{ text-decoration: underline;}
		#contacts a.calendar-but{transition: background 0.15s; background: #D10000; color: #fff; display: block; width: 332px; text-align: center; padding: 10px; font-size: 16px;}
		#contacts a.calendar-but:hover{ text-decoration: none; background: #A60000;}
		#contact-form{ font-weight: 300; float: left; padding-right: 45px; margin-bottom: 45px;}
		#contact-form form{ width: 680px; background: #EDEDED; border: 10px solid #fff; box-shadow: 2px 2px 7px rgba(0,0,0,0.3); padding: 15px 15px 9px 20px; margin-top: 15px;}
		#contact-form form table{width: 100%; margin: 0;}
		#contact-form form table td.va-top{vertical-align: top;}
		#contact-form form table td{ vertical-align: middle; padding: 3px 0 6px 0;}
		#contact-form form table td:nth-child(odd){ width: 180px;}
		#contact-form form table td:nth-child(even){ padding-right: 0;}
		#contact-form form .txt{ width: 510px; padding: 6px; background: #fff; border: 1px solid #D6D6D6;}
		#contact-form form .btn{ transition: background 0.15s; cursor: pointer; background: #D10000; color: #fff; text-align: center; padding: 8px 15px; border: 0; font-size: 14px; font-family: 'Open Sans', sans-serif;}
		#contact-form form .btn:hover{ background: #A60000;}
		#contact-form form textarea{ height: 130px;}
		#contact-form > img{float: right; padding-top: 22px;}
		#contact-form table .label{ display: none; padding-bottom: 3px;}
		#main-contacts-data{float: left;}
		#contacts .edit-article{ position: absolute; right: 0;}
		#contact-images img{ max-width: 100%; margin-top: 30px; display: block;}

#main-footer{ background: #171717; color: #c5c5c5; line-height: 66px;}
	#main-footer a{ color: #c5c5c5;}
	#main-footer a:hover{ text-decoration: underline;}
	#footlinks{ float: left;}
		#footlinks li{float: left; padding: 0 40px 0 0;}
	#copyright{ float: right;}


/* ADMIN */

#admin-main{ margin-top: 30px;}
	#admin-main h1,#admin-main h2{ color: #D10000; font-size: 30px; font-weight: 400; margin-bottom: 5px;}
	#admin-main .topbut, .btn{ transition: background 0.15s; margin-left: 6px; font-size: 15px; font-weight: 300; cursor: pointer; border: none; font-family: 'Open Sans', sans-serif; color: #fff; background: #D10000; float: right; padding: 8px 15px; line-height: 19px; margin-top: 3px;}
	#admin-main .topbut:hover, .btn:hover{ background: #A60000;}

	#admin-menu{ width: 332px; float: left;}
		#admin-menu li{position: relative; margin-bottom: 1px;}
		#admin-menu li a{color: #2e2e2e; display: block; background: #EDEDED; padding: 10px 12px; line-height: 21px;}
		#admin-menu li:hover > a, #admin-menu li.active > a{ background: #D10000; color: #fff;}
		#admin-menu li .icons{ position: absolute; right: 5px; top: 0; z-index: 90; display: none;}
			#admin-menu li > a:hover + .icons{ display: block;}
			#admin-menu li .icons:hover{ display: block;}
			#admin-menu li .icons a{ float: right; background: transparent; width: 20px; padding: 10px 0; height: 21px;}
				#admin-menu li .icons a:hover{ opacity: 0.7;}
				#admin-menu li .icons a.admin-menu-delete{ background: url('../img/del.png') no-repeat center center;}
				#admin-menu li .icons a.admin-menu-down{ background: url('../img/down.png') no-repeat center center;}
				#admin-menu li .icons a.admin-menu-up{ background: url('../img/up.png') no-repeat center center;}
				#admin-menu ul li ul { padding-top: 1px;}
				#admin-menu ul li ul:after { content: ""; display: block; height: 3px; background: #D10000;}
				#admin-menu ul li ul li a{ padding: 6px 12px;}
				#admin-menu ul ul li .icons a{ padding: 6px 0;}


	#admin-content{ width: 768px; float: right;}
		#admin-content .topbut{padding-left: 30px; padding-right: 30px;}
		#admin-edit{ background: #EDEDED; padding: 17px 20px; overflow: hidden;}
		#admin-edit h3{ font-size: 20px; margin-top: 30px; margin-bottom: 5px;}
		#admin-edit table { width: 548px;}
		#admin-edit table td{ padding: 4px 0;}
		#admin-edit table td:nth-child(odd){ width: 160px;}
		#admin-edit table td .txt{ padding: 5px; line-height: 20px; border: 1px solid #D6D6D6; width: 370px; outline: none;}
		#admin-edit table td select.txt{ width: 382px; padding: 6px 5px; background: #fff;}
		#admin-edit #preview{ width: 165px; height: auto; float: right; margin-top: 5px;}
		#admin-gallery li{ position: relative; float: left; padding: 0 10px 10px 0;}
		#admin-gallery img{display: block;}
		#admin-gallery .gallery-delete{ transition: opacity 0.2s; opacity: 0; position: absolute; display: block; right: 10px; bottom: 10px; background: url('../img/del.png') no-repeat center center #000; background-color: rgba(0,0,0,0.8); width: 24px; height: 24px;}
		#admin-gallery li:hover .gallery-delete{ opacity: 1; }
		#admin-gallery li .gallery-delete:hover{ background-color: #000; }

	#login-form{background: #EDEDED; width: 262px; margin: 100px auto; text-align: left; padding: 10px 20px;}
		#login-form label{ display: block; font-size: 17px; margin:10px 0 3px 0;}
		#login-form .txt{ padding: 5px; line-height: 20px; border: 1px solid #D6D6D6; width: 250px; outline: none;}
		#login-form .btn{ margin: 0; clear: both;float: none; margin: 15px 0 10px 0;}