/* Table of Contents:
    
   1. Global structure
       - header
       - footer
       - side_bar_menu
   2. Text
       - h1-h6
       - p
       - span
   3. Link
   4. Form
   5. List
   6. Image   
   7. Page structure
       - div
       - table
   8. Additional styles   	
*/


/* Global structure
======================================================================================= */
*
{
    margin: 0px;
    padding: 0px;
}

html
{             
    height: 100%;
    background: #ddd;
}

body
{      
    position: relative;
    min-width: 1000px;
    height: 100%;
    background: #fff url("../images/body_fon.jpg") repeat-y;
}

html>body
{
    height: auto;
    min-height: 100%;
}

.all_content
{
    padding: 0px 0px 180px 0px;
    width: 100%;
}

.all_content:after
{
    content: " ";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.over_content
{
    margin: 0px 0px 0px 345px;
    padding-top: 10px;
}

.content
{
	float: left;
	width: 100%;
}
  
/*------- header --------*/
.header
{
	margin: 0px 0px 0px 0px;
    position: relative;   
    height: 264px;
    background: #fff url("../images/header_fon.jpg") repeat-x;
}

.header img
{
    position: absolute;   
    top: 6px;
    right: 0;
}

.header div.header_into
{
    height: 264px;
    background: url("../images/header_into_fon.jpg") no-repeat;
}

.header a.home
{
    position: absolute;   
    top: 85px;
    left: 60px;
    width: 215px;
    height: 85px;
}

.header a.to_home
{
    position: absolute;   
    top: 50px;
    right: 80px;
    width: 10px;
    height: 10px;
    background: url("../images/to_home.gif") no-repeat;
}

.header a.to_contacts
{
    position: absolute;   
    top: 53px;
    right: 50px;
    width: 10px;
    height: 7px;
    background: url("../images/to_contacts.gif") no-repeat;
}

div.languages
{
    position: absolute;   
    top: 7px;
    left: 30px;
    /*width: 55px;*/
    z-index: 10;
}

div.languages a, div.languages a:hover
{
	margin: 0px 15px 0px 0px;
	/*padding: 0px 0px 0px 30px;
	display: block;
	height: 14px;*/
	font: 10px Verdana, Tahoma, sans-serif;
    color: #fff;
}

div.languages a:hover
{
	text-decoration: none;
}

div.languages a.active, div.languages a.active:hover
{
	text-decoration: none;
    /*color: #636363;*/
}

/*div.languages a.rus
{
	background: url("../images/rus.jpg") no-repeat;
}

div.languages a.eng
{
	background: url("../images/eng.jpg") no-repeat;
}

div.languages a.de
{
	background: url("../images/de.jpg") no-repeat;
}*/

/*------- footer --------*/
.footer
{
    position: absolute;   
    bottom: 0px;
    left: 0px;
    height: 82px;
    width: 100%;
    background: #ddd url("../images/footer_fon.jpg") no-repeat 27px 100%;
}

.footer span.dev_link a, .footer span.dev_link a:hover
{
    position: absolute;   
    padding: 5px 0px 0px 75px;
    top: 22px;
    right: 20px;
    width: 170px;
    height: 30px;
    font: 10px Tahoma, sans-serif;
    text-decoration: none;
    color: #7a7a7a;
    background: url("../images/its_logo.jpg") no-repeat;
}

.footer span.dev_link a:hover
{
    text-decoration: underline;
}

.footer p
{
    margin: 0px;
    padding: 33px 0px 0px 90px;
    font: 11px Verdana, Tahoma, sans-serif;
    color: #6b6b6b;
}
.footer_menu
{
    color: #6b6b6b;
    position: absolute;
    top: -65px;
    left: 0px;
    text-align: center;
    width: 100%;
}
.footer_menu p
{
    padding: 0px 20px;
    margin: 0px;   
}
.footer .counter
{
    position: absolute;
    right: 320px;
    top: 27px;   
}
/*-------- side_bar_menu ---------*/
div.side_bar_menu
{
	position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 143px 0px;
    float: left;
    width: 300px;
    font-size: 0;
}
div.side_bar_menu .fimap
{
    position: relative;
    font: 11px Verdana, Tahoma, sans-serif;
    background: url(../images/flash_map_icon.jpg) no-repeat;
    width:253px;
    height:173px;
    margin: 0px 0px 0px 50px;
}
div.side_bar_menu .fimap h3
{
    font: 12px Arial, Tahoma, sans-serif;
    text-transform:uppercase;
    color: #ffffff;
    padding: 5px 0px;
    width: 225px;
    text-align:center;
    
}
div.side_bar_menu .fimap a, div.side_bar_menu .fimap a:hover
{
     display:block;
     width: 223px;
     height: 140px;
     color: #0063dc;
     font: 14px Arial, Tahoma, sans-serif;
     padding: 4px 0px 0px 17px;
}






/* Text
======================================================================================= */

/*-------------- h1-h6 --------------*/
h1
{
	margin: 0px 0px 13px 0px;
    font: 23px Verdana, Tahoma, sans-serif;
    color: #000;
}

h2
{
	margin: 0px 0px 10px 0px;
    font: 20px Verdana, Tahoma, sans-serif;
    color: #000;
}
div.index_news h2
{
	margin: 0px 0px 10px 0px;
    font: 24px Arial, Tahoma, sans-serif;
    color: #000;
}

div.inner h2
{
	margin: 20px 0px 10px 0px;
	/*padding: 0px 0px 10px 0px;*/
    font: 20px Verdana, Tahoma, sans-serif;
    color: #000;
}

h3
{
	margin: 0px 0px 10px 0px;
    font: 17px Verdana, Tahoma, sans-serif;
    color: #000;
}

h2.dotted_1
{
	margin: 0px 0px 10px 0px;
    font: 12px Verdana, Tahoma, sans-serif;
    text-transform: uppercase;
    color: #000;
    background: url("../images/h_fon_dotted_line_2.jpg") no-repeat 235px 9px;
}

h2.dotted_2
{
	margin: 0px 0px 10px 0px;
    font: 12px Verdana, Tahoma, sans-serif;
    text-transform: uppercase;
    color: #fff;
    background: url("../images/h_fon_dotted_line_3.jpg") no-repeat 102px 9px;
}

div.service_menu h2
{
	margin: 0px 0px 22px 0px;
    font: 12px Verdana, Tahoma, sans-serif;
    text-transform: uppercase;
    color: #000;
    background: url("../images/h_fon_dotted_line.jpg") no-repeat 100% 9px;
}

div.objects_menu h2
{
	margin: 0px 0px 22px 32px;
	padding-top: 20px;
	font: 12px Verdana, Tahoma, sans-serif;
    text-transform: uppercase;
    color: #000;
    background: url("../images/h_fon_dotted_line_1.jpg") no-repeat 100% 29px;
}
div.service_menu li.sub_menu
{
    padding: 0px 0px 0px 23px !important; 
    color: #000000;
    text-indent: -9px;
}
div.service_menu li.sub_menu a
{
     color: #000000;
}
div.objects_menu li.sub_menu
{
    margin: 0px 0px 3px 0px !important;
    padding: 0px 0px 0px 23px !important; 
    color: #000000;
    text-indent: -9px;
}

/*---------------- p ----------------*/
p
{
    margin-bottom: 10px;
    font: 12px Verdana, Tahoma, sans-serif;
    color: #000;
}

div.contacts p
{
    margin: 0px 10px 0px 0px;
    text-align: right;
    font: 28px Tahoma, sans-serif;
    color: #000;
}

div.our_objects_inner_2 div.unit p
{
    margin: 0px;
    color: #fff;
}

div.our_objects_inner_2 div.unit p.name
{
    padding: 30px 0px 8px 0px;
}

div.inner_index p
{
    margin: 0px;
    padding-bottom: 10px;
}

div.our_objects_inner_2 p.right
{
	padding-left: 445px;
	text-align: left;
}

p.preview, div.content p.preview
{
    margin: 0px 0px 10px 70px;
    font: italic 12px Tahoma, sans-serif;
}

div.attach_links p, div.downloads p
{
	margin-bottom: 0px;
	padding-bottom: 3px;
}

div.our_customers p
{
    margin: 0px 0px 30px 15px;
    width: 80px;
    font: 12px Verdana, Tahoma, sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #ffe158;
}

p.pager
{
	padding-top: 10px;
}

div.inner_index div.show_hide p.no_pad
{
	padding: 0;
}

div.news p
{
    margin-bottom: 0;
    color: #545454;
    font-family: Arial, sans-serif;
}
div.news a.notice, div.news a.notice:hover
{
  text-decoration:none;
  color: #545454;
    font-family: Arial, sans-serif;
} 
div.unit p.date
{
    margin: 0px 0px 5px 0px;
    padding-top: 5px;
    font: 11px Verdana, Tahoma, sans-serif;  
}
div.unit p.title
{
    margin: 0px 0px 15px 0px;
    font: 12px Verdana, Tahoma, sans-serif; 
}



.right
{
	text-align: right;
}

.center
{
	text-align: center;
}

.no_pad
{
	margin-bottom: 0px;
}

.pad
{
	margin-bottom: 20px;
}

.blue
{
	color: #0063dc;
}

.bold
{
	font-weight: bold;
}

/*-------------- span ---------------*/
span
{
    font: 12px Verdana, Tahoma, sans-serif;
    color: #000;
}

div.contacts p span
{
	position: relative;
	top: -7px;
    font: 16px Tahoma, sans-serif;
    color: #000;
}

p.pager span
{
	margin-left: 3px;
	font-weight: bold;
}


/* Link
======================================================================================= */
a, a:hover
{
    outline: none;
    font: 12px Verdana, Tahoma, sans-serif;
    color: #0063dc;
}

a:hover
{
    text-decoration: none;
}

div.contacts a, div.contacts a:hover
{
	/*position: absolute;
	top: 143px;
	left: 208px;*/
	font-size: 11px;
}
table
{
    border-collapse: collapse;
}

table.top_menu td a, table.top_menu td a:hover
{
	font: 13px Tahoma, sans-serif; 
}

table.top_menu td a.active, table.top_menu td a.active:hover
{
	text-decoration: none;
}

div.our_objects_inner_2 p a, div.our_objects_inner_2 p a:hover
{
	color: #fff;
}

div.our_objects_inner_2 div.unit p.name a, div.our_objects_inner_2 div.unit p.name a:hover
{
	text-transform: uppercase;
    font: 16px Verdana, Tahoma, sans-serif;
    color: #ffe400;
    text-decoration: none;
}

div.our_objects_inner_2 div.unit p.name a:hover
{
    text-decoration: underline;
}

div.show_hide p.right a.to_open, div.show_hide p.right a.to_open:hover,
div.show_hide p.right a.to_hide, div.show_hide p.right a.to_hide:hover
{
	padding: 0px 0px 0px 12px;
	font-size: 11px;
	background: url("../images/arrow_down.gif") no-repeat 0 7px;
}

div.show_hide p.right a.to_hide, div.show_hide p.right a.to_hide:hover
{
	background: url("../images/arrow_up.gif") no-repeat 0 6px;
}

p.pager a, p.pager a:hover
{
	margin-left: 3px;
}

div.unit p.title a, div.unit p.title a:hover
{
    font: bold 16px Verdana, Tahoma, sans-serif;
    color: #000;   
}

a.arrow, a.arrow:hover
{
	padding: 0px 0px 0px 10px;
	background: url("../images/arrow.jpg") no-repeat 0 7px;
}


/* Form
======================================================================================= */
div.form_contacts
{
    position: relative;
	margin: 0px 0px 0px 0px; 
	width: 431px;
	font: 12px Verdana, Tahoma, sans-serif;
	color: #000;
}

div.form_contacts label
{
	margin: 0px 0px 3px 0px;
	display: block;
}

div.form_contacts .textbox
{
	margin-left: 140px;
	width: 287px; 
	height: 14px;
	font: 12px Verdana, Tahoma, sans-serif;
	color: #000;
}

div.form_contacts textarea.textbox
{ 
	height: 110px;
}

div.form_contacts p
{
	margin: 0px 0px 10px 140px;
}

div.form_contacts em
{
	position: absolute;
	margin-top: 2px;
	/*right: 304px;*/
	font-style: normal;
}

div.form_contacts div.submit_button
{
	margin: 0px 0px 3px 140px;
	padding: 12px 0px 10px 0px;
}

div.form_contacts div.submit_button input
{
	font: 12px Verdana, Tahoma, sans-serif;
    color: #000;
}

/* form's validation messages */
div.form_contacts span
{
    display: block;
    margin: 0px 0px 3px 140px;
    font: 11px Verdana, Tahoma, sans-serif;
}

/* List
======================================================================================= */
ul, ol
{
    padding-left: 18px;
    font: 11px Verdana, Tahoma, sans-serif;
}

ol
{
    padding-left: 24px;
}


/*-----------*/
div.top_menu ul
{
	padding: 0;
    height: 48px;
    list-style-type: none; 
    font-size: 0;
}

div.top_menu ul li
{	
	position: relative;
    margin: 0px;
    padding: 13px 0px 0px 0px;
    float: left;
    display: inline;
    width: 158px;
    height: 35px;
    text-align: center;
    font: 15px Tahoma, sans-serif;
	color: #0f6bdc;
    background: url("../images/top_menu_line_fon.jpg") no-repeat;
}

div.top_menu ul li.active
{	
    background: url("../images/top_menu_line_fon_active.jpg") no-repeat;
}

div.top_menu ul li a, div.top_menu ul li a:hover
{
	font: 15px Tahoma, sans-serif;
	color: #0f6bdc;
}



div.service_menu ul, div.service_menu ul li ul
{	
    margin: 0px;
    padding: 0px 25px 0px 0px;
    position: relative;
    list-style-type: none; 
    font-size: 0;
}

div.service_menu ul li ul
{	
    padding: 0px 0px 0px 0px;
}

div.service_menu ul li
{
    margin: 0px 0px 13px 0px;
    font: 15px Tahoma, sans-serif;
    color: #0063dc;
}

div.service_menu ul li ul li
{
    margin: 0px 0px 7px 0px;
    padding-left: 12px;
    font: 12px Tahoma, sans-serif;
    color: #0063dc;
    text-indent: -12px;
}

div.service_menu ul li ul li img
{
    margin: 0px 5px 0px 0px;
}

div.service_menu ul li a, div.service_menu ul li a:hover
{
	font: 15px Tahoma, sans-serif; 
}

div.service_menu ul li ul li a, div.service_menu ul li ul li a:hover
{
	font: 12px Tahoma, sans-serif; 
}

div.service_menu ul li a.active, div.service_menu ul li a.active:hover,
div.service_menu ul li ul li a.active, div.service_menu ul li ul li a.active:hover
{
	text-decoration: none;
}



div.objects_menu ul, div.objects_menu ul li ul
{	
    margin: 0px;
    padding: 0px 25px 10px 32px;
    position: relative;
    list-style-type: none; 
    font-size: 0;
}

div.objects_menu ul li ul
{	
    padding: 0px 0px 0px 3px;
}

div.objects_menu ul li
{
    margin: 0px 0px 13px 0px;
    padding: 0px 0px 0px 18px;
    font: 15px Tahoma, sans-serif;
    color: #5e5e5e;
    background: url("../images/marker.gif") no-repeat 0 9px;
}

div.objects_menu ul li.no_arrow
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: none;
}

div.objects_menu ul li ul li
{
    margin: 0px 0px 7px 0px;
    padding: 0px 0px 0px 12px;
    font: 12px Tahoma, sans-serif;
    color: #5e5e5e;
    text-indent: -12px;
    background: none;
}

div.objects_menu ul li ul li img
{
    margin: 0px 5px 0px 0px;
}

div.objects_menu ul li a, div.objects_menu ul li a:hover
{
	font: 15px Tahoma, sans-serif;
	color: #5e5e5e; 
}

div.objects_menu ul li ul li a, div.objects_menu ul li ul li a:hover
{
	font: 12px Tahoma, sans-serif; 
}

div.objects_menu ul li a.active, div.objects_menu ul li a.active:hover
{
	text-decoration: none;
}



/* Image
======================================================================================= */
img
{
    border: none;
    font: 11px Verdana, Tahoma, sans-serif;
    color: #000;
}

img.corner
{
    position: absolute;   
    top: -46px;
    left: 0px;
}

/*
img.valve
{
    position: absolute;   
    top: 252px;
}*/

.menu_position_1
{
    left: 350px;
}

.menu_position_2
{
    left: 450px;
}

.menu_position_3
{
    left: 570px;
}

.menu_position_4
{
    left: 690px;
}

.menu_position_5
{
    left: 760px;
}

.menu_position_6
{
    left: 835px;
}
.menu_position_7
{
    left: 910px;
}

div.unit img
{
	float: left;
	margin: 0px 10px 3px 0px;
}

div.unit div.foto img, div.unit div.foto_big img
{
	float: none;
	margin: 0px 0px 5px 0px;
}

div.our_objects_inner_2 div.unit img
{
	border: 2px solid #a9a9a9;
}

div.unit div.foto_left img, div.unit div.foto_right img
{
    display: block;
    float: none;
    margin: 0px 10px 3px 0px;
}

div.unit div.foto_right img
{
    margin: 0px 0px 3px 10px;
}

div.top_menu ul li img
{	
	position: absolute;
	top: -9px;
	left: 0;
}



/* Page structure
======================================================================================= */

/*--------------- div ---------------*/
div.unit
{
    margin: 0px 0px 20px 0px;
    /*width: 100%;*/
}
div.unit:after
{
    content: " ";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

div.our_objects_inner_2 div.unit
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 25px 0px;
    /*width: 100%;*/
}

div.foto, div.foto_big
{
	margin: 0 10px 10px 0;
    padding: 10px;
	float: left;
    display: inline;
    width: 150px;
    height: 180px;
    text-align: center;
    font-size: 0;
    border: solid 1px #dedede;
    background: #efefef;
}

div.foto_big
{
    height: 250px;
}

div.service_menu
{
	position: relative;
    margin: 0px 0px 0px 61px;
    padding: 18px 0px 260px 28px;
    width: 211px;
    font-size: 0;
    background: #fff url("../images/services_menu_fon.jpg") no-repeat 0 100%;
    
}

div.objects_menu
{
	position: relative;
    margin: -237px 0px 0px 30px;
    padding: 133px 0px 0px 0px;
    width: 270px;
    font-size: 0;
    background: #fff url("../images/objects_menu_fon_1.jpg") no-repeat;
}

div.objects_menu div
{
    padding: 0px 0px 30px 0px;
    background: url("../images/objects_menu_ul_fon.jpg") no-repeat 0 100%;
}

div.contacts
{
    position: absolute;
    padding: 110px 0px 100px 0px;  
    bottom: 82px;
    left: 0px;
    width: 300px;
    /*height: 68px;*/
    background: #fff url("../images/contacts_fon.jpg") no-repeat;
}

div.our_objects
{
    background: #424242 url("../images/our_objects_fon.jpg") no-repeat 100% 100%;
}

div.our_objects_inner_1
{
	position: relative;
	margin-right: 90px;
	left: -30px;
    background: #424242 url("../images/our_objects_img_1.jpg") no-repeat;
}

div.our_objects_inner_2
{
	padding: 13px 8px 3px 28px;
    background: url("../images/our_objects_img_2.jpg") no-repeat 0 100%;
}

div.inner_index, div.inner
{
	margin: 0px 30px 15px 0px;
}

div.inner
{
	margin-right: 30px;
}

div#limit_width
{
	max-width: 625px;
}

div.inner_index:after
{
    content: " ";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

div.our_customers
{
	position: relative;
	float: right;
	margin: 0px -30px 10px 15px;
	padding: 109px 0px 0px 35px;
	display: inline;
    width: 165px;
    background: url("../images/our_customers_fon.jpg") no-repeat;
}

.first_flash
{
	width: 111px;
}

.second_flash
{
	margin-bottom: 30px;
	width: 602px;
}

div.unit div.foto_left
{
    padding: 0px 0px 3px 0px;
    float: left;
}

div.unit div.foto_right
{
    padding: 0px 0px 3px 0px;
    float: right;
}

div.show_hide
{
	margin-bottom: 30px;
}

div.inner_index div.show_hide
{
	overflow: hidden;
}

div.show_hide .t
{
	background: url("../images/dot.jpg") repeat-x;
}

div.show_hide .b
{
	background: url("../images/dot.jpg") repeat-x 0 100%;
}

div.show_hide .l
{
	background: url("../images/dot.jpg") repeat-y;
}
div.show_hide .r
{
	background: url("../images/dot.jpg") repeat-y 100% 0;
}

div.show_hide .t_l
{
	background: url("../images/t_l.jpg") no-repeat;
}

div.show_hide .t_r
{
	background: url("../images/t_r.jpg") no-repeat 100% 0;
}

div.show_hide .b_l
{
	background: url("../images/b_l.jpg") no-repeat 0 100%;
}

div.show_hide .b_r
{
	padding: 9px 25px 10px 25px;
	background: url("../images/b_r.jpg") no-repeat 100% 100%;
}

div.show_hide_content
{
	display: none;
	padding-top: 10px;
}

div.attach_links
{
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 0px 75px;
	min-height: 68px;
    background: url("../images/icon_1.jpg") no-repeat;
}

div.downloads
{
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 0px 75px;
	min-height: 65px;
    background: url("../images/icon_2.jpg") no-repeat;
}

div.top_menu
{
	height: 94px;
    background: url("../images/top_menu_fon.jpg") repeat-x;
}

div.index_news
{
	margin: 0px 55px 35px 0px;
}



/*-------------- table --------------*/
/*table.top_menu
{
	margin: 0px 0px 35px 0px;
	width: 640px;
    border-collapse: collapse;
}

table.top_menu td
{
	padding: 0px 10px 0px 0px;
    vertical-align: top;
    font: 13px Tahoma, sans-serif;
    color: #0063dc;
}

table.top_menu tr.dot_line td
{
	height: 5px;
	font-size: 0;
	background: url("../images/dot_line.jpg") repeat-x 0 100%;	
}*/

div.top_menu table
{
    border-collapse: collapse;
    margin: 0 auto;
    font-size: 0; 
}

table.price
{
	margin: 0px 0px 0px 0px;
	width: 100%;
    border-collapse: collapse;
    font: 12px Verdana, Tahoma, sans-serif;
    color: #000;  
}

table.price th, table.price td
{
	padding: 5px 5px;
    vertical-align: top;
    border: 1px solid #000;
}

table.price th
{
	padding: 8px 5px;
}

table.price td.bold
{
	text-align: center;
	font-weight: bold;
}



div.index_news table
{
	margin: 0px 0px 35px 0px;
	width: 100%;
    border-collapse: collapse;
}

div.index_news table td
{
	padding: 0px 10px 0px 0px;
    vertical-align: top;
    width: 33%;
}

div.index_news table td span
{
    display: block;
    margin: 0px 0px 5px 0px;
    font: 11px Verdana, sans-serif;
    color: #545454;
}

div.index_news table td a, div.index_news table td a:hover
{
    font: 11px Verdana, sans-serif;
    color: #000;
}



/* Additional styles
======================================================================================= */
.nowrap
{
	white-space: nowrap;
}

body.print
{
	margin: 0;
	padding: 0 20px;
	width: auto;    
    background: #fff;
}

div.header_print
{
	margin-bottom: 20px;
	padding: 10px 0;
	min-height: 100px;
	border-bottom: 1px solid #cecece;	
}

div.header_print img
{
	float: left;
	margin-right: 20px;	
}

body.print h2
{
	margin: 20px 0px 10px 0px;
    font: 20px Verdana, Tahoma, sans-serif;
    color: #000;
}

body.print div.show_hide_content
{
	display: block;
}
	
.contacts_left
{
    float: left;
    width: 40%;
    margin-right: 5%;
}
.contacts_right
{
    float: left;
    width: 40%;
}
    .contacts_right p
    {
        line-height: 22px;
        margin: -38px 0 0 0;
    }
.clear
{
    clear: both;
    font: 0px/0px Arial, Tahoma, sans-serif;
}


.mail_smile
{
    position: relative;
}
    .mail_smile em
    {
        position: absolute;
        top: 10px;
        right: -180px;
        z-index: 20;
        border: solid 1px #ccc;
        border-radius: 8px;
        background: #fff;
        width: 200px;
        height: 100px;
        padding: 10px;
        display: none;
    }