/************************ Reset CSS *******************/ body { color:#000; background:#FFF; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } li { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; font-variant:normal; } sup,sub { line-height:-1px; vertical-align:text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } body { font:13px/1.22 Arial,Helvetica,clean,sans-serif; *font-size:small; *font:x-small;} table { font-size:inherit; font:100%; } pre,code,kbd,samp,tt { font-family:monospace; *font-size:108%; line-height:99%; } /************************ SITE CSS *********************/ * { margin: 0; padding: 0; } @font-face { font-family: 'ArialNarrow'; src: url('/fonts/ArialNarrow.eot'); src: local('☺'), url('/fonts/ArialNarrow.ttf') format('truetype'), url('/fonts/ArialNarrow.eot?#iefix') format('embedded-opentype'), url('/fonts/ArialNarrow.svg') format('svg'), url('/fonts/ArialNarrow.woff') format('woff'); font-weight: normal; font-style: normal; } html { font-size: 100.1%; height: 100%; } body { font-family: ArialNarrow, Arial, sans-serif; font-size: 16px; line-height: 135%; color: #000; height: 100%; min-width: 1024px; background: #f6f6f7; } fieldset,img { border: 0; outline:none; } h1, h2, h3, h4 { font-size: 30px; padding-bottom: 12px; line-height: 125%; color: #000; font-weight: normal; padding-top: 6px; } h2 { font-family: Arial, sans-serif; font-style: italic; font-size: 21px; font-weight: normal; line-height: 125%; padding-bottom: 13px; padding-top: 9px; color: #275aa6; } h3 { font-weight: bold; font-size: 17px; line-height: 125%; padding-bottom: 13px; padding-top: 10px; line-height: 125%; color: #005179; } h4 { font-weight: normal; font-size: 14px; line-height: 125%; padding-bottom: 13px; padding-top: 10px; line-height: 125%; color: #005179; } h5 { font-weight: normal; font-size: 13px; line-height: 125%; padding-bottom: 13px; padding-top: 10px; line-height: 125%; color: #005179; } h2.img_title { padding-top: 0; margin-top: 0; font-style: normal; color: #2b79c4; font-size: 20px; } .center { text-align: center; } .hidden { display: none; } .bold { font-weight: bold; } b, strong { font-weight: bold; font-size: inherit !important; color: inherit !important; } i, em { font-style: italic; font-size: inherit !important; color: inherit !important; } p { padding-bottom: 8px; } ul { margin-bottom: 8px; list-style-position: outside; padding-left: 0; line-height: 135%; } ul li, ol.I li ol li ul li { list-style-type: none; padding-left: 15px; } ul li { background: url(/image/ul_arrow.png) 0 8px no-repeat; } ol { margin-bottom: 8px; list-style: decimal; list-style-position: outside; padding-left: 30px; line-height: 135%; } ol.I li { list-style-type: upper-roman; } ol li, ol.I li ol li { list-style-type: decimal; } ol.I li ol li ul { padding-top: 10px; } ul li, ol li { padding-bottom: 5px; } a { text-decoration: underline; } a:hover { text-decoration: none; } a, a:visited { color: #015ca3; outline:none; } .gray, .gray a { color: #707070; } p.gray { padding-top: 8px; } a.pdf, a.zip, a.doc, a.xls, a.ppt { padding-left: 25px; padding-bottom: 2px; line-height: 20px; } a.pdf { background: url('/image/icon-pdf.gif') 0 0 no-repeat; } a.zip { background: url('/image/icon-zip.gif') 0 0 no-repeat; } a.doc { background: url('/image/icon-doc.png') 0 0 no-repeat; } a.xls { background: url('/image/icon-xls.png') 0 0 no-repeat; } a.ppt { background: url('/image/icon-ppt.png') 0 0 no-repeat; } .left { float: left; } .right { float: right; } .img_left { display: block; float: left; margin-right: 35px; margin-bottom: 20px; } .img_right { display: block; float: right; margin-left: 35px; margin-bottom: 20px; } .div_left { float: left; margin-right: 30px; margin-bottom: 15px; } .div_right { float: right; margin-left: 30px; margin-bottom: 15px; } .framed { border: 1px solid #e8e8e8; background: #f4f5f7; padding: 3px; } .clear { float: none; clear: both; font-size: 0; height: 0; overflow: hidden; width: 99%; } .clear_l { float: none; clear: left; font-size: 0; height: 0; overflow: hidden; width: 99%; } .clear_r { float: none; clear: right; font-size: 0; height: 0; overflow: hidden; width: 99%; } a.more, a.more:hover { color: #0050a1; font-size: 12px; } a.more_news, a.more_news:hover { color: #000; } input, option, select, textarea { font-size: 12px; background-color: white; } input, select, options, textarea { border: 1px solid #d2d2d2; } input { padding: 2px 10px; } input.submit { height: auto; padding: 2px 10px; border: none; cursor: pointer; } input[type="submit"] { cursor: pointer; background-color: #c8c8c8; } input[type="radio"], input[type="checkbox"] { border: none; } input.submit { padding: 0; } table.datatbl { width: 100%; margin: 8px 0 16px; border-top: 1px solid #e8e8e8; font-size: 12px; font-family: Arial, sans-serif; line-height: 120%; } table.datatbl.smallbottom { margin-bottom: 5px; } table.datatbl th { text-align: left; background-color: #fff; color: #1a68b5; } table.datatbl th, table.datatbl td { padding: 13px 13px 18px 13px; border-collapse: collapse; border-left: 3px solid #fff; border-right: 3px solid #fff; } table.datatbl tr td { background-color: #ffffff; color: #505050; } table.datatbl tr.edd td { background-color: #f5f5f5; } table.datatbl td.r { text-align: right; } table.datatbl th.c, table.datatbl td.c { text-align: center; } table.datatbl td.title { width: 100%; text-align: center; } table.datatbl td.title img { display: block; margin: 10px auto; } table.datatbl td.nowrap { white-space: nowrap; } table.datatbl tr:hover td { background: #e4edf6; } #fon_shadow { background: url(/image/fon-shadow.jpg) 50% 0 #f6f6f7 repeat-y; height: 100%; position: fixed; width: 100%; z-index: -1; } #fon { width: 100%; background: url(/image/fon.jpg) no-repeat scroll 50% 0 transparent; height: 100%; } #content_shadow { /*background: url(/image/fon-shadow.jpg) 50% 0 transparent repeat-y;*/ /*background: #f6f6f7;*/ } #content_out { /*background: url(/image/fon.jpg) 50% 0 no-repeat;*/ } #content_in { background: #fff; min-width: 961px; max-width: 1096px; margin-left: auto; margin-right: auto; padding: 12px 0 22px 0; } #content { background: #fff; width: 961px; margin-left: auto; margin-right: auto; } #logo_div { width: 430px; float: left; font-size: 21px; font-family: Arial, sans-serif; color: #3679bf; font-stretch: wider; } #logo { width: 84px; height: 84px; background: url(/image/logo.jpg) 0 0 no-repeat; float: left; margin-right: 23px; } #slogan_top { font-size: 28px; font-weight: bold; font-family: Arial, sans-serif; color: #26509c; line-height: 100%; padding-top: 10px !important; } #slogan_bottom { font-size: 21px; font-family: Arial, sans-serif; color: #3679bf; font-stretch: wider; line-height: 125%; } #top_phones { float: right; width: 251px; font-size: 15px; font-family: Arial, sans-serif; line-height: 125%; color: #254f9b; padding-top: 15px; } #top_phones .phone { text-align: right; font-size: 28px; padding-bottom: 7px; } #top_phones .phone .code { font-size: 15px; color: #245099; } #top_flags { float: right; padding-top: 39px; } #top_flags a.flag { width: 22px; height: 16px; display: block; outline: none; float: right; margin-left: 12px; } #top_flags a.flag.rus { background: url(/image/flag_rus.png) 0 0 no-repeat; } #top_flags a.flag.eng { background: url(/image/flag_eng.png) 0 0 no-repeat; } #top_flags a.flag.current, #top_flags a.flag:hover { background-position: 0 -16px; } #top_icons { float: right; width: 135px; margin-top: 40px; } #top_icons a.icon { display: block; width: 12px; height: 9px; float: left; margin-left: 29px; } #top_icons a.icon:FIRST-CHILD { margin-left: 0; } #top_icons a.icon.home { background: url(/image/icons.png) 0 -9px no-repeat; } #top_icons a.icon.home:hover, #top_icons a.icon.home.active { background-position: 0 0; } #top_icons a.icon.contacts { background: url(/image/icons.png) -39px -9px no-repeat; } #top_icons a.icon.contacts:hover, #top_icons a.icon.contacts.active { background-position: -39px 0; } #top_icons a.icon.sitemap { background: url(/image/icons.png) -77px -9px no-repeat; } #top_icons a.icon.sitemap:hover, #top_icons a.icon.sitemap.active { background-position: -77px 0; } #top_search { float: right; width: 179px; padding-top: 4px; } #top_search input { border: 1px solid #d1d1d1; float: left; display: block; width: 133px; padding: 0 10px 2px 10px; height: 20px; color: #a0a0a0; } #top_search input[type="image"] { padding: 0; border: none; width: 24px; height: 24px; } #top_menu { width: 760px; float: left; padding-top: 6px; } #top_menu .submenu_owner { float: left; } #top_menu .submenu_owner.opened { color: #275ba6; } #top_menu a.top { font-size: 16px; color: #000; text-decoration: none; display: block; float: left; padding: 6px 12px; height: 28px; text-transform: uppercase; background: url(/image/menu_sep.png) 0 10px no-repeat; font-family: ArialNarrow, Arial, sans-serif; } #top_menu a.top.first { background: none; padding-left: 0; } #top_menu a.top.current, #top_menu a.top.first:hover, #top_menu a.top:hover, #top_menu .submenu_owner.opened a.top { color: #275ba6; } #top_menu ul { z-index: 1500; display: block; position: absolute; visibility: hidden; background: #fff; list-style-type: none; clear: left; padding: 0; margin: 0; margin-top: 37px; margin-left: -4px; width: 207px; background: url(/image/menu_s.png) 0 100% no-repeat; padding: 0 5px 10px 4px; } #top_menu ul li { font-size: 14px; font-family: ArialNarrow, Arial, sans-serif; padding: 0; margin: 0; list-style-type: none; background: none; } #top_menu ul a { display: block; text-transform: none; color: #000; text-decoration: none; padding: 5px 23px 8px 9px; line-height: 14px; background: #fff; } #top_menu ul a.first { padding-top: 7px; border-top: 3px solid #255aa6; } #top_menu ul a.last { padding-bottom: 9px; } #top_menu div.current ul a:hover, #top_menu div.opened ul a:hover, #top_menu div.opened ul a.current, #top_menu div.opened ul a.current:hover { background: url(/image/submenu.png) 193px 6px #6596db no-repeat; color: #fff; text-decoration: none; } #top_menu div.opened ul a.current { background: #fff; color: #275ba6; } #main_banners { width: 961px; height: 336px; overflow: hidden; } a.main_banner img, a.main_banner { display: block; border: none; outline: none; } #main_banners_title { position: absolute; margin-top: -336px; width: 437px; height: 241px; display: block; background: url(/image/ban_text.png) 0 0 no-repeat; outline: none; text-decoration: none; padding: 95px 84px 0 84px; font-size: 30px; line-height: 140%; color: #fff; z-index: 99; font-family: ArialNarrow, Arial, sans-serif; cursor: pointer; } #main_banners_title.nohref { cursor: default; } #main_left { width: 355px; float: left; padding-right: 36px; font-size: 15px; line-height: 145%; } #main_video { width: 355px; height: 177px; margin-top: 18px; } #main_video img, #main_video a { display: block; border: none; outline: none; } #main_video a.title { position: absolute; margin-top: -177px; width: 355px; height: 177px; display: block; background: url(/image/video_s_1.png) 50% 50% no-repeat; outline: none; text-decoration: none; } #main_video a:hover { background: url(/image/video_s_2.png) 50% 50% no-repeat; } #about_video { width: 392px; height: 276px; } #about_video img, #about_video a { display: block; border: none; outline: none; } #about_video a.title { position: absolute; margin-top: -276px; width: 392px; height: 276px; display: block; background: url(/image/video_l_1.png) 50% 50% no-repeat; outline: none; text-decoration: none; } #about_video a:hover { background: url(/image/video_l_2.png) 50% 50% no-repeat; } h1.main_h1, a.main_h1 { display: block; text-decoration: none; font-size: 23px; color: #2459a7; line-height: 120%; padding-top: 22px; padding-bottom: 15px; font-style: normal; } a.more_arrow { text-decoration: none; background: url(/image/menu_pointer.png) 0 50% no-repeat; } h2.main_news { font-size: 23px; color: #1a68b5; text-transform: uppercase; margin-top: 30px; padding-bottom: 0; font-style: normal; } h2.main_news span { border-top: 3px solid #1b69b4; padding-top: 8px; } #main_projects_cont h2.main_news { padding-bottom: 9px; cursor: pointer; } #main_projects_cont { padding-bottom: 10px; } #main_right { width: 179px; padding-left: 36px; float: right; } #main_center { width: 355px; float: left; padding-top: 23px; } .main_news_item { padding-top: 14px; } .main_news_item.first { padding-top: 11px; } .news_date { color: #a5a5a5/*#9a9a9a*/; font-size: 12px; } .news_date .day { font-size: 18px; } .main_news_item a { color: #000; font-size: 14px; } #main_right .more { padding-top: 10px; padding-bottom: 20px; } #main_right .more a { color: #a6a6a6; font-size: 14px; } #main_center .break { margin: 0; font-size: 0; height: 7px; margin: 5px 0 7px 0; background: url(/image/break.png) 0 0 repeat-x; } #main_center .break.shareholdersbreak { margin-top: 4px; } h3.main_center { color: #000; font-size: 14px; line-height: 125%; text-transform: uppercase; padding: 0; margin: 0; } #main_center .pic { float: left; width: 152px; padding: 45px 5px 16px 5px; text-align: center; background: url(/image/pic-project.png) 50% 10px no-repeat; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; color: #005ca3; } #main_center .pic.power { background-image: url(/image/pic-power.png); } #main_center .pic .description { font-size: 11px; font-weight: normal; font-style: italic; line-height: 120%; padding-top: 14px; color: #000; } #main_center .map { padding-top: 5px; display: block; outline: none; } #main_center .shareholders img { display: block; padding-top: 9px; } #bottom { margin-top: 15px; padding-top: 18px; background: url(/image/bottom.png) 0 0 repeat-x; color: #777; font-size: 14px; } #bottom_left { width: 290px; padding-right: 15px; float: left; } #bottom_right { width: 230px; padding-left: 15px; float: right; } #bottom_center { width: 407px; float: left } #techart a { color: #777; text-decoration: none; } #content_image { margin-top: 4px; } #content_image img { display: block; } #content_image_title { width: 418px; height: 121px; position: absolute; margin-top: -143px; background: url(/image/content_image_title.png) 0 0 no-repeat; color: #fff; font-size: 31px; line-height: 118%; padding-top: 7px; padding-left: 77px; } .route { position: relative; padding-top: 7px; } .route, .route a { font-family: Arial, sans-serif; font-size: 11px; font-style: italic; color: #707070; text-decoration: none; line-height: 110%; } .route a:hover { text-decoration: underline; } ul.italic { font-family: Arial, sans-serif; font-size: 14px; font-style: italic; } ul.italic li { background: url(/image/ul_arrow.png) 0 6px no-repeat; } #middle_right { float: right; width: 208px; padding-left: 32px; } #middle_left.has_right { float: left; width: 721px; } #right_menu { width: 208px; min-height: zpx; background: url(/image/right_menu.jpg) 0 100% #eef3f7 no-repeat; margin-top: 26px; padding-bottom: 173px; } #right_menu ul li { background: none; padding-left: 0; font-size: 23px; color: #1a68b5; line-height: 125%; text-transform: uppercase; } #right_menu ul li a { text-decoration: none; display: block; padding-top: 10px; padding-left: 18px; padding-bottom: 7px; padding-right: 5px; } #right_menu ul.level1 li { font-size: 14px; line-height: 120%; font-family: Arial, sans-serif; font-style: italic; } #right_menu ul.level1 li a { color: #000; text-transform: none; padding-top: 8px; padding-bottom: 0; text-decoration: underline; } #right_menu ul.level1 li a:hover, #right_menu ul.level1 li a.current { color: #265aa7; text-decoration: underline; } #right_menu ul.level1 li a.current { background: url(/image/menu_pointer.png) 6px 11px no-repeat; } div.blue { color: #3360a0; padding-left: 14px; margin-top: 8px; margin-bottom: 10px; border-left: 2px solid #1a68b5; } div.note { padding-left: 14px; margin-top: 8px; margin-bottom: 10px; border-left: 2px solid #1a68b5; } .file_link { color: #bcbcbc; font-style: italic; font-size: 15px; } .file_link a { color: #717171; } .page-navigator { color: #75a5d6; font-size: 13px; padding-top: 2px; padding-bottom: 12px; text-align: right; } .page-navigator a { color: #75a5d6; padding-right: 3px; } .page-navigator b { font-weight: normal; background-color:#C8D9E9; color: /*#5383b4 #505050*/ black !important; padding-right: 3px; padding-left: 3px; padding-top: 2px; padding-bottom: 2px;} .nodus-teaser-selector-navigator-bottom { padding-top: 10px; } .nodus-teaser-selector-navigator-bottom .page-navigator { text-align: left; } .default_certificate { width: 164px; height: 234px; } .cert_row { padding-bottom: 27px; border-bottom: 1px solid #e8e8e8; padding-top: 28px; } .cert_row:first-child { padding-top: 3px; } .cert_row:last-child { border-bottom: none; } .cert_row .certificate { color: #000000; font-style: italic; text-align: center; width: 170px; float: left; margin-left: 70px; font-size: 14px; line-height: 125%; } .cert_row .certificate img { display: block; } .cert_row .certificate a { color: #000000; font-style: italic; } .cert_row .certificate:first-child { margin-left: 0; } .cert_row .certificate .title { padding-top: 5px; } #contact_map_info { display: none; } #press .break { font-size: 0; margin-top: 12px; margin-bottom: 12px; height: 3px; background: #d7d7d7; } #press h2 { font-style: normal; color: #265aa6; font-size: 31px; line-height: 125%; padding-top: 2px; font-family: ArialNarrow, Arial, sans-serif; } #press .news_break { font-size: 0; margin-top: 8px; margin-bottom: 8px; height: 1px; background: #d7d7d7; } #press .press_item .image { float: left; width: 324px; } #press .press_item .links { margin-left: 324px; } #press .press_item .links .title { padding-top: 0; } #press .press_item .links .title a { color: #25509e; font-size: 16px; line-height: 125%; } #press .press_item .source { color: #a7a7a7; font-size: 15px; } #press .press_item .link { padding-bottom: 15px; } .zoom { display: none; background: url(/image/lupa.png) 99% 95% no-repeat; outline: none; text-decoration: none; position: absolute; cursor: pointer; z-index: 1; } #projects-map { width: 680px; height: 428px; border: 1px solid #d5e6bc; margin-bottom: 10px; float: left; margin-right: 10px; } .project-info-balloon { min-width: 540px; padding: 10px; } .project-info-balloon .image { float: right; width: 260px; margin-left: 16px; min-height: 190px; font-family: Arial, sans-serif; font-size: 11px; } .project-info-balloon .info { float: left; width: 262px; } .project-info-balloon .info .title { font-family: Arial, sans-serif; font-size: 13px; color: #265aa7; line-height: 125%; } .project-info-balloon table.datatbl { border: none; } .project-info-balloon table.datatbl td { border: none; padding: 3px 4px; font-size: 11px; line-height: 125%; font-family: Arial, sans-serif; color: #646464; } #filter_form { height: 405px; width: 241px; background: url(/image/filter-form-bg.jpg) #f9fafc 100% 100% no-repeat; padding: 13px 6px 13px 13px; float: right; } #filter_form input#project_search { width: 206px; border: 1px solid #acadb2; background: #fff; padding: 6px; height: 10px; line-height: 22px; font-family: Arial, sans-serif; font-style: italic; font-size: 11px; color: #888; margin-bottom: 16px; } #filter_form #project_fields { height: 318px; margin-bottom: 20px; overflow-y: scroll; } .submit_div { text-align: right; } #filter_form input.submit { display: block; border: none; padding: 0; float: right; margin-left: 14px; } .submit_div a { display: block; width: 138px; height: 25px; background: url(/image/reset-filter_ru.png) 0 0 no-repeat; float: right; } .submit_div a:hover, .submit_div a.active { background-position: 0 -25px; } .submit_div a.en { background-image: url(/image/reset-filter_en.png); width: 105px; } #filter_form .out_fields { text-transform: uppercase; font-family: Arial, sans-serif; font-size: 12px; color: #000; line-height: 125%; cursor: pointer; outline: none; } .jspPane, .jspContainer, .scroll-pane { outline: none; } #filter_form .inner_fields { font-family: Arial, sans-serif; font-size: 11px; color: #718288; text-transform: none; padding-top: 1px; padding-bottom: 11px; } #filter_form .inner_fields input { border: 1px solid #abadb3; padding: 0; } #filter_form .inner_fields .check { padding-top: 6px; } #filter_form ul { padding-left: 0; } #filter_form li { padding-left: 0; background: none; } #filter_form li .out_fields_link { padding-left: 13px; background: url(/image/map-arrow-right.png) 0 3px no-repeat; } #filter_form li .out_fields_link.opened { background: url(/image/map-arrow-top.png) 0 3px no-repeat; } #filter_form .country_name { color: #000 !important; padding-top: 5px; } #filter_form .region_name { color: #222 !important; padding-top: 5px; } #filter_form .paddingleft15 { padding-left: 15px; } #projects_finded_text { font: Arial, sans-serif; font-size: 20px; font-style: italic; color: #86b6e8; padding-top: 5px; padding-bottom: 8px; } #projects_filter_text { color: #888; padding-bottom: 7px; } #projects_filter_text span { color: #000; } #counters_top { display: none; } .sitemap ul li { background: none; padding-left: 0px; padding: 5px 0px; } .sitemap ul li a { font-size: 19px; font-weight: bold; } .sitemap ul li ul { margin: 0; padding-left: 40px; } .sitemap ul li ul li a { font-size: 14px; font-weight: normal; font-style: italic; font-family: Arial, sans-serif; } .contact_item { float: left; width: 48%; margin-right: 2%; padding-bottom: 20px; line-height: 115%; } .contact_item div.title { font-size: 18px; color: #284f9c; } .administration_item { float: left; width: 48%; margin-right: 2%; padding-bottom: 20px; line-height: 115%; } .administration_item span { font-size: 18px; color: #284f9c; } .b-up { width: 30px; position: fixed; right: 10px; top: -64px; margin-top: 13px; height: 30px; opacity: 0; z-index: 9999; } .icons-sprite { position: absolute; right: 5px; width: 30px; height: 30px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; cursor: pointer; zoom: 1; background: url(/image/scroll_top.gif) no-repeat; } .icons-up { background-position: 0 0; } .icons-up:hover { background-position: 0 -30px; } a#print_link { padding-left: 20px; font-size: 12px; color: #26509c; display: block; float: right; margin-left: 10px; margin-bottom: 5px; padding-top: 19px; background: url('/image/print-icon.gif') 0 25px no-repeat; outline: none; } #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup{ position:relative; border:3px solid #dbe6d5; /* -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4); -moz-box-shadow:0 0 18px rgba(0,0,0,0.4); box-shadow:0 0 18px rgba(0,0,0,0.4);*/ } #facebox .content { display:table; min-width: 370px; padding: 10px; background: #fff; /* -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;*/ } #facebox .content > p:first-child{ margin-top:0; } #facebox .content > p:last-child{ margin-bottom:0; } #facebox .close{ position:absolute; top:5px; right:5px; padding:2px; background:#fff; } #facebox .close img{ /*opacity: 0.3;*/ opacity: 0.8; } #facebox .close:hover img{ opacity: 1.0; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000000; z-index: 99; } #main_projects .title { text-align: center; } #main_projects { position: relative; height: 198px; width: 100%; } #main_projects .project_gallery { width: 961px; } #main_projects .oproject { float: left; width: 172px; margin-left: 4px; cursor: pointer; color: #000; height: 190px; border-bottom: 8px solid #1c569f; font-size: 13px; font-family: Arial, sans-serif; } #main_projects .oproject .title { text-decoration: none; height: 39px; position: absolute; bottom: 8px; background: url(/image/p-white.png) 0 0 repeat; width: 160px; text-align: left; padding: 8px 6px 0 6px; line-height: 19px; overflow: hidden; } #main_projects .oproject:hover .title, #main_projects .oproject .title:hover { background: url(/image/p-blue.png) 0 0 repeat; color: #fff; } #main_projects ul, #main_projects ul li { margin: 0; padding: 0; background: none; } .jcarousel-skin-tango .jcarousel-container { height: 198px; padding: 0 39px; } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 884px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 884px; height: 198px; } .jcarousel-skin-tango .jcarousel-item { width: 172px; } .jcarousel-skin-tango .jcarousel-item-horizontal { } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 4px; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 4px; } .jcarousel-skin-tango .jcarousel-item-placeholder { color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 0px; right: 2px; width: 35px; height: 198px; cursor: pointer; background: transparent url(/image/step-next.png) no-repeat -36px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: 0 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: 0 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background:none; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 0px; left: 3px; width: 35px; height: 198px; cursor: pointer; background: transparent url(/image/step-prev.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: -35px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -35px 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background:none; /*background-position: -96px 0;*/ } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{ position:relative; } #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%; z-index: 99999;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#445361;} #colorbox{outline: none;} #cboxTopLeft{width:25px; height:25px; background:url(/image/jquery/colorbox/border1.png) no-repeat 0 0;} #cboxTopCenter{height:25px; background:url(/image/jquery/colorbox/border1.png) repeat-x 0 -50px;} #cboxTopRight{width:25px; height:25px; background:url(/image/jquery/colorbox/border1.png) no-repeat -25px 0;} #cboxBottomLeft{width:25px; height:25px; background:url(/image/jquery/colorbox/border1.png) no-repeat 0 -25px;} #cboxBottomCenter{height:25px; background:url(/image/jquery/colorbox/border1.png) repeat-x 0 -75px;} #cboxBottomRight{width:25px; height:25px; background:url(/image/jquery/colorbox/border1.png) no-repeat -25px -25px;} #cboxMiddleLeft{width:25px; background:url(/image/jquery/colorbox/border2.png) repeat-y 0 0;} #cboxMiddleRight{width:25px; background:url(/image/jquery/colorbox/border2.png) repeat-y -25px 0;} #cboxContent{background:#fff; overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:0;} #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;} #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;} #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;} #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;} #cboxLoadingOverlay{ background: #fff; } #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. */ .cboxIE6 #cboxTopLeft{background:url(/image/jquery/colorbox/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(/image/jquery/colorbox/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(/image/jquery/colorbox/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(/image/jquery/colorbox/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(/image/jquery/colorbox/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(/image/jquery/colorbox/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(/image/jquery/colorbox/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(/image/jquery/colorbox/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } #cboxWrapper { padding: 30px 30px 0 0; } #cboxPrevious, #cboxNext, #cboxClose { width: 40px; height: 40px; } #cboxClose { background: url(/image/jquery/colorbox/p_close.png) 0 0 no-repeat; top: -55px; right: -55px; border: none; } #cboxPrevious { background: url(/image/jquery/colorbox/p_arrow_L.png) 0 0 no-repeat; bottom: 47%; left: -25px; z-index: 999999; } #cboxNext { background: url(/image/jquery/colorbox/p_arrow_R.png) 0 0 no-repeat; bottom: 47%; left: auto; right: -25px!important; z-index: 999999; } #cboxCurrent { display: none!important; } #colorbox { padding: 80px 80px 0 0!important; } /*#cboxLoadingGraphic { background: url(/image/jquery/colorbox/logo.png) no-repeat center; z-index: 999999; }*/