/* CSS Document */

/*-------------------------- GLOBAL -------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th {margin: 0; padding: 0; border: 0; outline: 0;  font-size: 100%; }
:focus {outline: 0;}
html { }
body {line-height: 1;  }
ol, ul {list-style: none;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
html, body { font:11px Tahoma, Helvetica, sans-serif; color:#333333}
a { color:#336699; text-decoration:underline;}
a:hover{ text-decoration:none}
a:activ{ text-decoration:none}
.wrapper{ overflow:hidden; height:100%; min-width:1000px;}
/*IE6*/*html .wrapper{width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%');} 
h1{ font-size:17px; font-weight:bold; color:#000000}
.hnews{ font-size:17px; font-weight:bold; color:#000000}
h2{ font-size:14px; font-weight:bold; color:#336699; text-decoration:underline;}
h3 a{ font-size:14px; font-weight:normal; color:#336699; text-decoration:underline;}
/*------------------------ END GLOBAL -----------------------*/
.cent_bl ul {padding:0 0 0 15px; list-style:disc; margin:7px 0 2px}
.cent_bl ul li{margin:0 0 5px;}
.cent_bl ol {padding:0 0 0 15px; list-style:decimal; margin:7px 0 2px}
.cent_bl ol li{margin:0 0 5px;}





/*-------------------------- HEADER -------------------------*/

.header{background:#e2dbdb; height:401px; position:relative}
.head_l{ float:left; height:233px; border:1px solid red;  position:relative; z-index:2}
.head_bbg{ position:absolute; left:0; bottom:88px; background: url(/application/views/unika/images/head_bbg.gif) repeat-x; height:55px; z-index:1; width:100%;}

.head_tbg{ position:absolute; width:100%; height:; background:url(/application/views/unika/images/head_tbg.gif) repeat-x; height:143px; top:0; left:0; position:absolute; z-index:1;}

.logo{ position:relative; height:136px; z-index:12; padding:32px 0 0 32px; }
.top_menu{ position:relative;  padding:10px 50px 0 72px; margin:0 0 0 0; z-index:4;  height:215px; float:left;}
.menu_bg{ position:absolute; width:310px; height:233px;background: url(/application/views/unika/images/menu_bg.png) repeat-x #295f90; top:0; left:0; z-index:0;}
/*IE6*/*html .menu_bg{behavior: url("/application/views/unika/style/iepngfix.htc");}
.top_menu ul li{ padding:0 0 0 10px; background:url(/application/views/unika/images/menu_tab.gif) no-repeat 0 5px; margin:0 0 5px; }
.top_menu ul{ overflow:hidden; height:100%; float:left; position:relative; z-index:2;}
.top_menu ul li a{ font-weight:bold; text-decoration:underline; color:#FFFFFF}
.menu_lbg{ position:absolute; background:url(/application/views/unika/images/menu_rbg.gif) no-repeat; width:115px; height:233px; right:-115px; top:0;}
.nwindow{  height:313px; width:373px; float:right; z-index:11; position:relative;}
.window{  height:313px; width:373px; float:right; z-index:11; position:relative;}
.icon{ overflow:hidden; right:112px; top:281px;  z-index:30; position: absolute; display:block }
.icon li{ float:left; padding:0 77px 0 0;}
.call{position:absolute; top:11px; left:293px; width:338px; height:302px; z-index:10;}
.call2{ position:absolute; background:url(/application/views/unika/images/call2.png) no-repeat; width:217px; height:55px; z-index:10; top:258px; left:414px;}
.call3{ position:absolute; background:url(/application/views/unika/images/call.jpg) no-repeat; width:338px; height:114px; z-index:10; left:293px; top:144px;}
.orange{position:absolute; z-index:2; //padding:0 0 0 309px; width:100%; //width:auto;   bottom:0; right:0;}
/*IE6*/*html .orange{ bottom:-1px;}
.orange_box{ background: url(/application/views/unika/images/orange_box_bg.gif) repeat-x #e47f00; margin:0 0 0 415px; //margin:0 0 0 106px;padding:17px 0 0 0; height:71px; position:relative; z-index:3; }

.orange_box_lbg{background:url(/application/views/unika/images/orange_box_lbg.gif) no-repeat; width:107px; height:88px; position:absolute; left:-105px; bottom:0;}

.orange_box table{border-collapse: collapse; width:100%;border-spacing: 0px; border: none;}
.orange_box table td{text-align: left;border-collapse:collapse;z-index:1; font-size:12px; }
.oran_item{ overflow:hidden; height:100%; position:relative;  font-size:12px;}
.orange_box table td img{ float:left; margin:0 10px 0 0; position:relative; z-index:1}
.orange_box table td div{ width:110px; overflow:hidden; height:100%;  margin:14px 0 0 0;}
/*-------------------------- END HEADER -------------------------*/



/*-------------------------- CONTENT -------------------------*/
.content{ overflow:hidden; height:100%; clear:both; }



/*-------------------------- LEFT BLOCK -------------------------*/
.left_bl{ float:left; width:278px; padding:29px 0 0 0; overflow:hidden; height:100%;}
.news{ padding:0 0 60px 10px;}
.news ul{ border-bottom:1px solid #c9c9c9; padding:0 0 20px; overflow:hidden; height:100%; margin:0 0 16px;}
.news ul li span{ color:#000000; display:block; margin:0 0 7px;}
.news ul li h2{ padding:0 0 4px}
.news ul li{  display:block; height:100%; padding:0; margin:0;}
.news h1{ margin:0 0 13px;}
.news ul li a{ margin:6px 0 0 0; display:block; float:left }
.news h3{ padding:8px 0 0 0; display:block; }
.ban li{ font-size:0; overflow:hidden; margin:0 0 15px; //margin:0 0 12px;}
/*------------------------ END LEFT BLOCK -----------------------*/


/*-------------------------- RIGHT BLOCK -------------------------*/
.right_bl{ float:right; padding:20px 0 0 0; width:220px; overflow:hidden; height:100%;}

.conn span{ color:#000000; display:block; margin:0 0 5px;}
.conn{ background:#c8c8c8; position:relative; height:100%; margin:0 0 12px; padding:11px 0 17px 15px;}
.conn input{ border:1px solid #000000; margin:0 0 13px; background: #FFFFFF; width:91%; height:15px;}
.conn textarea{ border:1px solid #000000; margin:0 0 9px; background:#FFFFFF; width:91%; height:97px;}
.conn h1{ margin:0 0 12px;}
.tl_bg, .tr_bg, .bl_bg, .br_bg{ position:absolute; background:#c8c8c8; font-size:0; width:4px; height:4px; overflow:hidden;}
.tl_bg{ top:0; left:0;}
.tr_bg{ top:0; right:0;}
.br_bg{ bottom:0; right:0;}
.bl_bg{ bottom:0; left:0;}
.tl_bg i, .tr_bg i, .bl_bg i, .br_bg i, .tl_bg em, .tr_bg em, .bl_bg em, .br_bg em, .tl_bg p, .tr_bg p, .bl_bg p, .br_bg p, .tl_bg b, .tr_bg b, .bl_bg b, .br_bg b, .tl_bg q, .tr_bg q, .bl_bg q, .br_bg q{ display:block; float:left; font-size:0; width:1px; height:1px; overflow:hidden}
.tl_bg p, .tr_bg p, .bl_bg p, .br_bg p{ background: #FFFFFF; }
.tl_bg i, .tr_bg i, .bl_bg i, .br_bg i{ background:#f9f9f9}
.tl_bg em, .tr_bg em, .bl_bg em, .br_bg em{ background:#dbdbdb}
.tl_bg b, .tr_bg b, .bl_bg b, .br_bg b{ background:#cecece}
.tl_bg q, .tr_bg q, .bl_bg q, .br_bg q{background:#c8c8c8}
.but{ position:relative; background:#0064a0; width:86px; height:20px; }
.but button{ position:absolute; display:block;  cursor:pointer; background:transparent; width:86px; height:20px; border:0; font-size:12px; font-weight:bold; color:#ffffff}
/*Mozilla*/.but button, x:-moz-any-link {padding-bottom:4px; padding-left:8px;}
/*Opera*/html:first-child .but button{ padding:1px 0 0 4px;}
/*IE*/.but button{ //padding:0 0 2px }
/*Safari*/body:first-of-type .but button{ padding:0 0 0 2px;}
.but .tl_bg p, .but .tr_bg p, .but .bl_bg p, .but .br_bg p{ background:#c8c8c8}
.but .tl_bg i, .but .tr_bg i, .but .bl_bg i, .but .br_bg i{ background:#b3bdc4}
.but .tl_bg em, .but .tr_bg em, .but .bl_bg em, .but .br_bg em{ background:#4486ae}
.but .tl_bg b, .but .tr_bg b, .but .bl_bg b, .but .br_bg b{ background:#156fa4}
.but .tl_bg q, .but .tr_bg q, .but .bl_bg q, .but .br_bg q{ background:#0064a0}
/*------------------------ END RIGHT BLOCK -----------------------*/




/*-------------------------- CENTER BLOCK -------------------------*/
.cent_bl{ overflow:hidden; padding:27px 20px 0 23px; height:100%; }
/*IE6*/*html .cent_bl{ padding:32px 17px 0 20px;}
.cent_bl p{ text-align:justify; margin:0 0 15px}
.cent_bl p img{ margin:0 15px 0 0;}
.cent_bl h1{ margin:0 0 9px;}
.cent_bl table img {border: 1px;}
/*------------------------ END CENTER BLOCK -----------------------*/






/*-------------------------- FOOTER -------------------------*/
.footer{ clear:both; overflow:hidden; padding:30px 0 42px; //padding:30px 0 30px; height:100%; color:#666666}
.minisol{ float:right; width:130px; margin:-7px 0 0 0; padding:0 10px 0 0;}
.minisol img{ float:left; margin:0 10px 0 0;}
.copy{ padding:0 0 0 230px; overflow:hidden; height:100%;}
.copy ul li{ display:block; float: left; margin:0 4px 0 0;}
.copy ul{ overflow:hidden; height:100%;  margin:13px 0 0 0}
/*------------------------ END FOOTER -----------------------*/