/*
	INGRAVITY SOUNDTRACK PROJECTS
	style page V1.1
	gpr apr 2016
*/
html {
	background: #000000 url(../img/bombolla4.jpg) top center no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

body {
	background-color:rgba(0,0,0,1);
}

.col-xs-0 {
	display:none;
}
@media (min-width: 768px) { 
	.col-xs-0 {
		display:block !important;
	}
	#logo {
		height: 100px !important;
		margin: 5px !important;
	}
}

#logo {
	margin:0px;
	height:70px;
}

.social {
	clear:right;
	padding-right:10px;
}
.social > * {
	padding-left: 10px;
	padding-bottom: 10px;
	z-index: 1010;
}

.language {
	text-align: right;
	padding-right: 10px;
	padding-bottom: 10px;
}

.social, .language {
	cursor: pointer;
	z-index: 1010;
	margin-top: 5px;
	margin-right: 20px;
}

.header {
	position: absolute;
	top:0px;
	background-color: rgba(0,0,0,0.9);
	z-index:1000;
}
nav.navbar {
	margin-bottom: 0px !important;
}
ul.navbar-nav {
	padding-top: 10px;
	padding-bottom: 10px;
	background: -webkit-linear-gradient(top , rgba(0,0,0,0.9), #802086 25%, #802086 75%, rgba(0,0,0,0.9));
	background: -moz-linear-gradient(top , rgba(0,0,0,0.9), #802086 25%, #802086 75%, rgba(0,0,0,0.9));
	background: -o-linear-gradient(top , rgba(0,0,0,0.9), #802086 25%, #802086 75%, rgba(0,0,0,0.9));
	background: linear-gradient(top , rgba(0,0,0,0.9), #802086 25%, #802086 75%, rgba(0,0,0,0.9));
}

#main {
	margin:0px !important;
	width: 100%;
	min-width:100%;
	vertical-align: middle;
	position:absolute !important;
	min-height: 100%;
}

#player {
	padding: 10px 10px;
}

.nav > li > a, .nav > li {
	padding: 5px 5px;
	text-align:center;
	font-size: 16px;
	text-decoration: none ;
}

.nav > li > a.selectable:hover  {
	color: #fff ;
	font-weight: bold;
	font-size: 16px;
}
.nav > li > a.activeNavElem {
  text-decoration: none !important;
  background-color: rgb(185, 88, 180) !important;
  color: #fff !important;
  border: 0px none #e7e7e7 !important;
  border-radius: 5px !important;
} 

li.dropdown > ul.dropdown-menu {
	background-color: rgba(0,0,0,0.9);
	margin-top: 0px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-radius: 5px;
}
ul.dropdown-menu > li > a {
	text-decoration: none;
	color: #fff ;
	font-size: 14px;
}
ul.dropdown-menu > li > a:hover  {
	color: #fff ;
	font-weight: bold;
	font-size: 14px;
	background-color: inherit;
}	
ul.dropdown-menu > li > a.activeNavElem  {
	color: #fff !important;
	background-color: rgba(57, 57, 59, 0.99) !important;
}	 

.pagina {
	position:relative !important;
	top: 0px;
	display:none;
	padding: 10px 10px;
	min-height: 100%;
}
.pagina.activePag {
	display: block;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	min-height:100%;
	background-color: rgba(0,0,0,0.7);
}
.pagina  h1 {
	color: #A09595;
}
.pagina  h2 {
	color:#B2A29C;
}
.pagina  h3, .pagina summary, modal h3 {
	color:#B2A29C;
	font-size: 24px;
}
.pagina  p, .modal p {
	text-align: justify;
	padding: 10px 10px;
	color: #BECEE9;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.3;
}
p.cita {
	text-align: center;
	padding: 10px 10px;
	color: #BECEE9;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
}

span.cita {
	font-style: oblique;
}

span.citaOrigin {
	padding-left:2em;
}

.pagina .present {
	font-size: 20px;
	text-align: center;
	font-family: "DejaVu Sans ExtraLight";
}

.pagina .slogan {
    font-size: 26px;
	text-align: center;
	font-family: "Avenir Next Ultra Light";
}

.glyphicon {
	color:white;
}

.footer {
	background-color:rgb(0,0,0);
    position: fixed;
    bottom: 0px;
	left: 0px;
    width: 100%;
	padding: 0px 20px;
	margin: 0px 0px;
	border-top: 2px solid;
}
.copyright {
	color:#A0A0A0;
}

#dCarlos *, #dManuel * {
	text-align: left;
}

#legal .modal-footer, #legal .modal-header {
	border: 0px;
}
#legal .modal-content {
	padding: 0px 0px;
	margin: 0px 0px;
}
#legal button.close {
	background-color: rgb(83, 79, 84) !important;
	color: black !important;
	font-size: 20px !important;
	opacity: 1;
	border-radius: 5px;
	height: 20px !important;
	width: 30px !important;
}
#legal .modal-body {
	border: 2px solid white;
	box-shadow: rgb(83, 79, 84) 5px 5px 10px;
	padding: 10px 10px;
	background-color: black;
	color: #BECEE9;
	overflow-y: auto;
}
.legal {
	cursor:pointer;
}

@font-face {
    font-family: "DejaVu Sans ExtraLight";
    src: url('../fonts/DejaVuSans-ExtraLight.ttf');
}
@font-face {
    font-family: "Avenir Next Ultra Light";
    src: url('../fonts/Aovel_Neo_Ultralight.ttf');
}

/*!
 * ZOOMIn effect originally taken from:
 * animate.css -http://daneden.me/animate
 * Version - 3.5.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
.zoomIn.activeNavElem , .zoomIn.colAudioListTitle.activeSong {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
    -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  
  
}