html, body {margin:0px; padding: 0px; height: 100%; background-color: #8ba7c6; }

 body, td, div, dt, dd {font-size: 12px; font-family:  Arial, Verdana, Tahoma, sans-serif; color: black; line-height: 120%;}
 p {margin:0; padding: 3px 0px 5px 0px; }

 a {text-decoration: underline; color: #5f98c9; }
 a.underline, a:hover, a.more, a.noline:hover {text-decoration: underline;}
 a:hover, a.noline {text-decoration: none;}
 a.underline:hover, a.more:hover {text-decoration: none;}
 a img {border: none; }
 a.more { font: 12px Arial, sans-serif !important;}

 div.more {text-align: right; padding: 0 0 2px 0; margin-top: -3px;}

 ul, ol, dl {margin: 0px; padding: 0px; list-style: none;}

 input.text, textarea, select {font: 11px/12px Tahoma, sans-serif; line-height: 101%; color: #454545; background: white; border: 1px solid #d3d3d3; padding-left: 3px;}

 fieldset, form { margin:0px; padding: 0px; border-style: none;}

 .h0 {margin: 0px; padding: 35px 0 20px 3px; font: 27px Tahoma, sans-serif; line-height: 27px;  color: #002656;}
 h1, .h1 {margin: 0px 0 7px 0; padding: 15px 0 10px 0; font: bold 20px/22px Arial,Tahoma, sans-serif; color: #87a3c4; text-transform: uppercase; border-bottom: 1px solid #e2e2e2;}
 h2, .h2 {margin: 0px; padding: 11px 0 12px 0; font: 22px Tahoma, sans-serif; line-height: 24px;  color: black;}
 h3, .h3 {margin: 0px; padding: 5px 0px 9px 0; font: 17px Tahoma, sans-serif;  color: #2d4b72;}
 h4, .h4 {margin: 0px; padding: 8px 0 5px 0px; font: bold 16px Tahoma, Verdana, sans-serif; line-height: 17px; color: #404040;}
 h5, .h5 {margin: 0px; padding: 6px 0px 7px 0px; font: bold 14px/15px Tahoma, sans-serif; color: #2b4a71;}
 h5 a, .h5 a {color: #2b4a71;}
 h6, .h6 {margin: 0px; padding: 5px 0px 2px 0; font: bold 14px Verdana, Tahoma, Arial,sans-serif; line-height: 14px;  letter-spacing:-1px;}

 table {border-collapse: collapse; padding:0;}
 table td {padding:0; vertical-align: top;}

 .clearfix:after {clear: both; display: block; content: '.'; visibility:hidden; height: 0px; font-size: 0px; line-height: 0px;}

 .bold {font-weight: bold;}
 .upper {text-transform: uppercase !important;}

 .float_left {float: left !important;}
 .clear_left {float: none; clear: left;}
 .float_right {float: right;}
 .underline {text-decoration: underline;}
 .ta_center {text-align: center;}

 .top0 {margin-top: 0px !important; padding-top: 0px !important;}
 .top50 {margin-top: 0px !important; padding-top: 50px !important;}
 .btm0 {margin-bottom: 0px !important; padding-bottom: 0px !important;}
 .left0 {margin-left: 0px !important; padding-left: 0px !important;}
 .left10 {margin-left: 0px !important; padding-left: 10px !important;}

 .w100 {width: 100% !important;}

 .white {color: white !important;}

 .small {font-size: 10px !important; line-height: 10px;}
 .fs9 {font-size: 9px !important;}
 .fs10 {font-size: 10px !important;}
 .fs11 {font-size: 11px !important;}
 .fs12 {font-size: 12px !important;}
 .fs13 {font-size: 13px !important;}
 .fs14 {font-size: 14px !important;}
 .fs15 {font-size: 15px !important;}
 .fs16 {font-size: 16px !important;}
 .fs17 {font-size: 17px !important;}
 .fs18 {font-size: 18px !important;}
 .fs19 {font-size: 19px !important;}
 .fs20 {font-size: 20px !important;}



 .cbox {width: 1000px; margin: 0 auto; background: #ccdde7 url(../images/design/cbox_bg.png) repeat-x; height: auto; min-height: 100%;}

/* page head */

 .page_box {background: url(../images/design/page_bg.gif) repeat-y center top; padding: 0 17px 0 18px; }
 #page_head {height: 255px; }
 #top_head {height: 17px; background: url(../images/design/page_top.png) no-repeat;}
 #page_body {padding-bottom: 50px;}
 #page_btm {height: 12px; background: url(../images/design/page_btm.png) no-repeat;}

 #top_box {height: 124px; background: white url(../images/design/head_bg.png) repeat-x; position: relative;}
 a#logo {display: block; text-decoration: none; width: 297px; height: 97px; background: url(../images/design/logo_saula.png) no-repeat; position: absolute; left: 60px; top: 0px;}

 #search_box  {position: absolute; right: 11px; top: 6px; width: 197px; height: 35px;}
 #search_box input.text {margin: 4px 7px 0 0px; width: 145px; height: 15px; }
 #search_box input.btn_find {width: 34px; height: 34px; background: url(../images/design/btn_find.png) no-repeat; border: none; cursor:pointer; font-size: 10px; line-height: 22px; vertical-align: middle;}

 .page_pic_box {height: 131px; overflow: hidden;}
 #page_pic1, #page_pic2, #page_pic3, #page_pic4 {height: 131px; float: left;}
 #page_pic1 {width: 223px; background: url(../images/design/page_pic_01.jpg) no-repeat;}
 #page_pic2 {width: 270px; background: url(../images/design/page_pic_02.jpg) no-repeat;}
 #page_pic3 {width: 214px; background: url(../images/design/page_pic_03.jpg) no-repeat;}
 #page_pic4 {width: 258px; background: url(../images/design/page_pic_04.jpg) no-repeat;}



/*	left	*/

 #left_part {width: 200px; float: left; background: url(../images/design/left_bg.png) no-repeat right top; min-height: 445px; padding-top: 14px;}

 .box190 {width: 193px; background: url(../images/design/box190_btm.png) no-repeat left bottom; padding-bottom: 15px; margin-bottom: 5px;}
 .box190 .hdr {background: url(../images/design/box190_hdr.png) no-repeat; padding: 12px 5px 13px 35px; font: bold 14px/17px Tahoma, sans-serif; color:#2c2d2e;}
 .box190 .txt {background: url(../images/design/box190_bg.png) repeat-y; padding: 4px 17px 9px 17px;}

 .menu_box {padding: 5px 0px;}
 .menu_box li {padding: 0px 0 3px 20px; height: 15px; background: url(../images/design/blt_menu.gif) no-repeat left 5px;}
 .menu_box a {font: 12px/14px Arial, sans-serif; color: #5f98c9; text-decoration: none;}
 .menu_box a:hover {text-decoration: underline;}

 #excel_box {padding: 25px 0 20px 0; text-align: center; font-weight: bold;}
 #excel_box img {vertical-align: middle; margin-right: 7px; }

 .feedback input.text,  .feedback textarea {width: 350px;}

/* info page */
 #center_part { margin: 0 0 0 205px; padding: 8px 35px 5px 35px;}

 table.news_list {width: 100%;}
 .news_date {font-size: 11px; font-weight: bold; line-height: 12px; padding: 15px 0 2px 0;}
 .news_more {padding: 4px 0 5px 25px; background: url(../images/design/more.gif) no-repeat left 12px;}
 .news_more a {color:#389ecb; text-decoration: underline; font-size: 11px;}
 .news_more a:hover {text-decoration: none; }
 td.news_text { padding: 3px 0px 7px 0;}
 div.news_text {font-size: 11px;}
 td.sprt {padding: 0 7px; width: 5px;}


/* bottom */
 #page_copy {position: relative; height: 100px; background: #ccdde7;}
 #copy, #tel {position: absolute; top: 35px; color: #34536e; font: 11px/14px Arial,Tahoma, sans-serif;}
 #copy {left: 50px; width: 170px; }
 #tel {left: 250px; width: 150px; }
 #site_dev {color: #393939; font: 10px/12px Tahoma, sans-serif; position: absolute; right: 58px; top: 20px; width: 120px; height: 45px; text-align: right;}