body {
	margin-top: 30px;
    margin-bottom: 30px;
	padding: 0;
	background: #ffffff;
	background-image: url("img/background.jpg");
	background-repeat: repeat;
	background-attachment: fixed;
	font-size: 9pt; 
}

h1 {
	font-weight: bold; 
	font-size: 16pt; 
	font-family: Arial; 
	padding: 1px;
}

h1 { font-size: 16pt; font-family: Arial; font-weight: bold; }
h2 { font-size: 14pt; font-family: Arial; font-weight: bold; }
h3 { font-size: 12pt; font-family: Arial; font-weight: bold; }
h4 { font-size: 10pt; font-family: Arial; font-weight: bold; }

a { text-decoration: none; }
.footer_contact { font-size: 10pt; font-family: Arial; text-align: left; font-weight: bold; }
.footer_contact :link { text-decoration: none; color: #ffffff; } 
.navigation_button { width:90px; height:90px; font-family: Arial; font-size:10pt; }

.contacts_block { box-shadow: 5px 5px 10px rgba(0,0,0,0.5); background-color: rgb(255,255,255); width: 800px; height: 270px; border: 1px solid black; }
.contacts_video { box-shadow: 5px 5px 10px rgba(0,0,0,0.5); border: 1px solid black; }
.contacts_info { box-shadow: 5px 5px 10px rgba(0,0,0,0.5); background-color: rgb(255,255,255); width: 600px; height: 150px; border: 1px solid black; font-size: 10pt; font-family: Arial; text-align: left; }
.bugs_block { box-shadow: 5px 5px 10px rgba(0,0,0,0.5); background-color: rgb(255,255,255); width: 850px; height: 450px; border: 1px solid black; }
.social_networks_block { box-shadow: 5px 5px 10px rgba(0,0,0,0.5); background-color: rgb(255,255,255); width: 700px; height: 320px; border: 1px solid black; }
.articles_block { font-size: 11pt; font-family: Arial; box-shadow: 5px 5px 10px rgba(0,0,0,0.5); background-color: rgb(255,255,255); width: 700px; height: 300px; border: 1px solid black; }
.email_subscribe_block { box-shadow: 5px 5px 10px rgba(0,0,0,0.5); background-color: rgb(255,255,255); width: 800px; height: 250px; border: 1px solid black; }
.services_block { box-shadow: 5px 5px 10px rgba(0,0,0,0.5); background-color: rgb(255,255,255); width: 800px; border: 1px solid black; }
.victorina_block { box-shadow: 5px 5px 10px rgba(0,0,0,0.5); background-color: rgb(255,255,255); width: 800px; border: 1px solid black; }

.product { display:inline-block; font-size: 10pt; font-family: Arial; 
	padding:10px; margin:5px; border: 1px solid black; background-color: rgb(255,255,255);
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5); border-radius: 10px; width: 190px; height: 270px; }
.product_list_name { font-size: 11pt; font-family: Arial; text-align: left; font-weight: bold; }
.team { font-size: 12pt; font-family: Arial; text-align: left; padding:5px; background-color: rgb(230,230,230);}
.product_list_info { font-size: 8pt; font-family: Arial; }
.prolog { columns: 250px 3; column-gap: 30px; column-rule: 1px solid #ccc; font-size: 10pt; font-family: Arial; text-align: justify; padding:10px; }


.header {
	font-weight: bold; 
	font-size: 16pt; 
	font-family: Arial; 
	padding: 5px;
	margin: 0px;
}

.program_title {
	font-weight: bold; 
	font-size: 16pt; 
	font-family: Arial; 
	padding: 0px;
	margin: 0px;
}

.column3 {
  columns: 250px 3;
  column-gap: 30px;
  column-rule: 1px solid #ccc;
}

.price {
	font-weight: bold; 
	font-size: 20pt; 
	font-family: Times; 
	width: 100px;
	height: 65px;
	background: url(img/price.gif) top;
	color: #ffffff; 
	text-align:center;
	padding-top: 35px ;
	text-shadow: black 1px 1px 2px;
}
.price_free {
	font-weight: bold; 
	font-size: 20pt; 
	font-family: Times; 
	width: 100px;
	height: 65px;
	background: url(img/price_free.gif) top;
	color: #ffffff; 
	text-align:center;
	padding-top: 35px ;
	text-shadow: black 1px 1px 2px;
}

.price_list {
	font-size: 12pt; 
	font-family: Times; 
	width: 70px;
	height: 50px;
	background: no-repeat center/100% url(img/price.gif);
	color: #ffffff; 
	text-align:center;
	padding-top: 28px;
	text-shadow: black 1px 1px 2px;
}
.price_free_list {
	font-size: 12pt; 
	font-family: Times; 
	width: 70px;
	height: 50px;
	background: no-repeat center/100% url(img/price_free.gif);
	color: #ffffff; 
	text-align:center;
	padding-top: 28px;
	text-shadow: black 1px 1px 2px;
}


.cell_fix {
	font-weight: bold; 
	font-size: 10pt; 
}
.cell_row {
	font-size: 10pt; text-align: right;
}
.sys_req { 
	background: #ffffff; 
	border: 2px dotted black; /* Параметры границы */
    padding: 5px; /* Поля вокруг текста */
}
.main {
	margin: 0 auto;
	padding: 0;
	-webkit-box-shadow: 5px 4px 4px 3px rgba(10, 10, 10, 0.5);
	box-shadow: 5px 4px 4px 3px rgba(10, 10, 10, 0.5);
	behavior:url(border-radius.htc);
	background-color: rgb(240,240,240);
	width:900px;
}

.main-head { 
	font-weight: bolder; 
	font-size: 40pt; 
	font-family: Times; 
	text-align: center;
	color: #ffffff; 
	text-shadow: black 1px 1px 2px;
	background-color: rgb(150,191,255); 
	padding: 5px;  border-bottom: 1px solid transparent; 
	text-decoration:none;
}
.main-footer { 
	font-family: Times; 
	text-align: center;
	color: #ffffff; 
	text-shadow: black 1px 1px 2px;
	background-color: rgb(150,191,255); 
	padding: 5px;  border-bottom: 1px solid transparent; 
}
.main-body { 
	color: #000000; 
	padding: 10px; 
}

.window { 
	border: 1px solid black; 
	padding: 0px; 
	background-color: rgb(230,230,230); 
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5); 
}
.window-head { 
	color: #ffffff; 
	background-color: rgb(150,191,255); 
	padding: 5px;  
	border-bottom: 1px solid transparent; 
	font-size: 10pt; 
	font-family: Arial; 
	text-align: center;
}
.window-body { 
	color: #000000; 
	padding: 5px; 
	vertical-align: middle; 
	font-size: 8pt; 
	font-family: Arial; 
}
.form_com {
	padding: 5px; 
	border-radius: 1px;
	background-color: rgb(240,240,240);
	border: 1px solid black; 
	width: 650px;	
}
.news { 
	border: 1px solid black; 
	border-radius: 0px; 
	padding: 0px; 
	background-color: rgb(255,255,255); 
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	height1: 250px;
}
.news-head { 
	color: #ffffff; 
	background-color: rgb(125,188,197); 
	padding: 5px;  
	border-bottom: 1px solid transparent; 
	border-top-left-radius: 0px; 
	border-top-right-radius: 0px; 
	font-size: 10pt; 
	font-family: Arial; 
	text-align: center;
}
.news-title { 
	font-weight: bold;
	font-size: 10pt; 
	text-align: right;
	margin: 0px 2px 5px 0px;
}
.news-body { 
	color: #000000; 
	padding: 5px; 
	vertical-align: middle; 
	font-size: 8pt; 
	font-family: Arial;
	text-align: justify;	
}
.column {
    column-width: 200px;
    column-count: 4;
    column-gap: 30px;
    column-rule: 1px solid #ccc;
	text-align: justify;

}
.qbanner {
	width: 110px;
    height: 40px;
    color: #0000ff;
    background-color: rgb(208,219,209);
    border: 1px solid rgb(18,179,29);
    padding: 5px;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}

.qbanner_pic {
	margin: 0px;
	padding: 0px;
	border-radius: 2px;
}
.qbanner_text {
    background-color: rgb(105,168,177);
    color: #ffffff;
    font-size: 8pt;
    font-family: Arial;
    text-align: center;
    vertical-align: top;
	margin: 0px;
	padding: 5px;	
	width: 100px;
	height: 30px;
    text-decoration: none;
}

.sbanner {
	width: 170px;
    height: 40px;
    color: #0000ff;
    background-color: rgb(255,230,200);
    border: 1px solid rgb(255,160,60);
    padding: 5px;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	margin: 10px 0 10px 0;
}

.sbanner_pic {
	margin: 0px;
	padding: 0px;
	border-radius: 2px;
}
.sbanner_text {
    background-color: rgb(255,160,60);
    color: #ffffff;
    font-size: 8pt;
    font-family: Arial;
    text-align: center;
    vertical-align: top;
	margin: 0px;
	padding: 5px;	
	width: 80px;
	height: 30px;
    text-decoration: none;
}

.com_date { font-weight: bold; font-size: 8pt; }
.com_respect { font-style: italic; font-size: 8pt; }

.poll_question { font-weight: bold; font-size: 8pt; text-align: justify; }
.poll_answer { font-size: 8pt; }

.bubble { position: relative; width: 300px; padding: 10px; background: #F5F5F5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: #7F7F7F solid 2px; }
.bubble:after { content: ''; position: absolute; border-style: solid; border-width: 5px 22px 5px 0; border-color: transparent #F5F5F5; display: block; width: 0; z-index: 1; left: -22px; top: 20px; }
.bubble:before  { content: ''; position: absolute; border-style: solid; border-width: 6px 23px 6px 0; border-color: transparent #7F7F7F; display: block; width: 0; z-index: 0; left: -25px; top: 19px; }

.bubble_1 { position: relative; width: 300px; padding: 10px; background: #EEFFEE; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: #7F7F7F solid 2px; }
.bubble_1:after { content: ''; position: absolute; border-style: solid; border-width: 5px 22px 5px 0; border-color: transparent #EEFFEE; display: block; width: 0; z-index: 1; left: -22px; top: 20px; }
.bubble_1:before  { content: ''; position: absolute; border-style: solid; border-width: 6px 23px 6px 0; border-color: transparent #7F7F7F; display: block; width: 0; z-index: 0; left: -25px; top: 19px; }

.bubble_2 { position: relative; width: 300px; padding: 10px; background: #CCFFCC; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: #7F7F7F solid 2px; }
.bubble_2:after { content: ''; position: absolute; border-style: solid; border-width: 5px 22px 5px 0; border-color: transparent #CCFFCC; display: block; width: 0; z-index: 1; left: -22px; top: 20px; }
.bubble_2:before  { content: ''; position: absolute; border-style: solid; border-width: 6px 23px 6px 0; border-color: transparent #7F7F7F; display: block; width: 0; z-index: 0; left: -25px; top: 19px; }

.bubble_m1 { position: relative; width: 300px; padding: 10px; background: #FFEEEE; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: #7F7F7F solid 2px; }
.bubble_m1:after { content: ''; position: absolute; border-style: solid; border-width: 5px 22px 5px 0; border-color: transparent #FFEEEE; display: block; width: 0; z-index: 1; left: -22px; top: 20px; }
.bubble_m1:before  { content: ''; position: absolute; border-style: solid; border-width: 6px 23px 6px 0; border-color: transparent #7F7F7F; display: block; width: 0; z-index: 0; left: -25px; top: 19px; }

.bubble_m2 { position: relative; width: 300px; padding: 10px; background: #FFCCCC; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: #7F7F7F solid 2px; }
.bubble_m2:after { content: ''; position: absolute; border-style: solid; border-width: 5px 22px 5px 0; border-color: transparent #FFCCCC; display: block; width: 0; z-index: 1; left: -22px; top: 20px; }
.bubble_m2:before  { content: ''; position: absolute; border-style: solid; border-width: 6px 23px 6px 0; border-color: transparent #7F7F7F; display: block; width: 0; z-index: 0; left: -25px; top: 19px; }

.bubble_adm { position: relative; width: 300px; padding: 10px; background: #F5F5FF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: #7F7F7F solid 2px; }
.bubble_adm:after { content: ''; position: absolute; border-style: solid; border-width: 5px 22px 5px 0; border-color: transparent #F5F5FF; display: block; width: 0; z-index: 1; left: -22px; top: 20px; }
.bubble_adm:before  { content: ''; position: absolute; border-style: solid; border-width: 6px 23px 6px 0; border-color: transparent #7F7F7F; display: block; width: 0; z-index: 0; left: -25px; top: 19px; }

.screenshot_comment { margin: auto; position: relative; width: 250px;  padding: 0px; background: #FFFFB5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 15px; border: #000000 solid 1px; }
.screenshot_comment:after { content: ''; position: absolute; border-style: solid; border-width: 0 15px 20px; border-color: #FFFFB5 transparent; display: block; width: 0; z-index: 1; top: -20px; left: 105px; }
.screenshot_comment:before { content: ''; position: absolute; border-style: solid; border-width: 0 15px 20px; border-color: #000000 transparent; display: block; width: 0; z-index: 0; top: -21px; left: 105px; }

/* =============================================================================
   Base Button
   ========================================================================== */

.button {
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.5em 1em;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    font:11px/normal sans-serif;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -ms-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -moz-background-clip: padding; /* for Firefox 3.6 */
    background-clip: padding-box;
    border-radius: 0.2em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

.button:hover,
.button:focus,
.button:active,
.button.active {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #fff;
    background-color: #3c8dde;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
    background-image: -moz-linear-gradient(#599bdc, #3072b3);
    background-image: -o-linear-gradient(#599bdc, #3072b3);
    background-image: linear-gradient(#599bdc, #3072b3);
}

.button:active,
.button.active {
    border-color: #2a65a0;
    border-bottom-color: #3884cd;
    background-color: #3072b3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3072b3), to(#599bdc));
    background-image: -moz-linear-gradient(#3072b3, #599bdc);
    background-image: -ms-linear-gradient(#3072b3, #599bdc);
    background-image: -o-linear-gradient(#3072b3, #599bdc);
    background-image: linear-gradient(#3072b3, #599bdc);
}

/* overrides extra padding on button elements in Firefox */
.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.ribbon {
	padding: 10px 5px 10px 5px;
	text-align: center;
	background-image: url("img/ribbon.png");
	background-repeat: no-repeat;
	font-size: 10pt; 
	width: 350px;
	height: 27px;
	color: #fff;
}

/* Image show styles */
.imageShow_header { color: #000000; font-size: 14pt; font-family: Arial; font-weight: bold; }
.imageShow_image { box-shadow: 6px 6px 15px 0 rgba(0,0,0,0.75); border-style: solid; border-width: 0px; color: #FFFFFF; margin:20px; }
.imageShow_selected { border-style: solid; border-width: 2px; border-color: #FF0000; padding: 0px; }
.imageShow_hint { margin: auto; position: relative; width: 250px;  padding: 0px; background: #FFFFB5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 15px; border: #000000 solid 1px; }
.imageShow_hint:after { content: ''; position: absolute; border-style: solid; border-width: 0 15px 20px; border-color: #FFFFB5 transparent; display: block; width: 0; z-index: 1; top: -20px; left: 105px; }
.imageShow_hint:before { content: ''; position: absolute; border-style: solid; border-width: 0 15px 20px; border-color: #000000 transparent; display: block; width: 0; z-index: 0; top: -21px; left: 105px; }