/* Сбрасываем все стили 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: 748px;/*756px*/
	 	-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:662px;*/ height:610px; 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:#F00;}

.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_block1 { width: 100%; margin-top: 14px; margin-bottom: 20px; background-color:#FFF; height: 30px;}

.buttons {width: 28%; margin: 0 2% auto; border: #bbb solid 2px; background-color:#F00; 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:#F00 solid 2px;
	border-radius:10px;
	box-shadow:#999;
	z-index: 10001;
	width: 300px;
	height: 360px;   /*Старое значение 260*/
	position: fixed;
    left: -150px;
	top: 200px;
	opacity:1;
	background-color:#FFF;}

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

#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; letter-spacing: normal;
  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_red.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_red.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; }