/* reset margins*/   
html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li,
blockquote, pre, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, section, summary, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}
html {
background-image: url(img/footer.jpg);
background-position: 50% 100%;
background-repeat:no-repeat;
background-color:#d3f1f8;
}
body {
margin:0;
padding:0;
font-family: 'Neucha';
color:#545454;
}
body.index{
background-image: url(img/mainhead-cll.jpg);
background-position: 50% 0%;
background-repeat:no-repeat;
}
body.wide{
background-image: url(img/head.jpg);
background-position: 50% 0%;
background-repeat:no-repeat;
}
#outer {
margin:0 auto; 
padding:0;
width:940px;
overflow:visible;
background-image: url(img/head.jpg);
background-position: 50% 0%;
background-repeat:no-repeat;
}
#mainouter {
margin:0 auto; 
padding:0;
width:940px;
overflow:visible;
background-image: url(img/mainhead-cll.jpg);
background-position: 50% 0%;
background-repeat:no-repeat;
}
#mainhead {
height:830px;
display:block;
position:relative;
}
#widehead{
height:425px;
display:block;
position:relative;
}
#cont {
display:none;
}
.promo {
font-family:arial;
text-align:center;
color:#427be6;
font-size:16px;
display:block;
float:left;
margin:5px;
font-weight:normal;
}
.topnav{
display:block;
float:right;
margin:15px 0 20px;
font-size:26px;
}
.topnav ul li{
list-style-type:none;
float:left;
display:block;
margin-left:25px;
}
.topnav ul li a,.topnav ul li a:visited {
color:#2059a2;
}
.topnav ul li a:hover {
color:#427be6;
}
.topnav ul li.active a{
color:#001a33;
text-decoration:none;
}
.rainbow_m{
text-decoration:none;
display:block;
position:absolute;
}
.rainbow_m .first img{
position:relative;
top:500px;
left:20px;
}
.rainbow_m .second img {
position:relative;
top:493px;
left:65px;
}
.rainbow_m .third img {
position:relative;
top:510px;
left:90px;
}
.rainbow_m .fourth img {
position:relative;
top:505px;
left:110px;
}
.rainbow_m .fivth img {
position:relative;
top:490px;
left:145px;
}
.rainbow_m .sixth img{
position:relative;
top:493px;
left:195px;
}
.rainbow{
text-decoration:none;
display:block;
position:absolute;
}
.rainbow .first img{
position:relative;
top:120px;
left:20px;
}
.rainbow .second img {
position:relative;
top:113px;
left:65px;
}
.rainbow .third img {
position:relative;
top:130px;
left:90px;
}
.rainbow .fourth img {
position:relative;
top:125px;
left:110px;
}
.rainbow .fivth img {
position:relative;
top:110px;
left:145px;
}
.rainbow .sixth img{
position:relative;
top:113px;
left:195px;
}
.phone{
margin:0;
padding:0;
float:right;
font-family:arial;
font-weight:bold;
font-size:16px;
color:#6e8dfe;
}
.number {
font-size:24px;
color:#ff5e55;
}
.contactlink{
float:right;
font-size:20px;
display:block;
width:166px;
height:36px;
background-image: url(img/linkfon.png);
color:#fff;
text-align:center;
margin:5px 0;
}
.speak{
height:550px;
width:940px;
position:absolute;
}
p.rabbit{
font-family:arial;
font-size:12px;
color:#3563ff;
width:165px;
height:77px;
text-align:center;
position:relative;
top:73px;
left:333px;
display:block;
background-image:url(img/rabbit.png);
padding-top:10px;
}

p.hippo{
font-family:arial;
font-size:12px;
color:#f35b56;
width:166px;
height:78px;
text-align:center;
position:relative;
top:-12px;
left:60px;
display:block;
background-image:url(img/hippo.png);
padding-top:10px;
}
p.house{
font-family:arial;
font-size:12px;
color:#409d1c;
width:110px;
height:85px;
text-align:center;
position:relative;
top:10px;
left:713px;
display:block;
background-image:url(img/house.png);
padding:15px 10px 0;
}
p.squirrel{
font-family:arial;
font-size:12px;
color:#d553ff;
width:120px;
height:65px;
text-align:center;
position:relative;
top:40px;
left:650px;
display:block;
background-image:url(img/squirrel.png);
padding-top:10px;
}
#mainarticle{
float:left;
}
.article{
width:610px;
margin:5px 0;
padding-top:20px;
}
.topart {
background-image:url(img/bgarticle_01.png);
height:70px;
margin:0;
padding:0;
}
.content{
padding:0 40px;
font-family:arial;
font-size:14px;
text-align:left;
line-height:17px;
color:#303f00;
width:530px;
display:block;
background-image:url(img/bgarticle_03.png);
}
.botart{
background-image:url(img/bgarticle_05.png);
height:93px;
margin:0;
padding:0;
}
.clear {
clear:both;
}
h1, h3 {
margin-left:20px;
font-size:36px;
color:#000;
}
#rightnav {
display:block;
float:right;
width:300px;
}
ul.right {
display:block;
padding-left:35px;
margin-top:10px;
}
.right li{
list-style-image: url(img/flower.png);
padding-left:10px;
font-size:24px;
line-height:34px;
color:#444;
text-decoration:none;
}
.right li a{

}
#footer {
margin:30px 0 0;
height:235px;
background-image: url(img/footer.jpg);
background-position: 50% 100%;
background-repeat:no-repeat;
}
.bottomnav {
background-image:url(img/bottom_menu.png);
height:54px;
line-height:54px;
font-size:20px;

}
.bottomnav ul li{
list-style-type:none;
float:left;
display:block;
margin:0 35px 0 40px;
/*---------------------------------------------------------------*//
}
.bottomnav  ul li a, .bottomnav  ul li a:visited {
color:#ffe599;
}
.bottomnav  ul li a:hover{
color:#fff;
} 
.adress {
font-family:arial;
font-size:14px;
float:left;
margin:0;
padding:0;
}
.autor {
font-family:arial;
font-size:14px;
float:right;
margin:0;
padding:0;
text-align:right;
}
#footer .phone {
text-align:center;
margin:0;
padding:0;
float:none;
font-family:arial;
font-weight:bold;
font-size:16px;
color:#6e8dfe;
}
.autor a, .autor a:hover, .autor a:visited {
color:#545454;
}
//*стили для новостей на главной странице*//
#newsline {
/*border:1px solid black;*/
width:100%;
display:block;
}
#newsline h1{
display:block;
margin-top:30px;
}
.preview {
width:225px;
height:205px;
background-image:url(img/main_news_1.png);
margin:20px 5px;
float:left;
}
.preview p {
font-family:arial;
font-size:14px;
color:#555;
margin:10px 15px 0;
}
.preview p.s_data{
font-family:'neucha';
font-size:11px;
}
.preview h2 a{
color:#ff8000;
display:block;
font-size:18px;
margin-top:15px;
text-align:center;
}
//*-----*//
.widecontent {
width:940px;
}
.center{
background-image:url(img/fon.png);
}
.topimg {
background-image:url(img/topboard.png);
height:74px;
}
.botimg {
background-image:url(img/botboard.png);
height:90px;
}
.left{
float:left;
}
table.hours {
border:2px solid #fff;
width:450px;
border-collapse:collapse;
margin-left:55px;
color:#0085b2;
font-size:18px;
}
.hours td{
height:45px;
border:1px solid #a3d900;
}
.leftcell{
text-align:right;
vertical-align:ctnter;
padding-right:15px;
}
.rightcell{
text-align:left;
vertical-align:ctnter;
padding-left:15px;
}
.rightcol{
float:left;
width:278px;
margin-left:70px;
}
.topcol{
background-image:url(img/topcol.png);
height:57px;
}
.botcol{
background-image:url(img/botcol.png);
height:71px;
}
.column{
background-color:#e6f7fb;
font-family:arial;
font-size:14px;
color:#777;
}
.column p{
margin:0 25px;
padding:10px 0;
line-height:20px;
}
.wideinfo {
margin:0 25px;
font-family:arial;
font-size:14px;
}
.wideinfo a{
color:#029efc;
}
.wideinfo a:hover{
color:#6ec7fd;
}
.wideinfo a:visited{
color:#ad00e7;
}
.wideinfo img{
float:left;
border:5px solid #a3d900;
margin:5px;
}
.wideinfo ul{
margin-left:20px;
}
.newstpl {
margin-bottom:20px;
}
.newstpl h1 {
float:left;
display:block;
}
.pubdata{
background-image:url(img/data-fon.png);
font-size:10px;
font-family:arial;
display:block;
float:left;
height:28px;
width:74px;
margin:13px;
color:#fff;
text-align:center;
line-height:25px;
}
.pre {
width:940px;
height:214px;
background-image:url(img/pre-fon.png);
}
.pre p {
padding:40px;
color:#333;
font-size:14px;
font-family:arial;
width:635px;
height:110px;
}
.pre img{
float:right;
margin:30px 25px;
border:5px solid white;
}
.pre a {
position:relative;
top:-35px;
left:540px;
display:block;
width:112px;
height:44px;
background-image:url(img/go-fon.png);
text-align:center;
font-size:20px;
color:#d2f1f8;
text-decoration:none;
line-height:38px;
}
.pagination {
text-align:center;
}
.pagination li {
height:39px;
width:45px;
display:inline-block;
list-style-type:none;
margin:30px 5px;
background-image:url(img/page.png);
}
.pagination li.control, .pagination li.control:hover{
width:111px;
background-image:url(img/goto.png)
}
.pagination li.control a{
width:111px;
height:39px;
}
.pagination a {
color:#fff;
text-decoration:none;
font-size:20px;
line-height:30px;
height:39px;
width:45px;
display:block;
}
.pagination li.active , .pagination li:hover{
background-image:url(img/page-active.png)
}
/*breadcrumbs*/
.bread{
display:block;
margin-left:20px;
}
.B_crumbBox  li{
list-style-type:none;
list-style-image:url(img/flower-s.png);
float:left;
margin:10px 20px 10px 0;
height:30px;
}
.B_crumbBox  li a{
display:block;
padding-right:5px;
color:#029efc;
font-size:16px;
}
li.B_firstCrumb{
list-style-type:none;
list-style-image:none;
}
li.B_lastCrumb a{
color:#111;
text-decoration:none;
}
/*---gallery---*/
.albumPreview {
display:block;
width:450px;
margin:0 10px 20px;
padding:0;
float:left;
}
.albumPreview h3{
width:450px;
text-align:center;
}
.albumPreview h3 a {
font-size:36px;
color:#3563ff;
text-decoration:none;
}
.desc {
display:block;
float:right;
width:240px;

}
.thumb img{
border:5px solid #74e600;
}
.alb{
width:940px;
margin:0;
padding:0;
text-align:center;
}
.gal-item-active {
float:left;
margin:10px 15px 20px;
}
.gal-item-active  img{
border:5px solid #74e600;
}
.gal-item-active a{
text-decoration:none;
}
.picname {
text-align:center;
color:#024a68;
}
/*--contactform--*/
.tabs_cont {
display:block;
width:620px;
text-align:right;
font-size:16px;
color:#2059a2;
}
p.wrapper {
display:block;
margin-bottom:15px;
}
.wrapper input, .wrapper textarea, .wrapper select{
width:200px;
border:2px solid #a3d900;
resize: none;
}
.wrapper label {
margin-right:10px;
}
.btn {
width:620px;
text-align:right;
}
.btn input{
width:400px;
margin-left:100px;
height:35px;
}
a img {
border:none;
}
a.slide{
font-style:italic;
float:right;
margin-right:30px;
color:blue;
text-decoration:none;
}