/*
        stylesheet for "russian tour" company site
*/

/* for all section */
* {
        margin: 0px;
        padding: 0px;
        z-index: 0;
}
img {
        border: 0px;
}

ul {
        list-style: none inside none;
        list-style-image: none;
        list-style-position: inside;
        list-style-type: none;
}


a:link {
        text-decoration: underline;
}
a:visited {
        text-decoration: underline;
}
a:hover {
        text-decoration: none;
}
a:active {
        text-decoration: underline;
}
/* layout section */
html, body {
        width: 100%; font-family:Tahoma, Arial;
}

body {
        position: relative;
        min-width: 1000px;
        /*background: #fff url(../img/fter_bg.jpg) right bottom no-repeat;*/
}
* html body {
        width: 100%;
        
}
#warp{background: url(../img/gray_bar.gif) repeat-y top left; height:100%; }
/* layout section - content block */
#content-body {
        width: 100%;
        margin-top:60px;
        float: left;
}
#content-block {
        float: right;
        margin-left: -296px;
        width: 100%;
}
#content {
        padding: 0px 20px 0px 318px; position:relative;
}
#content-icons{padding: 0px 120px 0px 318px; position:relative;}
#content h1,#content-icons h1 {
        padding: 5px 0px 5px 0px;
        margin: 10px 0px 10px 0px;
}
#content h2,#content-icons h2 {
        padding: 5px 0px 5px 0px;
        
}
#content p,#content-icons p {
        padding-bottom: 1.12em;
}

#content p img, #content-icons img {
        margin: 5px 10px 0px 10px;
}

#content p img.left,#content-icons p img.left {
        margin-left: 0px;
        float: left;
}
#content p img.right,#content-icons p img.right {
        margin-right: 0px;
        float: right;
}
#content p img.top, #content-icons p img.top {
        margin-top: 3px;
}
#icons{ position:absolute; top:25px; right:0; width:120px; text-align: center; background:inherit;
}
#icons a{ color:#51557b; background:inherit; text-transform:uppercase; font-size:75%; font-weight:bold; text-decoration:none;  }
#icons a:hover{ text-decoration:underline;}
#icons  img{ border:0; margin-top:15px;}

#news {
        /*margin-top: -240px;*/
        position:relative;
        z-index:5;
        background-color:#FFFFFF;
        width: 296px;
        float: left;
        
}
/*gallerey page*/
.galline{ text-align: left; margin-bottom:1em; clear: both; overflow:hidden; }
.galline img{ margin:0 10px 0 0; border:0;vertical-align: top; }
.galnavline{ padding-left:3em; font-size:90%;}
.galnavline b{ background-color:#990000; color:#fff; margin:0 2px; font-weight:normal; padding:0 2px; }
.galnavline a{color:#003E94; text-decoration:underline;margin:0 2px;}
.galnavline a:hover{ text-decoration:none;}
/*news*/
div.NewsLink{background:#fff url(../img/blue_bar.gif) repeat-y top left; position:relative; z-index:2; padding-bottom:30px; }/*-----------------------------------------------heh--------------*/
div.commercial{background:#fff url(../img/gray_bar.gif) repeat-y top left; position:relative;z-index:2; padding-bottom:30px; }
#news div.news-line, #news div.news-line-first{ width: 286px;}
div.commercial div.news-line,div.commercial div.news-line-first{ margin:15px 0 0 0 ;}
#news div.news-line-first {
        background: transparent;
}
#news div.date {
        margin: 13px 0px 0px 20px;
}
#news div.news-link {
        margin: 0 30px 0 28px;
}

/* next rule is "ie" hack */
* html #news div.news-link {
        margin-left: 32px;
}

#news div.news-link a {
        padding-left: 10px;
        color:#3365A9;
        display:block;
}
#news div.header {
        background: url(../img/news_bar.gif) no-repeat left top ;
        height: 28px; color:#3365A9;
        padding: 15px 0px 0px 12px;
        margin-left: 8px;
        margin-bottom: -10px;
}
/* next rule is "ie" hack
* html #news div.header {
        padding-left: 32px;*/
/*stars hoteks*/
.StarCont{ clear:both; color:#000; display:inline-block; font-size:80%;padding: 3px 0px 10px 12px;margin-left: 8px; width:256px;}
.name{float:left; width:140px;  }
.name2{float:left; width:180px;  }
.stars, .price{ float:left; width:60px; margin-left:5px;}
.price2{ float:left; width:40px; margin-left:5px;text-align: right;width:40px;}
.price{ text-align: right;width:40px;}
#TopStarCont{color:#666; border-bottom:1px solid #999;padding: 3px 0px 10px 12px;margin-left: 8px; width:256px; }
#TopStarCont .name, #TopStarCont .stars{ line-height:2em; text-align:left;}
.StarCont a,.AllHotels a{ color:#3365A9;}
.AllHotels{
        padding-left:20px;
        background:url(../img/hotels.gif) no-repeat left bottom;
        font-size: 80%;
        margin:10px 0 0 18px;
}



#news div.footer {
        height: 58px;
}

/* layout section - common block */
#bottom-navigation ul li, #digital-navigation ul li, #additional-navigation ul li {
        float: left;
}


/* layout section - footer block */
#footer {
        clear: both;
        
        height: 90px;
        width: 100%;
}
#copyright {
        float: left;
        width: 304px; border-bottom:10px solid #fff;
        
        height: 84px;
        background:url(../img/copyright_bg.gif) right bottom no-repeat;
}
#copyright span {
        display: block;
        padding: 22px 0px 0px 22px;
}
#bottom-navigation {
        height: 84px;

}
#bottom-navigation ul {
        padding-top: 24px;
}
#bottom-navigation li {
        padding-left: 22px;
}
#subway{ clear:both; background-color:#fff; font-size:70%; text-align:center; padding:1em 4em;}
#subway a{ color:#000; text-decoration:none; font-weight:bold; padding:0 3px;}
#subway a:hover{ text-decoration:underline;}
/* layout section - navigation block */
/*#navigation {
        position: absolute; //тут хрень с бэгграундом в шапке()
        top: 60px;
        width: 100%;
        
        height: 243px;
        
        background: url(../img/na_bg.jpg) repeat-x  0 0;
}
*/
#main-navigation {
        position: relative;
        overflow:hidden;
        z-index:5;
        left: 0px;
        width: 296px;
        background:#fff url(../img/nav_left_bar.gif) repeat-y left top;
        padding-bottom: 20px;
}
#main-navigation ul {
        position: relative;
        padding: 0px 10px 0px 25px;
        list-style: none outside none;
}
#main-navigation ul ul{ padding-left:28px;}

#main-navigation ul li {
        margin-top: 4px;
}
#main-navigation ul.outer {
        padding-top: 10px;
        
}
#main-navigation ul.outer li{background: url(../img/bullet_white_bg.gif) no-repeat left 6px ;
}
#main-navigation ul.outer a {
        padding-left: 0px;
        
}
/* next rule is "ie" hack */
* html #main-navigation ul.outer {
}
#main-navigation ul.outer li {
        padding-left: 12px;
        
}
#main-navigation ul.inner, #main-navigation ul.inner-sub {
        margin-left: -10px;
}
#main-navigation ul.inner li a, #main-navigation ul.inner-sub li a {
        background: none;
        padding-left: 0px;
}
body #main-navigation ul.inner li, #main-navigation ul.inner-sub li {
        padding-left: 8px;
        background: none ;
        
}
#main-navigation ul.inner li.inner-sub {
        border-left: 0px;
}
/*bred grains */
#lucrative{ background:#F2F2F2 url(../img/lucrative.gif) repeat-x top left; border-top:1px solid #999; color:#003399; padding:1em 1em 1em 312px;}
#lucrative a{ color:#003399; padding:0 7px 0 5px; font-size:85%; text-decoration:underline;}
#lucrative a:hover{ text-decoration:none;}


#special-navigation {
        position: absolute;
        top: 146px;
        width: 300px;
        height: 97px;
        background: transparent url(../img/nav_bar_red.gif) repeat-y left top;
}
#special-navigation ul {
        margin: 30px 0px 0px 18px;
}
#special-navigation li {
background: url(../img/bullet_gray_bg.gif) no-repeat left 8px;
padding:0 5px 0 12px;
}
*html #special-navigation li {padding:0 5px 0 0px;}
#digital-navigation {
        position: absolute;
        left: 638px;
        bottom: 10px;
        width: 300px;
        height: 9px;
}
/* next rule is "ie" hack */
* html #digital-navigation {
        bottom: 3px;
}
#digital-navigation li {
        padding: 0px 30px 0px 0px;
}




/* layout section - header block */
#header {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 60px;
        background:url(../img/logo_left.png) left top no-repeat;
}

#additional-navigation {
        margin-left: 286px;
        
        right:0;
        height: 60px;
        background:url(../img/logo_right.gif) -180px bottom no-repeat;
        z-index: 50;
}
#phones {
        width: 350px;
        position: absolute;

        vertical-align:bottom;
        top: 24px;
        left: 550px;
}
#additional-navigation ul {
        float: right;
        margin-top: 27px;
        padding-right: 30px;
        width: 160px;
        height: 14px;
}

#additional-navigation ul li {
        padding-left: 26px;
}
#additional-navigation ul li a {
        display: block;
        width: 14px;
        height: 14px;
}

#additional-navigation ul li a.search-icon {
        background: #FFF url(../img/search_icon.gif) no-repeat;
}
#additional-navigation ul li a.home-icon{
        background: #FFF url(../img/home_icon.gif) no-repeat;
}
#additional-navigation ul li a.sitemap-icon{
        background: #FFF url(../img/sitemap_icon.gif) no-repeat;
}
#additional-navigation ul li a.mail-icon{
        background: #FFF url(../img/mail_icon.gif) no-repeat;
}
/* layout section - header bar block */
#header-bar {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 43px;
        background:url(../img/header_bar.gif) left top repeat-x;
        z-index: -5;
}
/* next rule is "ie" hack */
* html body #header-bar {
        font-size: 4px;
}

/* decorating section */
body {
        font: 1em Arial, sans-serif;
        color: #000;
}
h1 {
        font: normal 112% Arial, sans-serif;
        color: #a60019;
}
h2 {
        font: normal 100% Arial, sans-serif;
        color: #a60019;
}

#content p,#content-icons p {
        text-align: justify;
}
#main-navigation ul li a {
        font: normal 95% Tahoma, sans-serif;
        color:#003E94;
}
#main-navigation ul.inner li a {
        font-size: 73%;
}
#special-navigation li a {
        font: bold 76% Tahoma, sans-serif;
        color: #a60019;
}

#news div.header {
        font: bold 88% arial, sans-serif;
        text-transform: uppercase;
        color: #3365A9;
}
#news div.news-link a {
        font: normal 70% Tahoma, sans-serif;
        color: #3365A9;
}
#news div.date {
        font: normal 70% Tahoma, sans-serif;
        color: #666;
}#copyright {
        font: normal 76% Arial, sans-serif;
        color: #a60019;
}
a:hover {
        text-decoration: none;
}
#bottom-navigation a {
        font: normal 88% Arial, sans-serif;
        color: #a60019;
}

#special-navigation li span {
        padding-right: 5px;
        font-size: 120%;
        color: #a60019;
}

#phones {
        font:18px Arial, sans-serif ;
        color: #999;
        white-space:nowrap;
        }
table.content-table {
        width: 100%;
        border-collapse: separate;
}
table.content-table td, table.content-table th {
        padding: 3px 6px;
}
table.content-table tr {
        background-color: #EAEAEA;
}
table.content-table tr.odd {
        background-color: #F6F6F6;
}

td.left, th.left {
        text-align: left;
}
td.center, th.center { color:#666666;
        text-align: center;
}
td.right, th.right {
        text-align: right;
}

#content ul,#content-icons ul {
        list-style-position: outside;
        list-style-type: none;
        margin: 10px 0px 10px 20px;
}
#content ul li,#content-icons ul li {background: url('../img/bullet_white_bg.gif') no-repeat left 6px; padding-left:12px;  }

/*form*/
.userForm{ width:650px;}
.FormBlock em,.userForm em{ color:#a60019; font-weight:bold; font-size:large;}

.alert b{ display:block; clear:both; color:red; padding:5px 0;}
.FormBlock{ padding:10px 0; border-top:1px solid  #BB0000; }

.FormBlock label, input{float:left;  font-size:85%;
  width:45%;
  line-height:1em;
   margin:2px;
  text-align:left;}

.FormBlock  input{ width:37%;}
 label#com{float: none;}

.formadd {float:left;  font-size:85%;  margin:2px;  text-align:left;}
.formadd  input {float:left; width: 5%; margin-top: 2px; margin-left: 2 px;}
.formadd  label {float:left; margin-top: 2px; margin-left: 2 px;}

 form select{ margin:2px;}
 textarea#comment{ width:640px; height:130px; margin:5px 0 10px 0; }
 .FormBlock span{ font-weight:bold; disabled-color:block; margin-bottom:10px; }

#ButtonParth{ clear:both; margin-top:20px; padding-bottom:40px; border-bottom:1px solid #BB0000;}
input#submit{
        background-color:#AA1D1D;
        color:#FFFFFF;
        float:right;
        text-align:center;
        padding:0.1em 1em;
        font-weight: bold;
}
input#submit:hover{ background-color:#CB3939;}

/*news page*/
.cleaner{ clear:both;}

.newsLeft{ margin-bottom:2em;}
.newsLeft em, .newsRight em{
        font-size: 80%;
        color: #999999;
        font-style: normal;
}
.newsLeft h2, .newsRight h2{
        color:black;
        font-weight: bold;
}
#content .newsLeft img,#content-icons .newsLeft img{float:left; margin:5px 5px 5px 0; }
#content .newsRight img,#content-icons .newsRight img{ float:right; margin:5px 0 5px 5px ;   }
#NewsNav{padding:0; margin:20px 0;}

 .left-banner { display:block; margin:0 0 0 -12px;}
.left-banner img{ border: none; margin-top:0px;}
.header object{ margin-left:-11px;}