/*common*/
* {margin:0;padding:0;}
img {border: 0}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
ul { list-style: none; }

/*layout*/
body {font-family:Tahoma,Verdana,Arial,helvetica,sans-serif; font-size:11px; background: #ffffff url(../_images/bg/body.jpg) 0 0 repeat-x; color: #636363; }

.header, .content, .footer  { width: 944px; position: relative; margin: 0 auto; clear: both; }

.header { height: 261px; background: url(../_images/bg/header.jpg) 0 0 no-repeat;}
.content { background: #ffffff;}
.content-body { padding: 10px 0;}
.header-left {position: absolute; top: 0; left: -64px; height: 357px; width: 64px; background: url(../_images/bg/header-left.jpg) top right no-repeat;}

a.main-link {position: absolute; top: 55px; left: 25px;}
a.hm-link {position: absolute; top: 0; right: 15px; z-index: 1;}
form.search { position: absolute; top: 196px; right: 10px; z-index: 2; width: 250px; color: #ffffff; font-size: 11px;}
form.search input, form.search label, form.search fieldset { border: 0; float: left; }
form.search label { font-size: 13px; line-height: 22px; }
form.search input { vertical-align: middle;}
form.search input.text { background: #B30059; width: 128px; height: 18px; line-height: 18px; padding: 2px 0; color: #ffffff; }
form.search .input-left { height: 22px; width: 5px; background: url(../_images/bg/input-left.gif) top right no-repeat; display: block; float: left; margin-left: 10px;}
form.search .input-right {height: 22px; width: 5px; background: url(../_images/bg/input-right.gif) top left no-repeat; display: block; float: left; margin-right: 10px;}


/*page_menu*/
ul#page-menu {width: 944px; height: 101px; position: absolute; top:126px; left: 0; background: url(../_images/bg/page-menu.jpg) bottom left repeat-x; z-index: 1;}
ul#page-menu li.page-menu-tab { float: left; height: 58px; line-height: 58px;}
ul#page-menu li.page-menu-tab a { padding: 0 20px; color: #ffffff; font-size: 12px;}
ul#page-menu li.page-menu-tab:hover, ul#page-menu li.hover, ul#page-menu li.active {background: url(../_images/bg/page-menu-hover.jpg) top left repeat-x;}
ul#page-menu li.page-menu-tab ul { width: 944px; height: 43px; position: absolute; top: 58px; left: 0;  display: none; }
ul#page-menu li.page-menu-tab ul li { float: left; height: 43px; line-height: 43px; background: url(../_images/bg/page-menu-border.jpg)left bottom no-repeat;}
ul#page-menu li.page-menu-tab ul li a { padding: 0 19px 0 21px; font-size: 11px;}
ul#page-menu li.page-menu-tab ul li.first { background: none; }
ul#page-menu li.page-menu-tab:hover ul, ul#page-menu li.hover ul, ul#page-menu li.active ul { display: block; background: url(../_images/bg/page-menu.jpg) bottom left repeat-x; z-index: 2;}
ul#page-menu li.active ul { z-index: 1; }

.footer-logo  { width: 944px; position: relative; margin: 0 auto 4px auto; clear: both; background: #ffffff url(../_images/bg/footer-logo-bottom.jpg) bottom left repeat-x;}
.footer-logo ul { padding: 15px 10px; float: left; width: 923px; background: url(../_images/bg/footer-logo-top.jpg) top left repeat-x;}
.footer-logo ul li { float: left; padding: 0 10px; }

ul.footer { height: 54px; border-width: 1px 0 1px 0; border-color: #DDDDDD; border-style: solid; }
ul.footer li { float: left; padding: 18px 18px 0 0; height: 36px; color: #A2A2A2; font-size: 11px; }
ul.footer li.border { padding-left: 18px; background: url(../_images/bg/footer-border.jpg) 18px bottom no-repeat;}
ul.footer li a {color: #A2A2A2;  font-size: 11px; }
ul.footer li a:hover {color: #007DAB; text-decoration: none;}


/*content*/
.navigation { width: 188px; height: 284px; overflow: hidden;  float: left; background: #BFDAEF url(../_images/bg/navigation-bottom.jpg) bottom left no-repeat; position: relative;}
.navigation ul {background: url(../_images/bg/navigation.jpg) top left no-repeat;}
.navigation ul li { border-top: 1px solid #CEE3F3; height: 29px; line-height: 29px; padding-left: 22px; }
.navigation ul li a{ color: #6588A3; font-size: 11px; }
.navigation ul li.first { border: 0; height: 60px; padding-top: 18px; font-size: 13px; color: #6588A3; font-weight: bold; }
.navigation ul li.second { border: 0; line-height: 0; height: 20px; padding: 10px 0 0 82px;}
.navigation ul li.last { border: 0; height: 85px; }
.navigation ul li.last a { display: block; width: 166px; height: 65px; padding-top: 20px; background: url(../_images/infolinia.gif) 50px 15px no-repeat; font-size: 13px; font-weight: bold;}

.img-wrap { width: 410px; height: 284px; float: left; position: relative;}
.img-wrap img { position: absolute; top: 0; left: 0; z-index: 1;}
.img-wrap .shadow-1, .img-wrap .shadow-2 { position: absolute; top: 0; left: 0; width: 410px; height: 284px; z-index: 2; background: #E0006F; opacity: 0.26; }
.img-wrap .shadow-2 {left: 40px; width: 330px; z-index: 3;}
.img-wrap .dots { position: absolute; top: 0; left: 390px; height: 189px; width: 70px; z-index: 4; background: url(../_images/dots.png) top left no-repeat; }

.main-news { width: 270px; height: 224px; margin: 30px 30px 30px 40px; float: left; position: relative; display: inline;}
.main-news a { position: absolute; bottom: -20px; right: -10px; }
.main-news img { float: right; }
.main-news h2 { font-size: 17px; font-weight: bold; color: #7D9FBA; line-height: 30px; padding-top: 15px;  }
.main-news p { font-size: 11px; color: #8e8888; line-height: 15px; }
p { font-size: 11px; color: #8e8888; line-height: 15px; }
.content-right { padding: 23px; float: left; width: 710px; }
.content-right h2 { font-size: 17px; font-weight: bold; color: #7D9FBA; padding-bottom: 10px;}
.content-right h3 { font-size: 12px; font-weight: bold; color: #E0006F; padding: 15px 0;  }
.content-right p { font-size: 11px; color: #8e8888; line-height: 17px; text-align: justify; }

.content-right .pages-wrap { margin-top: 15px; padding: 10px 0; border-top: 1px solid #DDDDDD;}
.content-right .pages-wrap ul li { float: left;  color: #8e8888; font-size: 11px;}
.content-right .pages-wrap ul li a { color: #8e8888; font-size: 11px; padding: 0 4px;}
.content-right .pages-wrap ul li a:hover, .content-right .pages-wrap ul li a.active { font-weight: bold; color: #E0006F; text-decoration: none;}

.single-news { width: 328px; height: 130px; padding: 10px 0; color: #8e8888; font-size: 11px; position: relative;}
.single-news .head { color: #DBDBDB; font-size: 11px; line-height: 22px;} 
.single-news .head strong { font-size: 12px; color: #E0006F;}
.single-news a { position: absolute; bottom: 0; right: 0; }

.lightbox { display: block; float: left; height: 55px; width: 91px; overflow: hidden;  margin: 32px 32px 0 0;}
.lightbox-box { height: 210px; width: 185px; float: left; margin: 20px 77px 0 0;}
.lightbox-box h3 { padding: 8px 0; }
.line-last { margin-right: 0; }


form.contact { width: 408px; color: #8e8888; font-size: 11px;}
form.contact div.fl, form.contact div.fr { width: 190px; height: 16px; padding: 4px; background: url(../_images/bg/input.gif) top left no-repeat; margin: 8px 0;}
form.contact input, form.contact label, form.contact fieldset, form.contact textarea { border: 0; margin: 0; color: #8e8888; font-size: 10px;}
form.contact input { vertical-align: middle;}
form.contact input.text { width: 120px; height: 16px; line-height: 16px; }
form.contact textarea { width: 400px; height: 116px; padding: 4px; background: url(../_images/bg/textarea.gif) top left no-repeat; font-size: 11px;}
form.contact img { margin: 8px 0; }

.fl { float: left;}
.fr { float: right;}
.clear{clear:both;}