html, body {
  padding:0;
  margin:0;
  height:100%; /* Задаём 100% высоту для html и body */
  position:relative;
  }

body {

  font: 12px Tahoma, Verdana, Arial;
  color: #363636;
}

 div {
  padding: 0;
  margin: 0;
  border: none;
 }

a img {
  border: none;
  text-decoration: none;
}

a.more {
  display: block;
  width: 113px;
  height: 15px;
  background: url(../../assets/i/more.png) no-repeat left top;
  font: bold 12px Arial, Tahoma, Verdana;
  color: #ffffff;
  text-decoration: none;
  text-align: left;
  padding-left: 15px;  
  clear: both;  
}

a.more:hover {
  text-decoration: underline; 
}

#main {
  min-height:100%; /* Задаем минимальную высоту 100% */
  _height:100%; /* Задаем высоту 100% с помощью хака в ИЕ6*/
  min-width: 1024px;
  max-width: 1680px;
  background: #ffffff url(../../assets/i/header.jpg) no-repeat left top;
  margin:0 auto;
}


/* HEADER */

#header {
  width: 100%;
  height: 340px;
}


 /* logo */

#logo {
  /*width: 640px;
  height: 166px;
  background: url(../../assets/i/logo_03.png) no-repeat 220px 45px;
  margin-top: -20px;
  !margin-top: -40px;*/
  float: left;
  margin: 5px 0 0 40px;
}

.logo1 {
  font: 32px Mysl, Times new roman, Georgia, Verdana, Arial;
  text-transform: uppercase;
  float:left;
}

.logo1 a {
  color: #00309D;
  text-decoration: none;
  float:left;
}

.logo2 {
  font: 13px Verdana, Tahoma, Arial;
  color: #00309D;
  letter-spacing: 0.4em;
  margin:5px 0 0 5px;
}




/* adress */

#adress {
  float: right;
  width: 300px;
  font: 13px Arial, Tahoma, Verdana;
  color: #ffffff;
}

#adress div {
  margin: 3px 0;
}

#adress span {
  font-size: 15px;
}

#adress b {
  font-size: 18px;
}



/* top-menu */

#top-menu{
  width: 100%;
  height: 53px;
  background: url(../../assets/i/top-menu-bg.png) repeat-x left top;
  margin-bottom: 30px;
  display: table;
}

#top-menu ul {
  padding: 0;
  margin: 0;
  display: table-row;
  width: 100%;
  height: 53px;
  margin: 0 auto;
}

#top-menu ul li {
  display: table-cell;
  width: auto;
  height: 53px;
  text-align: center;
  background: url(../../assets/i/top-menu-sep.png) no-repeat right 16px;
}



#top-menu ul li.last {
  background: none;
}


#top-menu ul li a {
  display: block;
  height: 53px;
  font: 17px Tahoma, Verdana, Arial;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 14px 0;
}

#top-menu ul li a:hover, #top-menu ul li a.active {
  text-decoration: underline;
}





/* CONTENT */

#content {
  width: 100%;
  min-width: 1024px;
  padding-bottom: 100px;
}

/* LEFT COL */
#left-col {
  width: 23%;
  float: left;
}


/* left menu */

#left-menu {
  width: 90%;
  margin: 0 auto;
}

#left-menu ul {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

#left-menu ul li {
  background: url(../../assets/i/left-menu-img.png) no-repeat left 3px;
  padding-left: 20px;
  margin: 10px 0 0px;
  font: bold 14px Tahoma, Verdana, Arial;
  text-transform: uppercase;  
}

#left-menu ul li a {
  color: #283f94;
  text-decoration: none;
}

#left-menu ul li a:hover, #left-menu ul li a.active {
  color: #e80d0a;
}


/* banners */

#banners {
  width: 227px;
  margin: 0 auto;
  margin-top: 30px;
}

.banner-title {
  height: 43px;
  font: bold 14px Tahoma, Verdana, Arial; 
  text-align: center;
  padding-top: 12px;
  margin-bottom: -12px;  
}

#banner-title1.banner-title {
  background: url(../../assets/i/title-ban1.png) no-repeat left top;
}

#banner-title2.banner-title {
  background: url(../../assets/i/title-ban2.png) no-repeat left top;
}

#banner-title3.banner-title {
  background: url(../../assets/i/title-ban3.png) no-repeat left top;
}

.banner-title a {
  color: #ffffff;
  text-decoration: none;
}

.banner-title a:hover {
  text-decoration: underline;
}

.banner-img {
  height: 89px;
}

.banner-text {
  padding: 5px 10px 0 10px;
  background: #f0f0f0;
  text-align: justify;
}

.ban-bottom {
  height: 13px;
  background: url(../../assets/i/ban-bottom.png) no-repeat left top;
  margin-bottom: 10px;
}



/* CENTER AND RIGHT COL */




/* CENTER */

#center-col {
  width: 57%;
  !width: 56%;
  float: left;
  padding-bottom: 20px;
}


/* vitrina */

#vitrina, #vitrina2 {
  width: 95%;
  margin: 0 auto;
}

.vitrina-title {
  height: 40px;
  font: 21px Mysl, Times new roman, Georgia, Verdana, Arial;
  color: #081c41;
  text-transform: uppercase;
}


/* vitrina2 */
 #vitrina2 {
  margin-top: 20px;
 }

.vitrina-content div.v-col {
display: inline-block;
vertical-align: top;
width: 32%;
 font-size: 11px;
 margin-bottom: 15px;
 text-align: left;
}

.vitrina-content div.v-col div{
 width: 215px;
 margin: 0 auto;
}

.vitrina-content div.v-col div img {
width:205px; height:142px;
  padding: 2px; border: 2px solid #d9d9d9;
}

.tour-title {
  font: bold 14px Tahoma, Verdana, Arial;
  text-transform: uppercase;
}

.tour-title a{
  color: #ff3300;
  text-decoration: none;
}

.tour-price {
  font-weight: bold;
  color: #283f94;
}


/* RIGHT */
#right-col {
  width: 20%;
  !width: 21%;
  float: right;
}


/* countries */
#countries {
 width: 90%;
 margin: 0 auto;
}

.countries-title {
  height: 40px;
  font: 21px Mysl, Times new roman, Georgia, Verdana, Arial;
  color: #081c41;
  text-transform: uppercase;
}

.countries-img img {
  padding: 2px; border: 2px solid #d9d9d9;
}
 


/* news */
#news {
 width: 90%;
 margin: 40px auto 0 auto;
}

.news-title {
  height: 40px;
  font: 21px Mysl, Times new roman, Georgia, Verdana, Arial;
  color: #081c41;
  text-transform: uppercase;
}

.news-content {

}

.news-content ul {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

.news-content ul li {
  margin-bottom: 10px;
  background: url(../../assets/i/list-img.png) no-repeat left 5px;
  padding-left: 10px;
}

.news-content ul li a {color: #363636; text-decoration: none;}

.news-content ul li a:hover, .news ul li a.active {text-decoration: underline;}


/*informers*/

#informers {
  margin: 40px auto 0 auto;
}

#informers div {
  width: 50%;
  !width: 49%;
  float: left;
  text-align: center;
}




/* vnutren */
#vnutren {
  width: 95%;
  margin: 0 auto;
}

.vnutren-title {
  height: 40px;
  font: 21px Mysl, Times new roman, Georgia, Verdana, Arial;
  color: #081c41;
  text-transform: uppercase;
}

.vnutren-content{
  text-align: justify;
}

/* breadcrumbs */

.breadcrumbs {
  padding-bottom: 15px;
  !padding-top: 15px;
  font-size: 11px;
}

.B_crumbBox {

}

.B_firstCrumb a {
  color: #283f94;
  font-weight: bold;
  text-decoration: none;
}

a.B_crumb {
  color: #283f94;
  text-decoration: none;
}

.B_lastCrumb {
  color: #e80d0a;
}


/* страны на внутренней */
div.countriesvn { margin: 0 auto; }
div.countriesvn ul {list-style:none;}
div.countriesvn ul li {float:left; width: 32%; margin-bottom: 50px;}
div.countriesvn img {margin-bottom: -5px;}
div.countriesvn a img {border: 1px solid #e2cfd4;}
div.countriesvn a:link, div.countriesvn a:visited { color: #363636; font-size: 12px; text-decoration: underline; }
div.countriesvn a:hover { text-decoration: none; }

/*  */
#rc-col {
  width: 77%;
  float: right;
  padding-bottom: 20px;
}


#res-vnutren {
  width: 97.5%;
  margin: 0 auto;
}



/* FOOTER */

#footer {
  width: 100%;
  min-width: 1024px;
  max-width: 1680px;
  height: 100px;
  background: #39415c;
  clear:both;

  margin:-100px auto 0; /* отрицательный маргин, равный высоте футера */
  position:relative; /* Чтобы футер "всплыл" из под дива #container, если этого не сделать,
                                то ссылки в футере не кликабельны и нельзя выделить текст*/
}

.copiryght {
  float: left;
  font-size: 11px;
  color: #ffffff;
  margin: 45px 30px;
}

.counter {
  float: right;
  width: 230px;
  font-size: 11px;
  margin: 35px 30px;
}

.counter a {
  color: #ffffff;
}


.counter img {
  float: left;
  padding-right: 10px;
}