@charset "utf-8";
/* CSS Document */
/*******TOP*******/
div.container { min-height: 100%; height: '100%'; min-width: 1002px; width:expression(document.body.clientWidth<1004?'1003':'auto') }
table.top { width: 100%; }
td.logo { height: 99px; width: 25% }
td.hei { width: 50% }
div.pltop { color: #4698a6; font: 85% Tahoma, sans-serif; padding: 5px 0 15px 0 }
div.pltop strong { font-weight: bold }
div.wel { color:#000; font: 21px 'Arial Narrow', sans-serif; line-height: 1em  }
td.autor {padding-bottom: 22px;}
div.autorize { background: #787878 url(../img/cor-graubl.gif) no-repeat 0 100%; padding: 8px 15px 7px 12px; position: relative; color: #fff }
div.autorize a { color: #fffeb3; font: 11px Tahoma, sans-serif }
div.autorize a:hover { color: #c7c522 }
div.autorize h1 { font: bold 100% Tahoma, sans-serif; color: #fff }
div.autorize p { font-size: 100%; }
div.autorize img { position: absolute; bottom: 0; left: 0; bottom: '-1px' }

div.autorize a.exit { color: #ffa9a9; font-weight: bold; }
div.autorize a.pers { color: #fffeb3; font-weight: bold; padding-right: 6px }
div.autorize p.autoadd { margin: 2px 0 5px 0 }

input.inp { width: 69px; margin: 4px 5px 0px 0; //margin: 0 5px 1px 0; }
input.but { width: 50px; font: bold 85% Arial, sans-serif; position: relative; bottom: 1px; //top: 2px; top: '1px	'  }

table.service { margin: 5px 0 0 12px; font-size: 13px; position: absolute; right: 0; //margin-right: 30px ; margin-right: '10px';}
*HTML TABLE.service {width: 300px;}
table.service img { position: relative; margin-right: 5px; top: 2px;}
table.service td { padding-right: 15px; border: solid 0px #000;}
table.service a { color: #027296; font: 85% Tahoma, sans-serif;}

td.banner { padding: 8px 0 0 0; text-align: center }
td.banner img { margin-right: 6px }

td.mainlist table { width: 96%; margin: 8px 0 0 20px }
td.mainlist table thead { }
td.mainlist table thead td { padding: 8px 25px 0 20px; background: url(../img/mlist-bg.gif) no-repeat 100% 0px  }
td.mainlist table thead td.last { padding: 8px 0 0 20px; background: url(../img/mlist-bg2.gif) no-repeat 100% 0px  }
td.mainlist table thead { margin: 0; padding: 0 }
td.mainlist table td, td.mainlist table th { background: #51ab01; }
td.mainlist table td { background: #51ab01 url(../img/mlist-bg3.gif) repeat-y 100% 0 }
td.mainlist table ul { margin-top: 5px }
td.mainlist table ul li { list-style: none; list-style-type: none; padding: 0 15px .4em 20px; line-height: 1em; background: none }
td.mainlist table ul.first li { padding-left: 3px }
td.mainlist table ul.ullast li { padding-right: 0; }
td.mainlist table ul li a { color: #fff; }
td.mainlist table ul li a:hover { color: #dfdd4e }

tr.mainlist-bottom td { height: 13px; background: #51ab01 !important }
tr.mainlist-bottom td.bl { background: #51ab01 url(../img/mlist-corbl.gif) no-repeat 0 100%  !important; width: 13px }
tr.mainlist-bottom td.br { background: #51ab01 url(../img/mlist-corbr.gif) no-repeat 100% 100%  !important; width: 13px }
td.mainlist img.popup { position: absolute; bottom: 10px; right: 3%; bottom: '17px'; cursor: hand; cursor: pointer}

table.main { width: 100%; margin: 15px 0 133px 0  }
table.contsearch { background: #787878 url(../img/topsearchbg.gif) repeat-x 0 100%; width: 100% }
table.contsearch th { padding-top: 5px; text-align: left; vertical-align: top }

table.contsearch img.title { margin: 5px 0 0 10px }
div.item1 { 
		background: url(../img/search-bg.gif) repeat-x 0 100%;  
		padding: 5px 0px 5px 0px; 
		position: relative; 
		cursor: hand; cursor: pointer; 
		float: left; 
		margin-left: 1px;
		width: 19%; text-align: center;}
#it0, #it6 { width: 45% }
#it1, #it7 { width: 120px } 								
div.i1 { position: absolute; top: 0; left: 0; background: url(../img/search-sml.gif) no-repeat 0 0; width: 4px; height: 4px }	
div.i2 { position: absolute; top: 0; right: 0;background: url(../img/search-smr.gif) no-repeat 0 0;right: '-1px'; width: 4px; height: 4px  }						

.m10 { width: 10px; float: left  }

/* отступы вкладок в ie6 */
*HTML TABLE.contsearch {border: solid 0px #f00;}
*HTML TABLE.contsearch DIV.topgroup DIV {border: solid 0px #000;}
*HTML DIV.item1 {border: solid 0px #000; margin-right: 1px; margin-left: 1px;}
*HTML #it7 { width: 120px;}
*HTML #it1 { width: 120px;}
*HTML div.i2 {right: 0;}

table.contsearch .sel { background: #ff8b0e url(../img/selbg.gif) repeat-x 0 0; color: #fff; cursor: default; position: relative; top: 1px }
table.contsearch .sel  div.i1 { background: url(../img/search-sell.gif) no-repeat 0 0; }
table.contsearch .sel  div.i2 { background: url(../img/search-selr.gif) no-repeat 0 0; }
table.contsearch p { padding: 0 10px; margin: 0; font: bold 100% Tahoma, sans-serif;}
div.int { background: #ff8b0e; position: absolute; bottom: -2px; left: 0; height: 2px; width: 100%; font-size: 1px }

table.mainsearch {  margin: 0 0 0px 0; width: 100%; 
                    background: #ff8a0e url(../img/search-bg2.gif) repeat-x 0 100% !important; }
                    
th.msl { width: 10px; height: 11px; background: url(../img/search-tl.gif) no-repeat 0 0 }
th.msr { width: 10px; height: 11px; background: url(../img/search-tr.gif) no-repeat 0 0 }
td.msc { background: #ff8b0e url(../img/selbg.gif) repeat-x 0 0 }

th.msbl { width: 10px; height: 11px; background: #f9641c  url(../img/search-bl.gif) no-repeat 0 100%; }
th.msbr { width: 10px; height: 11px; background: #f9641c url(../img/search-br.gif) no-repeat 0 100%; }
td.msbc { background: #f9641c; line-height: 1px }


.mcl {   }
table.select { width: 100%; margin: 10px 10px -10px 10px }
table.select th { color: #fff; font: bold 85% Tahoma, sans-serif; text-align: right ; vertical-align: top; width: 80px;
padding: .2em 0 10px 0 }
select.ss { width: 90%; //width: 90%; font-size: 100% }
select.ss2 { width: 65%; font-size: 100% }		
table.select td { padding: 0 0 10px 5px; color: #fff; font-size: 85% }
table.select .inp { font-size: 100%; width: 25%; //width: 22%; width: '24%'; margin: 0 3px 0 0}	

#check1 { margin-right: 5px }
table.select label { font-weight: bold }
table.select input.but2 { font-size: 110%; font-weight: normal; padding: 1px 5px; }

.mcl TABLE.sights {}
.mcl TABLE.sights TD {border: solid 0px #000;}
.mcl TABLE.sights TD TABLE.infir {margin: 1px 0 5px 0 }
.mcl TABLE.sights TD TABLE.infir span {margin: 2px 0;}
.mcl TABLE.sights TD TABLE.infir select { width: 90% }
.mcl TABLE.sights TD TABLE.infir td { width: 33%;}
/* фикс прыжка генерируемых селектов в ie6 */
*HTML .mcl TABLE.sights TD TABLE.infir DIV {height: 20px !important;}
*HTML .mcl TABLE.sights TD TABLE.infir DIV.ajax {margin-top: -20px;}

.mcl TABLE.hotels {}
.mcl TABLE.hotels TD {border: solid 0px #000;}
.mcl TABLE.hotels TD TABLE.infir {margin: 1px 0 5px 0 }
.mcl TABLE.hotels TD TABLE.infir span {margin: 2px 0;}
.mcl TABLE.hotels TD TABLE.infir DIV {}
.mcl TABLE.hotels TD TABLE.infir DIV DIV {height: 20px;}
/* фикс прыжка генерируемых селектов в ie6 */
*HTML .mcl TABLE.hotels TD TABLE.infir DIV {height: 20px !important;}
*HTML .mcl TABLE.hotels TD TABLE.infir DIV.ajax {margin-top: -20px;}


.mcl TABLE.mt-8 {margin-top: 8px;}
.mcl TABLE.mt-12 {margin-top: 12px;}
/* фикс прыжка списков на вкладке "Турфирмы" */
*HTML .mcl TABLE.mt-8 TD DIV {height: 20px !important;}
*HTML .mcl TABLE.mt-8 TD DIV.ajax {margin-top: -20px;}


table.imgblock { width: 100%; font: 100% Tahoma, sans-serif }
table.imgblock h1 a { font: bold 14px Tahoma, sans-serif; color: #ab1515  }
table.imgblock h1 a:hover { color: #f07608 !important }
table.imgblock  td { padding-bottom: 10px }
div.overfl { overflow: hidden; width: 100px; height: 70px; margin: 4px 10px 0 0 }

div.greenblock { position: relative; background: #b9dd99 url(../img/greentl.gif) no-repeat 0 0; height: '100%'; margin: 0 5px 0 0 }
div.greenblock2 { position: relative; background: url(../img/greentr.gif) no-repeat 100% 0; height: '100%'; }
div.greenblock3 { position: relative; background: url(../img/greenbl.gif) no-repeat 0 100%;; height: '100%'; }
div.greenblock4 { position: relative; background: url(../img/greenbr.gif) no-repeat 100% 100%; height: '100%'; }
div.greenblock h1 { font: 22px "Arial Narrow", sans-serif; color: #42810a; padding: 0 }
img.tl { position: absolute; top: 0; left: 0  }
img.tr { position: absolute; top: 0; right: 0; right: '-1px' }
img.bl { position: absolute; bottom: 0; left: 0; bottom: '-1px' }
img.br { position: absolute; bottom: 0; right: 0; bottom: '-1px'; right: '-1px' }

div.orangeblock { position: relative; background: #ffdaaa url(../img/orangetl.gif) no-repeat 0 0; height: '100%'; margin: 0 0 0 5px }
div.orangeblock2 { position: relative; background: url(../img/orangetr.gif) no-repeat 100% 0; height: '100%'; }
div.orangeblock3 { position: relative; background: url(../img/orangebl.gif) no-repeat 0 100%; height: '100%'; }
div.orangeblock4 { position: relative; background: url(../img/orangebr.gif) no-repeat 100% 100%; height: '100%'; }

div.orangeblock h1 { font: 22px "Arial Narrow", sans-serif; color: #dc5c1c; padding: 0 }
p.exp { background:url(../img/cap.gif) no-repeat 0 0px; padding: 0px 0 5px 40px !important; font-size: 95% }

div.blueblock { position: relative; background: #e9f1f5; height: '100%'; margin: 10px 5px 0 0; overflow: hidden }
div.bluenot { padding: 10px; margin-top: 0!important }
.mar { margin: 10px 0 0 5px !important }

div.blueblock h1 { font: 22px "Arial Narrow", sans-serif; color: #000; padding: 10px 0 0 10px }
div.bluenot h1.sad { padding: 0 !important; color: #022548 !important }

div.gbc { padding: 10px 10px 8px 12px; overflow: hidden; }
div.gbc a { font: bold 110% Tahoma, sans-serif; color: #0c549d; }
div.gbc a:hover {  }
div.gbc p { padding: 0em 0 5px 0; }

div.news { padding: 5px 15px 10px 10px  }
div.news h6 { color: #7e9aa0; font: normal 85% Tahoma, sans-serif; padding: 0; margin: 0 }
div.news a { font: 100% Tahoma, sans-serif }
.np { padding-left: 0 !important }
h6.date { color: #7e9aa0; font: normal 85% Tahoma, sans-serif; padding: 0; margin: 0 }

p.alln { padding: 3px 10px 22px 10px}
p.alln a { color: #ab1515; font-weight: bold }
p.alln a:hover { color: #f07608 }

div.rghtd { padding: 0 0 0 10px } 
div.rghtxt { padding: 15px 0 0 0 }
div.rghtxt h1 { font: 22px "Arial Narrow", sans-serif; color: #000; padding: 0 0 10px 10px; line-height: .8em }




div.newsr { padding: 0px 10px 5px 10px  }
div.newsr h6 { color: #bdaa7e; font: normal 85% Tahoma, sans-serif; padding: 0; margin: 0 }
div.newsr span { color: #bdaa7e; font: normal 85% Tahoma, sans-serif; padding: 0; margin: 0 }
div.newsr a { font: 100% Tahoma, sans-serif }

div.graublock 
{ position: relative; background: #838383 url(../img/grautl.gif) no-repeat 0 0; height: '100%'; margin: 10px 10px 0 0; }
div.graublock2 { position: relative; background: url(../img/grautr.gif) no-repeat 100% 0; }
div.graublock3 { position: relative; background: url(../img/graubl.gif) no-repeat 0 100%; }
div.graublock4 { position: relative; background: url(../img/graubr.gif) no-repeat 100% 100%; }

div.graublock h1 { font: 22px "Arial Narrow", sans-serif; color: #fff; padding: 0; line-height: .9em }
ul.opros { margin: 10px 0 18px 8px; position: relative }
ul.opros li { list-style: none; list-style-type: none; background: url(../img/arrows.gif) no-repeat 0 .5em; padding-left: 12px; 
line-height: 1em; color: #fff; clear: both; }
ul.opros li.res { font-size: 85%!important; background: none; padding-left: 0  }
ul.opros li.rez { background: none; padding-left: 0; font-weight: bold; padding-bottom: 18px; //padding-bottom: 5px   }
ul.opros li a { color: #fffeb3; font: bold 100% Tahoma, sans-serif; line-height: 1em }
ul.opros li a:hover { color: #eae97e; }
ul.opros li span { display: block; background: #a7d8f1; line-height: .8em; float: left; position: relative }
ul.opros li strong { display: block; position: absolute; right: -2.5em; right:'-35px'; top:-1px; width: 2em; //width: 23px; text-align: left;  }
ul.resopr { width: 72%!important; margin-bottom: 0  }
ul.resopr2 { width: 80%!important; margin-bottom: 0  }
p.resall { color: #fffeb3; background: none; padding-left: 0; font-size: 85% }

.rgrau { color: #fff; line-height: 1em; margin-bottom: 10px   }
.rgrau a { color: #fff !important }
.rgrau h1 { font-size: 100% !important; margin: 5px 0  }
.mar2 { margin-right: 0 !important }

p.oprosp { margin-bottom: 15px }
p.oprosp a { font: 100% Tahoma, sans-serif; color: #fff; }
p.oprosp a:hover { color: #e0de6c; }

div.leftdiv { padding: 0 15px 0 10px; overflow: hidden }
div.watlas { position: relative; height: '100%'; margin: 0 0 0 0; background: url(../img/atlasbg.gif) repeat-x 0 0; overflow: hidden }
div.atlasin { position: relative; z-index: 100; padding: 10px 10px 12px 15px; }
div.atlasin h1 { font: 22px "Arial Narrow", sans-serif; color: #000; padding: 0 0 .5em 0; }

table.at { position: relative; width: 100%; width:'85%' }
table.at td.ati { width: 28px; padding-bottom: 5px }
p.atp { margin: 15px 0 0 0}
p.atp a { font-weight: bold; color: #ab1515 }
p.atp a:hover { color: #f07608 }

div.bannerb { text-align: center; padding: 12px 0 0 0 }
div.banner { text-align: center; }


div.slon { background: #fff9f0; font-size: 11px; margin-top: 12px; }
div.slon p { margin: 0 0 .1em 0; padding: 0 }
div.obrd { border: 1px solid #feeac7; padding: 3px 6px 5px 6px }
div.obrd a { color: #0000cc; font-weight: bold; font-size: 110%}
div.obrd a:hover { color: #000 }
p.mini { margin-bottom: 12px !important}
p.mini a { color: #006600; font-size: 90%; font-weight: normal }
p.mini a:hover { color: #024d02; }

div.slonor { background: #feeac7; overflow: hidden; padding: 1px 6px 3px 6px }
div.slonor img { margin-top: 2px}
div.slonor p { float: right}
div.slonor a { color: #0000cc}
div.slonor a:hover { }

table.fb { width: 100%; margin-top: 15px; width: '91%'}
td.fbtl { background: url(../img/fbtopl.gif) repeat-x 0 0; width: 12px; height: 12px }
td.fbtc { background: url(../img/fbtop.gif) repeat-x 0 0; height: 12px }
td.fbtr { background: url(../img/fbtopr.gif) repeat-x 0 0; width: 12px; height: 12px }

td.fbl { background: url(../img/fbleft.gif) repeat-y 0 0; width: 12px; height: 120px }
td.fbc { background: url(../img/fbcenter.gif) repeat-x 0 0;  }
td.fbr { background: url(../img/fbright.gif) repeat-y 0 0; width: 12px; height: 120px }

td.fbbl { background: url(../img/fbbottoml.gif) repeat-x 0 0; width: 12px; height: 12px }
td.fbbc {  background: url(../img/fbbottom.gif) repeat-x 0 0; height: 12px}
td.fbbr { background: url(../img/fbbottomr.gif) repeat-x 0 0; width: 12px; height: 12px }

table.letter { width: 100% }
table.letter h1 { font: 18px Tahoma, sans-serif; padding: 0 0 5px 0; margin: 0}
table.letter th { text-align: right; vertical-align: top; width: 75px }
input.fbin { width: 100%; font-size: 85%; color: #7f7f7f; padding: 2px !important; font-style: italic; //padding-bottom: 2px }

table.inn { margin-top: 4px}
table.inn td { padding: 0 5px 3px 0 }
table.inn label { font-size: 95%; padding: 0; position: relative; margin-left: 5px }
table.inn input.fbbut { font: 100% Tahoma, sans-serif;  margin: 10px 0 1px 0; width: 100px }

/****************bottom******************************/
table.bottom { width: 100%; position: absolute; height: 110px; top: -110px; min-width: 1002px; border: solid 0px #00f; background: url(../img/bottomtd.gif) repeat-x 0 0;}
img.logo-bottom { margin: 15px 0 0 0px }
td.logo-bottom {width: 110px}
table.bottom td {background: url('../img/footer-x.gif') repeat-x 0% 0% #4fa900;}
table.bottom td.bottoml { background: url(../img/bottoml.gif) #4fa900; width: 24px }
td.botultd { width: 140px}
ul.botul { margin: 20px 0 0 20px; }
ul.botul li { list-style: none; list-style-type: none; background: none; padding: 0 0 0 0 }
ul.botul li a { color: #d4ffae; font-size: 85% !important }
ul.botul li a:hover { color: #d4ffae }
p.copy { font-weight: bold; margin-bottom: 5px}
td.copytd {color: #d4ffae; font-size: 85% !important; padding: 20px 10px 20px 0; width: 280px; border: solid 0px #f00;}
img.counter { margin: 50px 10px 0 0; float: right }
td.countertd { padding-right: 20px; border: solid 0px #000;}
td.countertd img { margin: 50px 10px 0 0; float: right;}
img.bottomtopic { position: absolute; left: 60%; top: -165px; z-index: 10}
.w1000 { min-width: 1002px; width:expression(document.body.clientWidth<1004?'1003':'auto')}

td.copytd DIV.development {height: 32px; border: solid 0px #000; margin: 10px 0 0 0; padding-top: 8px;}
DIV.development A {color: #d4ffae;}

.rn { right: '0' !important }
.bn { bottom: '0' !important }

.topgroup2 { display: none } 
.bottomgroup2 { display: none }
#search { margin: 40px 0 40px 5px   } 
input.src { width: 100% !important; padding: 1px }
input.src2 { width: 7em; margin: 0 0 0 12px; }
.change { margin-left: 5px; font-size: 85% }
.change select { font-size: 100% }
.change input { font-size: 110% !important}
.change td { vertical-align: middle  } 
.change td p, #firms td p { padding: 0 10px 0 0; text-align: right; color: #fff }
.infir { margin: 10px 0 25px 0 }
.infir span { color: #fff; font-weight: bold;  display: block; margin: 5px 0 }
.infir select { width: 90% }
.infir td { width: 33% }
span.bac { font-weight: bold;  }
tr.inbac td { padding: 20px 0 35px 0 }
tr.inbac select { width: 80% }
tr.dost td { padding-top: 5px }

table.select2 { width: 100%; margin: 8px 0 0 5px }
.select2 .ss3 { width: 100% }
.select2 .sel2tdl { padding-right: 20px; width: 50% }
.select2 .sel2td {  width: 50%; color: #fff; font: bold 85% Tahoma, sans-serif; vertical-align: middle;}
.select2 .sel2td select { font-size: 100%; width: 50%; margin: 0 13px 0 5px }
.but21 { padding: 0 5px; font-size: 110%; }
table.select3 { width: 100%; margin: 13px 0 40px 5px }
.select3 .sel2td {  color: #fff; font: bold 85% Tahoma, sans-serif; vertical-align: middle; width: 50%}
.select3 .sel2td select { font-size: 100%; width: 60%; margin: 0 0 0 5px }

div.np { margin-bottom: -35px }
table.starc {}
table.starc input { width: auto!important; margin: 0!important  }
table.starc td { text-align: center; width: auto!important; color:#fff; font-weight: bold; font-size: 13px; padding: 0 4px 0 0!important }

.grsrc { color:#666; font-style: italic }