header.tit-det-agenda{
	float: left;
	width: 100%;
	max-height: 120px;
	margin-top:10px;
}

.data-det-agenda{
	float: left;
	width: 13.54%;
	height: 120px;
	background-color: #DF454F;
	color: #fff;
	text-align: center;
}

.data-det-agenda h2{
	font-size: 6.0em;
	line-height: 0.8em;
	margin-top: 18px;
}
.data-det-agenda h3{
	font-size: 3.0em;
}

.titulo-det-agenda{
	float: left;
	width: 86.45%;
	height: 120px;
	background-color: #34342D;
	color: #fff;
}

.titulo-det-agenda h1{
	font-size: 3.8em;
	line-height: 1.0em;
	padding: 2%;
	margin-top: 8px;
}
.titulo-det-agenda p{
	font-size: 1.4em;
	margin-top: -10px;
	padding: 0 2%;
}

.main-det-agenda{
	float: left;
	width: 100%;
	padding: 0 0 20px;
	background-color: #ccc;
}

.redes-det-agenda{
	float: left;
	width: 96%;
	height: auto;
	padding: 0 2%;
	margin-top: 10px;
}


section.det-agenda{
	float: left;
	width: 64.27%;
}

section.sidebar{
	float: right;
	width: 32%;
	height: auto;
	margin: 10px;
	text-align: center;
}
.fly-det-agenda{
	background-color: #000;
	padding: 10px;
}
.foto-det-agenda{
	max-width: 100%;
	height: auto;
}

.botao-det-agenda{
	display: inline-block;
	width: 100px;
	height: 28px;
	background-color: #CB084C;
	border-radius: 5px;
	font-size: 1.6em;
	font-weight: 900;
	padding-top: 5px;
	margin: 20px 5px;
}

.botao-det-agenda:hover{
	background-color: #990639;
}
.botao-det-agenda a{
	color: #fff;
}


.descricao-det-agenda{
	float: left;
	width: 96%;
	padding: 2%;
	background-color: #fff;
	margin: 10px 0 10px 10px;
}

.descricao-det-agenda p{
	font-size: 1.4em;
	color: #555;
	font-weight: 900;
}


.quem-vai-det-agenda{
	float: left;
	width: 100%;
	margin-left: 10px;
}

.confirmados{
	float: left;
	width: 25%;
	height: 60px;
	margin-right: 1px;
	background-color: #fff;
	font-size: 1.6em;
	text-align: center;
	padding-top: 17px;
}
.confirmados a{
	color: #555;
}

.amigos{
	float: left;
	width: 25%;
	height: 60px;
	margin-right: 1px;
	background-color: #fff;
	font-size: 1.6em;
	text-align: center;
	padding-top: 17px;
}
.amigos a{
	color: #555;
}

.mulher{
	float: left;
	width: 25%;
	height: 60px;
	margin-right: 1px;
	background-color: #F767BD;
	font-size: 1.6em;
	text-align: center;
	padding-top: 17px;
}
.mulher a{
	color: #fff;
	font-weight: 900;
}

.homem{
	float: left;
	width: 24.4%;
	height: 60px;
	background-color: #4AAFF3;
	font-size: 1.6em;
	text-align: center;
	padding-top: 17px;
}
.homem a{
	color: #fff;
	font-weight: 900;
}


.perfil-det-agenda{
	float: left;
	width: 100%;
	background-color: #fff;
	margin-top: 1px;
}
.foto-perfil-agenda{
	float: left;
	width: 45px;
	height: 45px;
	margin: 10px 5px 0;
}


.ver-mais-det-agenda{
	float: left;
	width: 95%;
	height: 30px;
	text-align: right;
	font-size: 1.4em;
	margin-top: 20px;
}
.ver-mais-det-agenda a{
	color: #555;
}

/*responsivo*/
@media all and (max-width: 810px){
	.confirmados{
		width: 24.8%;
	}
}

@media all and (max-width: 630px){
	.confirmados, .amigos, .mulher, .homem{
		font-size: 1.4em;
		height: 45px;
		width: 24.77%;
		padding-top: 10px;
	}
	section.det-agenda{
		width: 60%;
	}
	section.sidebar{
		width: 35%;
	}

	.data-det-agenda{
		width: 13.54%;
		height: 100px;
	}
	.data-det-agenda h2{
		font-size: 3.0em;
	}
	.data-det-agenda h3{
		font-size: 3.0em;
	}
	.titulo-det-agenda{
		height: 100px;
	}
	.titulo-det-agenda h1{
		font-size: 3.0em;
	}
}
@media all and (max-width: 575px){
	.confirmados, .amigos, .mulher, .homem{
		font-size: 1.2em;
		height: 45px;
		width: 24.7%;
		padding-top: 10px;
	}
	section.det-agenda{
		width: 55%;
	}
	section.sidebar{
		width: 40%;
	}

	.data-det-agenda{
		width: 20%;
		height: 80px;
	}
	.data-det-agenda h2{
		font-size: 3.0em;
	}
	.data-det-agenda h3{
		font-size: 2.0em;
	}
	.titulo-det-agenda{
		width: 80%;
		height: 80px;
	}
	.titulo-det-agenda h1{
		font-size: 2.0em;
	}
	.titulo-det-agenda p{
		font-size: 1.2em;
		margin-top: -5px;
	}
}

@media all and (max-width: 500px){
	.confirmados, .amigos, .mulher, .homem{
		width: 24.7%;
	}
	section.det-agenda{
		width: 94.3%;	
	}
	section.sidebar{
		width: 100%;
		margin: 0;
	}
}