.fundo_topo { height: 80px; }

#bloco-slides { width:100%; height:348px; padding-bottom:15px; margin-top:0px; position:relative; }
#rslides_imagem { width:1020px; height:348px; margin:0 auto; position:relative; }
#rslides_imagem .caption { background:none repeat scroll 0 0 rgba(0, 0, 0, 0.8); top:290px; color:#fff; display:block; left:0; padding:12px 30px; line-height:22px; position:absolute; right:0; text-align:left; font-size:14px; font-family:Arial; }
#rslides_imagem p span { font-size:18px; font-family:Arial; }

#segmentosDest { margin:0 auto; width:100%; font-family:"PT Sans"; display: inline-block; margin:3% 0; }
#segmentosDest ul { margin:0 auto; display: inline-block; width: 100%; text-align: center; }
#segmentosDest li { display: inline-block; margin: 0 1%; font-size:28px; text-align: left; cursor: pointer; line-height:40px; font-weight: 400; text-transform: none; text-align: center; }
#segmentosDest p { height:45px; margin:12px 0 0 0; font-size:20px; font-weight:700; line-height:16px; }
#segmentosDest span { font-size:14px; font-weight:400; }
#segmentosDest img { width:100%; height:145px; background-size: cover; background-position: center; }

#segmentoDest { position:relative; margin:1% auto 0; width:100%; display: inline-block; text-align: center; }
#segmentoDest ul { margin: 0 auto; display: inline-block; width: 100%; text-align: left; }
#segmentoDest li { position:relative; display: inline-block; width:31%; height:220px; margin:0 1% 3%; font-size:13px; line-height:16px; color: #7b7b7b; background-repeat: no-repeat; text-align: left; cursor: pointer; background-size: cover; background-position: center; }
#segmentoDest li div { position: absolute; bottom: 0; left: 0; width: 96%; height: 31%; background:rgba(0,0,0,0.50); color: white; padding: 5% 0 2% 4%; text-align: left; line-height: 14px; }
#segmentoDest li p { position:relative; width:100%; font-size:18px; color:white; margin-bottom: 5px; }
#segmentoDest li h6 { position:relative; width:30%; height:auto; color:white; text-align:center; font-size:17px; font-weight:400; line-height:28px; float: right; margin:3% 5% 0; }
#segmentoDest img { width:100%; height:225px; background-size: cover; background-position: center; }

#segmentoDestInf { position:relative; margin:25px auto 0; width:972px; }
#segmentoDestInf li { position:relative; float:left; width:222px; height:318px; margin:0 0 30px 28px; font-size:12px; line-height:14px; }
#segmentoDestInf li p { width:100%; height:30px; text-align:center; margin-bottom:20px; line-height:28px; color:white; font-size:17px; }
#segmentoDestInf li h6 { position:absolute; top:262px; width:150px; height:30px; color:white; text-align:center; font-size:17px; font-weight:400; line-height:28px; background:#fd811f; }
#segmentoDestInf .noborder { margin-left:0; }

#segmentoTitulo { color: #fff; background-color:#eee; font-size: 26px; margin:1% 1% 0; padding: 3% 0 1% 1%; font-weight: bold; }
#segmentoTitulo span { text-transform: lowercase; font-weight: normal; font-size: 22px; }
.titSeg_efai { background-image: url('/images/assisteduca24h/assisteduca_2014/home/seg_efai.jpg'); background-position: center; background-size: cover; }
.titSeg_efaf { background-image: url('/images/assisteduca24h/assisteduca_2014/home/seg_efaf.jpg'); background-position: center; background-size: cover; }
.titSeg_em { background-image: url('/images/assisteduca24h/assisteduca_2014/home/seg_em.jpg'); background-position: center; background-size: cover; }
.titSeg_vest { background-image: url('/images/assisteduca24h/assisteduca_2014/home/seg_vest.jpg'); background-position: center; background-size: cover; }

.rslides .caption { position: absolute; display: block; top: 8%; left: 2%; right: 0; padding: 2%; text-align: left; color: #fff; font-size: 70px; line-height: 80px; width: 50%; font-weight: bold; }
.rslides .caption span { font-size: 28px; line-height: 36px; font-weight: 200; display: block; margin-top: 3%; width: 80%; }
.rslides .banner1 { background:url('/images/profweb/player/profweb-desk.jpg') no-repeat; background-size:cover; }
.rslides .banner2 { background:url('/images/assisteduca24h/assisteduca_2014/player/banner1.jpg') no-repeat; background-size:cover; }
.rslides .banner3 { background:url('/images/assisteduca24h/assisteduca_2014/player/banner2.jpg') no-repeat; background-size:cover; }
.rslides .banner4 { background:url('/images/assisteduca24h/assisteduca_2014/player/banner3.jpg') no-repeat; background-size:cover; }
.rslides .banner5 { background:url('/images/assisteduca24h/assisteduca_2014/player/duvida-nao-tem-hora-grande.jpg') no-repeat; background-size:cover; }
.rslides .banner6 { background:url('/images/assisteduca24h/assisteduca_2014/player/aplicativos-exclusivos-grande.jpg') no-repeat; background-size:cover; }
.rslides .banner9 { background:url('/images/apoioescolar24horas/apoio_2018/home/appProfessorweb.jpg') no-repeat; background-size:cover; }

#home-corpo1 { height: 82vh; /*border-top: #406ab3 0.4rem solid;*/ position: relative; }
.rslides { height: 82vh; }
.rslides li { height: 82vh; }
.rslides img { height: 82vh !important; background-position:center !important; }

.arrow { position: absolute; display: inline-block; vertical-align: middle; text-align: center; bottom: 1%; right: 1%; z-index: 9999999; opacity: 0.6; }
.arrow a { display: inline-block; border-radius: 50%; }
.arrow a:hover .left, .arrow a:hover .top, .arrow a:hover .bottom, .arrow a:hover .right { border: 0.5em solid #fff; }
.arrow a:hover .left:after, .arrow a:hover .top:after, .arrow a:hover .bottom:after, .arrow a:hover .right:after { border-top: 0.5em solid #fff; border-right: 0.5em solid #fff; }
.arrow .left { display: inline-block; width: 4em; height: 4em; border: 0.5em solid #333; border-radius: 50%; margin-right: 1.5em; }
.arrow .left:after { content: ''; display: inline-block; margin-top: 1.05em; margin-left: 0.6em; width: 1.4em; height: 1.4em; border-top: 0.5em solid #333; border-right: 0.5em solid #333; -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.arrow .top { display: inline-block; width: 4em; height: 4em; border: 0.5em solid #333; border-radius: 50%; margin-right: 0.75em; }
.arrow .top:after { content: ''; display: inline-block; margin-top: 1.4em; width: 1.4em; height: 1.4em; border-top: 0.5em solid #333; border-right: 0.5em solid #333; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.arrow .bottom { display: inline-block; width: 45px; height: 45px; border: 6px solid #fff; border-radius: 50%; margin-left: 0; }
.arrow .bottom:after { content: '';	display: inline-block; margin-top: 6px; width: 17px; height: 17px; border-top: 6px solid #fff; border-right: 6px solid #fff; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.arrow .right { display: inline-block; width: 4em; height: 4em; border: 0.5em solid #333; border-radius: 50%; margin-left: 1.5em; }
.arrow .right:after { content: ''; display: inline-block; margin-top: 1.05em; margin-left: -0.6em; width: 1.4em; height: 1.4em; border-top: 0.5em solid #333; border-right: 0.5em solid #333; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#boxPrimeiroAcesso { display: block; position: absolute; top: -0.4rem; left: 0; z-index: 10; color: #fff; background-color: #ffb033; width: 100%; font-size: 30px; line-height: 50px; text-align: center; vertical-align: middle; border-radius: 0px 0px 50px 50px; }
#boxPrimeiroAcesso .btPrimeiroAcesso { display: inline-block; font-size: 26px; color: #000; background-color: #fff; font-weight: 400; border-radius: 6px; padding: 0 20px; margin-left: 3%; margin-top: 7px; margin-right: 3%; line-height: 36px; cursor: pointer; }

@media only screen and (max-width: 1100px) { 
	.rslides .caption { width: 70%; }

	.arrow { bottom: 7%; }

	.boxTitulo { margin-top: 4%; }
}

/*
@media only screen and (min-width: 926px) and (max-width: 997px) { 
	.boxTitulo { margin-top: 4%; }
}
*/

@media only screen and (max-width: 925px) { 
	.rslides .caption { width: 80%; }

	#boxPrimeiroAcesso { font-size: 27px; }
	#boxPrimeiroAcesso .btPrimeiroAcesso { font-size: 23px; }

	#segmentosDest li { font-size: 20px; line-height: 30px; }
}

@media only screen and (max-width: 819px) {
	.fundo_topo { height: 60px; }

	.rslides .caption { font-size: 60px; line-height: 70px; }

	#boxPrimeiroAcesso { font-size: 24px; }
	#boxPrimeiroAcesso .btPrimeiroAcesso { font-size: 20px; }


	#segmentosDest li { font-size: 18px; line-height: 28px; }
}

@media only screen and (max-width: 746px) {
	.rslides .caption { width: 85%; font-size: 50px; line-height: 60px; }
	.rslides .caption span { font-size: 26px; line-height: 34px; }

	.arrow { bottom: 10px; right: 5px; }
	.arrow .bottom { width: 35px; height: 35px; border: 5px solid #fff; }
	.arrow .bottom::after { width: 15px; height: 15px; border-top: 5px solid #fff; border-right: 5px solid #fff; margin-top: 3px;  }
	.arrow a:hover .left, .arrow a:hover .top, .arrow a:hover .bottom, .arrow a:hover .right { border: 5px solid #fff; }
	.arrow a:hover .left:after, .arrow a:hover .top:after, .arrow a:hover .bottom:after, .arrow a:hover .right:after { border-top: 5px solid #fff; border-right: 5px solid #fff; }

	#boxPrimeiroAcesso { font-size: 21px; }
	#boxPrimeiroAcesso .btPrimeiroAcesso { font-size: 17px; padding: 0 10px; }

	#segmentosDest ul li { width: 25%; line-height: 32px; font-size: 16px; }
	#segmentosDest .btAvaliacao { line-height: 16px; }
	#segmentosDest .btRespostas { line-height: 16px; }
}

@media only screen and (max-width: 619px) {
	.rslides .caption { width: 85%; font-size: 45px; line-height: 55px; top: unset; bottom: 1%; }
	.rslides .caption span { font-size: 21px; line-height: 29px; width: 94%; }
	.rslides .banner1 { background:url('/images/profweb/player/profweb-mobile.jpg') no-repeat; background-size:cover; }
	
	#boxPrimeiroAcesso { font-size: 16px; border-radius: 0; }
	#boxPrimeiroAcesso .btPrimeiroAcesso { font-size: 15px; }

	.arrow { bottom: 20px; right: 5px; }
	.arrow .bottom { width: 25px; height: 25px; border: 4px solid #fff; }
	.arrow .bottom::after { width: 7px; height: 7px; border-top: 4px solid #fff; border-right: 4px solid #fff;  }
	.arrow a:hover .left, .arrow a:hover .top, .arrow a:hover .bottom, .arrow a:hover .right { border: 4px solid #fff; }
	.arrow a:hover .left:after, .arrow a:hover .top:after, .arrow a:hover .bottom:after, .arrow a:hover .right:after { border-top: 4px solid #fff; border-right: 4px solid #fff; }

	#segmentosDest ul li, #segmentosDest .btAvaliacao, #segmentosDest .btRespostas { width: 80%; line-height: 32px; font-size: 20px; margin: 1% 0; }
}

@media only screen and (max-width: 477px) {
	.arrow { bottom: 20px; right: 5px; }
	.arrow .bottom { width: 25px; height: 25px; border: 4px solid #fff; }
	.arrow .bottom::after { width: 7px; height: 7px; border-top: 4px solid #fff; border-right: 4px solid #fff;  }
	.arrow a:hover .left, .arrow a:hover .top, .arrow a:hover .bottom, .arrow a:hover .right { border: 4px solid #fff; }
	.arrow a:hover .left:after, .arrow a:hover .top:after, .arrow a:hover .bottom:after, .arrow a:hover .right:after { border-top: 4px solid #fff; border-right: 4px solid #fff; }

	#boxPrimeiroAcesso { font-size: 15px; border-radius: 0; }
	#boxPrimeiroAcesso .btPrimeiroAcesso { font-size: 14px; padding: 0 8px; }
}

@media only screen and (max-width: 423px) {
	.fundo_topo { height: 45px; padding-top: 5px; padding-left: 0px; }

	#home-corpo1 { height: 87vh; /*border-top: #406ab3 0.4rem solid;*/ }
	.rslides { height: 87vh; }
	.rslides li { height: 87vh; }
	.rslides img { height: 87vh !important; background-position:center !important; }
	.rslides .caption { font-size: 36px; line-height: 48px; }
	.rslides .caption span { font-size: 18px; line-height: 26px; width: 100%; }

	.arrow { bottom: 20px; right: 5px; }
	.arrow .bottom { width: 25px; height: 25px; border: 4px solid #fff; }
	.arrow .bottom::after { width: 7px; height: 7px; border-top: 4px solid #fff; border-right: 4px solid #fff;  }
	.arrow a:hover .left, .arrow a:hover .top, .arrow a:hover .bottom, .arrow a:hover .right { border: 4px solid #fff; }
	.arrow a:hover .left:after, .arrow a:hover .top:after, .arrow a:hover .bottom:after, .arrow a:hover .right:after { border-top: 4px solid #fff; border-right: 4px solid #fff; }


	#boxPrimeiroAcesso { font-size: 13px; border-radius: 0; }
	#boxPrimeiroAcesso .btPrimeiroAcesso { font-size: 11px; line-height: 28px; margin-top: 11px; margin-right: 0; }

	#segmentosDest ul li, #segmentosDest .btAvaliacao, #segmentosDest .btRespostas { width: 84%; }
}