@charset "utf-8";
/* CSS Document Шаблоны */
.tdn { text-decoration: none; }

.div_page_text { font-family:verdana; font-weight:400; font-size:1em; line-height:1.5em; color: #757575; }

.button_buy_1 { text-decoration:none; text-align:center; padding:8px; border:solid 1px #a88734; -webkit-border-radius:4px;-moz-border-radius:4px; border-radius: 4px; font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#111111; background-color:#f6dea0; background-image: -moz-linear-gradient(top, #f6dea0 0%, #f0c24c 100%); background-image: -webkit-linear-gradient(top, #f6dea0 0%, #f0c24c 100%); background-image: -o-linear-gradient(top, #f6dea0 0%, #f0c24c 100%); background-image: -ms-linear-gradient(top, #f6dea0 0% ,#f0c24c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0c24c', endColorstr='#f0c24c',GradientType=0 );margin-bottom: 5px; width: 130px;  
  }
.button_buy_2 { text-decoration:none; text-align:center; padding:8px; border:solid 1px #a88734; -webkit-border-radius:4px;-moz-border-radius:4px; border-radius: 4px; font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#111111; background-color:#f6dea0; background-image: -moz-linear-gradient(top, #B8E781 0%, #A0DF56 100%); background-image: -webkit-linear-gradient(top, #B8E781 0%, #A0DF56 100%); background-image: -o-linear-gradient(top, #B8E781 0%, #A0DF56 100%); background-image: -ms-linear-gradient(top, #B8E781 0% ,#A0DF56 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A0DF56', endColorstr='#A0DF56',GradientType=0 );margin-bottom: 5px; width: 130px;  
  }

.button_buy_3 { text-decoration:none; text-align:center; padding:8px; border:solid 1px #a88734; -webkit-border-radius:4px;-moz-border-radius:4px; border-radius: 4px; font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#111111; background-color:#f6dea0; background-image: -moz-linear-gradient(top, #F5BA89 0%, #F26D5D 100%); background-image: -webkit-linear-gradient(top, #F5BA89 0%, #F26D5D 100%); background-image: -o-linear-gradient(top, #F5BA89 0%, #F26D5D 100%); background-image: -ms-linear-gradient(top, #F5BA89 0% ,#F26D5D 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F26D5D', endColorstr='#F26D5D',GradientType=0 );margin-bottom: 5px; width: 130px;  
  }

.button_dis { text-decoration:none; text-align:center; padding:8px; border:solid 1px #D5CBD5; -webkit-border-radius:4px;-moz-border-radius:4px; border-radius: 4px; font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#111111; background-color:#f6dea0; background-image: -moz-linear-gradient(top, #EDE9E8 0%, #EDE9E8 100%); background-image: -webkit-linear-gradient(top, #EDE9E8 0%, #EDE9E8 100%); background-image: -o-linear-gradient(top, #EDE9E8 0%, #EDE9E8 100%); background-image: -ms-linear-gradient(top, #EDE9E8 0% ,#EDE9E8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A0DF56', endColorstr='#A0DF56',GradientType=0 );margin-bottom: 5px; width: 130px;  
  }

.border_bot_raz_shab { border-bottom: 1px solid #E9E9E9; }
.class_h3 { padding: 0px; margin-top: 15px; margin-bottom: 5px; font-weight:500; }
.class_h4 { padding: 0px; margin-top: 15px; margin-bottom: 5px; font-weight:500; color: #3C73A9; }
.li_style { list-style: decimal;  }
.border_ava { border:1px solid #DBDBDB; display:flex;}

@media (min-width: 1009px ) 
{ 
    .div_shab { width: 210px; background-color: #F5F5F5; margin-right: 5px; margin-bottom: 5px; border:1px solid #9C9C9C; position:relative; }
    .img_shab { width: 210px;  max-height: 210px; overflow: hidden; }
    .img_shab_full { width: 210px; }
    .text_on_image { position: absolute; top: 200px; right: 0; opacity: 0.8; padding: 10px; color: black; background-color:#fff; font-family:verdana; }
    .div_shab_text { font-family:verdana; font-weight:400; font-size:0.9em; line-height:1.3em; color: #757575; padding: 10px; min-height: 100px; }
    .div_shab_title { min-height: 40px; padding: 10px; color:#454545; text-decoration: none; font-size:0.9em; line-height:1.1em; font-family:verdana; font-weight:500; }
    .yandex_money_block { width: 400px; height: 230px; }
    .years_and_money { width: 430px; word-wrap: break-word; }
    .shab_op_img { max-width: 640px; } /* изоабрежение в описании шаблона квеста */
} /* выше или равно 1005 пикселя*/

@media (min-width: 702px  )  and (max-width: 1004px)  
{ 
    .div_shab { width: 210px; background-color: #F5F5F5; margin-right: 5px; margin-bottom: 5px; border:1px solid #9C9C9C; position: relative; }
    .img_shab { width: 210px;  max-height: 210px; overflow: hidden; }
    .img_shab_full { width: 210px; }
    .text_on_image { position: absolute; top: 200px; right: 0; opacity: 0.8; padding: 10px; color: black; background-color:#fff; font-family:verdana;}
    .div_shab_text { font-family:verdana; font-weight:400; font-size:0.9em; line-height:1.3em; color: #757575; padding: 10px; min-height: 110px; }
    .div_shab_title { min-height: 40px; padding: 10px; color:#454545; text-decoration: none; font-size:0.9em; line-height:1.1em; font-family:verdana; font-weight:500; }
    .yandex_money_block { width: 400px; height: 230px; }
    .years_and_money { width: 430px; word-wrap: break-word; }
    .shab_op_img { max-width: 640px; } /* изоабрежение в описании шаблона квеста */
} /* между 700 и 1004 пикселями */

@media (min-width: 520px  )  and (max-width: 702px  )
{
    .div_shab { width: 210px; background-color: #F5F5F5; margin-right: 5px; margin-bottom: 5px; border:1px solid #9C9C9C; position: relative; }
    .img_shab { width: 210px; max-height: 210px; overflow: hidden; }
    .img_shab_full { width: 300px; }
    .text_on_image { position: absolute; top: 200px; right: 0; opacity: 0.8; padding: 10px; color: black; background-color:#fff; font-family:verdana; }
    .div_shab_text { font-family:verdana; font-weight:400; font-size:0.8em; line-height:1.3em; color: #757575; padding: 10px; min-height: 100px; }
    .div_shab_title { min-height: 40px; padding: 10px; color:#454545; text-decoration: none; font-size:0.9em; line-height:1.1em; font-family:verdana; font-weight:500; }
    .yandex_money_block { width: 400px; height: 230px; }
    .years_and_money { width: 430px; word-wrap: break-word; }
    .shab_op_img { max-width: 450px; } /* изоабрежение в описании шаблона квеста */
}

@media (max-width: 520px  )
{ 
    .div_shab { width: 150px; background-color: #F5F5F5; margin-right: 5px; margin-bottom: 5px; border:1px solid #9C9C9C; position: relative; }
    .img_shab { width: 150px;  max-height: 150px; overflow: hidden; }
    .img_shab_full { width: 300px; }
    .text_on_image { position: absolute; top: 150px; right: 0; opacity: 0.8; padding: 10px; color: black; background-color:#fff; font-family:verdana; }
     .div_shab_text { font-family:verdana; font-weight:400; font-size:0.8em; line-height:1.3em; color: #757575; padding: 10px; min-height: 125px; }
    .div_shab_title { min-height: 50px; padding: 10px; color:#454545; text-decoration: none; font-size:0.9em; line-height:1.1em; font-family:verdana; font-weight:500; }
    .yandex_money_block { width: 300px; height: 250px; }
    .years_and_money { width: 330px; word-wrap: break-word; }
    .shab_op_img { max-width: 320px; } /* изоабрежение в описании шаблона квеста */
} /* ниже или равно 700 пикселя*/