@import url("grid.css");
@import url("main.css");

*{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

/* ----------------------- *\
    BORDAS ARREDONDADAS
\* ----------------------- */

.round{
	border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
}

.shadow{
	box-shadow: 6px 6px 6px #eee;
}

a{ transition: .3s; }

/* ----------------------- *\
    LISTAS
\* ----------------------- */

.lst { width: 100%; height: 100%; clear: both; line-height: 26px; text-align: left; }
	.lugares{
		margin-bottom: 60px;
	}
		.lugares li{
			font-size: 1em;
			font-weight: 600;
		}

/* ----------------------- *\
    SESSÕES INTERNAS
\* ----------------------- */

.sections-inside{
	clear: both;
	overflow: hidden;
	height: 100%;
}
	
	.anunciantes article audio{ position: relative; width: 100%; height: 30px; margin: 0px auto; }
	.anunciantes article{ margin: 12px 0px; }
	.anunciantes article audio{ position: relative; width: 100%; height: 30px; margin: 0px auto; }
	.anunciantes article{ margin: 12px 0px; }

	/*.habilita{ margin-bottom: 80px; }*/
	.habilita .ver-todos{ display: block; }
	.deshabilita .ver-todos{ display: block; }
	.deshabilita .outros{ display: none; }

/* ----------------------- *\
    ESPAÇAMENTOS
\* ----------------------- */

.quemSomos2 p{ color: #757575; width: 95%; }

.sections-inside .content{ padding-top: 40px; }
.videos .content{ padding-bottom: 60px; }
.footer .content{ padding-top: 40px; padding-bottom: 40px; border-top: 2px solid #bc139f; }

.formMusica{ max-width: 280px; }
.formMusica input, .formMusica textarea{
	margin:  8px 0px;
	padding: 12px 5px;
	background-color: #171717;
	border:  1px solid #202020;
	color: #eee;
}

input.btEnviar{ background-color: #171717; color: #eee; border: none; max-width: 180px; float: left; padding: 18px; }
input.btEnviar:hover{ background-color: #bc139f; }

.formEnviar{ width: 95%; float: right; }
  .formEnviar input, .formEnviar select, .formEnviar textarea{
    font-family: 'Lato', trebuchet;
    padding: 12px 8px;
    border: 1px solid #b6b6b6;
    font-size: 1em;
    color: #b6b6b6;
    margin-bottom: 8px;
    background-color: #fff;
    text-transform: uppercase;

     width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
  }

    input.enviar{ background-color: #b024a6; color: #fff; float: right; max-width: 130px; cursor: pointer; }
    input.enviar:hover{ background-color: #169c7b; }

    input:hover,  select:hover, textarea:hover{
      background-color: #b024a6;
      -webkit-transition-duration: 1s;
      transition-duration: 1s;
      outline: none;
    }

.news ul{ margin: 20px 0px; }
.news ul p{ margin: 0px; }
.news h2{ margin: 0px; font-size: 1.1em; text-transform: capitalize; }

.dataN{ font-size: 1em; display: block; color: #bc139f; }

.noticias{ padding: 20px; width: 80%; }
.noticias li{ color:  #fff; border-bottom: 1px solid #282828; }
.noticias li:last-child{ border-bottom: none; }
.noticias li a{ display: block; padding: 20px 10px; font-size: 0.9em; width: 100%; color: #fff; }
.noticias li li:hover{ color: #bc139f; }
.noticias li a span{ color: #bc139f; font-weight: 500; }
.noticias li p{ margin: 0px; color: #fff; }

.clear{ margin-bottom: 90px; }

.areaTop a.an{ color: #bc139f; }
.areaTop a.an:hover{ color: #bc139f; }

 /* GROUP REDES */
 .groupRedes{ width: 60px; height: 60px; padding: 8px; background-color: #eee; position: fixed; right: 30px; bottom: 30px; border-radius:60px 60px 60px 60px;
	-webkit-border-radius:60px 60px 60px 60px;  -moz-border-radius:60px 60px 60px 60px; opacity: 0.9; z-index: 9999;}
.groupRedes div{ height: 30px; margin: 10px 0px; }
.iconsRedes{ display: block; background-repeat:  no-repeat; margin: 0px auto; width: 40px; height: 40px; }
		.whatsapp{ background-image: url('../imgs/icons/whatsapp.svg'); }

/* ----------------------- *\
    BUTTONS
\* ----------------------- */

.btn{
	text-align: center;
	color: #fff;
	transition: .3s;
	border: 0;
	padding: 12px;
	display: block;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 1.3em;
}
	.ver-todos{ display: none; background-color: #B81E16; border-color: #2d877e; width: 180px; margin: 40px auto 0px auto; }
		.ver-todos:hover{ background-color: #801A1E; }
	
	.btWhatsapp{ background-color: #26d366; max-width: 220px;  clear: both; margin-top: 30px; }
		.btWhatsapp:hover{ background-color: #21bb5a; }

	.saiba-mais{ background-color: #B81E16; border-color: #2d877e; width: 180px; }
		.saiba-mais:hover{ background-color: #801A1E; }

	.fonte{ display: block; color: #B81E16; margin-top:  20px; width: 180px; }

/* ----------------------- *\
    LINHAS
\* ----------------------- */

.line{ height: 1px; margin: 0px auto; }

.lcenter{ width: 80%; }

.ltotal{ width: 100%; }

/* ----------------------- *\
    BREADCRUMP
\* ----------------------- */

.breadcrumb{
	text-align: left;
	font-style: italic;
	padding: 10px 0px;
	border-bottom: 1px solid #e1e1e1;
}

	.breadcrumb	a{
		color: #4a4a4a;
	}

	.breadcrumb span:not(.first){
		position: relative;
	}

	.breadcrumb span{
		font-size: 0.8em;
		color: #777;
		text-transform: capitalize;
	}

	.breadcrumb:before{
		content: '';
		position: relative;
		display: inline-block;
		margin: 0px 20px;
		color: #c21c2f;
	}

	.breadcrumb i{ font-size: 1em; color: #c21c2f; }

.gRadio{ position: relative; margin: 0px; max-width: 300px; height: 190px; background-color: #000;
	border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; float: right; }
.player{ max-width: 120px; float: left; margin-top: 0px; height: 60px; }
.iplayer{ display: none; }
.gRadio img{ width: 260px;  }
.pl1{ margin: 0px auto; width: 190px; height: 70px; background-color: transparent;  }


/*   BEGIN *******************************************************

/* ----------------------- *\
   HEADER - LOGO E MAIN MENU
\* ----------------------- */

.areaTop{ top: 0px; text-align: right; background-color: #000; border-bottom: 2px solid #bc139f; z-index: 99999; clear: both; position: fixed; width: 100%; height: 95px; }
.areaTop ul li{ display: inline-block; }
.areaTop ul li a{ color: #fff; padding: 0px 4px; font-size: 0.9em; font-weight: 500; }

.areaHeader{ 
	margin-top: 80px;
	padding-bottom: 40px;
	background-color: #000;
	overflow: hidden;
	height: 100%;
}

.slP{ margin-top: 60px; }

.areaTop .content, .areaHeader .content{ background-color: transparent; }

.header{
	width: 100%;
	padding: 0px;
	position: relative;
	top: 0px;
	z-index: 9999;
	clear: both;
}

	.logo{ margin-top: 26px; width: 110px; float: left; }
	.mold{ top: 0px; position: absolute; text-align: center; background-color: #000; width: 150px; height: 120px;
		
		border-bottom-left-radius: 12px;
		-webkit-border-bottom-left-radius: 12px;
		-moz-border-bottom-left-radius: 12px;

		border-bottom-right-radius: 12px;
		-webkit-border-bottom-right-radius: 12px;
		-moz-border-bottom-right-radius: 12px;
	 }

.gVideos{ width: auto; margin: 0px auto; }

.lanc .nom{ text-align: left; font-size: 1.2em; float: left; display: block; color:  #fff;
	width: 100%; margin: 12px 0px; font-weight: 800; }
.lanc p{ font-size: 1em; color: #777; width: 80%; }


/* STATUS INFO */

.status-info{
	background-color: #f9f9f9;
	width: 91%;
	height: 100%;
	float: right;

}
	.status-info h5{ font-size: 1.2em; color: #1b409b; }

	.group-contato{ clear: both; overflow: hidden; margin: 20px 0px 20px 20px; }

	.group-contato .iconBig{
		font-size: 3em;
		float: left;
		color: #004c80;
		width: 50px;
	}

	.title-contato{
		text-align: left;
		font-size: 0.9em;
		margin-bottom: 5px;
		display: block;
		color: #004c80;
	}

	.group-infoCont{ text-align: left; float:left; margin-left: 10px; }
	.group-infoCont p{ margin-bottom: 3px; font-size: 1em; }
	.group-infoCont a{ font-size: 1em; display: block; }
	.group-infoCont span{ color: #2f5082; font-size: 1.2em; }
	.group-infoCont .horario{ margin: 10px 0px; font-size: 1em; }


/* DETALHE NO TÍTULO */
.has-detail{
	content: '';
	height: 30px;
	padding-left:  10px;
	border-left: 10px solid #bc139f;
	float:  left;
	text-align: left;
	width: 100%;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.tempo{ position: relative; float: left; width: 100%; height: 260px; }
.clientes{ position: relative; float: left; width: 100%; height: 160px; margin-bottom: 20px; }

/* ----------------------- *\
    EFEITOS
\* ----------------------- */

.groupDestaque{
	bottom: -14px;
	position: absolute;
}

	.titleDestaque{
		font-size: 1.4em;
		font-weight: 900;
		display: block;
		margin-left: 20px;
		text-transform: uppercase;
	}

img.imgDestaque{ height: 100%; }

.hoverzoom{
	position: relative;
	width: 100%;
	overflow: hidden;

	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
}

	.hoverzoom > img {
		width: 100%;
		-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		-moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		-ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		-o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
		transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	}

	.hoverzoom:hover > img {
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5);
	}

/* COLUNA EXTRA */
.columnExtra{  }
.cLeft{ width: 65%; float: left; }
.cRight{ width: 30%; float: right; }

#carousel{ background-color: red; margin: 0px; }

#carousel li img {
	width: 100%;
}
#carousel li {
	float: left;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: red;
	display: inline;
}
#prev, #next{
	position: absolute;
	top: 10px;
	cursor: pointer;
}
#prev{
	left: 10px;
}
#next{
	right: 10px;
}


/* ICONS */

.icon{ position: relative; display: block; background-repeat: no-repeat; background-size: contain; }

	.face{
		background-image: url('../imgs/icons/face.svg');
		width: 50px; height: 50px;
		float: left;
	}

	.tube{
		background-image: url('../imgs/icons/tube.svg');
		width: 50px; height: 50px;
		float: left;
	}

	.insta{
		background-image: url('../imgs/icons/insta.svg');
		width: 50px; height: 50px;
		float: left;
	}

	.icon-fone{ display: inline-block; width: 50px; height: 50px; background: url('../imgs/icons/grav.svg') no-repeat; }

.img-anunciantes{
		display: block;
		border: 1px solid #ccc;
		border-radius: 20px 20px 20px 20px;
		-webkit-border-radius: 20px 20px 20px 20px;
		-moz-border-radius: 20px 20px 20px 20px;

		height: 200px;
	}
		
		.segmedic{
			background: url('../imgs/clientes/segmedic.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
	
		.leader{
			background: url('../imgs/clientes/leader.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.csabao{
			background: url('../imgs/clientes/csabao.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.idpixel{
			background: url('../imgs/clientes/idpixel.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

    .amoedo{
			background: url('../imgs/clientes/amoedo.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

    .estacio{
			background: url('../imgs/clientes/estacio.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.serrano{
			background: url('../imgs/clientes/serrano.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.acla{
			background: url('../imgs/clientes/acla.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.bicicletas{
			background: url('../imgs/clientes/bicicletas.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.dudinhas{
			background: url('../imgs/clientes/dudinhas.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.claro{
			background: url('../imgs/clientes/claro.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.forro{
			background: url('../imgs/clientes/forro.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.martins{
			background: url('../imgs/clientes/martins.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.oticamarco{
			background: url('../imgs/clientes/oticamarco.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.ccaa{
			background: url('../imgs/clientes/ccaa.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.ranguitos{
			background: url('../imgs/clientes/ranguitos.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.russo{
			background: url('../imgs/clientes/russo.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.sex{
			background: url('../imgs/clientes/sex.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.studioelas{
			background: url('../imgs/clientes/studioelas.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.thayane{
			background: url('../imgs/clientes/thayane.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.diniz{
			background: url('../imgs/clientes/diniz.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

    .otica-positivo{
			background: url('../imgs/clientes/otica-positivo.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.visual{
			background: url('../imgs/clientes/visual.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.sapatella{
			background: url('../imgs/clientes/sapatella.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.sonho{
			background: url('../imgs/clientes/sonho.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.destake{
			background: url('../imgs/clientes/destake.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.dlumian{
			background: url('../imgs/clientes/dlumian.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.goodwill{
			background: url('../imgs/clientes/goodwill.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.adupf{
			background: url('../imgs/clientes/adupf.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.usaflex{
			background: url('../imgs/clientes/usaflex.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.cosc{
			background: url('../imgs/clientes/cosc.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.nalin{
			background: url('../imgs/clientes/nalin.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.forca{
			background: url('../imgs/clientes/forcamaxima.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.smd{
			background: url('../imgs/clientes/smd.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.casa{
			background: url('../imgs/clientes/casa.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.evolute{
			background: url('../imgs/clientes/evolute.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.ultra{
			background: url('../imgs/clientes/ultra.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.cidade{
			background: url('../imgs/clientes/cidade.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.zada{
			background: url('../imgs/clientes/zada.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.fofo{
			background: url('../imgs/clientes/fofo.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.maria{
			background: url('../imgs/clientes/maria.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.magalu{
			background: url('../imgs/clientes/magalu.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.casas-pedro{
			background: url('../imgs/clientes/casas-pedro.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.hortifruti{
			background: url('../imgs/clientes/hortifruti.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.pernambucanas{
			background: url('../imgs/clientes/pernambucanas.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.uoman{
			background: url('../imgs/clientes/uoman.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.cmed{
			background: url('../imgs/clientes/centralMed.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.claroP{
			background: url('../imgs/clientes/claroP.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.gassi{
			background: url('../imgs/clientes/gassi.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

		.zeca{
			background: url('../imgs/clientes/zeca.jpg');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

/* ----------------------- *\
    FOOTER
\* ----------------------- */

.footer{
	width: 100%;
	overflow: hidden;
	height: 100%;
	clear: both;
}

	.footer .content{ background-color: #000; overflow: hidden; height: 100%; }
	.footer .logo{ float: right; width: 160px; }

	.tell li a{ font-size: 2em; }
	.tell li a:hover > i{ color: #169c7b; }

	.menuFooter li{ display: block; text-align: right; }
	.menuFooter li a{ color: #fff; }
	.menuFooter li a:hover{ color: #b024a6; }

	.copy{
		font-style: italic;
		font-weight: 500;
		color: #fff;
		font-size: 0.9em;
		text-align: center;
	}

	.cont{ width: 100%; margin: 0px auto; margin-top: 20px; height: 30px; text-align: center; }
	.cont img{ margin: 0px; }

		.copy li{ display: inline-block; border-right: 1px solid #fff; padding: 0px 12px; }
			.copy li a{ color: #fff; font-size: 1em; }
				.copy li:last-child{ border-right: 0px; }

				.email{ display: block; text-align: center; color: #fff; font-size: 1em; font-style: italic; }

		.infos .row{
			margin-bottom: 20px;
		}

			.title{ font-size: 1.6em; color: #eee; }
			
			.infos .row li{
				font-size: 1.1em;
				font-weight: 700;
				color: #b024a6;
			}

			.infos .row li a{ color: #eee; }
			.infos .row li a:hover{ color: #b024a6; }
			.infos .row li.author{ margin-bottom: 5px; color: #b024a6; }