/* Сбрасываем все стили CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Конец сброса стилей CSS Reset */

html {background-color:#ececec; font-family: Arial, Helvetica, sans-serif; font-size:14px;}

.wrapper {width: 1000px; margin: auto; background-color:#fff; min-height: 100%;
	height: 786px;
	 	-moz-border-radius: 20px; /* закругление для старых Mozilla Firefox */
 		-webkit-border-radius: 20px; /* закругление для старых Chrome и Safari */
 		-khtml-border-radius:20px; /* закругл. для браузера Konquerer системы Linux */
 		border-radius: 20px; /* закругление углов для всех, кто понимает */
	}

.content { width: 620px; float:left; padding: 0 5px 0 20px;}

.aside_right { width: 340px; float:left; background-image:url('images/noga.png'); background-position: right top; background-repeat:no-repeat; background-size: contain auto;  height:697px; vertical-align:bottom !important; position:relative; margin-left: 10px;}

.a_content { width: 100%; display: inline-block; vertical-align:bottom; bottom:0; position:absolute;}

.logo {display: block;}

.clr_stl {clear:both;}

/*Заголовки / папраграфы*/

h1 {font-size: 16px; margin-bottom: 9px; font-weight:600;}
h2 {font-size: 15px; margin-bottom: 7px; font-weight:600;}
h3 {font-size: 14px; margin-bottom: 6px; font-weight:500;}
p {line-height: 18px; margin-bottom:10px; font-size: 13px;}
blockquote {font-size: 22px; margin-bottom:16px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic; color:#0066b2;}

.brosura { display:block; float:left; margin-right:14px; width:155px;}

/*Кнопки*/

.buttons_block { width: 100%; margin-top: 25px; margin-bottom: 20px; background-color:#FFF; height: 30px;}

.buttons {width: 28%; margin: 0 2% auto; border: #bbb solid 2px; background-color:#0066b2; color: #FFF; text-transform: uppercase; font-size: 90%; font-weight:600; float:left; padding:8px 0; text-align:center;
 -moz-border-radius: 8px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 8px; /* закругление для старых Chrome и Safari */
 -khtml-border-radius:8px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 8px; /* закругление углов для всех, кто понимает */
 }
 
 .buttons:hover {border: #ddd solid 2px;}
 
.vid_eo { width: 23%; height: auto; margin: 1%; float:left; position:relative;}
.gal {width:98%; height:auto; border: #bbb 2px solid;}
.gal:hover {border: #ddd 2px solid;}


 
.buttons:hover {border: #ccc solid 2px; }
 
 
 /* Форма вопроса */
#bg_gray { position: fixed;
left:0; top:0;
width: 100%;
height: 100%;
z-index: 10000;
opacity: 0.6;
background-color:#666;
text-align:center;
vertical-align:central;
}

#forma { margin-bottom: 40px;
margin-top: 0;
margin-left: 50%;
	text-align:left;
	padding: 10px 14px 8px 12px;
	border:#0066b2 solid 2px;
	border-radius:10px;
	box-shadow:#999;
	z-index: 10001;
	width: 300px;
	height: 360px; /* Старое значение 260px */
	position: fixed;
    left: -150px;
	top: 200px;
	opacity:1;
	background-color:#FFF;}

form p { margin: 12px 0px;
font-size: 14px;}

p input {position: absolute; left:150px; width:160px;}

#pform2 { height:0px; width:0px; overflow:hidden;}

p input {position: absolute; left:150px; width:160px;}

#maile2k {height:0px; width:0px; opacity:0;}

#pform4 {position:absolute; left:-65px;}

p.labelf {margin-left: 20px;}

#cansel { position:absolute;
left: 10px;
	}
#sub1 { position:absolute;
left:235px;}

.wrap1 ol {line-height: 18px; margin-bottom:10px; font-size: 13px;
  list-style-position: inside;
  -moz-column-count: 2; /* Firefox */
  -webkit-column-count: 2; /* Safari and Chrome */
  column-count: 2;
  list-style-image:url('images/li_blue.png');
  height: 60px;
  margin-right: 0px;
  margin-left: 0px;
}

.wrap2 ol {line-height: 18px; margin-bottom:10px; font-size: 13px;
  list-style-position: inside;
  -moz-column-count: 2; /* Firefox */
  -webkit-column-count: 2; /* Safari and Chrome */
  column-count: 2;
  list-style-image:url('images/li_blue.png');
  height: 80px;
  margin-right: 0px;
  margin-left: 0px;
}

a > img {border: #CACACA solid 2px; width: 100%; height:auto; }
a > img:hover {border: #DDD solid 2px; }

/* Фотогалерея во всплывающем окне*/
.overlay { 
background-color: rgba(0, 0, 0, 0.7); 
bottom: 0; 
cursor: default; 
left: 0; 
opacity: 0; 
position: fixed; 
right: 0; 
top: 0; 
visibility: hidden; 
z-index: 1; 
-webkit-transition: opacity .5s; 
-moz-transition: opacity .5s; 
-ms-transition: opacity .5s; 
-o-transition: opacity .5s; 
transition: opacity .5s; 
} 
.overlay:target { 
visibility: visible; 
opacity: 1; 
} 
.popup { 
background-color: #fff; 
border: 3px solid #fff; 
display: inline-block; 
left: 50%; 
opacity: 0; 
padding: 15px; 
position: fixed; 
text-align: justify; 
top: 40%; 
visibility: hidden; 
z-index: 10; 

-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%); 
-o-transform: translate(-50%, -50%); 
transform: translate(-50%, -50%); 

-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
-ms-border-radius: 10px; 
-o-border-radius: 10px; 
border-radius: 10px; 

-webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; 
-moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; 
-ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; 
-o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; 
box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset; 

-webkit-transition: opacity .5s, top .5s; 
-moz-transition: opacity .5s, top .5s; 
-ms-transition: opacity .5s, top .5s; 
-o-transition: opacity .5s, top .5s; 
transition: opacity .5s, top .5s; 
} 
.overlay:target+.popup { 
top: 50%; 
opacity: 1; 
visibility: visible; 
} 
.close { 
background-color: rgba(0, 0, 0, 0.8); 
border: 2px solid #ccc; 
height: 24px; 
line-height: 24px; 
position: absolute; 
right: -13px; 
font-weight: bold; 
text-align: center; 
text-decoration: none; 
top: -15px; 
width: 24px; 
-webkit-border-radius: 15px; 
-moz-border-radius: 15px; 
-ms-border-radius: 15px; 
-o-border-radius: 15px; 
border-radius: 15px; 
-moz-box-shadow: 1px 1px 3px #000; 
-webkit-box-shadow: 1px 1px 3px #000; 
box-shadow: 1px 1px 3px #000; 
} 
.close:before { 
color: rgba(255, 255, 255, 0.9); 
content: "X"; 
text-shadow: 0 -1px rgba(0, 0, 0, 0.9); 
} 
.close:hover { 
background-color: rgba(64, 128, 128, 0.8); 
} 
/* Конец фотогалереи во всплывающем окне */