/* font converted using font-converter.net. thank you! */
@font-face {
	font-family: "Microsoft-Yi-Baiti";
	src: url("/css/fonts/msyi.eot"); /* IE9 Compat Modes */
	src: url("/css/fonts/msyi.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
	  url("/css/fonts/msyi.otf") format("opentype"), /* Open Type Font */
	  url("/css/fonts/msyi.svg") format("svg"), /* Legacy iOS */
	  url("/css/fonts/msyi.ttf") format("truetype"), /* Safari, Android, iOS */
	  url("/css/fonts/msyi.woff") format("woff"), /* Modern Browsers */
	  url("/css/fonts/msyi.woff2") format("woff2"); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
  }
* { margin: 0; padding: 0; border: 0; font-family: 'Microsoft-Yi-Baiti','PT Sans', Arial; font-size: 18pt;-webkit-font-smoothing: antialiased;}

.content * {
	font-family: 'Segoe UI','PT Sans', Arial; 
	font-size:15px;
}

html {
	background:#000;
}

#preload-00 { background: url(/img/headers/0.png) no-repeat -9999px -9999px; }
#preload-01 { background: url(/img/headers/1.png) no-repeat -9999px -9999px; }
#preload-02 { background: url(/img/headers/2.png) no-repeat -9999px -9999px; }
#preload-03 { background: url(/img/headers/3.png) no-repeat -9999px -9999px; }
#preload-04 { background: url(/img/headers/4.png) no-repeat -9999px -9999px; }
#preload-05 { background: url(/img/headers/5.png) no-repeat -9999px -9999px; }
#preload-06 { background: url(/img/headers/6.png) no-repeat -9999px -9999px; }


.header {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    height: 180px;
    position: fixed;
    width: 100%;
    z-index: 1;
}

.header .w {
	padding-top:80px;
}



.header_background {
    float: right;
    height: 180px;
    overflow: hidden;
    position: fixed; /* buvo absolute*/
    right: 0;
    top: 0;
    z-index: -1;
}

.header_mobile {
	width:100%;
	height:50px;
	line-height:50px;
	color:white;
	position:fixed;
	z-index:1;
	top:0;
	background:transparent;

}

.header_mobile .logo_mobile img {
	width:100px;
}

.logo {
    color: #959490;
    font-size: 60px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
	text-shadow: 2px 0 2px #000000;
}

.logo_mobile  {
	margin:auto;
}

.w {
	margin: 0 auto;
    max-width: 1124px;
    min-width: 320px;
    padding: 0 20px;
    position: relative;
}


.links {
    display: block;
    height: 35px;
    line-height: 35px;
    width: 100%;
}

.links ul {
	list-style:none;
	padding-left:20px;
}

.links li {
	float:left;
	margin-right:30px;
}

.links a {
	color:#959490;
	text-decoration:none;
	transition: all 0.5s ease 0s !important;
	font-size:20px;
	font-weight:bold;
	text-shadow: 2px 0 2px #000000;
}

.links a:hover {
	color:white;
	transition: all 0.5s ease 0s !important;
}

.links .active {
	color:white !important;
}

.links_mobile {
	height:30px;
}

.links_mobile {
	margin-left:15px;
}

.links_mobile_div {
    background: none repeat scroll 0 0 #EFEFEF;
    display: none;
    height: 35px;
    line-height: 35px;
    margin-top: 50px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 1;
	top:0;
}

.links_mobile_div a {
	color:#e6403f;
}

.links_mobile_div a:hover{
	color:white;
	background:#e6403f;
}


#links_mobile {
    float: right;
	margin-right: 25px;
}

.content {
    color: #959490;
    padding-top: 250px;
     z-index: 0;
}


.cd {
    border-bottom: 1px solid #808080;
    display: inline-block;
    padding-bottom: 50px;
    padding-top: 50px;
    width: 100%;
}

.cd_image {
    float: left;
/*     height: 100%;
 */    vertical-align: bottom;
    width: 200px;
}

.cd_image img {
	width:180px;
}

.cd_content {
    float: left;
    padding-left: 50px;
	min-width:250px;
	margin-top:-5px;
}

.cd_content ul {
	list-style:decimal-leading-zero inside none;
}

.cd_info {
    float: left;
    width: 100%;
	padding-top: 25px;
}

.cd_info a{
	color:#959490;
}

.all_cds {
	margin:auo;
	padding-top:10px;
}

.all_cds ul {
	list-style:none;
	margin:auto;
	position: relative;
}

.all_cds li {
	float:left;
	width:100px;
	margin-right:30px;
	color:#959490;
	border:1px solid black;
	transition: all 0.5s ease 0s !important;
	padding:10px;
	cursor:pointer;
}

.all_cds li img {
	width:100px;
}

.all_cds li:hover {
	border:1px solid #959490;
	transition: all 0.5s ease 0s !important;
}

.clear {
	width:100%;
	display:inline-block;
}

.play {
	margin-left:-48px;padding-right:33px;font-family:calibri;cursor:pointer;
	transition: all 0.5s ease 0s !important;
	text-decoration:none !important;
}



.play:hover {
	color:white;
	transition: all 0.5s ease 0s !important;
}


.transition {
    background: url("/img/transition.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 50px;
    margin-top: 177px;
    position: fixed;
    width: 100%;
    z-index: 1;
}

.calendar {
	width:100%;
	display:inline-block;
	padding-bottom:40px;
}

.calendar .date {
    float: left;
    text-align: right;
    width: 150px;
}


.calendar .event {
    float: left;
    max-width: 350px;
    padding-left: 10px;
}


.contacts {
	width:100%;
	display:inline-block;
	padding-bottom:40px;
}

.contacts .key {
    float: left;
    text-align: right;
    width: 150px;
	color:#afaeaa;
}


.contacts .value {
    float: left;
    max-width: 350px;
    padding-left: 10px;
}

.contacts a {
	color:#959490;
	text-decoration:none;
}

.contacts a:hover {
	text-decoration:underline;
}

.contacts a { 
	padding-bottom: 10px; 
	display: block;
}


.content p {
	text-indent:10px;
	padding-bottom:15px;
}

.content p a {
	color:#959490;
}

.p_author {
	text-align:right;
	padding-top:10px;
	font-style:italic;
}

.gallery {
	margin:auto;
	text-align:center;
	padding-top:50px;
}

.gallery img {
	padding:5px;
}


#sb-counter a {
    font-family: 'Segoe UI','PT Sans',Arial;
    font-size: 12px;
	padding:5px;
}

#sb-counter {
    font-family: 'Segoe UI','PT Sans',Arial;
    font-size: 12px;
	padding:5px;
}

#equipment {
	display:none;
	color:white;
}

#equipment_popup {
	color:white;
	padding:5px;
	font-family: 'Segoe UI','PT Sans',Arial;
    font-size: 12px;
}
#equipment_popup * {
	color:white;
	font-family: 'Segoe UI','PT Sans',Arial;
    font-size: 12px;
}

font.title {
	font-weight:bold;
}

footer {
	width:100%
}

footer .w {
	border-top:1px solid #1F1F1F;
}

footer span {
	padding:10px !important;
	color:#1F1F1F;
	font-family: 'Segoe UI','PT Sans',Arial;
    font-size: 12px;
}

ul.gold {
	list-style:none;
}

ul.gold .play {
	margin-left:-21px;
	padding-right:8px;
}

.front-div {
	width:100%;
	display:inline-block;
}

.front-left {
	width:30%;
	float:left;
	display:block;

}


.front-left img {
	width:100%;
	margin-top:-50px;
}

.front-right {
	float:right;
	width:65%;
	display:block;
	padding-left:5%;
}

.listen-itunes {
	height:40px;
	margin-right:20px;
	margin-top:20px;
	display: inline-block;
	margin-bottom:20px;
}

.listen-spotify {
	height:40px;
	margin-top:20px;
	display: inline-block;
	margin-bottom:20px;
}

.vaga {
	vertical-align: top;
	height: 35px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 0px)
and (max-device-width : 480px) 
{

 .w { min-width:300px !important; padding-left:10px; padding-right:10px;; } 

	.logo { font-size:33px; }
	/* .links { line-height:25px; } */
	.links li { margin-right:10px; }
	.links a { font-size:16px; }
	.links ul { padding-left: 0; }
	
	.content {  max-width: 95%;}	
	.cd_image img { width:100px;}
	.cd_content { padding-left: 15px; }
	.cd_info { display:inline-block; }
	
	.all_cds li { margin-right:5px; }
	.all_cds ul { display:inline-block; }

	
	.header { height:120px; }
	.header .w { padding-top:40px; }
	.header_background { max-height:8vh ; }
	
	.transition { margin-top:110px; }

	.content { padding-top: 145px; }
	
	.gallery img { max-width:250px; }

	.calendar .event { max-width: 330px; padding-left: 10px; padding-right:10px; }
	
	.play { margin-left: -42px; padding-right: 27px;}
	
	.cd_image { padding-left:15px; padding-bottom:5px; }

	.front-left { width: 100%; text-align:center; } 
	.front-right { width: 100%; text-align: justify; padding-left:0; }
	.front-left img { max-height: 50vh; width: auto; margin-top:0; }


	.contacts .key, .contacts .value { text-align: left; float:none; width:100%; padding-left: 0;  } 
	.contacts .key { padding-bottom: 5px; font-weight:bold; }
	
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {

 .w { min-width:300px !important; padding-left:10px; padding-right:10px;; } 

	.logo { font-size:33px; }
	/* .links { line-height:25px; } */
	.links li { margin-right:10px; }
	.links a { font-size:16px; }
	.links ul { padding-left: 0; }
	
	.content {  max-width: 95%;}	
	/*.cd_image img { width:100px;}*/
	.cd_content { padding-left: 15px; }
	.cd_info { display:inline-block; }
	
	.all_cds li { margin-right:5px; }
	.all_cds ul { display:inline-block; }

	
	.header { height:120px; }
	.header .w { padding-top:40px; }
	.header_background { height:90px; }
	
	.transition { margin-top:110px; }

	.content { padding-top: 145px; }
	
	.gallery img { max-width:250px; }
	
	.contacts .key { width:90px;} 
	
	.calendar .event { max-width: 330px; padding-left: 10px; padding-right:10px; }
	
	.play { margin-left: -42px; padding-right: 27px;}
	
}

@media only screen
and (min-width : 320px) 
and (max-width : 768px) {

	.front-left img { margin-top:-30px ; }


}


@media only screen
and (min-width : 768px) {

	.logo { font-size:60px; }
	/* .links { line-height:35px; } */
	.links li { margin-right:30px; }
	.links a { font-size:20px; }
	.links ul { padding-left: 5px; }
	
	.content {  max-width: 1124px;}	
	.cd_content { padding-left: 30px; }
	.cd_image img { width:200px;padding-left: 5px;padding-bottom: 10px;}
	.cd_info { display:inherit; padding-left:5px; }
	
	.all_cds ul { display:inherit; }
	
	.header { height:180px; }
	.header .w { padding-top:80px; }
	.header_background { max-height:180px; }
	
	.transition { margin-top:177px; }
	
	.content { padding-top: 250px; }
	
	.gallery img { max-width:550px; }

	.contacts .key { width:150px;} 
	
	.calendar .event { max-width: 350px; padding-left: 10px; }

}