body { margin:0px; background-color:#153043; font-family: Tahoma, Geneva, sans-serif; font-size:12px; color:#153043; text-align:left} #container {width:1000px; margin: 0 auto; text-align: left; margin-top:20px; background-color:#2c5d7f; margin-bottom:20px;} .container {background-image:url(../images/bg.gif); background-repeat:no-repeat; background-position:top} #header {height:400px;} #sidebar1 {float:left; width:278px; background-color:#225477; margin-top:10px;} #main { margin:5px 10px 10px 300px;} #footer {width:1000px; height:74px; background-image:url(../images/foot.jpg); margin-bottom:0px; background-repeat:no-repeat; color:#FFF; font-size:12px;} .clearfloat { clear:both;height:0;font-size: 1px;line-height: 0px;} .top { width:1000px; height:157px; background:url(../images/top.jpg) no-repeat;} .top1 {position:absolute; width:170px; height:20px; background:url(../images/top1.jpg) no-repeat; margin-top:10px; margin-left:790px; color:#FFF; padding:5px 10px 2px 20px; font-size:14px;} .top2 {margin-left:200px; margin-top:60px; color:#033c64; font-size:24px; position:absolute} .top3 {position:absolute; width:160px; height:52px; margin-top:55px; margin-left:805px;} .top4 {position:absolute; width:791px; height:35px; background:url(../images/top_menu.jpg) no-repeat; margin-top:122px; margin-left:199px; padding-left:10px} a.top5 {display:block; margin:9px 10px 5px 10px; color:#FFF; font-size:15px; text-decoration:none; float:left;} a.top5:hover {text-decoration:underline;} a.top_menu {font-size:14px; color:#FFF;text-decoration:none;} a.top_menu:hover {text-decoration:underline; } .top6 {width:310px; height:244px; float:left;background:url(../images/top2.jpg) no-repeat} .top7 { width:295px; height:230px; margin:7px; color:#FFF; font-size:12px} .top8 {font-size:22px; color:#FFF; padding-top:10px;} .top9 {margin-top:15px; margin-left:10px;} .top10 {margin-top:20px; text-align:right; margin-right:20px;} .top11 {width:690px; height:244px; float:left;} .top12 { vertical-align: bottom; margin-left:20px;} .main {width:328px; height:178px; background:url(../images/block.png); margin:0px 0 0 0px;} .main1 {margin:0px 10px 0px 10px; color:#FFF; font-size:22px; padding-top:10px;} .main2 {margin:0px 10px 5px 10px; color:#FFF; text-align:right} .main3 {margin:5px 10px 10px 10px; color:#FFF;} .main4 {margin:5px 20px 10px 10px; color:#FFF; text-align:right} .main5 {width:328px; height:178px; background:url(../images/block.png); margin:0px 0 0 10px;} .main6 {margin:0px 10px 0px 27px; color:#FFF; font-size:22px; padding-top:10px;} .main7 {margin:2px 10px 10px 10px; color:#FFF; text-align:center} .main8 {width:678px; height:28px; background:url(../images/main_top.png) no-repeat; margin:0px;} .main9 {width:677px; background-color:#FFF; padding:0px 10px 0px 14px; text-align:justify;} .main11 {width:90%; height:1px; color: #036} .main12 {width:678px; height:24px; background:url(../images/main_foot.png) no-repeat; margin:0px;} h2 {font-size:14px; margin:0px; color:#033c64} h1 {margin:0px; margin-bottom:10px; text-align:right; color:#326282; font-size:11px; font-weight:normal} h3 {text-align:center;} h1 {} foot {} .foot1 {padding-right:30px; text-align: right; vertical-align:top; padding-top:10px;} .foot2 {padding-top:10px;} .foot3 {padding-top:10px;} .foot4 {padding-top:10px;} ul {list-style:none; margin:0px; padding:0px; display:block;} li {margin:0px; padding:0px;} #menu_272 li ul{position:absolute; display:none; margin-left:278px; padding-left:0px; width:220px; background-color:#225477; color:#FFF; font-size:14px; text-decoration:none; margin-top:-32px; z-index: 60000;} #menu_267 li ul{position:absolute; display:none; margin-left:278px; padding-left:0px; width:220px; background-color:#225477; color:#FFF; font-size:14px; text-decoration:none; margin-top:-32px; z-index: 60000;} #menu_271 li ul{position:absolute; display:none; margin-left:278px; padding-left:0px; width:220px; background-color:#225477; color:#FFF; font-size:14px; text-decoration:none; margin-top:-32px; z-index: 60000;} #menu_270 li ul{position:absolute; display:none; margin-left:278px; padding-left:0px; width:220px; background-color:#225477; color:#FFF; font-size:14px; text-decoration:none; margin-top:-32px; z-index: 60000;} #menu_269 li ul{position:absolute; display:none; margin-left:278px; padding-left:0px; width:220px; background-color:#225477; color:#FFF; font-size:14px; text-decoration:none; margin-top:-32px; z-index: 60000;} #menu_376 li ul{position:absolute; display:none; margin-left:278px; padding-left:0px; width:220px; background-color:#225477; color:#FFF; font-size:14px; text-decoration:none; margin-top:-32px; z-index: 60000;} #menu_268 li ul{position:absolute; display:none; margin-left:278px; padding-left:0px; width:220px; background-color:#225477; color:#FFF; font-size:14px; text-decoration:none; margin-top:-32px; z-index: 60000;} #menu_332 li ul{position:absolute; display:none; margin-left:278px; padding-left:0px; width:220px; background-color:#225477; color:#FFF; font-size:14px; text-decoration:none; margin-top:-32px; z-index: 60000;} #menu_340 li ul{position:absolute; display:none; margin-left:278px; padding-left:0px; width:220px; background-color:#225477; color:#FFF; font-size:14px; text-decoration:none; margin-top:-32px; z-index: 60000;} #menu_335 li ul{position:absolute; display:none; margin-left:278px; padding-left:0px; width:220px; background-color:#225477; color:#FFF; font-size:14px; text-decoration:none; margin-top:-32px; z-index: 60000;} #menu_343 li ul{position:absolute; display:none; margin-left:278px; padding-left:0px; width:220px; background-color:#225477; color:#FFF; font-size:14px; text-decoration:none; margin-top:-32px; z-index: 60000;} #menu_347 li ul{position:absolute; display:none; margin-left:278px; padding-left:0px; width:220px; background-color:#225477; color:#FFF; font-size:14px; text-decoration:none; margin-top:-32px; z-index: 60000;} #menu_369 li ul{position:absolute; display:none; margin-left:278px; padding-left:0px; width:220px; background-color:#225477; color:#FFF; font-size:14px; text-decoration:none; margin-top:-32px; z-index: 60000;} #menu li ul{position:absolute; display:none; margin-left:278px; padding-left:0px; width:220px; background-color:#225477; color:#FFF; font-size:14px; text-decoration:none; margin-top:-32px; z-index: 60000;} a.left_pod_pod_menu {display:block; width:200px; height:22px;color:#fff;text-decoration:none; background-color:#4f7692; margin:0px 0px 0px 0px; padding:5px 10px 5px 10px; z-index: 60000;} a.left_pod_pod_menu:visited {display:block; width:200px; height:22px;color:#fff;text-decoration:none; background-color:#4f7692; margin:0px 0px 0px 0px; padding:5px 10px 5px 10px; z-index: 60000;} a.left_pod_pod_menu:hover {display:block; width:205px; height:22px;color:#fff;text-decoration:none; background-color:#033c64; margin:0px 0px 0px 0px; padding:5px 10px 5px 10px; text-decoration:underline; z-index: 60000;} a.left_pod_pod_menu1 {display:block; width:258px; height:18px;color:#fff;text-decoration:none; padding:7px 10px 7px 10px; z-index: 60000;} a.left_pod_pod_menu1:hover {display:block; width:258px; height:18px;color:#fff;text-decoration:none; padding:7px 10px 7px 10px;background-color:#033c64; z-index: 60000;} /*#menu li:hover ul{display:block;z-index:60000; background-color:#225477; color:#FFF;} #menu li.jshover ul{display:block;z-index:60000; background-color:#225477; color:#FFF;}*/ a.left_menu {display:block; width:258px; height:18px; background-color:#4f7692; margin:0px 0px 3px 0px; padding:7px 10px 7px 10px; color:#FFF; font-size:14px; text-decoration:none; z-index: 60000;} a.left_menu:visited {display:block; width:258px; height:18px; background-color:#4f7692; margin:0px 0px 3px 0px; padding:7px 10px 7px 10px; color:#FFF; font-size:14px; text-decoration:none; z-index: 60000;} a.left_menu:hover {display:block; width:258px; height:18px; background-color:#033c64; margin:0px 0px 3px 0px; padding:7px 10px 7px 10px; color:#FFF; font-size:14px; text-decoration:none; z-index: 60000;} a.left_pod_menu {display:block;width:258px; height:18px; color:#fff; text-decoration:none; padding:7px 10px 7px 10px; margin:0px; z-index: 60000;} a.left_pod_menu:visited {display:block;width:258px; height:18px; color:#fff; text-decoration:none; padding:7px 10px 7px 10px; margin:0px; z-index: 60000;} a.left_pod_menu:hover {display:block;width:258px; height:18px; color:#fff; text-decoration:none; padding:7px 10px 7px 10px; background-color:#033c64; margin:0px; z-index: 60000;} a.left_pod_menu:active {display:block;width:258px; height:18px; color:#fff; text-decoration:none; padding:7px 10px 7px 10px; background-color:#033c64; margin:0px; z-index: 60000;} /*a.left_pod_menu:hover li{display:block;position:absolute;background-color:#333; margin-left:0px;font-size:0px; width:200px; z-index:5000; margin:0px;}*/ /* ul {list-style:none; margin:0px; padding:0px; line-height:0px;} #menu li ul{position:absolute; display:none; margin-left:278px; width:220px; background-color:#225477; color:#FFF; font-size:14px; text-decoration:none; margin-top:-32px; border: solid 1px red} a.left_pod_pod_menu {display:block; width:200px;color:#fff;text-decoration:none; background-color:#4f7692; height:18px; padding:10px 10px 7px 10px;} a.left_pod_pod_menu:hover {display:block; width:205px;color:#fff;text-decoration:none; background-color:#033c64; text-decoration:underline; height:18px; padding:7px 10px 7px 10px;} a.left_pod_pod_menu1 {display:block; width:258px;color:#fff;text-decoration:none; height:18px; padding:7px 10px 7px 10px;} a.left_pod_pod_menu1:hover {display:block; width:258px;color:#fff;text-decoration:none; height:18px; padding:7px 10px 7px 10px; background-color:#033c64;} #menu li:hover ul{display:block;z-index:60000; background-color:#225477; color:#FFF;} #menu li.jshover ul{display:block;z-index:60000; background-color:#225477; color:#FFF;} a.left_menu {display:block; width:258px;background-color:#4f7692;color:#FFF; font-size:14px; text-decoration:none; height:18px; padding:7px 10px 7px 10px;} a.left_menu:hover {display:block; width:258px;background-color:#033c64;color:#FFF; font-size:14px; text-decoration:none; height:18px; padding:7px 10px 7px 10px;} a.left_pod_menu {display:block; color:#fff; width:258px;text-decoration:none; padding:7px 10px 7px 10px; height:18px;} a.left_pod_menu:hover {display:block; color:#fff; width:258px;text-decoration:none; padding:7px 10px 7px 10px; height:18px;} a.left_pod_menu:hover li{display:block;position:absolute;background-color:#333; font-size:0px; width:200px; z-index:5000;} */ p { margin: 7px 0 7px 0;} /*фотогалерея /*body{background-color:#999;color:white;padding-top:20px;font-family:helvetica;font-size:12px;text-align: center;}*/ .pikachoose{width:510px;margin:0 auto 50px auto;} /* This is the ul you have all your images in */ .pikachoose ul{padding-left:2px;padding-top:2px;width:510px;height:180px;margin:0;overflow:hidden;} .pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 6px 4px 0;position:relative;overflow:hidden;} .pikachoose ul li div img{position:relative;cursor:pointer;} /* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */ .pika_main{width:506px;height:326px;display:block;position:relative;} /*sine we give it the fake border, you need to position the image a little. */ .pika_main_img{position:absolute;top:2px;left:2px;} .pika_back_img{position:relative;top:0px;left:0px;} .pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;} .pika_subdiv img, .pika_subdiv a img{border:none;} .pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('black.png') top left;} .pika_caption a{color:white;} .pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;} .pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;} .pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;} .pika_navigation a{font-size: 12px; text-decoration: none;} .pika_navigation a:hover{text-decoration: underline;} .pika_navigation{padding-top:10px;clear:both;text-align:center;} /* if you want to 'hide' these jus make their height and width 1px */ .pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;} .pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}