html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align:baseline;
background: transparent;
}
ol, ul {
list-style: none;
blockquote:before, blockquote:after,; margin:0; padding:0}
.left{ float:left}
.right{ float:right}
.clear{ clear:both }
li {
list-style-type: none; /* ??????? ??????? */
}
TD {padding: 20px;}
body{
padding:0;
margin:0;
background:#070707;
width:100%;
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#231106;
background: #b7adb8 url(images/bg_site9.jpg) no-repeat;
background-attachment: fixed;
background-size: cover;
background-position: center center;
}
@media only screen and (max-width: 767px) {
body {
background-image: url(../images/bg_site_mob.jpg);
}
}
a{
color:#990000;
outline:none;
text-decoration:underline;
cursor:pointer
}
.centr{
padding:0;
margin:0 auto;
width:990px;
}
a:hover{ text-decoration:none}
.white{ color:#fff!important}
.clear{ clear:both}
.brown{ color:#231106}
.yelow{ color:#ffc763}
.outline {
border: 2px solid Olive;
padding: 10px;
background-color:#FAFAD2;
}
h1{ background:url(images/img_title.png) left no-repeat; font-size:30px; letter-spacing:-0.025em; color:#000; padding-left:45px; font-family: Georgia; line-height:48px; font-weight:normal; border-bottom:1px solid #000; margin-bottom:15px; white-space:nowrap }
h2{ background:url(images/img_title1.png) left no-repeat; font-size:30px; letter-spacing:-0.05em; color:#f9e5c7; font-weight:normal; margin-top:10px; font-family:Georgia;border-bottom: solid 1px #66503a; line-height:45px; }
h3{
background: url(images/pin_2.jpg) left no-repeat;
padding-left:25px;
font-size:12px;
line-height:18px;
color:#5f4f42;
text-transform:uppercase
}
h4{ background: url(images/pin_6.png) left no-repeat; padding-left:45px; font-size:16px ; line-height:45px; color:#ffd590; text-transform:uppercase }
h5{ background: url(images/pin_7.png) left no-repeat; padding-left:55px; font-size:16px ; line-height:45px; color:#ffd590; text-transform:uppercase }
h6{ background: url(img/koster.gif) left no-repeat; padding-left:55px; font-size:16px ; line-height:45px; color:#ffd590; text-transform:uppercase }
.grid_1{ width:521px}
.grid_2{ width:361px}
.grid_3{ width:909px}
.grid_4{ width:232px}
.grid_5{ width:237px}
.grid_6{ width:917px}
.grid_7{ width:277px}
.grid_8{ width:315px}
.grid_9{ width:531px}
.grid_10{ width:297px}
.grid_11{ width:580px}
.grid_12{ width:882px}
.left_5{ margin-left:5px}
.pad_25{
padding-top:0px
}
.bot_5{ margin-bottom:5px}
.bot_10{ margin-bottom:10px}
.right_15{ margin-right:15px}
.right_36{ margin-right:36px}
.right_37{ margin-right:20px}
.right_26{ margin-right:26px}
.left_36{ margin-left:36px}
.left_25{ margin-left:25px}
.left_15{ margin-left:15px}
.top_20{ margin-top:20px}
.left_42{ margin-left:42px}
.top_7{ margin-top:7px}
.top{ background:url(images/bg_top.jpg) top repeat-x; height:78px}
.header{ position:absolute; width:1000px; left:50%; margin-left:-500px; margin-top:10px; z-index:100}
/*--------------------------------------top_content-----------------------------------------------*/
.top_content{ padding-top:290px; z-index:10;right:10px; position:relative}
.top_content_bottom{ left:-4px; position:relative ; display:block}
.content{ background:url(images/content.png); margin-top:-3px}
.title_img_1{ background:url(images/img_title_right.png) right no-repeat; display:block; }
.title_img_2{ background:url(images/img_title_right1.png) right no-repeat; display:block; }
li a.list{ color:#5e3a09; background:url(images/pin_1.jpg) left no-repeat; padding-left:27px; font-weight:bold; display:block; margin-bottom:14px; float:left; width:264px}
a.read{ background:url(images/read_more.jpg) no-repeat left; display:block; width:134px; height:27px; text-align:center; color:#ffebc7; font-weight:bold; text-transform:uppercase; padding-top:6px;text-decoration:none}
a.read:hover{ text-decoration:underline}
/*--------------------------------------bottom_content-----------------------------------------------*/
.bottom_content{ background:url(images/bg_bottom_content.png); width:955px;right:4px; position:relative; padding:1px 20px; color:#fff2da }
.border_top{ border-top: solid 1px #a69886; width:960px; margin-left:-1px }
.title_centr{ margin-left:225px; text-align:center}
.border_1{ border-bottom: 1px solid #a48b6d}
a.more{ background: url(images/more.jpg) left no-repeat; text-align: center; padding-top:6px; text-transform:uppercase; text-decoration:none; height:25px; width:105px; display:block; color:#ffebc7; font-weight:bold; }
a.more:hover{ text-decoration:underline}
.border_dottet{ background:url(images/dottet.gif) left repeat-y; padding-left:39px}
.border_dottet_1{ background:url(images/dottet.gif) left repeat-y;margin-left:32px; width:1px; height:186px; margin-top:80px}
.border_dottet_2{ background:url(images/dottet.gif) left repeat-y;margin-left:40px; width:1px; height:205px; margin-top:80px}
a.list_1{ background:url(images/pin_3.gif) left no-repeat; padding-left:10px; color:#ffc763}
.decimal { list-style:decimal; margin-left:20px; }
ul.decimal li a{ color:#fff2da;text-decoration:none}
ul.decimal li a:hover{ text-decoration: underline}
.img {margin: 10px;}
/*--------------------------------------baners-----------------------------------------------*/
.baners{ background:url(images/bg_baner.png) top repeat; position:relative; right:8px; padding-top:3px; width:1000px; }
.border_baners{ border-bottom:7px solid #c5aa7b; margin-top:10px; width:960px; margin-left:23px}
.border_top_1{ border-top: solid 1px #c1ad8f; width:960px; margin-left:23px; border-bottom:1px solid #fcf1d8; height:1px }
.baner_1{ background:url(images/baner_1.jpg) left no-repeat; margin-left:38px; width:300px; height: 180px}
.baner_2{ background:url(images/baner_2.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.baner_3{ background:url(images/baner_3.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.baner_4{ background:url(images/baner_4.jpg) left no-repeat; margin-left:39px; width:300px; height: 180px}
.baner_5{ background:url(images/baner_5.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.baner_6{ background:url(images/baner_6.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.baner_7{ background:url(images/baner_7.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.baner_8{ background:url(images/baner_8.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.baner_9{ background:url(images/baner_9.jpg) left no-repeat; margin-left:39px; width:300px; height: 180px}
.baner_10{ background:url(images/baner_10.jpg) left no-repeat; margin-left:39px; width:300px; height: 180px}
.baner_11{ background:url(images/baner_11.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.baner_12{ background:url(images/baner_12.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.baner_13{ background:url(images/baner_13.jpg) left no-repeat; margin-left:39px; width:300px; height: 180px}
.baner_14{ background:url(images/baner_14.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.baner_15{ background:url(images/baner_15.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.baner_16{ background:url(images/baner_16.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.baner_17{ background:url(images/baner_17.jpg) left no-repeat; margin-left:39px; width:300px; height: 180px}
.baner_18{ background:url(images/baner_18.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.baner_19{ background:url(images/baner_19.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.baner_20{ background:url(images/baner_20.jpg) left no-repeat; margin-left:39px; width:300px; height: 180px}
.baner_21{ background:url(images/baner_21.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.baner_22{ background:url(images/baner_22.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.baner_23{ background:url(images/baner_23.jpg) left no-repeat; margin-left:39px; width:300px; height: 180px}
.baner_24{ background:url(images/baner_24.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.baner_25{ background:url(images/baner_25.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.baner_26{ background:url(images/baner_26.jpg) left no-repeat; margin-left:39px; width:300px; height: 180px}
.baner_27{ background:url(images/baner_27.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.baner_28{ background:url(images/baner_28.jpg) left no-repeat; margin-left:15px; width:300px; height: 180px}
.enter{ background: url(images/enter.png) bottom no-repeat; width:107px; height:35px; display:block; margin:156px 0px 0px 93px }
/*--------------------------------------footer-----------------------------------------------*/
.footer{ background:url(images/bg_footer.jpg) bottom repeat-x; height:125px; margin-left:-10px; border-top:7px solid #070000; margin-top:5px; color:#bd9a73; }
.up{ text-transform:uppercase;margin:22px 16px;font-size:14px;}
.none{ text-transform:none; font-size:12px; margin-top:10px; display:block}
a.mail{ color:#bd9a73; text-decoration:none}
a.mail:hover{ text-decoration:underline}
.menu { margin:22px 15px; }
.menu a{ color:#ffedcf; text-transform:uppercase; font-weight:bold; text-decoration:none; margin-right:15px;}
.menu a:hover{ ; color:#ffbf40}
.pin_footer{ margin:0 0}
.submit_registry{font-family: Arial; font-size:12px; color:#fff; background:url(images/read_more.jpg) left no-repeat; display:block; height:35px; width:135px; text-decoration:none;cursor:pointer; text-align:center; text-transform:uppercase; color:#ffebc7; padding-bottom:4px; outline:none; font-weight:bold; border:none; letter-spacing:-0.025em}
#contact_form td{ padding-bottom:2px; vertical-align:top}
.input_contact{background-color:#ffe1b3;
width:480px;
height:28px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#231106;
border:1px solid #c5b396;
}
.textarea_contact{background-color:#ffe1b3;
width:480px;
height:75px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#231106;
border:1px solid #c5b396;margin-bottom:2px}
.select{background-color:#ffe1b3;
width:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#231106;
border:1px solid #c5b396;}
#menus {
list-style: none;
padding: 0;
margin-left:100px;
width: 774px;
height: 210px;
position: relative;
}
#menus span {
display: none;
position: absolute;
}
#menus a {
display: block;
text-indent: -900%;
position: absolute;
outline: none;
}
#menus a:hover {
background-position: left bottom;
}
#menus a:hover span{
display: block;
}
#menus .home {
width: 144px;
height: 58px;
background: url(images/home.gif) no-repeat;
left: 250px;
top: 62px;
}
#menus .hunt {
width: 131px;
height: 51px;
background: url(images/about.gif) no-repeat;
left: 90px;
top:163px;
}
#menus .rub {
width: 131px;
height: 51px;
background: url(images/rss.gif) no-repeat;
left: 410px;
top: 163px;
}
#menus .ugod {
width: 131px;
height: 51px;
background: url(images/ugod.gif) no-repeat;
left: 380px;
top: 101px;
}
#menus .news {
width: 131px;
height: 51px;
background: url(images/news.gif) no-repeat;
left: 153px;
top: 101px;
}
#menus .dog {
width: 131px;
height: 51px;
background: url(images/dog.gif) no-repeat;
left: 135px;
top:225px;
}
#menus .mail {
width: 131px;
height: 51px;
background: url(images/mail.gif) no-repeat;
left: 385px;
top:225px;
}
#log{
background: url(header/logo_b.gif)no-repeat;
width:182px;
height:300px;
position:absolute;
left:400px;
top:70px;
}
#log_a{
background: url(header/logo.png)no-repeat;
width:341px;
height:57px;
position:absolute;
left:20px;
top:5px;
}
#kart{
background: url(img/kart.gif)no-repeat;
width:239px;
height:184px;
position:absolute;
left:30px;
top:90px;
}
#log_b{
background: url(header/logo_a.png)no-repeat;
width:341px;
height:57px;
position:absolute;
right:40px;
top:5px;
}
#kart_a{
background: url(img/kart_a.gif)no-repeat;
width:239px;
height:184px;
position:absolute;
right:30px;
top:95px;
}
#menus1 {
list-style: none;
padding: 0;
margin-left:100px;
width: 774px;
height: 210px;
position: relative;
}
#menus1 span {
display: none;
position: absolute;
}
#menus1 a {
display: block;
text-indent: -900%;
position: absolute;
outline: none;
}
#menus1 a:hover {
background-position: left bottom;
}
#menus1 a:hover span{
display: block;
}
#menus1 .los {
width: 144px;
height: 58px;
background: url(images/los.gif) no-repeat;
left: -80px;
top: -10px;
}
#menus1 .kaban {
width: 131px;
height: 51px;
background: url(images/kaban.gif) no-repeat;
left: -80px;
top:30px;
}
#menus1 .medved {
width: 131px;
height: 51px;
background: url(images/medved.gif) no-repeat;
left: 110px;
top:-10px;
}
#menus1 .zaic{
width: 131px;
height: 51px;
background: url(images/zaic.gif) no-repeat;
left: 110px;
top:30px;
}
#menus1 .teterev {
width: 131px;
height: 51px;
background: url(images/teterev.gif) no-repeat;
left: 110px;
top:70px;
}
#menus1 .utka {
width: 131px;
height: 51px;
background: url(images/utka.gif) no-repeat;
left: 110px;
top:110px;
}
#menus1 .vald {
width: 131px;
height: 51px;
background: url(images/vald.gif) no-repeat;
left: 110px;
top:150px;
}
#menus1 .gluhar {
width: 131px;
height: 51px;
background: url(images/gluhar.gif) no-repeat;
left:-80px;
top:70px;
}
#menus1 .gus {
width: 131px;
height: 51px;
background: url(images/gus.gif) no-repeat;
left:-80px;
top:110px;
}
#menus1 .rabchik {
width: 131px;
height: 51px;
background: url(images/rabchik.gif) no-repeat;
left:-80px;
top:150px;
}
#menus1 .losos {
width: 131px;
height: 51px;
background: url(images/losos.gif) no-repeat;
left:-80px;
top:-10px;
}
#menus1 .sudak {
width: 131px;
height: 51px;
background: url(images/sudak.gif) no-repeat;
left: -80px;
top:30px;
}
#menus1 .nalim {
width: 131px;
height: 51px;
background: url(images/nalim.gif) no-repeat;
left:-80px;
top:70px;
}
#menus1 .sig {
width: 131px;
height: 51px;
background: url(images/sig.gif) no-repeat;
left:-80px;
top:110px;
}
#menus1 .iaz {
width: 131px;
height: 51px;
background: url(images/iaz.gif) no-repeat;
left:-80px;
top:150px;
}
#menus1 .palia {
width: 131px;
height: 51px;
background: url(images/palia.gif) no-repeat;
left: 110px;
top:-10px;
}
#menus1 .shuka{
width: 131px;
height: 51px;
background: url(images/shuka.gif) no-repeat;
left: 110px;
top:30px;
}
#menus1 .lesh {
width: 131px;
height: 51px;
background: url(images/lesh.gif) no-repeat;
left: 110px;
top:70px;
}
#menus1 .plotva {
width: 131px;
height: 51px;
background: url(images/plotva.gif) no-repeat;
left: 110px;
top:110px;
}
#menus1 .okun {
width: 131px;
height: 51px;
background: url(images/okun.gif) no-repeat;
left: 110px;
top:150px;
}
#slideshow{
background-color:#F5F5F5;
border:1px solid #FFFFFF;
height:340px;
position:relative;
width:640px;
-moz-box-shadow:0 0 22px #111;
-webkit-box-shadow:0 0 22px #111;
box-shadow:0 0 22px #111;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#slideshow ul{
height:320px;
left:10px;
list-style:none outside none;
overflow:hidden;
position:absolute;
top:10px;
width:620px;
}
#slideshow li{
position:absolute;
display:none;
z-index:10;
}
#slideshow li:first-child{
display:block;
z-index:1000;
}
#slideshow .slideActive{
z-index:1000;
}
#slideshow canvas{
display:none;
position:absolute;
z-index:100;
}
#slideshow .arrow{
height:86px;
width:60px;
position:absolute;
background:url('img/arrows.png') no-repeat;
top:50%;
margin-top:-43px;
cursor:pointer;
z-index:5000;
}
#slideshow .previous{ background-position:left top;left:0;}
#slideshow .previous:hover{ background-position:left bottom;}
#slideshow .next{ background-position:right top;right:0;}
#slideshow .next:hover{ background-position:right bottom;}
.knopki{
position: absolute;
display:block;
width:400px;
height:40px;
left:690px;
top: 1490px;
}