/******************************************************************** GLOBAL */
* {
    padding: 0px;
    margin: 0px;
    outline: none;
}
html, body {
    width: 100%;
    height: 100%;
}
img {
    border: 0px none;
}
a {
    color: #18689f;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.clear {
    font: 0px/0px Verdana;
    height: 0px;
    clear: both;
    overflow: hidden;
}
.fl { float: left;  }
.fr { float: right; }


/*********************************************************************** MAIN */
#main {
    width: 100%;
    height: 100%;
}
#site {
    width: 980px;
    min-height: 95%;
    margin: 0px auto;
}


/*********************************************************************** HEAD */
#site-head {
    height: 110px;
    font: 12px Verdana;
}
#site-head a.logo {
    display: block;
    float: left;
    width: 230px;
    height: 110px;
    margin: 0px 20px 0px 0px;
    background: url("../images/logo.png") 0px 0px no-repeat;
}
#site-head .add-declaration {
    float: right;
    width: 365px;
    height: 90px;
    margin: 20px 0px 0px 20px;
    background: url("../images/add_declaration.png") 0px 0px no-repeat;
}
#site-head .search {
    float: right;
    height: 88px;
    margin: 16px 0px 0px 0px;
    background: #fdffe4;
    border: 1px solid #e6e6e6;
    -moz-border-radius: 10px;
}
#site-head .search label{
    display: block;
    color: #AAAA88;
    font-weight: bold;
    margin: 7px 0px 4px 10px;
}
#site-head .search .text {
    margin: 0px 10px 0px 10px;
}
#site-head .search .text input {
    width: 317px;
    height: 23px;
    padding: 2px;
    border: 1px solid #DDDDDD;
    font-size: 18px;
    color: #222222;
}
#site-head .search .submit {
    margin: 4px 10px 0px 10px;
    text-align: right;
}
#site-head .search .submit select {
    float: left;
    border: 1px solid #DDDDDD;
    width: 200px;
    margin: 2px 0px 0px 0px;
}


/****************************************************************** SITE-FOOT */
#foot {
    font: 12px Verdana;
    margin-top: 20px;
    height: 90px;
    background: #659126 url("../images/foot_bg.png") 0px 0px repeat-x;
}
#foot div {
    padding: 35px 0px 0px 0px;
    text-align: center;
    font-size: 11px;
}
#foot * {
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
}


/****************************************************************** SITE-FOOT */
#info {
    background: #3a3a3a;
}
#info-body {
    margin: 0px auto;
    width: 980px;
    font: 12px Verdana;
}
#info-body .description {
    font-size: 11px;
    line-height: 15px;
    float: left;
    margin: 20px 20px 20px 0px;
    width: 656px;
    background: #575656;
    -moz-border-radius: 10px;
}
#info-body .description .content {
    padding: 10px;
}
#info-body .description .content * {
    font-size: 11px;
    font-family: Tahoma;
    color: #BBBBBB;
    text-align: justify;
}
#info-body .description .content h3 {
    font-size: 24px;
    line-height: 15px;
    font-weight: normal;
    font-family: Gorgia;
    font-style: italic;
    color: #EEEECC;
    margin: 0px 0px 10px 0px;
}
#info-body .updates {
    float: right;
    width: 300px;
    margin: 20px 0px 20px 0px;
    min-height: 200px;
    background: #575656;
    -moz-border-radius: 10px;
}
#info-body .updates .content {
    padding: 10px 2px 10px 2px;
}
#info-body .updates .content h3 {
    font-size: 24px;
    font-family: Gorgia;
    font-style: italic;
    font-weight: normal;
    line-height: 15px;
    color: #EEEECC;
    margin: 0px 15px 10px 15px;
}
#info-body .updates .content a {
    display: block;
    padding: 2px 10px 3px 10px;
    margin: 0px 5px 0px 5px;
    color: #FFFFFF;
    text-decoration: none;
}
#info-body .updates .content a:hover {
    background: #666666;
}



/******************************************************************* MESSAGES */
#message {
    cursor: pointer;
    margin: 10px 0px 10px 0px;
    font: 12px Verdana;
}
#message .error {
    padding: 5px 0px 5px 0px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #DD7777;
    background: #FFDDDD;
    color: #AA0000;;
}
#message .result {
    padding: 5px 0px 5px 0px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #55CC55;
    background: #DDFFDD;
    color: #009900;
}



/********************************************************************* PAGING */
.paging {
    height: 25px;
    clear: both;
    text-align: center;
    font: 12px Verdana;
}
.paging table {
    margin: 0px auto;
}
.paging a {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 0px 2px 0px 2px;
    line-height: 18px;
    text-decoration: none;
    text-align: center;
    border: 1px solid #e0e0e0;
    color: #7A7A7A;
    background: #F5F5F5;
}
.paging a.selected {
    background: #82aa1a;
    border: 1px solid #799e18;
    color: #FFFFFF;
}
.paging a.larr {
    background: #FFFFFF url(../images/page_larr.gif) 50% 50% no-repeat;
}
.paging a.rarr {
    background: #FFFFFF url(../images/page_rarr.gif) 50% 50% no-repeat;
}



/***************************************************************** NOTICE-BOX */
.notice-box {
    padding: 0px 0px 20px 0px;
    background: url(../images/notice_tail.gif) 100% 100% no-repeat;
}
.notice-box-content {
    padding: 10px;
    border: 1px solid #EEEECC;
    border-width: 1px 1px 0px 1px;
    background: #FFFFF5;
    font: 12px/18px Verdana;
}
.notice-box-content h3 {
    font: 18px Verdana;
}



/************************************************************* CATEGORIES-BOX */
.categories-box {
    margin: 20px 20px 0px 0px;
    padding-bottom: 10px;
    background: #f6f8ee;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 10px;
    font: 12px Verdana;
}
.categories-box a.section {
    display: block;
    margin: 10px 10px 0px 10px;
    padding: 2px  0px 2px 10px;
    font-size: 18px;
    text-decoration: none;
}
.categories-box a.section:hover {
    background-color: #FFFFFF;
}
.categories-box a.cat {
    display: block;
    margin: 0px 10px 0px 15px;
    padding: 2px 2px 3px 5px;
    text-decoration: none;
}
.categories-box a.cat:hover {
    background-color: #FFFFFF;
}
.categories-box .selected {
    background-color: #ffedc5;
}



/***************************************************************** PAGE_INDEX */
#page-index h1 {
    font: italic 24px Gorgia;
    padding: 20px 0px 0px 0px;
    color: #222222;
}
#page-index .catalog .section {
    display: block;    
    padding: 10px 0px 10px 0px;
    margin: 10px 0px 10px 0px;
    border: 1px solid #EEEEEE;
    font: 12px Verdana;
    -moz-border-radius: 10px;
}
#page-index .catalog .cell1 {
    background: #FEFEFE;
}
#page-index .catalog .cell2 {
    background: #F8F8F8;
}
#page-index .catalog .section h2 {
    font-size: 18px;
    font-weight: normal;
    display: block;
    padding: 0px 0px 5px 15px;
}
#page-index .catalog .section a.cat {
    display: block;    
    float: left;
    width: 215px;
    white-space: nowrap;
    overflow: hidden;
    padding: 2px 5px 4px 5px;
    margin: 0px 0px 0px 10px;
    text-decoration: none;
}
#page-index .catalog .section a.cat:hover {
    background: #E4FFE4;
}
#page-index .catalog .section a.header {
    display: block;    
    font-size: 18px;
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 5px 0px;
}



/*************************************************************** PAGE_CATALOG */
#page-catalog h1 {
    font: italic 24px Gorgia;
    padding: 20px 0px 0px 0px;
    color: #222222;
}
#page-catalog .declarations {
}
#page-catalog .declarations .item {
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px dotted #CCCCCC;
    font: 12px Verdana;
}
#page-catalog .declarations .item .image {
    float: left;
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin: 0px 10px 0px 0px;
    border: 3px solid #EEEEEE;
}
#page-catalog .declarations .item .name {
    float: left;
    width: 430px;
    height: 66px;
    margin-bottom: 5px;
}
#page-catalog .declarations .item .name h2 {
    display: block;
    font-size: 12px;
    height: 14px;    
    white-space: nowrap;
    overflow: hidden;
}
#page-catalog .declarations .item .name p {
    font-size: 11px;
    line-height: 15px;
    color: #888888;
    padding: 5px 0px 0px 0px;
}
#page-catalog .declarations .item .summury {
    float: left;
    width: 430px;
    height: 15px;
    color: #AAAAAA;
}
#page-catalog .declarations .link {
    cursor: pointer;
    color: #18689F;
}
#page-catalog .declarations .link:hover {
    text-decoration: underline;
}



/****************************************************************** PAGE-POST */
#page-post h1 {
    font: italic 24px Gorgia;
    padding: 20px 0px 0px 0px;
    color: #222222;
}
#page-post .steps {
    height: 60px;
    color: #BBBBBB;
    font: 12px Verdana;
}
#page-post .steps .item {
    float: left;
    padding: 3px 7px 3px 7px;
    background: #F8F8F8;
}
#page-post .steps .item .num {
    float: left;
    margin: 0px 5px 0px 0px;
    font: 28px/28px Verdana;
}
#page-post .steps .item .name {
    float: left;
    font-size: 11px;
}
#page-post .steps .complete {
    color: #44AA44;
    background: #F5FFF5;
}
#page-post .steps .current {
    color: #ffaa10;
    border-bottom: 3px solid #ffaa10;
    background: #FFF8F5;
}
#page-post .steps .arrow {
    float: left;
    width: 30px;
    height: 40px;
    background: url(../images/post_step_arrow.png) 50% 50% no-repeat;
}

#page-post .post-form {
    padding: 10px 0px 0px 0px;
    font: 12px Verdana;
}
#page-post .post-form .control {
    margin: 0px 0px 10px 0px;
}
#page-post .post-form .control label {
    display: block;    
    padding: 0px 0px 2px 0px;
    color: #888888;
}
#page-post .post-form .control label span {
    color: #BBBBBB;
    font-size: 11px;
}
#page-post .post-form .control label em {
    display: block;
    float: left;
    color: #CC0000;
    font: bold 24px/12px Verdana;
    overflow: visible;
}
#page-post .post-form .control .txt {
    width: 518px;
    padding: 5px;
    border: 1px solid #CCCCCC;
}
#page-post .post-form .control textarea {
    height: 150px;
    font: 12px Verdana;
}
#page-post .post-form .control select {
    padding: 5px;
    width: 412px;
    border: 1px solid #CCCCCC;
    font-family: 'Courier New';
}
#page-post .post-form .control .submit {
    padding: 2px 40px 2px 40px;
}
#page-post .post-form .line {
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #DDDDDD;
}
#page-post .post-form .control .txt:focus,
#page-post .post-form .control textarea:focus,
#page-post .post-form .control select:focus {
    border: 1px solid #7dac08;
}

#page-post .post-form .categories {
}
#page-post .post-form .categories .items {
    display: block;
    float: left;
    width: 220px;
}
#page-post .post-form .categories .cat {
    display: block;
    padding: 5px;
    margin: 2px 2px 2px 0px;
    border: 1px solid #EEEEEE;
    color: #888888;
    background-color: #F5F5F5     
}
#page-post .post-form .categories .arrow {
    background: #F5F5F5 url(../images/post_cat_arrow.gif) 98% 50% no-repeat;
}
#page-post .post-form .categories .selected {
    color: #55AA55;
    background-color: #E0FFE0;
    border: 1px solid #CCEECC;
}
#page-post .post-form .images {
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 20px 0px;
    border: 1px solid #EEEEEE;
    background: #F8F8F8;
    text-align: center;
}
#page-post .post-form .images .item {
    float: left;
    margin: 0px 10px 0px 10px;
}
#page-post .post-form .images .item .frame {
    float: left;
    border: 3px solid #DDDDDD;
}
#page-post .post-form .images .item .frame img {
    float: left;
}
#page-post .post-form .images .item .delete {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin: 0px 0px 0px 5px;
    background: url(../images/but_delete.gif) 0px 0px no-repeat;
}
#page-post .post-form .images .item .empty {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin: 0px 0px 0px 5px;
    cursor: default;
}



/******************************************************************** PAGE_AD */
#page-ad h1 {
    font: italic 24px Gorgia;
    padding: 20px 0px 10px 0px;
    color: #222222;
}
#page-ad .photos {
    float: left;
    width: 300px;
    height: 300px;
    border: 5px solid #EEEEEE;
}
#page-ad .photos .image {
    width: 300px;
    height: 300px;
    text-align: center;
}
#page-ad .contacts {
    float: left;
    width: 200px;
    height: 124px;
    margin: 0px 0px 0px 20px;
}
#page-ad .contacts .contacts-box {
    padding: 5px 10px 5px 10px;
    border: 1px solid #EEEECC;
    background: #FFFFF5;
}
#page-ad .contacts .contacts-box .name {
    height: 25px;
    overflow: hidden;
    padding: 0px 0px 0px 25px;
    margin: 5px 0px 5px 0px;
    font: 18px Tahoma;
    color: #444444;
    background: url(../images/author.png) 0px 0px no-repeat;
}
#page-ad .contacts .contacts-box .phone {
    height: 25px;
    overflow: hidden;
    padding: 0px 0px 0px 25px;
    margin: 5px 0px 5px 0px;
    font: 18px Tahoma;
    color: #444444;
    background: url(../images/phone.png) 0px 3px no-repeat;
}
#page-ad .thumbs {
    float: left;
    width: 200px;
    height: 186px;
    margin: 0px 0px 0px 20px;
}
#page-ad .thumbs .image {
    display: block;
    float: left;
    margin: 7px 7px 0px 0px;
    border: 3px solid #EEEEEE;
}
#page-ad .thumbs .selected {
    border-color: #ffac4c;
}
#page-ad .thumbs .image img {
    float: left;
}
#page-ad .description {
    margin: 20px 0px 0px 0px;
    font: 12px/18px Verdana;
}
#page-ad .summury {
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    color: #888888;
    font: 12px Verdana;
    border-top: 1px dotted #CCCCCC;
}