@import url("reset.css");
* {margin:0;padding:0;border: 0;}


html,body {height:100%;}
html  {background:#000 url(http://www.bangkok.com.ua/images/graphics_bkk/brick007.gif);}
body { 
  margin:0 auto;
  min-width:910px;
  max-width:1000px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  }
*html body {
  width:expression(
  document.documentElement.clientWidth < 1020 ? '1020px' :
  (document.documentElement.clientWidth > 1250 ? '1250px' : 'auto'));
  zoom:1;
}
*html #box {overflow-y:visible;height:100%;}
#box,.content,.left,.right {overflow:hidden;}
#box {padding:0px 217px 0px 173px; min-height:100%;}

.content,.left,.right {margin-bottom:-32767px; padding-bottom:32767px;}
.content {float:left; background-color:#fff;border: 3px double #ccc;margin-right:-100%;width:100%;}

.left  {border:#ff0000 solid;border-width:0 1px;background:#000;float:left; margin-left:-177px;width:162px;}
.right {border:#ff0000 solid;border-width:0 1px;background:#000;float:right;margin-right:-215px;width:202px;}
*html .right {margin-right:-90px;}
.content p{margin:5px; line-height: 1.25; text-indent: 10px;}

/***** Links *****/

a {
	color: #0000ff;
	text-decoration: none;
}

a:hover {
	color: #ff0000;
	text-decoration: underline;
}
/***** /Links *****/

/***** Ul *****/
.sprite{padding:4px 5px 0px 15px;
        background:url("http://www.bangkok.com.ua/images/graphics_bkk/arrow_red.gif") 3px 5px no-repeat;}
/***** /Ul *****/

/*--------------------box-------------------------*/
.clr {
  clear:both;
  width:100%;
  height:10px;
  background-color: transparent;
}
.cleanline{
    clear:both;
    border:1px solid #ccc;
	height:3px;
}
/*--------------------header-------------------------*/
#header
{
	background:#cc0000  url(http://www.bangkok.com.ua/images/graphics_bkk/bkkheader.png) 0 0 repeat-x;
	width:100%;
	height:85px;
	display:block;	
}
.logo {
	width: 350px;
	height: 85px;
	left: 0px;
	text-decoration: none;
	float:left;
}
/*--------------------/ header-------------------------*/

/* -----------Footer --------------------------------*/

#footer {
    background:#ff0000  url(http://www.bangkok.com.ua/images/graphics_bkk/fonbkk_h.gif) 0 0 repeat-x;
	width:100%;
	height:75px;
	clear:both;
}

#footer p {
   clear:both;
   color: #fff;
   margin:2px;
   font-size:10px;
}

#footer a {
    color: #fff;
	text-decoration: none;
}

.counters{
   border:0px;
   float: left;
   height:31px;
   margin:2px 2px;
}

/* -----------/ Footer ------------------------------*/

/*---MENU Start---*/

#menu {
    position: relative;
	width:100%;
    background: 0;
	z-index: 101;
	float:right;
	top:-25px;
}

/* #dropdown*/

#dropdown {
	float: right;
	clear: right;
	list-style: none;
	background: 0;
	font-size: 11px;
}

.lik {
	float:left;
	display:block;
	margin:0;
	padding:0px;
	list-style:none;
	height: 30px;
	text-decoration: none;
	overflow:hidden; 	
}

.lik a {display:block;margin:0;padding:3px 0px;font-size:11px;color:#fff;text-decoration: none;}
.lik a:hover {display:block;margin:0;padding:3px 0px;font-size:11px;color:#ff0000;text-decoration: none;}


.button {
    background: url("http://www.bangkok.com.ua/images/graphics_bkk/button_black.gif") transparent no-repeat;
	width: 77px;
	height: 22px;
	text-align: center;
	text-decoration:none;
}
.button:hover {background: url("http://www.bangkok.com.ua/images/graphics_bkk/button_black_a.gif") transparent no-repeat;}



/***vipad***/

#dropdown ul {
	margin:0;
	padding:0;
	max-width: 220px;
	overflow:visible;
	list-style:none;
	
	border:solid 1px #ff0000;
	background: url(http://www.bangkok.com.ua/images/graphics_bkk/li_background_pattern.gif) #545454;
    position: absolute;
    z-index: 101;
}
#dropdown li ul {position:absolute;width:auto;left:-999em;top:22px;list-style:none;white-space:nowrap;}

	#dropdown .dropdownlist li {display:block;clear:both;background:url("http://www.bangkok.com.ua/images/graphics_bkk/arrow_red.gif") 3px 4px no-repeat;height: auto}
	#dropdown .dropdownlist li a {margin:0px 8px;padding:3px 5px;text-decoration:none;font-size:10px;}
	#dropdown li:hover ul {left:auto;}

	#dropdown li:hover ul, #dropdown li.sfhover ul {left:auto;}

	#dropdown li:hover, #dropdown li.hover {
	position:static;
}

/*---MENU END---*/


/* ----------- FORM ------------------------------*/
#contact-wrapper {
	width:400px;
	border:1px solid #333;
	background:#f1f1f1;
	padding:20px;
	clear:both;
	margin:5px;
}

form#contactform input {
	border: 1px solid #333;
	padding:2px;
	margin:2px;
	font-size:12px;
	color:#333;
}
form#contactform textarea {
    border: 1px solid #333;
	font-size:12px;
	padding:2px;
	margin:2px;
	font-size:12px;
	color:#333;
}
/* -----------/ FORM------------------------------*/

/* ----------- ANKETY ------------------------------*/
.anket_x{
    border:1px solid #ccc;
	margin: 5px 2px;
	background:#eee;
}
.anket_x h1{
    border:0px;
	background:#000  url(http://www.bangkok.com.ua/images/graphics_bkk/navbar.gif) 0 0 repeat-x;
	font-size: 14px;
	color: #fff;
	padding: 5px;
	margin: 2px;
	text-decoration: none;
	text-align: center;
}


.anket_120x60{
   width: 97%;
   height:60px;
   margin: 5px;
   border:1px solid #ccc;
   display: table;

}
.anket_120x60 img{
   clear: both;
   float: left;
   width: 120px;
   height:60px;
   margin: 0px 10px 0px 0px;
}
.anket_120x60 p{
   text-indent: 10px;
   padding-top:20px;
}

.anket_88x31{
   clear:both;
   height:31px;
   margin: 5px;
   border:1px solid #ccc;
}
.anket_88x31 img{
   float: left;
}
.anket_88x31 p{
   text-indent: 10px;
   padding-top:5px;
}



.anket{
   clear:both;
   height:400px;
   margin: 0px 5px 10px 5px;
   border:1px solid #ccc;
}

.ankettxt1 {
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	text-align: left;
	text-indent: 20px;
	padding:0;
	margin: 0px 15px 0px 260px;
	background:#ff0000  url(http://www.bangkok.com.ua/images/graphics_bkk/fonbkk.gif) 0 0 repeat-x;
    
}
.ankettxt2 {
    max-width: 700px;
	font-size: 12px;
	font-weight: 0;
	text-align: right;
	padding:0;
	margin: 0px 15px 0px 260px;
	color: #000;
}
.anket_review{
   clear:both;
   margin: 5px;
   border:1px solid #ccc;
}

.anket_120t{
margin: 2px;
}

.anket_120t li{
display: block;
background:#000;
border: 1px double #ccc;
margin-bottom: 5px;
padding: 0px;
clear:both;
}

.anket_120t li p{
display: block;
font-size: 10px;
width:150px;
float: left;
margin: 0px;
padding: 1px;
font-weight: 700;
background:#ff000;
}
.anket_120t li span{
width:100%;
font-size: 10px;
display: block;
margin: 0px;
padding: 2px;
background:#fff;
}
/* -----------/ ANKETY ------------------------------*/

/* ----------- Foto ------------------------------*/



.photo240{
width:240px;
height:400px;
float: left;
background-color: #000000;
}
.photo120{
width:120px;
height:60px;
display: inline;
float: left;
background-color: #000000;
}
.photo600m{
float: left;
margin:5px;
}



/* -----------/ Foto ------------------------------*/


/* ----------- search ------------------------------*/
.search {width: 400px; margin:10px auto;}

.search .searchButton { 
     background: url(http://bangkok.com.ua/images/graphics_bkk/searchButton.gif) no-repeat left top; 
	 font-size: 12px;
	 color:#FFFFFF;
	 text-transform: uppercase; 
	 text-align: center;
	 width:73px;
	 height:22px;
}
.search input { float: left; height: 18px; width: 300px;}

/* ----------- /search ------------------------------*/


/* ----------- Frase-book ------------------------------*/

.tables_t{
width:100%; margin:5px;

}
.tables_t tr{
border-bottom: 1px #CCCCCC;
}
.tables_t td{
padding: 12px;
}

.tw{
  font-size: 150%;
  font-weight: bold;
  min-width: 200px;
  padding-left: 10px;
  padding-right: 10px;
}
.rw{
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
}


.translite { font-size: 100%; }
.translite_x { color: #bbbbbb; font-size: 90%; font-weight: bold; margin-left: -2px;   }


.tone_rs {  padding-top: 11px; background-image: url('http://www.bangkok.com.ua/images/i_bank/tone/tone_rs.gif'); background-position: top center; background-repeat: no-repeat; }
.tone_hi {  padding-top: 11px; background-image: url('http://www.bangkok.com.ua/images/i_bank/tone/tone_hi.gif'); background-position: top center; background-repeat: no-repeat; }
.tone_fl {  padding-top: 11px; background-image: url('http://www.bangkok.com.ua/images/i_bank/tone/tone_fl.gif'); background-position: top center; background-repeat: no-repeat; }
.tone_lo {  padding-top: 11px; background-image: url('http://www.bangkok.com.ua/images/i_bank/tone/tone_lo.gif'); background-position: top center; background-repeat: no-repeat; }
/* -----------/ Frase-book ------------------------------*/

/* ----------- TEXT ------------------------------*/
/* ----------- TEXT2010 ------------------------------*/
.content h2{
	font-size: 12px;
	color: #000066;
	padding: 5px;
	text-align: left;
}


/* ----------- /TEXT2010 ------------------------------*/
.h_txt{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0000ff;
	font-weight: 700;
	padding: 5px 5px;
	text-decoration: none;
	text-align: center;
}
.h_txt_red{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff0000;
	font-weight: 700;
	padding: 5px 5px;
	text-decoration: none;
	text-align: center;
}

.c12_txt120 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 5px 5px 0px 130px;
	text-align: left;
}
.c12_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 5px;
	text-align: left;
}
.c12r_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff0000;
	padding: 0px 5px;
	text-align: left;
}
.c12b_txt {
	font-size: 12px;
	color: #0000ff;
	padding: 5px;
	text-align: left;
}
.c12b_strong {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #0000ff;
	padding: 5px;
}

.txtarea{
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-indent: 20px;
	padding: 0px 5px;
	text-decoration: none;
	text-align: left;
}
.vv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-indent: 20px;
	padding: 0px 5px;
	text-decoration: none;
	text-align: left;
}
.vv1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff0000;
	padding: 0px 5px;
	text-align: left;
}

.vv2 {
	font-family: Arial;
	font-size: 10px;
	font-weight: 700;
	color: #000000;
	text-align:center;
}
.vv3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000ff;
	padding: 0px 5px;
	text-align: left;
}
.vv3f {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #0000ff;
	padding: 0px 5px;
	text-align: left;
}
.vv3f_r {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	color: #ff0000;
	padding: 0px 5px;
	text-align: left;
}
.vv_dat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	padding: 0px 5px;
	text-align: right;
}
.w03{
	font-family: verdana;
	font-size: 10px;
	padding: 0px 5px;
	text-align: right;
	font-style: normal;
	line-height: normal;
	font-weight: 700;
	font-variant: normal;
	color: #0000ff;
	text-decoration: none;
}
.bkk01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0000ff;
	padding: 0px 5px;
	text-decoration: none;
	text-align: center;
}
.bkk01f {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0000ff;
	font-weight: 700;
	padding: 5px 5px;
	text-decoration: none;
	text-align: center;
}