@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/bkkheader85x1000x128.png) repeat-x;
	width:100%;
	height:85px;
	display:block;	
}
.logo {
	width: 350px;
	height: 85px;
	text-decoration: none;
	float:left;
}
/*--------------------/ header-------------------------*/

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


#navbar {
	background: #000000 url(http://www.bangkok.com.ua/images/graphics_bkk/fonbkk_h.gif);
	width: 100%;
	height: 33px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 1px 0px 0px 0px;
	padding: 0px;
	}
	
#nav {
	margin: 0px;
	padding: 0px;
	}
	
#nav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li a, #nav li a:link, #nav li a:visited {
	color: #FFFFFF;
	display: block;
	font-weight: normal;
    margin: 0px;
	padding: 9px 20px 10px 20px;
	text-decoration: none;
	border-right: 1px solid #000000;
	}

#nav li a:hover, #nav li a:active {
	background: #000000 url(http://www.bangkok.com.ua/images/graphics_bkk/fonbkk_h.gif);
	color: #FFFFFF;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	width: 200px;
	background: #cc0000 url(http://www.bangkok.com.ua/images/graphics_bkk/fonbkk_h.gif);
	color: #FFFFFF;
	float: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #000000;
	color: #FFFFFF;
	padding: 7px 10px 7px 10px;
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 190px;
	margin: 0px;
	padding: 0px;
	}

#nav li li { 
	}

#nav li ul a { 
	width: 160px;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -30px 0 0 191px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

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

#nav li:hover, #nav li.sfhover { 
	position: static;
	}
	


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


/* -----------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 ------------------------------*/



/* ----------- FORM ------------------------------*/
#contact-wrapper {
	width:550px;
	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.form_send{
    border: 0px;
	margin:0px;
	padding:0px;
}
/* -----------2010 FORM START------------------------------*/
#bkkform {
	width:100%;
	padding:0px;
	clear:both;
	margin:0px;
}
#bkkform form{
	margin:10px;
}
#bkkform label{
    font-weight:bold;
}
#bkkform input {
	border: 1px outset #660000;
	background:#EEEEEE;
	padding:2px;
	margin:2px;
	font-size:12px;
	color:#333;
}
#bkkform img {
    position:relative;
    top:5px;
}

#bkkform textarea {
    border: 1px outset #660000;
	background:#EEEEEE;
	font-size:12px;
	padding:2px;
	margin:2px;
	font-size:12px;
	color:#333;
}
#bkkform input:focus {
	background:#FFFFFF;
}
#bkkform textarea:focus {
	background:#FFFFFF;
}
/* -----------/ FORM------------------------------*/


/* -----------MES------------------------------*/
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://www.bangkok.com.ua/images/i_bank/mes/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('http://www.bangkok.com.ua/images/i_bank/mes/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('http://www.bangkok.com.ua/images/i_bank/mes/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('http://www.bangkok.com.ua/images/i_bank/mes/error.png');
}
.validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('http://www.bangkok.com.ua/images/i_bank/mes/validation.png');
}

/* -----------/ MES-----------------------------*/



/* ----------- 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;
}
