@charset "utf-8";
/* CSS Document */
html{
	height:90%;
}
body
{
	margin:0;
	padding:0;
	background:url(../images/bg.png) no-repeat center center fixed;
	color:#fff;
	font-size:16px;
	background-size:cover;
	min-height:100%;
	position:relative;
}
.clear
{
	clear:both;
}
a
{
	text-decoration:none;
	color:#fff;
}
.wrapper
{
	
	
	width:940px;
	margin:0 auto;
}
.title h2
{
	font-weight:normal;
	font-size:30px;
}
ul li a
{
	text-decoration:none;
	color:#fff;
}
ul li a:hover{
	color:#F28E06;
}

/*--category detail page----*/
.link
{
	text-align:right;
	margin-top:80px;
}
.link a:hover
{
	color:#F28E06;
}
.link a:active{
	
}
/*------category list form page-------*/
.category-form-label
{
	float:left;
	width:20%;
	text-align:left;
	margin-right:40px;
}
.category-list-form p
{
	font-style:italic;
	font-size:14px;
}
/*------category list page--------*/

.category-list p
{
	font-style:italic;
	font-size:14px;
}

.category-list .list
{
	float:left;
	width:250px;
	margin-left: -10px;
}
.list{
	width: 270px;
}
.category-list ul{ 
   /* counter-reset: item;
    list-style-type: none; */
	 margin-left:-25px;
}
.category-list ul li{ margin-left:0px; list-style:decimal; }
.category-list ul li:before{ 
    /* content: counter(item) "  ";
    counter-increment: item */
}

.category-list ul li a
{
	padding-left:20px;
}
li.double a{
	padding-left:15px !important;
}
.category-list  ul li a.selected{
	color:#F28E06;
}
.category-list .song-list{
	float:left;
	margin-top:60px;
	margin-left:40px;
	width:550px;
}
.wrapper-list{
		height:200px;
		overflow:auto;
		position:relative;
		width:145%;
}
.list-content{
		height:200px;
		overflow:auto;
		position:relative;
		width:1%;
}
.list-block .inner-list{
		float:left;
		border-bottom:1px solid #fff;
}
.list-block.header .inner-list{
		border-bottom:none;
}
.list-block .list-section{
		float:left;
		margin:2px 0px;
}
.list-section.checkbox{
		width:20px;
		margin-right:20px;
}
.list-section.title{
		width:250px;
}
.list-section.custom{
		width:510px;
}
.list-section.custom input{
		width:380px;
		background-color: transparent;
		color: #fff;
		font-family:Georgia, "Times New Roman", Times, serif;
}
.list-section.author{
		width:130px;
}
.list-section.music-type{
		width:15px;
		margin-right:5px;
		text-align:center;
}
.list-section.player-type{
		margin-bottom: 10px;
		text-align:center;
		width:50px;
}
.list-block.header{
		margin-bottom:25px;
}
.list-block.header .list-section{
		color:#F28E06;
}
.header .list-section.music-type{
}
.list-block.header .music-type{
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}
.category.link{
	margin-top:20px;
}

.desc{
	margin-top:10px;
}


/*--------track list----------*/
.songs
{
	height:300px;
	width:80%;
	/*overflow:auto;*/
	margin-top:30px;
}
.religiosas
{

}
.songs ul
{
	margin-left:-35px;
}
	.songs ul
	{ 
		counter-reset: item;
		list-style-type: none;
	}
	.songs ul li:before{ 
		content: counter(item) "  ";
		counter-increment: item;
		float:left;
	}
	.songs ul li{
		border-bottom:1px solid #fff;
		margin-bottom:26px;
		width:100%;
}
.track{
	padding-left:20px;
	margin-top:-14px;
	margin-bottom:5px;
}
		.track h3
		{
			margin-bottom:0px;
		}
		.track .song-desc
		{
			float:left;
			width:86%;
		}
	
		.track .media
		{
			float:left;
			width:10%;
		}
.shortcuts
{
	width:80%;
}
.shortcuts ul
{
	float:right;
}

.shortcuts ul a
{
	float:left;
	font-size:10px;
	text-align:center;
	margin-right:10px;
	transition:all 0.5s ease;
}
	.shortcuts ul a:hover
	{
		margin-top:-5px;
	}
	.shortcuts ul a li
	{
		list-style:none;
	}
	.shortcuts ul a li img
	{
		height:24px;
	}
	.shortcuts ul a li p
	{
		margin:0px;
	}
	
/*------contact page-------*/
.contact
{
	margin-top:80px;
}
.form-section
{
	margin-bottom:10px;
}
.form-label
{
	float:left;
	width:7%;
	text-align:right;
	margin-right:40px;
}
.form-info
{
	float:left;
	width:40%;
}
.form-info input{
	width:100%;
	padding-left:5px;
}
.form-info input:hover,
.form-info input:focus{
	box-shadow:1px 1px 2px 2px rgba(249, 188, 188, 0.7);
}
	
.form-info .submit-links{
	text-align:right;
}
.form-info .submit-links,
.form-info .submit-links a
{
	color:#F28E06;
}
	.form-info a
	{
		margin:0px 5px;
		font-size:12px;
	}
	.form-info a:hover
	{
		color:#fff;
	}
/*.footer {
	background:url(../footer.png) bottom repeat-x; 
	height:110px; 
	width:100%; 
	position:absolute; 
	top:100%;
}
.footer p{
	
}*/
.footer {background:url(../footer.png) bottom center repeat-x; height:110px; width:100%; position:absolute; top:100%; text-align:center;}
.footer p {padding-top:77px; margin-top:0px; font-size:14px;}	
.alianza-left,
.alianza-right{
	float: left;
	margin-bottom: 25px;
	width: 45%;
}
.alianza-left{
	text-align:left;
}
.alianza-right{
	text-align:right;
}

.nav-bar
	{
		text-align:center;
		background:#b5985a;
	}
	.nav-bar ul
	{
		padding:0px;
		margin:0;
	}
	.nav-bar ul li
	{
		text-align:center;
  float:left;
  padding:10px 0px;
  list-style:none;
	}
		.nav-bar ul li a
		{
			padding:0px 5px;
   text-decoration:none;
   color:#342404;
   border-right:1px solid #666;
   font-family:Georgia, "Times New Roman", Times, serif;
		}
		.nav-bar ul li:hover
		{
			background: -webkit-linear-gradient(#8e003b, #6d002e, #8e003b); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#8e003b, #6d002e,#8e003b); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#8e003b, #6d002e, #8e003b); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#8e003b, #6d002e, #8e003b); /* Standard syntax */
		
		}
			.nav-bar ul li:hover a
			{
				color:#CCC;
			}
		.nav-bar ul li.selected
		{
			background: -webkit-linear-gradient(#eda719, #dc9911, #eda719); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#eda719, #dc9911,#eda719); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#eda719, #dc9911, #eda719); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#eda719, #dc9911, #eda719); /* Standard syntax */
		}
			.nav-bar ul li.selected a
			{
				color:#000;
			}
	
		
	.clear
	{
		clear:both;
	}
	.next
	{
	margin-right:5%;
	}
	@media (max-width:1200px)
 {
  .nav-bar ul li
  {
   padding:10px 2px;
  }
 }
 @media (max-width:1150px)
 {
  .wrapper
  {
   width:100%;
  }
  .nav-bar
  {
   text-align:left;
  }
  
 }
 @media (max-width:920px)
 {
  .wrapper
  {
   width:100%;
  }
  .nav-bar ul li
  {
   float:none;
   padding:2px 0px;
  }
  .nav-bar
  {
   text-align:center;
  }
  .nav-bar ul li a
  {
  border-right:none;
  }
  .religiosas,
	.category-dtl
	{
	padding:0px 10px;
	}
  
 }

@media (max-width:767px)
{
	.form-info
	{
		width:60%;
	}
	.category-list
	{
		font-size:12px;
	}
	.list-content
	{
		width:70%;
	}

	.song-list .song-list
	{
		width:350px;
	}
	.list-section.music-type
	{
		display:none;
	}
	.list-section.checkbox
	{
		width:10px;
		margin-right:8px;
	}
	.list-section.title
	{
		width:170px;
	}
	.list-section.author
	{
		width:100px;
	}

	.list-section.player
	{
		//text-align:center;
		width:50px;
	}
	.songs,
	.shortcuts
	{
		width:100%;
	}
	.track .song-desc
	{
		width:100%;
	}
	.track .media
	{
		float:none;
	}
	
	.footer p 
	{
	font-size:12px;
	
	}
	.religiosas,
	.category-dtl
	{
	padding:0px 10px;
	}
	
	
}
@media (max-width:480px)
{
	.wrapper
	{
		width:100%;
	}
	.song-list
	{
		font-size:10px;
	}
	.list-content
	{
		width:48%;
	}
	.list-section.author
	{
		display:none;
	}
	.footer p 
	{
	font-size:10px;
	]
	
}