/*
--------------------------------------------------
Site Base Styles
Author:   Argon
-------------------------------------------------- */
body {font:62.5%/1 Arial,sans-serif; background:url(images/footer-b.png) 0 0 repeat-y #0d0c08;}
table,img {border-collapse:collapse; border-spacing:0; border:0;}
* {margin:0; padding:0;}
th,td {vertical-align:top;}
html, body {height: 100%;}
html>body #layer {height: auto;}

#layer {margin: auto; height: 100%; min-height: 100%; width:100%; min-width:990px; position: relative; font-size:1.2em; line-height:1.3em; color:#959595;
background:url(images/gutar.jpg) 0 100% no-repeat;}

.light {background:url(images/back.png) 0 0 repeat-y #dfe5f5;}

/* #Misc(links)
-------------------------------------------------- */
a img,fieldset{border:none}
a {color:#d45a03;}
a:hover {text-decoration:none;}
h1 {padding: 0px 0px 15px 0px; font:normal 1.667em Arial, Helvetica, sans-serif; color:#5c5c5c;}
h2 {padding: 0px 0px 25px 0px; font:normal 1.667em Arial, Helvetica, sans-serif; color:#5c5c5c;}
h3 {padding: 0px 0px 15px 0px; font:normal 20px Arial, Helvetica, sans-serif;}
h4 {padding: 0px 0px 15px 0px; font:normal 18px Arial, Helvetica, sans-serif;}
h5 {padding: 0px 0px 15px 0px; font:normal 16px Arial, Helvetica, sans-serif;}
ul, ol {padding-left:20px;}
ul {list-style-type:none;}
p {margin:0 0 15px 0;}
.left {float:left; margin:0 10px 10px 0;}
.right {float:right; margin:0 0 10px 10px;}
img[align=left] {float:left; margin:0 10px 5px 0;}
img[align=right] {float:right; margin:0 0 5px 10px;}
img[align=center] {display:block; text-align:center; margin:0 10px 5px 10px;}
blockquote {margin:0 0 15px 50px;}
/* ----------------------------------------------- */

/* #Header
-------------------------------------------------- */
#header {height:217px; font:normal 1.167em Arial, Helvetica, sans-serif; color:#000000;}
#header a {color:#d45a03;}
#logo-pic {background: url(images/logo.png) no-repeat top center; height:104px; width:367px; margin:42px 0 0 35px; float:left; _display:inline; text-indent:-999px; overflow:hidden;}
#logo-pic a {height:104px; width:367px; float:left;}
#telephon {float:right; width:410px; padding:50px 0 0 0;}
#telephon span {float:left; height:100px; width:200px;}
#header-menu {clear:left; padding:10px 0 0 30px;}
#header-menu ul {padding:0;}
#header-menu li {float:left; height:30px; line-height:30px; color:#fff2dc; margin-right:5px; position:relative; white-space:nowrap;}
#header-menu li a {float:left; height:30px; line-height:30px; padding:0 13px;} 
#header-menu li ul {position:absolute; display:none; top:30px; left:0; width:165px; font:normal 0.857em Arial, Helvetica, sans-serif; border:1px solid #d86105; padding:5px 8px 10px 13px; background-color:#f2e7e2;}
#header-menu li.sub1 a {border:1px solid #d86105; border-bottom:none; background-color:#f2e7e2; color:#d45a03; position:absolute; top:-37px; /top:-37px; height:31px; font-size:1.167em; line-height:30px; padding:0 13px 0 12px; left:-14px}
#hea der-menu li:hover ul, #header-menu li.jhover ul {display:block;}
#header-menu li li {float:none; height:auto; margin:0; line-height:1em; white-space:normal;}
#header-menu li li a {line-height:1em; float:none ;padding:5px 0; display:block; height:auto; _height:1%; color:#813600;}
#header-menu li li.selected a {color:#000000;}
#navigation {height:20px; margin-left:250px; text-align:right; padding:25px 30px 0 0;}
#navigation img {margin-left:30px;}
/* ----------------------------------------------- */

/* #Main
-------------------------------------------------- */
#main {width:100%; margin:auto; background:url(images/footer-top.png) 0 0 repeat-x;}
.title {_position:relative;}
/* ----------------------------------------------- */

/* #Left
-------------------------------------------------- */
#left {padding:35px 40px 0 110px; width:230px;}
/* ----------------------------------------------- */

/* #Content
-------------------------------------------------- */
#photo-preview {padding:90px 0 0 0;}
.pic-prev {background:url(images/pic-prev-r.png) 0 0 no-repeat; width:118px; height:81px; padding:1px 8px 9px 2px; float:left; margin:0 5px 10px 0;}
.pic-prev div {width:119px; height:81px; float:left; overflow:hidden;}

#title-content {padding:45px 545px 45px 45px; min-height:390px; _height:390px; color:#4b6769;}
#title-content p {font-size:1.167em}
#title-content em {color:#000000;}
#bb {background:url(images/bb-pic2.png) 0 0 no-repeat; width:541px; height:409px; margin:-409px 20px 0 0; float:right; _position:absolute; _right:0;}
#content {padding:53px 45px 45px 45px;}
#content table {}
#content td {padding:10px;}
.gb #content table {}
.gb #content td {padding:3px !important;}
.gb #content td p {padding:0px !important;}


.news {margin:0 -30px 0 0;}
.news div {float:left; width:33%;}
.news dl {display:block; padding:0 30px 0 0;}
.news dt {font-size:1.667em; margin-bottom:20px; color:#5c5c5c;}

.news2 {margin:0 -30px 0 0;}
.news2 div {width:50%;}
.news2 dl {padding:0 30px 0 0;}
.news2 dd {padding:0 0px 30px 0;}
.news2 dt {margin-bottom:5px; color:#5c5c5c;}

.text-song {overflow:auto; height:520px; padding:0 10px 0 0;}
.autor {text-align:right; font-size:0.706em; line-height:1em;}
/* ----------------------------------------------- */

/* #Footer
-------------------------------------------------- */
#footer {bottom: 0px; left:0; width:100%; position: absolute; color:#34332f; font-size:1em; background:url(images/) left bottom repeat;}
#footer a {color:#34332f;}
#footer-back { background:url(images/footer-bottom.png) 0 100% repeat-x;}
#mp {float:right; background:url(images/sea.png) 0 0 no-repeat; width:101px; height:95px; margin:35px 0 0;}
#footer, #empty, #footer-back {height: 130px; clear:both;}
#copyright {padding:40px 0 0 33%; height:90px; background:url(images/gutar.jpg) 0 100% no-repeat;}
#copyright p {padding:0 0 0 25px;}
#baner {float:left; width:235px; padding:25px 0 0 0px;}
#baner img {margin-right:15px;}
#empty {visibility:hidden;}
/* ----------------------------------------------- */


.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}


.content {}
.album-more {float:left; padding:0 0 0 30px;}
.album-more img {margin-bottom:20px}
.list { float:left; padding:0 !important; margin:0  !important; width:638px;}
.list, .viewlist {list-style-type: none;}
.viewsong {margin:-40px 0 0 0;}
.viewsong h1 {font-size:14px; 	text-align:center;	font-weight:bold;}
.music {margin: 0 auto 2px auto; background: #212121; width: 618px; overflow:hidden; height: 33px;  clear:both;}
.music.some .icon, .music.more .icon {visibility: visible;}
.music .more, .music .some {clear: both; display: none;}
.music.more .more, .music.some .some {display: block;}
.music.some {background: transparent url('images/bg-black.png') no-repeat center 0; height: 54px;}
.music.more {background: #000; height: 214px;}
.text-song-hide {display:none; background-color:#ffffff;}
.icon {margin: 4px 0 0 12px; width: 43px; float: left; display:inline;}
.iconka {cursor:pointer;}
.songname {margin: 8px 0 0 0; float: left; display:inline; width: 481px; color: #e0e0e0; font-size: 12px;}
.song {color: #ff7b14;}
.time {margin: 8px 0 0 0; width: 45px; float: left; display:inline;}
.load {width: 28px; margin: 12px 0 0 0; float: left; display:inline;}
.corange {color: #ff7b14;}
.clear {clear: both;}