
body {
margin: 0;
padding: 0;
background: #66cc33;
margin: auto;
text-align: center;

font-family: Hevletica, Arial, Verdana, Tahoma, Sans-Serif;
}

div {
margin: 0;
padding: 0;
}

h1 {
font-size: 120%;
}

h2 {
font-size: 110%;
}

h3 {
font-size: 110%;
}

.fir-text {
display: block;
position: absolute;
top: -300px;
z-index: -12;
}

#wrapper {
width: 775px;
text-align: left;
margin: auto;
}

#head {
width: 775px;
height: 166px;
position: relative;
}

#body {
width: 775px;
background: #ffffcc url(_req/img/side_gradient.gif) repeat-x top;
padding: 0px;
clear: left;
}

#content {
width: 517px;
height: 580px;
margin-top: 0px;
margin-right: 0px;
padding-bottom: 70px;
margin-left: 0px;
background: #ffffff url(_req/img/content_gradient.gif) repeat-x top;
display: block;
float: left;
}

#body-marg-left {
width: 47px;
margin: 0px;
background: transparent;
float: left;
}

#body-marg-center {
width: 6px;
margin: 0px;
background: transparent;
float: left;
}

#body-marg-right {
width: 47px;
margin: 0px;
background: transparent;
float: left;
}



.content-head {
width: 100%;
height: 50px;
border-bottom: 1px solid #66cc33;

background: url(_req/img/content_leaf.gif) no-repeat;
background-position: 5px bottom;

}

.content-head {
width: 100%;
height: 50px;
background: url(_req/img/content_leaf.gif) no-repeat;
background-position: 5px bottom;

color: #174000;
}


.content-head .flag img {
margin-top: 2px;
margin-right: 15px;
margin-bottom: 5px;
margin-left: 30px;
float: left;
display: inline;
}

.content-head h1 {
font-size: 110%;
text-transform: none;
font-weight: bold;
line-height: 16px;
margin: 0;
margin-top: 30px;
margin-bottom: 3px;
margin-left: 40px;
}

.content-head h1.entry {
display: inline;
font-size: 110%;
line-height: 15px;
margin-left: 25px;
margin-top: 35px;
}


.content-head h3 {
font-size: 14px;
text-transform: none;
font-weight: bold;
line-height: 15px;
margin: 0;
margin-top: 30px;
margin-bottom: 3px;
margin-left: 40px;
}


.content-head h1.entry .country {
display: block;
font-size: 11px;
margin-left: 20px;
text-transform: uppercase;
}

.content-head h1.entry .artist {
display: inline;
font-size: 12px;
margin-left: 15px;
}

.content-head h1.entry .song {
display: inline;
font-size: 12px;
margin-left: 0px;
}


.brick {
display: block;
width: 100%;
height: 60px;
}



.newsitem {
height: 350px;	
margin-top: 0px;
margin-bottom: 30px;
}


.article {
margin: 0;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
}



span.date {
color: #6699cc;
}

span.time {
color: #aaaaaa;
}

.article span.date {
text-align: left;
display: block;
margin-left: 20px;
font-size: 90%;
}


.article h1 {
font-size: 105%;
margin-top: 25px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
color: #174000;
clear: left;
}

.article h2 {
clear: left;
margin-left: 3em;
}

.article p {
text-indent: 2em;
text-align: justify;
margin: 0;
}

.article span.source {
text-align: left;
display: block;
margin-top: 20px;
margin-left: 20px;
font-size: 95%;
}

.article img {
	float: left;
	margin: 10px;
}

.kyiv-map {
position: relative;	
}

.kyiv-map .map-node-hotel {
position: absolute;	
border: 1px solid silver;
width: 20px;
height: 20px;
top: 0px;
left: 0px;
z-index: +1;
}

.kyiv-map .map-node-metro {
position: absolute;	
border: 1px solid green;
width: 20px;
height: 20px;
top: 0px;
left: 0px;
z-index: +1;
}

#map-hotel-1 {
top: 295px;
left: 288px;
}

#map-hotel-2 {
top: 187px;
left: 83px;
}

#map-hotel-4 {
top: 302px;
left: 309px;
}

#map-hotel-6 {
top: 128px;
left: 312px;
}

#map-hotel-9 {
top: 172px;
left: 365px;
}

#map-hotel-13 {
top: 165px;
left: 300px;
}

.kyiv-map a {
display: block;
background: transparent;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}

.kyiv-map a div.popup-info {
visibility: hidden;
width: 5px;
height: 5px;
overflow: hidden;
cursor: pointer; 
}

.kyiv-map a:hover div.popup-info {
visibility: visible;
width: 150px;
height: 80px;
overflow: auto;
border: yellow;
z-index: +4;
}


#body.image {
height: 250px;
}

#body.image #body-marg-left {
display: none;	
}

#body.image #body-marg-center, #body.image #body-marg-right {
display: none;	
}

#body.image #content {
width: 681px;
margin-top: 0px;
margin-right: 47px;
margin-left: 47px;
float: none;
}

#body.image #lnav {
display: none;
}

.bigimage {
margin: 0px auto;
width: 100%; 
height: 480px; 
text-align: center;	
margin-bottom: 30px;

}

.bigimage img {
margin: 20px;
}

.bigimage .date {
display: block;
}

.bigimage h1 {
margin: 20px;
font-size: 12px;
text-align: center;	
}


.bigimage p {
margin: 0px;
margin-right: 40px;
margin-left: 40px;
text-align: justify;
}

.bigimage .promo {
height: 35px;
margin: 10px;
padding: 0px;
text-align: right;	
}

.promo-service {
width: 100%;
background: #ddeeff;
color: #006699;
margin-top: 15px;
margin-bottom: 15px;	
text-align: left;

border-top: 1px solid #6699cc;
border-bottom: 1px solid #6699cc;
}

.promo-service img {

width: 120px;
height: 60px;
margin: 10px;
margin-left: 40px;
border: 1px solid #6699cc;
float: left;
}

.promo-service p {
margin: 10px;
margin-right: 40px;
}

.head {
border-bottom: 1px solid #66cc66;
width: 100%;
height: 15px;
background: url(_req/img/content_leaf.gif) no-repeat;
background-position: 5px bottom;
}

.head h1 {
font-size: 110%;
text-transform: none;
font-weight: bold;
line-height: 15px;
margin: 0;
margin-left: 40px;
margin-bottom: 3px;

color: #174000;
}

.head h2 {
font-size: 110%;
text-transform: none;
font-weight: bold;
line-height: 15px;
margin: 0;
margin-left: 40px;
margin-bottom: 3px;

color: #174000;
}


.xpreview {
font-size: 90%;
text-transform: none;
font-weight: normal;
}


.xpreview .news {
width: 100%;
height: 100px;

}

.xpreview .news div.main {

width: 100%;
height: 100px;
display: inline;

border-bottom: 1px solid #66cc66;
}

.xpreview .news ul.main {
list-style: none;	
margin: 0px;
}

.xpreview .news ul.main li {
margin-bottom: 1em;

width: 100%;
height: 110px;
display: inline;

border-bottom: 1px solid #66cc66;

}

.xpreview .news ul.main li.block {
margin: 2px;
margin-bottom: 1em;

width: 160px;

height: 110px;
display: inline;


border: 1px solid #66cc66;


}


.xpreview .news .main .image {
display: inline;
float: left;
width: 150px;
margin: 5px;
margin-top: 20px;
margin-right: 15px;
margin-bottom: 25px;
margin-left: 15px;

text-align: center;
}

.xpreview .news .main li.block .image {
margin: 5px;
width: 150px;
}

.xpreview .news .main .image .separator {
height: 1px;
}

.xpreview .news .main .image .img-x {
width: 100%;
height: 100%;
border: 1px solid white;
}

.xpreview .news .main .image a {
border: 1px solid #66cc33;
margin: 2px;
}

.xpreview .news .main .image a img {
border: 0px;
margin: 2px;

}

.xpreview .news .main .image a:hover {
border: 2px solid #66cc33;
margin: 1px;

}

.xpreview .news .main .image a:hover img {
border: none;
margin: 2px;
}




.xpreview .news .main .text {
display: inline;
height: 100%;
width: 310px;
margin: 0;
margin-top: 5px;

text-align: justify;
}

.xpreview .news .main .text h3 {
font-size: 120%;
text-transform: uppercase;
font-weight: bold;
margin: 2px;
margin-top: 10px;
margin-right: 5px;
margin-bottom: 10px;
width: 310px;
}

.xpreview .news .main .text p {
font-size: 110%;
display: block;
margin: 5px;
margin-bottom: 10px;
margin-left: 0;
width: 310px;
}

.xpreview .news span.time {
}

.xpreview .news span.date {
}



.xpreview .news .more {
width: 100%;
height: 100px;
}

.xpreview .news .more1 {
width: 255px;
height: 100%;

float: left;

}


.xpreview .news .more ul {
margin: 0;
padding: 0;
margin-top: 5px;
margin-left: 15px;
width: 220px;

list-style: none;

}

.xpreview .news .more li {
margin: 0;
padding: 0;
margin-top: 5px;
list-style: none;
}


.xpreview .news .more .all {
margin-top: 15px;
margin-right: 30px;
text-align: right;
}


.tpreview {
width: 230px;
display: block;
float: left;
margin: 5px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 0px;
border-left: 20px solid white;
box-sizing: content-box;
}

.tpreview h2 {
font-size: 110%;
text-transform: none;
font-weight: bold;
line-height: 15px;
margin: 0;
margin-left: 30px;
margin-bottom: 3px;

}


.tpreview img.label {
margin-left: 4px;
width: 222px;
height: 60px;
border: 0px;
}

.tpreview p {
font-size: 100%;
margin: 0 auto;
width: 100%;
margin-right: 6px;
margin-left: 6px;
text-indent: 1em;
height: 60px;
}

.newslist {
font-size: 100%;	

}

.newslist ul {
list-style: none;	
margin: 0px;
margin-right: 20px;
margin-left: 20px;
}

.newslist ul li {
margin-bottom: 1em;	
}

.newslist .date {
font-size: 90%;
display: block;
text-align: left;

margin-left: 3em;
}

.previous {
display: block;
float: left;	
margin: 2em;
}

.next {
display: block;
float: right;	
margin: 2em;
}

.entries table {
width: 100%;	
border: 1px solid silver;
font-size: 95%;
}

.entries tr {
height: 20px;	
}

.entries tr.head {
height: 25px;	
background: #ffffe2;
}


.entries td {
border: 1px solid silver;
}

.entries td.flag {
	
}

.entries td.flag img {
	
}

.entries td.result {
	
}

.entries td.country {
	
}

.entries td.artist {
	
}

.entries td.song {
	
}


.entryblock {
width: 100%;
height: 350px;
margin-top: 10px;
}

.entryblock div {

}

.entryblock .artist {
background-position: top left;
width: 222px;
height: 350px;
float: left;
}

.entryblock .artist .text {
width: 100%;
height: 150px;
margin-top: 230px;
background: white;
}

.entryblock .more {
width: 250px;
height: 350px;
float: left;
}

.entryblock .more .song {
width: 100%;
height: 60px;
}

.entryblock .tpreview p {
height: auto;
}

.entryblock .tpreview h2 {
margin-bottom: 0px;
}


.entryblock .more .stuff {
width: 100%;
height: 200px;
}

.entryblock .more .stuff p {
margin-bottom: 1em;
}

.related-news {
width: 100%;
height: 60px;
}
.related-wallpapers {
width: 100%;
height: 60px;
}
.related-links {
width: 100%;
height: 60px;
}


.separator {
width: 100%;
height: 5px;
font-size: 3px;
line-height: 4px;
margin-top: 2px;
margin-bottom: 8px;
border-bottom: 1px solid #66cc66;
text-align: center;
display: block;
}


#lnav {
width: 158px;
height: 100%;
background: #ffffe2;
margin: 0px;
display: block;
float: left;
}

#lnav div {
background: #ffffe2;	
}

#lnav .brick {
display: block;
width: 100%;
height: 40px;
background: #ffffe2;	
}

#lnav .language-selector {
display: block;
width: 100px;
height: 20px;
text-align: left;
margin-top: 20px;
margin-bottom: 10px;
margin-left: 35px;

font-size: 20px;

position: relative;
}


#lnav .language-selector a {
top: 9px;

width: 22px;
height: 14px;

border: 1px solid #66cc33;

padding: 0px;
display: block;
position: absolute;
}


#lnav .language-selector a#ua {
position: absolute;
left: 5px;
}

#lnav .language-selector a#ru {
position: absolute;
left: 34px;
}

#lnav .language-selector a#en {
position: absolute;
left: 63px;
}


#lnav .language-selector a img {
width: 20px;
height: 12px;

border: 0px;
margin: 0px;
padding: 0px;
display: block;
}

#lnav .language-selector a:hover {
border: 3px solid #66cc33;
top: 7px;
width: 26px;
}

#lnav .language-selector a#ua:active, #lnav .language-selector a#ua:hover {
left: 3px;
}

#lnav .language-selector a#ru:active, #lnav .language-selector a#ru:hover {
left: 32px;
}

#lnav .language-selector a#en:active, #lnav .language-selector a#en:hover {
left: 61px;
}


#lnav .language-selector a:hover img {
border: none;
margin: 0px;
}

#lnav .language-selector a:active {
border: 3px solid #66cc33;
top: 7px;
width: 26px;
}


#lnav .language-selector a:active img {
border: none;
margin: 0px;
}

#lnav .language-selector a.here {
border: 2px solid #308000;
margin: 0px;
width: 24px;
top: 8px;
display: block;
}

#lnav .language-selector a#ua.here {

left: 4px;
}

#lnav .language-selector a#ru.here {

left: 33px;
}

#lnav .language-selector a#en.here {

left: 62px;
}

#lnav .language-selector a#ua.here:hover {

left: 4px;
}

#lnav .language-selector a#ru.here:hover {

left: 33px;
}

#lnav .language-selector a#en.here:hover {

left: 62px;
}





#lnav .size-selector {
display: block;
width: 100px;
height: 20px;
text-align: left;
margin-top: 0px;
padding-top: 5px;
margin-bottom: 0px;
padding-bottom: 10px;
margin-left: 45px;

position: relative;
}

#lnav .size-selector div.x1 {
height: 22px;
width: 18px;
border: 1px solid #336633;
position: absolute;

font-size: 11px;

left: 0px;
top: 5px;
}

#lnav .size-selector div.x1 a {
margin-top: 5px;
margin-right: 4px;
margin-bottom: 4px;
margin-left: 4px;

border: none;
}


#lnav .size-selector div.x2 {
height: 22px;
width: 18px;
font-size: 14px;
border: 1px solid #336633;
position: absolute;

left: 23px;
top: 5px;

}

#lnav .size-selector div.x2 a {
margin-top: 4px;
margin-right: 3px;
margin-bottom: 3px;
margin-left: 3px;

border: none;
}


#lnav .size-selector div.x3 {
height: 22px;
width: 18px;
font-size: 18px;
border: 1px solid #336633;
position: absolute;

left: 46px;
top: 5px;
}

#lnav .size-selector div.x3 a {
margin-top: 1px;
margin-right: 2px;
margin-bottom: 1px;
margin-left: 2px;

border: none;
}

#lnav .size-selector div a {
text-decoration: none;
color: #336633;
display: block;
}

#lnav .size-selector a.here {
font-weight: bold;
background: #66cc66;
}

#menu {
width: 100%;
margin: 0px;
border: 1px solid #ffffe2;

background: transparent;
font-size: 90%;
}

#menu ul {
margin: 0px;
padding: 0px;
list-style: none;

}

#menu li {
border-bottom: 1px solid #bae793;

background: #ffffe2 url(_req/img/leaf_texture_rigth_left.gif) no-repeat;

text-align: center;
font-weight: bold;

height: 20px;
line-height: 15px;

margin-top: 5px;
}

#menu li.odd {
background-position: 123px bottom;
background-position: 123px;
}

#menu li.even {
background-position: -88px bottom;
background-position: -88px;
}



#menu li a {
text-decoration: none;
}

#menu li a:visited {
color: #174000;
text-decoration: none;
}

#menu li a:hover {
text-decoration: underline;
}

#menu li a:visited:hover {
color: #ffaa00;
text-decoration: underline;
}

.rss {
margin: 0px auto;
text-align: center;	
margin-top: 1em;
margin-bottom: 1.5em;
}

.promo {
text-align: center;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 30px;
height: 30px;
}


.promo a img {
display: block;
border: none;
margin: 0 auto;
padding: 0;
background: transparent;
}

#lnav .promo a {
display: block;
width: 120px;
border: none;
margin: 0 auto;
margin-top: 2px;
padding: 0;
background: transparent;
}

#lnav .promo .buttons a {
width: 88px;
}


#bodyend {
clear: both;
display: block;	
}


#foot {
width: 775px;
height: 41px;
background: #bae793;
position: relative;
margin-top: -41px;
}

#foot div {
display: block;
float: left;
margin: 0;
padding: 0;
border: 0;
}

#foot .inside {
position: absolute;
top: -41px;
}

#foot1 {
width: 47px;
height: 81px;
background: url(_req/img/bottom_left.gif) no-repeat bottom;
z-index: +3;
}

#foot2 {
width: 681px;
height: 81px;
background: url(_req/img/bottom_center.gif) no-repeat bottom;
}

#foot3 {
width: 47px;
height: 81px;
background: url(_req/img/bottom_right.gif) no-repeat bottom;
z-index: +3;
}

#copyright {
background: #bae793;
margin: 0px;
padding: 10px;
border-bottom: 1px solid #66cc33;
}

#copyright p {
margin: 10px;
margin-right: 47px;
margin-left: 47px;
font-size: 90%;
}

#country-list {
width: 775px;
height: 180px;
padding: 0px;
background: #bae793;

font-size: 100%;
text-align: center;
}

#country-list a {
	border: none;
}

#country-list div {
width: 126px;
height: 150px;
display: block;
float: left;
border-left: 1px solid #66cc33;
}

#country-list div.first {
border-left: 0px;
}



#country-list ul {
margin: 0;
margin-left: 5px;
padding: 0;
list-style: none;
}

#country-list li {
display: block;
}



#country-list .cl-head {
height: 40px;
width: 100%;
border: 0px;
border-bottom: 1px solid #66cc66;
}

#country-list .cl-head .semifinal {
height: 20px;
width: 385px;
text-align: center;
border: none;
}

#country-list .cl-head .final {
height: 20px;
width: 385px;
text-align: center;
}

#head {
background: url(_req/img/top_slice_3.gif) no-repeat;
background-position: 237px 0px;
z-index: -4;
}

#head #h-logo {
position: absolute;
top: 0px;
left: 0px;
width: 236px;
background: url(_req/img/top_slice_1.gif) no-repeat;
background-position: left top;
}

#head #h-logo a {
}

#head #h-logo a img {
margin: 0px;
margin-left: 26px;
border: 0;
display: block;
}

#head #h-uilogo {
position: absolute;
top: 0px;
left: 549px;
width: 226px;
background: url(_req/img/top_slice_5.gif) no-repeat;
background-position: right top;
z-index: 10;
}

#head #h-uilogo a {
background: transparent;
border: none;
}


#head #h-uilogo img {
margin: 0;
border: 0;
}


#head #h-subheader {
position: absolute;
top: 96px;
left: 0px;
width: 775px;
height: 70px;
background: url(_req/img/subheader_text.gif) no-repeat;
background-position: left top;
z-index: -3;
}

