body
{
	padding: 0;
	margin: 0;
	color: #666;
	font: 12px/14px Arial;
	background: #fff url(img/gr_body.jpg) repeat-x 0 100%;
}

a
{
	color: #666;
	outline: none;
	font: 12px Arial;
	text-decoration: none;
}

a:hover
{
	color:#09c;
	/*text-decoration: none;*/
}

img{ border: 0; }

h1, h2, h3, h4, h5, h6
{	
	color: #666;
	font-weight: 700;
	text-decoration: none;	
}
h1{font-size: 130%;}
h2{font-size: 120%;}
h3{font-size: 110%;}
h4{font-size: 100%;}
h5{font-size: 90%;}
h6{font-size: 80%;}


#outer{	min-width:1000px;}

* html #outer {padding-left:1000px;}
* html #middle {height:0;}
* html #minwidth {margin-left:-1000px;position:relative;height:0;}

/* TOP */

#top
{
	height: 140px;
	position: relative;
	background: url(img/gr_top.gif) no-repeat 50% 100%;
}

#reserve
{
	position: absolute;
	top: 50px;
	right: 10px;
	width: 181px;
	height: 77px;
	z-index: 10;
	padding: 7px 10px 10px;
	background: url(img/reserve.png) no-repeat 0 0;	
}

#reserve select
{
	width: 100%;
	height: 20px;
	margin: 5px 0;
	font: 12px/12px Arial;
	border: solid 1px #d0d1d2;
}

#reserve .res
{
	color: #09c;
	font: 700 12px/14px Arial;
}

#reserve a.submit
{
	float: right;
	color: #069;
	text-decoration: underline;	
}

#reserve a.submit:hover
{	
	text-decoration: none;
}

#lang
{
	position: absolute;
	top: 5px;
	right: 10px;
}

#lang a, #lang span
{
	float: left;
	margin: 0 10px;
	display: block;
	width: 30px;
	height: 36px;
}

#lang .ru{background: url(img/ru.jpg) no-repeat 0 0;}
#lang .ua{background: url(img/ua.jpg) no-repeat 0 0;}
#lang .en{background: url(img/en.jpg) no-repeat 0 0;}

#lang a:hover, #lang span.ua, #lang span.ru, #lang span.en
{
	background-position: 0 -36px;
}

#banner_top
{
	width: 468px;
	height: 63px;
	margin: 0 auto;
}

#search
{
	width: 468px;
	margin: 10px auto 0;	
	position: relative;
	font: 12px/18px Arial;
}

#search .field
{
	width: 380px;
	height: 20px;
	margin: 3px 0;
	padding: 0 3px;	
	border: solid 1px #d0d1d2;
}

#search .search
{
	color: #09c;
	float: left;	
	height: 30px;
	padding: 8px;
	font-weight: 700;
}

#search .glass
{
	position: absolute;
	top: 15px;
	right: 10px;
	width: 48px;
	height: 24px;
	background: url(img/glass.png) no-repeat 0 0;
}

#search .glass_button
{
	position: absolute;
	top: 5px;
	right: -28px;
	width: 48px;
	height: 24px;
	border: none;
	cursor: pointer;
	background: url(img/glass.png) no-repeat 0 0;

}

#search input
{
	vertical-align: middle;	
}

#icons
{
	position: absolute;
	top: 15px;
	left: 115px;
}

#icons a
{
	display: block;
	width: 13px;
	height: 12px;
	margin-right: 9px;
	float: left;
}

#icons .mail{background: url(img/i_mail.gif) no-repeat 0 0;}
#icons .map{background: url(img/i_map.gif) no-repeat 0 0;}
#icons .fav{background: url(img/i_fav.gif) no-repeat 0 0;}

#logo
{
	display: block;
	position: absolute;
	width: 91px;
	height: 84px;
	top: 21px;
	left: 17px;
	background: url(img/logo.png) no-repeat 0 0;
}

#logoru
{
	display: block;
	position: absolute;
	width: 91px;
	height: 84px;
	top: 21px;
	left: 17px;
	background: url(img/logo.png) no-repeat 0 0;
}                           

#logoen
{
	display: block;
	position: absolute;
	width: 91px;
	height: 84px;
	top: 21px;
	left: 17px;
	background: url(img/logo.png) no-repeat 0 0;
}



#textlogo
{	
	top: 35px;
	left: 115px;
	width: 135px;
	height: 70px;
	position: absolute;
	background: url(img/logoua.png) no-repeat 0 0;
}

#textlogoen
{	
	top: 35px;
	left: 115px;
	width: 135px;
	height: 70px;
	position: absolute;
	background: url(img/logoen.png) no-repeat 0 0;
}

#textlogoru
{	
	top: 35px;
	left: 115px;
	width: 135px;
	height: 70px;
	position: absolute;
	background: url(img/logoru.png) no-repeat 0 0;
}

/* MENU */

#menu
{
	height: 50px;
	background: url(img/gr_menu.gif) repeat-x 0 0;
	
}

#menu  ul
{
	padding: 0;
/*	width: 1000px;*/
	float: left;	
	margin: 0 0 0 20px;	
}

#menu ul li
{
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	position: relative;
	list-style-type: none;
	z-index: 100;
}

#menu ul li a
{	
	float: left;
	display: block;
	font: 700 12px/12px Arial;
	background: url(img/menu_top_left.gif) no-repeat 0 0;
}

#menu ul li a:hover
{
	color: #fff;
	background-position: 0 -26px;
}

#menu ul li a.over
{
	color: #fff;
	background-position: 0 -26px;
}

#menu ul li a span
{	
	height: 21px;
	float: left;
	display: block;
	padding: 5px 12px 0;
	background: url(img/menu_top_right.gif) no-repeat 100% -26px;
}

html:first-child #menu ul li a span
{
	padding: 5px 16px 0;
}

#menu ul li a:hover span
{	
	height: 21px;
	padding: 5px 12px 0;
	background-position: 100% 0;
}

#menu ul li a span.over
{	
	height: 21px;
	padding: 5px 12px 0;
	background-position: 100% 0;
}

#menu ul li ul
{
	top: 26px;
	left: 0;
	margin: 0;
	padding: 0 0 15px 0;
	width: 150px;
	display: none;
	position: absolute;
	background: #fff url(img/gr_window_btm.gif) repeat-x scroll 0pt 100%;
	border: solid 1px #cecece;
}

#menu ul li:hover ul
{
	display: block;
}

#menu ul li ul li
{
	float: none;
	display: block;
	border-bottom: dotted 1px #ccc;
}

#menu ul li ul li a
{
	float: none;
	color: #666;
	padding: 1px 7px;	
	background: none;
	font: normal 11px/18px Arial;
	border-left: solid 1px #fff;
}

#menu ul li ul li a:hover
{
	color: #09c;
}

#menu ul li ul li a.first
{
	border-left: none;
}

/* CONTENT */

#wrapper
{
	padding: 15px;
}

#content
{
	/*width:99%;*/
	overflow: hidden;
}

#content
{
	zoom: 1;
}

#left
{
	float: left;
	width: 198px;
	/*font-size: 11px;*/
	padding-bottom: 50px;
}

#right
{
	float: right;
	width: 198px;
	/*font-size: 11px;*/
	border-left: solid 1px #e4e4e4;
	padding-bottom: 50px;
	padding-left: 10px;
}

#main
{
	margin: 0 220px 0 215px;
	padding-bottom: 50px;
	zoom: 1;
}

* html #main
{
	
}

/*#left a, #right a
{
	font-size: 11px;
}*/

/* WINDOWS */

#left .window, #right .window
{
	margin-bottom: 15px;
}

#left .window .title_left, #right .window .title_left
{
	background: #2d7da2 url(img/gr_window_title_left.gif) no-repeat 0 0;	
}

#left .window .title_right, #right .window .title_right
{
	color: #fff;
	padding: 4px 15px;
	font: 700 12px/14px Verdana;
	background: url(img/gr_window_title_right.gif) no-repeat 100% 0;	
}

#left .window .title_right a, #right .window .title_right a
{
	color: #fff;
	font: 700 12px/14px Verdana;
}

#left .window .title_right a:hover, #right .window .title_right a:hover
{
	text-decoration: underline;
}

#left .window .cont, #right .window .cont
{	
	padding: 10px 10px 20px;
	border: solid 1px #d8d8d8;
	border-top: none;	
	background: url(img/gr_window_btm.gif) repeat-x 0 100%;
}

#right .window .cont
{
	background: #e2e2e2;
}

/* LEFT */

.banner_left
{
	text-align: center;
}

.hotels
{
	width: 100%;
}

.hotels td
{
	padding: 2px 2px;
}

.hotels .mark
{
	text-align: right;
}

.seealso
{
	margin-top: 10px;
	padding-top: 10px;
	border-top: dotted 1px #ccc;
}

.seealso_title
{
	color: #0092b9;
	font-weight: 700;	
	margin-bottom: 4px;
}

.reccimg
{
	float: left;
	margin: 0 8px 7px 0;
}

.reccdate
{
	color: #09c;
	font: 11px/11px Arial;
	margin-bottom: 4px;
}

.calendar_title
{
	text-align: right;
	color: #3b7299;
	font-weight: 700;
	margin-bottom: 5px;
}

.calendar
{
	width: 100%;
	font: 11px/11px Arial;
	margin-bottom: 10px;
}

.calendar th
{
	color: #999;
	font-weight: normal;
}

.calendar td
{
	padding: 3px 0;
	text-align: center;
}

.calendar .event1
{
	width: 12px;
	padding: 2px;
	margin: 0 auto;
	border: solid 1px #fef002;
}

.calendar .event2
{
	width: 12px;
	padding: 2px;	
	margin: 0 auto;
	background: #cae3e7;
}

.prev_month
{
	float: left;	
}

.next_month
{
	float: right;	
}

/* tags */

#tagsblock
{
	padding: 5px;
	line-height: 18px;
}

#tagsblock a
{
	color: #9c9c9c;
}

#tagsblock a:hover
{
	color: #0092b9;
/*	background: #996;*/
}

/* MAIN */

.box_top_left
{
	margin-bottom: 15px;
	background: url(img/gr_main_topleft.gif) no-repeat 0 0;
}

.box_top_right
{
	background: url(img/gr_main_topright.gif) no-repeat 100% 0;
}

.top_line
{
	margin: 0 7px;
	border-top: solid 1px #e9e9e9;
}

.box_title_block
{
	padding: 7px 0 4px;
}

.box_title
{
	color: #0090b7;
	padding: 3px 15px 3px 15px;
	font: 700 12px/12px Arial;
	border-bottom: solid 2px #fef002;
}

.arenda_title
{
	color: #0090b7;
	display: block;
	padding: 3px 0;
	font: 700 12px/12px Arial;
}

.box
{	
	border: solid 1px #e9e9e9;
	border-top: none;
	text-align: justify;
	padding: 10px 15px 25px;
	background: url(img/gr_box.gif) repeat-x 0 100%;
}

.box_text
{
	width: 99%;
	overflow: hidden;	
}

* html .box_text
{
	/*width: 98%;*/
	zoom: 1;
}

.box_image
{
	float: left;
	margin: 0 8px 7px 0;
	border:1px #CCCCCC solid;
	
}

.arendaImage
{
	float: right;
	margin: 0 0 7px 8px;
}

.arenda
{
	padding: 7px 0 0 0;
}

/*.box a.more, .weather a.more, .converter a.more
{
	color: #09c;	
	padding: 0 15px 0 0;
	text-decoration: underline;
	background: url(img/more.gif) no-repeat 100% 60%;
}*/

a.more
{
	color: #09c;	
	padding: 0 15px 0 0;
	text-decoration: underline;
	background: url(img/more.gif) no-repeat 100% 60%;
}

.weather
{
	padding: 10px;
}

.weather .weather_day
{
	float: left;
	width: 40px;
	padding: 5px;
}

.weather .weather_temp
{
	width: 60px;
	float: right;
	padding: 5px;
}

.converter
{
	padding: 15px 10px;
}

.converter span
{
	padding: 0 10px 0 15px;
}

.converter .dollar{background: url(img/conv_dollar.gif) no-repeat 0 50%;}
.converter .euro{background: url(img/conv_euro.gif) no-repeat 0 50%;}
.converter .ruble{background: url(img/conv_ruble.gif) no-repeat 0 50%;}

.converter a.more
{
	line-height: 26px;
}

/* MAIN MENU */

#main_menu
{
	width: 100%;
	overflow: auto;
	padding: 20px 0;
}

#main_menu a
{
	float: left;
	display: block;
	width: 130px;
	margin: 0 12px 10px;
	text-decoration: underline;
	background: url(img/gr_main_menu_btm.gif) repeat-x 0 100%;
}

* html #main_menu a
{
	margin: 0 10px 10px;
}

#main_menu span
{
	float: left;
	width: 130px;
	height: 20px;
	display: block;
	text-align: center;
	padding-top: 110px;
}

#main_menu a span.tourism{background: url(img/kiev_tourism_icon.jpg) no-repeat 50% 20%;}
#main_menu a span.hotels{background: url(img/menu_hotels.jpg) no-repeat 50% 30%;}
#main_menu a span.transport{background: url(img/menu_transport.jpg) no-repeat 50% 30%;}
#main_menu a span.discoclubscasinossportclubs{background: url(img/menu_sport.jpg) no-repeat 50% 30%;}
#main_menu a span.restaurantsandcafes{background: url(img/menu_cafe.jpg) no-repeat 50% 30%;}
#main_menu a span.shopping{background: url(img/menu_shops.jpg) no-repeat 50% 30%;}
#main_menu a span.maps{background: url(img/menu_maps.jpg) no-repeat 50% 30%;}
#main_menu a span.reserv{background: url(img/menu_reserv.jpg) no-repeat 50% 50%;}
#main_menu a span.service{background: url(img/menu_services.jpg) no-repeat 50% 35%;}
#main_menu a span.information{background: url(img/menu_help.jpg) no-repeat 50% 30%;}
#main_menu a span.business{background: url(img/menu_business.jpg) no-repeat 50% 30%;}
#main_menu a span.booking{background: url(img/menu_reserv.jpg) no-repeat 50% 30%;}
#main_menu a span.euroo{background: url(img/menu_euro.jpg) no-repeat 50% 30%;}
#main_menu a span.advertisement{background: url(img/menu_advertisement.gif) no-repeat 50% 30%;}
#main_menu a span.kiev-tours{background: url(img/menu_tourist.jpg) no-repeat 50% 30%;}
#main_menu a span.gallery-button{background: url(img/gallery_icon.jpg) no-repeat 50% 30%;}

/* banner */

#banner_btm
{
	text-align: center;
}

/* MENU BOTTOM */

#menudub
{
	height: 30px;
	padding-top: 10px;
}

#menudub  ul
{
	margin: 0 0 0 20px;
	padding: 0;
	text-align: center;
}

#menudub ul li
{
	/*float: left;*/
	display: inline;
	margin: 0 10px;
	padding: 0;
	list-style-type: none;
}

#menudub ul li a
{
	color: #fff;
	font: 700 12px/14px Arial;	
	text-decoration: none;
}

#menudub ul li a:hover, #menudub ul li span
{	
	color: #369;
	font: 700 12px/14px Arial;
}

/* FOOTER */

#footer
{
	color: #fff;
	text-align: center;
	padding: 20px;
	border-top: dotted 1px #fff;
}



/* garbage */

.cont .wideImage
{
	margin: -10px -10px 5px;
	text-align: center;
}

ul.leftMenu
{
	margin: 0 0 0 -10px;
	padding: 0;	
}

ul.leftMenu li
{
/*	height: 17px;*/
	display: block;
	padding: 1px 0 1px 10px;
	list-style-type: none;
	background: url(img/leftmenuline.gif) no-repeat 0 0;
}

ul.leftMenu li a
{	
/*	height: 17px;*/
/*	float: left;*/
	display: block;
}

ul.leftMenu li a span
{	
	float: left;
/*	height: 15px;*/
	padding: 1px 10px;
	display: block;
}

ul.leftMenu li.active a
{
	color: #36769c;
/*	background: url(img/leftmenu_left.gif) no-repeat 0 0;*/
}

ul.leftMenu li.active a span
{
	background: url(img/leftmenu_right.gif) no-repeat 100% 0;
}

ul.leftMenu li a span sup
{
	color: Red;
}


.reccomends a
{
	display: block;
	text-align: justify;
	padding-bottom: 10px;
}

.converterBlock
{
}

.converterBlock select
{
	width: 90px;
	margin: 5px 10px 5px 0;
	padding: 0;
	height: 16px;
	font-size: 11px;
	line-height: 12px;
	border: solid 1px #ccc;
}

* html .converterBlock select{height: 18px;}
*+html .converterBlock select{height: 18px;}

.converterBlock input
{
	width: 60px;
	height: 16px;
	margin: 5px 0;
	text-align: center;
	border: solid 1px #ccc;
}



.NBU
{
	padding-top: 5px;
	overflow: auto;
}

* html .NBU
{
	height: 1%;
}

.NBU span
{
	float: left;
	display: block;
	padding-top: 2px;
	margin-right: 5px;
	text-align: center;
}

.NBU .exchangeRate
{
	width: 47px;	
	color: #fff;
	height: 15px;
	padding-top: 2px;
	text-align: center;
	background: url(img/exchange.gif) no-repeat 0 0;
}

.miniMenu
{
	padding: 5px 20px 25px;
} 

.miniMenu h1
{
	color: #0090b7;
	font-size: 12px;
	font-weight: 700;
	margin: 3px 0;
}

.miniMenu ul
{
	padding: 0;
	margin: 0;
}

.miniMenu ul li
{
	margin: 0;
	padding: 0 0 0 15px;
	list-style-type: none;
	background: url(img/minimenulist.gif) no-repeat 0 3px;
}

.stars 
{
	float: right;
}

.hotelsAdv
{	
	padding: 10px;
	margin-bottom: 15px;
	margin-top: -10px;
	background: #e2e2e2;
	border: solid 1px #d6d6d6;
}

.hotelsAdv h3, .hotelsAdvFirst h3
{
	margin: 0 0 10px 0;
	padding: 0;
}

.hotelsAdv .hotelimg, .hotelsAdvFirst .hotelimg
{
	float: left;
	border: solid 1px #000;
	margin: 0 7px 7px 0;
}

.othercams
{
	padding-top: 10px;
}

.othercams_title
{
	color: #0092b9;
	font-weight: 700;	
	margin-bottom: 4px;
}

.hotelSearch
{
	line-height: 20px;
}

.hotelSearch .wideSelect
{
	width: 90%;
}

.hotelSearch select
{
	color: #333;
	font-size: 12px;
	margin: 1px 0;
}

.hotelSearch .area
{
	width: 89%;
	height: 70px;
	color: #333;
	font-size: 12px;
	overflow: hidden;
	border: solid 1px #ccc;
}

.hotelSearch .searchButton
{
	width: 77px;
	height: 17px;
	color: #fff;
	display: block;
	margin: 10px auto 5px;
	padding-top: 1px;
	border: none;
	background: url(img/search.gif) no-repeat 0 0;
}




.boxContainer
{
	overflow: auto;
}

* html .boxContainer {zoom: 1;}

.leftPart
{
	float: left;
	width: 49%;
}

.rightPart
{
	float: right;
	width: 49%;
}

.boxContainer .box_title_block
{
	/*text-align: right;
	margin-bottom: 4px;*/
}


#mycarousel a
{
	color: #0090b7;
	font-weight: 700;
}

#mycarousel img
{
	margin: 3px 0;
}

/* CAROUSEL */


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 136px;
    height: 106px;
    padding: 5px 10px;
    border: solid 1px #ccc;
    border-width: 0 1px;
    background: url(img/gr_li_carousel.gif) repeat-x 0 0;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}



.jcarousel-skin-tango
{
	width: 520px;
	margin: 0 auto;
}



.jcarousel-skin-tango .jcarousel-container {    
    background: #ececec;
    border: solid 1px #ccc;
    border-width: 1px 0;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 495px;
    padding: 0 17px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  500px;
    height: 116px;
}

.jcarousel-skin-tango .jcarousel-item {
    /*width: 156px;
    height: 116px;*/
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: -1px;
    right: 0px;
    width: 12px;
    height: 118px;
    cursor: pointer;
    background: transparent url(img/next.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -12px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -24px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -36px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: -1px;
    left: 0px;
    width: 12px;
    height: 118px;
    cursor: pointer;
    background: transparent url(img/prev.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -12px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -24px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -36px 0;
}


.beta
{
	position: absolute;
	top: 44px;
	left: 255px;
	font-weight: 700;
}            

.box_left_content
{            
	width:150px;
	float:left;
}                                  

.page_submenu
{        
	float:left;
}                 

.block div.box_top_left
{
	width:48%;
	float:left;
	margin-right: 2px;	
	display: block;
}                  

.cleaner
{
width:100%;
}

.block
{
 }
