* {
	margin:0;
	border:0;
	padding:0
}

body {
	width:auto;
	height:100%;
	overflow:scroll;
	font-family: Arial,Helvetica,sans-serif;
	color:#222222;
	line-height: 1.2rem;
}
	
html, form
{
	height: 100%;
	font-size:100%;
}

img{
	max-width:100%;
	height: auto;
	position: relative;
	top:0;
	left:0;
}

table {border-collapse:collapse;}
	
hr {
	height:1px;
	border-bottom:1px solid #aaa;
	margin:0 0px 3px 0px;
}

/*Элементы ввода*/	
select, input, textarea {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1rem;
	border-top: 1px solid #aaa;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #aaa;
}
textarea { resize: vertical;}

li {padding-left: 0.5rem; margin-left: 1.5rem;}

.pl0{ padding-left:0 !important;}	
.pl5, * + html .pl5 { 
	padding-left: 0.3rem !important;}		
.pl10, * + html .pl10 { 
	padding-left: 0.6rem !important;}	
.pl20, * + html .pl20 {
	padding-left: 1.2rem !important;}	
.pl30, * + html .pl30 {
	padding-left: 1.9rem !important;}		
.pl40, * + html .pl40 {
	padding-left: 2.5rem !important;}

.mt0, * + html .mt0 {
	margin-top: 0.3rem !important;}
.mt5, * + html .mt5 {
	margin-top: 0.3rem !important;}
	
.mt10, * + html .mt10 {
	margin-top: 0.6rem !important;}

.mt20, * + html .mt20 {
	margin-top: 1.2rem !important;}

.mt30, * + html .mt30 {
	margin-top: 1.9rem !important;}
	
.mt40, * + html .mt40 {
	margin-top: 2.5rem !important;}

.mb5, * + html .mb5 {
	margin-bottom: 0.3rem !important;}
	
.mb10, * + html .mb10 {
	margin-bottom: 0.6rem !important;}	

.mb20, * + html .mb20 {
	margin-bottom: 1.2rem !important;}
	
.mr20, * + html .mr20 {
	margin-right: 1.2rem !important;}

.ml10, * + html .ml10 {
	margin-left: 0.6rem !important;}	
.ml20, * + html .ml20 {
	margin-left: 1.2rem !important;}
	
	
.string {width:100%} /*Строка*/
.left {float:left;} /*Левый компонент строки*/
.right  {float:right;} /*Правый компонент строки*/
.eos {clear:both;} /*Последний компонент строки*/
.string .left>div, .string .right>div {position:relative; float:left;} /*Содержимое компонентов строки*/	
.tbl_string {width:100%; display: table;} /*Строка*/

.hidden /*Скрытие блока*/ {display:none;visibility:hidden;} 

/*Пометка полей, требующих заполнение*/
.mark_fill_required {border-color: #D00;}

/*Нет данных в таблице*/
.tbl_nodata { margin: 1rem 0; color: darkred; font-size: 0.9rem;}

/***********************************************
*                    Кнопки                    *
***********************************************/
.btn_grp {text-align: center; margin: 1.2rem 0;}
.btn_grp>span {padding: 0 0.5rem;}

/*Кнопки с зеленым фоном*/
button.green_btn {
  min-height: 1.8rem;
  color: #FFF;
  font-size: 1rem;
  background: transparent  url("../images/green_btn.png") repeat-x 0 50% !important;
  border-color: #683 #584 #695 #583;
  border-style: solid;
  border-width: 1px;
  padding: 0.1rem 1.1rem 0.2rem 1.1rem;
}
button.green_btn:hover {
	color: #BEB !important;
}

/*Кнопки с красным фоном*/
button.red_btn {
  min-height: 1.8rem;
  color: #FFF;
  font-size: 1rem;
  background: transparent  url("../images/red_btn.png") repeat-x 0 50% !important;
  border-color: #d44 #d44 #d44 #d44;
  border-style: solid;
  border-width: 1px;
  padding: 0.1rem 1.1rem 0.2rem 1.1rem;
}
button.red_btn:hover {
	color: #ffc3bf !important;
}

/*Кнопки с оранж. фоном*/
button.orange_btn {
  min-height: 1.8rem;
  color: #FFF;
  font-size: 1rem;
  background: transparent  url("../images/orange_btn.png") repeat-x 0 50% !important;
  border-color: #eb3 #db3 #ec5 #db2;
  border-style: solid;
  border-width: 1px;
  padding: 0.1rem 1.1rem 0.2rem 1.1rem;
}
button.orange_btn:hover {
	color: #fea !important;
}

button.gray_btn {
  height: 1.8rem;
  color: #555;
  font-size: 16px !important;
  background: transparent  url("../images/gray_btn.png") repeat-x 0 50% !important;
  border-color: #DDD #CCC #AAA #CCC;
  border-style: solid;
  border-width: 1px;
  padding: 0.1rem 1.1rem 0.2rem 1.1rem;
}

button.gray_btn:hover {
	color: #888 !important;
}

/*настройки для fotorama*/
body.fullscreen
{
	background: #ffffff url(jQuery/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x !important;

}

.fotorama,
.fotorama__stage
{
	background: rgb(0, 0, 0) transparent !important;   /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.3) !important;   /* RGBa with 0.6 opacity */
}

.fotorama__nav
{
    background: rgba(0, 0, 0, 0.6) !important;   /* RGBa with 0.6 opacity */
}


/*jqplot*/
td.jqplot-table-legend {padding: 1px 3px !important;}
.jqplot-highlighter-tooltip,
.jqplot-canvasOverlay-tooltip{border:1px solid #ccc !important; font-size:.85em !important; background:rgba(248,248,248,0.8) !important; padding: 1px 3px !important;}


/* формы с элементами */
#main_pane { margin: 1% 0; padding: 1.2rem 5%; background-color: #F8F8F8; border: 1px solid #EEE; border-radius: 4px;}
#main_pane .caption { clear:both; width:100%; color: #068; font-size: 1.4rem; margin: 0.1rem 0 0.7rem 0.2rem; font-weight: 700;}
#main_pane .err {min-height: 1.3rem; margin-top: 0.2rem; margin-bottom: 0.2rem; color:#ff0000; font-size: 0.8rem;}
#main_pane .full_input {padding: 0.2rem;}
#main_pane .centred {text-align: center;}
#main_pane .full_input .input_sign {font-size: 0.8rem; color: #777; padding: 0; margin-top: -0.1rem;}
#main_pane input {font-size: 1.5rem; width: 100%; padding: 0.3rem 0.3rem 0.2rem 0.3rem; box-sizing: border-box; color: #444;}

#main_pane #captcha_text {width: 100px;}

#main_pane .warning { color: #06c; font-size: 0.9rem;}


 /***************** Помощь *******************/
.txt_help {width:100%}
.txt_help .ht1{ font-size: 1.1rem;  color: #4682b4; margin: 0.8rem 0;}
.txt_help .ht2{ font-size: 0.9rem; font-weight: 700;  color: #333; margin: 0.45rem 0;}
.txt_help .help_btn { width:100%; text-align:center; margin: 2rem auto;}
.txt_help .help_phone {vertical-align: -15%;}

@media screen and (max-width: 850px) {
	button ,
	button>span[class=""] {font-size: 1.2rem !important; padding-top: 0.3rem !important; padding-bottom: 0.3rem !important; line-height: 1rem;}
}

/*Подчеркивание телефона*/
a.a_href_tel {border-bottom: 1px dashed !important; text-decoration: none !important;}



/* placeholder */
*::-webkit-input-placeholder {
    color: #999;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #999;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #999;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #999;
}

/*-------------------------*/