/* CSS Document */
body {background:url(img/fon/bg.png); border-collapse:collapse;margin:0 0 0 0;padding:0 0 0 0;}
img{ border:medium none;}
body,td,th {font-family: Calibri; font-size: 12px;}
a:link {text-decoration: none; color:#0707a8; }
a:visited {text-decoration: none;color: #0707a8;}
a:hover {color:#33CCCC; }
a:active {text-decoration: none; color:#821fdf; }
img{ border:medium none;}
h1 {font-size: 24px;color: #000066;font-style:italic ; text-align:center; text-transform: capitalize; }
h2 {font-size: 16px;color: #000066; font-style:italic ;text-align:left; text-transform:capitalize;}
p {text-align:justify;}
ul {list-style-image: url(img/pict/list.png);}
.style1 {font-size:12px; text-align:center}
.style2 {font-size:12px}
.style3 {font-size:18px}
.style4{font-size:10px}
.style5{color:#000066; font-style:italic; font-weight:bold}
.style6 {font-size:18px; font-weight:bold; font-style:italic}
.styleh { font-size:18px;line-height: 180%;}
.stylem { margin-left: 15px; margin-right:15px;}
.style7 {color:#FFFFFF}
.style8 {font-size:14px}


.up_bg {background:url(img/fon/up_bg2.png) repeat-x ; width:auto; height:95px; vertical-align:bottom;}

.l_t{ background:url(img/fon/l_t1.png) no-repeat; width:11px; height:22px;}
.m_r{ background:url(img/fon/m_r.png) no-repeat; width:18px; height:202px; vertical-align:bottom;}
.r_t{ background:url(img/fon/r_t1.png) no-repeat; width:18px; height:22px;}
.m_l{ background:url(img/fon/m_l.png) no-repeat; width:11px; height:202px;vertical-align:bottom; }
.l_d{ background:url(img/fon/l_d.png) no-repeat; width:11px; height:19px;}
.r_d{ background:url(img/fon/r_d.png) no-repeat; width:18px; height:19px;}
.t_m{background:url(img/fon/t_m1.png) repeat-x ; width:auto; height:22px;}
.d{ background:url(img/fon/d1.png) repeat-x; width:auto; height:19px; vertical-align:bottom;}
.m{background:url(img/fon/m.png) repeat-x; width:auto; height:202px; }
.m_l_t{background:url(img/fon/m_l_t.png) no-repeat; width:40px; height:104px;}
.m_t{background:url(img/fon/m_t.png) repeat-x ; width:auto; height:104px;}
.m_r_t{background:url(img/fon/m_r_t.png) no-repeat; width:15px; height:104px;}
.m_r_t_r{background:url(img/fon/m_r_t_r.png) repeat-x ; width:auto; height:104px;}
.m_m_l{background:url(img/fon/m_m_l.png) repeat; width:40px; height:auto;vertical-align:bottom; }
.m_l_d{background:url(img/fon/m_l_d.png) no-repeat; width:40px; height:14px;}
.m_d{background:url(img/fon/m_d.png) repeat-x; width:auto; height:14px; vertical-align:bottom;}
.m_d_r{background:url(img/fon/m_d_r.png) no-repeat; width:15px; height:14px;}
.m_r_m{background:url(img/fon/m_r_m.png) repeat; width:15px; height:auto;vertical-align:bottom; }
.m_r1{ background:url(img/fon/m_r1.png) no-repeat; width:18px; height:131px; vertical-align:bottom;}
.m_l1{ background:url(img/fon/m_l1.png) no-repeat; width:11px; height:131px;vertical-align:bottom; }
.m1{background:url(img/fon/m1.png) repeat-x; width:auto; height:131px; }
.t_m1{background:url(img/fon/t_m1a.png) repeat-x ; width:auto; height:22px;}
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
	font-size:12px;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; }
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-0px; left:-120px; 
	padding: 15px 0 0 0;
	width:280px;
	color: #0d0d0e;
    text-align:center;
	
	
}
a.tt:hover span.top{
	display:block;
	padding: 15px 8px 0;
    background: url(bubble1.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler1.gif) repeat ; 
}
a.tt:hover span.bottom{
	display: block;
	padding:10px 8px 10px;
	color: #548912;
    background: url(bubble1.gif) no-repeat bottom;