/* CSS Document */

	body 
	{
		background-color: #fff;
		background-repeat: no-repeat;
		background-position:  0 44px;
	}

	*
	{
		font: normal 12px arial, Verdana, Tahoma;
	}
	
	
	#cd
	{
		height: 200px;
		left: 0px;
		position: absolute;
		top: 50px;
		overflow: hidden;
		width: 165px;
	}

	.colorBlue
	{
		background-color: #38021f;
	}
	
	.colorBlueLight
	{
		background-color: #93A8B6;
	}
	
	.transparency
	{
		filter: Alpha(Opacity=70); 
		opacity: .7;	
	}
	
	#footer
	{
		display: table;
		font: 10px Verdana, Arial, Tahoma;	
		height: 151px;
		margin: 20px 0px 0px 0px;
		padding: 0px;
		text-align: left;
		width: 478px;
		float: left;
	}

	frameset
	{
		border: none;
	}
	

	h1
	{
		color: #000;
		font: bold 14px Verdana, Arial, Tahoma;
		margin: 15px 0px 5px 0px;
	}
	

	h3, h3 a
	{
		font: bold 10px Verdana, Arial, Tahoma;	
		color: #000;
		margin: 8px 0px; 
		padding: 0px;
		text-decoration: none;
	}
	
	h3 a:hover
	{
		color: #666;
	}
	
	
	#newsDestaque
	{
		padding: 10px 0px 7px 0px;
	}
	
	
	#newsDestaque a
	{
		font: bold 10px Verdana, Arial,  Tahoma;		
		color: #000;
		text-decoration: none;
	}
	
	#newsDestaque h1
	{
		margin-top: 1px;
		padding-top: 1px;
	}
	
	
	#newsDestaque .imgConteiner
	{
		
		float: left;
		height: 130px;
		margin-left: 8px;
		overflow: hidden;
		width: 162px; 
	}
	
	
	#newsDestaque .imgConteiner img
	{
		border: 1px #fff solid;
		margin: 0px 2px 0px 2px;
		width: 68px;
	}
	
	
	#newsDestaque span a
	{
		font: bold 11px Arial, Verdana, Tahoma;	
		text-decoration: underline;
	}
	
	#newsList
	{	
		margin: 0px;
		padding: 0px;
	}
	
	#newsList a
	{
		font: 9px Arial, Verdana, Tahoma;
		color: #000;	
	}

	
	#newsList a:hover
	{
		color: #333;
	}	
	
	
	#newsList ul
	{
		display: inline;
		float: left;
		margin: 0px 0px 4px 4px;
		padding: 0px;
		width: 190px;
	}
	
	#newsList li
	{
		display: inline;
		float: left;
		line-height: 12px;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}
	
	#newsList .date
	{
		background-color: #3c3c3c;
		border: 1px #fff solid;
		font: bold 10px Arial, Verdana, Tahoma;
		color: #D1C9B8;
		height: 40px;
		margin: 4px 0px; 
		padding: 0px;
		text-align: center;
		width: 35px;
	}
	
	#newsList .description
	{
		color: #000;
		font: 9px Arial, Verdana, Tahoma;  
		margin: 4px 0px 0px 0px; 		
		padding: 0px 0px 0px 6px;
		font-weight: none;
		width: 140px;
	}

	
	#newsList li.description a
	{
		font: italic bold 11px Arial, Verdana, Tahoma;  
		color: #000;
		text-decoration: none;
		font-weight: normal;
		font-style: normal;
	}
	
	#newsList li.description a:hover
	{
		color: #544000;
	}	


	#basePage
	{
		display: table;	
		margin: 0px; 
		width: 478px;
		height: auto;
		float: left;
	}

	#mioloPage
	{
		display: table;	
		margin: 13px 0px 0px 32px; 
		text-align: left;
		width: 446px;
		float: left;
	}

	#mioloPage .firstColumn
	{
		overflow: hidden;
		width: 198px;
		margin: 0px;
	}
		
	#mioloPage .secondColumn
	{
		margin: 0px 0px 0px 20px;
		overflow: hidden;
		width: 228px;
	}
	
	#podcastColumn
	{
		float: left;
		width: 159px;
		/*margin: 150px 0px 0px 149px;*/
		height: 142px;
		overflow: hidden;
		background: url('../images/estrutura/radio_bg.gif') no-repeat 0px;
		position: absolute;
		left: 620px;
		top: 366px;
	}
		
	#mioloPage .firstLine
	{
		height: 253px;
		width: 638px;
	}
	
	#mioloPage .columns
	{
		display:inline;
		float: left;
		height: 100%;
	}	

	#mioloPage .firstLine .first
	{
		height: 195px;
		padding: 50px 0px 0px 30px;
		overflow: hidden;
		width: 180px;
	}
	
	#mioloPage .firstLine .second
	{
		width: 420px;
	}
	
	#mioloPage .firstLine .second .firstSubLine
	{
		height: 100px;
		overflow: hidden;
		width: 100%;
	}	
		
	#podcastColumn .podcastArea
	{
		margin: 55px 0px 0px 9px;
		width: 150px;
		height: 87px;		
	}
	
	#podcastColumn .podcastArea .description
	{
		width: 90px;
	}
	
	#podcastColumn .podcastArea .description .titulo
	{
		color: #fff;
		font: 11px Arial, Verdana, Tahoma;		
	}
	
	#podcastColumn .podcastArea .description .texto
	{
		color: #ae9c7d;	
		font: 13px Arial, Verdana, Tahoma;
		margin-left: 6px;
	}
	
	#podcastColumn .podcastArea .podcastButtons	
	{
		width: 90px;
		margin: 10px 0px 0px 0px;	
	}
	
	#mioloPage .photosArea
	{
		display: table;
		background: url('../images/estrutura/fotos_bg_index.gif') no-repeat 0px;
		width: 198px;
		height: 110px;
	}	
	
	#photosDisplay
	{
		display: table;
		margin: 0px;
		padding: 0px;
		width: 170px;
	}
	
	#photosDisplay .photoTitle
	{
		display: table;
		margin: 0px;
		padding: 0px;
		width: 198px;
		height: 36px;
	}
	
	#photosDisplay .imgConteiner
	{
		width: 198px;
		height: 70px;
		margin: 4px 0px 0px 4px;
		text-align: left;
		color: #000;
		font: 11px Arial, Verdana, Tahoma;
	}
	
	#photosDisplay .imgConteiner a
	{
		color: #000;
		font: 11px Arial, Verdana, Tahoma;
	}
	
	#photosDisplay .imgConteiner a:hover
	{
		color: #69383e;
	}
	
	
	#photosDisplay .image
	{
		border: 1px #fff solid;
		heigth: 40px;
		margin: 0px 6px 0px 0px;
		width: 70px;
	}	
	
	#mioloPage .firstLine .second .secondSubLine
	{
		height: 150px;
		overflow: hidden;
		width: 100%;
	}	
	
	
	#mioloPage .clipesArea
	{
		width: 228px;
		height: 146px;
		background: url('../images/estrutura/videos_bg_index.gif') no-repeat 0px;
		margin: 0px;
		padding: 0px;
	}	
	
	#mioloPage .clipesArea .videosArea
	{
		margin: 3px 0px 0px 4px;
	}

	#mioloPage .clipesArea .videosArea .image
	{
		background-repeat: no-repeat;
		background-position: 0px 0px;
		border:  2px white solid;
		cursor: hand;
		height: 79px;
		overflow: hidden;
		margin-left: 0px;
		text-align: left;
		width: 133px;
	}
	
	#mioloPage .clipesArea .videosArea div
	{
		clear: both;
	}

	#mioloPage .clipesArea .videosArea .text
	{
		margin-top: 2px;
		cleat: left;
		text-align: left;
		width: 100%;
	}	

	#mioloPage .clipesArea .videosArea a
	{
		font-size: 11px;
		font-weight: normal;
		color: #000;
	}	

	#mioloPage .clipesArea .videosArea a:hover
	{
		font-size: 11px;
		font-weight: normal;
		color: #69383e;
	}	

	#mioloPage .clipesArea .videosTitle
	{
		display: table;
		margin: 0px;
		padding: 0px;
		width: 228px;
		height: 36px;
	}

	#mioloPage .muralArea
	{
		overflow: hidden;
		width: 228px;
		height: 168px;
	}
	
	#mioloPage .mural
	{
		margin: 0px;
		padding: 0px;
	}

	#mioloPage .mural div
	{
		float: left;
		height: 49px;
		margin: 0px;
		padding: 0px;
	}

	#mioloPage .mural dl
	{
		float: left;
		height: 119px;
		margin: 0px;
		width: 210px;
		line-height: 12px;	
	}	
	
	#mioloPage .mural dt
	{
		font: bold 11px Arial, Verdana, Tahoma;	
		color: #000;
		font-style: italic;
		text-transform: uppercase;
		line-height: 12px;
		margin: 8px 0px 0px 4px;
	}
	
	#mioloPage .mural dd 
	{
		margin: 6px 0px 0px 4px;
	}
	
	#mioloPage .mural dd a
	{
		font: 11px Arial, Verdana, Tahoma;	
		color: #000;	
	}	
	
	#mioloPage .mural dd a:hover
	{
		color: #69383E;		
	}
	
	#mioloPage .secondLine
	{
		height: 130px;
		margin: 0px;
		width: 632px;		
	}	
	
	#mioloPage .ministracaoArea
	{	
		padding: 0px 0px 0px 0px;	
		width: 250px;	
	}
	
	#mioloPage .newsArea
	{
		margin: 0px;
		padding: 0px;	
		width: 198px;
		height: 159px;
	}
	
	#mioloPage .toquesArea
	{
		background: url("../images/estrutura/toques_index.gif") no-repeat 90px 0px;
		color: #000;
		height: 121px;
		width: 228px;
		margin: 4px 0px 0px 0px;
	}


	#mioloPage .phoneArea
	{	
		background: url("../images/estrutura/alertasms.gif") no-repeat right top;
		display: table;
		height: 120px;
		margin: 12px 0px 0px 10px;
		overflow: hidden;
		width: 190px;		
	}
	
	#mioloPage  .phoneArea .submit
	{	
		background: url("../images/estrutura/phone_submit.gif") no-repeat -1px -4px;	
		border: 0px;
		cursor: hand;
		height: 22px;
		margin: 4px 0px 0px 0px;
		width: 114px;		
	}
	

		
	#mioloPage DIV
	{
		display: inline;
		float: left;	
	}
	


	#mioloPage #left
	{
		margin-left: 35px;
		padding-top: 25px;
		width: 600px;
	}
	
	#mioloPage #left .tituloMiolo
	{
		margin: 0px 0px 0px 150px;
		width: 450px;
	}
	
	
	 #mioloPage #middle
	{
		overflow: hidden;
		width: 235px;
	}
		
	 #mioloPage .agendaIndex
	{	
		margin: 0px;
		padding: 0px;
		width: 198px;
	}
	
	 #mioloPage .agendaIndex .content
	{	
		margin: 0px;
		padding: 0px;
		width: 198px;
	}
	
	#mioloPage a
	{
		font: bold 11px Arial, Verdana, Tahoma;	
		color: #000;
		text-decoration: none;
	}
	
	#mioloPage a:hover
	{
		color: #69383e;
	}
	 	
	#mioloPage .thirdColumn #breakLine
	{
		clear: right;
		margin-top: 10px;
		width: 170px;
	}
	
	#mioloPage .thirdColumn #breakLine img
	{
		width: 80px;
	}
	
	#mioloPage .thirdColumn .item img
	{
		width: 74px;
	}
	
	 #mioloPage .agendaIndex li
	{
		display: inline;
		float: left;
		margin: 0px;
		padding: 0px;
	}
	
	 #mioloPage .agendaIndex .date
	{
		background-color: #3c3c3c;
		border: 1px #fff solid;
		clear: left;
		display: table;
		font: bold 12px Arial, Verdana, Tahoma;
		color: #d1c9b8;
		height: 49px;
		margin: 8px 0px 0px 3px;
		padding: 0px;
		text-align: center;
		width: 39px;
	}
	
	 #mioloPage .agendaIndex .date div
	{
		font: 20px 'Arial Black', Arial, Verdana, Tahoma;  
		color: #d1c9b8;
		height: 29px;
		margin: 0px 2px 0px 2px;
		text-align: center;
		width: 32px;
	}	
	
	 #mioloPage .agendaIndex .description
	{
		color: #000;
		display: table;
		font: 11px Verdana, Tahoma, Arial;  
		margin: 8px 0px 2px 2px; 
		padding: 0px 0px 10px 4px;
		width: 148px;
	}
	
	 #mioloPage .agendaIndex .description div
	{
		margin: 0px;
		padding: 0px;
		width: 120px;
	} 
	
	
	 #mioloPage .agendaIndex li.description a
	{
		font: 11px Arial, Verdana, Tahoma;  
		color: #000;
		text-decoration: none;
	}
	
	 #mioloPage .agendaIndex li.description a:hover
	{
		color: #69383E;
	}	
	

	

	 #mioloPage #right .phoneArea
	{
		background: url("../images/estrutura/alertasms.gif") no-repeat 120px top;	
		height: 120px;
		_height: 100px;
		margin: 6px 0px 10px 13px;
		padding-top: 5px;
		width: 230px;		
	}	
	
	
	 #mioloPage #right dl
	{
		border-bottom: 2px #333 dotted;
		margin: 4px 0px 10px 19px;

	}
	
	 #mioloPage #right dt
	{
		font: italic bold 11px  Arial, Tahoma; 		
		color: #FFF;
	}
	
	 #mioloPage #right dd
	{
		font: 11px  Verdana,Arial, Tahoma; 		
		margin: 0px 0px 10px 0px;
		overflow: hidden;
		width: 195px;
	}

	 #footer .produtos
	{
		/*
		width: 260px;
		*/
		height: 80px;
		padding: 0px;
		margin: 0px 0px 0px 10px;
		float: left;
	}	
	
	#footer .bannerfull
	{
		width: 468px;
		height: 80px;
		padding: 0px 5px;
		margin: 10px 0px 0px 0px;
		float: left;
		color: #666666;
	}	

	 #mioloPage #right h1
	{
		width: 215px;
	}
	
	 #mioloPage h1
	{
		padding: 0px;
		text-align: right;
	}

	#mobileSMS #mobile-ddd
	{
		width: 25px;
	}
	
	#mobileSMS #mobile-tel
	{
		width: 75px;	
	}
	
 	#mobileSMS .title
 	{
		font: 11px Verdana, Arial, Tahoma; 	 	
 	}
 	
 	#mobileSMS .text
 	{
		font: 11px Verdana, Arial, Tahoma; 	 
		margin-top: 4px;
 	} 	
 		
 	#mobileSMS .textarea
 	{
		font: 11px Verdana, Arial, Tahoma; 	 
		margin-top: 4px;
		width: 60%;	
 	}

 	
	
	.muralLink
	{
		color: #333;
		text-decoration: none;
	}
	
	.muralLink:hover
	{
		color: #666;
	}
	
	.muralVerTodos
	{
		text-align: right;
		margin: 0px;
		padding: 0px;
	}
	
	#muralHorizontal
	{
		margin: 0px 0px 3px 2px;
		overflow: hidden;
		width: 315px;
	}
	
	#muralHorizontal div
	{
		margin: 0px;
		padding: 0px;
	}
	
	#muralHorizontal li
	{
		display: inline;
		float: left;
		padding: 0px 10px 10px 0px;
		width: 145px;
	}	
	
	
	.muralHorizontalLink
	{
		height: 18px;
		text-align: right;
		margin: 0px;
		padding: 0px;
		width: 290px;
	}
		
	
	
	#muralHorizontal .title
	{
		font: italic bold 10px Verdana, Arial, Tahoma; 	
		color: #000;
	}
		
	#muralHorizontal a
	{
		font: 10px Verdana, Arial, Tahoma; 	
		color: #fff;
	}
	
	#muralHorizontal a:hover
	{
		color: #666;
	}	
	
	#pages
	{
		background-color: #d1c9b8;
		padding: 3px 0px;
		width: 430px;
		height: auto;
		text-align: center;
		margin: 0px 0px 3px 0px;
	}
	

	#pages ul
	{
		height: 17px;
		margin: 0px;
		padding: 0px; 	
		width: 100%;
	}

	
	#pages li
	{
		display: inline;
		float: left;
	}
		
	#pages li a	{
		font: 12px  Verdana,Arial, Tahoma; 	
		color: #fff !important;
		padding: 3px;
		font-weight: bold; text-decoration: none;
	}
	* html #pages li a	{ padding: 1px; }
	* + html #pages li a	{ padding: 1px; }

	#pages li a:hover { color: #ccc !important; }	
	
	.right
	{
		text-align: right;
		width: 350px;
	}
	
	#sendmail
	{
		background-color: #fff;
		margin: 10px;
		height: 300px;
		_height: 160px;
		width: 280px;
		_width: 268px;
	}
	
	
	#sendmail h1
	{
		background-color: #F2F2F2;
		border-bottom: 1px #ccc solid;
		padding: 6px;
		width: 268px;
		_width: 100%;
	}
	
	
	#sendMailForm
	{
		margin: 0px;
		padding: 4px;
	}
	
	#sendMailForm .text
	{
		font: 11px Verdana,Arial, Tahoma; 		
		width: 265px;
	}	
	
	
	#sendMailForm .titulo
	{
		font: 11px Verdana,Arial, Tahoma;		
	}
	
	
	#sendmail .subtitle
	{
		font: bold 11px Verdana,Arial, Tahoma; 			
	}
	
	
	#shoppingItens
	{
		margin: 0px;
		padding: 0px;
		float: left;
	}
	
	#shoppingItens li
	{
		display: inline;
		float: left;
		margin: 0px;
	}
	
	#shoppingItens li a
	{
		font: bold 10px Verdana, Arial, Tahoma; 	
		color: #333;
		text-align: center;
		text-decoration: none;
	}	

	#topoPage
	{
		width: 478px;
		height: 166px;
		padding: 0px;
		display: table;
		overflow: hidden;
		clear: both;		
	}

	#topoPage DIV
	{
		display: inline;
		float: left;
		height: 100%;
	}
	
	#topoPage .left
	{
		_height: 250px;
		overflow: hidden;
		text-align: right;
		padding-right: 30px;
		width: 370px;
	}	
	
	#topoPage .right
	{
		padding-top: 160px;
		overflow: hidden;
		width: 370px;
	}	
	
	#topoPage .right div
	{
		display: inline;
		float: left;
	}
		
	#topoPage .right .radio
	{
		overflow: hidden;
		height: 90px;
		width: 165px;
	}	
	
	#topoPage .right .fotos
	{
		overflow: hidden;
		height: 100px;
		width: 175px;
	}
	

	#toquesPhone
	{
		display: table;
		height: 81px;
		padding: 30px 0px 0px 5px;
		width: 225px;
	}
	
	#toquesPhone a
	{
		font: bold 11px Verdana, Arial, Tahoma; 
		color: #000;
	}
	
	#toquesPhone a:hover
	{
		color: #000;
		text-decoration: underline;		
	}	
	
	#toquesPhone p
	{
		display: inline;
		float: left;
	}

	#toquesPhone select
	{
		border: 1px #fff solid;
		margin: 0px;
		margin-bottom: 2px;
		padding: 2px;
		height: 80px;
		width: 160px;
	}

	#mioloPage .obs
	{
		border: 1px #afafaf solid;
		font: 11px Verdana, Arial, Tahoma; 
		color: #000;		
		padding: 10px;
		width: 408px;
		margin: 10px 0px 0px 0px;
	}

	#mioloPage .historico,
	#mioloPage .historico a 
	{
		font: 10px Verdana, Arial, Tahoma;	
		color: #666;
		text-decoration: none;		
	}
	
	#mioloPage .historico a:hover
	{
		color: #69383E;
	}