@import url(reset.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
/*
font-family: 'Open Sans', sans-serif;
*/

/* ROOT */
body{ background:#F2F2F2; font:14px 'Open Sans', sans-serif; font-style: normal; line-height:120%; color:#00295B }
input[type="text"], input[type="number"], input[type="password"], textarea, select{ font:12px 'Open Sans', sans-serif; font-weight: 400; color:#656565; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
a{ color:#00295B; text-decoration:none }
a:hover{ color:#001B3C; text-decoration:none; }
::-moz-selection{ background:#00295B; color:#FFF }
::selection { background:#00295B; color:#FFF }

.centralizado{ width:1000px; margin:0 auto }
#site{ clear:both; width:100%; float:left; margin:20px 0 0 0 }
#esq{ float:left; width:670px }
#dir{ float:right; width:300px }
#breadcrumb{ clear:both; float:left; width:100%; margin-bottom:10px }
#breadcrumb ul{ float:left; width:100% }
#breadcrumb li{ float:left; color:#00D8B7; font-size:12px; line-height:100%; margin:0 8px 4px 0 }
#breadcrumb li a{ color:#00295B }

@media (max-width: 800px) {
	body{ overflow-x:hidden }
	.centralizado{ width:320px; margin:0 auto }
	#esq{ float:left; width:320px; height:auto !important }
	#dir{ clear:both; float:left; width:300px; margin-left:10px; margin-top:25px }
}


/* Topo */
header{ float:left; width:100%; height:auto }
header #topo{ float:left; width:100%; height:50px; background:#CCD4DE }
header #topo ul{ float:right; margin:10px 0 0 0; color:#656565; font-size:12px }
header #topo li{ float:left; margin:0 0 0 10px; height:30px; line-height:30px; font-weight:700 }
header #topo li a:hover{ text-decoration:underline }
header #topo li input[type="text"], input[type="password"]{ float:left; width:130px; height:28px; line-height:28px; padding:0 10px; background:#FFF; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin-left:10px; position:relative; z-index:1 }
header #topo li input[type="password"]{ width:110px; padding:0 30px 0 10px }
header #topo li input[type="image"]{ float:left; margin:2px 0 0 -27px; position:relative; z-index:2 }

header #top{ float:left; width:100%; height:130px; background:#FFF; position:relative }
header #top figure{ float:left; margin:22px 0 0 0;  }
header #top #banner-topo{ float:right; margin:19px 0 0 0 }
header #top #menu_m{ display:none }
header #top #lupa{ display:none }
header #top .campo_busca{ display:none }
#bloqueio_busca{ display:none }
.busca_desktop{ float:left }

@media (max-width: 800px) {
	header #topo{ display:none }
	header #top{ height:100px }
	header #top figure{ width:320px }
	header #top figure img{ width:120px; height:auto; margin-left:auto; margin-right:auto; display:block; float:none; position:relative; z-index:1 }
	header #top #banner-topo{ display:none }
	header #top #menu_m{ display:block; position:absolute; top:35px; left:22px; z-index:2 }
	header #top #lupa{ display:block; position:absolute; top:44px; right:22px; z-index:4 }
	
	#bloqueio_busca{ background:#FFF; position:absolute; top:0; left:0; width:100%; height:100%; z-index:3 }
	.campo_busca{ width:320px; position:absolute; right:0; top:-10px; z-index:4 }
	header .campo_busca form{ width:inherit; height:35px; margin:0; border:1px solid #00295B; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px }
	header .campo_busca form input[type="text"]{ width:inherit; height:inherit; line-height:35px; box-sizing: border-box; padding:0 30px 0 10px }
	header .campo_busca form input[type="image"]{ z-index:2; position:absolute; top:6px; right:2px }
	.busca_desktop{ display:none }
}


/* Topo - Menu */
header nav{ float:left; width:100%; height:69px; background-color:#00295B; border-top:5px solid #00D9B7; position:relative; z-index:999 }
header nav ul{ float:left; width:690px; height:auto }
header nav ul li{ float:left; height:69px; line-height:69px; text-transform:uppercase; padding:0 10px; font-weight:600; position:relative }
/*header nav ul li:first-child{ padding:0 12px 0 5px }*/
header nav ul li a{ color:#FFF }
header nav ul li:hover{ background-color:#00D9B7 }
header nav ul li:hover a{ color:#00295B }
header nav ul li.ouca-mobile{ display:none }

header nav ul li ul{ display:none; position:absolute; top:69px; left:0; background-color:#00D9B7; width:auto !important }
header nav ul li ul li{ clear:both; width:100% !important; float:left; height:auto; line-height:30px; background-color:#00D9B7; padding:0 12px 0 20px }
header nav ul li ul li a{ color:#00295B }
header nav ul li:hover ul{ width:auto !important; display: block }
header nav ul li:hover ul li{ clear:both; width:100% !important; float:left; height:auto; line-height:30px; background-color:#00D9B7; padding:0 12px 0 20px }
header nav ul li:hover ul li:hover{ background:#80ECDB }

@media (max-width: 800px) {
	header nav{ height:auto }
	header nav ul{ width:320px; margin:10px 0; display:none }
	header nav ul li{ clear:both; width:300px; height:40px; line-height:40px; text-align:center; border-bottom:1px dashed #00D8B7 }
	header nav ul li:hover ul{ display: none }
	header nav ul li.ouca-mobile{ display:block }
}


/* Menu programação */
header nav h2{ clear:both; float:left; width:100% !important; background:url(../imagens/fundo-titulo-escuro.png) right 12px repeat-x; font-size:30px; color:#00295B; text-transform:none }
header nav h2 strong{ font-weight:300; background-color:#00D9B7; padding:0 20px 0 0 }
header nav h3{ clear:both; float:left; width:100% !important; background:url(../imagens/fundo-titulo-escuro.png) right 12px repeat-x; font-size:30px; color:#00295B; text-transform:none }
header nav h3 strong{ font-weight:300; background-color:#00CEAE; padding:0 20px 0 0 }
header nav h4{ clear:both; float:left; width:100% !important; font-size:18px; color:#00295B; text-transform:none; margin:25px 0 15px 0; line-height:130% }

header nav ul li ol#menu-prog{ display:none; float:none; position:absolute; top:69px; left:-76px; background-color:#00D9B7; width:1000px !important; min-height:565px }
header nav ul li ol#menu-prog li{ clear:none; float:left; min-height:inherit; padding:30px; border:0px solid #333 }
header nav ul li:hover ol#menu-prog{ display:block }
div .separador-no-ar{
	margin-top: 10px;
    padding-top: 30px;
	clear: both;
    float: left;
    width: 100% !important;
    background: url(../imagens/fundo-titulo-escuro.png) 18px repeat-x;
    font-size: 30px;
    color: #00295B;
	text-transform: none;
	}

@media (max-width: 800px) {
	header nav ul li:hover ol#menu-prog{ display:none }
}


/* Menu programação - No ar */
header nav ul li ol#menu-prog li.no-ar{ width:210px !important }
header nav ul li ol#menu-prog li.no-ar a{ color:#00295B }
header nav ul li ol#menu-prog li.no-ar p{ font-size:12px; text-transform:none; margin:0; text-align:justify; line-height:120% }

header nav ul li ol#menu-prog li.no-ar p.dias{ clear:both; float:left; width:200px !important; height:18px; line-height:18px; margin:20px 0 0 0; color:#01B699; font-size:12px; background:url(../imagens/icones/agenda.png) no-repeat 0 0; padding:0 0 0 27px }
header nav ul li ol#menu-prog li.no-ar p.dias strong{ background:none; padding:0; color:#00295B; font-weight:300 }

header nav ul li ol#menu-prog li.no-ar p.hora{ clear:both; float:left; width:200px !important; height:21px; line-height:21px; margin:13px 0 0 0; color:#00295B; font-size:12px; background:url(../imagens/icones/relogio.png) no-repeat 0 0; padding:0 0 0 27px }

header nav ul li ol#menu-prog li.no-ar p.botoes{ clear:both; float:left; width:240px !important; margin:25px 0 0 0 }
header nav ul li ol#menu-prog li.no-ar p.botoes img{ float:left; margin:0 0 0 12px }

header nav ul li ol#menu-prog li.no-ar p.prog{ clear:both; float:left; width:240px !important; margin:25px 0 0 0 }

/* Menu programação - Programas */
header nav ul li ol#menu-prog li.programas{ width:670px !important; background-color:#00CEAE }
header nav ul li ol#menu-prog li.programas .maior{ width:685px }

header nav ul li ol#menu-prog li.programas ul{ clear:none; float:left; width:240px !important; list-style:circle; list-style-position:inside; margin:25px 22px 0 0 !important; display:block; background:none; color:#00295B; position:relative; top:0; left:0 }
/*header nav ul li ol#menu-prog li.programas li{ clear:both; float:left; width:inherit; padding:0 10px !important; margin:0 0 3px 0; height:18px !important; line-height:18px; text-transform:none; font-size:12px; font-weight:300; background:none }*/
header nav ul li ol#menu-prog li.programas li{ clear:both; float:left; width:inherit; padding:0 10px !important; margin:0 0 3px 0; height:auto !important; line-height:18px; text-transform:none; font-size:12px; font-weight:300; background:none }
header nav ul li ol#menu-prog li.programas li:last-child{ display:none }
header nav ul li ol#menu-prog li.programas li a{ color:#00295B }
header nav ul li ol#menu-prog li.programas li:hover{ background-color:#66E2CE }

header nav ul li ol#menu-prog li.programas ul.col2{ margin:25px 0 0 10px; width:205px !important }
header nav ul li ol#menu-prog li.programas ul.col3{ margin:25px 0 0 10px; width:173px !important }

header nav ul li ol#menu-prog li.programas figure{ clear:both; float:left; width:100%; margin:0 }
header nav ul li ol#menu-prog li.programas figure img{ float:left; margin:0 0 0 5px }

/* Menu busca e botões */
header nav form{ float:left; position:relative; margin-top:20px; width:110px }
/*header nav form input[type="text"]{ float:left; width:70px; height:29px; line-height:29px; padding:0 30px 0 10px; border:1px solid #FFF; background-color:#FFF; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px }*/
header nav form input[type="text"]{ float:left; width:70px; height:29px; line-height:29px; padding:0 30px 0 10px; border:1px solid #FFF; background-color:#FFF; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px }
 
.opera {/*hack to opera - js in footer */
	width:110px !important;
}


header nav form input[type="image"]{ z-index:2; position:absolute; top:3px; right:2px }

header nav .botoes-prog{ float:left; margin:20px 0 0 10px }
header nav .botoes-prog img{ float:left; margin:0 0 0 10px }
header nav .botoes-prog p{ clear:both; float:left; width:100% !important; text-align:center; font-size:10px; text-transform:uppercase; color:#A3ABB9; margin:5px 0 0 10px }

@media (max-width: 800px) {
	.centralizado-cel{ width:320px; margin:0 auto }
	header nav form{ width:320px; margin:20px 0 }
	/*header nav form input[type="text"]{ width:280px !important; height:35px; line-height:35px }*/
	header nav form input[type="text"]{ width:322px; height:35px; line-height:35px; box-sizing: border-box; }
	header nav form input[type="image"]{ z-index:2; position:absolute; top:6px; right:2px }
	.botoes-prog{ display:none }
}


/* Home */
#site #slide{ float:left; width:670px; height:400px; overflow:hidden; position:relative; margin:0 0 25px 0 }
#site #slide #capa{ position:absolute; left:0; top:0; z-index:9; height:inherit }
#site #slide #capa ul{ float:left; height:inherit }
#site #slide #capa li{ float:left; display:none; position:relative; height:inherit }
#site #slide #capa li{ float:left; position:relative; z-index:1 }
#site #slide #capa li h2{ position:absolute; bottom:0; left:0; z-index:2; background-color:#000; color:#FFF; padding:20px 20px; width:544px !important; font-weight:400; opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65) }

#site #slide #barra-azul{ position:absolute; right:0; top:0; background-color:#2C4E73; width:86px; height:400px; z-index:10 }
#site #slide #barra-azul ul{ float:left; width:inherit; margin:20px 0 0 1px }
#site #slide #barra-azul li{ float:left; width:inherit; margin:0 0 18px 0 }
#site #slide #barra-azul li figure{ float:none; display:block; margin-left:auto; margin-right:auto; width:54px; height:54px; overflow:hidden; -moz-border-radius: 180px; -webkit-border-radius: 180px; border-radius: 180px; border:2px solid #2C4E73 }
#site #slide #barra-azul li figure.select{ border:2px solid #00D9B7 }
#site #slide #barra-azul li figure img{ filter: alpha(opacity=50); opacity: 0.5 }
#site #slide #barra-azul li figure img:hover{ filter: alpha(opacity=100); opacity:1 }
#site #slide #barra-azul li figure.select img{ filter: alpha(opacity=100); opacity:1 }

#site #slide #barra-azul li figure img { /* somente Opera */
    overflow:hidden;
    width: 54px;
    height: 54px;
    border-radius: 180px;
}

#site h1{ clear:both; float:left; width:100% !important; background:url(../imagens/fundo-titulo.gif) right 10px top 25px repeat-x; font-size:40px; color:#00295B; line-height:130% }
#site h1 strong{ font-weight:300; background-color:#F2F2F2; padding:0 20px 0 0; }
#site #destaques{ clear:both; float:left; margin:18px 0 0 0 }
#site #destaques ul{ clear:both; float:left }
#site #destaques li{ clear:both; float:left; padding:3px 10px 3px 0 }
#site #destaques li:hover{ background-color:#FFF }
#site #destaques time{ color:#00D8B7 }
#site #destaques li:last-child{ width:670px; text-align:right; margin-top:20px; font-size:12px }
#site #destaques li:last-child:hover{ background:none }
#site #destaques li:last-child strong{ font-weight:300; color:#00D8B7 }
#site #destaques li:last-child a:hover{ text-decoration:underline }

#site #agenda{ clear:both; float:left; margin:35px 0 0 0 }
#site #agenda ul{ float:left; width:325px; margin:0 18px 0 0 }
#site #agenda li{ clear:both; float:left; width:325px; height:60px; margin:0 0 4px 0; background:url(../imagens/fundo-agenda-home.gif) }
#site #agenda li:hover{ background:#00D9B7 }
#site #agenda li:first-child{ background:none; height:40px }
#site #agenda li:last-child{ text-align:right; margin-top:7px; font-weight:300; font-size:12px; height:auto !important; background:none }
#site #agenda li:last-child:hover{ background:none }
#site #agenda li:last-child strong{ color:#00D8B7 }
#site #agenda li:last-child a:hover{ text-decoration:underline }
#site #agenda h2{ clear:both; float:left; width:100% !important; background:url(../imagens/fundo-titulo.gif) right 12px repeat-x; font-size:24px; color:#00295B }
#site #agenda h2 strong{ font-weight:300; background-color:#F2F2F2; padding:0 20px 0 0 }
#site #agenda h3{ float:left; width:60px !important; height:60px; line-height:60px; background-color:#00295B; color:#00D8B7; line-height:100% }
#site #agenda h3 em{ clear:both; float:left; width:60px; text-align:center; font-weight:600; font-size:12px; margin:6px 0 0 0; font-style:normal }
#site #agenda h3 strong{ clear:both; float:left; width:60px; text-align:center; font-weight:300; font-size:36px; margin:10px 0 0 0 }
#site #agenda p{ float:right; width:245px !important; color:#00295B; font-weight:300; line-height:120%; font-size:12px; margin:8px 0 0 0 }
#site #agenda p strong{ font-weight:600 }

#site #programacao{ clear:both; float:left; margin:25px 0 0 0 }
#site #programacao ul{ clear:both; float:left }
#site #programacao li{ clear:both; float:left; width:670px; height:40px; line-height:40px; margin:0 0 5px 0; background:url(../imagens/fundo-programacao.gif); font-weight:300 }
#site #programacao li:hover{ background:url(../imagens/fundo-programacao-over.gif) }
/*#site #programacao li:first-child{ background:none; height:60px; border:0 }*/
#site #programacao h2{ clear:both; float:left; width:670px !important; background:url(../imagens/fundo-titulo.gif) right 24px repeat-x; font-size:40px; color:#00295B }
#site #programacao h2 strong{ font-weight:300; background-color:#F2F2F2; padding:0 20px 0 0 }
#site #programacao li:last-child{ width:670px; text-align:right; margin-top:7px; font-size:12px; background:none; border:0 }
#site #programacao li:last-child:hover{ background:none }
#site #programacao li:last-child strong{ font-weight:300; color:#00D8B7 }
#site #programacao li:last-child a:hover{ text-decoration:underline }
#site #programacao li h3{ float:left; width:365px !important; height:40px; line-height:40px; margin:0 0 0 30px; font-weight:400 }
#site #programacao li p{ float:left; width:107px !important; margin:0 0 0 39px; color:#CDD1D8; font-size:12px; height:40px; line-height:40px }
#site #programacao li p strong{ background:none; padding:0; color:#00295B; font-weight:300; height:40px; line-height:40px }
#site #programacao li:hover p{ color:#05AA90 }
#site #programacao li time{ float:left; margin-left:30px; height:40px; line-height:40px; font-size:12px }

#site .banner{ clear:both; float:left; margin:0 0 20px 0 }

@media (max-width: 800px) {
	#site #slide{ width:320px; height:191px }
	#site #slide #barra-azul{ width:40px; height:191px }
	#site #slide #barra-azul ul{ float:left; width:inherit; margin:10px 0 0 1px }
	#site #slide #barra-azul li{ margin:0 0 5px 0 }
	#site #slide #barra-azul li figure{  width:27px; height:27px }

	#site #slide #barra-azul li figure img { /* somente Opera */
		overflow:hidden;
		width: 27px;
		height: 27px;
		border-radius: 180px;
	}

	#site #slide #capa img{ width:320px; height:191px }
	#site #slide #capa li h2{ padding:10px; width:260px !important }

	#site h1{ font-size:25px; width:320px !important; background:url(../imagens/fundo-titulo.gif) right 15px repeat-x }
	#site #destaques{ width:100% }
	#site #destaques li{ margin-bottom:5px }
	#site #destaques li:last-child{ width:320px }
	
	#site #destaques img{ display:block; float:none; margin-left:auto !important; margin-right:auto !important; margin-bottom:30px }

	#site #agenda ul{ float:left; width:325px; margin:0 0 30px 0 }

	#site #programacao{ width:320px; height:auto !important }
	#site #programacao ul{ width:320px; height:auto !important }
	#site #programacao li:last-child{ width:320px; height:auto; line-height:30px; margin-top:0 }


	#site #programacao h2{ clear:both; float:left; width:320px !important; background:url(../imagens/fundo-titulo.gif) right 15px repeat-x; font-size:25px; color:#00295B }
	#site #programacao li:first-child{ height:40px }
	#site #programacao li:first-child:hover{ background:none !important }
	#site #programacao li{ clear:both; float:left; width:320px; height:81px; line-height:40px; margin:0 0 5px 0; background:url(../imagens/celular/home-fundo-programacao.png); font-weight:300 }
	#site #programacao li:hover{ background:url(../imagens/celular/home-fundo-programacao.png) }
	#site #programacao li h3{ width:290px !important }
	#site #programacao li p{ margin:0 0 0 55px }
	#site #programacao li p strong{ height:45px; line-height:45px }
	#site #programacao li time{ height:45px; line-height:45px }

	#site .banner{ margin:0 0 20px 0 }
}


/* Programação */
#programacao-interna{ clear:both; float:left; margin-top:25px }
#programacao-interna ul{ clear:both; float:left }
#programacao-interna li{ clear:both; float:left; width:670px; height:40px; line-height:40px; margin:0 0 5px 0; background:url(../imagens/fundo-programacao.gif); font-weight:300 }
#programacao-interna li:hover{ background:url(../imagens/fundo-programacao-over.gif) }
#programacao-interna li h3{ float:left; width:365px !important; height:40px; line-height:40px; margin:0 0 0 30px; font-weight:400 }
#programacao-interna li p{ float:left; width:107px !important; margin:0 0 0 39px; color:#CDD1D8; font-size:12px; height:40px; line-height:40px }
#programacao-interna li p strong{ background:none; padding:0; color:#00295B; font-weight:300; height:40px; line-height:40px }
#programacao-interna li:hover p{ color:#05AA90 }
#programacao-interna li time{ float:left; margin-left:30px; height:40px; line-height:40px; font-size:12px }

@media (max-width: 800px) {
	#programacao-interna{ width:320px; height:auto !important }
	#programacao-interna ul{ width:320px; height:auto !important }
	#programacao-interna li{ clear:both; float:left; width:320px; height:81px; line-height:40px; margin:0 0 5px 0; background:url(../imagens/celular/home-fundo-programacao.png); font-weight:300 }
	#programacao-interna li:hover{ background:url(../imagens/celular/home-fundo-programacao.png) }
	#programacao-interna li h3{ width:290px !important }
	#programacao-interna li p{ margin:0 0 0 55px }
	#programacao-interna li p strong{ height:45px; line-height:45px }
	#programacao-interna li time{ height:45px; line-height:45px }
}


/* Programa */
figure.programa{ clear:both; float:left; width:670px; height:280px; overflow:hidden; margin:20px 0 20px 0; text-align:justify }
#sobre-programa p{ clear:both; float:left; width:100% !important; margin:0 0 25px 0; line-height:170%; text-align:justify }
#sobre-programa .aligncenter{ float:none !important; display:block !important; margin-left:auto !important; margin-right:auto !important }
#sobre-programa h3{ clear:both }
#dias-e-horarios{ clear:both; float:left; margin:10px 0 0 0 }
#dias-e-horarios ul{ clear:both; float:left }
#dias-e-horarios li{ clear:both; float:left; width:670px; height:40px; line-height:40px; margin:0 0 5px 0; background:url(../imagens/fundo-programacao.gif); font-weight:300 }
#dias-e-horarios li:hover{ background:url(../imagens/fundo-programacao-over.gif) }
#dias-e-horarios li:first-child{ background:none; height:40px; border:0 }
#dias-e-horarios h2{ clear:both; float:left; width:670px !important; font-size:30px; color:#00295B }
#dias-e-horarios h2 strong{ font-weight:300; padding:0 20px 0 0 }
#dias-e-horarios li h3{ float:left; width:365px !important; height:40px; line-height:40px; margin:0 0 0 30px; font-weight:300 }
#dias-e-horarios li p{ float:left; width:107px !important; margin:0 0 0 39px; color:#CDD1D8; font-size:12px; height:40px; line-height:40px }
#dias-e-horarios li p strong{ background:none; padding:0; color:#00295B; font-weight:300; height:40px; line-height:40px }
#dias-e-horarios li:hover p{ color:#05AA90 }
#dias-e-horarios li time{ float:left; margin-left:30px; height:40px; line-height:40px; font-size:12px }
figure.ligue{ clear:both; float:left; width:670px; height:78px; margin:20px 0 0 0 }
figure.ligue figcaption{ clear:both; float:left; font-size:11px; margin:15px 0 0 0 }

#gravacoes{ clear:both; float:left; margin:80px 0 0 0 }
#gravacoes ul{ clear:both; float:left }
#gravacoes li{ clear:both; float:left; width:670px; height:auto; margin:0 0 35px 0; font-weight:300 }
#gravacoes li:first-child{ margin:0 0 25px 0 }
#gravacoes h2{ clear:both; float:left; width:670px !important; font-size:30px; color:#00295B; font-weight:300 }
#gravacoes p{ clear:both; float:left; width:100%; line-height:200%; margin:0 0 15px 0 }
#gravacoes p em{ font-size:12px; font-style:normal }
#gravacoes figure{ clear:both; float:left }
#gravacoes .download{ float:right; padding-top:10px }

@media (max-width: 800px) {
	figure.programa{ width:320px; height:107px }
	figure.programa img{ width:320px; height:auto }

	#dias-e-horarios h2{ clear:both; float:left; width:320px !important; font-size:25px; color:#00295B }
	#dias-e-horarios li:first-child{ height:40px }
	#dias-e-horarios li:first-child:hover{ background:none !important }
	#dias-e-horarios{ width:320px; height:auto !important }
	#dias-e-horarios ul{ width:320px; height:auto !important }
	#dias-e-horarios li{ clear:both; float:left; width:320px; height:81px; line-height:40px; margin:0 0 5px 0; background:url(../imagens/celular/home-fundo-programacao.png); font-weight:300 }
	#dias-e-horarios li:hover{ background:url(../imagens/celular/home-fundo-programacao.png) }
	#dias-e-horarios li h3{ width:290px !important }
	#dias-e-horarios li p{ margin:0 0 0 55px }
	#dias-e-horarios li p strong{ height:45px; line-height:45px }
	#dias-e-horarios li time{ height:45px; line-height:45px }

	figure.ligue{ width:320px; height:37px }
	figure.ligue img{ width:320px; height:37px }

	#gravacoes{ clear:both; float:left; width:320px; margin:80px 0 0 0; overflow:hidden }
	#gravacoes ul{ clear:both; float:left }
	#gravacoes li{ clear:both; float:left; width:320px; height:auto; margin:0 0 35px 0; font-weight:300 }
	#gravacoes li:first-child{ margin:0 0 25px 0 }
	#gravacoes h2{ clear:both; float:left; width:320px !important; font-size:30px; color:#00295B; font-weight:300 }
	#gravacoes p{ clear:both; float:left; width:320px; line-height:200%; margin:0 0 15px 0 }
	#gravacoes p em{ font-size:12px; font-style:normal }
	#gravacoes figure{ clear:both; float:left }
	#gravacoes .download{ clear:both; width:320px }
	#gravacoes .download img{ float:none; display:block; margin-left:auto; margin-right:auto }
}


/* Notícias */
#noticias ul{ clear:both; float:left }
#noticias li{ clear:both; float:left; width:670px; min-height:40px; line-height:40px; margin:0 0 9px 0; background:url(../imagens/fundo-noticias.gif) no-repeat; font-weight:300; font-size:18px; cursor:pointer }
#noticias li p{ clear:both; float:left; margin:0 10px 0 30px; min-height:40px; line-height:40px; width:620px !important }
#noticias li a:hover{ color:#00D8B7 }
#noticias li .ativo{ color:#00D8B7 }
#noticias li ul{ clear:both; float:left; background:#00D9B7; padding:15px 0; display:none }
#noticias li ul li{ clear:both; float:left; width:670px; min-height:15px !important; line-height:120%; background:none; margin:0; padding:0; font-size:14px; color:#FFF }
#noticias li ul li p{ line-height:20px; min-height:20px }
#noticias li ul li a{ color:#FFF }
#noticias li ul li a:hover{ color:#FFF }
/*#noticias li:hover ul{ display:block }*/

@media (max-width: 800px) {
	#noticias li{ width:320px; font-size:16px }
	#noticias li p{ height:40px; overflow:hidden; width:288px !important }
	#noticias li ul li{ width:320px }
	#noticias li ul li p{ height:auto; margin-bottom:10px }
}


/* Article */
article{ clear:both; float:left; width:670px; margin:25px 0 0 0 }
article h2{ clear:both; float:left; width:670px; font-size:30px; color:#00295B; font-weight:600; margin:0 0 20px 0 }
article h3{ clear:both; float:left; width:670px; font-size:12px; color:#656565; font-weight:400; margin:10px 0 30px 0 }
article h3 em{ font-style:normal; color:#00D8B7; font-weight:700 }
article h4{ clear:both; float:left; width:670px; font-size:24px; color:#00295B; font-weight:700; margin:10px 0 30px 0 }
article p{ clear:both; float:left; line-height:170%; margin:0 0 20px 0; text-align:justify; width:100% !important }
article div{ clear:both; float:left; line-height:170%; margin:0 0 20px 0; text-align:justify; width:100% !important }
article .compartilhar{ clear:both; float:left; width:670px !important; margin:10px 0 0 0; overflow:hidden }
article .voltar{ clear:both; float:right; margin:20px 0 0 0; color:#00D8B7; font-size:12px }
article .voltar a{ color:#00295B }
article .aligncenter{ display:block !important; margin-left:auto !important; margin-right:auto !important; float:none !important }
article .aligncenter a{ width: 100% !important }
article .aligncenter figcaption{ text-align:center !important; width: 100% !important }

@media (max-width: 800px) {
	article{ width:320px }
	article h2{ width:320px; font-size:20px }
	article h3{ width:320px; line-height:130% }
	article .compartilhar{ display:none }
	article .voltar{ margin:20px 0 20px 0 }
}


/* Agendas */
#agendas ul{ clear:both; float:left; margin-top:15px }
#agendas li{ clear:both; float:left; width:670px; min-height:70px; line-height:70px; margin:10px 0 0 0; background:url(../imagens/fundo-agendas.gif) no-repeat; font-weight:300; font-size:18px; cursor:pointer; text-align:justify }

#agendas li .controle{  height:70px; overflow:hidden }
#agendas li figure{ clear:both; float:left; width:70px; height:70px; overflow:hidden; background-color:#00295B; margin:0 1px 0 0 }

#agendas li h4{ float:left; margin:0; font-size:13px; color:#00D8B7; width:70px !important; height:62px !important; overflow:hidden; font-weight:600; background-color:#00295B; text-align:center; line-height:100%; padding-top:8px }
#agendas li h4 strong{ clear:both; float:left; font-size:41px; font-weight:300; width:70px !important; line-height:100% }

#agendas li p{ float:right; width:500px !important; font-size:14px; color:#00295B; font-weight:300; margin:10px 10px 0 0; line-height:130%; text-align:justify }
#agendas li p strong{ font-weight:600 }

/*#agendas li a:hover{ color:#00D8B7 }*/
#agendas li .ativo{ color:#00D8B7 }
#agendas li ul{ clear:both; float:left; background:#00D9B7; padding:25px 0 15px 0; display:none; margin:0 !important }
#agendas li ul li{ clear:none; float:left; line-height:130%; background:none; margin:0; padding:0; font-size:14px; cursor:default !important; padding:0 10px 0 0 }
#agendas li ul li figure{ float:left; width:330px; height:auto; overflow:hidden }
#agendas li ul li figure img{ float:left; width:330px; height:auto }
#agendas li ul li:nth-child(1){ width:300px; color:#FFF; margin:0 0 0 20px; font-weight:400 }
#agendas li ul li:nth-child(2){ width:330px }
#agendas li ul li:nth-child(3){ width:630px; margin:15px 20px 0 20px; font-weight:400 }
#agendas li ul li p{ margin:0 !important; padding:0 !important }

@media (max-width: 800px) {
	#agendas li{ width:320px; font-size:16px; background:url(../imagens/fundo-agendas.gif) no-repeat right top }
	#agendas li p{ clear:none; float:left; height:50px; overflow:hidden; width:150px !important; margin:10px; color:#FFF }
	#agendas li p strong{ color:#00295B }

	#agendas li ul{ padding:10px 0 }
	#agendas li ul li{ width:320px }
	#agendas li ul li p{ height:auto; margin-bottom:10px }

	#agendas li ul li:nth-child(1){ clear:both; margin:0; padding-left:10px }
	#agendas li ul li:nth-child(2){ clear:both; width:320px; margin:10px 0 0 0 }
	#agendas li ul li:nth-child(2) img{ clear:both; width:300px; height:auto; margin:0 10px }
	#agendas li ul li:nth-child(3){ clear:both; width:300px; margin:10px 10px 0 10px }
}


/* Clube da Fraternidade */
#clube-da-fraternidade{ clear:both; float:left; margin-top:60px; width:670px }
#clube-da-fraternidade h4{ clear:both; float:left; font-size:24px; font-weight:700; margin:10px 0 }
#clube-da-fraternidade p{ clear:both; float:left; font-size:18px; line-height:140% }
#clube-da-fraternidade .linha{ clear:both; float:left; margin:0 0 20px 0; width:670px }
#clube-da-fraternidade .linha2{ }
#clube-da-fraternidade .espaco{ float:left; width:20px; height:45px }
#clube-da-fraternidade form{ clear:both; float:left; margin:25px 0 0 0; width:520px }
#clube-da-fraternidade label{ float:left; margin:0 0 5px 20px; display:block; width:100% }
#clube-da-fraternidade input[type="text"],
#clube-da-fraternidade select{ /*float:left; width:250px;*/ height:45px; line-height:45px; box-sizing:border-box; background:#FFF; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; font-size:18px; padding:0 17px; border-bottom:2px solid #00D9B7 }

#clube-da-fraternidade input[type="number"],
#clube-da-fraternidade select{ /*float:left; width:250px;*/ height:45px; line-height:45px; box-sizing:border-box; background:#FFF; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; font-size:18px; padding:0 17px; border-bottom:2px solid #00D9B7 }

#clube-da-fraternidade .dia{width: 84px}
#clube-da-fraternidade .mes{width: 90px}
#clube-da-fraternidade .ano{width: 96px}

/*Criação de ToolTip para Nascimento*/
#ajuda { font: 12px arial, verdana, helvetica, sans-serif; margin-top:-20px; float: left; margin-left: 155px; text-align:center;}
a.dconajuda{	position:relative; 	font:12px arial, verdana, helvetica, sans-serif; padding:1px 4px; background-color: #ccc;	color:#fff;	text-decoration:none;	border:1px solid #ccc; border-radius: 50%; cursor:help; z-index:50;	font-weight:bold;}
a.dconajuda:hover{	background:transparent;	z-index:55; background-color: #ccc;}
a.dconajuda span{ display:none; }
a.dconajuda:hover span{	display:block;	position:absolute;	width:250px; top:2em; text-align:justify;	left:-7em;	font: 12px arial, verdana, helvetica, sans-serif; 	padding:5px 10px;	border:1px solid #999;	background:#000000;	color:#FFF;	font-weight:bold}

/* Fake Placeholder para data de nascimento */
select:required:invalid {
	color: #999;
	}
	option[value=””][disabled] {
	display: none;
	}
	option {
	color: #000;
	}

/* Otimização e retiradas das setas do campo form_valor */
input[type=number]::-webkit-inner-spin-button { 
    -webkit-appearance: none;
    cursor:pointer;
}
   input[type=number] { 
   -moz-appearance: textfield;
   appearance: textfield;

}


#clube-da-fraternidade th.separador{ font-size: 20px}
#clube-da-fraternidade input[type="image"]{ float:right }
#clube-da-fraternidade .alerta{ clear:both; float:left; width:630px; padding:10px 20px 0 20px; background-color:#00D9B7; margin:0 0 20px 0; color:#FFF; font-size:18px; text-align:justify }
#clube-da-fraternidade .alerta p{ clear:both; float:left; margin:0 0 20px 0; line-height:130% }
#clube-da-fraternidade p.confirmacao{ color:#656565; width:auto !important; height:85px; line-height:85px; float:right; clear:none; padding-right:20px }
#clube-da-fraternidade p.confirmacao strong{ color:#00D8B7; font-weight:400 }
#clube-da-fraternidade p.texto-informativo{padding: 20px 0px 40px 0px; color: #B20000; font-size: 14px;}
#clube-da-fraternidade input.date{ float:left; width:250px; height:45px; line-height:45px; box-sizing:border-box; background:#FFF; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; font-size:18px; padding:0 17px; border-bottom:2px solid #00D9B7  }


/* Clube da Fraternidade - formulario 09/01/2018 */
#clube-da-fraternidade .row{ clear:both; float:left; margin:0 0 20px 0; width:100% }
#clube-da-fraternidade .row .bloco{ float:left; width:250px }
#clube-da-fraternidade .margem{ margin-left:20px }


@media (max-width: 800px) {
	#clube-da-fraternidade{ width:320px }
	#clube-da-fraternidade h4{ margin-bottom:10px; font-size:17px }
	#clube-da-fraternidade p{ line-height:130%; font-size:16px }
	#clube-da-fraternidade .linha{ width:320px; margin:0 }
	#clube-da-fraternidade .linha2{ margin:0 0 20px 0 !important }
	#clube-da-fraternidade .espaco{ width:0; height:0; display:none }
	#clube-da-fraternidade form{ width:320px }
	#clube-da-fraternidade input[type="text"]{ clear:both; width:280px !important; margin-bottom:10px; font-size:14px }
	#clube-da-fraternidade input[type="number"]{ clear:both; width:280px !important; margin-bottom:10px; font-size:14px }
	#clube-da-fraternidade select{ clear:both; width:310px !important }
	#clube-da-fraternidade .chosen-container{ margin-bottom:10px !important; width:100% !important }
	#clube-da-fraternidade input[type="image"]{ float:none; margin-left:auto; margin-right:auto; display:block }
	#clube-da-fraternidade .alerta{ width:280px; margin-top:20px }
	
	/* Clube da Fraternidade - formulario 09/01/208 */
	#clube-da-fraternidade .row{ margin:0 }
	#clube-da-fraternidade input[type="text"]{ width:100% !important; box-sizing:border-box; margin:0 0 20px 0 }
	#clube-da-fraternidade input[type="number"]{ width:100% !important; box-sizing:border-box; margin:0 0 20px 0 }
	#clube-da-fraternidade select{ width:100% !important; box-sizing:border-box; margin:0 0 30px 0 }
	#clube-da-fraternidade .row .bloco{ float:left; width:100% }
	#clube-da-fraternidade .margem{ margin-left:0 }
}


/* Fale Conosco */
#fale-conosco{ clear:both; float:left; width:670px; padding-top:30px }
#fale-conosco p{ clear:both; float:left }
#fale-conosco .linha{ clear:both; float:left; margin:0 0 20px 0; width:670px }
#fale-conosco .espaco{ float:left; width:20px; height:45px }
#fale-conosco form{ clear:both; float:left; margin:25px 0 0 0; width:670px }
#fale-conosco input[type="text"],
#fale-conosco .select{ float:left; height:45px; line-height:45px; background:#FFF; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; font-size:18px !important; padding:0 17px; border-bottom:2px solid #00D9B7 }
#fale-conosco .select{ width:200px }
#fale-conosco .select select{ width:100%; font-size:18px !important }
#fale-conosco input[type="image"]{ float:right }
#fale-conosco textarea{ clear:both; float:left; width:636px; height:151px; line-height:120%; background:#FFF; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; font-size:18px; padding:17px; border-bottom:2px solid #00D9B7 }
#fale-conosco p.alerta{ color:#656565; width:auto !important; height:85px; line-height:85px; float:right; clear:none; padding-right:20px }
#fale-conosco p.alerta strong{ color:#00D8B7; font-weight:400 }
#fale-conosco .contatos{ clear:both; float:left; width:670px; margin:40px 0 0 0 }
#fale-conosco .contatos ul{ clear:both; float:left; width:340px }
#fale-conosco .contatos li{ clear:both; float:left; width:340px; margin:0 0 30px 0; color:#656565; line-height:130% }
#fale-conosco .contatos li strong{ font-size:30px; font-weight:400; color:#00295B; line-height:140% }
#fale-conosco .contatos li:last-child img{ float:left; margin:-10px 20px 0 0 }
#fale-conosco .contatos #mapa{ float:right; width:312px; height:337px; overflow:hidden; margin:10px 0 0 0 }


@media (max-width: 800px) {
	#fale-conosco{ width:320px }
	#fale-conosco h4{ margin-bottom:10px; font-size:17px }
	#fale-conosco p{ line-height:130%; font-size:16px }
	#fale-conosco .linha{ width:320px; margin:0 }
	#fale-conosco .espaco{ width:0; height:0 }
	#fale-conosco form{ width:320px }
	#fale-conosco input[type="text"],
	#fale-conosco .select{ clear:both; width:280px !important; margin-bottom:10px; font-size:14px }
	#fale-conosco select{ clear:both; width:310px !important }
	#fale-conosco .select select{ width:100% !important }
	#fale-conosco .chosen-container{ margin-bottom:10px !important }
	#fale-conosco input[type="image"]{ float:none; margin-left:auto; margin-right:auto; display:block }
	#fale-conosco textarea{ width:280px; margin-bottom:10px; font-size:14px }
	#fale-conosco .alerta{ width:280px; margin-top:20px }

	#fale-conosco .contatos{ width:320px }
	#fale-conosco .contatos ul{ width:320px }
	#fale-conosco .contatos li{ width:320px }
	#fale-conosco .contatos li:last-child img{ float:left; margin:-10px 0 0 55px }
	#fale-conosco .contatos #mapa{ clear:both; float:left; width:320px; height:320px; overflow:hidden; margin:10px 0 10px 0 }
}


/* Cadastro */
#cadastro{ clear:both; float:left; margin-top:25px; width:670px }
#cadastro p{ clear:both; float:left; line-height:150% }
#cadastro .linha{ clear:both; float:left; margin:0 0 20px 0; width:670px }
#cadastro .espaco{ float:left; width:20px; height:45px }
#cadastro form{ clear:both; float:left; margin:25px 0 0 0; width:670px }
#cadastro input[type="text"],#cadastro input[type="password"]{ float:left; height:45px; line-height:45px; padding:0 10px; background:#FFF; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; font-size:18px; padding:0 17px; border-bottom:2px solid #00D9B7 }
#cadastro input[type="image"]{ float:right }
#cadastro label{ color:#656565 }
#cadastro p.confirmacao{ color:#656565; width:auto !important; height:85px; line-height:85px; float:right; clear:none; padding-right:20px }
#cadastro p.confirmacao strong{ color:#00D8B7; font-weight:400 }


@media (max-width: 800px) {
	#cadastro{ width:320px }
	#cadastro h4{ margin-bottom:10px; font-size:17px }
	#cadastro p{ line-height:130%; font-size:16px }
	#cadastro .linha{ width:320px; margin:0 }
	#cadastro .espaco{ width:0; height:0 }
	#cadastro form{ width:320px }
	#cadastro input[type="text"]{ clear:both; width:280px !important; margin-bottom:10px; font-size:14px }
	#cadastro select{ clear:both; width:310px !important }
	#cadastro .chosen-container{ margin-bottom:10px !important }
	#cadastro input[type="image"]{ float:none; margin-left:auto; margin-right:auto; display:block; padding-top:10px }

}


/* Sobre a Fundação */
#sobre{ clear:both; float:left; width:670px; margin:25px 0 0 0 }
article#sobre h2{ margin-bottom:20px }
#sobre ul{ float:left; width:inherit }
#sobre li{ float:left; width:126px; height:43px; padding:90px 0 0 0; font:24px 'Open Sans', sans-serif; font-weight:300; text-align:center; cursor:pointer; margin:0 10px 0 0; border-bottom:15px solid #00D9B7 }
#sobre li a{ color:#00D8B7 }
#sobre li.selecionado a{ color:#00295B }
#sobre li:last-child{ margin:0 }

#sobre li:nth-child(1){ background:#FFF url(../imagens/icones/videos.png) no-repeat center 18px }
#sobre li:nth-child(1).selecionado{ background:#00D9B7 url(../imagens/icones/videos-over.png) no-repeat center 18px; border-bottom:15px solid #00295B }

#sobre li:nth-child(2){ background:#FFF url(../imagens/icones/fotos.png) no-repeat center 18px }
#sobre li:nth-child(2).selecionado{ background:#00D9B7 url(../imagens/icones/fotos-over.png) no-repeat center 18px; border-bottom:15px solid #00295B }

#sobre li:nth-child(3){ background:#FFF url(../imagens/icones/audios.png) no-repeat center 18px }
#sobre li:nth-child(3).selecionado{ background:#00D9B7 url(../imagens/icones/audios-over.png) no-repeat center 18px; border-bottom:15px solid #00295B }

#sobre li:nth-child(4){ background:#FFF url(../imagens/icones/textos.png) no-repeat center 18px }
#sobre li:nth-child(4).selecionado{ background:#00D9B7 url(../imagens/icones/textos-over.png) no-repeat center 18px; border-bottom:15px solid #00295B }

#sobre li:nth-child(5){ background:#FFF url(../imagens/icones/oracoes.png) no-repeat center 18px }
#sobre li:nth-child(5).selecionado{ background:#00D9B7 url(../imagens/icones/oracoes-over.png) no-repeat center 18px; border-bottom:15px solid #00295B }

#sobre li.fotos{ background:#00D9B7 url(../imagens/icones/fotos-over.png) no-repeat center 18px; border-bottom:15px solid #00295B }

#sobre .abas{ clear:both; float:left; width:inherit; background-color:#00295B; display:none }
#sobre .aba-foto{ clear:both; float:left; width:inherit; background-color:#00295B }
#sobre #aba-videos ul{ float:left; margin:20px 20px 0 80px; width:auto !important }
#sobre #aba-videos li{ float:left; width:112px !important; height:112px !important; background:#FFF; margin:0 20px 20px 0; border-bottom:2px solid #00D9B7; cursor:default; padding:0; -moz-border-radius: 55px; -webkit-border-radius: 55px; border-radius: 55px; overflow:hidden }
/*#sobre #aba-videos li img{ -moz-border-radius: 55px; -webkit-border-radius: 55px; border-radius: 55px; margin-left:-25px }*/
#sobre #aba-videos li img{ -moz-border-radius: 55px; -webkit-border-radius: 55px; border-radius: 55px; width:100%; height:100%; transform: scale(1.5); }

/* fotos dentro da historia da radio */
#sobre #aba-fotos .post-gallery{ float:left; margin:20px 20px 0 80px; width:auto !important }
#sobre #aba-fotos a{ float:left; width:112px !important; height:112px !important; background:#FFF; margin:0 20px 20px 0; border-bottom:2px solid #00D9B7; cursor:pointer; padding:0; -moz-border-radius: 55px; -webkit-border-radius: 55px; border-radius: 55px; overflow:hidden }
#sobre #aba-fotos a img{ -moz-border-radius: 55px; -webkit-border-radius: 55px; border-radius: 55px; width:100%; height:100%; transform: scale(1.5); }


#sobre #aba-fotos ul{ float:left; margin:20px; width:auto !important }
#sobre #aba-fotos li{ float:left; width:615px !important; height:auto !important; margin:0 0 10px 10px; line-height:120%; cursor:default; padding:0; background:none; font-size:14px; text-align:left; border:0 }

#sobre #aba-fotos #fotos{ float:left; width:630px; margin:0 15px }
#sobre #aba-fotos #fotos p{ float:left; margin:20px 20px 40px 20px; color:#00D8B7 }
#sobre #aba-fotos #fotos h3{ clear:both; float:left; width:100% !important; text-align:center; margin:30px 0; font-size:18px; color:#00D8B7; line-height:130% }
#sobre #aba-fotos #fotos h6{ clear:both; float:left; width:100% !important; text-align:center; margin:30px 0; font-size:12px; line-height:100%; font-weight:400 }
#sobre #aba-fotos #fotos h6 a{ color:#FFF }
#sobre #aba-fotos #fotos ul{ float:left; margin:20px 20px 0 60px; width:auto !important }
#sobre #aba-fotos #fotos li{ float:left; width:112px !important; height:112px !important; background:#FFF; margin:0 20px 20px 0; border-bottom:2px solid #00D9B7; cursor:default; padding:0; -moz-border-radius: 55px; -webkit-border-radius: 55px; border-radius: 55px; overflow:hidden }
#sobre #aba-fotos #fotos li img{ -moz-border-radius: 55px; -webkit-border-radius: 55px; border-radius: 55px }

#sobre #aba-audios ul{ float:left; margin:20px; width:auto !important }
#sobre #aba-audios li{ float:left; width:615px !important; height:auto !important; margin:0 0 10px 10px; line-height:120%; cursor:default; padding:0; background:none; font-size:14px; text-align:left; border:0 }

#sobre #aba-textos ul{ float:left; margin:20px; width:auto !important }
#sobre #aba-textos li{ float:left; width:615px !important; height:auto !important; margin:0 0 10px 10px; line-height:120%; cursor:default; padding:0; background:none; font-size:14px; text-align:left; border:0 }

#sobre #aba-oracoes ul{ float:left; margin:20px; width:auto !important }
#sobre #aba-oracoes li{ float:left; width:615px !important; height:auto !important; margin:0 0 10px 10px; line-height:120%; cursor:default; padding:0; background:none; font-size:14px; text-align:left; border:0 }


@media (max-width: 800px) {
	#sobre{ width:320px }
	#sobre img{ max-width:320px; height:auto }
	#sobre ul{ margin-bottom:10px }
	#sobre li{ width:320px; height:auto; padding:8px 0; font-size:18px; margin:0 0 1px 0; border-bottom:0; background-image:none !important }
	#sobre li.selecionado{ border-bottom:0 !important }

	#sobre #aba-videos ul{ margin:20px 20px 0 110px }
	#sobre #aba-fotos li{ width:300px !important }
	#sobre #aba-fotos #fotos{ width:320px }
	#sobre #aba-fotos #fotos ul{ margin:10px 20px 0 90px }
	#sobre #aba-fotos #fotos li{ clear:both }
	#sobre #aba-fotos #fotos li img{ width:auto !important }
	#sobre #aba-fotos #fotos h3{ font-size:16px; width:285px !important }

	#sobre #aba-audios li{ width:280px !important }
	#sobre #aba-textos li{ width:280px !important }
	#sobre #aba-oracoes li{ width:280px !important }
}


/* Promoções */
#promocoes .select{ float:right; width:210px !important }
#promocoes #promo ul{ clear:both; float:left; margin-top:20px }
#promocoes #promo li{ clear:both; float:left; margin:0 0 40px 0 }
#promocoes #promo li .esq{ float:left; width:140px }

#promocoes #promo li figure{ float:left; width:140px !important; height:140px !important; background:#FFF; margin:0; border-bottom:2px solid #00D9B7; -moz-border-radius: 75px; -webkit-border-radius: 75px; border-radius: 75px; overflow:hidden }
#promocoes #promo li figure img{ -moz-border-radius: 55px; -webkit-border-radius: 55px; border-radius: 55px }

#promocoes #promo li .dir{ float:left; width:510px; margin:0 0 0 20px }
#promocoes #promo li .dir h2{ clear:both; float:left; width:inherit !important; font-size:24px; color:#00295B; font-weight:600 }
#promocoes #promo li .dir img{ clear:both; float:left;  }

@media (max-width: 800px) {
	#promocoes .select{ float:none; margin:0 auto; width:210px }
	#promocoes #promo li{ margin:0 0 60px 0 }
	#promocoes #promo li .esq{ width:320px }
	#promocoes #promo li figure{ float:none; margin:0 auto }
	#promocoes #promo li .dir{ clear:both; float:left; width:320px; margin:20px 0 0 0 }
	#promocoes #promo li .dir img{ clear:both; float:none; margin-left:auto; margin-right:auto; display:block }
	#promocoes #promo li .dir h2{ width:320px !important; text-align:center }
	#promocoes #promo li .dir p{ width:320px !important; text-align:center }

}


/* Resultado das Promoções */
.resultado h2{ font-weight:400; line-height:120% }
.resultado figure.destaque{ clear:both; float:left; width:670px; overflow:hidden; margin:20px 0 }
.resultado figure.destaque img{ float:left; width:670px; height:auto }
.resultado .vencedores{ clear:both; float:left; margin:15px 0; color:#656565; width:100% }
.resultado .vencedores p{ line-height:120%; margin:0 0 10px 0 }
.resultado .vencedores p a{ text-decoration:underline }


@media (max-width: 800px) {
	.resultado figure.destaque{ width:320px }
	.resultado figure.destaque img{ width:320px; height:auto }
}


/* Detalhes das Promoções */
.detalhes h2{ font-weight:400; line-height:120% }
.detalhes figure.destaque{ clear:both; float:left; width:670px; overflow:hidden; margin:20px 0 }
.detalhes figure.destaque img{ float:left; width:670px; height:auto }
#detalhe{ clear:both; float:left; margin:0 0 20px 0 }
#detalhe p.cadastre-se{ clear:both; float:left; font-size:11px; color:#656565 }
#detalhe p.cadastre-se a{ color:#00D8B7 }

@media (max-width: 800px) {
	.detalhes figure.destaque{ width:320px }
	.detalhes figure.destaque img{ width:320px; height:auto }
}


/* Contribua */
@media (max-width: 800px) {
	.contribua img{ max-width:320px; height:auto }
}


/* Anuncie */
#anuncie{ clear:both; float:left; width:670px }
#anuncie p{ clear:both; float:left }
#anuncie .linha{ clear:both; float:left; margin:0 0 20px 0; width:670px }
#anuncie span{ clear:none !important; float:none !important; float:left; width:auto !important }
/*#anuncie .espaco{ float:left; width:20px !important; height:45px; border:1px solid #000 }*/
#anuncie .espaco{ float:left; width:0 !important; height:45px; border:1px solid #000; display:none }
#anuncie form{ clear:both; float:left; margin:25px 0 0 0; width:670px }
#anuncie input[type="text"]{ float:left; height:45px; line-height:45px; background:#FFF; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; font-size:18px; padding:0 17px; border-bottom:2px solid #00D9B7 }
#anuncie input[type="image"]{ float:right }
#anuncie textarea{ clear:both; float:left; width:636px; height:151px; line-height:120%; background:#FFF; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; font-size:18px; padding:17px; border-bottom:2px solid #00D9B7 }
#anuncie p.alerta{ color:#656565; width:auto !important; height:85px; line-height:85px; float:right; clear:none; padding-right:20px }
#anuncie p.alerta strong{ color:#00D8B7; font-weight:400 }
#anuncie .contatos{ clear:both; float:left; width:670px; margin:20px 0 0 0 }
#anuncie .contatos ul{ clear:both; float:left; width:340px }
#anuncie .contatos li{ clear:both; float:left; width:340px; margin:0 0 30px 0; color:#656565; line-height:130% }
#anuncie .contatos li strong{ font-size:30px; font-weight:400; color:#00295B; line-height:140% }
#anuncie .contatos a{ color:#656565 }

@media (max-width: 800px) {
	#anuncie{ width:320px }
	#anuncie h4{ margin-bottom:10px; font-size:17px }
	#anuncie p{ line-height:130%; font-size:16px }
	#anuncie .linha{ width:320px; margin:0 }
	#anuncie .espaco{ width:0; height:0 }
	#anuncie form{ width:320px }
	#anuncie input[type="text"]{ clear:both; width:280px !important; margin-bottom:10px; font-size:14px }
	#anuncie select{ clear:both; width:310px !important }
	#anuncie .chosen-container{ margin-bottom:10px !important }
	#anuncie input[type="image"]{ float:none; margin-left:auto; margin-right:auto; display:block }
	#anuncie textarea{ width:280px; margin-bottom:10px; font-size:14px }
	#anuncie .alerta{ width:280px; margin-top:20px }
	#anuncie .contatos{ width:320px }
	#anuncie .contatos ul{ width:320px }
	#anuncie .contatos li{ width:320px }

}


/* Anuncie */
#utilidade{ clear:both; float:left; width:670px }
#utilidade ul{ clear:both; float:left }
#utilidade li{ clear:both; float:left; width:642px; height:40px; line-height:40px; margin:0 0 5px 0; padding-left:18px; color:#00295B; border-left:10px solid #00D9B7; background-color:#FFF }
#utilidade li a{ color:#00295B }


@media (max-width: 800px) {
	#utilidade li{ width:305px; border-left:5px solid #00D9B7; padding-left:10px; font-size:12px; height:30px; line-height:30px }
}


/* Player */
#player{ float:left; width:728px; margin:10px }
#player .radio{ float:left; width:420px; height:250px; overflow:hidden; background-color:#002957; position:relative }
#player .radio .logo{ float:left; margin:10px }
#player .radio .redes{ float:right; margin:15px 10px 0 0 }
#player .radio .redes img{ float:left; margin:0 0 0 14px }

#player .radio #programacao{ clear:both; float:left; margin:20px 0 0 20px }
#player .radio #programacao .esq{ float:left; width:105px }
#player .radio #programacao figure{ float:left; width:86px !important; height:86px !important; background:#FFF; margin:0; border-bottom:2px solid #00D9B7; -moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px; overflow:hidden }
#player .radio #programacao figure img{ -moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px }
#player .radio #programacao .dir{ float:left; width:275px; margin:0 }
#player .radio #programacao .dir h2{ clear:both; float:left; width:inherit !important; font-size:18px; color:#00D8B7; font-weight:600 }
#player .radio #programacao .dir p{ clear:both; float:left; font-size:11px; color: #FFF; line-height:140%; margin:5px 0 0 0 }
#player .radio #programacao .dir em{ clear:both; float:left; font-size:9px; margin:15px 0 0 0; font-style:normal; color:#FFF }

#player .player{ width:420px; height:34px; background-color:#00D9B7; position:absolute; left:0; bottom:0 }

#player .banner-quadrado{ float:right; width:300px; height:250px; overflow:hidden }
#player .banner-full{ clear:both; float:left; width:728px; height:90px; overflow:hidden; margin:7px 0 0 0 }


/* Player vídeo */
#player-video{ float:left; width:730px; padding:10px; background-color:#00295B }
#player-video .logo{ margin:0 auto; width:115px }

#player-video #programacao{ float:left; width:170px; margin:0; overflow:hidden }
#player-video #programacao figure{ float:left; width:86px !important; height:86px !important; background:#FFF; margin:15px 0 0 40px; border-bottom:2px solid #00D9B7; -moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px; overflow:hidden }
#player-video #programacao figure img{ -moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px }
#player-video #programacao h2{ clear:both; float:left; width:inherit !important; font-size:14px; color:#FFF; font-weight:600; text-align:center; margin:18px 0 0 0 }
#player-video #programacao p{ clear:both; float:left; font-size:11px; color: #FFF; line-height:140%; margin:5px 0 0 0; text-align:center }
#player-video #programacao em{ clear:both; float:left; font-size:10px; margin:15px 0 0 0; font-style:normal; color:#FFF; text-align:center; width:100%; line-height:100% }

#player-video .player{ float:right; width:545px; height:323px; overflow:hidden; background-color:#CFD6D0 }

#player-video .banner-full{ clear:both; float:left; width:728px; height:90px; overflow:hidden; margin:7px 0 0 0 }


/* Busca */
#busca{ clear:both; float:left; margin-top:25px }
#busca ul{ clear:both; float:left }
#busca li{ clear:both; float:left; width:630px; padding:12px 10px 12px 20px; height:auto; line-height:120%; margin:0 0 5px 0; background:#FFF; font-weight:300; border-left:10px solid #00D9B7 }
#busca li:hover{ background:#00D9B7 }

@media (max-width: 800px) {
	#busca{ width:320px; height:auto !important }
	#busca ul{ width:320px; height:auto !important }
	#busca li{ clear:both; float:left; width:320px; height:81px; line-height:40px; margin:0 0 5px 0; background:url(../imagens/celular/home-fundo-programacao.png); font-weight:300 }
	#busca li:hover{ background:url(../imagens/celular/home-fundo-programacao.png) }
	#busca li h3{ width:290px !important }
	#busca li p{ margin:0 0 0 55px }
	#busca li p strong{ height:45px; line-height:45px }
	#busca li time{ height:45px; line-height:45px }
}


/* Paginação */
#site .paginacao{ float:left; width:100%; font-size:26px; font-weight:200; text-transform:uppercase; margin-top:60px; height:auto }
#site .paginacao a{ color:#923F39 }
#site .paginacao .esq{ float:left; background:url(../imagens/seta-voltar.png) no-repeat left top; padding-left:25px; height:30px; margin-left:5px }
#site .paginacao .dir{ float:right; background:url(../imagens/seta.png) no-repeat right top; padding-right:25px; height:30px; margin-right:5px }


/* RODAPÉ */
footer{ float:left; width:100%; min-height:297px; padding-top:50px; background:#00295B; border-top:4px solid #00D9B7; margin-top:100px; color:#00D8B7; font-weight:300 }
footer a{ color:#00D8B7 }
footer a:hover{ color:#FFF }

footer ul{ float:left; width:145px; min-height:190px; border-right:1px dashed #00D8B7; list-style:circle; list-style-position:inside; margin:0 25px 0 0 }
footer ul.maior{ width:180px }
footer ul.ultimo{ margin:0; border:0 }
/*footer li{ float:left; width:inherit; padding-left:10px; margin:0 0 20px 0 }
footer li:first-child{ font-size:24px; list-style:none; padding:0 !important }*/

footer li{ float:left; width:inherit; padding-left:0; margin:0 0 20px 20px; list-style-position: outside }
footer li:first-child{ font-size:24px; list-style:none; padding:0 !important; margin-left:0 }

footer li.redes{ list-style:none }
footer li .bt-facebook{ float:left; width:44px; height:42px; background:url(../imagens/icones/rodape-facebook.png) no-repeat; text-indent:1000px; overflow:hidden }
footer li .bt-facebook:hover{ background:url(../imagens/icones/rodape-facebook-over.png) }
footer li .bt-youtube{ float:left; width:44px; height:42px; background:url(../imagens/icones/rodape-youtube.png) no-repeat; text-indent:1000px; overflow:hidden; margin-left:15px }
footer li .bt-youtube:hover{ background:url(../imagens/icones/rodape-youtube-over.png) }

footer li .bt-Twitter{ clear:both; float:left; width:42px; height:42px; background:url(../imagens/icones/rodape-twitter.png) no-repeat; text-indent:1000px; overflow:hidden; margin-top:10px }
footer li .bt-Twitter:hover{ background:url(../imagens/icones/rodape-twitter-over.png) }

footer li .bt-SoundCloud{ float:left; width:44px; height:44px; background:url(../imagens/icones/rodape-SoundCloud.png) no-repeat; text-indent:1000px; overflow:hidden; margin-left:15px; margin-top:10px }
footer li .bt-SoundCloud:hover{ background:url(../imagens/icones/rodape-SoundCloud-over.png) }

footer li .bt-instagram{ clear:both; float:left; width:42px; height:43px; background:url(../imagens/icones/rodape-instagram.png) no-repeat; text-indent:1000px; overflow:hidden; margin-top:10px }
footer li .bt-instagram:hover{ background:url(../imagens/icones/rodape-instagram-over.png) }

footer #facebook{ clear:none; float:right; width:290px; height:243px; border:1px solid #000; overflow:hidden; background-color:#FFF; margin:0; padding:0 }

#rodape{ float:left; width:100%; height:34px; background-color:#F2F2F2; padding-top:12px }
#rodape p{ float:left; font-size:11px; color:#656565; margin:0 }
#rodape figure{ float:right }
#rodape figure img{ float:right }
#rodape figure figcaption{ float:right; height:20px; line-height:160%; font-size:11px; color:#656565; margin-right:5px }

@media (max-width: 800px) {
	footer{ margin-top:40px }
	footer ul{ width:320px; min-height:190px; margin:0 0 20px 0; border-right:0; min-height:10px }
	footer ul.maior{ width:320px }
	footer li{ margin:0 0 10px 0 }
	footer li:nth-child(2){ margin-top:10px }

	footer li.redes{ list-style:none; margin:15px 0 20px 0; text-align:center !important }
	/*footer li .bt-facebook{ margin-left:105px }*/
	footer #facebook{ display:none }

	#rodape{ height:auto }
	#rodape p{ float:left; width:100% !important; text-align:center; margin-top:10px }
	#rodape figure{ float:left; width:100%; margin:20px 0; position:relative }
	#rodape figure img{ float:none; display:block; margin-left:auto; margin-right:auto }
	#rodape figure figcaption{ display:none }
}



/* Barra compartilhamento */
#barra_lateral{ position:fixed; top:270px; left:0; width:45px; height:auto; z-index:9999999 }
#barra_lateral ul{ float:left; width:45px; height:auto; overflow:hidden; list-style:none; margin:0; padding:0 }
#barra_lateral li{ clear:both; float:left; width:45px; height:45px; ; margin:0; padding:0 }
@media (max-width: 800px) {
	#barra_lateral{ display:none }
}


.borda-arredondada{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px }
.borda-arredondada img{ border-radius:5px; -moz-border-radius:5px }