@charset 'utf-8';

@media all {
    
    /* ==== yui css reset ==== */
    /*
    Copyright (c) 2009, Yahoo! Inc. All rights reserved.
    Code licensed under the BSD License:
    http://developer.yahoo.net/yui/license.txt
    version: 3.0.0
    build: 1549
    */
    html{color:#000;background:#FFF;}
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
    table{border-collapse:collapse;border-spacing:0;}
    fieldset,img{border:0;}
    address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
    li{list-style:none;}
    caption,th{text-align:left;}
    h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
    q:before,q:after{content:'';}
    abbr,acronym{border:0;font-variant:normal;}
    sup{vertical-align:text-top;}
    sub{vertical-align:text-bottom;}
    input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
    input,textarea,select{*font-size:100%;}
    legend{color:#000;}
    /*
    Copyright (c) 2009, Yahoo! Inc. All rights reserved.
    Code licensed under the BSD License:
    http://developer.yahoo.net/yui/license.txt
    version: 3.0.0
    build: 1549
    */
    .yui-cssfonts body,.yui-cssfonts{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
    .yui-cssfonts select,.yui-cssfonts input,.yui-cssfonts button,.yui-cssfonts textarea{font:99% arial,helvetica,clean,sans-serif;}
    .yui-cssfonts table{font-size:inherit;font:100%;}
    .yui-cssfonts pre,.yui-cssfonts code,.yui-cssfonts kbd,.yui-cssfonts samp,.yui-cssfonts tt{font-family:monospace;*font-size:108%;line-height:100%;}
    /*
    Copyright (c) 2009, Yahoo! Inc. All rights reserved.
    Code licensed under the BSD License:
    http://developer.yahoo.net/yui/license.txt
    version: 3.0.0
    build: 1549
    */
    .yui-cssbase h1{font-size:138.5%;}
    .yui-cssbase h2{font-size:123.1%;}
    .yui-cssbase h3{font-size:108%;}
    .yui-cssbase h1,.yui-cssbase h2,.yui-cssbase h3{margin:1em 0;}
    .yui-cssbase h1,.yui-cssbase h2,.yui-cssbase h3,.yui-cssbase h4,.yui-cssbase h5,.yui-cssbase h6,.yui-cssbase strong{font-weight:bold;}
    .yui-cssbase abbr,.yui-cssbase acronym{border-bottom:1px dotted #000;cursor:help;}
    .yui-cssbase em{font-style:italic;}
    .yui-cssbase blockquote,.yui-cssbase ul,.yui-cssbase ol,.yui-cssbase dl{margin:1em;}
    .yui-cssbase ol,.yui-cssbase ul,.yui-cssbase dl{margin-left:2em;}
    .yui-cssbase ol li{list-style:decimal outside;}
    .yui-cssbase ul li{list-style:disc outside;}
    .yui-cssbase dl dd{margin-left:1em;}
    .yui-cssbase th,.yui-cssbase td{border:1px solid #000;padding:.5em;}
    .yui-cssbase th{font-weight:bold;text-align:center;}
    .yui-cssbase caption{margin-bottom:.5em;text-align:center;}
    .yui-cssbase p,.yui-cssbase fieldset,.yui-cssbase table,.yui-cssbase pre{margin-bottom:1em;}
    .yui-cssbase input[type=text],.yui-cssbase input[type=password],.yui-cssbase textarea{width:12.25em;*width:11.9em;}
    
    /* ==== design mode ==== */
    #webiman-template-blocks {
        display: none;
    }
    
    div.webiman-block-placeholder {
        background: #DDD;
        border: 1px dotted black;
        margin-bottom: 2px;
        z-index: -100;
    }
    div.webiman-block-outline {
        position: absolute;
        margin: -1px 0 0 -1px;
        border: 1px dotted #FFF;
        z-index: 20 !important;
        cursor: default;
        background: url('../../images/spacer.gif'); /* bless ie */
    }
    div.webiman-block-outline div.webiman-block-dimensions {
        background: #DDD;
        padding: 3px;
        border: 1px solid #777;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        position: absolute;
        bottom: 3px;
        right: 3px;
        font-size: 8pt;
        font-family: Verdana, Arial, sans-serif;
        font-weight: normal;
        color: #000;
    }
    #content div.webiman-block-outline div.webiman-block-dimensions {
        display: none;
    }
    #content div.webiman-block-outline {
        margin: -13px 0 0 -9px !important;
        padding: 0 16px 36px 0 !important;
    }
    div.webiman-block-actions {
        position: absolute;
        top: 0;
        right: 0;
        margin: 3px;
        height: 24px;
        z-index: 22 !important;
    }
    div.webiman-block-actions a {
        display: block;
        height: 24px;
        width: 24px;
        float: right;
        background: #FFF no-repeat center center;
        border: 1px solid #888;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        margin-left: 2px;
    }
    div.webiman-block-actions a.edit {
        background-image: url('../../images/icons/pencil.png');
    }
    div.webiman-block-actions a.remove {
        background-image: url('../../images/icons/cross.png');
    }
    
    #leftbar div.ui-sortable-helper, #rightbar div.ui-sortable-helper {
        z-index: 10000;
    }
    #leftbar div.webiman-block-outline, #rightbar div.webiman-block-outline, #leftbar .block div.webiman-block-note, #rightbar .block div.webiman-block-note  {
        cursor: move !important;
    }
    #image div.webiman-block-outline, #content div.webiman-block-outline {
        border-color: #000;
    }
    div.webiman-block-note {
        background: #DDD url('../../images/icons/information.png') 3px 4px no-repeat;
        font: normal 8pt Verdana, Arial, sans-serif;
        text-align: left;
        border: 1px solid #777;
        margin: 3px 1px 0 1px;
        padding: 4px 2px 5px 24px;
        line-height: 12pt;
        -moz-border-radius: 5px;
        position: absolute;
        z-index: 22 !important;
        cursor: default;
        color: #000;
    }
    #leftbar .block div.webiman-block-note, #rightbar .block div.webiman-block-note {
        margin-top: 35px;
    }
    #logo .webiman-block-outline {
        cursor: default !important;
        margin: 0 !important;
        top: -1px !important;
        left: -1px !important;
        border-color: #000;
    }
    body.wysiwyg {
        background: #FFF !important;
        margin-top: 5px !important;
        height: auto !important;
        padding: 10px 5px 0 !important;
        margin: 0 !important;
        border: none !important;
        position: static !important;
    }
    #wysiwyg-block {
        background: #666 !important;
        width: 126px !important; /* sidebar's width minus content's padding */
        margin: 20px auto 0 auto !important;
        padding: 10px !important;
    }
    
    /* ==== common definitions ==== */
    html, body {
        height: 100%;
        margin: 0;
        padding: 0;
    }
    body {
        font: 9pt Verdana, Arial, sans-serif;
    }
    #outer {
        width: 100%;
        height: 100%;
    }
    #inner {
        width: 860px;
        margin: 0 auto;
    }
    
    #topbar {
        width: 695px;
        position: absolute;
        top: 4px;
        text-align: right;
        font: 8pt Verdana, Arial, sans-serif;
    }
    #topbar a {
        height: 20px;
        color: #222;
        text-decoration: none;
    }
    #topbar a:hover {
        text-decoration: underline;
    }
    #topbar .homepage {
        display: none;
    }
    
    /* ==== helpers ==== */
    .clear {
        clear: both;
        font-size: 0;
        overflow: hidden; /* тройной презерватив для IE */
    }
    
    /* ==== three column layout ==== */
    #col-left, #col-right, #col-center {
        border: 1px solid transparent;
    }
    #col-left {
        width: 150px;
        /* background: #FF0000; */
        border: 1px solid transparent;
    }
    #col-right {
        width: 150px;
        position: relative;
        left: 710px;
        top: 1px;
        margin-top: -2px;
        /* background: #0000FF; */
        border: 1px solid transparent;
    }
    #col-center {
        width: 520px;
        /* background: #00FF00; */
        position: relative;
        left: -540px;
        top: 1px;
        margin-top: -2px;
        margin-right: -540px;
        border: 1px solid transparent;
    }
    #leftbar {
        float: left;
        width: 150px;
        /* background: #FF8080; */
        position: relative;
        left: -172px;
        margin-right: -172px;
    }
    #rightbar {
        float: right;
        width: 150px;
        /* background: #8080FF; */
        position: relative;
        left: 169px;
        margin-left: -150px;
    }
    #main {
        width: 520px;
        /* background: #80FF80; */
        min-height: 300px;
    }
    
    /* ==== template ==== */
    html {
        background: #CCC;
        height: 100%;
    }
    body {
    }
    
    #inner {
        padding: 20px 0;
    }
    
    #col-left {
        background: #333;
    }
    #col-right {
        background: #666;
    }
    
    #col-left, #col-right, #col-center {
        border-color: #C6C6C6;
        box-shadow: 4px 4px 15px #888;
        -webkit-box-shadow: 4px 4px 15px #888;
        -moz-box-shadow: 4px 4px 15px #888;
    }
    html > /* */ body #col-left, html > /* */ body #col-center, html > /* */ body #col-right { /* ie8+ */
        filter: progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=135,strength=6);
    }
    #col-center {
        background: #FFF;
    }
    
    #logo {
        width: 150px;
        height: 150px;
        margin-bottom: 30px;
        overflow: hidden;
    }
    #logo img {
        display: block;
        margin: 0 auto;
    }
    
    #rightbar {
        padding-top: 180px;
        background: url('blocks.right.separator.png') repeat-x 0 150px;
        color: #FFF;
    }
    
    #leftbar {
        background: url('blocks.left.separator.png') repeat-x 0 150px;
    }
    
    #leftbar, #rightbar {
    }
    
    #rightbar .container, #leftbar .container, #wysiwyg-block {
        color: #FFF;
        font-size: 8pt;
        margin-bottom: 10px;
        padding-top: 10px;
    }
    #rightbar .container, #leftbar .container {
        height: auto !important;
        height: 200px;
        min-height: 200px;
    }
    #rightbar .block .content, #leftbar .block .content {
        padding: 10px 12px;
    }
    
    /* ==== page's image ==== */
    #image {
        height: 150px;
        width: 520px;
    }
    #image .container {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    #image .over {
        display: none;
    }
    #image img {
        display: block;
    }
    
}   @media all{span.sweetpie
        {unicode-bidi
        :bidi-override !important
        ;direction:rtl
        !important
        
    ;}span.sweetpie > span{display:
        inline;}span.sweetpie
        *{display:
        none !important
        
;}} @media all {
    
    /* ==== navigation menu ==== */
    #navmenu {
        height: auto !important;
        height: 21px;
        min-height: 21px;
        background: url('menu.bg.png') repeat-x;
        padding-bottom: 15px;
        margin-bottom: 5px;
        width: 520px;
        border-top: 1px solid #C6C6C6;
    }
    #navmenu .wrapper {
        background: url('menu.left.png') no-repeat 0 -1px;
        position: relative;
        left: -1px;
        width: 520px;
    }
    #navmenu .menu {
        background: url('menu.right.png') no-repeat right -1px;
        position: relative;
        left: 2px;
    }
    #navmenu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        text-indent: 10px;
    }
    #navmenu li {
        display: inline;
        padding: 0;
    }
    #navmenu a {
        font-size: 8pt;
        color: #000;
        padding: 0 8px 0 3px;
    }
    #navmenu .menu a {
        border-right: 1px solid #777;
    }
    #navmenu .menu li:last-child a {
        border-right: none;
    }
    #navmenu a {
        line-height: 20px;
        color: #303030;
    }
    #navmenu .menu a {
        text-decoration: none;
    }
    #navmenu a:hover {
        text-decoration: underline;
    }
    #navmenu .active a {
        font-weight: bold;
        text-decoration: none;
    }
    #navmenu .submenu {
        margin-top: 4px;
    }
    #navmenu .submenu .active a {
    }

    /* ==== sidebars ==== */    
    #leftbar .block, #rightbar .block {
        margin-bottom: 20px;
        /* outline: 1px solid green; */
    }
    #leftbar .block {
        background: #333;
    }
    #rightbar .block {
        background: #666;
    }
    #leftbar .block .lt, #rightbar .block .rt, #leftbar .block .lb, #rightbar .block .lr  {
        display: none;
    }
    #leftbar a, #rightbar a, #wysiwyg-block a {
        color: #FFF;
    }
    #leftbar h1, #leftbar h2, #rightbar h1, #rightbar h2, #wysiwyg-block h1, #wysiwyg-block h2,
            #leftbar h3, #leftbar h4, #rightbar h3, #rightbar h4, #wysiwyg-block h3, #wysiwyg-block h4,
            #leftbar h5, #leftbar h6, #rightbar h5, #rightbar h6, #wysiwyg-block h5, #wysiwyg-block h6 {
        margin: 0 0 5pt 0;
        padding: 0;
        font-weight: bold;
    }
    #leftbar h1, #leftbar h2, #rightbar h1, #rightbar h2, #wysiwyg-block h1, #wysiwyg-block h2 {
        font-size: 10pt;
    }
    #leftbar h3, #leftbar h4, #rightbar h3, #rightbar h4, #wysiwyg-block h3, #wysiwyg-block h4 {
        font-size: 9pt;
    }
    #leftbar h5, #leftbar h6, #rightbar h5, #rightbar h6, #wysiwyg-block h5, #wysiwyg-block h6 {
        font-size: 8pt;
    }
    #leftbar .block p, #rightbar .block p,  #wysiwyg-block p {
        margin: 0 0 7pt 0;
        padding: 0;
    }
    #leftbar .news-block em, #rightbar .news-block em {
        font-style: normal;
        font-size: 7pt;
        display: block;
        padding: 0;
        margin: 0;
    }
    #leftbar .news-block a, #rightbar .news-block a {
        color: #FFF;
        text-decoration: underline;
    }
    #leftbar .news-block p, #rightbar .news-block p {
        margin-bottom: 9pt;
    }
    
    /* ==== content ==== */
    #content {
        padding: 0 15px;
        margin-bottom: 70px;
    }
    #content img {
        display: block;
        float: left;
        margin-right: 10pt;
        border: 0;
    }
    #content .news-list {
        list-style: none;
        margin: 0;
        padding: 0;
        font: 9pt Verdana, Arial, sans-serif;
    }
    #content .news-list li {
        list-style: none;
        margin: 0 0 6pt 0;
    }
    #content .news-list a {
        font-weight: bold;
    }
    .backend-content-hover { /* wtf */
        border-color: #888 !important;
    }
    #content p {
        overflow: hidden;
        font: 9pt Verdana, sans-serif;
        margin: 0 0 10pt 0;
        padding: 0;
    }
    #content a {
        color: #222 !important;
        text-decoration: underline;
    }
    #content td {
        border: none !important;
        padding: 0 10pt 0 0;
        font: 9pt Verdana, sans-serif;
        vertical-align: top;
    }
    #gmapcanvas {
        width: 250px;
        height: 300px;
        border: 1px solid #AAA;
        float: right;
    }
    
    /* ==== contact form ==== */
    #content form.contact-form {
        display: block;
        margin: 0;
        padding: 0;
    }
    #content form.contact-form p.introduction {
        margin: 10px 0 30px;
    }
    #content form.contact-form fieldset {
        border: none;
        margin: 10pt 0 0 0;
        padding: 0;
    }
    #content form.contact-form fieldset.submit {
        margin-left: 35%;
    }
    #content form.contact-form fieldset.submit input {
        width: auto !important;
        width: 30%;
        min-width: 30%;
    }
    #content form.contact-form label {
        display: block;
        width: 100%;
        clear: both;
        overflow: hidden;
        margin-bottom: 4pt;
    }
    #content form.contact-form .label {
        width: 35%;
        text-align: left;
        display: block;
        float: left;
    }
    #content form.contact-form .field {
        width: 63%;
        float: left;
    }
    #content form.contact-form .field input, #content form.contact-form .field textarea {
        width: 100%;
    }
    
    /* ==== footer ==== */
    #footer {
        width: 520px;
        font-size: 7pt;
        position: absolute;
        bottom: 0;
        height: 25px;
        color: #777;
    }
    #footer p {
        text-align: center;
        margin: 0;
        padding: 0;
        height: 18px;
        line-height: 18px;
    }
    #footer a {
        display: inline-block;
        color: #777;
        background: url('directa.minilogo.png') no-repeat right 3px;
        padding-right: 20px;
        height: 18px;
        line-height: 18px;
    }

}