.dnone { display: none; }
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr,td,table{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th{font-size:1em;font-weight:normal;font-style:normal}
h1{padding-right:50px;}
ul,ol{list-style:none}
.seo ul{list-style-type:disc;}
fieldset,img,table,hr{border:0}
caption,th{text-align:left}
table{width:100%;border-collapse:collapse;border-spacing:0}
a,img,div,span{outline:none}
p{margin:0.3em 0 0.7em 0}
html,body{height:100%}
a{color:#053d92}

body{height: auto !important;
  height: 100%;
  position: relative;
  color:#000;font-family:"Trebuchet MS",Arial,sans-serif;font-size:100%;overflow-y:scroll;
	-webkit-font-smoothing:antialiased
}
body.bg{background:url(/i/t_bereg.jpg) no-repeat}

h1{font: bold 250% "Trebuchet MS",Arial,sans-serif}
h2{font: bold 150% "Trebuchet MS",Arial,sans-serif}
h3{font: bold 120% "Trebuchet MS",Arial,sans-serif}

a:link{color:#053d92}
a:active{color:#053d92}
a:visited{color:#2A007F}
a:hover{color:#e51642}

#container{width:100%;padding-bottom:380px;position:relative;min-height:100%;height:auto !important;height:100%}
div.foot{position:absolute;height:380px;width:100%;left:0;bottom:0;overflow:hidden;background:url(/i/b_bereg.jpg) no-repeat 0 100%}
#footer{margin:0 auto;max-width:1400px;min-width:1000px;height:300px;position:relative;overflow:hidden}
#footer .wrap{padding:130px 21% 0 21%}

#logo{margin:5px 0 45px 0;padding-left:25px}
#logo img{width:134px;height:184px}


/*-----------------------------------------------------------------------------*/
#wrapper{min-width:1000px;max-width:1400px;margin:0 auto;overflow:hidden;zoom:1}
#sideLeft{float:left;width:21%;margin-left:-100%;position:relative}
#sideRight{float:left;margin-right:-3px;width:21%;margin-left:-21%;position:relative}
#middle{width:100%;height:1%;position:relative}
#middle:after{content:'.';display:block;clear:both;visibility:hidden;height:0}
#conT{width:100%;float:left/*;overflow:hidden*/;zoom:1}
#conTT{padding:0 21%;zoom:1}
/*---------------------------------------------------------------------------*/
.col-wrap1{width:20%}
.col-wrap2{width:300%;margin-right:-100%;position:relative;left:100%}

.col1,.col3{position:relative;width:33%}
.col1{float:left;margin-right:-100%;left:-33%}
.col3{float:right;margin-right:-33%}

.clear{clear:both;font-size:0;overflow:hidden}

/* main styles */
#pText{margin-top:10px}
#pText p,#pText li,#pText dt,#pText dd{font: 85% Verdana,Arial,sans-serif;line-height:1.5em}
#pText h4{font: bold 85% Verdana,Arial,sans-serif;line-height:1.5em;margin-right:-100%}
#pText dl{overflow:hidden}
#pText dt{float:left;position:relative;margin-right:-100%;margin-bottom:1em;width:150px;clear:left;font-weight:bold;overflow:hidden}
#pText dd{margin-left:150px;width:75%;overflow:hidden;margin-bottom:1em}
#pText dd li,#pText dd p{font-size:100%}
#pText th{font: bold 110% Verdana,Arial,sans-serif}
#pText ul li{margin:0.5em 0;padding:0 0 0 35px;list-style-type: none;background:url(/i/li.png) no-repeat 12px 0.8em}
#pText ol li{margin:0.5em 0 0.5em 1.5em;list-style-type:decimal}

#pText table.all{margin-top:15px}
#pText table.all th{text-align:left;padding-bottom:10px;border-bottom:2px solid #A2A2A2}
#pText table.all th{font: normal 70% Verdana,Arial,sans-serif}
#pText table.all td{padding:7px 0 5px 0;border-bottom:1px solid #D0D0D0;font: 85% Verdana,Arial,sans-serif}
#pText table.all td.last{border:none !important}

dl.file{margin-bottom:10px;overflow:hidden}
.file .doc,.file .jpg,.file .xls,.file .pdf,.file .rar,.file .zip,
.file .gif,.file .tif,.file .rtf,.file .dot,.file .ppt{background:url(/i/file_icons.png) no-repeat 0 0;width:30px !important;height:36px !important;overflow:hidden}
.file dt{float:left;position:relative;margin-right:-100%;font-size:100% !important;margin-top:4px}
.file dd{margin-left:35px !important;font:85% Verdana,Arial,sans-serif !important;line-height:1.5em}
.file dd span{color:#808080;font:italic 90% "Trebuchet MS",Arial,sans-serif}
.file .pdf{background-position:0 0}
.file .doc{background-position:0 -72px}
.file .xls{background-position:0 -36px}
.file .jpg{background-position:0 -108px}
.file .rar{background-position:0 -144px}
.file .zip{background-position:0 -180px}
.file .gif{background-position:0 -216px}
.file .tif{background-position:0 -252px}
.file .rtf{background-position:0 -288px}
.file .dot{background-position:0 -324px}
.file .ppt{background-position:0 -360px}

/* crumbs */
#crumbs{margin-top:20px;height:15px;color:#A4A4A4;font-size:70%}
#crumbs a{color:#A4A4A4}
#crumbs a:visited{color:#A4A4A4}
#crumbs a:hover{color:#e51642}

/* pseudo */
span.pseudo, span.pseudo ins{cursor:pointer}
span.pseudo{/*position:relative;*/color:#053d92;border-bottom:1px dashed #053d92;white-space:nowrap}
span.pseudo:hover{color:#e51642;border-bottom:1px dashed #e51642}

/* auth link */
span.key i{position:absolute;margin-top:5px;left:-19px;width:16px;height:8px;background: url(/i/i_key.png) no-repeat}
span.key{position:relative;font: 70% Verdana,sans-serif;color:#053d92}
div.key{margin-bottom:25px;padding-top:7px}

#logonForm{position:absolute;display:none;width:396px;left:18%;top:0;overflow:hidden;z-index:9000}
#logonForm h2{font-size:140%;margin:15px 0 15px 0;padding-left:75px}
.loganForm{background-color:#FF0000;color:#FFF;z-index:10000;position:absolute;top:0;left:0}
#tAuth td{padding-bottom:1em}
td.aBody{background-color:#FFF}
.aBody td.field input{border:1px solid #919499;height:24px}
/*#comein{height:24px;font-size:90%}*/
#albg{width:41px;background:url(/i/albg.png) repeat-y 0 0}
#arbg{width:55px;background:url(/i/arbg.png) repeat-y 0 0}
#abbg{background:url(/i/abbg.png) repeat-x 0 0}
#tAuth td.label{width:75px;font:85% Verdana,Arial,sans-serif}
#tAuth td.forget{font:70% Verdana,Arial,sans-serif;padding-left:5px}
#logonClose{width:11px;height:11px;float:right;overflow:hidden;margin-top:10px;background:url(/i/aclose.png) no-repeat;cursor:pointer}
#logonClose.hover{background-position:0 -11px}

#slogan{color:#666;font:90% "Trebuchet MS",Arial,sans-serif}

/* Main menu */
#menu{padding:0 25px}
#menu .children{padding-left:25px;font-size:75%}
#menu dt{margin-top:15px;font-size:90%}
#menu .children dt{margin-top:10px !important}
#menu dd{margin:5px 0 25px 0;color:#666;font-size:70%;line-height:1.5em}
#menu dd a{color:#666}
#menu dd a:hover{color:#e51642}
#menu dt ul{margin-top:1em}
#menu dt li{padding-left:1em;font-size:85%;margin-bottom:0.5em}
#menu dt li a{text-decoration:underline}


#bMenu{margin-bottom:50px;position:relative}
#bMenu table{font-size:80%}
#bMenu table div.popup{font-size:125% !important}

/* copyright */
#copyright{font-size:80%;color:#666}
#copyright dt i{margin:0 0.5em 0 -16px;width:16px;height:16px}
#copyright dd{float:right;width:150px}
#copyright dd span,#copyright dd img{float:right}
#copyright dd span{margin-top:3px}
#copyright a:link{color:#666}
#copyright a:active{color:#666}
#copyright a:visited{color:#666}
#copyright a:hover{color:#e51642}

/* popup */
div.popup{position:absolute;display:none;width:auto;max-width:300px;z-index:3000}
div.popup li{list-style-type:none;font-size:85%;margin-bottom:0.5em}
div.popup li.first{margin-bottom:1em}
div.popup li.bottom a{font-style:normal !important;font-weight:normal;font-size:115% !important}
div.popup li.first a{font-size:105%}
div.popup table{width:auto}
div.popup .cside,div.popup .rside,div.popup .bside,div.popup .tside{background:url(/i/popup.png) no-repeat 0 0}
div.popup .cside{padding:25px 0 0 30px}
div.popup .bside{height:53px;background-position:0 100%}
div.popup .rside{width:49px;background-position:100% 0}
div.popup .tside{background-position:100% 100%}


/* switcher */
#switcher{position:absolute;top:55px;left:100%;width:161px;height:47px;z-index:5000;background:url(/i/switcher.png) no-repeat 0 0;overflow:hidden}
#switcher span.left,#switcher span.right{display:block;width:56px;height:16px;cursor:pointer}
#switcher span.left{margin:7px 10px;float:left}
#switcher span.right{margin:7px 25px 0 0;float:right}
#switcher.map{background-position:0 -94px}
#switcher.lhover{background-position:0 -47px !important}
#switcher.rhover{background-position:0 -141px !important}

/* rightMenu */
#rightMenu{width:150px;float:right;margin:122px 27px 0 0;overflow:hidden}
#rightMenu td.white{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAEElEQVR42gEFAPr/AP///4AJfAN+VnJT/AAAAABJRU5ErkJggg==)}
#rightMenu td.lt,#rightMenu td.rt,#rightMenu td.lb,#rightMenu td.rb{background:url(/i/r_menu_bg.png) no-repeat 0 0}
#rightMenu td.rt{background-position:100% 0}
#rightMenu td.lb{background-position:0 100%}
#rightMenu td.rb{background-position:100% 100%}
#rightMenu ul{padding:11px}
#rightMenu li{list-style-type:none;margin-bottom:0.7em;font-style:italic;font-size:85%;font-weight:bold}
ul.subMenu{padding:0 !important}
ul.subMenu li{padding-left:10px;font-size:90%;font-style:normal !important}
ul.subMenu li a{font-style:normal}

/* mapMenu */
#mapmenu{position:absolute;top:0;left:100%;width:412px;height:216px;z-index:3000;background:url(/i/city_baloons.png) no-repeat 0 14px}
#mapmenu1{position:absolute;top:216px;left:100%;width:202px;height:140px;z-index:2999;background:url(/i/city_baloons.png) no-repeat 100% -202px}

#mapmenu div.popup a,#mapmenu1 div.popup a{font-size:80% !important}

#mapmenu div.popup li.first a,#mapmenu1 div.popup li.first a{font-size:105% !important;font-style:italic !important;font-weight:bold !important}

#map_anapa,#map_gelendzhik,#map_tuapse,#map_lazarevskoe,#map_dagomis,#map_krasnaya-polyana,#map_sochi,#map_adler{position:absolute;color:#FFF;font-size:90%;font-weight:bold;font-style:italic}

#map_anapa{left:9px;top:19px}
#map_gelendzhik{left:80px;top:77px}
#map_tuapse{left:160px;top:171px}
#map_lazarevskoe{left:257px;top:178px}

#map_dagomis{left:17px;top:14px}
#map_krasnaya-polyana{left:117px;top:5px}
#map_sochi{left:60px;top:55px}
#map_adler{left:114px;top:94px}


/* ruble sign */
@font-face{font-family:"Rubl Sign";src: url(/i/ruble.eot)}
span.rur{font-family: "Rubl Sign";text-transform: uppercase;// text-transform: none}
span.rur s{position:absolute;overflow:hidden;width:0.45em;height:1em;margin:0.1em 0 0 -0.70em;text-decoration:none; // display:none}
span.rur s:before{content: '\2013'}

.iplus,.iminus,.iquestion{width:10px;height:12px;overflow:hidden;background:url(/i/free_room.png) no-repeat}
.iminus{background-position:0 -12px}
.iquestion{height:14px;background-position:0 -24px}

/* dependent */
#dependent{border-top:1px solid #CCC;padding-top:15px;margin-top:25px}
#dependent a{font-size:90%}
#comp i,#fav i{display:block;float:left;width:16px;height:16px;overflow:hidden;background:url(/i/page_icons.png) no-repeat 0 0}
#fav i{background-position:0 -34px;margin-right:10px}
#comp i{background-position:0 -67px;margin-right:10px}

div.cost{width:55px;height:32px;margin-top:8px;overflow:hidden;text-align:center;padding-top:6px;background:url(/i/cost.png) no-repeat 0 0;font: normal 85% Verdana,Arial,sans-serif;}

div.i_del{width:16px;height:16px;overflow:hidden;background:url(/i/i_del.png) no-repeat -16px 0;cursor:pointer}
div.i_del.hover{background-position:0 0}

#comein,#comeIn{width:53px;height:24px;background:url(/i/auth_button.png) no-repeat 0 0;overflow:hidden;cursor:pointer}
#comein.hover,#comeIn.hover{background-position:0 -24px}
#comein.click,#comeIn.click{background-position:0 -48px}
#comein.disable,#comeIn.disable{background-position:0 -72px}



.selectino{margin-left:10px}

div.calculator.big{height:30px}
div.calculator.big div.cuselText{height:24px;font-size:16px !important}
.calculator.big div.cuselFrameRight{width:30px;height:30px;background:url(/i/bigest_combo.png) no-repeat 0 0}
.calculator.big .cusel-scroll-wrap{top:30px}
.cusel.big:hover,
.cusel.big:hover .cuselFrameRight,
.cusel.big:focus,
.cusel.big:focus .cuselFrameRight,
.cuselFocus,
.cuselFocus .cuselFrameRight{background-position:-30px 0}

div.calculator.small{height:14px;width:40px !important}
div.calculator.small div.cuselText{height:14px;font-size:10px !important;padding:0 0 0 2px}
.calculator.small div.cuselFrameRight{width:14px;height:14px;background:url(/i/small_combo.png) no-repeat 0 0}
.calculator.small .cusel-scroll-wrap{top:14px}
.cusel.small:hover,
.cusel.small:hover .cuselFrameRight,
.cusel.small:focus,
.cusel.small:focus .cuselFrameRight,
.cuselFocus,
.cuselFocus .cuselFrameRight{background-position:-14px 0}

#trigger-link{line-height:16px}
.cuselFrame-curTable{float:right}

div.schedule{position:relative;overflow:hidden;zoom:1}
div.cTor{position:absolute;width:40px;right:90px;top:18px;zoom:1}


#cuselFrame-citySel{width:132px !important}
#cuselFrame-adult,#cuselFrame-children{width:52px !important}

.web_gl p {
font-size:14px;
}

.web_gl h2 {
font-size:18px;
}
