/*
    anglomir.css
*/

body {
    background-color: #fff;
    background-image: url(/data/images/common/bg.gif);
    background-repeat: repeat-x;
    background-position: center top;
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    }

h1, h2, h3, h4 {
    font-weight: normal;
    }

big {
    font-size: 16px;
    color: #ed1f24;
    }

a {
    color: #4169e1;
    border: 0px;
    }

a:hover {
    color: #2a52be;
    border: 0px;
    }

a:focus {
    outline: 0;
    }

.container_12 {
    padding: 14px 0px 14px 0px;
    }

/*
    Яндекс карты
*/

#YMapsID {
    margin: 20px 0px;
    }

#YMapsID2 {
    margin: 20px 0px;
}

#YMapsID3 {
    margin: 20px 0px;
}

#YMapsID4 {
    margin: 20px 0px;
}

/*
    Шапка страницы: логотип, кнопки, контактная информация
*/

.logo {
    margin-bottom: 12px;
    }

.buttons {
    margin-top: 12px;
    }

.buttons a {
    color: #fff;
    text-decoration: none;
}

.buttons a:hover {
    color: #fff;
}

.buttons ul {
    margin: 0px;
}

.buttons li {
    color: #fff;
    list-style-type: none;
    text-align: center;
    font-size: 16px;
    margin: 0px;
    height: 32px;
    background-image: url(/data/images/common/buttons0.gif);
    cursor: hand;
    cursor: pointer;
    }

.buttons li:hover {
    background-image: url(/data/images/common/buttons1.gif);
    }

.buttons li.one {
    background-position: 0px 0px;
    padding-top: 7px;
    margin-bottom: -7px;
    }

.buttons li.two {
    background-position: 0px 64px;
    padding-top: 3px;
    margin-bottom: -3px;
    }

.buttons li.three {
    background-position: 0px 32px;
    }

.contact {
    color: #ed1f24;
    text-align: right;
    font-size: 16px;
    margin-top: 6px;
    }

.contact p {
    margin: 0px;
    }

.contact big {
    font-size: 21px;
    }

.contact small {
    font-size: 11px;
    }

/*
    Девиз, картинки, горизонтальное меню
*/

.motto {
    background: #ed1f24;
    background-image: url(/data/images/common/motto.gif);
    background-repeat: repeat-x;
    background-position: center center;
    padding: 6px 12px;
    border-bottom: 1px solid #004177;
    }

.motto h1 {
    margin: 0px;
    color: #fff;
    }

.strip {
    background-image: url(/data/images/common/strip.jpg);
    width: 940px;
    height: 115px;
    }

.hmenu {
    background: #ed1f24;
    background-image: url(/data/images/common/hmenu.gif);
    background-position: center center;
    text-align: right;
    color: #fff;
    margin: 0px;
    border-top: 1px solid #f38283;
    height: 23px;
    }

.hmenu a {
    color: #fff;
    text-decoration: none;
    }

.hmenu a:hover {
    color: #ccf;
    }

.hmenu ul {
    padding: 2px 0px;
    margin: 0px;
    }

.hmenu  li {
    background-image: url(/data/images/common/hr.gif);
    background-position: left center;
    background-repeat: no-repeat;
    list-style-type: none;
    display: inline;
    margin: 0px;
    margin-right: 8px;
    padding-left: 8px;
    }

/*
    Вертикальное меню
*/

.vmenu {
    margin: 0px;
    margin-top: 20px;
    font-size: 12px;
    }

.vmenu li {
    list-style-type: none;
    margin: 0px;
    margin: 2px 0px;
    behavior: expression( !this.before ? this.before = this.innerHTML = '<img src="/data/images/common/star.gif" valign="middle" />&nbsp;' + this.innerHTML : '' );
    }

.vmenu li:before {
    display: marker;
    content: url(/data/images/common/star.gif) "\0020";
    vertical-align: middle;
    }

.vmenu ul {
    margin: 10px 0px;
    }

.vmenu ul.sub {
    font-size: 11px;
    margin-left: 32px;
    }

.vmenu ul.sub li {
    list-style-type: disc;
    color: #ed1f24;
    behavior: expression( !this.before ? this.before = this.innerHTML = '' + this.innerHTML : '' );
    }

.vmenu ul.sub li:before {
    display: none;
    }

/*
    Содержимое страниц
*/

.content {
    margin: 0px;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 24px;
    padding-bottom: 12px;
    /*
    background-image: url(/data/images/common/stars.gif);
    background-repeat: no-repeat;
    background-position: 32px 32px;
    */
    }

.content h1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #ed1f24;
    margin: -10px 0px 20px 0px;
    font-size: 23px;
    border-bottom: 1px dotted #ff6666;
    }

.content h2 {
    color: #ed1f24;
    font-size: 18px;
    margin-bottom: 8px;
    }

.content h3,h4,h5,h6 {
    color: #ed1f24;
    font-size: 16px;
    margin-bottom: 4px;
    }

.content hr {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
}

.content strong, b {
    font-weight: bold;
    }

.content small {
    color: #333;
    font-size: 11px;
    }

.content img.noborder {
    border: 0px;
    padding: 0px;
}

.content img.aligncenter {
    margin: 1em auto;
    display: block;
}

.content img.alignright {
    margin-right: 12px;
    display: inline;
    float: right;
}

.content img.alignleft {
    margin-right: 12px;
    display: inline;
    float: left;
}

.content img.photo {
    padding: 4px;
    border: 1px solid #ccc;
    margin: 4px;
}

.content div.album {
    text-align: center;
    margin: 0px 0px 32px 2px;
}

.content div.gitem {
    width: 144px;
    height: 144px;
    float: left;
    vertical-align: middle;
    text-align: center;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #eee;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0px 8px 8px 0px;
}

.content div.clear {
    clear:both;
    margin-bottom: 8px;
}

.content li {
    list-style-type: square;
    font-size: 12px;
    color: #633;
    margin-bottom: 8px;
    }

.content ul {
    margin: 20px 0px;
    width: 99%;
}

.content ul.sub {
    font-size: 11px;
    margin-left: 32px;
    width: 90%;
    }

.content ul.sub li {
    list-style-type: disc;
    color: #ed1f24;
    width: 90%;
    }

.content table {
    width: 100%;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    margin: 20px auto;
    border-collapse: collapse;
    font-size: 10px;
    }

.content td {
    background: #fff;
    color: #000;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    padding: .3em 1em;
    vertical-align: middle;
    }

.content tr.odd td {
    background: #eee;
    }

.content thead th {
    background: #ddd;
    text-align: center;
    font: 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
    color: #666;
    }

.content td.left {
    text-align: left;
    }

.content form {
    background-color: #f6f6ff;
    padding: 16px;
    margin: 16px 0px;
    border: 1px solid #e6e6ff;
}

.content label {
    color: #666;
    font-size: 13px;
    vertical-align: top;
}

.content input {
    font-size: 18px;
    border: 1px solid #999;
    padding: 4px;
}

.content input.inline {
    background: none;
    font-size: 13px;
    border: none;
    border-bottom: 1px solid #999;
    padding: 0px;
    margin: 0px;
    color: #f00;
}

.content select {
    font-size: 16px;
    border: 1px solid #999;
    padding: 4px;
    display: block;
    margin: 4px 0px 12px 0px;
    width: 256px;
}

.content select.inline {
    background: none;
    font-size: 14px;
    border: none;
    padding: 0px;
    margin: 0px;
    width: 96px;
    display: inline;
    color: #f00;
}

.content select.wide {
    width: 420px;
}

.content textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    display: block;
    width: 600px;
    padding: 8px;
    margin-bottom: 12px;
}

.content textarea.short {
    width: 512px;
    height: 512px;
}

.content input.text {
    display: block;
    width: 606px;
    margin-bottom: 12px;
}

.content input.short {
    width: 256px;
}

.content input.checkbox {
    border: 0px;
    vertical-align: middle;
    margin-right: 8px;
}

.content input.radio {
    border: 0px;
    vertical-align: middle;
    margin-right: 8px;
    margin-left: 24px;
}

.content input.button {
    background-color: #ddd;
    background-image: url(/data/images/common/button.gif);
    background-repeat: repeat-x;
    background-position: center top;
    width: 256px;
    margin-right: 16px;
    padding: 8px 0px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    cursor: pointer;
    cursor: hand;
}

.content input.red {
    background-image: url(/data/images/common/buttonred.gif);
}

.content input.upload {
    font-size: 16px;
    display: block;
    margin-bottom: 12px;
}

.content #address {
    background-image: url(/data/images/icons/house.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 4px center;
    padding-left: 24px;
    width: 586px;
}

.content #email {
    background-image: url(/data/images/icons/email.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 4px center;
    padding-left: 24px;
    width: 236px;
}

.content #mtel {
    background-image: url(/data/images/icons/phone.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 4px center;
    padding-left: 24px;
    width: 236px;
}

.content #wtel {
    background-image: url(/data/images/icons/telephone_error.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 4px center;
    padding-left: 24px;
    width: 236px;
}

.content #phone, #htel {
    background-image: url(/data/images/icons/telephone.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 4px center;
    padding-left: 24px;
    width: 236px;
}

.content #year, #birth {
    background-image: url(/data/images/icons/cake.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 4px center;
    padding-left: 24px;
    width: 236px;
}

.content .required {
    background-color: #ffd;
    border: 1px solid #f66;
}

.content fieldset {
    margin: 16px 0px;
    border: 1px solid #ccc;
    padding: 0px 16px;
}

.content legend {
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    padding: 0px 8px;
    color: #333;
}

.content div.field {
    display: block;
    margin: 16px 0px;
}

.content span.word {
    color: #f00;
    border-bottom: 1px dotted #f00;
}

.content label.error {
    color: #f00;
    font-size: 10px;
    font-weight: bold;
    text-decoration: blink;
    display: block;
    }

/*
    Контактная информация и копирайты
*/

.location {
    color: #333;
    font-size: 10px;
    margin-top: 40px;
    border-top: 1px dotted #ccc;
    padding-top: 24px;
}

.location p {
    margin: 16px 0px;
}

.location table {
    margin: 0px;
}

.location table td {
    width: 320px;
}

.flags {
    margin-top: 20px;
    text-align: right;
}

.copyright {
    font-size: 14px;
    border-top: 1px solid #ccc;
    color: #999;
    font-size: 12px;
    padding-top: 16px;
    margin-bottom: 16px;
    text-align: right;
}

.counter {
    margin-top: 93px;
}

.hidden {
    display: none;
}

.active {
    display: block;
}

.wordCount {
    color: #ccc;
}

.error {
    color: #f00;
}

.red {
    color: #f00;
}