.fundo_topo { height: 86px; }

#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; width:16%; margin: 0 1%; font-size:13px; text-align: left; cursor: pointer; line-height:18px; }
#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: 32%; background:rgba(0,0,0,0.50); color: white; padding: 4% 0 2% 4%; text-align: left; line-height: 14px; }
#segmentoDest li p { position:relative; width:100%; font-size:18px; color:white; margin-bottom: 5px; line-height: 18px; }
#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:1% 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; bottom: 0; left: 0; right: 0; padding: 2%; text-align: left; background: #000; background: rgba(0,0,0, .8); color: #fff; font-size: 36px; line-height: 38px; height: 17%; font-weight: bold; }
.rslides .caption span { font-size: 18px; line-height: 20px; font-weight: normal; display: block; }
.rslides .banner1 { background:url('/images/assisteduca24h/assisteduca_2014/player/banner4.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;*/ }
.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); }

@media only screen and (max-width: 1100px) { 
	#segmentosDest p { height:55px; }
	#segmentosDest li { height: 400px; }
	.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 (min-width: 820px) and (max-width: 925px) { 
	#segmentoDest li { width: 47.5%; }
	#segmentoTitulo { padding-top: 5%; }
}

@media only screen and (min-width: 747px) and (max-width: 819px) {
	.fundo_topo { height: 70px; }
	#segmentoDest li { width: 47.5%; }
	#segmentoTitulo { padding-top: 8%; }
}

@media only screen and (min-width: 620px) and (max-width: 746px) {
	.fundo_topo { height: 70px; }

	.rslides .caption { font-size: 32px; line-height: 34px; }
	.rslides .caption span { font-size: 16px; line-height: 18px; }

	#segmentosDest li { position: relative; width:100%; margin:0; }
	#segmentosDest li p { position: absolute; top:139px; color: white; height: auto; padding: 2% 3%; width: 77%; }
	#segmentosDest li p span { margin:0 0 0 2%; font-size: 16px; }
	#segmentosDest li span { margin:2% 3% 6%; display: inline-block; }
	#segmentosDest img { height: 192px; }
	#segmentosDest .cor_edif p { background:rgb(129,167,83, 0.8); }
	#segmentosDest .cor_efai p { background:rgb(255,140,84, 0.8); }
	#segmentosDest .cor_efaf p { background:rgb(194,199,54, 0.8); }
	#segmentosDest .cor_em p { background:rgb(237,62,62, 0.8); }
	#segmentosDest .cor_vest p { background:rgb(83,58,155, 0.8); }

	#segmentoDest li { width: 47.5%; }

	#segmentoTitulo { padding-top: 8%; }

	.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; }
}

@media only screen and (min-width: 478px) and (max-width: 619px) {
	.fundo_topo { height: 60px; padding-top: 10px; }
	.opcoesMobile { display: block !important; }
	.opcoesDesktop { display: none !important; }

	.rslides .caption { font-size: 28px; line-height: 30px; }
	.rslides .caption span { font-size: 14px; line-height: 16px; }

	#segmentosDest li { position: relative; width:100%; margin:0; }
	#segmentosDest li p { position: absolute; top:142px; color: white; height: auto; padding: 2% 3%; width: 77%; }
	#segmentosDest li p span { margin:0 0 0 2%; font-size: 16px; }
	#segmentosDest li span { margin:2% 3% 6%; display: inline-block; }
	#segmentosDest img { height: 192px; }
	#segmentosDest .cor_edif p { background:rgb(129,167,83, 0.8); }
	#segmentosDest .cor_efai p { background:rgb(255,140,84, 0.8); }
	#segmentosDest .cor_efaf p { background:rgb(194,199,54, 0.8); }
	#segmentosDest .cor_em p { background:rgb(237,62,62, 0.8); }
	#segmentosDest .cor_vest p { background:rgb(83,58,155, 0.8); }

	#segmentoDest li { width: 47.5%; }
	#segmentoDest li h6 { font-size: 15px; }
	#segmentoDest li div { width: 97%; height: 34%; padding: 3% 0 2% 3%; }

	#segmentoTitulo { padding-top: 6%; }

	.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; }
}

@media only screen and (min-width: 424px) and (max-width: 477px) {
	.fundo_topo { height: 60px; padding-top: 10px; }
	.opcoesMobile { display: block !important; }
	.opcoesDesktop { display: none !important; }

	.rslides .caption { font-size: 28px; line-height: 30px; }
	.rslides .caption span { font-size: 14px; line-height: 16px; }

	#segmentosDest li { position: relative; width:100%; margin:0; }
	#segmentosDest li p { position: absolute; top:147px; color: white; height: auto; padding: 2% 3%; width: 77%; }
	#segmentosDest li p span { margin:0 0 0 2%; font-size: 16px; }
	#segmentosDest li span { margin:2% 3% 6%; display: inline-block; }
	#segmentosDest img { height: 192px; }
	#segmentosDest .cor_edif p { background:rgb(129,167,83, 0.8); }
	#segmentosDest .cor_efai p { background:rgb(255,140,84, 0.8); }
	#segmentosDest .cor_efaf p { background:rgb(194,199,54, 0.8); }
	#segmentosDest .cor_em p { background:rgb(237,62,62, 0.8); }
	#segmentosDest .cor_vest p { background:rgb(83,58,155, 0.8); }

	#segmentoDest li { width: 98%; }
	#segmentoDest li div { padding: 3% 0 3% 4%; line-height: 16px; font-size: 14px; height: 30%; }

	#segmentoTitulo { padding: 6% 0 1% 1%; }

	.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; }
}

@media only screen and (min-width: 320px) and (max-width: 423px) {
	.fundo_topo { height: 45px; padding-top: 5px; padding-left: 0px; }
	.opcoesMobile { display: block !important; }
	.opcoesDesktop { display: none !important; }

	#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: 26px; line-height: 28px; height: 21%; }
	.rslides .caption span { font-size: 14px; line-height: 16px; padding-right: 30px; }

	#segmentosDest li { position: relative; width:100%; margin:0; }
	#segmentosDest li p { position: absolute; top:150px; color: white; height: auto; padding: 2% 3%; width: 77%; }
	#segmentosDest li p span { margin:0 0 0 2%; font-size: 16px; }
	#segmentosDest li span { margin:2% 3% 6%; display: inline-block; }
	#segmentosDest img { height: 192px; }
	#segmentosDest .cor_edif p { background:rgba(129,167,83, 0.8); }
	#segmentosDest .cor_efai p { background:rgba(255,140,84, 0.8); }
	#segmentosDest .cor_efaf p { background:rgba(194,199,54, 0.8); }
	#segmentosDest .cor_em p { background:rgba(237,62,62, 0.8); }
	#segmentosDest .cor_vest p { background:rgba(83,58,155, 0.8); }

	#segmentoDest li { width: 98%; }
	#segmentoDest li div { padding: 3% 0 3% 4%; line-height: 16px; font-size: 14px; height: 30%; }

	#segmentoTitulo { padding: 8% 0 1% 1%; font-size: 22px; }
	#segmentoTitulo span { font-size: 18px; }

	.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; }
}

@media only screen and (min-width: 120px) and (max-width: 319px) {
	.fundo_topo { height: 53px; padding-top: 5px; padding-left: 0px; }
	.opcoesMobile { display: block !important; }
	.opcoesDesktop { display: none !important; }

	.rslides .caption { font-size: 26px; line-height: 28px; height: 19%; }
	.rslides .caption span { font-size: 14px; line-height: 16px; }

	#segmentosDest li { position: relative; width:100%; margin:0; }
	#segmentosDest li p { position: absolute; top:150px; color: white; height: auto; padding: 2% 3%; width: 77%; }
	#segmentosDest li p span { margin:0 0 0 2%; font-size: 16px; }
	#segmentosDest li span { margin:2% 3% 6%; display: inline-block; }
	#segmentosDest img { height: 192px; }
	#segmentosDest .cor_edif p { background:rgb(129,167,83, 0.8); }
	#segmentosDest .cor_efai p { background:rgb(255,140,84, 0.8); }
	#segmentosDest .cor_efaf p { background:rgb(194,199,54, 0.8); }
	#segmentosDest .cor_em p { background:rgb(237,62,62, 0.8); }
	#segmentosDest .cor_vest p { background:rgb(83,58,155, 0.8); }

	#segmentoDest li { width: 98%; }
	#segmentoDest li div { padding: 3% 0 3% 4%; line-height: 16px; font-size: 14px; height: 30%; }

	#segmentoTitulo { padding: 8% 0 1% 1%; font-size: 22px; }
	#segmentoTitulo span { font-size: 18px; }
}