/* Сликом... общо вы говорите, судрарь */
html, body { margin: 0; font-size: 14px; font-family: Arial; }
body { }

/* Сцылкорары */
a { color: #008; }
a:visited { color: #008; }
a:hover { color: #f00; }

/* Подчеркивание */
hr { border: 0; border-bottom: 1px dashed #888; }

/* Инпуты и формы */
input[type=submit] { font-size: 17px; }

/* Размеры */
.x350 { width: 350px; }
.big { font-size: 18px; }

/* Дифки-гиффки */
.menugreen { background: #2D9B38; }
.menushop  { background: #2D9B38; margin: 0 auto; width: 1024px; padding: 4px; }
.menushop a { float: left; padding: 8px; color: white; text-decoration: none; }
.menushop a:hover { background: #25752e; text-decoration: underline;  }

.menushop a.active {
    background: #25752e;
    text-decoration: underline;
    border-right: 1px solid #33af3f;
    border-bottom: 1px solid #33af3f;
}

.content-wrapper { padding: 10px; margin: 0 auto; width: 1024px }
.clrb, .clear { clear: both;}

/* Таблицы */
.bordered { border-collapse: collapse; }
.bordered td, .bordered th { border: 1px solid #eee; padding: 8px; font-size: 15px; }
.bordered th { background: #59a660; color: white; }


/* Верстка анкеты */
.birds-anketa input[type=text] { width: 500px; border: 1px solid #ccc; padding: 4px; }
.birds-anketa textarea { width: 500px; height: 200px; border: 1px solid #ccc; padding: 4px; font-family: arial; }
.birds-anketa textarea.small { height: 100px;  }

/* -------------------------------------------------- Табуляция ----------------------------------------------------- */

.tabs {
    font-size: 13px;
    border-bottom: 1px solid #34a132;
    margin: 7px 0 0 0;
}

.tabs a {
    float: left;
    padding: 4px 8px;
    color: #347833;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    text-decoration: none;
}

.tabs a.active {
    background: #34a132;
    color: #fff;
}

.tabs a:hover { text-decoration: underline; }

/* -------------------------------------------------- Календарь ----------------------------------------------------- */

.cal-wrapper { max-width: 1024px; }
.cal { border-collapse: collapse; float: left; margin: 6px; }
.cal .thead { border: 0; background: #fff; text-align: center; font-size: 18px; padding: 16px 0 4px 0; color: #000; }
.cal th { width: 20px; text-align: center; background: #765B97; color: #fff; padding: 4px; font-size: 13px; }
.cal th.r { background: #FF1000; color: #ffffff; }

.cal td { width: 48px; font-size: 13px; border: 1px solid #e0e0e0; padding: 0; }
.cal td.g { background: #F3F3F3; }

.cal td.r a { color: #f88; }
.cal td.r a:hover { color: #008; }

.cal td.c { background: #000000; color: #ffffff; }
.cal td.c a { color: #ffffff; }

.cal {  text-align: center;  }
.cal a { color: #999; text-decoration: none;  }
.cal a:hover { color: #f00;  }

.cal td a.b { color: #000; text-decoration: underline; font-weight: bold; }
.cal td a.b:hover { color: #F00; }

.cal td.r a.b { color: #F00; text-decoration: underline; font-weight: bold; }
.cal td.r a.b:hover { color: #000;  }

.cal td.i { background: #FFB634; }
.ipt_day { float: left; padding: 12px; background: #f00; color: #fff; margin: 8px; }

.cal td.c a.b { color: #FFF; text-decoration: underline; font-weight: bold; }
.cal td.c a.b:hover { color: #0F0;  }

.cal .float
{
    position: absolute; width: 220px;
    height: 100px; margin: -115px 0 0 -80px; background: #ffffff;
    border: 1px solid #ccc; border-radius: 5px;
    box-shadow: 2px 2px 3px #666; font-size: 12px;
    line-height: 1.2em; overflow: hidden; text-align: left;
    padding: 4px;
    color: #000;
    cursor: pointer;
}

.cal .float .warn { color: red; }


/* -- */
.row-content { margin: 0 0 30px 0; }
.row-content .header { border-bottom: 1px solid #56A1B9; height: 24px; }
.row-content .header span { /* http://border-radius.com/ */
    float: left;
    background: #56A1B9;
    margin: 0 8px 0 0 ;
    color: #ffffff;
    font-size: 14px;
    padding: 4px 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.row-content .header div { float: left; padding: 5px 0 0 0; }
.row-content p { margin: 4px 0 ; }

.green-end {
    background: #E0F0E0;
    padding: 40px;
}

.green-end h2 {
    margin: 0;
    padding: 0;
}