/* CSS Document */

	.colorBlue
	{
		background-color: #53869F;
	}
	
	.colorBlueLight
	{
		background-color: #93A8B6;
	}
	
	.transparency
	{
		filter: Alpha(Opacity=70); 
		opacity: .7;	
	}
	
	#menuEsquerda{
		width: 750px;
		display: table;
	}
	
	#footer
	{
		font: 10px Verdana, Arial, Tahoma;	
		min-height: 80px;
		padding: 0px 0px 0px 25px;
		display:table;
		text-align:left;
		width: 770px;		
	}
		
	
	#footer .right
	{
		width: 460px;
	}
	
	#footer .shopping
	{
		width: 300px;
		display: table;
	}
		
	#footer2
	{
		font: 10px Verdana, Arial, Tahoma;	
		min-height: 80px;
		margin: 15px 0px 10px 0px;
		padding: 0px 0px 0px 450px;
		display:table;
		text-align:left;
	}
	
	#footer2 DIV
	{
		margin:0px;
		padding: 0px;
	}
		
	
	#footer2 .right
	{
		padding-left: 10px;
		color: #000;	
		width: 300px;
		_width: 300px;
	}	

	#footerArea
	{
		background-color:#FFFFFF;
		min-height: 30px;
		filter: Alpha(Opacity=70); 
		opacity: .7;
		padding: 0px 7px 12px 7px;
		text-align:left;
		width: 754px;
	}
	
	frameset
	{
		border: none;
	}
	

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

	h3, h3 a
	{
		font: bold 10px Verdana, Arial, Tahoma;	
		color: #000;
		margin: 8px 0px; 
		padding: 0px;
		text-decoration: none;
	}
	
	h3 a:hover
	{
		color: #069;
	}
	
	
	.hidden
	{
		display: ;
		color: red;
	}
	
	
	#newsDestaque
	{
		padding-bottom: 3px;
	}
	
	
	#newsDestaque a
	{
		font: bold 10px Verdana, Arial,  Tahoma;		
		color: #000;
		text-decoration: none;
	}

	#newsDestaque
	{
		padding-top: 3px;
		display: table;
	}
	
	#newsDestaque h1
	{
		margin-top: 1px;
		padding-top: 1px;
	}
	
	
	#newsDestaque .imgConteiner
	{
		float: left;
		margin-left: 8px;
		overflow: hidden;
		width: 200px; 
	}
	
	#newsDestaque .imgConteiner img
	{
		border: 1px #fff solid;
		margin: 0px 2px 0px 2px;
		width: 68px;
	}
	
	
	#newsDestaque span a
	{
		font: bold 10px Arial, Verdana, Tahoma;	
		text-decoration: underline;
	}
	
	#mioloPage
	{
		width: 750px;
		min-height: 300px;
		background: url(../images/estrutura/bgbgbg.gif) no-repeat top;	
	}
	
	#mioloPage .firstLine
	{
		display: table;
		height: 150px;
		padding-top: 5px;
		width: 700px;
		padding-left: 30px;
		padding-top: 20px;
		overflow:hidden;
	}
	
	#mioloPage .firstLine .newsList
	{	
		display: table;
		border-bottom: 2px;
		width: 500px;
	}
	
	#mioloPage .firstLine .newsList .newsDisplay
	{
		display: table;
		margin: 0px 0px 6px 0px;
		padding: 0px;
		width: 230px;
		float: left;
		height: 60px;
	}
	
	#mioloPage .firstLine .newsList .newsDisplay li
	{
		display: inline;
		float: left;
	}
	
	#mioloPage .firstLine .newsList .newsDisplay  .date
	{
		background-color: #a19a7e;
		border: 1px #5f5a46 solid;
		font: bold 12px Arial, Verdana, Tahoma;
		color: #FFF;
		clear: left;
		height: 35px;
		margin: 0px; 
		margin-bottom: 4px; 
		padding-top: 5px;
		text-align: center;
		width: 40px;
		float: left;
	}
	
	#mioloPage .firstLine .newsList .newsDisplay  .description
	{
		color: #7c7656;
		font: 10px Arial, Verdana, Tahoma;  
		margin-bottom: 8px; 		
		padding: 0px 0px 0px 4px;
		width: 175px;
	}

	
	#mioloPage .firstLine .newsList .newsDisplay li.description a
	{
		font: 10px Arial, Verdana, Tahoma;  
		color: #7c7656;
		text-decoration: none;
	}
	
	#mioloPage .firstLine .newsList .newsDisplay li.description a:hover
	{
		color: #333;
	}	
		
	#mioloPage .fotosHome
	{
		overflow: hidden;
		float: left;
		width: 200px;
		height: 140px;	
	}
	
	#mioloPage .firstLine .clipes
	{	
		width: 145px;
		float: left;
		padding-top: 0px;
		padding-right: 50px;			
		height: 140px;	
	}

	#mioloPage .firstLine .clipes .image
	{
		background-repeat: no-repeat;
		background-position: 0px 0px;
		border:  2px #5F5A46 solid;
		clear: right;
		cursor: hand;
		height: 79px;
		overflow: hidden;
		text-align: left;
		width: 133px;
	}

	#mioloPage .firstLine .clipes .text
	{
		margin-top: 2px;
		clear: left;
		text-align: left;
		font: 9px Verdana, Arial, Tahoma;
		color: #000000;
		width: 150px;
	}
	
	#mioloPage .firstLine .clipes a
	{
		text-decoration: none;
	}
	
	#mioloPage .firstLine .one
	{	
		display: table;
	}
	
	#mioloPage .firstLine .two
	{	
		width: 150px;
	}

	#mioloPage .firstLine .two .image
	{
		background-repeat: no-repeat;
		background-position: 0px 0px;
		border:  2px #70433E solid;
		clear: right;
		cursor: hand;
		height: 79px;
		overflow: hidden;
		text-align: left;
		width: 133px;
	}

	#mioloPage .firstLine .two .text
	{
		margin-top: 2px;
		clear: left;
		text-align: left;
		width: 80%;
	}

	
	#mioloPage .firstLine .three
	{
		float: left;
		width: 190px;
	}
	
	
	#mioloPage .secondLine
	{
		display: table;
		height: 170px;
		padding-top: 5px;
		width: 700px;
		padding-left: 30px;
		padding-top: 20px;
	}
	
	#mioloPage .secondLine .agenda
	{	
		display: table;
		margin: 0px 0px 6px 0px;
		padding: 0px;
		width: 230px;
		float: left;
		height: 60px;
	}
	
	#mioloPage .secondLine .agenda li
	{
		display: inline;
		float: left;
	}
	
	#mioloPage .secondLine .agenda .date
	{
		background-color: #a19a7e;
		border: 1px #5f5a46 solid;
		font: bold 12px Arial, Verdana, Tahoma;
		color: #FFF;
		clear: left;
		height: 45px;
		display: table;
		margin-bottom: 4px;
		text-align: center;
		width: 40px;
		float: left;
	}
	
	#mioloPage .secondLine .agenda .description
	{
		color: #7c7656;
		font: 10px Arial, Verdana, Tahoma;  
		margin-bottom: 8px; 		
		padding: 0px 0px 0px 4px;
		width: 175px;
	}

	
	#mioloPage .secondLine .agenda li.description a
	{
		font: 10px Arial, Verdana, Tahoma;  
		color: #7c7656;
		text-decoration: none;
	}
	
	#mioloPage .secondLine .agenda li.description a:hover
	{
		color: #333;
	}
	
	#mioloPage .secondLine div
	{
		display: inline;
		float: left;	
	}
	
	#mioloPage .secondLine .one 
	{
		margin: 0px 2px 0px 3px;
		width: 200px;
	}
	
	#mioloPage .secondLine .one .muralArea
	{	
		margin-bottom: 2px;	
	}
	
	#mioloPage .secondLine .one .blocoShopping
	{	
		width: 300px;
		display: table;
	}
	
	#mioloPage .muralLine
	{
		display: table;
		height: 140px;
		padding-top: 5px;
		width: 700px;
		padding-left: 30px;
		padding-top: 20px;
	}
	
	#mioloPage .muralArea
 	{
 		font: 10px Verdana, Arial, Tahoma;
		display: table;
		float: left;
		width: 440px;
 	}
	
	#mioloPage .muralLine .toques
	{	
		width: 200px;
	}
	
	.blocoShopping
	{
		width: 770px;
		padding-top: 10px;
		display:table;
	}
	
	#mioloPage .one .left
	{
		color: #000;	
		width: 400px;
	}		
	
	#mioloPage .one .left img
	{
		border: 0px;
	}
	
	#mioloPage .secondLine .two
	{
		margin: 0px 2px 0px 2px;
		height: 130px;
		width: 210px;
		overflow: hidden;		
		float: left;
		display:table;
	}
	
	#mioloPage .thirdLine
	{
		height: 190px;
		margin: 0px;
		overflow: hidden;
		text-align: right;
		width: 540px;		
	}
	
	#mioloPage .thirdLine div
	{
		display: inline;
		float: left;	
	}
		
	#mioloPage .phoneArea
	{	
		background: url("../images/estrutura/sms.gif") no-repeat right top;
		display: table;
		height: 120px;
		_height: 100px;
		margin: 5px 0px 0px 0px;
		width: 186px;		
	}
	
	#mioloPage .phoneArea .submit
	{	
		background: url("../images/estrutura/phone_submit.jpg") no-repeat -5px -4px;	
		border: 0px;
		cursor: hand;
		height: 22px;
		margin: 5px 0px 0px -3px;
		width: 112px;		
	}
			
	#mioloPage  .blocoagenda
	{	
		width: 490px;
	}
	
	#mioloPage a
	{
		font: bold 10px Arial, Verdana, Tahoma;	
		color: #7c7656;
		text-decoration: none;
	}
	
	
	#mioloPage .agenda li
	{
		display: inline;
		float: left;
		margin: 0px;
		padding: 0px;
	}
	
	#mioloPage  .agenda .date
	{
		background-color: #70433E;
		font: bold 12px Arial, Verdana, Tahoma;
		color: #fff;
		height: 46px;
		margin: 0px; 
		text-align: center;
		width: 36px;
	}
	
	 #mioloPage .agenda .date div
	{
		background-color: #fff;
		font: 20px 'Arial Black', Arial, Verdana, Tahoma;  
		color: #000;
		height: 29px;
		margin: 0px 2px 0px 2px;
		text-align: center;
		width: 32px;
	}	
	
	 #mioloPage .agenda .description
	{
		color: #000;
		display: table;
		font: 10px Verdana, Tahoma, Arial;  		
		margin: 0px; 
		margin-bottom: 2px; 
		padding: 0px 0px 10px 4px;
		width: 145px;
	}
	
	 #mioloPage .agenda .description div
	{
		margin: 0px;
		padding: 0px;
	} 
	
	
	 #mioloPage .agenda li.description a
	{
		font: italic bold 10px Arial, Verdana, Tahoma;  
		color: #000;
		text-decoration: none;
	}
	
	 #mioloPage .agenda li.description a:hover
	{
		color: #333;
	}	

	 #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 10px  Arial, Tahoma; 		
		color: #000;
	}
	
	 #mioloPage #right dd
	{
		font: 10px  Verdana,Arial, Tahoma; 		
		margin: 0px 0px 10px 0px;
		overflow: hidden;
		width: 195px;
	}

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

	#mobileSMS #mobile-ddd
	{
		width: 25px;
	}
	
	#mobileSMS #mobile-tel
	{
		width: 75px;	
	}
	
 	#mobileSMS .title
 	{
		font: 10px Verdana, Arial, Tahoma; 	 	
 	}
 	
 	#mobileSMS .text
 	{
		font: 10px Verdana, Arial, Tahoma; 	 
		margin-top: 4px;
 	} 	
 		
 	#mobileSMS .textarea
 	{
		font: 10px 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;
		padding: 0px;
		width: 190px;
	}
	
	#muralHorizontal div
	{
		margin: 0px;
		padding: 0px;
	}
	
	#muralHorizontal li
	{
		margin:0px;
		display: inline;
		float: left;
		padding: 0px 10px 5px 0px;
		width: 190px;
	}	
	
	
	.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: #000;
	}
	
	#muralHorizontal a:hover
	{
		color: #000;
	}	
	
	#pages
	{
		background-color: #F2F2F2;
		overflow: hidden;
		padding: 3px 0px;
		width: 670px;
	}
	

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

	
	#pages li
	{
		display: inline;
		float: left;
	}
		
	#pages li a
	{
		border: 3px #F2F2F2 solid;
		font: 12px  Verdana,Arial, Tahoma; 	
		color: #333;
		padding: 3px;
		text-decoration: none;	
	}
	
	#pages li a:hover
	{
		color: #069;
		text-decoration: underline;
	}	
	
	#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: 10px Verdana,Arial, Tahoma; 		
		width: 265px;
	}	
	
	
	#sendMailForm .titulo
	{
		font: 10px Verdana,Arial, Tahoma; 		
	}
	
	
	#sendmail .subtitle
	{
		font: bold 10px Verdana,Arial, Tahoma; 			
	}
	
	
	#shoppingItens
	{
		margin: 0px;
		padding: 0px;
	}
	
	#shoppingItens li
	{
		display: inline;
		float: left;
		margin-left: 1px;
	}
	
	#shoppingItens li a
	{
		font: bold 10px Verdana, Arial, Tahoma; 	
		color: #333;
		text-align: center;
		text-decoration: none;
	}
	
	#topoPagina
	{
		_height: 161px;
		margin: 0px;
		padding: 0px;
		width: 780px;
	}
	
	#blocoRadio
	{
		text-align: left;
		display:table;
		width: 405px;
		height: 90px;
	}
	
	#blocoRadio .radio
	{
		overflow: hidden;
		text-align: left;
		padding-top: 0px;
		float: left;
		margin-right: 13px;
	}
	
	#blocoRadio .radio .podcastArea
	{
		overflow: hidden;
		text-align: left;
	}	
	
	#blocoRadio .radio .podcastArea div
	{
		color: #000;
		display: inline;
		float: left;
	}
	
	
	#blocoRadio .radio .podcastArea .titulo
	{
		font: bold 10px Verdana, Arial, Tahoma; 		
	}
	
	#blocoRadio .radio .podcastArea .texto
	{
		font: 10px Verdana, Arial, Tahoma; 		
	}
	
	#blocoRadio .radio .podcastArea div
	{
		color: #000;
		display: inline;
		float: left;
	}
	
	
	#blocoRadio .radio .podcastArea .titulo
	{
		font: bold 10px Verdana, Arial, Tahoma; 		
	}
	
	#blocoRadio .radio .podcastArea .texto
	{
		font: 10px Verdana, Arial, Tahoma; 		
	}	
	
	#topoHome
	{
		margin: 0px 0px 0px 0px; 
		height: 130px;
		padding-top: 2px;
		width: 780px;
		overflow: hidden;
	}
		
	#topoPage
	{
		margin: 0px;
		padding: 0px;
		width: 800px;
	}

	#topoPage DIV
	{
		display: inline;
		float: left;
		height: 100%;
	}
	
	#topoPage .left
	{
		overflow: hidden;
		text-align: right;
		padding-right: 50px;
		width: 350px;
	}
	
	#topoPage .right
	{
	
		_background: none; 	
		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;
	}
	
	
	#topoPage .podcastArea div
	{
		color: #000;
		display: inline;
		float: left;
		padding: 2px;
	}
	
	
	#topoPage .podcastArea .titulo
	{
		font: bold 10px Verdana, Arial, Tahoma; 		
	}
	
	#topoPage .podcastArea .texto
	{
		font: 10px Verdana, Arial, Tahoma; 		
	}	
	
	#toquesPhone
	{
		background: url("../images/estrutura/alertasms.jpg") no-repeat right 0px;
		display: table;
		height: 100%;
		_height: 100%;
		padding-top: 20px;
		width: 200px;
	}
	
	#toquesPhone p
	{
		display: inline;
		float: left;
	}
	
	#toquesPhone select
	{
		border: 1px #000 solid;
		margin: 0px;
		margin-bottom: 2px;
		padding: 2px;
		height: 80px;
		width: 160px;
	}
	
	#obs
	{
		border: 1px #FFF solid;
		font: 10px Verdana, Arial, Tahoma; 
		color: #000;		
		padding: 10px;
		width: 665px;
	}