/************ 3-хколончатая расскладка ***************/
*{padding: 0; margin: 0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
    background-color:#d92000;
	min-width:1024px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


#page{
  background: #FF9800; 
  min-width: 750px;
  }
* html #container1 {
  padding-left: 800px;
  }
* html #container3 {
  margin-left: -800px;
  position: relative;
  zoom: 1;
  }
* html #container1, * html #container3, * html #container4, * html #container2{
  height: 1px;
  }
#main{
  float: left;
  }
#content{
  margin: 0 200px;
  padding-right: 20px;
  }
#left{
  float: left;
  width: 200px;
  margin-left: -100%;
  }

#right {
  float: left;
  width: 200px;
  margin-left: -200px;
  }


#footer{
  clear: left;
  height: 220px;
  }
#page, #main, #footer {
  width: 100%;
  margin-top: 0px; 
  } 

/********************Шрифты*********************/
body {
   font: 100.01% Tahoma, Geneva, sans-serif;
   }
p {
   padding:0 10px 0 30px; 
   color:#333; 
   text-align: justify;
   }
p i {
    font-size: 80%;
    }
.data {
padding-left: 30px;
color: red;
}
h2 {
   font: 100% arial black, avant garde; 
   color: #333;
   padding-left: 50px;
   }
h1 {
   font-size:100%; 
   color: #fff;
   padding-left: 50px;
   }
h3 {
   font-size:90%;
   padding-left: 40px;
   color:#fff;
   }

ul li a {
    font: 80% Arial,Helvetica,sans-serif;
    color: #000;
    }
ul li a:hover {
    text-decoration: underline;
    color: #000;
    }
#min li a {
    font-size:80%;
    color: #D92000;
    }
.bonus1 {
    font-size:90%;
    text-align: center;
    padding-bottom: 10px;
    color: #f52f09;
    }
    p .bonus1 {
        font-size: 100%;}
.mashline {
    font-size:90%;
    text-align: center;
    padding-bottom: 10px;
    color: #f52f09;
    }
    p .mashline {
        font-size: 100%;}
	.mashline b {
		font-size: 110%;
		font-weight: bolder;
		color: #0000FF;}
.loginpass {
    font-size:70%;
    text-align: center;
    padding-bottom: 10px;
    color: #f52f09;
    }
    p .loginpass {
        font-size: 70%;}
.red {
    font-size: 90%;
    text-align: center;
    color: #FFF;
    font-weight: bolder;
    }
.news {
    font-size: 70%;
    text-align: justify;
    color: #333;
    }
.bonus b {
    padding-left: 10%;
    color: #DB1F00;
    font-size: 90%;
    }
hr {
    color: #333;
    background-color: #333;
    border: none;
    margin: 10px 40px;
    height: 1px;
    }
.hk a {
    color:#D92000;
    text-decoration:none;
    }
.hk {
    font-size: 70%;
    color: #FFF600;
    margin-top: -20px;
    padding:0 10px 0 30px; 
    }
.h {
text-align: center;
font-size: 120%;
}
.small {
text-align: center;
font-size: 80%;}
.small1 {
font-size: 80%;
}

.underline {
text-decoration: underline;}
.spec {
    font: 125% Helvetica;}
#content dl dt a, #content dl dd a {
    color: #330;
    text-decoration: underline;
    }
#content dl dt a:hover, #content dl dd a:hover {
    color: #FFF;
    }
#content dt {
    font-size: 80%;
    }
#content dd {
font-size: 70%;
padding-left: 10px;}
#right a {
color: #339;}
#right a:hover, #content p a:hover, .partner span a:hover {
text-decoration: underline;}
#container6 .news, #container7 .news {
    font-size: 80%;
    margin-left: 20px;
    }


/********************Общие настройки************/
ul {
    list-style:none;
    margin:0;
    padding:0;
    }
a {
   text-decoration:none;
   color: #333;
   }
#poezd, #aero,  #auto,  #weather, dl dt a, dl  dd a, dl dt a:hover, dl dd a:hover {
    display: block;
    }

/******************* Шапка сайта****************/
#tel_number {
    background: url(tel_number.png) center no-repeat;
    height: 50px;
	width:100%;
	position:relative;
    }	
#banner{
    background: url(banner3.png) no-repeat;
    height: 362px;
    margin-top: -362px;
    } 
#top_pic2 {
    background: url(top_pic4.png) left repeat-x;
    height: 347px;
	text-align: right;
    }
#top_pic {
    background:url(top_pic3.png) left top repeat-x;
    height: 55px; 
    }
#search {
    position: relative;
    float:right;
    margin-right: 20%;
    margin-top: -70px;
    }
form.search_ {
    background: transparent url(search3.png) no-repeat scroll left top;
    height:24px;
    padding-left: 22px;
    width:204px;
    }
input.search_box{
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #999;
    float: left;
    height: 20px;
    width: 156px;
    padding-top: 2px;
    }
input.search_button {
    background:transparent url(search4.png) no-repeat scroll left top;
    border: medium none;
    cursor: pointer;
    float: left;
    height:24px;
    width: 48px;
    }

#left dt {
    height: 20px;
    margin: 2px 0px;
    width: 196px;
    font-size: 80% !important;
    }
#left dd {
    height: 16px;
    margin: 2px 0 0 0px;
    width: 196px;
    font-size: 70% !important;
    }
/*******************Левое меню**************/
#icons {
    padding-left: 5px;
    }
#poezd {
    margin-top: 15px;

    background:url(icon5.png) no-repeat; 
    width: 180px;
    height:128px;
    } 
#aero {
    background:url(icon6.png) no-repeat; 
    width: 180px;
    height:120px;
    margin: 10px 0 35px;
    }
#auto {
    display:block;
    background:url(icon7.png) no-repeat; 
    width: 180px;
    height:98px;
}
#weather {
    background:url(icon8.png) no-repeat; 
    width: 180px;
    height:115px;
    margin-top: 20px;
    }
#left dl dt a, #left dl  dd a {
    /*color: #FFF;*/
	color:yellow;
    }
#left dl dt a:hover {
    background:#FFF url(menu_icon_o1.gif) 1px no-repeat;
    color: #db1f00;
    height: 20px;
    }
#left dl dd a:hover {
    background:#FFF url(menu_icon_o1.gif) 10px no-repeat;
    color: #db1f00;
    height: 16px;
    }
.gradient {
   /* background:url(gradient.gif) left repeat-x; */
    }
#left dt a {
    background:url(menu_icon_n1.gif) 1px no-repeat;
    padding-left:23px;
    }
#left dd a {
    background:url(menu_icon_n1.gif) 10px no-repeat;
    padding-left:33px;
    }
/************Правая колонка**********/

   #otbor .box {
   background: #E35B1C;}
   
   .box {
   position:relative; 
   width:195px; 
   background:#fff600; 
   color:#fff600;
   margin-right:2px;
   margin-bottom:15px; 
   }
.inbox {
   position:relative; 
   width:195px; 
   background:#db1f00; 
   color:#fff;
   margin-right:2px;
   margin-bottom:15px; 
   }

.A, .B, .C, .D {
   position:absolute; 
   width:20px; 
   height:20px; 
   color:#fff600; 
   background:#FF9800;
   overflow:hidden; 
   z-index:1;
   }
.E, .G {
   position:absolute; 
   width:20px; 
   height:20px; 
   color:#db1f00; 
   background:#FF9800;
   overflow:hidden; 
   z-index:1;}
   
.A, .E {
    top:0; left:0;
    }
.B  {
    bottom:0; left:0;
    }
.C, .G {
    top:0; right:0;
    }
.D {
    bottom:0; right:0;
    }
.box em b {
   position:absolute; 
   font:150px Arial; 
   color:#FFF600; 
   line-height:40px; 
   font-weight:normal;
   }
.inbox em b {
   position:absolute; 
   font:150px Arial; 
   color:#db1f00; 
   line-height:40px; 
   font-weight:normal;
   }
.A b, .E b {
    left:-8px;
    }
.B b  {
    left:-8px; top:-17px;
    }
.C b, .G b {
    left:-25px;
    }
.D b {
    left:-25px; top:-17px;
    }
.box p {
   position:relative; 
   z-index:2; 
   padding:5px 10px;
   }

/****************Центр*************************/
#taxi {

    text-align: center;
    }
#taxi ul li {
    display: inline;
    }
.br {
    border-right:1px  #333 solid;
    border-left: 1px #333 solid;
    padding: 0 2px 0 2px;
    }
#otbor {
margin: 40px 25% 30px 25%;
}
#otbor a p {
color: #333;}

/*********************Карта**********************/
#YMapsID {
    width:500px;
    height:350px;
    }
form {overflow:hidden}
form .field {float:left; overflow:hidden; clear:left; margin-bottom:0.3em; width:100%}
form .field label, form .field select, form .field input, form .field textarea {float:left; width:95%}
form .short input {width:15em}
form .field .help {clear:both; font-size:70%; color:#666}
form .field .help em {border-bottom:1px dotted; color:#666; cursor:pointer}
form .control {float:left; clear:left; margin-top:0.5em}

/*******************Подвал********************/
#copy{
    background: url(footer_avto.png) bottom left  no-repeat;
    height: 170px;
    margin-top: -17px;
    }
#footer_in {
    padding-top: 50px;
    }
#footer_in ul li {  
    display: inline;
    padding-left: 10px;
    }
#footer_in ul {
    position: relative;
    float:right;
    width:630px;
    padding-top: 2px; 
    }

#footer {
    background:url(footer.png) bottom left repeat-x;
    }
.info {
    padding-top:100px;
    }
.copy {
    float: left;
    padding-left: 300px;
    font-size:80%;
    color: #fff;
    }
    #copy {
	  overflow: hidden;
	  width: 100%;
}
.tel {
    float: left;
    font-size: 150%;
    font-weight: bold;
    color:#333;
	 /*color: White;*/
	 text-shadow: black;
    padding-left: 10%;
    margin-top: -10px;
	 outline: black;
	 outline-width: thin;
 
    }
	
div .adress_ {
    float: left;
    font-size: 750%;
    font-weight: bold;
    color:#333;
	 /*color: White;*/
	 text-shadow: black;
    padding-left: 10%;
    margin-top: -10px;
	 outline: black;
	 outline-width: medium;
	}
.counters {
    float:right;
    margin-top: -35px;
    padding-right: 10px;
    }

/*********************************************/
#video_preview img, #video_preview1 img, #video_preview2 img, #video_preview3 img, #video_preview4 img {
margin: 10px 25px 10px;
border: 1px solid;
float:left;}

#video_preview, #video_preview1, #video_preview2, #video_preview3, #video_preview4 {
 overflow: hidden;
 width: 100%;}
 
.photo img {
border: 0; 
margin: 20px 10px 20px;
width: 150px;
height: 119px;
 
}
 
.r {
color: red;
}
.rb {
color: black;
}
#content dl{
padding: 5px 0 0 60px;
width: 190px;
}
table tr td {
border: 0px solid #333;
padding: 5px;
text-align: center;
}
table {
width: 100%;
margin-left: 7px;}
.fixw {
width: 120px;
text-align: left;}
.tarfixw {
    width: 150px;
    text-align: left;
}

#FastMenu {margin:0px 0px 0px 360px; width:570px; height:300px; position:relative;}
#FastMenu  ul{position:absolute; top:40px; left:0px;}
#tarriff a, #vacancy a, #on_line a,#otziv a, #quality a{position:relative; display:block; background:orange; border: 2px solid #db1c00; 
border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; width: 170px; 
padding: 10px 0px;text-align: center; text-decoration:none; margin:0px 0px 10px 40px; font:bold 14px Tahoma;
color:white; behavior:url("PIE.htc"); }
#otziv a, #quality a {margin:0px 0px 10px 10px;}
#tarriff a {border:2px solid #ff890c;;}
#tarriff a:hover  {background:#ff890c;} 
#vacancy a,#otziv a, #quality a {background:#00bf00; border:2px solid #6ad302;}
#vacancy a:hover, #otziv a:hover, #quality a:hover {background:#6ad302;}
#on_line a {background:#db1c00; border:2px solid red;}
#on_line a:hover {background:red;}
#OnLineBoxCont {position:absolute; top:20px; right:50px; }
#OnLineBox {position:relative; border:2px solid orange; border-radius:10px;
-webkit-border-radius:10px; -moz-border-radius:10px; width:250px; 
background:white; behavior:url("PIE.htc");}
#OnLineBox table td{border:0px; height:20px; font:bold 14px Tahoma;}
#OnLineBox #OnLineSend{border:1px solid orange; font:bold 14px Tahoma;  position:relative;
width:100px; height:20px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
background:orange; color:white; cursor:pointer; behavior:url("PIE.htc");}
#OnLineBox table{margin-left:0px; margin-top:10px;}
#OnLineBox form {overflow:visible;}
#OnLineBox .other {margin:5px 0px; font:12px Arial; color: #085096;}
#OnLineBox .text {background:none; margin-right:0px;}
#OnLineBox textarea {width:180px; margin:0px; resize:none;}
#OnLineBox .other em{font:12px Arial; color: #085096; margin: 0px 6px; cursor: pointer; border-bottom: dashed 1px #085096;}
#OnLineBox .other em.active {color: #5F5C4D;border: none;}
.airport, .vokzal{position: absolute;top:0px; left:0px; width:150px; background:white; border:2px solid darkred; z-index:1001; padding:0px 0px 5px 0px;}
.airport ul, .vokzal ul{padding:0px; position:static !important; }
.airport{margin:15px 0px 0px 65px}
.vokzal{margin:15px 0px 0px 127px}
.airport   A, .vokzal A
    {font-style:normal;color: #085096;margin: 0 6px;cursor: pointer;border-bottom: dashed 1px #085096;text-decoration: none;}   
 .airport   A:HOVER, .vokzal A:HOVER
    {color: #085096;}

#content {font:14px Tahoma;}	
	
#tarifdiv {width: 96%; margin-left: 7px; float:left; margin-bottom:10px; padding:0 10px 0 21px; }	
/*#tariftable td{border:0px; font:12px Arial; text-align:left;}	*/
#tarifdiv div{float:left; width:25%; display:inline;}	
#tarifdiv table{border-collapse:separate; border-spacing:1px; margin:0px; width:100%;}	
#tarifdiv table td{border:1px solid darkred; text-align:center; background:#ffc972; font:12px Arial; padding:2px;}
#tarifdiv table tr:first-child td{font:bold 12px Arial; background:#ffdb00;}
#tarifdiv #stTar td, #tarifdiv #stCor {background: #dc1f01; color:white;}
#left dl {
border:1px solid #dc1f01;
width:196px;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
padding:12px 0px;
margin-left:5px;
background:#dc1f01;
overflow:hidden;
position:relative;
behavior: url("PIE.htc");
}	

#datetime {position:absolute; top:10px; right:20px;}
.clock24st {background:none; width:215px;}
.clock24st tr td{border:0px;}
.clock24st span{ font:900 18px Arial; color:white;}

/* Стили для jQuery UI Datepicker */
#datepicker_div, .datepicker_inline {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	background: #DDD;
	width: 185px;
}
#datepicker_div {
	display: none;
	border: 1px solid darkred;
	z-index: 10;
}
.datepicker_inline {
	float: left;
	display: block;
	border: 0;
}
.datepicker_dialog {
	padding: 5px !important;
	border: 4px ridge #DDD !important;
}
button.datepicker_trigger {
	width: 25px;
}
img.datepicker_trigger {
	margin: 2px;
	vertical-align: middle;
}
.datepicker_prompt {
	float: left;
	padding: 2px;
	background: #DDD;
	color: #000;
}
*html .datepicker_prompt {
	width: 185px;
}
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #FFF;
}
.datepicker_control {
	background: #FF9900;
	padding: 2px 0px;
}
.datepicker_links {
	background: #E0F4D7;
	padding: 2px 0px;
}
.datepicker_control, .datepicker_links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.datepicker_links label {
	padding: 2px 5px;
	color: #888;
}
.datepicker_clear, .datepicker_prev {
	float: left;
	width: 34%;
}
.datepicker_current {
	float: left;
	width: 30%;
	text-align: center;
}
.datepicker_close, .datepicker_next {
	float: right;
	width: 34%;
	text-align: right;
}
.datepicker_header {
	padding: 1px 0 3px;
	background: #83C948;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.datepicker_header select {
	background: #83C948;
	color: #000;
	border: 0px;
	font-weight: bold;
}
.datepicker {
	margin-left:0px;
	background: #CCC;
	text-align: center;
	font-size: 100%;
}
.datepicker a {
	display: block;
	width: 100%;
}
.datepicker .datepicker_titleRow {
	background: #B1DB87;
	color: #000;
}
.datepicker .datepicker_daysRow {
	background: #FFF;
	color: #666;
}
.datepicker_weekCol {
	background: #B1DB87;
	color: #000;
}
.datepicker .datepicker_daysCell {
	color: #000;
	border: 1px solid #DDD;
}
#datepicker .datepicker_daysCell a {
	display: block;
}
.datepicker .datepicker_weekEndCell {
	background: #E0F4D7;
}
.datepicker .datepicker_daysCellOver {
	background: #FFF;
	border: 1px solid #777;
}
.datepicker .datepicker_unselectable {
	color: #888;
}
.datepicker_today {
	background: #B1DB87 !important;
}
.datepicker_currentDay {
	background: #83C948 !important;
}
#datepicker_div a, .datepicker_inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.datepicker_inline .datepicker_links a {
	padding: 0 5px !important;
}
.datepicker_control a, .datepicker_links a {
	padding: 2px 5px !important;
	color: #000 !important;
}
.datepicker_titleRow a {
	color: #000 !important;
}
.datepicker_control a:hover {
	background: #FDD !important;
	color: #333 !important;
}
.datepicker_links a:hover, .datepicker_titleRow a:hover {
	background: #FFF !important;
	color: #333 !important;
}
.datepicker_multi .datepicker {
	border: 1px solid #83C948;
}
.datepicker_oneMonth {
	float: left;
	width: 185px;
}
.datepicker_newRow {
	clear: left;
}
.datepicker_cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}
/* Стили для jQuery UI Datepicker */

#example {
  position:relative;
}
#exampleRange {
  float:right;
  position:relative;
  width:200px;
  right:10px;
}