@charset "utf-8";
/* CSS Document */

* {
	padding:0;
	margin:0;
	}
	
html {width:100%; background:url(../images/fon.jpg) no-repeat; background-size:100% 100%; background-attachment:fixed; font:16px Arial, Helvetica, sans-serif;  line-height:19px;}
body {width:90%; max-width:1280px; margin:0 auto;}
#teni {width:100%; float:left; box-shadow:0 0 17px 3px #111;}
header {width:100%; padding-top:40px; float:left; position:relative; background:#FFF; }
main {width:100%; background-color:rgba(255,255,255,0.5); float:left;}
article {font-size:96%; width:96%; margin:2%; box-shadow:4px 4px 7px -1px #7f7f7f; background:#FFF; 
float:left;}
article a:visited, article a {color:#00F;}
article p {text-indent: 25px; margin:10px 0;}
article p:first-child {margin-top:0; padding-top:0;}
.fon {z-index:50; width:100%; float:right;}
.logo {position:absolute; left:6%; top:15%; z-index:500; width:15%; background-color:rgba(0,0,0,0.1);}
.nadp, .tel {position:absolute;}
.nadp, .tel, .nazvan a, .nazvan a:visited, #back-top a {z-index:100; color:#FFF; font-style:italic; font-weight:bold; 
text-shadow: 2px 5px 5px rgba(0,0,0,0.9),
                 10px 20px 5px rgba(0,0,0,0.05),
                 -10px 20px 5px rgba(0,0,0,0.05),
				 2px -3px 5px rgba(0,0,0,0.9);}
.tel {right:5%; font-size:130%; float:right; top:25%; line-height:150%; text-align:right;}
.nadp {left:3%; top:50%; float:left; font-size:100%;}
header span {font-size:140%;}
.left {float:left; width:49%; margin-right:2%;}
#im h2 {text-align: center;}
h3 {font-style:italic; font-size:120%; margin:0 0 1% 1%;}
.right {float: right; width:49%;}
#im p, .textu p {text-indent:3%;}
#im {margin:2%; float:left;}
.bloki {float:left; width:100%; margin:0 3%;}
.bloki img {width:100%; border:none; float:left;}
.bloki a {float:left; width:17%; text-align:center; padding:1px; margin:0 1%;}
.bloki p a {width:0; padding:0; margin:0;} 
.nazvan {float:left; width:100%; margin-top:-6%;}
.nazvan a {width:17%; text-align:center; float:left;padding:1px; margin:0 1%; 
text-decoration:none; font-size:130%; color: #FFf;}
.textu { float:left; margin:0 3%;}
.textu p {margin-bottom:2%;}
.textu a {margin:0; padding:0;}
.bloki a:hover {background:#00F;}
.nazvan a:hover {background:none; color:#FF6;}
.nad {float:left; width:30%; margin-left:3%;}
.nad p { float:left;}
img.log  {float:left; width:70%; }
.telefon {float:left; width:25%; margin-top:5%; font-size:120%;}
.rig {float:right;}
.rebackforma{ float: left; margin-bottom:3%; width:30%;}
.rebackforma th{
	background: #0C0;
	width:30px;
	text-align:center;
}
.rebackforma td.empty{
	padding:0px;
	font-size:1px;
	line-height:1px;
	height:10px;
}
.rebackforma td input, .rebackforma td textarea{
	width:100%;
	background:#e3e3e3;
	border-radius:0px;
	height:30px;
	box-shadow:none;
	margin:0px;
	border:0px;
	color:#a1a1a1;
	font-family:arial;
	font-size:14px;
}
.rebackforma td input.false2, .rebackforma td textarea.false2{
	background:#ffcccc;
	color:#fff;
}
.rebackforma td textarea{
	max-width:100%;
	min-width:100%;
	height:150px;
}
.rebackforma td input.submit{
	background:#0c0;
	width:auto;
	padding:0 15px;
	color:#fff;
	border:1px solid #e3e3e3!important;
}
.rebackforma td input.submit:hover, .rebackforma td input.submit:focus{
	border-right:1px solid #a00058!important;
	border-bottom:1px solid #a00058!important;}

/*#uslugi a {position:relative; float:left; margin:0 1% 0 0;}
#uslugi span { position:absolute; margin-top:15%; left:10%; font-size:18px; float:left; color:#fff; 
 text-shadow: 2px 2px 2px black, 0 0 2em #093; }

*/
footer {width:100%; margin-top:35px; float:left; background-color:rgba(255,255,255,0.5); box-shadow:0 0 17px 3px #111;}

footer p {margin:10px 25px; float:left; padding-top:10px;}

#back-top {position: fixed; bottom:2px; left:48%; padding:5px; background-color:rgba(0,0,0,0.3);box-shadow:0 0 17px 3px #111;}
#back-top a {text-decoration:none;}
/*
.socset {float:right;}
.vk {background:url(../images/vk.png) top left no-repeat;}
.you {background:url(../images/you.png) top left no-repeat;}
.vk, .you {width:30px; height:30px; background-size:contain; float:left;}*/
@media screen and (max-width: 1075px) {
	body {width:100%;}
	 nav {width:100%;}
	/*#nazvan a {font-size:14px;}
	.rebackforma {width:34%; margin-left:1%;}*/}
/*@media screen and (max-width: 1915px) {
body {font-size:14px; width:100%;}
nav {width:100%;}}*/
/*aside {display:none; width:0; }
article {padding-top:1%;}
article h1 {font-size:150%;}
article h2 {font-size:110%;}
article, main, nav {width:100%; margin:0; border:none;  border-spacing:0;}
nav { float:left; height: auto;}
  	nav ul {height: auto;}
  	nav li {padding:0 8px; margin:0;float:left;}
   	nav li a {font-size:100%; text-align:left;} 
	.bloki {margin:0 2px;}
	#nazvan  {margin:-6% 2px 0 2px;}
	.bloki a, #nazvan a {margin:0 2px; width:19%;} 	
	.rebackforma {width:40%;}*/
/*
@media screen and (max-width: 715px) { 
	.bloki {margin:0 0 0 2px;}
	#nazvan  {margin:-8% 0 0 2px;}
	.bloki a, #nazvan a {margin:0 1px; width:19%; font-size:12px;}
	.nad {width:20%;}
	.telefon {width:32%; text-align:center;}
	}
@media screen and (max-width: 560px) {
	header {font-size:12px;}
	nav li {padding:0 2px;}
	nav li a {font-size:92%; text-align:left;} 
	.bloki {margin:0 0 0 0px;}
	#nazvan  {margin:-8% 0 0 0px;}
	.bloki a, #nazvan a {margin:0 0 0 0px; width:19%; font-size:10px;}
footer {margin-top:20px;}
.nad {display:none;}
.telefon {font-size:14px; width:49%;}
}

@media only screen and (max-width: 450px) {header .nadp { width:30%; line-height:100%; top:55%; left:5%;}
header .logo {top:25%;}
	  	nav ul {
  		width:100%;
  		display:none;
		height:auto;
  	}
  	nav li {display:table-cell;
  		width:100%;
  		position:relative;
		border-bottom:1px solid #666;
		display:block;
		float:none;}
nav ul li:first-child {border-left:1px solid #666;}
nav li a {font-size:120%;padding-left:10px;}
  	nav a {display:block;
	  	text-align:left;
	  	width:100%;
	  	text-indent:25px;
  	}
	nav {background:#FFF;}
	
	nav a#pull {float:left;
		display:block;
		background:url(../images/menu.png) no-repeat 5px 13px;
		width:60%;
		position:relative;
	}
	nav a#pull:after {content:"";}
	
	
	#nazvan a:nth-child(4) { font-size:9px;}
	
}
*/



/*html {width:100%; background:url(../images/fon.jpg) top left repeat ; height:100%;}*/
/*html {width:100%; background:url(../images/fon2.jpg) no-repeat; background-size: cover;height:100%; font:14px Arial, Helvetica, sans-serif;}
body {width:90%; margin:0 auto;  }
main { box-shadow: 4px 4px 7px -1px #7f7f7f; background:#FFF; float:left; padding-top:50px; }

header img {width:100%; float:left;}
article {padding:0; background:#FFF; float:left; width:100%; }
.left {float:left; width:49%;}
.right h2 {text-align: center; margin-bottom:2%;}
.right {float: right; width:49%;}
article p{ text-indent:3%; margin:0 0 2%;}
#i {margin: 2%;}
#uslugi { float:left; margin:2% 0; width:100%;  }
#uslugi img {width:18%; float:left; border:none; padding:0 1%}


footer { width:100%;  margin-top:35px; background-color:rgba(255,255,255,0.7); height:80px; float:left;}
footer  p {margin:10px 25px;}
footer p:first-child {float:left; padding-top:10px;}
.socset {float:right;}
.vk { background:url(../images/vk.png) top left no-repeat;}
.you { background:url(../images/you.png) top left no-repeat;}
.vk, .you  {width:40px; height:40px; background-size:contain; margin:auto auto; display:block; float:left;}*/