/*loading*/
 html {
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
}
html, body {

    min-height: 100%;
}
html.loading {

    background: #333 url('../img/guitar1.gif') no-repeat 50% 15%;

    -webkit-transition: background-color 0;
    transition: background-color 0;
	
	opacity: 1;
}
body {
    -webkit-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}
html.loading body {
    opacity: 0;
display:none;
    -webkit-transition: opacity 0;
    transition: opacity 0;
}
/*end loading*/

/*
.loading{
	
	    min-height: 100%;
  background: #ffffff url('../img/guitar1.gif') no-repeat 50% 15%;
	
	width:100%;
	position:absolute;
	height:1000px;
	
	
}
*/
body
{
	background-color:white;
	margin:0 !important;
}

#cancion
{
		background-color:white;
		/*padding:1px 20px 20px 20px ;*/

}
#cancion pre
{
		background-color:white !important;
		padding:0;
		border:none;
		font: normal 15px/23px monospace;

}
#cancion pre .c
{

		font: bold 12px/17px monospace !important;

}
#controls
{
		background-color:white;
	/*	padding:20px 20px 0px 20px ;*/

}

.list
{

}



.shadow{
box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;
-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;
-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD;
-o-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #DDDDDD; 
}
.opacity{opacity: 0.90;}
.c{
	
	cursor:help;
}

#help , #help div {
	float:left;
}



/* CSS REQUIRED */
.state-icon {
    left: -5px;
}
.list-group-item-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(66, 139, 202);
}

/* DEMO ONLY - REMOVES UNWANTED MARGIN */
.well .list-group {
   /* margin-bottom: 0px;*/
}



.center-content{
	margin-left:auto;
	margin-right:auto;
}






/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

	.center-search-form{
		margin-left:auto;
		margin-right:auto;
		width:100%;
	}


	.banner{
		width:100%;
		padding:0px;
	}
 }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.center-search-form{
		margin-left:auto;
		margin-right:auto;
		width:75%;
	}
	.banner{
		width:100%;
		padding:5px;
	}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.center-search-form{
		margin-left:auto;
		margin-right:auto;
		width:50%;
	}
	.banner{
		width:100%;
		padding:20px;
	}

}

.tofixed
{
	position:fixed;
	top:43px;
}