img{border:0;}
#map_logo{
  position:relative;
  content:url(/public/img/map.png);
  max-width:400px;
  top:-320px;
  left:220px;
}

.twitter-typeahead .tt-hint {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 10px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius:4px;
}
.twitter-typeahead .hint-small {
    height: 30px;
    padding: 5px 10px;
    font-size: 9px;
    border-radius: 3px;
    line-height: 1.5;
}
.twitter-typeahead .hint-large {
    height: 45px;
    padding: 10px 16px;
    font-size: 12px;
    border-radius: 6px;
    line-height: 1.33;
}
.twitter-typeahead {
     width: 100%;
}
.tt-dropdown-menu {
     width: 100%;
}
.tt-hint {
     width: 100%;
}
.tt-dropdown-menu {
  max-height: 200px;
  overflow-y: auto;
  background-color: #CCF;
  padding: 4px;
  border: 2px solid #CCC;
}
.tt-dropdown-menu .tt-suggestion.tt-cursor {
   background-color: #428bca;
   color: #ffffff;
}
.box-yellow{
  padding: 4px;
  padding-top: 10px;
  border: 2px solid #FFD700;
  border-radius: 8px;
  margin-bottom: 10px;
  font-size: 16px;
  -webkit-box-shadow: inset 0 1px 100px rgba(0, 0, 0, .075), 0 0 6px #aaa;
          box-shadow: inset 0 10px 100px rgba(0, 0, 0, .075), 0 0 6px #aaa;
}
.box-blue{
  padding: 4px;
  padding-top: 10px;
  border: 2px solid #AAF;
  border-radius: 8px;
  margin-bottom: 10px;
  font-size: 16px;
  -webkit-box-shadow: inset 0 1px 100px rgba(0, 0, 0, .075), 0 0 6px #aaa;
          box-shadow: inset 0 10px 100px rgba(0, 0, 0, .075), 0 0 6px #aaa;
}
.desc{
	color: rgb(52, 82, 102);
	display: block;
	font-family: 'Open Sans', 'lucida grande', 'Segoe UI', arial, verdana, 'lucida sans unicode', tahoma, sans-serif;
	font-size: 30px;
	font-weight: normal;
	margin-top: 10px;
}
.cont{
	color: rgb(112, 132, 152);
	display: block;
	font-family: 'Open Sans', 'lucida grande', 'Segoe UI', arial, verdana, 'lucida sans unicode', tahoma, sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
}
#menu{
  margin-top: 0px;
  height:150px;
  position: static;
  display: inline-block;
  text-decoration: none;
  padding:20px;
  cursor:pointer;
}
#for_clients{
  content:url(/public/img/but/main_but1.png);
  width: 128px;
  height: 128px;
  border:none;
}
#for_clients:hover{
  content:url(/public/img/but/main_but1_sel.png);
  text-decoration: none;
}
#for_director{
  content:url(/public/img/but/main_but2.png);
  width: 128px;
  height: 128px;
  border:none;
}
#for_director:hover{
  content:url(/public/img/but/main_but2_sel.png);
  text-decoration: none;
}
#for_driver{
  content:url(/public/img/but/main_but3.png);
  width: 128px;
  height: 128px;
  border:none;
}
#for_driver:hover{
  content:url(/public/img/but/main_but3_sel.png);
  text-decoration: none;
}
#for_developer{
  content:url(/public/img/but/main_but4.png);
  width: 128px;
  height: 128px;
  border:none;
}
#for_developer:hover{
  content:url(/public/img/but/main_but4_sel.png);
  text-decoration: none;
}
#for_all_map{
  content:url(/public/img/but/main_but6.png);
  width: 128px;
  height: 128px;
  border:none;
}
#for_all_map:hover{
  content:url(/public/img/but/main_but6_sel.png);
  text-decoration: none;
}
#for_catalog_taxi{
  content:url(/public/img/but/main_but5.png);
  width: 128px;
  height: 128px;
  border:none;
}
#for_catalog_taxi:hover{
  content:url(/public/img/but/main_but5_sel.png);
  text-decoration: none;
}
a {
    text-decoration:none;
	border:none;
}

a:hover{
    text-decoration:none;
}

.border-orange {
  border: #f80 solid 2px;
  border-radius: 8px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

.border-gray {
  border: #CCD solid 1px;
  border-radius: 8px;
  padding: 8px;
  box-shadow: 1px 1px 4px -1px rgba(0,0,0,0.75);
  background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(242,242,242,1) 49%, rgba(235,235,235,1) 50%, rgba(226,226,226,1) 100%);
}

.gradient-orange {
  background-image: -webkit-linear-gradient(top, #F7D358 0%, #F5D0A9 100%);
  background-image:      -o-linear-gradient(top, #F7D358 0%, #F5D0A9 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F7D358), to(#F5D0A9));
  background-image:         linear-gradient(to bottom, #F7D358 0%, #F5D0A9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffF7D358', endColorstr='#ffF5D0A9', GradientType=0);
  background-repeat: repeat-x;  
}

.gradient-gray {
  background-image: -webkit-linear-gradient(top, #335 0%, #557 100%);
  background-image:      -o-linear-gradient(top, #335 0%, #557 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#335), to(#557));
  background-image:         linear-gradient(to bottom, #334 0%, #556 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffF7D358', endColorstr='#ffF5D0A9', GradientType=0);
  background-repeat: repeat-x;  
}
#footer2 {
   position:fixed;
   left:0px;
   bottom:0px;
   height:50px;
   width:100%;
   background:#222;
   z-index: 100;
}

/* IE 6 */
* html #footer2 {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
/*
.footer, .push {
	height: 4em;
	bottom: 0px;
	height: 20px;
	padding: 0px;
	margin:0px;
	background: #EEE;
    text-align: center;
    font-size:9px;
    font-weight: bold;
    width: 100%;
}
*/
html,
body {
  padding: 0px;
  margin: 0px;
  height: 100%;
  min-height: 100%;
  font-family: 'proxima_nova_rgregular', tahoma, geneva, sans-serif;
  /*font-family: ff-clan-web-pro-wide,"Helvetica Neue",Helvetica,sans-serif;*/
  /*font-family: 'Open Sans', 'lucida grande', 'Segoe UI', arial, verdana, 'lucida sans unicode', tahoma, sans-serif;*/
  /*font-family: 'Open Sans', Arial, sans-serif;*/
}

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -60px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 250px;
      }
      #footer {
	padding: 10px;
        background-color: #222222;
        color: #FFF;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }


.subnav{
    border-color: #D5D5D5;
    border-radius: 0 0 0 0;
    border-width: 0 0 1px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
    left: 0;
    position: fixed;
    right: 0;
    top: 43px;
    z-index: 1020;
    padding: 3px;
}
#arm{
    margin-top:40px;
}
.block_arm{
    text-align: center!important; width:100%!important; height: 100%!important; position: fixed!important; background: url(../images/292.gif) no-repeat center rgba( 182, 182, 182, 0.5) !important; z-index: 100000!important;
}
div#auth{
    padding: 25px;
    margin: 10px auto ;
}
.paginator { font-size:1em; margin:5px auto; width:600px; height:65px; padding-top:0px;  }
.paginator table { border-collapse:collapse; table-layout:fixed; width:100%; }
.paginator table td { padding:0; white-space:nowrap; text-align:center; font-size:14px; }
.paginator .left { text-align:right; }
.paginator .right { text-align:left; }
.paginator .left, .paginator .right { width:17%; }
.paginator .top, .paginator .top a { color:#006baf;	}
.paginator .bottom, .paginator .bottom a { color:#004a79; font-size:12px; }
.paginator .spaser { width:30px; }
.paginator span { display:block; padding:3px 0; color:#fff; }
.paginator span strong, .paginator span a { padding:2px 6px; }
.paginator span a { color:#636363; }
.paginator a:hover { text-decoration:none; }
.paginator span strong { background:#2b90d0; font-style:normal; font-weight:normal; }
.paginator .scroll_bar { width:100%; height:20px; position:relative; margin-top:10px; }
.paginator .scroll_trough { width:100%;	height:4px; background:#ccc; overflow:hidden; cursor: pointer; }
.paginator .scroll_thumb { position:absolute; z-index:2; width:8px; height:4px; top:0; left:0; font-size:1px; background:#363636; }
.paginator .scroll_knob { position:absolute; top:-3px; left:50%; margin-left:-10px; width:20px; height:20px; overflow:hidden; background:url(../images/slider_knob.gif) no-repeat 50% 50%; cursor:move; }
.paginator .current_page_mark { position:absolute; z-index:1; top:0; left:0; width:3px; height:4px; overflow:hidden; background:#55a6d9; cursor: pointer; }
.paginator_pages { width:600px; text-align:right; font-size:0.8em;  color:#808080; margin-top:-10px; }

.switch-container {
}
.switch-container > .switch {
  display: block;
  margin: 12px auto;
}

.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 62px;
  height: 20px;
  padding: 3px;
  background-color: white;
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
  background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
  background-image: -o-linear-gradient(top, #eeeeee, white 25px);
  background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #47a8d8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-handle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, white);
  background-image: -moz-linear-gradient(top, #eeeeee, white);
  background-image: -o-linear-gradient(top, #eeeeee, white);
  background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
  left: 40px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green > .switch-input:checked ~ .switch-label {
  background: #4fb845;
}