/*
Вывод картинок в более интересной форме
*/
#lightbox{
        background-color:#eeeeee;
        padding: 10px;
        border-bottom: 2px solid #666666;
        border-right: 2px solid #666666;
        }
#lightboxDetails{
        font-size: 0.8em;
        padding-top: 0.4em;
        }
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(img/overlay.png); }

* html #overlay{
        background-color: #333333;
        back\ground-color: transparent;
        background-image: url(blank.gif);
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="avto/img/overlay.png", sizingMethod="scale");
        }
/*------------------------------------------------*/
#wrapper{
        padding: 20px 30px;
        margin: 1.5em 18%;
        text-align: left;
        background-color: #ffffff;
        }

code{ font-size: 11px; background-color: #eeeeee;}
pre code{ line-height: 1.1em;}
.kbd{
        color: #555555;
        background-color: #dddddd;
        border-right: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        font-size: inherit;
        font-family: inherit;
        padding-top: 0px;
        padding-right: 3px;
        padding-bottom: 2px;
        padding-left: 4px;
        }

.clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        }

* html>body .clearfix {
        display: inline-block;
        width: 100%;
        }

* html .clearfix {
        /* Hides from IE-mac \*/
        height: 1%;
        /* End hide from IE-mac */
        }