body {
    color: black;
}
#outerWrapper {
    text-align: left;
    width: 98%;
    min-width: 384px;
    max-width: 3840px;
    font-size: 100%;
    margin: 0 auto;
}
#contentWrapper {
    float: left;
    width:100%;
}
#content {
    /* margin-left: in @madia  */
}
#contentIn {
    float:left;
    width:100%
}
.g-recaptcha {
    margin-top:10px;
}

/*=================================*/
/* Шапка                           */
/*=================================*/
#head_bg {
    border-radius:10px;
    position:relative;
    background:linear-gradient(to bottom, #13D0C0, #13B0A0 50%, #13A080 80%, #138060);
    /* cross-browser */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13D0C0', endColorstr='#138060',GradientType=0) /*IE6-9 */
    background: -webkit-linear-gradient(top, bottom, #13D0C0, #13B0A0 50%, #13A080 80%, #138060); /* webkit-browser */
    background: -moz-linear-gradient(top,  #13D0C0,  #13B0A0 50%, #13A080 80%, #138060); /* firefox 3.6+ */
    background: -o-linear-gradient(top,  #13D0C0, #13B0A0 50%, #13A080 80%, #138060); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #13D0C0,  #138060); /* IE10+ */}
/* -pie-background: linear-gradient(to bottom, #13D0C0, #138060); */ /* with behavior: url(/css/pie.htc); ====  DOES NOT WORK ! ==== */
#head_pic {
    position:relative;
    height:288px;
    width:384px;
    border-radius:10px 100px 100px 10px;
    background-repeat: no-repeat;background-image: url(/images/lazurny.jpg);
}
#head_contact {
    position:absolute;
    /* top, right or bottom/left in @media */
}
#head_contact span {
    /* display in @media */
    color:white;
    font-weight: bolder;
}
#head_contact span.head_contact_1 {
    height:35px;      /* #head_contact img height - #head_contact span.head_contact_1 padding-top */
    padding-top:15px;
}
#head_contact span.head_contact_2 {
    height:45px;      /* #head_contact img height - #head_contact span.head_contact_2 padding-top */
    padding-top:5px;
}
#head_contact span.head_contact_2 span {
    font-size:1.1em;
    letter-spacing:0.2em;
}
#head_contact img {
    height:50px;
    float:left;
    padding-right:10px;
}
#head_title {
    position:absolute;
    top:100px;
    color:white;
}
#head_title_1 {
    font-size:3.0em;
}
#head_title_2 {
    font-size:2.0em;
}
/*=================================*/
/* Кнопки меню                     */
/*=================================*/
#hMenu {
    width: 100%;
    margin-top: 10px;
    float: right;
}
#vMenu {
    float: left;
    /* width: in @madia  */
    margin-top: 10px;
}
.hbutton, .vbutton, .hbutton_s, .vbutton_s {
    color: #FFFFFF;
    height: 100%;
    line-height: inherit;
    text-align: center;
    font-size: 1.1em;
    border-radius: 4px;
}
.hbutton span, .vbutton span, .hbutton_s span, .vbutton_s span {
    display: inline-block;
    vertical-align: middle;
}
.hbutton a, .vbutton a {
    color: inherit;
    font-weight: bolder;
    text-decoration: none;
    display: block;
}
.hbutton, .hbutton_s {
    float: left;
    margin-right: 7px;
    margin-bottom: 5px;
}
.hbutton {
    background-color: #13D0C0;
}
.hbutton_s {
    background-color: #13A080;
}
.hbutton:hover {
    background-color: #13A080;
}
.hbutton span, .hbutton_s span {
    /* margin-left: in @madia */
    /* margin-right: in @madia */
    margin-top: 2px;
    margin-bottom: 2px;
}
.vbutton, .vbutton_s {
    margin-bottom: 5%;
}
.vbutton {
    background-color: #13A080;
}
.vbutton_s {
    background-color: #13D0C0;
}
.vbutton:hover {
    background-color: #13D0C0;
}
.vbutton span, .vbutton_s span {
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 4px;
    margin-bottom: 4px;
}
.hbutton_s span, .vbutton_s span {
    color: inherit;
    font-weight: bolder;
}
/*=================================*/
/* Кнопки расписания               */
/*=================================*/
.schedule {
    /* float: in @madia; */
    /* width: in @madia */
}
.schedTitle {
    height: 100%;
    line-height: inherit;
    text-align: center;
    font-size: inherit;
    border-bottom: 5px solid #138060;
    border-top: 5px solid #138060;
    margin-bottom: 15px;
}
.schedTitle span  {
    display: inline-block;
    vertical-align: middle;
    color: #006040;
    font-size: 1.4em;
    font-weight: bolder;
    margin-top: 10px;
    margin-bottom: 10px;
}
.schedButton {
    height: 100%;
    line-height: inherit;
    text-align: center;
    font-size: inherit;
    border-radius: 4px;
    color: #FFFFFF;
    background-color: #13D0C0;
    margin-bottom: 5px;
}
.schedButton span  {
    display: inline-block;
    vertical-align: middle;
    font-weight: bolder;
    font-size: 1.2em;
    margin-top: 5px;
    margin-bottom: 5px;
}
.schedButton a  {
    color: inherit;
    text-decoration: none;
    display: block;
}
.schedButton:hover {
    background-color: #13A080;
}
/*=================================*/
/* Форма записи                    */
/*=================================*/
.schedule_form {
    margin-bottom: 5px;
}
.schedule_form span, .schedule_info span {
    color: #006040;
    font-weight: bolder;
}
.schedule_form span.error {
    color: red;
    font-weight: normal;
}
.submit_data, .submit_text {
    border: 2px solid #138060;
    border-radius: 4px;
    width:98%;
    line-height: 1.8em;
}
.submit_text {
    height:80px;
    width:97%;
}
.submit_button {
    margin-top:10px;
    margin-bottom:5px;
    background-color: #138060;
    color: #FFFFFF;
    border-radius: 8px;
    width:100%;
    line-height: 1.8em;
    font-weight: bolder;
}
.schedule_info {
    border: 2px solid #13D0C0;
    border-radius: 4px;
    text-align: center;
    margin-top:5px;
    margin-bottom:5px;
    padding-top:5px;
    padding-bottom:5px;
}
/*=================================*/
/* Текстовая информация            */
/*=================================*/
.schedule_text {
    /* margin-left: in @madia */
}
.schedule_text a, .schedule a, .main_text a {
    color: #006040;
    font-weight: bolder;
}
.tour {
    width: 100%;
    float:right;
    margin-bottom: 15px;
}
/*=================================*/
/* Главная страница                */
/*=================================*/
.main_text {
    /* float: in @madia; */
    /* width: in @madia */
}
.main_news {
    /* margin-left: in @madia */
}
.newsButton {
    height: 100%;
    line-height: inherit;
    text-align: center;
    font-size: inherit;
    border-radius: 8px;
    color: #138060;
    margin-bottom: 10px;
    border: 4px solid #138060;
}
.newsButton span  {
    display: inline-block;
    vertical-align: middle;
    font-weight: bolder;
    font-size: 1.2em;
    margin: 5px 5px 5px 5px;
}
.newsButton a  {
    color: inherit;
    text-decoration: none;
    display: block;
}
.newsButton:hover {
    border: 4px solid #13D0C0;
}
/*=================================*/
/* Отзывы                          */
/*=================================*/
.about {
    width: 100%;
    float:right;
    border-bottom: 5px solid #138060;
    text-align:justify;
}
#about_1 {
    /* float: in @madia; */
    /* width: in @madia */
}
#about_2 {
    /* margin-left: in @madia; */
}
.about h2 {
    text-align:center;
    margin-top:0;
}
#about_1 p, #about_2 p {
    margin-top:0;
    padding-top:0;
}
.about_inside {
    width:100%;
    float:right
}
.about img {
    display:block;
    /* margin-left: in @madia; */
    /* width: in @madia */
    padding-bottom:10px;
}
.about_text {
    /* float: in @madia; */
    /* width: in @madia */
    padding-bottom:10px;
}
.comment {
    border-bottom: 5px solid #138060;
    position:relative;
    width:100%;
    padding-bottom:30px;
    margin-top:15px;
float:right;
}
.comment_button {
    position:absolute;
    right:-30px/*20px*/;
    bottom:-5px;
}
.comment_text, .comment_notice {
    text-align:justify;
}
.comment_author, .comment_title {
    color: #006040;
}
.comment_author span, .comment_title {
    font-weight: bolder;
}
.comment_title a {
    text-decoration: none;
    color: #006040;
}
.comment_notice a {
    color: black;
    text-decoration: none;
}
.comment_author {
    /* width: in @madia */
    /* float: in @madia */
}
.comment_title {
    /* margin-left: in @madia */
    /* text-align: in @madia */
}
/*=================================*/
/* Текстовые страницы              */
/*=================================*/
.chapter_text {
    width: 100%;
    text-align:justify;
}
.chapter_text a {
    text-decoration: none;
    color: #006040;
    font-weight: bolder;
    font-size: 1.1em;
}
.chapter_image {
    margin-left:0.1%;
    margin-right:0.1%;
    margin-top:0.5%;
    margin-bottom:0.5%;
}
/*=================================*/
/* Заголовки                       */
/*=================================*/
h1 {
    font-size: 2.0em;
    line-height: 0.8em;
    color: #006040;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top: 0;
    margin-bottom: 10px;
    margin-right:10%;
    text-align:center;
}
h2 {
    font-size: 1.6em;
    line-height: 0.8em;
    color: #006040;
}
.tour h2 {
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 10px;
}
h3 {
    font-size: 1.2em;
    line-height: 0.8em;
    color: #006040;
}
/*=================================*/
/* Тэги                            */
/*=================================*/
#hTag {
   /* width: 100%; */
    float: right;
    margin-bottom: 5px;
}
#hBelowTag {
    float:left;
}
.tag, .tag_s {
    color: #FFFFFF;
}
.ptag, .ptag_s {
    color: #000000;
}
.tag, .tag_s, .ptag, .ptag_s {
    height: 100%;
    float: left;
}
.ptag, .ptag_s {
    border-radius: 15px;
}
.tag, .tag_s {
    line-height: inherit;
    border-radius: 4px;
    text-align: center;
    font-size: 0.9em;
    margin-right: 7px;
    margin-bottom: 5px;
}
.tag span, .tag_s span, .ptag span, .ptag_s span {
    display: inline-block;
    vertical-align: middle;
}
.ptag span, .ptag_s span {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.tag span, .tag_s span {
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 4px;
    margin-bottom: 4px;
}
.tag a, .ptag a {
    color: inherit;
    font-weight: bolder;
    text-decoration: none;
    display: block;
}
.tag, .ptag {
    background-color: #13A080;
}
.tag_s, .ptag_s {
    background-color: #13D0C0;
}
.tag:hover, .ptag:hover {
    background-color: #13D0C0;
}
.tag_s span, .ptag_s span {
    color: inherit;
    font-weight: bolder;
}
/*=================================*/
/* Администрирование               */
/*=================================*/
.date_actual, .date_expired, .date_input, .admin_button, .admin_line {
    border-radius:4px;
    padding:4px 10px 4px 15px;
}
.date_actual, .date_expired, .date_input, .admin_button {
    margin:4px;
}
.admin_line {
    margin:0px 4px 0px 4px;
    height:2px;
}
.date_input, .admin_button {
    border:2px solid #138060;
}
.date_actual, .admin_line {
    background-color: #13D0C0;
}
.admin_button {
    background-color: #138060;
    font-size:1.0em;
    width:95%;
}
.date_actual, .date_expired, .admin_button {
    font-weight:bolder;
}
.date_expired {
    background-color: #808080;
}

/*=================================*/
/* Резиновая верстка  0 .. 524     */
/*=================================*/
@media (max-width: 524px) {
    #head_title { left:10px; }
    #vMenu {
        width: 120px;
    }
    #content {
        margin-left: 130px;  /* #vMenu.width + 20px */
    }
    .hbutton span, .hbutton_s span {
        margin-left: 5px;
        margin-right: 5px;
    }
    .schedule {
        width: 100%;
        float: none;
    }
    .schedule_text {
        margin-left: 0;
    }
    .main_text {
        width: 100%;
        float: none;
    }
    .main_news {
        margin-left: 0;
    }
    #head_contact {
        bottom:10px;
        left:20px;
    }
    #head_contact span {
        display: none;
    }
    #head_contact div.head_link {
        display: inline;
    }
    #head_contact div.head_home {
        display: inline;
    }
    #about_1 {
        width:100%;
        float:none;
    }
    #about_2 {
        margin-left:0;
    }
    .about_text {
        width:100%;
        float:none;
    }
    .about img {
        margin-left:0;
        width:100%;
    }
    .comment_author {
        width:100%;
        float:none;
    }
    .comment_title {
        margin-left:0;
        text-align:left;
    }
}
/*=================================*/
/* Резиновая верстка  525 .. 768   */
/*=================================*/
@media (min-width: 525px) and (max-width: 768px) {
    #head_title { right:10px; }
    #vMenu {
        width: 120px;
    }
    #content {
        margin-left: 130px;  /* #vMenu.width + 20px */
    }
    .hbutton span, .hbutton_s span {
        margin-left: 5px;
        margin-right: 5px;
    }
    .schedule {
        width: 100%;
        float: none;
    }
    .schedule_text {
        margin-left: 0;
    }
    .main_text {
        width: 100%;
        float: none;
    }
    .main_news {
        margin-left: 0;
    }
    #head_contact {
        bottom:10px;
        right:10px;
    }
    #head_contact span {
        display: none;
    }
    #head_contact div.head_link {
        display: inline;
    }
    #head_contact div.head_home {
        display: inline;
    }
    #about_1 {
        width:100%;
        float:none;
    }
    #about_2 {
        margin-left:0;
    }
    .about_text {
        width:48%;
        float:left;
    }
    .about img {
        margin-left:52%;
        width:48%;
    }
    .comment_author {
        width:100%;
        float:none;
    }
    .comment_title {
        margin-left:0;
        text-align:left;
    }
}
/*=================================*/
/* Резиновая верстка  769 ... 920  */
/*=================================*/
@media (min-width: 769px) and (max-width: 920px)
{
    #head_title { left:100px; }
    #vMenu {
        width: 120px;
    }
    #content {
        margin-left: 130px;  /* #vMenu.width + 20px */
    }
    .hbutton span, .hbutton_s span {
        margin-left: 1%;
        margin-right: 1%;
    }
    .schedule {
        width: 305px;
        float: left;
    }
    .schedule_text {
        margin-left: 325px;   /* .schedule.width + 20px */
    }
    .main_text {
        width: 400px;
        float: left;
    }
    .main_news {
        margin-left: 420px;   /* .main_text.width + 20px */
    }
    #head_contact {
        top:20px;
        right:20px;
    }
    #head_contact span {
        display: inline-block;
    }
    #head_contact div.head_link {
        display: block;
    }
    #head_contact div.head_home {
        display: none;
    }
    #about_1 {
        width:100%;
        float:none;
    }
    #about_2 {
        margin-left:0;
    }
    .about_text {
        width:48%;
        float:left;
    }
    .about img {
        margin-left:52%;
        width:48%;
    }
    .comment_author {
        width:50%;
        float:left;
    }
    .comment_title {
        margin-left:50%;
        text-align:right;
    }
}
/*=================================*/
/* Резиновая верстка  921 ... 1279 */
/*=================================*/
@media (min-width: 921px) and (max-width: 1279px)
{
    #head_title { left:270px; }
    #vMenu {
        width: 220px;
    }
    #content {
        margin-left: 240px;  /* #vMenu.width + 20px */
    }
    .hbutton span, .hbutton_s span {
        margin-left: 1%;
        margin-right: 1%;
    }
    .schedule {
        width: 305px;
        float: left;
    }
    .schedule_text {
        margin-left: 325px;   /* .schedule.width + 20px */
    }
    .main_text {
        width: 500px;
        float: left;
    }
    .main_news {
        margin-left: 520px;   /* .main_text.width + 20px */
    }
    #head_contact {
        top:20px;
        right:20px;
    }
    #head_contact span {
        display: inline-block;
    }
    #head_contact div.head_link {
        display: block;
    }
    #head_contact div.head_home {
        display: none;
    }
    #about_1 {
        width:48%;
        float:left;
    }
    #about_2 {
        margin-left:52%;
    }
    .about_text {
        width:58%;
        float:left;
    }
    .about img {
        margin-left:60%;
        width:40%;
    }
    .comment_author {
        width:50%;
        float:left;
    }
    .comment_title {
        margin-left:50%;
        text-align:right;
    }
}
/*=================================*/
/* Резиновая верстка  1280 ...      */
/*=================================*/
@media (min-width: 1280px)
{
    #head_title { left:370px; }
    #vMenu {
        width: 220px;
    }
    #content {
        margin-left: 240px;  /* #vMenu.width + 20px */
    }
    .hbutton span, .hbutton_s span {
        margin-left: 1%;
        margin-right: 1%;
    }
    .schedule {
        width: 305px;
        float: left;
    }
    .schedule_text {
        margin-left: 325px;   /* .schedule.width + 20px */
    }
    .main_text {
        width: 800px;
        float: left;
    }
    .main_news {
        margin-left: 820px;   /* .main_text.width + 20px */
    }
    #head_contact {
        top:20px;
        right:20px;
    }
    #head_contact span {
        display: inline-block;
    }
    #head_contact div.head_link {
        display: block;
    }
    #head_contact div.head_home {
        display: none;
    }
    #about_1 {
        width:48%;
        float:left;
    }
    #about_2 {
        margin-left:52%;
    }
    .about_text {
        width:48%;
        float:left;
    }
    .about img {
        margin-left:52%;
        width:48%;
    }
    .comment_author {
        width:50%;
        float:left;
    }
    .comment_title {
        margin-left:50%;
        text-align:right;
    }
}