@import url(main.css);
@import url(icons.css);
@import url(partitions.css);

.bigPanel{
  background: url(../images/bigpanel-main.jpg) repeat-x;
  height: 506px;
  width: 900px;
}
.bigPanel .left{
  background: url(../images/bigpanel-left.jpg) no-repeat;
  height: 506px;
  width: 15px;
}
.bigPanel .right{
  background: url(../images/bigpanel-right.jpg) no-repeat;
  height: 506px;
  width: 15px;
}
.bigPanel .main{
  height: 506px;
  width: 870px;
}
.bigPanel .middle{
  height: 244px;
  width: 100%;
  overflow: hidden;
  direction: rtl;
}
.bigPanel .bottom{
  height: 217px;
}
/* Register */
.bigPanel .register{
  float: left;
  margin-left: 10px;
  direction: rtl;
}
.bigPanel .logo{
  background: url(../images/logo-home.jpg) no-repeat;
  width: 298px;
  height: 118px;
  margin-top: 16px;
}
.registerBtn{
  background: url(../images/register.jpg) no-repeat;
  width: 298px;
  height: 118px;
  margin-left: 10px;
}
.registerBtn a{
  display: block;
  padding: 12px 95px 20px 0px;
  text-align: center;
  color: #2c3438;
}
.registerBtn h2, .registerBtn h3{
  margin: 0px;
  padding: 0px;
}
.registerBtn h2{
  font-size: 24px;
  color: #fff;
}
.registerBtn h3{
  font-size: 12px;
}
.registerPanel{
  line-height: 30px;
}
.registerPanel input{
  width: 160px;
}
.registerPanel .submit{
  width: 80px;
  padding: 0px 11px !important;
  text-align: right;
  height: 30px;
  margin-right: 10px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 13px;
  background: url(../images/register-btn.jpg) no-repeat;
  outline: 0 !important;
}
/* Hot Box */
.hotBox {
  float: right;
  background: url(../images/hot-main.jpg) repeat-x;
  margin-right: 20px;
}
.hotBox .left, .hotBox .right{
  height: 202px;
  width: 8px;
}
.hotBox .left{
  background: url(../images/hot-left.jpg) no-repeat;
}
.hotBox .right{
  background: url(../images/hot-right.jpg) no-repeat;
}
.hotBox .main{
  height: 202px;
  width: 450px;
  direction: rtl;
}
.hotBox .top, .hotBox .bottom{
  height: 80px;
}
.hotBox .main a{
  display: block;
  margin: 2px 0px;
  padding: 2px;
}
.hotBox .main a:hover {
  padding: 1px;
  border: #8aa4b3 1px solid;
  background: #a1c1d3;
}
.hotBox .main span{
  display: inline-block;
  margin: 0px 5px;
}
.hotBox .main .title{ width: 150px; }
.hotBox .main .duration{ width: 80px; }
.hotBox .main .icons{ width: 70px; text-align: center; }
.hotBox .main .icons img{ vertical-align: middle; margin: 0px 2px; }
.hotBox .main .price{ width: 100px; }
.hotBox .main .hotel{ width: 400px; }
.hotBox .main .name{ width: 150px; }
.hotBox .main .url{ width: 200px; }
/* Intro */
.bigPanel .intro {
  float: left;
  width: 500px;
  height: 200px;
}
.what {
  background: url(../images/what.jpg) no-repeat;
  width: 419px;
  height: 172px;
  margin-right: 50px;
  display: block;
}
.demo a{ color: #ff003c; }
/* Search */
.bigPanel .searchOut {
  background: url(../images/search-panel.jpg) 0px 6px no-repeat;
}
/* Whats New */
.whatsNew h1{ color: #ff003c; }
.whatsNew p{ color: #4b5054; }
/* Who talks */
.textAds{
  background: #F2B124;
  color: #333;
  font-size: 11px;
  font-weight: bold;
  padding: 8px 10px;
  margin: 2px;
}
.whoTalks {
  background: #435d73;
  color: #a7d5ff;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 10px 3px;
}
.whoTalks img { margin: 1px 3px; }
.whoTalks .bold{
  display: inline-block;
  float: right;
  width: 180px;
  padding: 0px 10px 0px 0px;
}
/* Exchange */
.exchange {
  background: url(../images/blue-fade.jpg) repeat-x;
  color: #d1d1d1;
  font-size: 13px;
  height: 178px;
  overflow: hidden;
  border: #8ea1af 1px solid;
}
.exchange h1{
  color: #a3c6ee !important;
}
.exchange .left{
  width: 250px;
  color: #8d99a7;
  line-height: 24px;
}
.exchange .right{
  width: 250px;
}
.exchange .currency{
  color: #5688c4;
}
.exchange .convertedTo{
  color: #44bd01;
  font-size: 20px;
  cursor: text;
}


@media{
.hotBox .main span{
  display: inline-block;
}
}