/*GENERALES*/
html, body{
   font-family: 'Open Sans', sans-serif;
   font-size: 100%;
   background: url(../img/bg.jpg);
}
.navbar-default .nav li a{
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
  color: #E0C8A8;
  display: block;
  padding: 5px 5px;
  font-size: 1.1em;
  margin: 0 5px;
  margin-top: 7px;
  text-align: center;
}
.navbar-brand.page-scroll img{
  margin-top: -20px;;
}
.navbar-default.navbar-shrink{
  background-color: #291f19;
}
.trailer{
  background: #000000;
  padding-top: 0;
  padding-bottom: 0;
}
video
{
    width: 100%;
    height: auto;
}

#contact{
  background: url(../img/comp.jpg) no-repeat fixed center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;

}
section#contact{
  padding-bottom: 20px;;
  margin-top: 0;
  padding-top: 0;
}

.glyphicon-circle-arrow-right, .glyphicon-circle-arrow-left{
  position: absolute;
  top: 50%;
  display: inline-block;
  color: #e0c8a8;
  font-size: 30px;

}
.glyphicon-circle-arrow-left{
  left: 50%;
}
.glyphicon-circle-arrow-right{
  right:50%;
}
.seccion{
  padding-top: 6em;

}
.bio_left h3, .texto_discografia h3{
	color:#372f2d;
	font-size:4em;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
}
.texto_discografia h3{
  text-align: center;
}
.bio_foto{
  padding-top: 70px;
}
h1, h2, h3, h4, h5, h6{
  font-weight: 500;
  line-height: 1.1;
}
p.texto_bio{
  text-align: justify;
  padding-top: 30px;
}
.divisor{
  background: #291f19;
  height: 70px;
  text-align: center;
  color: #e0c8a8;
  font-size: 2.5em;
  padding-top: 10px;

}
.hiper{
  color: gray;
}
.disco{
  background: #e0c8a8;
  padding-top: 3em;
}
.fotos{
  padding-top: 3em;

}
a{

	font-family: 'Open Sans', sans-serif;
  color: white;
  text-decoration: none;
}
a:hover{
  text-decoration: none;
  color:#e0c8a8;
}
.content{
  background: black;
}
.videos p{
  text-align: center;
  font-size: 1.3em;
}
.player{
  border-radius: 7px;
}
.vid{
  padding-bottom: 5em;
}
.agen{
  margin-top: 0;

}
.cal:hover{
  opacity: 0.7;
}
.cal{

  text-align: center;
}
.cal img{
  padding-bottom: 1em;
}
.modtit{
  text-align: center;
}
.modal-footer{
  text-align: center;
}
.modal-body img{
  max-width: 100%;
}
li.mencion a{
  color: gray;
}
li.mencion a:hover{
  color: green;
}
.con{
  margin-top: 3em;
}
section#contact .form-group input, section#contact .form-group textarea{
  padding: 8px;
}
section#contact .form-group textarea.form-control{
  height: 120px;
}
#contactForm{
  margin-top: 30px;
}
footer{

  height: 80px;
}
.dire{
  text-align: center;
  border: 0.5px solid white;
  border-radius: 7px;
  margin-top: 2em;
}
.dir{
  color: white;
}
.dir img{

  text-align: center;
}
i.fa{
  padding: 0.3em;
  font-size: 1.8em;
  border-radius: 50%;
  border:2px solid white;
  width: 50px;
  height: 50px;
}
.cal img{
  width: 100%;
  height: auto;
}