.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:15%; height: 335px; margin: 0 0.5%; font-size:13px; text-align: left; cursor: pointer; line-height:18px; border-radius: 0 0 12px 12px; }
#segmentosDest h2 { display: block; height:45px; margin:12px 5% 0; font-size:18px; font-weight:600; line-height:16px; color: #0000ff; font-family: arial; width: 90%; }
#segmentosDest h2 span { font-size: 12px; font-weight: normal; }
#segmentosDest h3 { font-size:13px; font-weight:400; margin: 0 5%; width: 90%; color: #000; font-family: arial; line-height: 16px; }
#segmentosDest img { width:100%; height:120px; background-size: cover; background-position: center; }

#segmentosDest p { }
#segmentosDest .cor_edif { background: #ffeb0d; }
#segmentosDest .cor_efai { background: #ffce23; }
#segmentosDest .cor_efaf { background: #e8cf14; }
#segmentosDest .cor_em { background: #ebad12; }
#segmentosDest .cor_vest { background: #ffaf1a; }
#segmentosDest .cor_pais, #segmentosDest .cor_fam { background: #f28a03; }

#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: 34%; 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; line-height: 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 { margin: 10px 10px 27px; font-size: 36px; letter-spacing: 1.7px; font-family: 'Ubuntu', sans-serif; font-weight: 500; color: #424242; border-bottom: 1px solid #bbbbbb; line-height: 1.42857; }
#segmentoTitulo span { text-transform: lowercase; font-weight: normal; font-size: 22px; }

/*
#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; }

#home-corpo1 { height: 82vh; /*border-top: #00549e 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: 1%; }
	.comborda .arrow { bottom: 7%; }

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

/*
@media only screen and (min-width: 926px) and (max-width: 997px) { 
}
*/

@media only screen and (max-width: 925px) { 
	#segmentoDest li { width: 47.5%; }
	#segmentoTitulo { padding-top: 5%; }

	#segmentosDest h2 { font-size: 17px; height: 55px; }
	#segmentosDest li { height: 435px; }
}

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

    .comborda .arrow { bottom: 10%; }
}

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

	.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; width: 31%; height: 310px; margin: 0 0.7% 2%; }
	#segmentosDest h2 { height: 40px; }
	/*
	#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; }
	*/

	#segmentoDest li { width: 47.5%; }

	#segmentoTitulo { padding-top: 8%; }

	#topo ul { margin-top:14px; width: 48%; }

	.comborda .arrow { bottom: 80px; 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 (max-width: 619px) {
	.fundo_topo { height: 55px; 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:96%; margin:0 0 2%; }
	#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 h2 { width: 94%; margin: 12px 3% 0; font-size: 18px; }
	#segmentosDest h3 { width: 94%; margin: 0 3% 0; }

	#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%; }

	.comborda .arrow { bottom: 80px; 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 (max-width: 477px) {
	.fundo_topo { height: 34px; padding-top: 10px; padding: 8px 0; width: 100%; }
	.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; }

	#topo ul { margin-top:8px; width: 50%; }
	#topo ul .loginBt2 { padding: 4px 8px; }
	#topo ul .assineBt { padding: 4px 8px; }
	#topo h2.logo { width: 140px; height: 40px; }
	#topo h2.logoBB { width: 52px; height: 40px; }

	/*
	#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; }
	*/

	#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%; }

	.comborda .arrow { bottom: 90px; 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 (max-width: 423px) {
	.fundo_topo { height: 22px; padding-top: 5px; padding-left: 0px; }
	.opcoesMobile { display: block !important; }
	.opcoesDesktop { display: none !important; }

	#topo ul { margin-top:2px; width: 48%; }
	#topo ul .loginBt2 { padding: 2px 4px; }
	#topo ul .assineBt { padding: 2px 4px; }
	#topo ul li { font-size: 10px; }
	#topo h2.logo { width: 110px; height: 30px; margin-left: 0;  }
	#topo h2.logoBB { width: 40px; height: 30px; }

	#home-corpo1 { height: 87vh; /*border-top: #00549e 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: 13%; }
	.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 li { height: 348px; }

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

	.comborda .arrow { bottom: 68px; 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; }
	*/
	#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; }
}