/*
    Common
*/
body {
    /*background: url('/images/bg-section.gif') repeat;*/
    background: url('../images/bg-gray.png') repeat;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    _background-color: #f3eee5;
}

body, td, th	{
    color: #000000;
    font-size: 12px;
    font-family: Verdana, Tahoma, Arial, sans-serif;
}

h1	{
    margin: 5px;
    font-size: 16px;
}
h2	{
    margin: 5px;
    font-size: 13px;
}
h3, h4, h5, h6	{
    font-size: 12px;
    font-family: Verdana, Tahoma, Arial, sans-serif;
    margin: 1px;
}

img	{	
    vertical-align: middle;	
    border: none 0px;	
}

/**
    Header
*/
header {
    background-position: 0px -728px;
    color: #BBBFC3;
    font-size: 12px;
    line-height: 20px;
    padding: 5px 0px;
    text-shadow: 0px 1px 0px #000;
    background-image: url('../images/bg-t.jpg');
    background-repeat: repeat;
    text-align: center;
    position: fixed;
    top: 0px;
    z-index: 1000;
    width: 100%;
    height: 34px; 
}

header > div {
    width: 980px;
    text-align: center;
    margin: 0px auto 0px auto;
}

header a {
    color: wheat;
    text-decoration: none;
}
header a:hover {
    color: brown;
    text-decoration: underline;
}
header select {
    background-color: #444;
    border: 0px;
    color: wheat;
    padding: 4px;
    margin: 0px;
}
header input {
    background-color: white;
    border: 0px;
    color: brown;
    padding: 5px;
    margin: 0px;
}
header #find_top {
    background-color: #444;
    color: wheat;
    cursor: pointer;
}
header #ext_search {
    font-style: italic;
}
header #ico {
    float: left;
}
header form #city_id_top {
    width:100px;
}
header form #mode_id_top {
    width:90px;
}
header form #text_top {
    width:300px;
}

/**
    Footer
*/
footer {
    background-position: 0px -728px;
    color: #BBBFC3;
    font-size: 12px;
    line-height: 20px;
    padding: 10px 0px 10px 0px;
    text-shadow: 0px 1px 0px #000;
    background-image: url('../images/bg-t.jpg');
    background-repeat: repeat;
    text-align: center;
    width: 100%;
    clear: both;
}

footer > div {
    width:980px;
    text-align: left;
    margin: 0px auto 0px auto;
}

footer a {
    color: #BBBFC3;
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
    color: brown;
}

/**
    Main
*/
main {
    color: #000000;
    position: relative;
    width: 980px;
    margin: 0px auto 0px auto;
    _z-index:255;
    _background: url('../images/gerb/odessa.svg') no-repeat left 0px;;
}

main a {
    text-decoration: none;
}
main a:hover {
    text-decoration: underline;
}

/**
    Nav
*/
nav {
    margin: 34px auto 0px auto;
    background-color: black;
    /*font-size: 12px;
    line-height: 20px;
    padding: 5px 0px;*/
    text-align: left;
    /*top: 34px;*/
    width: 100%;
    height: 38px; 
    z-index: 256;
}

nav > div {
    width:980px;
    text-align: left;
    margin: 0px auto 0px auto;
}
nav #q-text {
    width:100px;
}

/**
    Aside
*/
aside {	
    float: right;	
    width: 240px; /*234px;*/	
    margin-bottom: 5px; 
}

aside .bl-info-wide	{	
    background-color: #EBDFD0;	
    color: #000000;	
    padding: 0px 0px 0px 0px; 
    text-align: left;
}

/*
    Custom
*/

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

article, #bl-box-center-index	{ 
    float: left; 
    width: 735px; /*761px;*/ 
    margin-bottom: 5px;	
}

.ua-eu {
    position: fixed; 
    left:0; 
    top:0; 
    width: 90px; 
    height: 90px; 
    background: url('../images/ua-eu.png');
    z-index: 2014;
}

#top {		
    /*background-color: wheat;*/
    background-image: url('../images/bg.jpg');
    background-repeat: repeat-x;
    width:100%; 
    height:100px;
    margin: 0px auto 0px auto;
} 
#top > div {		
    /*background: url(/images/header-new.jpg) no-repeat right 0px; */
    width:980px; 
    text-align: center;
    margin: 0px auto 0px auto;
} 

#top #slogan {  
    /*width:1000px;*/
    padding-top: 10px;
    padding-left: 150px;
    text-align: left;
    /*margin-left:230px;*/   
    /*position: absolute;*/   
    /*top: 20px;*/  
}

#top #logo {  
    float: left;
    /*padding-left:20px;*/   
    /*position: absolute;   
    top: 195px;*/  
}


.el-car	{
    border: solid #441a02 2px; /*002984*/
    width: 39px;
    height: 39px;
}
.el-numcar	{
    width: 39px;
    height: 22px;
    border-bottom: solid #441a02 2px;
}
.bl-number	{
    float: left;
    width: 55px;
}

.bl-number img	{
    display: block;
    vertical-align: baseline;
}
.viptaxi  {
    background-color: #d6e0ea;	
    color: #5f6989;
}

.clear { 
    overflow: hidden; 
    clear: both; 
}

#linkmoney {
    /*background-color: #eceadf; */
    background-color: rgba(0, 0, 0, 0.15);
    margin-top: 5px; 
    margin-bottom: 5px; 
    padding: 0px; 
    font-weight: normal; 
    font-size: .8em;
    width: 100%;
}

#linkmoney > div {
    width:980px; 
    margin: 0px auto 0px auto;
    clear: both; 
}

.ui-autocomplete-loading {
    background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat;
}
.ui-autocomplete {
    z-index: 999;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
.ui-autocomplete-mode {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}
#scrollup {
    position: fixed; /* ������������� ������� */
    opacity: 0.8; /* ������������ */
    padding: 5px 2px 2px; /* ������� */
    background: #aaa;
    border-radius: 5px; /* ���������� ����� */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    right: 2px; /* ������ ����� */
    bottom: 2px; /* ������ ����� */
    display: none; /* �������� ���� */
    cursor: pointer;
    width: 40px;
    height: 40px;
}
/* 
    Media queries
*/
@media print {
    #bl-header, #bl-box-left, #atickets-tabs, #notice-tabs, #bl-box-right, #menu-bottom, #counter-bottom, #search-tabs, 
    #search-tabs-help, #detail-edit, #menu-tabs, #taxi-edit, nav, header, #linkmoney, aside, footer, #pluso, #minichat-tabs,
    #vk-comments-tabs, #scrollup {
        display: none;
    }

    main, article, #bl-box-center-index, #top > div {
        width: 100%;
    }
}
@media screen and (min-width: 660px) and (max-width: 980px) {
    aside,
    #linkmoney {
        display: none; 
    }
    header form #text_top {
        width: 200px;
    }
    main,
    article,
    #bl-box-center-index,
    #top > div,
    header > div,
    footer > div,
    nav > div,
    #linkmoney > div {
        width: 100%;
    }
    
}

@media screen and (max-width: 660px) {
    aside,
    nav #q-search,
    header #ext_search,
    header #mode_id_top,
    #linkmoney,
    #sh_button {
        display: none; 
    }
    nav #q-text {
        width: 50px;
    }
    header form #text_top {
        width: 100px;
    }
    #top {
        /*display: none;*/
        height: 50px;
    }
    #top #slogan {
        padding-top: 1px;
        padding-left: 60px;
    }
    /*#top #slogan img {
        width: 350px;
    }*/
    #top #slogan h2 {
        font-size: 10px;
    }
    
    #top #logo img {
        /*display: none;*/
        width: 50px;
    }
    main,
    article,
    #bl-box-center-index,
    #top > div,
    header > div,
    footer > div,
    nav > div,
    #linkmoney > div {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    html {
        -webkit-text-size-adjust: none;
    }
    aside,
    nav #q-search,
    header #ext_search,
    header #mode_id_top,
    #linkmoney,
    #sh_button {
        display: none; 
    }

    #top #slogan {
        padding-top: 1px;
    }
    /*#top #slogan img {
        width: 300px;
    }*/
    
}