/*///////////////////////////////////////////////////
|													|
|	Modelo 4									    |
|													|
|	http://www.rgbcomunicacao.com.br				|
|													|
|									Setembro/2013	|
|													|
///////////////////////////////////////////////////*/

@import 'reset.css';

@font-face {
    font-family: 'Gudea';
    src: url('../../fonts/gudea-normal.eot');
    src: url('../../fonts/gudea-normal.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/gudea-normal.woff') format('woff'),
         url('../../fonts/gudea-normal.ttf') format('truetype'),
         url('../../fonts/gudea-normal.svg#GudeaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gudea';
    src: url('../../fonts/gudea-italic.eot');
    src: url('../../fonts/gudea-italic.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/gudea-italic.woff') format('woff'),
         url('../../fonts/gudea-italic.ttf') format('truetype'),
         url('../../fonts/gudea-italic.svg#GudeaItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Gudea';
    src: url('../../fonts/gudea-bold.eot');
    src: url('../../fonts/gudea-bold.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/gudea-bold.woff') format('woff'),
         url('../../fonts/gudea-bold.ttf') format('truetype'),
         url('../../fonts/gudea-bold.svg#GudeaBold') format('svg');
    font-weight: bold;
    font-style: normal;
}



.larg{margin: 0 auto; width: 990px;}
.left{float:left;}
.right{float:right;}

a { 
	text-decoration: none;
	position: relative;
	top: 0;
	opacity: 1;
	/*
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	-ms-transition: 0.3s ease-out;
	transition: 0.3s ease-out;*/
}

a:hover { opacity: 0.9 }

p {
	font-family: 'Gudea';
	font-size: 13px;
	color: #505050;
	line-height: 15px;
}

body{background-color: #ffffff;}

.v1, .v2, .v3{font-family: 'Gudea';}

.v1{font-size: 34px;}
.v2{font-size: 22px;}
.v3{font-size: 19px;}

.v1, .v1 a,
.v2, .v2 a,
.v3, .v3 a{color: #818181;}

/************************TOPO*****************************/

header{
	height: 135px;
	box-shadow: 0 0 10px 0 #ddd;
}

header #logo-wrap{
	height: 101px;
}

header #logo-wrap #site-logo{
	padding-left:10px;
	padding-top:20px;
	float: left;
}
header #logo-wrap #ouca-ao-vivo{
	float: right;
	padding-top:25px;
}

header #player{
	float:right;
	height:38px;
	width:284px;
	margin-top:50px;
}

header #navegador-wrap{
	height: 34px;
	background: url(../../imagens/bg-header.jpg) repeat-x;
}

header nav{
	width: 990px;
	height: 34px;
	float: left;
	margin: 0px 0px 0px 0px;
}

header nav .navegador{
	font-family: 'Gudea';
	font-size: 18px;
	opacity: 0.01;

}

header nav .navegador .item{
	float:left;
	background: url(../../imagens/sep_nav.jpg) left center no-repeat;
}

header nav .navegador .item:nth-child(1){background:none;}

header nav .navegador .item:nth-child(1){background:none;}

header nav .navegador .item a{
	color: #585858;
	text-align: center;
	display: block;
	height: 34px;
	line-height: 34px;
	opacity: 1;
	text-transform: uppercase;
	font-size:13px;
	font-weight: bold;
}
header nav .navegador .item:last-child a{background:none;}

header nav .navegador .item a:hover,
header nav .navegador .item a.hovered{
	color: #fff;
	background-color: #585858;
	opacity: 1;
}


header nav .dropdown{
	position: absolute;
	top: 135px;
	display: none;
	z-index: 1000;
	background-color: #585858;
}

header nav .dropdown .drop-item{
	float: none;
	padding: 0;
}

header nav .dropdown .drop-item:hover{
	background-color: #444444;
}

header nav .dropdown .drop-item a{
	color: #FFFFFF;
	text-align: left;
	display: block;
	height: 25px;
	line-height: 25px;
	opacity: 1;
	padding: 2px 5px 2px 10px;
	min-width: 150px;
	background: none;
}

header nav .dropdown .drop-item a:hover{
	background: none;
	opacity: 1;
	background-size:100% 100%;
	line-height: 25px;
}

#iframe-wrapper{width:100%;height:100%}



/*********************** SLIDER ***********************/
#slider{
	box-shadow: 0 10px 20px 0 #ddd;
	height: 355px;
}
#slider #slides{
	height: 355px;
	position: relative;
	overflow: hidden;
	opacity: 0.01;
}
#slider #slides img{
	margin: auto;
	display: block;
	position: absolute;
	top: 0px;
}


#slider #bts{
	position: relative;
	top: 0;
	margin-top: -200px;
	z-index: 1000;
	width: 990px;
}

#slider #bt-esquerda{
	width: 37px;
	height: 37px;
	background: url("../../imagens/img-slider-esquerda.png") no-repeat;
	cursor: pointer;
	float: left;
}

#slider #bt-direita{
	width: 37px;
	height: 37px;
	background: url("../../imagens/img-slider-direita.png") no-repeat;
	cursor: pointer;
	float:right;
}


/*********************** HOME ***************/
.destaques-home{
	height: 330px;
	margin: 0px 0px 0px 0px;
}

.destaques-home .destaque{
	width: 205px;
	float:left;
	margin-left: 21px;
	margin-right: 21px;
	padding-top: 35px;
	max-height: 330px;
}

.destaques-home .destaque h2{
	*text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
}

.destaques-home .destaque p{
	max-height: 60px;
	overflow: hidden;
}

.destaques-home .destaque .img{
	width: 205px;
	height: 155px;
	margin-top: 12px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
}




/***********INFOS HOME *********************/
.infos-home{
	height: 240px;
	margin: 0px 0px 0px 0px;
}

.infos-home .v1 a,
.infos-home .v2 a{font-weight: bold;}

.infos-home p{color: #737373;height:120px;overflow: hidden;}

.infos-home .empresa{
	float:left;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 35px;
	width: 455px;
}
.infos-home .empresa h2{line-height: 40px; margin-bottom: 10px;}

.infos-home .empresa .imagem{
	width: 180px;
	height: 155px;
	margin-right: 25px;
	margin-bottom: 30px;
	float: left;
}
.infos-home .empresa .imagem img{
	border: 1px solid #ccc;
	border-radius: 5px;
}

.infos-home .noticias{
	float: left;
	width: 225px;
	margin-top: 35px;
	margin-left: 20px;
}

.infos-home .noticias .v2 a{font-size:22px;}

.infos-home .noticias ul{}

.infos-home .noticias ul li{
	margin-bottom: 10px;
	padding-top: 10px;
	max-height: 44px;
	overflow: hidden;
	border-top: 1px dashed #737373;
}
.infos-home .noticias ul li:first-child{border: none;}

.infos-home .noticias ul li a{
	font-family: 'Gudea';
	font-size: 12px;
	color: #737373;
	width: 211px;
}

.infos-home .noticias ul li a span{color: #737373;}

.infos-home .localizacao{
	float: left;
	width: 205px;
	margin-top: 35px;
	margin-right: 20px;
	margin-left: 20px;
}

.infos-home .localizacao p{
	float:left;
	font-size:13px;
	line-height:15px;
	margin:10px 0px 10px 0px;
}
.infos-home .localizacao p strong{font-weight: bold}

/*********************** RODAPE ***************/

footer{
	background-color:#DEDEDC;
	height:18px;
}

footer p{
	font-size: 10px;
	font-style: normal;
	line-height: 18px;
	font-family: Verdana,sans-serif;
	color: #666666;
}
footer p strong{font-weight: bold;}
footer p a{color:#666666;}

footer #direitos{float:left;height:18px;}
footer #rgb-links{float:right;height:18px;}
footer #rgb-links img{vertical-align: middle;margin-top:-3px}



/*********************** CONTEUDO ***************/

.verConteudo{margin-top: 35px; margin-bottom: 40px;min-height: 300px;}



.verConteudo .modelo1,
.verConteudo .modelo2,
.verConteudo .modelo3 { margin-bottom: 15px; border: 1px solid #ccc; margin-top: 0px; }
.verConteudo .modelo2 { margin-left: 20px; float: right; width: 375px; }
.verConteudo .modelo3 { margin-left: 20px; float: right; width: 290px; }
.verConteudo p.legenda { text-align: center; padding: 10px 6px; font-size: 12px; line-height: 15px; background: #eff4f3;}

.verConteudo .modelo1 img, .verConteudo .modelo2 img, .verConteudo .modelo3 img{ width: 100%;}

.verConteudo .corpo {
	text-align: justify;
	margin-top: 15px;
	font-family: 'Gudea';
	line-height: 20px;
}

.verConteudo .corpo h1,
.verConteudo .corpo h2,
.verConteudo .corpo h3,
.verConteudo .corpo h4{
	color: #016678;
	font-size: 25px;
	font-family: 'Gudea';
	margin-top: 20px;
}

.verConteudo .corpo strong{font-weight: bold;}
.verConteudo .corpo ul{list-style-type:disc;margin-left:20px;}
.verConteudo .corpo a,
.verConteudo .corpo a:visited,
.verConteudo .corpo a:hover,
.verConteudo .corpo a:active
{color:#585858;}


/*********************** GALERIAS / COMENTARIOS ***************/
.verConteudoVideo{background: url('../imagens/bck-granulado2.jpg'); min-height: 10px; margin: 0px 0px 0px 0px;}

.verConteudoVideo .video{margin: 0 auto; width: 853px; padding-top: 30px; padding-bottom: 30px;}

.galeriaFotos{background: url('../imagens/bck-granulado2.jpg'); padding-bottom: 25px;}

.galeriaVideos{background: url('../imagens/bck-granulado2.jpg'); padding-bottom: 25px;}

.galeriaDownloads{background: url('../imagens/bck-granulado2.jpg'); padding-bottom: 25px;}



/*********************** LISTAGEM ***************/

.listagem{margin-top: 35px; margin-bottom: 30px;}

.listagem .bloco{
	height: 180px;
	margin-top: 16px;
	margin-bottom: 25px;
	clear:both;
	border-bottom: 1px solid #c3d4d4;
}

.listagem .bloco .imagem{
	width: 205px;
	height: 155px;
	float: left;
	margin-right: 15px;
}

.listagem .bloco .imagem a img{border: 1px solid #c3d4d4; border-radius: 5px;}

.listagem .bloco .corpo{ float:left; width: 765px; height: 160px; overflow: hidden;}

.listagem .bloco .corpo p{ margin-top: 10px; line-height: 17px}
.listagem .bloco .corpo p a{color: #878787;}
.listagem .bloco .corpo .data a{color: #676767;}

/*********************** 404 ***************/

.pag404{margin-top: 35px;
	margin-bottom: 40px;
	min-height: 300px;
}
.pag404 .v1{text-align: center;}
.pag404 .v1 strong{font-weight: bold;}
.pag404 p,
.pag404 a{
	text-align: center;
	font-size:18px;
	line-height:25px;
	font-style:normal;
	color:#016678;
}



/*********************** CLIENTE / DEPOIMENTO ***************/
.pgCliente{
	margin-top: 35px;
	height: 650px;
}
.pgCliente p { 
	line-height: 23px;
}
.pgCliente .v2{margin:15px 0px 10px 0px}

.pgCliente .chamada {
	padding-bottom: 14px;
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;
	margin-bottom: 15px;
}
.pgCliente .chamada p {
	float: left;
	width: 600px;
}

.pgCliente .chamada strong {
	padding-left: 25px;
	float: right;
	line-height: 46px;
	border-left: 1px solid #e7e7e7;
	color: #706e6e;
	font-weight: normal;
	font-size: 35px;
	font-family: 'Gudea';
}

.pgCliente .form {
	float: left;
	width: 390px;
}
.pgCliente .form ul li {
	overflow: hidden;
	clear: both;
	margin-bottom: 5px;
}
.pgCliente .form label {
	float: left;
	width: 70px;
	line-height: 21px;
	font-size: 12px;
	font-family: 'Gudea';
}


.pgCliente .form input[type="checkbox"]{float:left;margin-top:5px;}
.pgCliente .form label.autorizo{width:250px;margin-left:10px;}


.pgCliente .form input[type="text"],
.pgCliente .form .input {
	width: 318px;
	background: url("../../imagens/bg-input-txt.jpg") center top repeat-x #f6f6f6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 19px;
	border: 1px solid #c6c6c6;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #706e6e;
}



.pgCliente .form select.input {
	padding: 1px;
	height: 22px
}
.pgCliente .form textarea.input {
	height: 93px;
	background: url("../../imagens/bg-input-txt2.jpg") center top repeat-x #f6f6f6;
	padding: 0px;
}

.pgCliente .form input[type="submit"]{
	background-color: #585858;
	color: #fff;
	padding: 5px 15px;
	cursor: pointer;
	font-family: 'Gudea';
	font-size: 22px;
	border-radius: 5px;
}


.pgCliente .error{color:#ff0000;}
#formCliente input.error,
#formCliente textarea.error{border: 1px dotted #ff0000;background-image:none;background-color:#fdfea5;}
#formCliente label.error{width: 318px; float: right;}





/*********************** MURAL ******************/

.pgMural{
	margin-top: 35px;
	background: url(../../imagens/img-mural-fundo.png) top right no-repeat;
}
.pgMural p { 
	line-height: 23px;
}
.pgMural .v2{margin:15px 0px 10px 0px}

.pgMural .chamada {
	overflow: hidden;
}
.pgMural .chamada p {
	float: left;
	width: 600px;
}

.pgMural .chamada strong {
	padding-left: 25px;
	float: right;
	line-height: 46px;
	border-left: 1px solid #e7e7e7;
	color: #706e6e;
	font-weight: normal;
	font-size: 35px;
	font-family: 'Gudea';
}

.pgMural .form {
	float: left;
	width: 390px;
}
.pgMural .form ul li {
	overflow: hidden;
	clear: both;
	margin-bottom: 5px;
}
.pgMural .form label {
	float: left;
	width: 70px;
	line-height: 21px;
	font-size: 12px;
	font-family: 'Gudea';
}


.pgMural .form input[type="checkbox"]{float:left;margin-top:5px;}
.pgMural .form label.autorizo{width:250px;margin-left:10px;}


.pgMural .form input[type="text"],
.pgMural .form .input {
	width: 318px;
	background: url("../../imagens/bg-input-txt.jpg") center top repeat-x #f6f6f6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 19px;
	border: 1px solid #c6c6c6;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #706e6e;
}



.pgMural .form select.input {
	padding: 1px;
	height: 22px
}
.pgMural .form textarea.input {
	height: 93px;
	background: url("../../imagens/bg-input-txt2.jpg") center top repeat-x #f6f6f6;
	padding: 0px;
	resize:none;
}

.pgMural .form input[type="submit"]{
	background-color: #585858;
	color: #fff;
	padding: 5px 15px;
	cursor: pointer;
	font-family: 'Gudea';
	font-size: 22px;
	border-radius: 5px;
}


.pgMural .error{color:#ff0000;}
#formMural input.error,
#formMural textarea.error{border: 1px dotted #ff0000;background-image:none;background-color:#fdfea5;}
#formMural label.error{width: 318px; float: right;}

.pgMural section{overflow: hidden;}

.pgMural .listaPost{
	float:left;
	clear:both;
	margin-top:30px;
	width:100%;
}
.pgMural .listaPost li{
	padding: 10px 0px 10px 90px;
	background: url("../../imagens/img-mural-balao.png") center left no-repeat;
	border-top: 1px dotted #585858;
}
.pgMural .listaPost li:last-child{border-bottom: 1px dotted #585858;}
.pgMural .listaPost p {font-size:15px;}
.pgMural .listaPost p strong{font-weight: bold;}
.pgMural .listaPost span.data{font-size:12px;color:#ccc;}






/*********************** CONTATO ***************/
.pgContato{
	margin-top: 35px;
	height: 650px;
}
.pgContato p { 
	line-height: 23px;
}
.pgContato .v2{margin:15px 0px 10px 0px}

.pgContato .chamada {
	padding-bottom: 14px;
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;
	margin-bottom: 15px;
}
.pgContato .chamada p {
	float: left;
	width: 600px;
}

.pgContato .chamada strong {
	padding-left: 25px;
	float: right;
	line-height: 46px;
	border-left: 1px solid #e7e7e7;
	color: #706e6e;
	font-weight: normal;
	font-size: 35px;
	font-family: 'Gudea';
}

.pgContato .form {
	float: left;
	width: 390px;
}
.pgContato .form ul li {
	overflow: hidden;
	clear: both;
	margin-bottom: 5px;
}
.pgContato .form label {
	float: left;
	width: 70px;
	line-height: 21px;
	font-size: 12px;
	font-family: 'Gudea';
}
.pgContato .form input[type="text"],
.pgContato .form .input {
	width: 318px;
	background: url("../../imagens/bg-input-txt.jpg") center top repeat-x #f6f6f6;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 19px;
	border: 1px solid #c6c6c6;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #706e6e;
}
.pgContato .form select.input {
	padding: 1px;
	height: 22px
}
.pgContato .form textarea.input {
	height: 93px;
	background: url("../../imagens/bg-input-txt2.jpg") center top repeat-x #f6f6f6;
	padding: 0px;
}

.pgContato .form input[type="submit"]{
	background-color: #585858;
	color: #fff;
	padding: 5px 15px;
	cursor: pointer;
	font-family: 'Gudea';
	font-size: 22px;
	border-radius: 5px;
}


.pgContato .error{color:#ff0000;}
#formContato input.error,
#formContato textarea.error{border: 1px dotted #ff0000;background-image:none;background-color:#fdfea5;}
#formContato label.error{width: 318px; float: right;}



.pgContato .mapa {
	float: right;
	padding-left: 26px;
	width: 508px;
	border-left: 1px solid #dedede;
}
.pgContato .mapa iframe {
	border: 1px solid #dedede;
	margin-top: 10px;
}

.pgContato .mapa ul{
	font-family: 'Gudea';
	font-size: 16px;
	color: #505050;
	line-height: 20px;
	list-style-position:inside;
	list-style-type:disc;
}



/*radioonline*/
#RadioOnline{
	height:560px;
}
#pgRadioOnline{
	width:650px;
	margin:0 auto;
}
#pgRadioOnline #logo{width:100%;float:left;clear:both;margin-top:15px;}
#pgRadioOnline #logo img{float:left;}

#pgRadioOnline #logo #playercontainer{float:right;}
#pgRadioOnline #logo #playercontainer #player{margin-top:10px;float:left; font-family:'Gudea';font-size:12px; text-align:right; width:284px; height:38px; line-height:38px;}
#pgRadioOnline #logo #playercontainer #player p{display:none !important; background:transparent !important;}
#pgRadioOnline #logo #playercontainer #player #player642ea83819eea101e768e2d02cac7d5cdc920511{background:none !important;}
#pgRadioOnline #logo #playercontainer #sos{float:right;margin-top:13px;}
#pgRadioOnline #logo #playercontainer #sos img{margin-left: 5px;}


#pgRadioOnline #noticias{width:100%;float:left;clear:both;margin-top:10px;}
#pgRadioOnline #noticias .v2{padding:10px;background:#585858;color:#ffffff;font-size:18px;}
#pgRadioOnline #noticias ul li{
	float:left;
	clear:both;
	padding:10px 0;
	border-bottom:1px dotted #585858;
}

#pgRadioOnline #noticias ul li img{float:left;border:1px solid #ccc;}
#pgRadioOnline #noticias ul li .cont{
	float:left;
	width:500px;
	height:111px;
	overflow: hidden;
	padding-left:15px;
}
#pgRadioOnline #noticias ul li .v3{font-size:16px;font-weight:bold}