@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #000;
}
@font-face {
font-family: "TodaySHOP-Bold";
src: url(../fonts/TodaySHOP-Bold.otf);
}
h2 {
	color: #666;
	font-style: normal;
	letter-spacing: -1pt;
}
#header #menu li .active {
	color: #FC0;
	text-decoration: none;
}


#header {
	z-index: 5;
	width: 86%;
	top: 15px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	left: 8%;
	vertical-align: text-bottom;
}
.ocre {
	background-color: rgba(211,133,35,0.8);
	font-size: 12px;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	padding: 10px;
	margin: 3px;
	font-weight: lighter;
}
.ocreradius {
	background-color: rgba(211,133,35,0.8);
	font-size: 12px;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	padding: 10px;
	margin: 3px;
	font-weight: lighter;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.vermas a{
	color: #FFF;
	text-decoration: none;
	text-align: right;
}
.vermas a:hover {
	color: rgba(211,133,35,0.8);
	text-decoration: none;
	text-align: right;
}

.calendario {
	position: absolute;
	z-index: 2;
	left: 10%;
	color: #FFF;
	bottom: 35%;
}



h1 {
	background-image: url(../img/tito_logo2.png);
	text-indent: -5000pt;
	display: block;
	height: 66px;
	width: 288px;
	float: left;
	padding: 0px;
}
.bitacora {
	position: absolute;
	z-index: 1;
	width: 40%;
	right: 6%;
	bottom: 35%;
}

.cuerpo{
	height: 300px;
	overflow-y: scroll;
	text-align: justify;
	padding: 15px;
	font-size: 12px;
}

#content {
	
	background-image: linear-gradient(bottom, rgba(250,250,250,.3) 0%, rgba(105,105,105,.3) 75%);
background-image: -o-linear-gradient(bottom, rgba(250,250,250,.3) 0%, rgba(105,105,105,.3) 75%);
background-image: -moz-linear-gradient(bottom, rgba(250,250,250,.3) 0%, rgba(105,105,105,.3) 75%);
background-image: -webkit-linear-gradient(bottom, rgba(250,250,250,.3) 0%, rgba(105,105,105,.3) 75%);
background-image: -ms-linear-gradient(bottom, rgba(250,250,250,.3) 0%, rgba(105,105,105,.3) 75%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgba(250,250,250,.3)),
	color-stop(0.75, rgba(105,105,105,.3))
);	
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 80px;
	padding-left: 20px;
}
#contenido {

}

.oculto {
	overflow: hidden;
	clear: none;
	position: relative;
	z-index: 1;
}
#menu-pages {
	position: absolute;
	z-index: 1000;
	top: 80px;
	right: 18%;
}
.Numero {
	font-family: TodaySHOP-Bold;
	font-size: 26px;
	color: #FFF;
}
.titulo {
	font-family: TodaySHOP-Bold;
	font-size: 26px;
	color: #333;
}


.footer {
	color: #FFF;
	height: 25%;
	width: 100%;
	font-size: 12px;
	padding-top: 15px;
	padding-bottom: 10px;
	vertical-align: middle;
	line-height: 18px;
	border-top-width: 6px;
	border-top-style: double;
	border-top-color: #d38523;
	position: absolute;
	z-index: 1;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #000;
}
.bordeblanco {
	padding: 5px;
	border: 1px solid #FFF;
}

.contacto {
	width: 85%;
	position: absolute;
	z-index: 4;
	left: 8%;
	margin-bottom: 2%;
	bottom: 0px;
	vertical-align: text-bottom;
}
.discografia {
	width: 85%;
	position: absolute;
	left: 8%;
	top: 110px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}

@media (max-width: 1000px) {
.oculto {
	display: none;
}
  }
.container-familia {
	width: 800px;
	margin-top: 80px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


.box {
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border: 3px solid #FFF;
	height: 100px;
	width: 100px;
	margin: 10px;
	float: left;
}

.box:hover{
	border: 3px solid rgba(211,133,35,0.8);
	color: #FFF;
     
}