/* Estilo Basico */
@import url("basico.css");

/*********************** Alteração de Definições Padrões */
#canvas {
	background: none !important;
	background: none;	
}

#content {
	width: 780px;
	height: 700px !important;
	margin:0 auto;
	background: none;	}

#content p {
	padding: 0px;
	margin: 0px;	}

#footer .midiasSociais {
	display: none;	}

/*********************** Definições Padrões Específicas */

.icoBox {
	position: absolute; }

/*********************** Agenda */
.agenda {
	position: absolute;
	top:40px;
	left:10px;
	width: 260px;
	height: 235px;
	padding:5px;
	background: url(../../imgs/bg-agenda.png) no-repeat!important;	}
	
.agenda * {
	margin:0 !important;
	padding:0 !important; }

.agenda .icoBox {
	top: 0;
	right: 10px;	}	

.agenda p {
	color: white;
	margin-top: -5px !important;	}

.agenda .data {
	color: white;
	font-size: 25px;	}

.agenda .diaSemana {
	color: #00aeef;	}
	
.agenda .local{
	color: #999;
	font-size: 14px;
	letter-spacing: 0.1em;	}
	
.agenda ul {
	float: left;
	margin: 0 !important;
	padding: 0px 15px !important;	}

.agenda ul li{
	float: left;
	padding: 9px 0 !important;
	padding: 12px 0px !important;
	width: 100%;	}

.agenda .separador,
.agenda .separador img {
	float:left;
	margin: 0 !important;
	padding: 0 !important;
}

/*********************** Fotos Banda */
.fotosBanda {
	float: left;
	width: 490px;
	height: 381px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: -95px;
	right: 12px;	}

/*********************** Fotos Shows  */
.fotosShows {
	position: absolute;
	top: 205px;
	right: 35px;
	width: 275px;
	height: 220px;
	padding: 20px;
	background: url(../../imgs/bg-fotos-shows.png) no-repeat!important;	}

.fotosShows .icoBox {
	top: 10px;
	right: 15px;
}

.fotosShows p {
	color: #636466;	}
	
.fotosShows .fotoCapa {
	position: absolute;
	left: 17px;
	bottom: 15px;	}

/*********************** Mídias Sociais  */
.boxMidiasSociais {
	position: absolute;
	top:310px;
	left:10px;
	width: 370px;
	height: 90px;	}
	
.boxMidiasSociais p {
	color: white !important;
	font-size: 18px !important;
	padding-bottom: 15px !important;
	margin-bottom: 0 !important;
	background: url(../../imgs/spacer.png) no-repeat -80px 20px;}

.boxMidiasSociais .midiasSociais  li {
	margin-right:26px!important;	}

.boxMidiasSociais .icoBox {
	top: 25px;
	left: 0px;	}
	
/*********************** Informativo  */
.informativo{
	position: absolute;
	top: 490px;
	right: 70px;
	width: 245px;
	height: 130px;
	padding:25px 20px;
	background: url(../../imgs/bg-informativo.png) no-repeat !important;	}
	
.informativo p {
	color:#636466;	}
	
.informativo span {
	color:#00aeef;
	font-size:13px;	}

.informativo table {
	width:100%;
	margin-top:10px;	}

.informativo table * {
	padding:0; margin:0;
}
.informativo table td {
	padding:3px 0;}
	
.informativo table label {
	color:#00aeef;
	width:150px;
	margin-bottom:5px;
}
.informativo table .field {
	width:100%;
	background:#DFDFDF;
	border:1px solid #DFDFDF;	}

/*********************** Por Aí  */
.porAi {
	position: absolute;
	top:415px;
	left:50px;
	width: 315px;
	height: 250px;
	padding:20px;
	background: url(../../imgs/bg-por-ai.png) no-repeat!important;	}

.porAi .icoBox {
	top: 15px;
	right: 15px;
	font-size: 9px !important;
	text-align: center;
	width:180px;
	margin-top:-40px;
	margin-bottom:0;
}

.porAi p {
	color:white;	}
	
.porAi ul {
	float:left;
	margin:16px -16px 0!important;
	margin:16px  -8px 0;
	width:347px;	}

.porAi ul li {
	float: left;
	width: 317px;
	padding: 8px 15px!important;
	margin:0!important;
	color: #999;	}

.porAi li.line {
	background: black;
	opacity: 0.65;
	filter: alpha(opacity=65);
	color: white;	}
	
.porAi li span {
	font-size:8.5px; 
	color:#666666;	}
	
.porAi li a {color:#666666 !important;}