﻿@charset "utf-8";

/* Ластик, начало */
html {
    background:#fff;
    color:#333333; 
    font-size:100.01%; 
    height:100%; 
    line-height:16px;
    margin: 0; 
    padding: 0; 
    vertical-align:top; 
    width:100%
}
body {
    font:.8em "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica; 
    font-weight: normal;
    height: auto !important; 
    height: 100%; 
    min-height: 100%; 
    position: relative; 
    margin:0; 
    padding:0
}
table,td,div,span,hr,h1,h2,h3,h4,form,p,button,select,input,textarea {
    padding: 0;
    margin: 0;
}
table {
    border: 0;
    border-collapse: collapse;
}
table td {
    vertical-align:top
}
img {
    border: 0;
}
/* Ластик, конец */

a {
    color:#66CCFF;
    text-decoration: none; 
}
a:hover {
    text-decoration: underline
}
a:focus, a:active {
  outline:none;
}

h1 {
    color:#003366;
    font:bold 1.15em Tahoma, Arial, Verdana, Helvetica;  
    margin:0 0 14px 0;
    padding:0;
}
h2 {
    color:#66CCFF;
    font:1.15em Tahoma, Arial, Verdana, Helvetica;
    margin:0 0 14px 0;
    padding:0;
}
h3 {
    border-bottom:4px solid #FFFF66;
    color:#003366;
    font:bold 0.9em Tahoma, Arial, Verdana, Helvetica;
    margin:0 0 3px 0;
    padding:0 0 3px 0;
}
input,select {
    vertical-align: middle; 
    height: 18px;
}
button {
    background-color: transparent; 
    border: none; 
    height: 198px;
}
 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    overflow:hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */

.float-lt{
    float:left; 
    display:block;
    margin-right:14px;
}
.float-rt{
    float:right; 
    display:block;
    margin-left:14px
}
.clear {
    clear:both;
    height:0;
    margin:0;
    padding:0;
    overflow:hidden
}

/* layout */
.global {padding:14px 30px;}
.main {min-width:933px;}
.wrapper{
    float:left;
    width:100%
}
.content {
    margin: 0 222px 0 0;
}
.content-2-cols {
    margin: 0 14px 0 0;
}
.right-column{
    float:left;
    margin-left:-207px;
    width:207px;
}
.center-column {
    font:1em Tahoma, Arial, Helvetica, sans-serif;
    margin:0 0 0 188px;
}
.left-column {
    float:left;
    width:175px
}
    
/*** header ***/
.header {
    height:204px;
    overflow:auto;
    width:100%
}
    .header-left {
        background:url(../images/header_bg.gif) 0 0 repeat-x #66CCFF;
        color:#003366;
        font:1em Tahoma, Arial, Helvetica, sans-serif;
        margin-right:220px
    }
        .header-pic {
            background:url(../images/header_pic.jpg) 100% 0 no-repeat;
            height:157px;
            padding:47px 14px 0 16px;
        }
        .header-menu {
            list-style-type:none;
            margin:14px 0 6px 7px;
            padding:0;
        }
            .header-menu li {
                background:url(../images/bull02.gif) 0 5px no-repeat;
                padding-left:13px
            }
            .header-menu a {color:#003366}
            .icons {
                float:right;
                list-style-type:none;
                margin:115px 0 0 0;
                padding:0;
            }
            .icons, x:-moz-any-link {margin:78px 0 0 0}
                .icons li {
                    float:left;
                    margin:0 0 0 15px;
                }
                .icons li.active {
                    border-bottom:2px solid #FFFF66;
                }           
    .header-right {
        float:right;
        width:207px
    }
        .authorization {
            background:url(../images/login_bg.gif) 0 0 repeat-x #66CCFF;
            font:.83em Tahoma, Arial, Helvetica, sans-serif;
            height:81px;
            line-height:14px;
            margin:34px 0 6px 0;
            padding:4px 14px 0 7px;
            width:190px
        }
            .authorization p {
                overflow:auto;
                width:100%
            }
            .authorization .txt1 {
                background:#fff;
                border:0;
                color:#000;
                float:right;
                font:.9em Tahoma, Arial, Helvetica, sans-serif;
                height:15px;
                margin:0 0 3px 0;
                padding:0 5px;
                width:134px
            }.authorization label {
                float:left;
                font-size:.95em;
                padding:4px 0 0 0
            }
                .remember {float:left; margin:0 3px 0 45px;}
            .authorization a {
                color:#FFFF66;
                font-size:.85em;
                text-decoration:underline
            }
            .authorization a:hover {text-decoration:none}
            .authorization .submit {
                background:#fff;
                border:0;
                border-bottom:1px solid #9EB1C5;
                border-right:1px solid #BCC9D7;
                color:#003366;
                cursor:pointer;
                float:right;
                font:1em Tahoma, Arial, Helvetica, sans-serif;
                height:16px;
                margin:3px 0 0 0;
                padding:0 0 2px 0;
                text-align:center;
                width:39px
            }
        .search {
            background:url(../images/search_bg.gif) 0 0 repeat-x #66CCFF;
        }
            .search fieldset {
                background:url(../images/search_lt.gif) 0 0 no-repeat;
                border:0;
                height:50px;
                padding:8px 14px 0 0;
                width:190px
            }
            .search p {
                overflow:auto;
                width:100%
            }
            .search .txt1 {
                background:#fff;
                border:0;
                color:#000;
                float:right;
                font:.9em Tahoma, Arial, Helvetica, sans-serif;
                height:15px;
                margin:0 0 14px 0;
                padding:0 5px;
                width:134px
            }
            .search .submit {
                background:#fff;
                border:0;
                border-bottom:1px solid #9EB1C5;
                border-right:1px solid #BCC9D7;
                color:#003366;
                cursor:pointer;
                float:right;
                font:.83em Tahoma, Arial, Helvetica, sans-serif;
                height:16px;
                margin:3px 0 0 0;
                padding:0 0 2px 0;
                text-align:center;
                width:39px
            }
/*** end of header ***/
    
/*** left column ***/
.menu-left {
    background:url(../images/menu_bot.jpg) 0 100% no-repeat #66CCFF;
    color:#003366;
    font:1em Tahoma, Arial, Helvetica, sans-serif;
    list-style-type:none;
    margin:0 0 30px 0;
    padding:15px 9px 50px 7px;
    width:158px
}
    .menu-left a {
        background:url(../images/arr01.gif) 8px 6px no-repeat;
        color:#003366;
        display:block;
        padding:3px 0 3px 25px;
    }
    .menu-left .active {
        background:url(../images/arr01_a.gif) 8px 6px no-repeat #337FB2;
        color:#FFFF66;
    }
        .menu-left ul {
            list-style-type:none;
            margin:0 0 0 33px;
            padding:0;
        }
            .menu-left ul a {
                background:url(../images/bull01.gif) 0 7px no-repeat;
                font-size:.96em;
                font-style:italic;
                font-weight:bold;
                padding:1px 0 1px 8px
            }
            .menu-left ul .active {
                background:url(../images/bull01_a.gif) 0 7px no-repeat;
                color:#FFFF66;
                font-style:normal;
            }
.left-column h3 {border:0}
/*** end of left column ***/

/*** right column ***/
.advertisment {
    list-style-type:none;
    margin:0 0 25px 0;
    padding:0;
}
    .advertisment li {
        color:#000;
        font-size:.9em;
        padding:5px 0 2px 0;
    }
/*** end of right column ***/

/*** center column ***/
.center-column p {padding:0 0 5px 0}
.blue-plashka {
    background:#66CCFF;
    border:1px solid #C2FAFF;
    margin:0 0 14px 0;
    overflow:auto;
    padding:5px 0;
    width:99%
}
    .blue-plashka .date {
        float:right;
        float:right;
        padding:0 7px 0 0;
    }
    .blue-plashka h2 {
        color:#003366;
        font:1.15em Tahoma, Arial, Verdana, Helvetica;
        margin:0;
        padding:0 0 0 7px;
    }
.text {
    margin:0 0 20px 0;
    overflow:auto;
    width:99%
}
.align-lt {
    float:left;
    margin-right:8px;
    text-align:center;
}
.comments {
    color:#66CCFF;
    margin:0 0 5px 0;
    text-align:right;
}
.pages {
    font:1em Arial, Helvetica, sans-serif;
    margin:45px 0 0 0;
    text-align:center;
}
    .pages a {color:#333333; padding: 0 3px}
    .pages .active {color:#66CCFF; padding: 0 3px}
    
.brd-01 {border:1px solid #74D1FF}
.grey {color:#AABEC8;}

.registration {
    margin:0 0 0 14px;
    width:270px
}
    .registration p {
        overflow:auto;
        width:100%
    }
    .registration .txt1,
    .registration .txt2 {
        background:#fff;
        border:1px solid #003366;
        color:#000;
        float:right;
        font:1em Tahoma, Arial, Helvetica, sans-serif;
        height:15px;
        margin:0 0 14px 0;
        padding:0 5px;
        width:138px;
    }
    .registration .txt2 {
        margin:28px 0 0 0;
        width:89px;
    }
    .registration .submit {
        background:#66CCFF;
        border:1px outset;
        color:#FFFF66;
        cursor:pointer;
        float:right;
        font:1em Tahoma, Arial, Helvetica, sans-serif;
        height:23px;
        margin:24px 0 0 20px;
        text-align:center;
        width:29px;
    }
.result {padding:0 0 15px 14px;}
    .center-column .result p {padding-bottom:2px}
.align-ctr {
    margin:0 0 30px 0;
    text-align:center
}
    .align-ctr a {text-decoration:underline}
    .align-ctr a:hover {text-decoration:none}
.align-rt {text-align:right;}
    .align-rt a {text-decoration:underline}
    .align-rt a:hover {text-decoration:none}
    
.comment-block .comment-block {margin:15px 0 0 30px}
    .comment-block p {padding-left:7px}
    .comment-block .date {color:#003366}
    .user-name {
        background:#66CCFF;
        border:2px solid #C2FAFF;
        line-height:15px;
        margin:0 0 3px 0;
        padding:0 0 0 5px;
    }
    .comment-block h3 {
        border:0;
        color:#333333;
        font:normal 1.15em Tahoma, Arial, Helvetica, sans-serif;
        padding-left:7px
    }
    
.add-comment {
    margin:0 0 0 7px;
    width:520px
}
    .add-comment p {
        overflow:auto;
        width:99%
    }
    .add-comment label {float:left; white-space:nowrap}
    .add-comment .txt1,
    .add-comment .txt2 {
        background:#fff;
        border:1px solid #003366;
        color:#000;
        float:left;
        font:1em Tahoma, Arial, Helvetica, sans-serif;
        height:15px;
        margin:0 14px 15px 0;
        padding:0 5px;
        width:390px;
    }
    .add-comment .txt2 {
        margin:18px 0 0 300px;
        width:89px;
    }
    .add-comment .area1 {
        background:#fff;
        border:1px solid #003366;
        color:#000;
        float:left;
        font:1em Tahoma, Arial, Helvetica, sans-serif;
        height:160px;
        margin:0 14px 15px 0;
        padding:0 0 0 5px;
        width:395px;
    }
    .add-comment .submit {
        background:#66CCFF;
        border:1px outset;
        color:#FFFF66;
        cursor:pointer;
        font:1em Tahoma, Arial, Helvetica, sans-serif;
        height:23px;
        text-align:center;
        width:80px;
    }

/*** end of center column ***/

/*** footer ***/
.footer {
    border-top:1px solid #003366;
    font-size:.85em;
    line-height:14px;
    margin:50px 0 0 0
}
    .copyright {
        float:right;
        padding:7px 0 5px 0;
        width:214px
    }
        .copyright img {
            margin:3px 13px 0 0 
        }
    .footer-left {
        float:left;
        padding:16px 0 5px 15px;
        width:200px
    }
    .footer-center {
        padding:15px 0 0 0;
        text-align:center;
    }