body{
    margin:0;
    padding:0;
    /* new background-color: #f8f8e8;*/
	background-image: url(/img/fon3.gif);
	background-attachment: fixed;
    color: #233a80;
    font-family: Times New Roman, Times, serif;
    font-size: 100%;
    /*text-align: justify;*/
} 

/* Responsive text aligning */
.xs-text-left { text-align: left; }
.xs-text-right { text-align: right; }
.xs-text-center { text-align: center; }
.xs-text-justify { text-align: justify; }
.xs-border-right { border-right: 1px dashed }

@media (min-width: 768px) {    
    .sm-text-left { text-align: left; }
    .sm-text-right { text-align: right; }
    .sm-text-center { text-align: center; }
    .sm-text-justify { text-align: justify; }
    .sm-border-right { border-right: 1px dashed }
}
@media (min-width: 1230px) {    
    .md-text-left { text-align: left; }
    .md-text-right { text-align: right; }
    .md-text-center { text-align: center; }
    .md-text-justify { text-align: justify; }
    .md-border-right { border-right: 1px dashed }
}
@media (max-width: 767px) {
  .xs-only-tcenter { margin: 0 auto; } 
}

/* responsive border-bottom start */
.xs-border-bottom,
.sm-border-bottom {
    border-bottom: none;
}

@media (max-width: 767px) {
    .xs-border-bottom {
        border-bottom: 1px dashed;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1229px) {
    .sm-border-bottom {
        border-bottom: 1px dashed;
        margin-bottom: 10px;
    }
}

.sm-or-less-border-bottom {
    border-bottom: none;
    padding-bottom: 10px;
}

@media (max-width: 1229px) {
    .sm-or-less-border-bottom {
        border-bottom: 1px dashed;
        margin-bottom: 10px; 
    }
}
/* responsive border-bottom end */

/*#######################*/
.equal-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.equal-height > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.equal-height .sm-or-less-border-bottom {
    flex: 1;
}

.row.equal-height:before,
.row.equal-height:after {
   content: normal;
}

.row-padding-0 > [class*="col-"] {
    padding-left:  0 !important;
    padding-right: 0 !important;
}
.row-padding-0 {
    margin-left:  0 !important;
    margin-right: 0 !important;
}

.row-padding-5 > [class*="col-"] {
    padding-left:  5px !important;
    padding-right: 5px !important;
}
.row-padding-5 {
    margin-left:  -5px !important;
    margin-right: -5px !important;
}

#maincontainer {
    margin: 0 auto; /*Center container on page*/ 
    position: relative;
    z-index: 10;   
}

.borderdiv {
	 border: 1px;
	 /*border-top: 0;*/
	 border-color: #82aafe;
    /*border-style: dashed;*/
    /*padding: 0 1px 0 1px;*/  /* отступ от пунктира 1px справа и слева*/
    /*padding: 1px;*/ /*отступ от пунктира 1px со всех сторон*/
}

.background-main {
    background: #82aafe;
}

.background-white {
    background: #ffffff;
}

.background-blue {
    background: #a2e6ff;
}

.header{
    height: 90px; /*Height of top section*/
}

.cloudsmenu {
    /*height: 64px;*/
    padding-bottom: 5px
}

.cloudsmenu-item {
    /*width: 94px;*/
    /*width: 72px;*/
    /*height: 60px;    */
}

.cloudstable {
    width: 100%;
    text-align: center;
}

/* temporary hack, remove table later */
.loginbox > table {
    margin-left: auto;
    margin-right: 5px
}

.loginbox {
   margin: 9px 5px 0 0;
   color: #ffffff;
   font-size: 9px;
   font-family: Verdana, Tahoma, Arial, sans-serif;
}

.loginbox input {
   font-size: 12px;
}

.loginbox input[type='submit'] {
    font-size: 11px;
    width: 40px;
}

.loginbox input[type='text'],
.loginbox input[type='password'] {
    width: 100px;
}

.loginbox a, 
.loginbox a:hover,
.loginbox a:visited,
.loginbox a:active  {
   color: #ffffff;
   font-size: 11pt;
   font-family: Verdana, Tahoma, Arial, sans-serif;
}

.title0 {
     font-size: 17px;  color: #003399; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: left;
}

.title {
     font-size: 148%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: center; 
     line-height: 1.3;
}
.title1 {
     font-size: 120%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: center;
}
.title2 { 
     font-size: 110%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: center;
}
.title3 {
     font-size: 105%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: center;
}
.title4 {
     font-size: 95%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: center; 
     line-height: 1.3;
}
.title5 {
     font-size: 80%; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align: center; 
     line-height: 1.3;
}

table.menutable {
    /*cellspacing="1" cellpadding="0" width="100%" border="0" bgcolor="#82aafe"*/
    border-spacing: 1px;
    padding: 0;
    width: 100%;
    border: 0;
    line-height: 1;    
}

.menutable td {
    background: #d5e5f5;
    text-align: center;
}

.menupath {
    border: 1px;
    border-color: #82aafe;
    border-style: none none dashed none;
}

table.pathtable {
    font-size: 75%;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    width: 100%;
}

.path-text {
    font-size: 12px;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    line-height: 1.8;
}

table.content {
    /*cellspacing="1" cellpadding="0" width="100%" border="0"*/
    border-spacing: 1px;
    padding: 0;
    width: 100%;
    border: 0;
    line-height: 1;    
}

.content td {
    vertical-align: top;
}

div.menuright {
    text-align: right;
    margin: 0 0 0 auto;
	 color: #9933cc;
}

div.menuleft {
    margin: 0 0 0 auto;
    font-size: 9pt;
	 color: #003399;
}

a.menuleft {
    font-size: 9pt;
    color: #003399;
}

.content-and-columns-wrapper {
     background: #ffffff;
     width: 100%;
     margin-top: 5px;
}

#contentcolumn-small {
    margin: 0;
    padding-top: 10px;
    background: #ffffff;
}

#column_l {
    background: #ffffff;
}

#column_r {
    background: #ffffff;
}

table.columntable {
    /*cellspacing="1" cellpadding="0" border="0" bgcolor="#82aafe" width="100%"*/
    border-spacing: 1px;
    padding: 0;
    border: 0;
	 width: 100%;
}

.columntable td {
    background: #d5e5f5;
    text-align: left;
}

.footer1 {
    font-size: 16px;
    padding: 7px;    
}

.footer1table td {
    padding: 6px;
}

.footer2{
    padding: 4px 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.footer3 {
    padding-top: 15px;
}

.fixed-section {
    position: fixed;
    top: 10px;
    width: 296px;
    /* left: 50%; */
    /* margin-left: 297px;  (#maincontainer{width}/2 - width - margin|padding|border) [600-300-3] */
    height: auto;
}

table.friends {
    margin: 0 auto 0 auto;
    text-align:center;
}

.friends td {
    padding: 11px;
}

.innerdiv {
    margin: 0 2px 0 2px; /*Margins for inner DIV inside each column (to provide padding)*/    
}

.innerdiv2 {
    margin: 0 2px 0 2px; /*Margins for inner DIV inside each column (to provide padding)*/    
}

.logo {
   display:inline-block;
   width: 305px; 
}

.header-links {
   width: 374px;
   display: inline-block;
   vertical-align: top;
   margin-top: 10px;
}

.header-links-table {
   width: 97%;
   margin: 0 auto;   
}

.no-top-border {
    border-top: 0 !important;
}

.box-div {
    border-top: 2px;
    border-top-style: solid;
    border-top-color: #f26c26;  /*цвет сверху*/

    border-bottom: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #b1caff;

    background-color: #f7faff; /*цвет фона f2f6fd d1dffe ecf9fe fef7cd*/

    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 14px; 
    line-height: 18px;

    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.box-div h1 {
   font-size: 18px;
   font-weight: bold;
   color: #486db4; /*синий цвет в заголовке таблицы*/
   margin: 5px; 
}

.zag {
   font-size: 18px;
   font-weight: bold;
}

.zag14 {
   font-size: 14px;
   font-weight: bold;
}

.zag15 {
   font-size: 15px;
   font-weight: bold;
}

.zag16 {
   font-size: 16px;
   font-weight: bold;
}

.box-div h3 {
   font-size: 17px;
   font-weight: bold;
   color: #486db4; /*синий цвет в заголовке таблицы*/
   margin: 5px; 
}

.box-div .xs-border-right,
.box-div .sm-border-right,
.box-div .md-border-right
{
    border-right-color: #b1caff;
}

.box-div .xs-border-bottom,
.box-div .sm-border-bottom,
.box-div .sm-or-less-border-bottom
{
    border-bottom-color: #b1caff;
}

a,
a:visited {
	color: #000066; 
	text-decoration: underline;
}

a:hover {
	color:#6666cc; 
	text-decoration:none;
}

a:active {
	color: #000066; 
	text-decoration: none;
}

a.sh {
    font-size: 8pt;
    color: #82aafe;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

span.quote {
    font-size: 9pt;
    color: #FF3366;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

a.register {
    font-size: 9pt;
    color: #9933cc;
}

a.c,
a.c:visited  {
	font-size: 12px; 
	color: #000066; 
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: none;
}

a.c:hover,
a.c:active {
	font-size: 12px; 
	color: #333399; 
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: underline;
}

a.p,
a.p:visited {
	font-size: 88%; 
	color: #000066; 
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: underline;
}

a.p:hover,
a.p:active {
	font-size: 88%; 
	color: #333399; 
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: none;
}

a.p2,
a.p2:visited {
	font-size: 73%; 
	color: #000066; 
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: none;
}

a.p2:hover,
a.p2:active {
	font-size: 73%; 
	color: #333399; 
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: underline;
}

a.p3,
a.p3:visited,
a.p3:active {
	font-size: 77%; 
	color: #000066; 
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: underline;
}

a.p3:hover {
	font-size: 77%; 
	color: #000066; 
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: none;
}

span.copyright {
    font-family: arbat;
    font-size: 17px;
}

span.copyright-20 {
    font-family: arbat;
    font-size: 20px;
} 

.skazki {
   font-size: 11pt;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

.font-30 {
    font-size: 30px;
}

.font-25 {
    font-size: 25px;
}

.font-22 {
    font-size: 22px;
}

.font-20 {
    font-size: 20px;
}

.font-18 {
    font-size: 18px;
}

.font-17 {
    font-size: 17px;
}  

.font-16 {
    font-size: 16px;
}

.font-15 {
    font-size: 15px;
}

.font-14 {
    font-size: 14px;
}

.font-13 {
    font-size: 13px;
}

.font-12 {
    font-size: 12px;
}

.font-11 {
    font-size: 11px;
}

.font-10 {
    font-size: 10px;
}

.font-9 {
    font-size: 9px;
}

.small {
    font-size: 13px;
}

.small-12 {
    font-size: 12px;
}

.small-2 {
    font-size: 11px;
}

.contenttable {
	padding: 1px;
}

.contenttable td {
	padding: 0 4px 0 4px;
	width: 50%;
}

.link {
	font-size: 100%; 
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	font-weight: normal;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.white {
	color: #ffffff; 
}

.red {
	color: #ff0000; 
}

.red2 {
	color: #ff0033; 
}

.pink {
	color: #ff0099;
}

.lpink {
	color: #ff0055;
}

.lightpink {
	color: #ff6666;
}

.orange {
	color: #ff6600;
}
   
.orange2 {
	color: #ff3300;
}

.yellow {
	color: #ff9900;
}

.green {
	color: #006600;
}

.lightblue {
	color: #3366ff;
}

.blue {
	color: #0000ff; 
}

.blue2 {
	color: #003399; 
}

.blue3 {
	color: #486db4; 
}

.violet {
	color: #9933ff;
}

.violet2 {
	color: #993399;
}

.violet3 {
	color: #660099;
}

.teal {
	color: #008080; 
}

.purple {
	color: #800080; 
}

.maroon {
	color: #800000; 
}

.fuchsia {
	color: #ff00ff; 
}

.olive {
	color: #808000; 
}

.gray {
    color: #808080; 
}

.silver {
	color: #c0c0c0; 
}

a.purple {
    color: #800080; 
}

a.lpink {
    color: #ff0055; 
}

a.orange {
    color: #ff6600;
}

a.darkblue {
    color: #3355bb;
}

a.maroon {
    color: #800000;
}

a.green {
    color: #006600;
}

.cloud {
    background: #d5e5f5;
    text-align: center;
    color: #9966cc;
}

/* tags */
.tags {
   text-align: center;
	line-height: 20px;
}

a.tag-1 {
    font-size: 11pt;
    color: #003399;
	 font-family: Verdana, Tahoma, Arial, sans-serif;
}

a.tag-2 {
    font-size: 12pt;
    color: #003399;
	 font-family: Verdana, Tahoma, Arial, sans-serif;
}

a.tag-2b {
    font-size: 12pt;
    color: #FF0066;
	 font-family: Verdana, Tahoma, Arial, sans-serif;
}


a.tag-3 {
    font-size: 14pt;
    color: #003399;
	 font-family: Verdana, Tahoma, Arial, sans-serif;
}

a.tag-4 {
    font-size: 16pt;
    color: #003399;
	 font-family: Verdana, Tahoma, Arial, sans-serif;
}

a.tag-5 {
    font-size: 17pt;
    color: #003399;
	 font-family: Verdana, Tahoma, Arial, sans-serif;
}

/* tags end */

.comment {
    text-align: left;
	 font-size: 12px;
    font-family: Verdana, Tahoma, Arial, sans-serif;
}

div.breadcrumbs {
    margin: 0 0 5px 3px;
    font-size: 8pt;
	color: #003399;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
}

a.breadcrumbs {
    font-size: 8pt;
    color: #003399;
}

#centerlayer {
    width: 185px; /* ... */
    margin: 0 auto; /* ... */
    padding: 15px; /* ... */
    text-align: left; /* ... */
}

.text {
    clear: left;
    width: 80%;
    border: 1px;
	 border-color: #82aafe;
    border-style: dashed;
	 margin: 0 auto; /*Center container on page*/
    padding: 5px;
}

.text-orange {
    clear: left;
    width: 480px;
    border: 1px;
	 border-color: #ff6600;
    border-style: dashed;
	 margin: 0 auto; /*Center container on page*/
    padding: 10px;
}

.table-orange {
    clear: left;
    width: 480px;
    border: 1px solid;
    border-color: #ff6600;
    margin: 0 auto;
    padding: 10px;
}
 
.mail {
    clear: left;
    width: 95%;
    border: 1px;
	 border-color: #82aafe;
    border-style: dashed;
	 margin: 0 auto; /*Center container on page*/
    padding: 5px;
} 

.links {
	background-color: #d5e5f5;
}

.banner{
   float: right;
   margin: 0 0 0 auto;
   display: inline-block;
}
 
.cerror { color:red } /* mail.html; comments*/
.cok { color:green }

h3.error { 
    color:red;
    text-align: center;
    line-height: 2;
}

h3.ok { 
    color:green;
    text-align: center;
}

h3.msg {
    color: blue;
    text-align: center;
}

.mailerror {
    font-weight: bold;
}

ul.cerror {
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

ul.menu {
    margin: 10;
}

.menu li{
    margin: 15px 0px 15px 0px;
}

hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #82aafe;
    margin: 1em 0; padding: 0; }

hr.red {
    display: block; height: 1px;
    border: 0; border-top: 1px solid #ff0000;
    margin: 1em 0; padding: 0;
}

hr.orange {
    display: block; height: 1px;
    border: 0; border-top: 1px solid #ff6600;
    margin: 1em 0; padding: 0;
}

hr.dashed { display: block; height: 1px;
    border: 0; border-top: 1px solid #82aafe;
    border-style: dashed;
    margin: 1em 0; padding: 0; }

hr.news { 
    display: block; 
    height: 0px;
    border: 0; 
    border-top: 1px solid #b7cfe6;
    border-style: dashed;
    margin-top: 5px;
    margin-bottom: 2px; /* margin: 5px 0; margin-top and margin-bottom 5px, left and right 0px */
}
    
/* poll */

td.pollanswer {
    background-color: #e2e2e2;
}

.pollquestion {
    color: #d98f00;
}

td.pollstats {
    width: 250px;
}

.pollbar {
    background-color: #ffe898;
    position: relative;
    height: 20px;
}

span.pollnumbers {
    /*position: absolute;*/
    /*padding-left: 5px;*/
    /*left: 100%;*/
    white-space: nowrap;
    font-size: 90%;
}

span.polltotal {
    font-size: 90%;
}

.width550,
.width550 td {
    border: 1px solid;
    width: 550px;
    border-color: #82aafe;
    border-collapse: collapse;
}

.erudit {
    margin: 0 auto;
    border: 2px solid;
    padding: 10px 5px 10px 5px;
    width: 300px;
    border-color: #ff6600;
}

.tquiz {
    margin: 0 auto;
    border: 1px solid;
    padding: 10px 5px 10px 5px;
    width: 500px;
    border-color: #82aafe;
}

.t580 {
    margin: 0 auto;
    border: 1px solid;
    padding: 10px 5px 10px 5px;
    width: 580px;
    border-color: #82aafe;
}

.tgreen {
    margin: 0 auto;
    border: 1px solid;
    padding: 10px 5px 10px 5px;
    width: 500px;
    border-color: #006600;
}

.width25 {
    margin: 0 auto;
    width: 25px;
}

.width40 {
    margin: 0 auto;
    width: 40px;
}

.width50 {
	vertical-align: text-top;
	width: 50%;
}

.width150 {
    margin: 0 auto;
    width: 150px;
}

.width180 {
    margin: 0 auto;
    width: 180px;
}

.width200 {
    margin: 0 auto;
    width: 200px;
}
 
.width230b {
    margin: 0 auto;
    border: 1px solid;
    padding: 5px 5px 5px 5px;
    width: 230px;
    border-color: #82aafe;
}

.width250 {
    margin: 0 auto;
    width: 250px;
}

.width250b {
    margin: 0 auto;
    border: 1px solid;
    padding: 10px 5px 10px 5px;
    width: 250px;
    border-color: #82aafe;
}

.width300 {
    margin: 0 auto;
    width: 300px;
}

.width300b {
    margin: 0 auto;
    border: 1px solid;
    padding: 10px 5px 10px 5px;
    width: 300px;
    border-color: #82aafe;
}

.width330 {
    margin: 0 auto;
    width: 330px;
}

.width350 {
    margin: 0 auto;
    width: 350px;
}

.width350b {
    margin: 0 auto;
    border: 1px solid;
    padding: 10px 5px 10px 5px;
    width: 350px;
    border-color: #82aafe;
}

.width400b {
    margin: 0 auto;
    border: 1px solid;
    padding: 10px 5px 10px 5px;
    width: 400px;
    border-color: #82aafe;
}

.width450b {
    margin: 0 auto;
    border: 1px solid;
    padding: 10px 5px 10px 5px;
    width: 450px;
    border-color: #82aafe;
}

.width400 {
    margin: 0 auto;
    width: 400px;
}

.tab400 {
    margin: 0 auto;
    width: 400px;
    text-align: left;
    padding: 0px 10px 30px 10px;
    vertical-align: top;
}

.tab450 {
    margin: 0 auto;
    width: 450px;
    text-align: left;
    padding: 0px 10px 30px 10px;
    vertical-align: top;
}

.tab480 {
    margin: 0 auto;
    width: 480px;
    text-align: left;
    padding: 0px 10px 30px 10px;
    vertical-align: top;
}

.width450 {
    margin: 0 auto;
    width: 450px;
}

.width480 {
    margin: 0 auto;
    width: 480px;
} 

.width500 {
    margin: 0 auto;
    width: 500px;
}  

.width880 {
    margin: 0 auto;
    width: 880px;
}  

.width480b {
    margin: 0 auto;
    border: 1px solid;
    padding: 10px 5px 10px 5px;
    width: 480px;
    border-color: #82aafe;
}

.otstup {
    padding: 5px 0px 0px 0px;
} 

.margin-10 {
    margin: 10px;
} 

a.anons,
a.anons:visited {
	font-size: 16px; 
	color: #486db4;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: none;
   font-weight: bold; 
}

a.anons:hover,
a.anons:active
 {
	font-size: 16px; 
	color: #f26c26;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: none;
       font-weight: bold;
}

a.anons11,
a.anons11:visited {
	font-size: 11px; 
	color: #486db4;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: none;
}

a.anons11:hover,
a.anons11:active
 {
	font-size: 11px; 
	color: #f26c26;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: none;
}

a.sitemap,
a.sitemap:visited {
	font-size: 18px; 
	color: #ff6600;
   font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: underline;
   font-weight: bold; 
}

a.sitemap:hover,
a.sitemap:active
 {
	font-size: 18px; 
	color: #003399;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: none;
       font-weight: bold;
}

table.games > tbody > tr > td {
    text-align: left;
    padding: 0px 10px 30px 10px;
    width: 450px; 
    vertical-align: top;
    margin: 0 auto;   
}

table.katalog > tbody > tr > td {
    text-align: left;
    padding: 0px 10px 30px 10px;
    width: 400px; 
    vertical-align: top;
    margin: 0 auto;   
}

table.td-50 > tbody > tr > td {
    text-align: center;
    padding: 0px 10px 30px 10px;
    width: 50%;
    vertical-align: top;
}

table.td-33 > tbody > tr > td {
    text-align: center;
    padding: 0px 10px 30px 10px;
    width: 33%;
    vertical-align: top;
}

table.td-33-border > tbody > tr > td {
    padding: 10px 5px 10px 5px;
    width: 33%;
    vertical-align: top;
    border: 1px;
    border-color: #82aafe;
    border-style: dashed;
}

table.td-25 > tbody > tr > td {
    text-align: center;
    padding: 0px 10px 30px 10px;
    width: 25%;
    vertical-align: top;
}

table.td-20 > tbody > tr > td {
    text-align: center;
    padding: 0px 10px 30px 10px;
    width: 20%;
    vertical-align: top;
}

table.td-33-ind > tbody > tr > td {
    text-align: center;
    padding: 0px 10px 0px 10px;
    width: 33%;
    vertical-align: top;
}

table.td-50-ind > tbody > tr > td {
    text-align: left;
    padding: 0px 10px 0px 10px;
    width: 50%;
    vertical-align: top;
}

table.td-ind > tbody > tr > td {
    text-align: left;
    padding: 0px 7px 0px 7px;
    vertical-align: top;
}

table.in > tbody > tr > td {
    padding: 0 15px 0 15px;
}

.in {
    padding: 0 15px 0 15px;
}

.in50 {
    padding: 0 50px 0 50px;
}

.in70 {
    padding: 0 70px 0 70px;
}

.nr-comments {
 	text-align: center;
 	font-size: 96%;
}

.fieldset-inline {
    display: inline-block;
}

.inline-block {
    display: inline-block;
}

.width100 {
    width: 100%;
}

.text-left {
    text-align: left;
}

.left {
    text-align: left;
}

.right {
   text-align: right;
}

.justify {
   text-align: justify;
}

table.justify td  {
   text-align: justify;
}

.center {
    text-align: center; /* text, span */
}

.tcenter {
    margin: 0 auto; /* block (table, div) to center */
}

.contest-name {
    font-family: Arial;
    color: #FF3300;
    font-size: 150%;
}

img {
    border-width: 0;
}

.border {
    border: 1px solid;
}

.baze img {
    margin: 0px 3px 0px 3px;
}
   
.left10 {
    margin: 0px 10px 0px 0px;
    float: left; /* обтекание картинки по левому краю */
}

.left5 {
    margin: 0px 5px 0px 0px; /* отступ только справа */
    float: left; /* обтекание картинки по левому краю */
}


.right10 {
    margin: 0px 0px 0px 10px;
    float: right; /* обтекание картинки по правому краю */
}

.right5 {
    margin: 0px 0px 0px 5px;
    float: right; /* обтекание картинки по правому краю */
}

.plus img {
    margin: 5px 3px 2px 3px;
    /* float: right;  обтекание по правому краю*/
} 

.plus5-img img{
    margin: 7px 5px 0px 5px;
    /* float: right;  обтекание по правому краю*/
} 

.plus5 {
    margin: 0px 5px 0px 5px;
    /* float: right;  обтекание по правому краю*/
}

.rek {
    display: inline-block;
}

ul.certificate-list {
    list-style-type: none;
}

ul.no-bullets {
    list-style-type: none;
}

.vertical-left {
   padding-left: 10px;
   border-left: 1px solid #b1caff;
}

.vertical-before {
   padding-right: 10px;
}

.vertical-big {
	 border-right: 1px solid;
    margin-right: 5px;
    border-color: #b1caff;
}
 
a.news,
a.news:visited  {
	font-size: 12px; 
	color: #003399; 
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: none;
}

a.news:hover,
a.news:active {
	font-size: 12px; 
	color: #003399; 
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: underline;
}

a.vote {
	 color: #003399; 
	 font-size: 12px;
}

.calendar-table tbody tr td.hasQuestion {
    font-size: 11px;
    background-color:#58ff6c; /* green */
}

.calendar-table tbody tr td.noQuestion {
    font-size: 11px;
    background-color:#ffcdcd; /* pink */
}

.daily-quiz-my-score{
    border-style: solid;
    border-width: 2px;
    border-color: #F90;
}

.daily-quiz-my-score tbody tr th {
    border-style: none;
    background-color: #fffae9;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.daily-quiz-top-score{
    border-style: solid;
    border-width: 2px;
    border-color: #F90;
}

.daily-quiz-top-score tbody tr th {
    border-style: none;
    background-color: #fffae9;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.calendar-table tbody tr td.weekday {
    font-size: 11px;
    background-color: #b6ebff; /* lightblue */
}

.calendar-table tbody tr td.weekend {
    font-size: 11px;
    background-color:#ffd3d3; /* pink */
}

.calendar-table tbody tr td.today {
    font-size: 11px;
    background-color:#b6ffd1; /* green */
}

/*display-quiz-calendar start*/
.table-borderless,
.table-borderless td,
.table-borderless th,
.table-borderless th {
    border: none !important;
}

.table-condensed3 > thead > tr > th,
.table-condensed3 > tbody > tr > th,
.table-condensed3 > tfoot > tr > th,
.table-condensed3 > thead > tr > td,
.table-condensed3 > tbody > tr > td,
.table-condensed3 > tfoot > tr > td {
  padding: 3px;
}

.box-div .solnet-calendar-year-header h3 {
    color: #233a80;
    font-weight: bold;
}

.solnet-calendar-month-name {
    font-weight: bold;
    margin-bottom: 5px;
}

.solnet-calendar-month {
    margin-top: 20px;
}

.solnet-calendar-month-table {
    max-width: 300px;
}

.solnet-calendar-month-table td {
    text-align: center;
}


.solnet-calendar-month-table .weekday {
    background-color: #b6ebff; /* lightblue */
}

.solnet-calendar-month-table .weekday :hover {
    background-color: #dcf5ff; /* lighter lightblue */
}

.solnet-calendar-month-table .weekend {
    background-color:#ffd3d3; /* pink */
}

.solnet-calendar-month-table .weekend :hover {
    background-color:#ffecec; /* ligher pink */
}

.solnet-calendar-month-table .today {
    background-color:#b6ffd1; /* green */
}

.solnet-calendar-month-table .today :hover {
    background-color:#e9fff1; /* lighter green */
}

.solnet-calendar-date {
    font-size: 13px;
}

.solnet-calendar-date-future {
    color: #959595; /* gray */
}

a.solnet-calendar-date,
span.solnet-calendar-date {
    display: block;
    width: 100%;
}
/*display-quiz-calendar end*/


/* 2017-07 */

.break-word {
		word-wrap: break-word; 
}

.cont100 {
	width: 100px;   /* container шириной 300 */
	max-width: 90%;
}

.cont150 {
	width: 150px;   /* container шириной 300 */
	max-width: 90%;
}

.cont200 {
	width: 200px;   /* container шириной 300 */
	max-width: 90%;
}

.cont250 {
	width: 250px;   /* container шириной 300 */
	max-width: 90%;
}


.cont300 {
	width: 300px;   /* container шириной 300 */
	max-width: 90%;
}

.cont330 {
	width: 330px;   /* container шириной 300 */
	max-width: 90%;
}

.cont350 {
	width: 350px;   /* container шириной 400 */
	max-width: 90%;
}

.cont400 {
	width: 400px;   /* container шириной 400 */
	max-width: 90%;
}

.cont420 {
	width: 420px;   /* container шириной 400 */
	max-width: 90%;
}

.cont450 {
	width: 450px;   /* container шириной 400 */
	max-width: 90%;
}

.cont500 {
	width: 500px;   
	max-width: 90%;
}

.cont500-80 {
	width: 500px;   
	max-width: 80%;
}

.cont550 {
	width: 550px;   
	max-width: 90%;
}

.cont555 {
	width: 555px;   
	max-width: 90%;
}

.cont600 {
	width: 600px;   
	max-width: 90%;
}

.cont650 {
	width: 650px;   
	max-width: 90%;
}

.cont700 {
	width: 700px;   
	max-width: 90%;
}

.cont800 {
	width: 800px;   
	max-width: 90%;
}

.bor-orange {
    border: 1px solid;
    border-color: #ff6600;   /* цвет линии бордюра */
    margin: 0 auto;
    padding: 10px;
}

.bor-orange-dashed {
    border: 1px solid;
    border-color: #ff6600;   /* цвет линии бордюра */
    margin: 0 auto;
    border-style: dashed;    
    padding: 10px;
}

.bor-green {
    border: 1px solid;
    border-color: #006600;
    margin: 0 auto;
    padding: 10px;
}

.bor-blue {
    border: 1px solid;
    border-color: #82aafe;
    margin: 0 auto;
    padding: 10px; /* padding: 10px 5px 10px 5px;  */
}

.bor-blue-dashed {
    border: 1px solid;
    border-color: #82aafe;
    margin: 0 auto;
    border-style: dashed;
    padding: 10px; /* padding: 10px 5px 10px 5px;  */
}    

#calendar > table > tbody > tr > td {
    padding: 20px;
}

#calendar-2 > table > tbody > tr > th {
    padding: 20px;
}

a.target-1,
a.target-1:visited {
	font-size: 17px; 
	color: #003399;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: none;
}

a.target-1:hover,
a.target-1:active
 {
	font-size: 17px; 
	color: #ff0033;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: underline;
}

a.target-2,
a.target-2:visited {
	font-size: 17px; 
	color: #003399;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: none;
}

a.target-2:hover,
a.target-2:active
 {
	font-size: 17px; 
	color: #ff3300;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: underline;
}

a.target-3,
a.target-3:visited {
	font-size: 17px; 
	color: #003399;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: none;
}

a.target-3:hover,
a.target-3:active
 {
	font-size: 17px; 
	color: #993399;
	font-family: Verdana, Tahoma, Arial, sans-serif; 
	text-decoration: underline;
}

.video-container {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
}

.video-container iframe {
 position: absolute;
 top:0;
 left: 0;
 width: 100%;
 height: 100%;
}

.minus-12 {
 margin-left: -12px;
}

.minus-8 {
 margin-left: -8px;
}

.photo-col {
   margin-bottom: 40px;
}

.photo-col-20 {
   margin-bottom: 20px;
}

.register-checkbox-label {
    font-weight: normal;
    vertical-align: middle;
}

.article-title {
    padding-top: 15px;
    margin-top: 0px; 
    text-align: center; 
    font-size: 16px;         
}

.article-title-2 {
    padding-top: 15px;
    margin-top: 0px; 
    text-align: center;   
    font-size: 14px;          
}

.flash-container ruffle-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flash-container-55 {
    position: relative;
    padding-bottom: 55%;
    padding-top: 0px;
    height: 0;
}

.flash-container-72 {
    position: relative;
    padding-bottom: 72.8%;
    padding-top: 0px;
    height: 0;
}

.flash-container-74 {
    position: relative;
    padding-bottom: 74.2%;
    padding-top: 0px;
    height: 0;
}

.flash-container-75 {
    position: relative;
    padding-bottom: 75%;
    padding-top: 0px;
    height: 0;
}

.flash-container-75-4 {
    position: relative;
    padding-bottom: 75.4%;
    padding-top: 0px;
    height: 0;
}

.img-margin-5 img {
    margin: 5px;
}

.margin-5 {
    margin: 5px;
}

.conest-title {
    margin: 0;
}