html { width:100%; min-height: 100%;}
input, textarea, select { font-size:140%; }


body { font-family: arial; font-size:62.5%; min-height: 100%; background: url(/img/interface/bg.jpg) repeat left top; text-align: center; }

.hidden { display:none; }
a.js { border-bottom: dotted 1px; text-decoration: none; }


/***********************************************************************************************************************
главное меню
***********************************************************************************************************************/
#main-menu-wrapper { width: 840px; height: 91px; margin: 0 auto; }
#main-menu-wrapper a { color: #000; }
#main-menu { float: left; padding-top: 37px; }
#main-menu li { float: left; padding: 0 12px 0 12px; height: 30px; line-height: 30px; font-size:160%; }
#main-menu li.home { padding: 0 0 0 4px; }
#main-menu li.home img { width: 30px; height: 30px; }
#main-menu li img { vertical-align: top; float: left; }
#main-menu li div { float: left; line-height: 30px; background-color: #000; color: #fff; }
#main-menu li div.menu-border-left, #main-menu li div.menu-border-right { float: left; width: 15px; height: 30px; }
#main-menu li div.menu-border-left { background: transparent url(/img/interface/menu_selected_left.gif); }
#main-menu li div.menu-border-right { background: transparent url(/img/interface/menu_selected_right.gif); }
#lang-change-wrapper { position: absolute; right: 0; padding-top: 37px; font-size:160%; z-index:3; }
#lang-change-wrapper a { line-height: 30px; }


/***********************************************************************************************************************
картинки справа
***********************************************************************************************************************/

#dragon-tail { position: absolute; left: 50%; top: 0; margin-left: 172px; z-index:2; }
#dragon-body { position: absolute; left: 50%; top: 91px; margin-left: 117px; z-index:2; }
#logo { position: absolute; left: 50%; top: 470px; margin-left: 117px; z-index:2; }


/***********************************************************************************************************************
контакты справа
***********************************************************************************************************************/

#contacts { position: absolute; left: 50%; top: 570px; margin-left: 117px; background-image: url(/img/interface/contacts_bg.gif); background-repeat: no-repeat; width: 225px; height: 250px; color: #fff; text-align: left; z-index:2; }
#contacts .about { padding: 20px 10px 10px 30px; font-size: 14px; }
#contacts .phone { padding: 0 0 10px 29px; font-size:160%; background:url(/img/interface/icons/phone.gif) no-repeat 10px 0; }
#contacts .email { padding: 0 0 12px 30px; line-height: 16px; background:url(/img/interface/icons/mail.gif) no-repeat 10px 2px; }
#contacts .feedback { padding: 0 0 10px 30px; }
#contacts .feedback a { font-size: 120%; }
#contacts a { color: #fff; font-size: 12px; }


/***********************************************************************************************************************
общее для контентной зоны
***********************************************************************************************************************/

#content-wrapper { width: 840px; clear: both; margin: 0 auto 40px; background-color: #fff; min-height: 800px; text-align: left; z-index:1; }
#content-wrapper h1 { display: block; padding: 26px 0 20px 0; font-size: 200%; line-height:140%; }
#content-wrapper a { color: #ec551f; }
#content-wrapper .content-wrap { margin:0 0 0 47px; text-align: left; width:450px; padding-bottom:30px; }
.page-text { font-size:150%; line-height:130%; color: #745739; }
.page-text h2 { padding-bottom: 10px; }
.page-text p { padding-bottom:1em; }
.page-text li { list-style-position: inside; padding-bottom: 0.8em; }
.page-text ul li { list-style-type: disc; }
.page-text ol li { list-style-type: decimal; }
.page-text ul, .page-text ol { padding-bottom: 0.2em; }


/***********************************************************************************************************************
главная страница
***********************************************************************************************************************/

.index-text { font-size: 140%; line-height: 130%; color: #745739;  border-bottom:1px #E6C09E solid; padding-bottom:10px; }
.index-text p { padding-bottom:1em; }
.index-dogs h2 { font-size:180%; padding:20px 0 20px 0; font-weight:bold; }

.index-slider-holder { padding:0 0 20px 0; }
.index-slider-holder .block { width: 326px; height: 230px; }
.index-slider-holder .slider { width: 314px; }
.index-slider-holder .slider-nav { padding-top: 4px; }

.index-slider-holder .slider-nav li { float: left; width: 11px; height: 11px; padding-right: 3px; }
.index-slider-holder .slider-nav li img { background:url(/img/interface/slider_btn.png) no-repeat 0 0; width:11px; height:11px; }
.index-slider-holder .slider-nav li.active img { background:url(/img/interface/slider_btn.png) no-repeat -11px 0; }

p.all-dogs-about { padding-top: 30px; clear: both; padding-bottom: 20px; }


/***********************************************************************************************************************
выставки
***********************************************************************************************************************/

#events li { padding-bottom: 50px; }
#events li.last { padding-bottom: 0; }
#events li h2 { padding-bottom: 4px; margin-bottom:4px; font-weight: normal; font-size: 180%; color:#ec551f; }
#events li p { font-size: 140%; line-height: 130%; }
#events li .event-gallery { padding:12px 0 0; }
.one-exhibition p { font-size:140%; line-height:130%; padding-bottom:1em; }


/***********************************************************************************************************************
собаки и щенки
***********************************************************************************************************************/

#dogs { display: block; clear: both; }
#dogs li { display: block; overflow:hidden; padding-bottom:15px; }
#dogs li div.dog-img-preview { float: left; width: 132px; }
#dogs li div.dog-about { float: left; width: 300px; margin:0 0 0 10px; }
#dogs li div.dog-about h2 { padding-bottom: 8px; padding-top: 6px; font-weight: normal; font-size: 180%; }
#dogs li div.dog-about p { padding-bottom: 7px; font-size: 12px; line-height: 14px; width: 300px; }
#dogs li div.dog-about a { font-size: 12px; }
#dogs li .sold-label { font-weight:bold; font-size:120%; padding:10px 0 0 0; }
.one-dog p { font-size:140%; line-height:130%; padding-bottom:1em; }
.one-dog table {  }
.one-dog table td { border:1px #ccc solid; padding:7px; font-size:120%; line-height:120%; }
.one-dog .pedigree h2 { padding:30px 0 20px; font-size:180%; font-weight:normal; }
.one-dog .dog-gallery-wrap { padding:0 0 15px; }
.dogs-h2 { color: #ec551f; font-size: 180%; font-weight: 400; margin-bottom: 4px; padding-bottom: 8px; }


/***********************************************************************************************************************
пейджер
***********************************************************************************************************************/

#pagination-wrapper { padding-top: 40px; }
#pagination-wrapper .pagination li { float: left; width: 25px; height: 25px; text-align: center; font-size:140%; }
#pagination-wrapper .pagination li.active { background-image: url(/img/interface/button_paging.gif); color: #fff; }
#pagination-wrapper .pagination li span { display:block; padding-top:5px; }
#pagination-wrapper .pagination-ctrl-nav { font-size:120%; padding:5px 0 0; }
#pagination-wrapper .pagination-ctrl-nav .left, #pagination-wrapper .pagination-ctrl-nav .right { float:left; padding:0 0 2px 0; }
#pagination-wrapper .pagination-ctrl-nav .left { margin:0 5px 0 0; }


/***********************************************************************************************************************
фотогалереи
***********************************************************************************************************************/

.photo-galleries h2 { padding-bottom: 8px; margin-bottom:4px; font-weight: normal; font-size: 180%; color:#ec551f; }
.photo-galleries .gallery li { float: left; width: 140px; height:115px; }
.photo-galleries .gallery li img { margin: 0 auto; }


/***********************************************************************************************************************
форма обратной связи
***********************************************************************************************************************/

.feedback-frm label { display: block; padding: 10px 0 4px 0; font-size:120%; }
.feedback-frm input, .feedback-frm textarea { width: 400px; }
#feedback-submit { display: block; margin-top: 10px; width: 90px; }
.error_red { color: #f00; }
.feedback_msg { font-size:140%; }
.feedback_msg_error { padding:0 0 20px 0; }


/***********************************************************************************************************************
партнеры
***********************************************************************************************************************/

.partners { font-size:120%; padding:30px 0 0; position:absolute; top:750px; left:50%; margin-left:147px; }
.partners h3 { padding:0 0 10px 0; }
.partners li { padding:0 0 15px 0; }

.block { position:relative; text-align: center; }
.block_content { padding:13px 18px 18px; }
.block_border { background: url("/img/interface/border_lt.gif") no-repeat left top; width: 100%; height: 100%;}
.block_border .block_border { background: url(/img/interface/border_rb.gif) no-repeat right bottom;}

.img_thumb { padding:6px;}
.img_lt { position:absolute; left:6px;  top:6px;}
.img_lb { position:absolute; left:6px;  bottom:6px;}
.img_rt { position:absolute; right:6px; top:6px;}
.img_rb { position:absolute; right:6px; bottom:6px;}


.social-share { padding:20px 0 0; float:left; }
.vk-like { padding:22px 0 0 5px; float:left; }