body{
    margin: 0;
    padding: 0;
}

/*------------ layout -------------------*/
#wrapper{ float:left; width:100%}
#content-block{margin: 0 275px 0 220px;}
#content-block-without-nav{margin: 0 275px 0 0;}
#content-block-without-extra{margin: 0 0 0 220px;}

#content-block-without-col{margin: 0 0 0 0;}

#navigation-block{float:left; width: 210px; margin-left:-100%}
#extra-block{float:left; width:270px; margin-left:-271px;}
#footer{clear:left; width:100%}


#navigation-block{
}

#mainpage-img{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    float: left;
    top: 0;
}

#top-contacts{
    color: #fff;
    font: bold 16px Trebuchet MS, sans-serif;
    float: right;
    padding-top: 40px;
}

#mainpage{
    z-index: 10;
    position: absolute;
    width: 960px;
    left: 50%;
    margin-left: -480px;
    bottom: 0;
}

#page_bg{
    background: url(/img/design/page_bg.jpg) repeat-x;
}

#mainnews{
    overflow: hidden;
}

#maincontent{
    width: 100%;
    position: relative;
    bottom: -370px;
    _bottom: -375px;
}

#mainnews{
    float: right;
}

#maininfo{
    background: url(/img/design/maininfo_bg.png) no-repeat;
    height: 165px;
    overflow: hidden;
    padding: 10px;
}

#planka{
    background: url(/img/design/planka_bg.png) no-repeat;
    height: 165px;
    overflow: hidden;
    padding: 10px;
}


#maininfo .carusel{
    position: relative;
    width: 560px;
    height: 150px;
    float: left;
    margin: 5px;
}

#planka .carusel{
    margin: 5px 5px 5px;
    width: 930px;
    height: 150px;
    position: relative;
}

#maininfo .carusel .wrapper{
    margin: 0 35px;
    position: absolute;
    width: 490px;
    overflow: auto;
    height: 165px;
}

#planka .carusel .wrapper{
    margin: 0 35px;
    position: absolute;
    width: 860px;
    overflow: auto;
    height: 144px;
}

.carusel .wrapper ul{
    position: absolute;
    width: 9999px;
    list-style-position: outside;
    height: 144px;
}

.carusel .wrapper ul li{
    display: block;
    float: left;
    width: 230px;
    height: 144px;
    padding: 0 7px;
    background: url(/img/design/image_bg.png) no-repeat;
    overflow: hidden;
    text-align: center;
}

.carusel .wrapper ul li a{
    display: block;
    overflow: hidden;
    height: 135px;
}

.carusel .wrapper ul li img{
    width: 200px;
    margin: 5px 15px 5px 0;
}

#planka .carusel .wrapper ul li{
    margin: 0 24px;
}

.carusel .arrow{
    position: absolute;
    top: 55px;
    width: 35px;
    cursor: pointer;
}

.carusel .arrow.right{
    right: 0;
}

#brief-news{
    float: left;
    width: 200px;
    height: 150px;
    border-left: 1px dotted #888;
    margin-left: 15px;
}

#brief-news a{
    color: #666;
    text-decoration: none;
}

#brief-news a:hover{
    text-decoration: underline;
}

#gerb{
    float: right;
    width: 130px;
    background: url(/img/design/logo.png) no-repeat;
    height: 130px;
    margin-top: 10px;
    margin-right: 10px;
}

/*----------- main menu ------------------*/
#mainmenu{
    background: url(/img/design/menu_bg.png) no-repeat;
    height: 42px;
}

#mainmenu ul{
    overflow: hidden;
    height: 42px;
    margin-left: 20px;
}

#mainmenu ul li{
    float: left;
    padding: 12px 10px 0 10px;
}

#menu li a{
    text-decoration: none;
    color: #666;
    font: bold 1.1em Arial, Georgia, sans-serif;
    text-transform: uppercase;
}

#menu li a:hover{
    color: #fff;
}

/*----------- main page bottom menu ------------------*/
#mainbottom{
    background: url(/img/design/mainbottom_bg.png) no-repeat;
    height: 30px;
}

#mainbottom ul{
    overflow: hidden;
    height: 20px;
    margin-left: 20px;
    text-align: center;
    padding-top: 8px;
}

#mainbottom ul li{
    display: inline;
    padding: 10px;
}


#page{
    background: url(/img/design/logo_slogan_bg.png) no-repeat;
    width: 960px;
    margin: 0 auto;
    height: 100%;
}

#page_en{
    background: url(/img/design/logo_slogan_bg_en.png) no-repeat;
    width: 960px;
    margin: 0 auto;
    height: 100%;
}

#logo{
    height: 110px;
    width: 110px;
    float: left;
}

#logo a{
    display: block;
    width: 100%;
    height: 100%;
}

/*----------------- brief news --------------------*/
#brief-news{

}

#brief-news ul{
    margin: 10px 0 10px 25px;
    list-style-type: disc;
}

#brief-news li{
    margin: 7px 0;
    font: 0.9em Verdana, sans-serif;
    color: #666;
}


/*---------------- carusel ----------------------*/
.carusel table{
    width: 100%;
    height: 100%;
}

.carusel .left{
    width: 28px;
    vertical-align: middle;
}

.carusel .right{
    width: 28px;
    vertical-align: middle;
}

.carusel .images{
    width: 100%;
    position: relative;
}


/*
.carusel .list-images{
    width: 9999px;
    position: absolute;
    top: 0;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
*/
/*----------- navigation menu --------------*/
#navigation-block ul{
    margin: 10px;
}

#navigation-block ul li{
    margin: 12px 0;
}

#navigation-block ul li a{
    color:#333;
    font: 1.1em Arial,Verdana, sans-serif;
}

#navigation-block .submenu-title{
    color: #1E76BB;
    margin: 5px 10px;
    font: bold 1.3em Arial, sans-serif;
}
/*----------- breadcrumbs -----------------*/
#breadcrumbs{
    line-height: 1.3em;
    color: #999;
}
#breadcrumbs li{
    display: inline;
    padding: 0 1px;
}

#breadcrumbs li a{
    color: #C98428;
}

/*----------- page bottom menu ------------------*/
#bottom{
    background: url(/img/design/bottom_bg.png) no-repeat;
    height: 42px;
    margin-top: 10px;
}

#bottom ul{
    overflow: hidden;
    height: 20px;
    margin-left: 20px;
    text-align: center;
    padding-top: 14px;
}

#bottom ul li{
    display: inline;
    padding: 10px;
}

#bottom ul li a{
    text-decoration: none;
    color: #666;
}

#bottom ul li a:hover{
   text-decoration: underline;
}

/*--------------- blog ---------------------------------*/
.blog{
    margin-bottom: 15px;
    clear: both;
    overflow: hidden;
}

.blog .title, .blog .title-post{
    margin-bottom: 3px;
    font: 1.5em Arial, sans-serif;
    color: #C98428;
}

.blog .title-post{
    margin-top: 5px;
    color: #1E76BB;
    font: 1.8em Arial, sans-serif;
}

.blog .title a{
    color: #C98428;
}

.blog .add-info{
    font-size: 0.9em;
    color: #999;
    margin-bottom: 5px;
}

.blog .thumb{
    width: 120px;
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
}

.blog .anons{
    line-height: 1.3em;
}

.blog .content{
    line-height: 1.3em;
}

/*------------ news -------------------------------*/
.news-block{
    width: 266px;
    height: 181px;
    background: url(/img/design/block_bg.png) no-repeat;
}

.news-block .title{
    padding: 10px 20px;
    font:bold 1.3em Arial, sans-serif;
    color: #666;
}

.news-block .title a{
    color: #666;
    text-decoration: none;
}

.news-block .title a:hover{
    text-decoration: underline;
}


.news-block .anons{
    padding: 5px 20px 10px;
    line-height: 1.2em;
    color: #777;
}

.news-block .image{
    background: url(/img/design/news_image_bg.png) no-repeat;
    float: left;
    width: 110px;
    height: 90px;
    margin-right: 10px;
    margin-bottom: 5px;
    text-align: center;
}

.news-block img{
    padding: 5px;
    height: 75px;
}


/*-------- content --------------------------*/
#content-block{
    position: relative;
}

.content-table{
    width: 100%;
}

#content{
    padding: 5px;
    overflow: hidden;
}

.corner_tl, .corner_tr, .corner_bl, .corner_br{
    width: 15px;
    height: 15px;
}

.corner_tl{
    background: url(/img/design/corner_tl.png) no-repeat;
}

.corner_tr{
    background: url(/img/design/corner_tr.png) no-repeat;
}

.corner_bl{
    background: url(/img/design/corner_bl.png) no-repeat;
}

.corner_br{
    background: url(/img/design/corner_br.png) no-repeat;
}

.side_top{
    background: url(/img/design/side_top.png) repeat-x;
}

.side_bottom{
    background: url(/img/design/side_bottom.png) repeat-x;
}

.side_left{
    background: url(/img/design/side_left.png) repeat-y;
    width: 15px;
}

.side_right{
    background: url(/img/design/side_right.png) repeat-y;
    width: 15px;
}

.content-td{
    background-color: #fff;
}

/*-------------- guest book ----------------------------*/
.guestbook-post{
    margin-bottom: 5px;
    padding: 10px;
}

.guestbook-post .head{
    color: #999;
    font-size: 0.9em;
    margin-bottom: 4px;
}

.guestbook-post .head .username{
    font: bold 1.1em Verdana, sans-serif;
    color: #555;
}

.guestbook-post.chet{
    background-color: #eee;
}

.guestbook-post .content{
    line-height: 1.4em;
    letter-spacing: 0.1px;
}

#table-bottom-align{
    height: 100%;
    width: 100%;
}

#td-bottom-align{
    vertical-align: bottom;
}
/*----------------- gallery ----------------------*/
.gallery-album{
    padding: 0 0 0 0;
    overflow: hidden;
    zoom: 1;
    margin-bottom: 15px;
    width: 300px;
    float: left;
    margin-right: 15px;
}

.gallery-album .thumb{
    width: 150px;
    float: left;
}

.gallery-album .thumb img{
    width: 130px;
}

.gallery-album .title a{
    font: 1.3em Georgia, serif;
    color: #C98428;
}

.gallery-album .date{
    margin-top: 3px;
    color: #666;
    font-size: 0.9em;
}

.gallery-album .cnt-photo{
    margin-top: 10px;
    color: #333;
    font-size: 1.1em;
}

.album-page .photo{
    max-height: 200px;
    float: left;
    padding: 5px;
}

.album-page .photo img{
    width: 150px;
}

#photo-cnt{
    width: 300px;
    margin: 0 auto;
    text-align: center;
    margin-top: 5px;
    color: #1E76BB;
    font: 1.5em Arial;
}

#left-link{
    float: left;
    width: 100px;
    margin-top: 5px;
}

#right-link{
    float: right;
    width: 100px;
    text-align: right;
    margin-top: 5px;
}

#right-link a, #left-link a{
    color: #C98428;
    font-size: 1.3em;
}

/*--------------- dog -------------------------*/
.dog{
    
}

.dog span.title{
    color: #1E76BB;
    font: bold 1.1em "Trebuchet MS", sans-serif;
}

.dog .photo{
    width: 320px;
    float: left;
}

.dog .info{
    width: 350px;
    float: left;
}

.dog .born, .dog .owner, .dog .tituls{
    margin-bottom: 5px;
}

.dog .tituls ul{
    margin: 5px 10px 5px 20px;
    font-size: 0.9em;
    color: #555;
    list-style-type: disc;
    line-height: 1.3em;
}

.dog .tituls ul li{
    margin-bottom: 3px;
}

.dog .add-info{
	line-height: 1.4em;
    color: #666;
}

.dog .pedigree-link{
    margin: 10px;
}

.dog .pedigree-link a{
    color: #00f;
    font-size: 1.6em;
    font-weight: bold;
}

.dog .pedigree-block{
    display: none;
    width: 800px;
    height: 600px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -300px;
}

.dog .pedigree-block .content-table{
    width: 100%;
    height: 100%;
}

.dog .pedigree-block .content{
    margin-top: 10px;
}


.dog .pedigree-block .close-block{
    width: 16px;
    height: 16px;
    float: right;
    background: url(/img/design/close.png) no-repeat;
    cursor: pointer;
}

#footer{
    margin: 10px;
    text-align: center;
    color: #666;
    line-height: 1.3em;
}

/*------------- broods ---------------------*/
.brood{
    margin-bottom: 15px;
    overflow: hidden;
}

.brood-publish{
    line-height: 1.4em;
    margin: 0 0 10px;
}

.color{
    background-color: #E2F3FA;
    padding: 10px;
}

.brood-style{
    background-color: #E2F3FA;
    padding: 10px;
}

.brood .name{
    margin-bottom: 3px;
    font: 1.5em Arial, sans-serif;
    color: #C98428;
    width: 250px;
    margin-right: 10px;
    float: left;
}

.brood .name a{
    color: #C98428;
}

.brood .date{
    color: #666;
    margin-right: 10px;
    margin-top: 3px;
    text-align: center;
}

.brood .fw{
    width: 100px;
    float: left;
}

.brood .fw2{
    width: 200px;
    float: left;
}

.brood .parents{
    line-height: 1.2em;
    margin-right: 10px;
    color: #666;
    margin-top: 3px;
}

.brood .parents a{
    color: #00f;
}

.brood .brood-info{
    margin: 10px 0;
    line-height: 1.3em;
    color: #333;
}


.dog-col{
    width: 250px;
    float: left;
}

.male{
    margin-right: 100px;
}

.dog-short{
    text-align: center;
    width: 200px;
    margin: 5px auto 15px;

}

.dog-short .thumb img{
    width: 200px;
}

.dog-short .nick{
    margin-top: 3px;
    font: 1.2em Arial, sans-serif;
}

.dog-info .photo{
    text-align: center;
    margin: 5px 0;
}

.dog-info .add-info{
    margin: 10px;
    line-height: 1.3em;
    color: #333;
}

.dog-info .photo img{
    max-width: 600px;
}

.dog-info .pedigree{
    margin: 10px;
    font: 1.7em Trebuchet MS, sans-serif;
}

.dog-info .pedigree a{
    color: #00f;
}

.dog-info .add-link{
    margin: 10px;
    font: 1.2em Arial, sans-serif;
    letter-spacing: 0.05px;
}

.dog-info .date{
    color: #666;
    margin-bottom: 3px;
}