/* ========================================================================== General styles ========================================================================== */ /* General */ html, body {margin:0px; padding:0px; font-family:Arial; font-size:12px; color:#000000; line-height:18px; background:#fff; height:100%; min-width: 990px;} a {color:#333333; outline:none;} a:hover {text-decoration:none;} a img {border:none;} img {vertical-align:middle;} hr {display:block; height:1px; border:0 none; border-top:1px solid #ccc; margin:0px; padding:0px;} p {margin:15px 0px; padding:0px;} h1 {font-size:20px; font-weight:bold; margin:0px 0px 30px 0px; padding:0px; line-height:24px; color:#000; font-family:Arial;} h2 {font-size:28px; font-weight:bold; margin:0px 0px 20px 0px; padding:0px; line-height:28px; color:#000; font-family:Arial;} h3 {font-size:18px; font-weight:bold; margin:0px 0px 15px 0px; padding:0px; line-height:18px; color:#000; font-family:Arial;} h5{font-size:34px; line-height:38px; font-weight:bold; color:#000; margin:0px;} menu, ol, ul {margin:0px; padding:0px; list-style-type:none;} menu li, ol li, ul li {margin:0px; padding:0px;} menu menu, ol ol, ul ul {margin:6px 0px 6px 30px;} form {margin:0px; padding:0px;} button,input,select,textarea {outline:none; font-family:Arial;} textarea {overflow:auto; resize: vertical;} table {margin:0px; padding:0px; border:none; border-collapse:collapse;} table td, table th {margin:0px; padding:0px; border:none; border-collapse:collapse; text-align:left; vertical-align:top; font-weight:normal;} .wrap {min-height:100%;} .middle_main {max-width:1200px; margin:0 auto; width:100%; border-top:4px solid #2a2a2a; padding-top:38px;} .clear.clear_footer {height:538px;} /* Demo (remove) */ header {max-width:1200px; width:100%; height:270px; background:#fff; margin:0 auto;} .middle {width:100%;} footer {width:100%; height:538px; margin:-538px auto 0px auto; position:relative; background:url(../images/footer.jpg) repeat-x center;} .footer_img{position:absolute; bottom:0px; left:0px; width:100%; text-align:center;} .footer_img .foot{cursor:pointer; display:none;} .footer_img img{position:absolute; bottom:0px; left:0px; opacity:0; z-index:0;} .footer_img area{display:block;} .block_video .grid_6{margin-left:0px;} .header_block.container_12{width:auto;} .title{font-weight:bold; line-height:24px; position:relative;} .title h1{color:#4c4c4c; text-transform:uppercase; margin:0px;} .title.animal{border-bottom:2px solid #8b4a28 !important; padding-bottom:5px; margin-bottom:19px;} .title.pets{border-bottom:2px solid #9d6e00 !important; padding-bottom:5px; margin-bottom:19px;} .title.plant{border-bottom:2px solid #9db46d !important; padding-bottom:5px; margin-bottom:19px;} .title.dinosaur{border-bottom:2px solid #087390 !important; padding-bottom:5px; margin-bottom:19px;} .title.mysterious{border-bottom:2px solid #6e0f5f !important; padding-bottom:5px; margin-bottom:19px;} .title.foto{border-bottom:2px solid #2a2a2a; padding-bottom:5px; margin-bottom:19px;} .prev_img img{width:100%;} .text_block{margin-top:19px;} .text_block > a{font-weight:bold; color:#000;} .text_block span{color:#808080; font-size:11px;} .further{background:url(../images/further.png) no-repeat 0px 0px; width:6px; height:8px; display:inline-block;//display:inline;//zoom:1; margin-left:2px;} .further:hover{background:url(../images/further.png) no-repeat 0px -8px;} .block_video{margin-bottom:39px;} .block_video a{font-weight:bold; color:#000;} .block_video span{color:#808080; font-size:11px;} .video .title{border-bottom:2px solid #2a2a2a; padding-bottom:5px; margin-bottom:19px;} .play_block img{width:100%;} .new .block_img img{width:100%;} .name{margin-bottom:9px;} .name a{text-transform:uppercase; color:#808080; font-size:11px;} .headline{margin-top:18px;} .headline a{font-weight:bold;} .reviews{position:absolute; top:0px; right:0px;} .reviews .arroy{background:url(../images/arroy.png) no-repeat; width:6px; height:7px; position:absolute; top:10px; left:-6px;} .reviews a{background:#e3e3e3; padding:0px 4px; display:inline-block;//display:inline;//zoom:1; font-size:10px; font-weight:normal; text-decoration:none;position: relative;} .about .title{border:none;} .text_blocks .text_block { display: none; } .text_blocks .text_block:first-child { display: inline-block; } .icon.foto{background:url(../images/elements.png) no-repeat -60px 0px; width:12px; height:10px; position:absolute; top:8px; left:-20px;} .icon.plant{background:url(../images/elements.png) no-repeat -47px -23px; width:7px; height:13px; position:absolute; top:8px; left:-17px;} .icon.animal{background:url(../images/elements.png) no-repeat -47px -11px; width:11px; height:11px; position:absolute; top:8px; left:-20px;} .icon.news{background:url(../images/elements.png) no-repeat -47px 0px; width:12px; height:10px; position:absolute; top:8px; left:-20px;} .icon.video{background:url(../images/elements.png) no-repeat -60px -11px; width:12px; height:7px; position:absolute; top:10px; left:-20px; margin:0px} .icon.block2{background:url(../images/elements.png) no-repeat -114px 0px; width:9px; height:12px; position:absolute; top:7px; left:-20px; margin:0px} .icon.map{background:url(../images/elements.png) no-repeat -124px 0px; width:9px; height:11px; position:absolute; top:9px; left:-20px; margin:0px} .icon.pets{background:url(../images/elements.png) no-repeat -102px -13px; width:11px; height:13px; position:absolute; top:7px; left:-20px; margin:0px} .icon.dinosaur{background:url(../images/elements.png) no-repeat -72px -12px; width:13px; height:12px; position:absolute; top:7px; left:-20px; margin:0px} .icon.mysterious{background:url(../images/elements.png) no-repeat -85px -14px; width:17px; height:14px; position:absolute; top:7px; left:-25px; margin:0px} .linear{margin:0 1%;} .new{margin-top:50px;} .soc_block{margin-top:20px;} .soc_block a{text-decoration:none; margin-right:15px; margin-bottom:20px; display:inline-block;//display:inline;//zoom:1;} .img_video img{width:100%;} .bock_bottom{position:relative;} .bock_bottom .carousel_block{position:relative;} .hover:hover.plant{background:#dcddd3; position:relative;} .hover:hover.plant .tl{background:url(../images/plant_tl_tr_bl_br.png) no-repeat 0px 0px; width:40px; height:40px; position:absolute; top:-40px; left:-40px;} .hover:hover.plant .tr{background:url(../images/plant_tl_tr_bl_br.png) no-repeat -40px 0px; width:40px; height:40px; position:absolute; top:-40px; right:-40px;} .hover:hover.plant .bl{background:url(../images/plant_tl_tr_bl_br.png) no-repeat 0px -40px; width:40px; height:40px; position:absolute; bottom:-40px; left:-40px;} .hover:hover.plant .br{background:url(../images/plant_tl_tr_bl_br.png) no-repeat -40px -40px; width:40px; height:40px; position:absolute; bottom:-40px; right:-40px;} .hover:hover.plant .l{background:url(../images/plant_l_r.png) repeat-y 0px 0px; width:40px; height:100%; position:absolute; top:0px; left:-40px;} .hover:hover.plant .r{background:url(../images/plant_l_r.png) repeat-y -40px 0px; width:40px; height:100%; position:absolute; top:0px; right:-40px;} .hover:hover.plant .t{background:url(../images/plant_t_b.png) repeat-x 0px 0px; width:100%; height:40px; position:absolute; top:-40px; left:0px;} .hover:hover.plant .b{background:url(../images/plant_t_b.png) repeat-x 0px -40px; width:100%; height:40px; position:absolute; bottom:-40px; left:0px;} .hover:hover.plant .icon.plant{background:url(../images/elements.png) no-repeat -38px -23px; width:7px; height:13px; position:absolute; top:8px; left:-17px;} .hover:hover.plant .reviews a{background:#9db46d; color:#fff; padding:0px 4px; display:inline-block;//display:inline;//zoom:1; font-size:10px; font-weight:normal; text-decoration:none;} .hover:hover.plant .reviews .arroy{background:url(../images/plant_arroy.png) no-repeat -6px 0px; width:6px; height:7px; position:absolute; top:10px; left:-6px;} .hover:hover.animal{background:#e9ddd6; position:relative;} .hover:hover.animal .tl{background:url(../images/animal_tl_tr_bl_br.png) no-repeat 0px 0px; width:40px; height:40px; position:absolute; top:-40px; left:-40px;} .hover:hover.animal .tr{background:url(../images/animal_tl_tr_bl_br.png) no-repeat -40px 0px; width:40px; height:40px; position:absolute; top:-40px; right:-40px;} .hover:hover.animal .bl{background:url(../images/animal_tl_tr_bl_br.png) no-repeat 0px -40px; width:40px; height:40px; position:absolute; bottom:-40px; left:-40px;} .hover:hover.animal .br{background:url(../images/animal_tl_tr_bl_br.png) no-repeat -40px -40px; width:40px; height:40px; position:absolute; bottom:-40px; right:-40px;} .hover:hover.animal .l{background:url(../images/animal_l_r.png) repeat-y 0px 0px; width:40px; height:100%; position:absolute; top:0px; left:-40px;} .hover:hover.animal .r{background:url(../images/animal_l_r.png) repeat-y -40px 0px; width:40px; height:100%; position:absolute; top:0px; right:-40px;} .hover:hover.animal .t{background:url(../images/animal_t_b.png) repeat-x 0px 0px; width:100%; height:40px; position:absolute; top:-40px; left:0px;} .hover:hover.animal .b{background:url(../images/animal_t_b.png) repeat-x 0px -40px; width:100%; height:40px; position:absolute; bottom:-40px; left:0px;} .hover:hover.animal .icon.animal{background:url(../images/elements.png) no-repeat -60px -18px; width:11px; height:11px; position:absolute; top:8px; left:-20px;} .hover:hover.animal .reviews a{background:#8B4A28; color:#fff; padding:0px 4px; display:inline-block;//display:inline;//zoom:1; font-size:10px; font-weight:normal; text-decoration:none;} .hover:hover.animal .reviews .arroy{background:url(../images/animal_arroy.png) no-repeat -6px 0px; width:6px; height:7px; position:absolute; top:10px; left:-6px;} .hover:hover.pets{background:#efe5d6; position:relative;} .hover:hover.pets .tl{background:url(../images/pets_tl_tr_bl_br.png) no-repeat 0px 0px; width:40px; height:40px; position:absolute; top:-40px; left:-40px;} .hover:hover.pets .tr{background:url(../images/pets_tl_tr_bl_br.png) no-repeat -40px 0px; width:40px; height:40px; position:absolute; top:-40px; right:-40px;} .hover:hover.pets .bl{background:url(../images/pets_tl_tr_bl_br.png) no-repeat 0px -40px; width:40px; height:40px; position:absolute; bottom:-40px; left:-40px;} .hover:hover.pets .br{background:url(../images/pets_tl_tr_bl_br.png) no-repeat -40px -40px; width:40px; height:40px; position:absolute; bottom:-40px; right:-40px;} .hover:hover.pets .l{background:url(../images/pets_l_r.png) repeat-y 0px 0px; width:40px; height:100%; position:absolute; top:0px; left:-40px;} .hover:hover.pets .r{background:url(../images/pets_l_r.png) repeat-y -40px 0px; width:40px; height:100%; position:absolute; top:0px; right:-40px;} .hover:hover.pets .t{background:url(../images/pets_t_b.png) repeat-x 0px 0px; width:100%; height:40px; position:absolute; top:-40px; left:0px;} .hover:hover.pets .b{background:url(../images/pets_t_b.png) repeat-x 0px -40px; width:100%; height:40px; position:absolute; bottom:-40px; left:0px;} .hover:hover.pets .icon.pets{background:url(../images/elements.png) no-repeat -102px 0px; width:11px; height:13px; position:absolute; top:7px; left:-20px;} .hover:hover.pets .reviews a{background:#9d6e00; color:#fff; padding:0px 4px; display:inline-block;//display:inline;//zoom:1; font-size:10px; font-weight:normal; text-decoration:none;} .hover:hover.pets .reviews .arroy{background:url(../images/pets_arroy.png) no-repeat -6px 0px; width:6px; height:7px; position:absolute; top:10px; left:-6px;} .hover:hover.dinosaur{background:#dae3e6; position:relative;} .hover:hover.dinosaur .tl{background:url(../images/dinosaur_tl_tr_bl_br.png) no-repeat 0px 0px; width:40px; height:40px; position:absolute; top:-40px; left:-40px;} .hover:hover.dinosaur .tr{background:url(../images/dinosaur_tl_tr_bl_br.png) no-repeat -40px 0px; width:40px; height:40px; position:absolute; top:-40px; right:-40px;} .hover:hover.dinosaur .bl{background:url(../images/dinosaur_tl_tr_bl_br.png) no-repeat 0px -40px; width:40px; height:40px; position:absolute; bottom:-40px; left:-40px;} .hover:hover.dinosaur .br{background:url(../images/dinosaur_tl_tr_bl_br.png) no-repeat -40px -40px; width:40px; height:40px; position:absolute; bottom:-40px; right:-40px;} .hover:hover.dinosaur .l{background:url(../images/dinosaur_l_r.png) repeat-y 0px 0px; width:40px; height:100%; position:absolute; top:0px; left:-40px;} .hover:hover.dinosaur .r{background:url(../images/dinosaur_l_r.png) repeat-y -40px 0px; width:40px; height:100%; position:absolute; top:0px; right:-40px;} .hover:hover.dinosaur .t{background:url(../images/dinosaur_t_b.png) repeat-x 0px 0px; width:100%; height:40px; position:absolute; top:-40px; left:0px;} .hover:hover.dinosaur .b{background:url(../images/dinosaur_t_b.png) repeat-x 0px -40px; width:100%; height:40px; position:absolute; bottom:-40px; left:0px;} .hover:hover.dinosaur .icon.dinosaur{background:url(../images/elements.png) no-repeat -72px 0px; width:13px; height:12px; position:absolute; top:7px; left:-20px;} .hover:hover.dinosaur .reviews a{background:#087390; color:#fff; padding:0px 4px; display:inline-block;//display:inline;//zoom:1; font-size:10px; font-weight:normal; text-decoration:none;} .hover:hover.dinosaur .reviews .arroy{background:url(../images/dinosaur_arroy.png) no-repeat -6px 0px; width:6px; height:7px; position:absolute; top:10px; left:-6px;} .hover:hover.mysterious{background:#e1d9e0; position:relative;} .hover:hover.mysterious .tl{background:url(../images/mysterious_tl_tr_bl_br.png) no-repeat 0px 0px; width:40px; height:40px; position:absolute; top:-40px; left:-40px;} .hover:hover.mysterious .tr{background:url(../images/mysterious_tl_tr_bl_br.png) no-repeat -40px 0px; width:40px; height:40px; position:absolute; top:-40px; right:-40px;} .hover:hover.mysterious .bl{background:url(../images/mysterious_tl_tr_bl_br.png) no-repeat 0px -40px; width:40px; height:40px; position:absolute; bottom:-40px; left:-40px;} .hover:hover.mysterious .br{background:url(../images/mysterious_tl_tr_bl_br.png) no-repeat -40px -40px; width:40px; height:40px; position:absolute; bottom:-40px; right:-40px;} .hover:hover.mysterious .l{background:url(../images/mysterious_l_r.png) repeat-y 0px 0px; width:40px; height:100%; position:absolute; top:0px; left:-40px;} .hover:hover.mysterious .r{background:url(../images/mysterious_l_r.png) repeat-y -40px 0px; width:40px; height:100%; position:absolute; top:0px; right:-40px;} .hover:hover.mysterious .t{background:url(../images/mysterious_t_b.png) repeat-x 0px 0px; width:100%; height:40px; position:absolute; top:-40px; left:0px;} .hover:hover.mysterious .b{background:url(../images/mysterious_t_b.png) repeat-x 0px -40px; width:100%; height:40px; position:absolute; bottom:-40px; left:0px;} .hover:hover.mysterious .icon.mysterious{background:url(../images/elements.png) no-repeat -85px 0px; width:17px; height:14px; position:absolute; top:7px; left:-25px;} .hover:hover.mysterious .reviews a{background:#6e0f5f; color:#fff; padding:0px 4px; display:inline-block;//display:inline;//zoom:1; font-size:10px; font-weight:normal; text-decoration:none;} .hover:hover.mysterious .reviews .arroy{background:url(../images/mysterious_arroy.png) no-repeat -6px 0px; width:6px; height:7px; position:absolute; top:10px; left:-6px;} .header_block{margin-top:36px; border-bottom:2px solid #e5e5e5;} .header_block a{padding-top:10px;} /*.header_block > a{border-right:2px solid #2a2a2a;}*/ .section{width:100%;} .section_block{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;float:left; width:20%; text-align:center; border-right:1px solid #dfdfdf;} .section_block.first{border-left:1px solid #dfdfdf;} .section_block h1{text-transform:uppercase; color:#616161; margin: 10px 0 10px 0;} .section_block a{text-decoration:none;} .section_1{ background:url(../images/section_1.png) no-repeat 0px 0px; width:88px; height:41px; position:relative; margin:0 auto; } /*.section_block .block:hover .section_1{background:url(../images/section_1.png) no-repeat -88px 0px; width:180px; height:78px; left:1px;}*/ .section_2{ background:url(../images/section_2.png) no-repeat 0px 0px; width:109px; height:50px; position:relative; margin:-9px auto 0; } /*.section_block .block:hover .section_2{background:url(../images/section_2.png) no-repeat -110px 0px; width:168px; height:80px; left:1px;}*/ .section_3{ background:url(../images/section_3.png) no-repeat 0px 0px; width:67px; height:63px; position:relative; margin:-11px auto; } .section_4 { background:url(../images/section_4.png) no-repeat 0px 0px; width:104px; height:55px; position:relative; margin:-7px auto; } .section_5 { background:url(../images/section_5.png) no-repeat 0px 0px; width:99px; height:41px; position:relative; margin:0 auto; } .additional_menu > menu{float:right; border-bottom:1px solid #e5e5e5;} .additional_menu li{float:left;} .additional_menu > menu li a{color:#000; font-weight:bold; border-right:1px solid #e5e5e5; padding:10px 14px; display:block; text-decoration:none;} .additional_menu > menu li a:hover{background:#e5e5e5;} .inp_sear{float:left; width:248px; display:block; padding:11px 0; cursor:pointer; position:relative; border-right:1px solid #e5e5e5;} .inp_sear:hover{background:#e5e5e5;} .magnifier{background:url(../images/elements.png) no-repeat -38px 0px !important; width:9px !important; height:9px !important; border:none; padding:0px; position:absolute; top:19px; right:18px;} .search_block menu{margin-left:248px; padding:15px 0 0px 30px;} .search_block menu li a{color:#969696; margin-right:39px;} .inp_sear .search{background:#fff; border:none; color:#969696; width:230px; height:24px; position:relative; left:10px;} .search_block{position:relative; float:right;} .main_menu{background:#000; position:relative; height:54px; padding-left:36px;} .main_menu menu{background:#8c8c8c; position:absolute; top:54px; left:0px; height:36px; width:100%; margin:0px;} .main_menu menu li{margin-top:10px; position:relative; left:36px;} .main_menu menu li a{color:#fff; font-weight:bold; text-decoration:none; border-bottom:7px solid #8c8c8c;} .main_menu menu li a:hover{border-bottom:1px solid #fff;} .main_menu li{float:left; margin-right:19px; margin-top:18px;} .main_menu li a{color:#fff; font-weight:bold; text-decoration:none; border-bottom:7px solid #000; display:block; position: relative;} .main_menu li a.active:after{border:none; background:url(../images/arr_menu.png) no-repeat center center;position: absolute;top: 18px;left: 35%; height: 21px;width: 19px; content: "";} .main_menu li a:hover.active{border:none;} .main_menu li a:hover{border-bottom:7px solid #8c8c8c;} .header_block > a{border-right:2px solid #2a2a2a; margin-top:16px; padding-top:0px;} .header_block > a img{position:relative; left:-14px;} .additional_menu.grid_8{margin-right:0px; float:right;} .banner img{width:100%;} .news .title{border:none;} .creature_day{margin-top:65px; margin-bottom:40px;} .reviews:hover span { display: inline; } /*.foto .reviews .arroy { left: auto; right: 31px; }*/ .reviews span { padding-right: 5px; display: none; font-size: 11px; color: #bdbdbd; font-weight: normal; } /*.reviews a { display: none; }*/ .reviews > .icon + a { display: block; } .news .reviews a{ display: none; } .news .reviews .arroy { top: 8px; } .news .reviews .icon + a { display: block; } .banners{max-width:1200px; width:100%; margin:18px auto;} .new .show_more{position:relative; margin-top:40px;} .new .show_more .icon{background:url(../images/arr_dow.png) no-repeat; width:7px; height:10px; position:absolute; top:4px; left:-10px;} .new .show_more a{text-decoration:none; border-bottom:1px dashed; text-transform:uppercase; font-weight:bold; color:#000;} .new .show_more a:hover{border:none;} .wrap.animal .main_menu{background:#84401c; position:relative; height:54px; padding-left:36px;} .wrap.animal .main_menu .name_section h1{text-transform:uppercase; color:#fff;} .wrap.animal .main_menu menu{background:#e9ddd6;} .wrap.animal .main_menu menu li a{color:#84401c; font-weight:bold; text-decoration:none; border-bottom:7px solid #e9ddd6;} .wrap.animal .main_menu menu li a:hover{border-bottom:1px solid #84401c;} .wrap.animal .main_menu li a{border-bottom:7px solid #84401c;} .wrap.animal .main_menu li a:hover{border-bottom:7px solid #e9ddd6;} .wrap.animal .alphabetic_index{background:#e9ddd6; padding:0px 0 24px 23px; margin-bottom:35px;} .wrap.animal .alphabetic_index a{font-size:14px; margin-right:20px;} .wrap.animal .alphabetic_index .title{border:none; color:#4d4d4d; margin:0px; padding:0px; position:relative; top:10px;} .wrap.animal .alphabetic_index .title h4{font-size:14px; text-transform:uppercase;} .map_block{position:relative;} .wrap.animal .map_block .map{background-image:url(../images/map_animal.png); background-repeat:no-repeat; cursor:pointer; position:absolute; z-index:2; display:none;} .wrap.animal .map_block{background:url(../images/map_animal.png) no-repeat 0px 0px; width:299px; height:198px;} .wrap.animal .map_block .map.map_1{background-position:-334px 0; width:115px; height:95px; top:25px; left:17px;} .wrap.animal .map_block .map.map_2{background-position:-299px 0; width:35px; height:67px; top:107px; left:81px;} .wrap.animal .map_block .map.map_3{background-position:-449px -35px; width:51px; height:69px; top:82px; left:127px;} .wrap.animal .map_block .map.map_4{background-position:-299px -95px; width:148px; height:107px; top:27px; left:133px;} .wrap.animal .map_block .map.map_5{background-position:-449px 0px; width:49px; height:36px; top:129px; left:222px;} .map_block img {position:absolute; top:0px; left:0px; z-index:5; opacity:0;} .wrap.animal .section_block--animals { background: #84401C; border-left: none; padding-top: 7px; } .wrap.animal .section_block--animals h1 { display: none; } .wrap.animal .section_block--animals .section_1{background:url(../images/section_1.png) no-repeat -88px 0px; width:180px; height:78px; left:1px;} .wrap.plant .main_menu{background:#5e6831; position:relative; height:54px; padding-left:36px;} .wrap.plant .main_menu .name_section h1{text-transform:uppercase; color:#fff;} .wrap.plant .main_menu menu{background:#e5e7de;} .wrap.plant .main_menu menu li a{color:#5e6831; font-weight:bold; text-decoration:none; border-bottom:7px solid #e5e7de;} .wrap.plant .main_menu menu li a:hover{border-bottom:1px solid #5e6831;} .wrap.plant .main_menu li a{border-bottom:7px solid #5e6831;} .wrap.plant .main_menu li a:hover{border-bottom:7px solid #e5e7de;} .wrap.plant .alphabetic_index{background:#e5e7de; padding:0px 0 24px 23px; margin-bottom:35px;} .wrap.plant .alphabetic_index a{font-size:14px; margin-right:20px;} .wrap.plant .alphabetic_index .title{border:none; color:#4d4d4d; margin:0px; padding:0px; position:relative; top:10px;} .wrap.plant .alphabetic_index .title h4{font-size:14px; text-transform:uppercase;} .wrap.plant .section_block--flora { background: #5e6831; padding-top: 5px; } .wrap.plant .section_block--flora h1{ display: none; } .wrap.plant .section_block .section_2{background:url(../images/section_2.png) no-repeat -110px 0px; width:168px; height:80px; left:1px; margin: 0 auto;} .map_block{position:relative;} .wrap.plant .map_block .map{background-image:url(../images/map_flora.png); background-repeat:no-repeat; cursor:pointer; position:absolute; z-index:2; display:none;} .wrap.plant .map_block{background:url(../images/map_flora.png) no-repeat 0px 0px; width:299px; height:198px;} .wrap.plant .map_block .map.map_1{background-position:-334px 0; width:115px; height:95px; top:25px; left:17px;} .wrap.plant .map_block .map.map_2{background-position:-299px 0; width:35px; height:67px; top:107px; left:81px;} .wrap.plant .map_block .map.map_3{background-position:-449px -35px; width:51px; height:69px; top:82px; left:127px;} .wrap.plant .map_block .map.map_4{background-position:-299px -95px; width:148px; height:107px; top:27px; left:133px;} .wrap.plant .map_block .map.map_5{background-position:-449px 0px; width:49px; height:36px; top:129px; left:222px;} .wrap.pets .main_menu{background:#9e6f00; position:relative; height:54px; padding-left:36px;} .wrap.pets .main_menu .name_section h1{text-transform:uppercase; color:#fff;} .wrap.pets .main_menu menu{background:#efe5d6;} .wrap.pets .main_menu menu li a{color:#9e6f00; font-weight:bold; text-decoration:none; border-bottom:7px solid #efe5d6;} .wrap.pets .main_menu menu li a:hover{border-bottom:1px solid #9e6f00;} .wrap.pets .main_menu li a{border-bottom:7px solid #9e6f00;} .wrap.pets .main_menu li a:hover{border-bottom:7px solid #efe5d6;} .wrap.pets .alphabetic_index{background:#efe5d6; padding:0px 0 24px 23px; margin-bottom:35px;} .wrap.pets .alphabetic_index a{font-size:14px; margin-right:20px;} .wrap.pets .alphabetic_index .title{border:none; color:#4d4d4d; margin:0px; padding:0px; position:relative; top:10px;} .wrap.pets .alphabetic_index .title h4{font-size:14px; text-transform:uppercase;} .wrap.pets .section_block--pets { padding-top: 5px; background: #9e6f00; } .wrap.pets .section_block--pets h1 { display: none; } .wrap.pets .section_block .section_5{ background:url(../images/section_5.png) no-repeat -98px 5px; width:170px; height:80px; left:1px; margin: 0 auto; } .wrap.dinosaur .main_menu{background:#1b5362; position:relative; height:54px; padding-left:36px;} .wrap.dinosaur .main_menu .name_section h1{text-transform:uppercase; color:#fff;} .wrap.dinosaur .main_menu menu{background:#dae3e6;} .wrap.dinosaur .main_menu menu li a{color:#1b5362; font-weight:bold; text-decoration:none; border-bottom:7px solid #dae3e6;} .wrap.dinosaur .main_menu menu li a:hover{border-bottom:1px solid #1b5362;} .wrap.dinosaur .main_menu li a{border-bottom:7px solid #1b5362;} .wrap.dinosaur .main_menu li a:hover{border-bottom:7px solid #dae3e6;} .wrap.dinosaur .alphabetic_index{background:#dae3e6; padding:0px 0 24px 23px; margin-bottom:35px;} .wrap.dinosaur .alphabetic_index a{font-size:14px; margin-right:20px;} .wrap.dinosaur .alphabetic_index .title{border:none; color:#4d4d4d; margin:0px; padding:0px; position:relative; top:10px;} .wrap.dinosaur .alphabetic_index .title h4{font-size:14px; text-transform:uppercase;} .wrap.dinosaur .section_block--dinosaur { padding-top: 5px; background: #1B5362; } .wrap.dinosaur .section_block--dinosaur h1 { display: none; } .wrap.dinosaur .section_block .section_3{ background:url(../images/section_3.png) no-repeat -68px 0px; width:170px; height:80px; left:1px; margin: 0 auto; } .wrap.mysterious .main_menu{background:#46123e; position:relative; height:54px; padding-left:36px;} .wrap.mysterious .main_menu .name_section h1{text-transform:uppercase; color:#fff;} .wrap.mysterious .main_menu menu{background:#e1d9e0;} .wrap.mysterious .main_menu menu li a{color:#46123e; font-weight:bold; text-decoration:none; border-bottom:7px solid #e1d9e0;} .wrap.mysterious .main_menu menu li a:hover{border-bottom:1px solid #46123e;} .wrap.mysterious .main_menu li a{border-bottom:7px solid #46123e;} .wrap.mysterious .main_menu li a:hover{border-bottom:7px solid #e1d9e0;} .wrap.mysterious .alphabetic_index{background:#e1d9e0; padding:0px 0 24px 23px; margin-bottom:35px;} .wrap.mysterious .alphabetic_index a{font-size:14px; margin-right:20px;} .wrap.mysterious .alphabetic_index a.active{font-weight:bold; text-decoration:none;} .wrap.mysterious .alphabetic_index .title{border:none; color:#4d4d4d; margin:0px; padding:0px; position:relative; top:10px;} .wrap.mysterious .alphabetic_index .title h4{font-size:14px; text-transform:uppercase;} .wrap.mysterious .section_block--mysterious { padding-top: 1px; background: #46123e; } .wrap.mysterious .section_block--mysterious h1 { display: none; } .wrap.mysterious .section_block .section_4{ background:url(../images/section_4.png) no-repeat -103px 0px; width:166px; height:84px; left:1px; margin: 0 auto; } .map .pop_up_map{background:#fff; font-size:10px; color:#484848; position:relative; text-align:center; z-index:10; display:none;} .map .pop_up_map a{text-decoration:none;} .map .pop_up_map .arroy{background:url(../images/arroy2.png) no-repeat center 0px; width:100%; height:6px; position:absolute; left:0px; bottom:-6px; text-align:center;} .map_1 .pop_up_map{top:25px; width:100px;} .map_2 .pop_up_map{top:8px; left:-33px; width:86px;} .map_3 .pop_up_map{top:4px; width:50px;} .map_4 .pop_up_map{top:25px; width:46px; left:46px;} .map_5 .pop_up_map{top:-8px; width:60px; left:-15px;} .help{background:url(../images/help.png) repeat-x 0px -31px; height:31px; position:relative; float:right !important; padding:0px 26px; margin-top:11px !important;} .help .help_left{background:url(../images/help.png) no-repeat 0px 0px; height:31px; width:5px; position:absolute; top:0px; left:-5px;} .help .help_right{background:url(../images/help.png) no-repeat -5px 0px; height:31px; width:5px; position:absolute; top:0px; right:-5px;} .help a{color:#fff; text-shadow:0px -1px 0px #000; border:none !important; font-size:14px !important; font-weight:normal !important; position:relative; top:5px;} .linear .block_linear{position:relative; margin-bottom:80px;} .linear .block_linear section{position:relative; background:#2a2a2a; height:7px; position:relative; float:left; cursor:pointer;} .linear .block_linear section.active, .linear .block_linear section:hover{position:relative; background:#c1c1c1; height:7px; position:relative; float:left;} .linear .line{background:#2a2a2a; width:100%; height:7px; position:absolute; top:0px; left:0px;} .linear .s1{width:10%;} .linear .s2, .linear .s3, .linear .s4, .linear .s5, .linear .s6{width:3%;} .linear .s7{width:3%;} .linear .s8, .linear .s9{width:3%;} .linear .s10{width:5%;} .linear .s11{width:4%;} .linear .s12{width:5%;} .linear .s13{width:5%;} .linear .s14{width:7%;} .linear .s15{width:10%;} .linear .s16, .linear .s17{width:15%;} .linear .border.big{background:url(../images/big_border.jpg) no-repeat; width:3px; height:23px; position:absolute; top:-8px; right:-3px; z-index:1;} .linear .border.small{background:url(../images/small_border.jpg) no-repeat; width:1px; height:17px; position:absolute; top:-5px; right:-1px; z-index:1;} .linear .block_linear section.active .border.small, .linear .block_linear section:hover .border.small{z-index:1;} .linear .block_linear section.active .border.big, .linear .block_linear section:hover .border.big{z-index:1;} .linear .plash_creatures{display:none; position:absolute; background:#fff; bottom: 35px; left:-50px; width:180px;} .linear .title {border-bottom:none; border-top:#e5e5e5 solid 1px; padding:24px 0 0 0;} section .number{margin-top:20px; margin-left:-2px; float:left;} section .number.last{float:right;} .plash_creatures .t{background:url(../images/creatures_t_b.png) no-repeat 0px 0px; height:28px; width:232px; position:absolute; top:-28px; left:-29px;} .plash_creatures .b{background:url(../images/creatures_t_b.png) no-repeat 0px -28px; height:38px; width:232px; position:absolute; bottom:-38px; left:-29px;} .plash_creatures .l{background:url(../images/creatures_l_r.png) repeat-y 0px 0px; height:100%; width:29px; position:absolute; top:0; left:-29px;} .plash_creatures .r{background:url(../images/creatures_l_r.png) repeat-y -29px 0px; height:100%; width:31px; position:absolute; top:0; right:-23px;} .plash_creatures .img{float:left; max-width:70px;} .plash_creatures .text_inf{margin-left:70px;} .plash_creatures .img img{max-width:70px;} .crumbs{margin-bottom:20px;} .crumbs a{font-size:11px; margin-bottom:20px;} .crumbs a.active{text-decoration:none;} .crumbs span{margin:0 2px;} .block_title .data{text-transform:uppercase; color:#808080; font-size:9px;} .block_title h1{font-size:28px; line-height:34px; font-weight:normal; margin:0px;} .news_nav{margin:20px 0px 30px;} .news_nav a{color:#808080; font-size:11px;} .news_nav .news_prev{float:left;} .news_nav .news_next{float:right;} .picture_of_news {position:relative;} .picture_of_news img{width:100%;} .picture_of_news .icon{background:url(../images/elements.png) no-repeat -134px 0px; width:25px; height:23px; position:absolute; bottom:0px; right:0px;} .text_news .tegs{margin:20px 0px; color:#808080; font-size:12px; border-bottom:#e5e5e5 solid 1px; padding-bottom:20px;} .text_news .tegs a{color:#808080;} .news_open .original_news p{margin-top:0px;} .text_news{margin-bottom:50px;} .text_news .grid_4{margin-left:0px;} .navigation{position:relative; margin:50px 0 30px; margin-left:1%;} .dotted_block { margin-top: 30px; } .navigation .nav-current-page, .dotted_block a.active { padding:6px 11px; background:#e3e3e3; color:#000; font-weight:bold; font-size:15px; } .navigation a, .dotted_block a { background:#000; color:#fff; font-size:13px; padding:2px 7px; font-weight:bold; text-decoration:none; margin-right:8px; } .tape_news{margin-bottom:68px;} .brief_text .article_title{font-size:18px; color:#000; font-weight:bold;} .brief_text p{margin-top:0px;} .brief_description_news .data_block{font-size:9px; color:#808080; text-transform:uppercase; margin-bottom:10px;} .tegs_block{color:#808080; margin-top:20px;} .tegs_block a{color:#808080;} .about{margin-top:80px; position:relative} .about_img{position:relative; } .about_img.img1{left:-40px; top:52px;} .about_img.img2{left:0px; top:25px;} .about_img.img3{left:0px; top:55px;} .signature{float:right;} .content menu{margin-top:165px;} .content menu li{margin-top:10px;} .content menu li a{font-size:12px;} .content menu li a.active{font-weight:bold;} .block_title span{color:#c2c2c2; font-style:italic;} .photo img{width:100%;} .photo .autor_block{margin-top:20px;} .photo .autor_block a{color:#000;} .photo .autor_block span{margin-right:40px;} .nav_2{margin:15px 0px 20px;} .nav_2 a{color:#000; margin-right:30px;} .copyrights{color:#808080; font-size:11px; position:relative; width:auto; margin:0 30%; padding-left:15px} .copyrights .icon{background:url(../images/elements.png) no-repeat -160px 0px; width:11px; height:12px; float:left; position:absolute; top:3px; left:0px;} .text_news{margin-top:20px;} .all_photo{font-size:14px; color:#c2c2c2; font-weight:bold; position:absolute; bottom:0px; right:100px;} .all_photo a{font-size:14px; color:#000; font-weight:bold;} .all_photo span{font-style:normal;} .block_title{position:relative;} .button{background:url(../images/button.png) repeat-x 0px -41px; height:41px; position:relative; display:inline-block;//display:inline;//zoom:1; font-size:15px; text-decoration:none; margin-left:15px;} .button input{background:none; border:none; font-weight:bold; color:#2a2a2a; margin-top:10px;} .button .button_left{background:url(../images/button.png) no-repeat 0px 0px; width:15px; height:41px; position:absolute; top:0px; left:-15px;} .button .button_right{background:url(../images/button.png) no-repeat -15px 0px; width:15px; height:41px; position:absolute; top:0px; right:-15px;} .input_block .input{margin-top:3px;} .input_block .input input{background:none; border:1px solid #e5e5e5; width:100%;} .input_block .textarea textarea{background:none; border:1px solid #e5e5e5; resize:none; overflow:auto; width:100%; height:150px;} .input_block{font-weight:bold; margin-top:30px;} .input_block.input_block1{float:left; margin-right:20px;} form .grid_6{margin-left:0px;} form .button{margin-top:40px;} .capcha{margin-top:20px;} .letter_block .letter{background:#582910; font-size:80px; color:#fff; width:55px; padding:24px 34px 20px 35px; line-height:80px;} .letter_block{width:124px;} .letter_block .navigation_letter a{color:#808080; font-size:12px;} .letter_block .navigation_letter .letter_next{float:right;} .letter_block .navigation_letter .letter_left{float:left;} .alphabet .title{border-bottom:1px solid #e5e5e5; margin-top:20px; margin-bottom:0px;} .alphabet_block{margin-top:8px;} .alphabet_block a{font-size:14px;} .alphabet_block span{font-size:11px; font-style:italic; color:#808080; padding-left:5px;} .footer_block{position:relative; max-width:1200px; width:100%; margin:0 auto; height:100%;} .footer_bottom{position:absolute; bottom:30px; left:0px; width:100%;} .itsoft{position:relative; padding-left:45px;} .itsoft a{color:#2f6fab;} .itsoft .icon{background:url(../images/elements.png) no-repeat 0px 0px; width:38px; height:25px; position:absolute; top:5px; left:0px;} .license{position:relative;} .license span{position:absolute; top:0px; left:-15px;} .soc_link a{text-decoration:none; margin-left:5px; position:relative; top:6px;} .counters a{text-decoration:none; margin-left:10px;} .menu_footer{position:absolute; bottom:145px; left:0px; width:100%;} .menu_footer .grid_2{width:18%;} .menu_footer menu li {margin-top:10px;} .menu_footer menu li a{font-size:13px;} .left {width:500px; float:left;} .right {margin:0px 0px 0px 520px;} /* ========================================================================== NEW STYLES ========================================================================== */ .slide_block img { max-width: 100%; position: relative; } .slide_animate { overflow: hidden; position: relative; } .slide_animate .block { float: left; /*height: 300px;*/ /*min-width: 200px;*/ /*max-width: 776px;*/ position: relative; /*display: none;*/ width: 100%; text-align: center; } /*.slide_animate .block:first-child { display: block; }*/ /*.slide_animate .block.visible {*/ /*display: block;*/ /*}*/ .slide_animate .block img { max-width: 100%; /*position: absolute;*/ /*margin: auto;*/ /*left: 0;*/ /*right: 0;*/ /*top: 0;*/ /*bottom: 0;*/ } .slide_block { overflow: hidden; } .slide_block img { max-width: 100%; position: relative; } .slide_block .arrow { z-index: 2; position: absolute; width: 56px; height: 56px; cursor: pointer; /*background: red;*/ top: 45%; opacity: 0.6; } .slide_block .arrow:hover { opacity: 1; } .slide_block .arrow--left { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAIAAAAn5KxJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUJFM0ZEMkYyRUMxMTFFM0E0Q0RFRDQ0QkJGODZCQ0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUJFM0ZEMzAyRUMxMTFFM0E0Q0RFRDQ0QkJGODZCQ0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QkUzRkQyRDJFQzExMUUzQTRDREVENDRCQkY4NkJDQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QkUzRkQyRTJFQzExMUUzQTRDREVENDRCQkY4NkJDQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi++WmMAAADySURBVHja7NjLEcMgDARQQgH0XycV+OCjmYkl7a4gkSp4w08rPnPOdkL1dkgVtKAFbW2McQD0VsatXbaWQWtX7njE2pXnMtIF+xFKCpShxENJSjCUp0RCqUoYlK3EQAVKAFSjjEJlyhBUqfRDxUonVK/0QFOUZmiW0gZNVBqgucq30HTlz43Ly8WDDMH4FU23GrY+12o7o4lW82XKsnpufYrV+Tzprf53VGwNPfhKa7QzyayAFqqxYnq9wAoLJWwrMj1RreCYx7Pi8yjJSgnODCsr4T+t232NL2XbfY0vrdt9jb8/r38/hRa0oAX9XpcAAwCoJIFGA308YgAAAABJRU5ErkJggg==") no-repeat; } .slide_block .arrow--right { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAIAAAAn5KxJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEEzNjZDQzEyRUMxMTFFM0I5RDRGRjlDNEQxNzIzOTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEEzNjZDQzIyRUMxMTFFM0I5RDRGRjlDNEQxNzIzOTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QTM2NkNCRjJFQzExMUUzQjlENEZGOUM0RDE3MjM5MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QTM2NkNDMDJFQzExMUUzQjlENEZGOUM0RDE3MjM5MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PszCLY4AAADwSURBVHja7NnBDcMwDARBRQW4/zpVQR755mGEu4cQpioYWLDII1/nnNXh7NXkDHSgD4Be19UA+lEGrJv6lrZ1gzeuWn+Hfi1pnrV09Ulr9WeKWYHnKWNlHvyAFatMtpUsoaoVrvWelW9KJKvSPRlWq83DrWI/ylrdxhm06h0+ZU1EEcQaykx1ay7cFa3RFFqxTq6/HaxvTul2C2UOWlSGoHVlAooodSildKGgUoSySguKKxWooeShkhKGekoSqioxqK1c3rIB31zuFsoFLhtU5cJH496umhyNqxt1bDRu7/3F0XjjcDfQgQ70D85bgAEA57uBRkSIPI8AAAAASUVORK5CYII=") no-repeat; right: 0; } .photo-gallery-wrapper { padding-top: 25px; } .tabs-nav-wrapper { /*margin-top: 25px;*/ } .tabs-nav-list__total { font-weight: bold; display: inline-block; margin-bottom: 10px; } .tabs-nav-list__item { margin-bottom: 9px; } .tabs-nav-list__item a { padding-bottom: 1px; text-decoration: none; background: url("data:image/gif;base64,R0lGODlhAQABAIAAAJOTkwAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNjFFNTgxODJBODIxMUUzQjYzOEFEMDlBQUFFREY0RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNjFFNTgxOTJBODIxMUUzQjYzOEFEMDlBQUFFREY0RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE2MUU1ODE2MkE4MjExRTNCNjM4QUQwOUFBQUVERjREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE2MUU1ODE3MkE4MjExRTNCNjM4QUQwOUFBQUVERjREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAEAAQAAAgJEAQA7") repeat-x bottom left; } .tabs-nav-list__item a:hover { background: none; } .tabs-nav-list__total .tabs-nav-list__items-count { font-weight: normal; } .tabs-nav-list__items-count, .tabs-nav-list__name-trancription { color: #808080; } .tabs-nav-list__name-trancription { display: inline-block; } .tabs-nav-list__items-count:before, .tabs-nav-list__name-trancription:before { content: " ("; } .tabs-nav-list__items-count:after, .tabs-nav-list__name-trancription:after { content: ")"; } .gallery-item-wrapper { margin-bottom: 50px; } .gallery-item-wrapper img { max-width: 100%; display: block; } .gallery-item__img-name { margin-top: 8px; font-weight: bold; display: inline-block; } .gallery-item__author { margin: 0; } .gallery-item__author, .gallery-item__author-link { color: #808080; font-size: 11px; } .gallery-item__on-img { font-size: 12px; margin: 7px 0 0 0; } .gallery-photos-block { background: url("data:image/gif;base64,R0lGODlhAQABAIAAAOXl5QAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjg2Mjc5QzJBODgxMUUzQTlEMjkzRjUyQjQ1Mzk2QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjg2Mjc5RDJBODgxMUUzQTlEMjkzRjUyQjQ1Mzk2QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFGODYyNzlBMkE4ODExRTNBOUQyOTNGNTJCNDUzOTZCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFGODYyNzlCMkE4ODExRTNBOUQyOTNGNTJCNDUzOTZCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAEAAQAAAgJEAQA7") repeat-y top left; } .tabs-list-wrapper { margin-top: 45px; margin-bottom: 35px; } .tabs-list { margin-bottom: -1px; overflow: hidden; } .tabs-list__list-item.first { padding-left: 8px; } .tabs-list__list-item { margin-bottom: -1px; border: 1px solid transparent; padding: 0 13px; font-weight: bold; font-size: 14px; display: inline-block; } .tabs-list__list-item .count { color: #c2c2c2; } .tabs-list__list-item .count:before { content: " "; } .tabs-list__list-item.current { padding: 0; } .tabs-list__list-item a { position: relative; top: 1px; display: inline-block; color: #808080; border: 1px solid transparent; } .tabs-list__list-item.current > a { text-decoration: none; color: #000; } .tabs-list__list-item.current { border-color: black; padding: 10px 20px; background: #FFF; } .tabs-list__list-item.current:first-child { padding-left: 13px; } .navigation__tabs { margin: 5px 0 30px 10px; } .tabs-list-wrapper { border-bottom: 1px solid; } .inp_sear.pre-tabs-search { float: right; width: 302px; border-right: none; padding: 21px 0 24px; margin-top: -45px; } .tab-content[data-tab-content="1"] { display: block; } .tab-content { display: none; } .show-more { margin-left: 10px; position: relative; display: inline-block; margin-top: 15px; color: #808080; text-decoration: none; border-bottom: 1px dashed; } .show-more:before { position: absolute; content: "+ "; left: -10px; } .show-more:hover { border-bottom: none; } .inp_sear.pre-tabs-search .search { width: 268px; left: 18px; } .pre-tabs-search .magnifier { right: 30px; top: 30px; } .sounds-list__item { padding: 10px 0; border-bottom: 1px solid #e5e5e5; } .player-btns { width: 26px; float: left; margin-right: 13px; } .player-btns__play-btn, .player-btns__stop-btn { display: inline-block; cursor: pointer; } .player-btns__play-btn { background: url(../images/player_play.png) no-repeat; width: 6px; height: 11px; margin-right: 6px; } .player-btns__stop-btn { width: 10px; height: 11px; background: #000; } .sounds-list { margin-bottom: 45px; margin-top: -11px; } .card-slider { position: relative; padding-bottom: 65px; border-bottom: 1px solid #e5e5e5; } .card-slider__switch-mode { width: 60px; } .photo-block, .video-block { margin-left: 60px; /*max-width: 700px;*/ } .video-block { display: none; } .card-slider__image-wrapper img { max-width: 100%; } .switch-mode-btn { cursor: pointer; float: left; width: 60px; height: 60px; } .switch-mode-btn.current { background-color: #7F7F7F; } .switch-mode-btn--photo-mode { margin-bottom: 20px; background: url(../images/photo-icon.png) no-repeat center center #ededed; } /*.switch-mode-btn--photo-mode.current { background: url(../images/photo-icon.png) no-repeat center center #000; }*/ .switch-mode-btn--video-mode { background: url(../images/video-icon.png) no-repeat center center #ededed; } .card-slider__image-list { margin-top: 6px; /*background: red;*/ } .card-wrapper img { max-width: 100%; } .card-wrapper.card-wrapper-mt20 { margin-top: 20px; } .card-slider__list-item { float: left; width: 9.575%; margin-right: 3.33333%; } .card-slider__list-item.last { margin-right: 0; } .card-slider__list-item img { max-width: 100%; cursor: pointer; } .all-photos { right: 0; position: absolute; margin-top: 10px; } .all-photos a { font-size: 14px; } .all-photos a span { color: inherit; } .all-photos span { font-size: 14px; color: #c2c2c2; } .card-col-left { float: left; } .col-8 { width: 65.9574%; } .card-col-right { float: right; } .col-4 { width: 31.9148%; } .dashed-list__title { font-size: 15px; font-weight: bold; } .dashed-list li { position: relative; margin-left: 25px; } .dashed-list li:before { content: "— "; position: absolute; left: -16px; } .dashed-list ul ul { margin-left: 0; } .dashed-list li span { font-weight: bold; } .card__info-block { border-top: 1px solid #e5e5e5; padding-bottom: 15px; } .card__info-block:first-child { border-top: none; } .animal-name { font-weight: bold; } .animal-name--latin { font-style: italic; } .card__info-block:first-child p:first-child { margin-top: 0; } .card__info-block li.current a { color: #808080; text-decoration: none; } .red-book__rf, .red-book__world, .zoo-icon { position: relative; padding-left: 25px; } .red-book__rf:before, .red-book__world:before, .zoo-icon:before { position: absolute; left: -10px; } .red-book__rf:before { content: ""; background: url(../images/red-book-rf.png) no-repeat; width: 25px; height: 16px; } .red-book__world:before { content: ""; background: url(../images/red-book-world.png) no-repeat; width: 27px; height: 15px; } .zoo-icon:before { content: ""; background: url(../images/zoo-icon.png) no-repeat; width: 24px; height: 14px; } .photo-note { margin-top: 5px; color: #808080; font-style: italic; } .linear--modified { margin: 50px 0 0; position: relative; z-index: 1; } .current-section { color: #582910; font-size: 16px; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; } .current-section div { float: left; margin-right: 20px; } .current-section span { font-size: 51px; font-weight: bold; } .animals-in-figures .figure { font-size: 19px; font-weight: bold; } .animals-in-figures { width: 60%; margin-top: 40px; float: right; } .animals-in-figures td { padding-bottom: 15px; } .animals-in-figures .read-more { display: block; text-decoration: none; } .animals-in-figures .read-more:hover { text-decoration: underline; } .all-news-link { margin-top: 10px; } .all-news-link a { font-weight: bold; font-size: 14px; } .all-news-link span { color: #c2c2c2; font-size: 14px; font-weight: bold; } .classificator-wrapper { margin-top: 40px; position: relative; z-index: 2; padding-top: 50px; } .class-list { width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .class-list a { font-size: 18px; } .class-list span { font-style: italic; font-size: 11px; color: #808080; display: inline-block; } .class-list li { position: relative; } .class-list ul { margin-top: 0; position: relative; } .open-close-btn { top: 15px; left: 7px; position: absolute; display: inline-block; width: 10px; height: 10px; } .open-close-btn, .show-hide-btn{ background: url("data:image/gif;base64,R0lGODlhBwAHAIABAAAAAP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0REFBNEQ0MTMwQ0UxMUUzQkJDRUU2MzFDODRCQzVENyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0REFBNEQ0MjMwQ0UxMUUzQkJDRUU2MzFDODRCQzVENyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjREQUE0RDNGMzBDRTExRTNCQkNFRTYzMUM4NEJDNUQ3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjREQUE0RDQwMzBDRTExRTNCQkNFRTYzMUM4NEJDNUQ3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAcABwAAAgyMYRmomwAjc22+VAAAOw==") no-repeat center center; } .show-hide-btn.opened, .open-close-btn.opened { background: url("data:image/gif;base64,R0lGODlhBwABAIAAAAAAAP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4NEQxQkM5OTMwQ0YxMUUzQTk1QkJDRUU1OTc1RUQ2MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4NEQxQkM5QTMwQ0YxMUUzQTk1QkJDRUU1OTc1RUQ2MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg0RDFCQzk3MzBDRjExRTNBOTVCQkNFRTU5NzVFRDYzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg0RDFCQzk4MzBDRjExRTNBOTVCQkNFRTU5NzVFRDYzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAcAAQAAAgOEDwUAOw==") no-repeat center center; } li > .inner-wrapper:hover, li > .inner-wrapper:hover + ul, li > .inner-wrapper:hover + ul li > ul li { background: #efe7e4; } .inner-wrapper.hover { background: #efe7e4; } .inner-wrapper { padding: 10px; } .squad-list, .family-list, .kind-list { width: 100%; margin: 0 0 0 100%; } .family-list, .kind-list { display: none; } .squad-list a, .family-list a { font-size: 14px; } .squad-list .inner-wrapper, .family-list .inner-wrapper { padding-left: 25px; } .bg-column { left: 25%; top: 0; position: absolute; z-index: -1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 25%; min-height: 100%; border-left: 1px solid #efe7e4; } .classificator-wrapper--parks .bg-column{ width: 33.3%; } .classificator-wrapper--parks .bg-column--2 { left: 33.3%; } .classificator-wrapper--parks .bg-column--3 { left: 66.6%; } .classificator-wrapper--parks .class-list { width: 33.3%; } .classificator-wrapper--parks .class-list__item a, .classificator-wrapper--parks .squad-list__item a { text-decoration: none; } .bg-column:first-child { left: 0; border-left: none; } .bg-column--2 { left: 25%; } .bg-column--3 { left: 50%; } .bg-column--4 { left: 75%; } .col-header-wrapper { padding: 6px 0 0 10px; position: relative; font-weight: bold; font-size: 14px; height: 22px; border-bottom: 1px solid #efe7e4; } .col-header-wrapper .show-hide-btn { font-size: 11px; font-weight: normal; position: absolute; right: 10px; padding-left: 10px; background-position: left; } /* ========================================================================== Media Queries ========================================================================== */ @media only screen and (min-width: 35em) { } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { } /* ========================================================================== Helper classes ========================================================================== */ .hidden {display:none !important; visibility:hidden;} .show {display:block;} .visuallyhidden {border:0 none; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0px; position:absolute; width:1px;} .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0px; overflow:visible; position:static; width:auto;} .invisible {visibility:hidden;} .clear {margin:0px; padding:0px; font-size:0px; line-height:0px; height:1px; clear:both; float:none;} /*.clearfix {display:inline-block; //display:inline; //zoom:1; width:100%;}*/ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } /* ========================================================================== Print styles ========================================================================== */ @media print { * {background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important;} a, a:visited {text-decoration:underline;} a[href]:after {content:" (" attr(href) ")";} abbr[title]:after {content:" (" attr(title) ")";} .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content:"";} pre, blockquote {border:1px solid #999; page-break-inside:avoid;} thead {display:table-header-group;} tr, img {page-break-inside:avoid;} img {max-width:100% !important;} @page {margin:0.5cm;} p, h2, h3 {orphans:3; widows:3;} h2, h3 {page-break-after:avoid;} } .small_en_name {font-size: 16px;}