/************ 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; 
}
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: 800px;
  }
* 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%;
  } 

/********************Шрифты*********************/
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%;}
.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;
    }
#banner{
    background: url(banner3.png) no-repeat;
    height: 362px;
    margin-top: -362px;
    } 
#top_pic2 {
    background: url(top_pic4.png) left repeat-x;
    height: 347px;
    }
#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;
    width: 200px;
    font-size: 80% !important;
    }
#left dd {
    height: 16px;
    margin: 2px 0 0 2px;
    width: 200px;
    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;
    }
#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: 20px;
    }
#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:70%;
    color: #fff;
    }
    #copy {
	  overflow: hidden;
	  width: 100%;
}
.tel {
    float: left;
    font-size: 150%;
    font-weight: bold;
    color:#333; 
    padding-left: 10%;
    margin-top: -10px;
    }
.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;
}
#content dl{
padding: 5px 0 0 60px;
width: 190px;
}
table tr td {
border: 1px 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;
}