/* Разметка страницы */
*{margin:0;padding:0;}img{border:0;}
html{height:100%;min-width:1260px;overflow:scroll;overflow-x:auto;}
body{height:100%;font:24px/30px Arial,"Helvetica CY","Nimbus Sans L",sans-serif;color:#121212;}
#page_outer{width:100%;min-width:1260px;min-height:100%;height:auto !important;height:100%;overflow:visible;text-align:center;}
#page_inner{/*width:1260px;max-width:1960px;margin:0 auto;*/}

/* Разметка шапки (В основном потоке выводит вместо себя тень. После вывода контента покрывает свою тень новым словем, притянутого к верхнему краю.) */
#header_environment{width:100%;min-width:1260px;text-align:center;position:absolute;z-index:990;top:0;left:0;}
#header_shadow,#header_inner{width:960px;width:1260px;height:30px;max-width:1960px;}
#header_outer{margin:0/*px 20px 0 20px*/;}
#header_sideblock_outer{float:left;width:320px;/*margin-right:10px;*/}
#header_sideblock_inner{margin-left:20px;/*float:right;width:346;*/}
#header_content_outer{float:right;width:630px;width:900px;height:10px;/*margin-left:10px;*/}
#header_content_inner{}

/* Разметка подвала (В основном потоке выводит вместо себя распорку-"призрака", двигающегося вслед за контентом, но подлазящего под слой футера, притянутым к нижнему краю.) */
#footer_ghost,#footer_inner{margin:0 auto;max-width:1960px;clear:both;height:80px;}
#footer_environment{width:100%;min-width:1260px;margin-top:-80px;height:60px;position:absolute;z-index:1;}
#footer_inner{width:960px;width:1260px;}


#footer_sideblock_outer{float:right;width:310px;/*margin-right:10px;*/margin-top:20px;height:40px;z-index:2;position:relative;/*top:-20px;margin-bottom:-20px;*/}
#footer_content_outer{float:left;width:620px;/*margin-left:10px;*/margin-top:20px;margin-left:12px;height:20px;z-index:2;position:relative;font-size:12px;line-height:14px;}


/* Разметка средней части страницы */
#middle_outer{position:relative;z-index:1;width:100%;height:80px;min-height:80px;height:auto;clear:both;float:left;}
* html #middle_outer{float:none;}
#middle_inner{float:left;width:960px;width:1260px;position:relative;left:50%;margin-left:-480px;margin-left:-635px;/*padding:40px 0 20px 0;*/}
* html #middle_inner{float:none;width:960px;left:0;margin-left:0;}

/* Разметка колоночной структуры страницы */
#content_outer{float:right;width:630px;width:900px;margin-top:50px;}
#content_inner{}
#hint_outer{}
#sidebar_outer{float:left;width:330px;margin-top:40px;}
#sidebar_inner{}

/* Индивидуальная вёрстка шаблона (элементы, общие для всех шаблонов свёрстаны в /css/common.css) */
#body{background:url(img/background.jpg) fixed no-repeat center center; background-size: 100% 100%;}
#header_inner{text-align:left;/*padding-left:20px;*/}
#page_outer{background:url(img/home_image.png) no-repeat center top;}
.page_about{text-align:left;}
.page_home{float:right;position:fixed;position:absolute;right:0;top:0;z-index:0;}

p{text-align:left;z-index:1;/*position:relative;*/}

/* Боковая полоса */
.sidebar_menu .item{
	display:block;
	width:330px;
	height:100px;
	text-align:left;
	line-height:100px;
	clear:both;
	/*position:relative;left:-8px;*/
}

.sidebar_menu .image_crop{float:left;width:330px;height:100px;overflow:hidden;position:relative;/*margin:0 10px;*/z-index:50;}
.sidebar_menu .image_wrap{/*float:left;*//*position:relative;left:50%;*/width:130px;height:100px;display:table-cell;vertical-align:middle;text-align:center;}
.sidebar_menu .text_crop{float:left;width:170px;height:100px;}
.sidebar_menu .text_wrap{width:170px;height:100px;display:table-cell;vertical-align:middle;text-align:left;color:#393939;text-decoration:underline;}

/* Подвал */
#footer_ghost{width:1260px;font-size:12px;}
#footer_ghost .contacts{color:white;font-weight:bold;padding:20px;display:block;/*font-size:12px;line-height:14px;*/text-align:left;text-shadow: 0 0 5px black;}
#footer_outer{/*background:#005B8A;*//*color:white;*/}
#footer_inner,
#footer_inner a{color:gray;text-decoration:none;text-shadow: 0 0 5px black;}
#footer_sideblock_outer{text-align:right;}
#footer_content_outer{text-align:left;}


/* Динамические изображения */
#pics_ansable{position:relative;left:-400px;margin-top:100px;height:582px;margin-bottom:200px;}
/* Гитара */
.pic1:hover img,
.pic1 img:hover{visibility:hidden;}
.pic1 {height:549px;width:884px;position:absolute;top:185px;left:0px;cursor:pointer;z-index:10;}
.pic1:hover{background:url(img/guitar-active.png) no-repeat;z-index:20;}

/* Микрофон */
.pic2:hover img,
.pic2 img:hover{visibility:hidden;}
.pic2 {height:335px;width:232px;position:absolute;top:450px;left:400px;cursor:pointer;z-index:20;}
.pic2:hover{background:url(img/microphone-active.png) no-repeat;z-index:30;}

/* Скрипка */
.pic3:hover img,
.pic3 img:hover{visibility:hidden;}
.pic3{height:591px;width:341px;position:absolute;top:-70px;left:490px;cursor:pointer;z-index:10;}
.pic3:hover{background:url(img/violin-active.png) no-repeat;z-index:20;}


/* Формы */
.commentset,.buttonset{margin:10px 0 20px 0;float:left;clear:both;}
.commentset p{margin:0;}
div.input-box{margin:10px 0 10px 10px;float:left;}
.input-box label{display:block;padding-bottom:5px;font-size:13px;}
.input-box p{border:1px solid gray;border-radius:4px; margin:0!important;padding:4px 6px;font-size:13px;}
.fieldset{float:left;clear:both;text-align:left;margin:10px 0;padding:0 10px 0 0;border:1px solid gray;border-radius:6px;-moz-box-shadow:0 0 4px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);box-shadow: 0 0 4px rgba(0,0,0,0.5);}
.fieldset em,.commentset em{color:red;padding:0 2px;}
.input-text{border:1px solid gray;border-radius:4px; margin:0;padding:4px 6px;background:#f8f8f8;}
select.input-text{height:26px;}
#text_message_container .mceLayout{border:1px solid gray;border-radius:4px; margin:0;padding:4px 6px;background:#f8f8f;}
#text_message_container .mceLayout:focus,#text_message_container .mceLayout:hover,.input-text:focus,.input-text:hover{background:white;border:1px solid black;}

/* Кнопки */
.buttonset button{margin:5px 1px 1px 10px;float:left;}
.fieldset button{margin:28px 1px 1px 10px;float:left;}
.fieldset button.click{margin:29px 0 0px 11px;}
.buttonset button.click{margin:6px 0 0 11px;}
.fieldset button.clicked{cursor:auto;margin:29px 0 0px 11px;background:none;}
.buttonset button.clicked{cursor:auto;margin:6px 0 0 11px;background:none;}
button{cursor:pointer;line-height:20px;padding:8px 10px;border:1px solid gray;border-radius:8px;-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);box-shadow:0 0 10px rgba(0,0,0,0.5),inset 0 -3px 4px rgba(0,0,0,0.5);}
button:hover,button:focus{background:white;border:1px solid black;-moz-box-shadow:0 -1px 14px rgba(0,0,0,0.5);-webkit-box-shadow: 0 -1px 14px rgba(0,0,0,0.5);box-shadow:0 -1px 14px rgba(0,0,0,0.5),inset 0 -2px 3px rgba(0,0,0,0.5);}
button.click,button.clicked{background:white;-moz-box-shadow:0 0 4px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);box-shadow:0 0 4px rgba(0,0,0,0.5),inset 0 0 2px rgba(0,0,0,0.5);}

.login{border:1px solid gray;margin:10px 0;padding:10px;}
.login a{font-size:14px;line-height:16px;color:gray;text-decoration:none;}
#debug_area{position:fixed;top:10px;width:200px;right:10px;background:url(img/bg_black_60.png);padding:10px;color:white;z-index:999;font:10px/10px Arial,"Helvetica CY","Nimbus Sans L",sans-serif!important;}
#debug_area a{color:#dddddd;letter-spacing:0px;}
#debug_area a.active{color:yellow;font-weight:bold;}
#debug_area ul{width:200px;overflow:hidden;white-space:nowrap;padding:5px 0;}
#debug_area .lev0{margin-left:0px;font-size:10px;}
#debug_area .lev1{margin-left:10px;font-size:10px;}
#debug_area .lev2{margin-left:20px;font-size:10px;}
#debug_area .lev3{margin-left:30px;font-size:10px;}
#debug_area .lev4{margin-left:40px;font-size:10px;}
#debug_area .lev5{margin-left:50px;font-size:10px;}
button.small{line-height:10px;padding:0;border-radius:2px;font:9px Arial,"Helvetica CY","Nimbus Sans L",sans-serif!important;}
button.small.clicked{cursor:auto;background:gray url(img/bg_black_60.png);}
button.do{height:30px;weight:30px;position:absolute;margin-left:5px;margin-top:125px;line-height:10px;padding:4px 3px;border-radius:6px;border:1px solid lightgray;background:lightgray;-moz-box-shadow:0 0 10px rgba(0,0,0,0);-webkit-box-shadow:0 0 10px rgba(0,0,0,0);box-shadow:0 0 10px rgba(0,0,0,0),inset 0 -3px 4px rgba(0,0,0,0);}
.disabled button.do{border:1px solid gray;background:gray;}
.disabled button.do:hover{border:1px solid black;background:white;}
button.do.clicked{cursor:auto;background:gray url(img/bg_black_60.png);}
#content_outer a.active{font-weight:bold;}
#content_outer a{color:black;}
#content_outer a:hover{color:red;}
.breadcrumbs{text-align:left;font-size:11px;line-height:12px;}


#header_sideblock_inner{margin-top:10px;}
#header_sideblock_inner a{font-size:1px;line-height:24px;}
#header_sideblock_inner img{height:24px;}

/* Блок контента */
#middle_inner{color:#232323;font:24px/30px Segoe Print;}
#content_outer .csc-header{/*background:#E9DA93;*/color:black;/*#b39117*/;padding:10px 0;margin-bottom:20px;text-align:left;}
#content_outer .csc-header,
#content_outer .csc-header span,
#content_outer .csc-header p,
#content_outer .csc-header h2{font-size:20px;line-height:20px;font-weight:bold;}

#content_outer .csc-header h1{font-size:24px;line-height:24px;font-weight:bold;}

#content_outer .csc-header span,
#content_outer .csc-header p,
#content_outer .csc-header h2{margin:0;}
#middle_outer .sub_menu{background:#4792B8;padding:10px;text-align:left;font-size:16px;}
#middle_outer .sub_menu a{text-decoration:none;color:#d0d3ff;margin-right:10px;}
#middle_outer .sub_menu a:hover{color:white;}
#middle_outer .sub_menu a.active{text-decoration:underline;font-weight:bold;color:white;}
.csc-textpic-imagewrap{/*float:left;*/margin-bottom:20px;}
#page_icon{
position:absolute;left:-140px;
}


.audioplayer{position:fixed;z-index:990;margin-left:200px;left:50%;}


/* Галлерея */
.gallery_list{margin-bottom:20px;float:left;}
.gallery_list .gallery_item {float:left;width:200px;height:215px;margin:5px;font-size:12px;line-height:12px;text-align:left;background:white;border-bottom:10px solid white;/*padding:5px;*/overflow:hidden;}

.gallery_item .image_crop{float:right;width:180px;height:180px;overflow:hidden;position:relative;/*margin:5px;*/margin-left:10px;margin:10px;border:0;}
.gallery_item .image_wrap{float:left;position:relative;left:50%;top:0;}
.gallery_item .image_wrap img{height:280px;/*margin-top:10px;*/position:relative;left:-50%;}
.gallery_item a{color:black;text-decoration:none;}
.gallery_item a:hover .image_crop,
.gallery_item a:focus .image_crop{width:180px;position:relative;left:0px;top:0px;height:180px;}
.gallery_item a:hover img,
.gallery_item a:focus img{height:300px;top:-5px;}

.gallery_item .text_crop{font-size:10px;text-align:center;}
a.selected{font-weight:bold;}

/* Слайдер для спец. предложений */
.gallery_ribbon{margin-bottom:20px;/*height:260px;overflow:hidden;*/padding:10px 0;font:24px/30px Arial,"Helvetica CY","Nimbus Sans L",sans-serif;}
.gallery_ribbon .gallery_item {float:left;width:203px;height:210px;margin:0/* 5px 5px 5px*/;font-size:13px;line-height:13px;text-align:center;color:black;background:white;border-bottom:10px solid white;/*padding:5px;*/overflow:hidden;}
.gallery_ribbon .scroll_crop{float:right;margin-right:18px;width:610px;height:245px;overflow:hidden;overflow-x:scroll;position:relative;/*margin:5px;*/}
.gallery_ribbon .scroll_wrap{/*float:left;*/display:table-row;/*left:50%;*/left:0px;}
.gallery_ribbon .scroll_left{float:left;width:50px;height:238px;background:none;position:relative;top:-255px;margin-bottom:-255px;font-weight:bold;font-size:18px;line-height:240px;text-align:left;}
.gallery_ribbon .scroll_right{float:right;width:50px;height:238px;background:none;position:relative;top:-255px;margin-bottom:-255px;font-weight:bold;font-size:18px;line-height:240px;text-align:right;}
.gallery_ribbon .title{margin:5px 0;}
.gallery_ribbon .cell{display:table-cell;}
.gallery_list .cell{float:left;}
* html .cell,*+html .cell{float:left;clear:right;}

/* Лайтбокс*/
.page_shadow{position:fixed;top:0;left:0;width:100%;height:100%;background:url(img/bg_black_60.png);z-index:998;}
.page_window{width:100%;height:100%;}
.center_box{height:100%;text-align:center;}
.center_box img{margin-top:-10px;background:white;border:10px solid white;border-radius:10px;-moz-box-shadow:0 0 4px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);box-shadow:0 0 4px rgba(0,0,0,0.5);}
.page_header,.page_footer{height:20px;}
.lightbox_header,.lightbox_footer{overflow:hidden;background:white;color:black;text-align:center;position:relative;top:40px;left:50%;height:40px;width:600px;margin-left:-300px;margin-top:-55px;padding:20px 0 10px 0;border:1px solid black;border-radius:10px;-moz-box-shadow:0 0 4px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);box-shadow:0 0 4px rgba(0,0,0,0.5);}
.lightbox_footer{top:-60px;height:60px;padding:10px 0 20px 0;margin-top:-10px;}
.lightbox_header .contacts{margin-top:10px;font-size:16px;}
.lightbox_header .type{font-size:18px;font-weight:bold;text-transform:uppercase;}
.lightbox_header .title{font-size:18px;font-weight:bold;}
.lightbox_header .price{font-size:18px;font-weight:bold;color:red;}
.lightbox_footer .address{display:block;font-size:18px;font-weight:bold;padding:0px 20px 10px 20px;}
.lightbox_footer .special_offer_body,.lightbox_footer .advert_body{font-size:13px!important;padding:0px 20px 0 20px;}


.content_block .music-image {cursor: default;}
.content_block {clear:both;padding-right:30px;}
.content_block .left {float:left;margin-right:0px;}
.content_block .right {float:right;margin-left:0px;}

.content_block .music_list {clear:both;float:left;width:100%;text-align: left;padding: 20px 0;}

.content_block .music_list .cell {clear:both;margin: 3px 0;}

/*--  <jplayer skin styles>  --*/

.player {
	text-align:left;
	top: 0;
	margin: 30px 10px;
	display: none;
}
.player .jp-interface {
	background-color: #e8e9b0;
}
.player .jp-audio, .player .jp-audio-stream, .player .jp-video {
	background-color: #e8e9b0;
	border: none;
    box-shadow: 0 0 10px 0 #222;
}
.player .jp-volume-controls button,
.player .jp-controls button {
	box-shadow: none;
	border-radius: 0;
	border: 0;
	outline: 0;
}
.player .jp-repeat,
.player .jp-repeat:focus {
	background: url(../../../skin/pink.flag2/image/jplayer.pink.flag.jpg) 0 -440px no-repeat;
	box-shadow: none;
	border: 0;
	outline: 0;
}
.player .jp-state-playing .jp-type-single .jp-play {
	background: url(../../../skin/pink.flag2/image/jplayer.pink.flag.jpg) -100px -120px no-repeat;
}

.player .jp-type-single .jp-play {
	background: url(../../../skin/pink.flag2/image/jplayer.pink.flag.jpg) -100px -40px no-repeat;
}

.player .jp-state-looped .jp-repeat {
	background: url(../../../skin/pink.flag2/image/jplayer.pink.flag.jpg) -30px -440px no-repeat;
}

/*--  </jplayer skin styles>  --*/