@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;}
body {
	background-color: #fbebeb;}
a {
	color: #331f23;
		}
#conteiner {
	width:980px;
	min-height:700px;
	box-shadow:#000 0 0 30px;
	margin:0 auto;}
#header {
	width:980px;
	height:516px;
	background:url(../images/fon2.jpg);
	margin:0 auto;}
#nad_menu {
	height:10px;
	width:980px;
	margin:0 auto;}
#menu {
	height:50px;
	width:960px;
	margin:0 10px;
	box-shadow: 0px 3px 7px 0px;
	border-radius: 9px 9px 9px 9px;
	}
#pod_menu {
	width:980px;
	height:200px;}
#pod_menu1 {
	width:320px;
	height:100px;
	background:url(../images/podmenu1.png);
	float:left;
	margin:0 15px 0 0;}
#pod_menu1:hover {
	background-position:0 -100px;}
#pod_menu2 {
	width:320px;
	height:100px;
	background:url(../images/podmenu2.png);
	float:left;
	margin:0 5px 0 0;}
#pod_menu2:hover {
	background-position:0 -100px;}
#pod_menu3 {
	width:320px;
	height:100px;
	background:url(../images/podmenu3.png);
	float:left;
	margin:0;}
#pod_menu3:hover {
	background-position:0 -100px;}
#pod_menu4 {
	width:320px;
	height:100px;
	background:url(../images/podmenu4.png);
	float:left;
	margin:0 15px 0 0;}
#pod_menu4:hover {
	background-position:0 -100px;}
#pod_menu5 {
	width:320px;
	height:100px;
	background:url(../images/podmenu5.png);
	float:left;
	margin:0 5px 0 0;}
#pod_menu5:hover {
	background-position:0 -100px;}
#pod_menu6 {
	width:320px;
	height:100px;
	background:url(../images/podmenu6.png);
	float:left;
	margin:0;}
#pod_menu6:hover {
	background-position:0 -100px;}
#logoblok {
	width:382px;
	height:180px;
	margin:10px 20px;
	float:right;}
#logo {
	background:url(../images/logo.jpg);
	width:382px;
	height:59px;
	background-position:0 -59px;}
#logo:hover {
	background-position:0 0px;}
#telefon {
	background:url(../images/telefon.jpg);
	background-position:0 -42px;
	width:382px;
	height:42px;}
#telefon:hover {
	background-position:0 -42px;}
#obr_zvonok {
	background:url(../images/obrat_zvonok.jpg);
	width:382px;
	height:39px;}
#obr_zvonok:hover {
	background-position:0 -39px;}
#email {
	background:url(../images/email.jpg);
	width:382px;
	height:40px;}
#email:hover {
	background-position:0 -40px;}
#ulmenu {
	padding:0;
	z-index: 30;}

#ulmenu li
{	
	width:192px;
	height:50px;
	float:left;
	font-size:18px;
	color: #FFF;
	text-align:center;
	line-height:50px;
	display:inline;
	text-decoration:none;}

#ulmenu li a {
	width:192px;
	height:50px;
	font-size:18px;
	color: #FFF;
	text-align:center;
	background:url(../images/bacraund_menu.jpg) repeat-x;
	line-height:50px;
	display: block;
	text-decoration:none;
	}

#ulmenu li a:hover
{	background:url(../images/bacraund_menu1.jpg) repeat-x;}


#ulmenu div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background:url(../images/bacraund_menu.jpg) repeat-x;
	border: 1px solid #000;
	text-decoration:none;}

	#ulmenu div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 0 15px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration:none;}

	#ulmenu div a:hover
	{	background:url(../images/bacraund_menu1.jpg) repeat-x;}
#left_menu_punkt {
	border-radius: 10px 0 0 10px;}
#right_menu_punkt {
	border-radius: 0 10px 10px 0;}
#content {
	width:980px;
	overflow: hidden;}
h1 {
	padding:15px 25px 5px 25px;
	font-size: 18px;
	color: #331f23;
	font-style: italic;
}
h2 {
	padding:5px 25px 5px 25px;
	font-size: 16px;
	color: #331f23;
	font-style: italic;
}
p {
	margin:5px 25px;
	font-size:14px;
	color:#331f23;
	line-height:18px;}
.text_ul {
	margin:5px 55px;
	font-size:14px;
	color:#331f23;
	line-height:17px;}
#text {
	margin:10px 0;
	float:left;
	width:720px;}
	
#calculator { width:680px;
background:#331f23;
color: #FFF;
margin:20px;}
.punkt_call {
	width:400px;
	text-align:center;
	vertical-align:middle;
	padding:5px;}
.punkt_call:hover {
	background: #0F0;}
.punkt_call_2 {
	width:400px;
	background:#0F0;
	text-align:center;
	vertical-align:middle;
	padding:5px;}
#left_content {
	width:260px;
	margin-top:10px;
	float:left;}
hr {
	color:#331f23;
	margin:2px 15px;}
#footer {
	height:31px;
	width:100%;
	background-color:#74464e;}
.left_span {
	float:left;
	margin:6px 6px 6px 10px;
	font-size:16px;
	color: #FFF;}
.right_span {
	float: right;
	margin:6px 10px 6px 6px;
	font-size:16px;
	color: #FFF;}
.right_span a {
	font-size:16px;
	color: #FFF;
	margin-left:10px;
	text-decoration:none;}
#zagruska {
	background:url(../images/zagruzit.jpg);
	width:240px;
	height:100px;
	margin-left:15px;
	margin-top:10px;}
#mi_prinimaem {
	background:url(../images/mi_prinimaem.jpg);
	width:240px;
	height:310px;
	margin-left:15px;
	margin-top:10px;}
#vn_menu {
	width:236px;
	margin-left:15px;
	margin-top:10px;
	border:#000 2px solid;
	}
#li_vn_menu {
	margin:10px 0px;}
#li_vn_menu li {
	margin:3px 0px 3px 25px;}
#li_vn_menu a {
	color:#331f23;}

#mail {visibility: hidden; display:none;}
#mail:checked ~ #popup form {visibility: visible;}
#mail:checked + label {
  position: fixed;
  top: 0; left: 0; bottom: 0; right: 0;
  z-index: 99;
  color: rgba(0,0,0,0);
  background: rgba(180,180,180,.9);
  cursor: pointer;
}
#popup {
  visibility: hidden;
  position: fixed;
  top: 0; left: 0; bottom: 0; right: 0;
  z-index: 100;
}
#popup form {
  position: absolute;
  top: 50%; left: 50%;
  -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
  padding: .5% 1% 1%;
  font-size: 140%;
  font-weight: 600;
  text-align: right;
  text-shadow: -1px -1px #666;
  color: rgb(240,240,240);
  background-color:#74464e;
  box-shadow: 0px 5px 20px 15px;
}
#popup div:nth-of-type(1) {padding-top: 3%;}
#popup div:nth-last-of-type(1) {padding: 1% 0 4%;}
#popup div:after {
  content: attr(data-title);
  display: block;
  font-size: 70%;
  font-weight: normal;
  text-shadow: none;
}
#popup input {font-size: 90%;}
#popup [type='submit'] {cursor: pointer;}
#popup label:hover {
  color: #dbeaf9;
  cursor: pointer;
}

#table_vidy_rasshifrovok {
	margin:35px;
	font-size:14px;}

.table_vidy_rasshifrovok_td {
	padding:0 0 15px 0;}
.table_vidy_rasshifrovok_td_center {
	padding:0 0 15px 0;
	text-align:center;
	vertical-align:middle;
	width:45px;}
#table_calculator {
	font-size:14px;
	margin:10px 30px 30px 30px;
	text-align:center;
	vertical-align:middle;
	}
#table_calculator tr td {
	padding:5px;}
.tableFormCal {
	width:100%;}
.tableFormCal tr td {
	border: black solid 1px;}
.tdBlack {
color:black;
cursor:pointer;}
.tdSelect {
color:#fff;
background-color:#74464e;}
#itog_cal {
	font-size:18px;}
.news_table {
	font-size:14px;
	margin:10px 30px 30px 30px;
	vertical-align:middle;
	}
.news_table tr td {
	padding:5px;}
	
.news_table p {
	margin:5px;
	font-size:14px;
	color:#331f23;
	line-height:18px;}
	
#feedback-form {
  max-width: 400px;
  padding: 2%;
  margin-left: 30px;
  border-radius: 3px;
  background: #f1f1f1;
}
#feedback-form [required] {
  width: 100%;
  -moz-box-sizing: border-box; box-sizing: border-box;
  margin-bottom: 2%;
  padding: 2%;
  
  border: none;
  border-radius: 3px;
  overflow: auto;
  box-shadow: 0 -1px 0 rgba(0,0,0,.05) inset, 0 1px 2px rgba(0,0,0,.2) inset, 0 0 transparent;
}
#feedback-form [required]:hover {
  box-shadow: 0 0 0 1px #7eb4ea inset, 0 1px 2px rgba(0,0,0,.2) inset, 0 0 transparent;
}
#feedback-form [required]:focus {
  outline: none;
  box-shadow: 0 0 0 1px #7eb4ea inset, 0 1px 2px rgba(0,0,0,.2) inset, 0 0 4px rgba(35,146,243,.5);
  transition: .2s linear;
}
#feedback-form [type="submit"] {
  padding: 2%;
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
  background: #669acc;
  color: #fff;
}
#feedback-form [type="submit"]:hover {
  background: #5c90c2;
}
#feedback-form [type="submit"]:focus {
  box-shadow: 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}

#rekomendacii {
    display: block;
    text-align: center;
}
#rekomendacii .gallery {
    display: inline-table;
    margin: 10px;
    background-color: whitesmoke;
    width: 150px;
}
#rekomendacii .gallery img {
    display: table-row;
    padding: 10px;
}
#rekomendacii .gallery span {
    display: table-row;
}
#rekomendacii a {
color: #331f23;
}




#wrap{
		display: none;
		opacity: 0.8;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 16px;
		background-color: rgba(1, 1, 1, 0.725);
		z-index: 100;
		overflow: auto;
	}
	
	#window{
		width: 600px;
		height: 100px;
		margin: 250px auto;
		display: none;
		background: #fff;
		z-index: 200;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 16px;
	}
	
	.close{
		margin-left: 564px;
		margin-top: 4px;
		cursor: pointer;
	}