/* CSS Document */


	#calendar
	{
		width: 380px;
	}
		
	#flyer
	{
		height: 210px;
		left: 479px;
		position: absolute;
		top: 151px;
		overflow: hidden;
		width: 340px;
	}

	.colorBlue
	{
		background-color: #53869F;
	}
	
	.colorBlueLight
	{
		background-color: #93A8B6;
	}
	
	.transparency
	{
		filter: Alpha(Opacity=70); 
		opacity: .7;	
	}
	
	#footer
	{
		display: table-cell;
		font: 10px Verdana, Arial, Tahoma;
		height: 90px;
		min-height: 80px;
		margin: 0px;
		padding: 0px;
		text-align:left;
		width: 790px;		
	}
	
	
	#footer DIV
	{
		float: left;
		display: inline;
		margin:0px;
		padding: 0px;
	}

	
	#footer .left
	{
		float: left;
		color: #FFF;
		width: 470px;
	}		
	
	#footer img
	{
		border: 0px;
	}
	
	#footer .right
	{
		float: left;
		color: #FFF;	
		width: 310px;
	}

	
	frameset
	{
		border: none;
	}
	

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

	h3, h3 a
	{
		font: 10px Verdana, Arial, Tahoma;	
		color: #000;
		margin: 8px 0px; 
		padding: 0px;
		text-decoration: none;
	}
	
	h3 a:hover
	{
		color: #666;
	}
	

	
	#newsDestaque
	{
		padding-bottom: 7px;
	}
	
	#newsDestaque a
	{
		font: 10px Verdana, Arial,  Tahoma;		
		color: #fff;
		text-decoration: none;
	}

	#newsDestaque
	{
		padding-top: 10px;
	}
	
	#newsDestaque h1
	{
		margin-top: 1px;
		padding-top: 1px;
	}
	
	
	#newsDestaque .imgConteiner
	{
		float: left;
		height: 130px;
		margin: 0px;
		margin-left: 8px;
		overflow: hidden;
		width: 210px; 
	}
	
	
	#newsDestaque .imgConteiner img
	{
		border: 1px #fff solid;
		margin: 0px 6px 0px 6px;
		width: 68px;
	}
	
	
	#newsDestaque span a
	{
		font: bold 11px Arial, Verdana, Tahoma;	
		text-decoration: underline;
	}
	
	#newsList
	{	
		height: 150px;
		margin: 10px 0px 0px 10px;
		padding: 0px;
		width: 180px;
	}
	

	#newsList ul
	{
		display: inline;
		float: left;
		margin: 5px 0px 4px 8px;
		padding: 0px;
		width: 250px;
	}
	
	.newsDisplay li
	{
		display: inline;
		float: left;
		height: 100%;
		margin: 0px ;
		height: 0px;
		
	}
	
	.newsDisplay  .date
	{
		background-color: #623b4e;
		border: 1px #ccc solid;
		font: bold 11px Arial, Verdana, Tahoma;
		color: #FFF;
		height: 38px;
		margin: 0px; 
		padding: 0px;
		text-align: center;
		width: 32px;
	}
	
	.newsDisplay  .description
	{
		line-height: 10px;
		margin: 0px 4px 0px 4px; 
		padding: 0px;
		width: 150px;
	}

	
	.newsDisplay a
	{
		font: 10px Arial, Verdana, Tahoma;  
		color: #000;
		line-height: 10px;
		text-decoration: none;
	}
	
	.newsDisplay a:hover
	{
		color: #666;
	}	

	#mioloPage
	{
		display: table;	
		margin: 0px; 
		text-align:left;
		width: 792px;
	}

	#mioloPage #firstColumn
	{
		display: table;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		width: 380px;
	}
	

	#mioloPage #firstColumn .newsArea
	{
		float:left;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		width: 190px;
	}	
	
	#mioloPage #firstColumn .calendarArea
	{
		height: 100px;
		padding: 0px;
		overflow: hidden;
		width: 377px;
	}
	
	#mioloPage #firstColumn .clipesArea
	{
		padding:0px 0px 0px 5px;
		overflow: hidden;
		width: 165px;
	}		
	
	#mioloPage #firstColumn .clipesArea .image
	{
		background-repeat: no-repeat;
		background-position: 0px 0px;
		border:  2px black solid;
		clear: right;
		cursor: hand;
		height: 79px;
		overflow: hidden;
		margin-left: 10px;
		text-align: left;
		width: 133px;
	}	

	
	#mioloPage #firstColumn .clipesArea .text
	{
		cleat: left;
		width: 80%;
	}
	
	
	#mioloPage #firstColumn .clipesArea a
	{
		color: #000;
		font: bold 10px Arial, Verdana, Tahoma;
		text-decoration: none;
	}
		
	

	#mioloPage #firstColumn .muralArea
	{
		padding: 0px 0px 0px 0px;
		overflow: hidden;
		width: 377px;
	}
	
	#mioloPage .columns
	{
		display:inline;
		float: right;
		height: 100%;
	}	


	
	#mioloPage .firstLine .cdArea
	{
		height: 178px;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		width: 200px;
	}


	#mioloPage #secondColumn
	{
		float:right;
		display: table;
		margin: 0px;
		margin-left: 180px;
		overflow: hidden;
		width: 220px;		
	}


	#mioloPage #secondColumn .alertaSMS
	{
		height: 157px;
		padding: 0px;
		overflow: hidden;
		width: 220px;
	}		
	

	
	#mioloPage #secondColumn .radioArea
	{
		font: 11px Arial, Verdana, Tahoma;
		clear: right;
		color: #000;	
		height: 90px;
		padding: 0px 0px 0px 5px;
		overflow: hidden;
		width: 216px;
	}	

	#mioloPage #secondColumn .photosArea
	{
		height: 125px;
		margin: 10px 0px 0px 30px;
		padding: 0px 0px 0px 0px;
		overflow: hidden;
		width: 200px;
	}
	
	#mioloPage .thirdLine
	{
		height: 100px;
		margin: 0px;
		width: 800px;			
	}		

	#mioloPage .phoneArea
	{	
		background: url("../images/estrutura/sms.gif") no-repeat right 12px;
		display: table;
		height: 200px;
		margin: 22px 0px 0px 10px;
		width: 245px;
	}
	
	#mioloPage  .phoneArea .submit
	{	
		background: url("../images/estrutura/solicitar.gif") no-repeat 1px -1px;	
		border: 0px;
		cursor: hand;
		height: 24px;
		margin: 4px 0px 0px 0px;
		width: 120px;		
	}
	
	#mioloPage DIV
	{
		display: inline;
		float: left;	
	}


	#mioloPage #left
	{
		margin-left: 35px;
		padding-top: 55px;
		width: 600px;
	}
	
	#mioloPage #left .tituloMiolo
	{
		margin: 0px 0px 0px 150px;
		width: 450px;
	}
	
	
	 #mioloPage #middle
	{
		overflow: hidden;
		width: 235px;
	}
		
	 #mioloPage  .agenda
	{	
		float: left;
		margin: 0px;
		margin-left: 10px;
		padding: 0px;
		width: 380px;
	}
	
	
	 #mioloPage .agenda li
	{
		display: inline;
		float: left;
		margin: 0px;
		margin-bottom: 10px;
		padding: 0px;
	}
	
	 #mioloPage  .agenda .date
	{
		background-color: #513649;
		font: bold 12px Arial, Verdana, Tahoma;
		color: #fff;
		height: 53px;
		_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;
		display: table;
		height: 27px;
		_height: 29px;
		margin: 0px 2px 0px 2px;
		text-align: center;
		width: 31px;
		_width: 32px;
	}	
	
	 #mioloPage .agenda .description
	{
		color: #000;
		display: table;
		float: left;
		font: 10px Verdana, Tahoma, Arial;  
		margin: 0px 0px 10px 10px; 
		margin-bottom: ; 
		padding: 0px 10px 10px 0px;
		width: 120px;
	}
	
	 #mioloPage .agenda .description div
	{
		height: 40px;
		margin: 0px;
		padding: 0px;
		width: 120px;
	} 
	
	
	 #mioloPage  .agenda li.description a
	{
		font: italic bold 11px Arial, Verdana, Tahoma;  
		color: #000;
		text-decoration: none;
	}
	
	 #mioloPage  .agenda li.description a:hover
	{
		color: #666;
	}	
	

	 #mioloPage .phoneArea
	{
		background: url("../images/estrutura/alertasms.gif") no-repeat 120px top;	
		height: 120px;
		_height: 100px;
		margin: 0px 0px 10px 10px;
		padding-top: 0px;
		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: #000;
	}
	
	 #mioloPage #right dd
	{
		font: 11px  Verdana,Arial, Tahoma; 		
		margin: 0px 0px 10px 0px;
		overflow: hidden;
		width: 195px;
	}

	
	 #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%;	
 	}

 	.mural
 	{
 		width: 422px;
 	}
 	
 	
 	.mural dl
 	{
 		display: inline;
 		float: left;
 		margin: 0px;
 		padding: 0px;
 		padding-left: 20px;
 		overflow: hidden;
	}

	.mural dt
	{
		font: italic bold 10px Verdana, Arial, Tahoma; 
		margin: 0px;
		padding: 0px;
		margin-right: 10px;
		width: 150px;
	}
	
	.mural dd
	{
		margin: 0px;
		margin-right: 10px;
		padding: 0px;
		width: 150px;
	}
	
	.mural dd a
	{
		font: 10px Verdana, Arial, Tahoma; 	
		text-decoration: none;
	}
	
	
 	#muralArea
 	{
 		height: 70px;
 		margin-bottom: 20px;
 		_margin-bottom: 2px;
 		width: 338px;
 	}
	
	.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: #000;
	}
	
	#muralHorizontal a:hover
	{
		color: #666;
	}	
	
	#pages
	{
		background-color: #F2F2F2;
		overflow: hidden;
		padding: 3px 0px;
		width: 522px;
		_width: 502px;
	}
	

	#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: #666;
		text-decoration: underline;
	}	
	

	#photosDisplay
	{
		margin: 0px;
		padding: 0px;
		width: 250px;
	}
	
	#photosDisplay .imgConteiner
	{	
		padding-top: 10px;
		text-align: center;
		width:190px;
	}
	
	#photosDisplay .imgConteiner a
	{
		color: #000;
		font: 11px Arial, Verdana, Tahoma;
	}
	
	#photosDisplay .imgConteiner a:hover
	{
		color: #666;
	}
	
	
	#photosDisplay .image
	{
		border: 1px #fff solid;
		heigth: 40px;
		width: 70px;
	}		
	
	
	.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;
	}
	
	#shoppingItens img
	{
		border: 0px;
	}

	#shoppingItens li
	{
		display: inline;
		float: left;
		margin-left: 2px;
	}

	#shoppingItens li a
	{
		font: bold 10px Verdana, Arial, Tahoma; 	
		color: #333;
		text-align: center;
		text-decoration: none;
	}	

	#topoPage
	{
		height: 180px;
		padding: 0px;
		display: table;
		overflow: hidden;		
		width: 792px;
	}

	#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
	{
		background: url("../images/estrutura/icone_toques.gif") no-repeat right 20px;
		display: table;
		height: 100px;
		_height: 100%;
		padding-top: 40px;
		padding-left: 10px;
		width: 200px;
	}
	
	#toquesPhone a
	{
		font: bold 11px Verdana, Arial, Tahoma; 
		color: #000;		
	}
	
	#toquesPhone a:hover
	{
		color: #333;		
	}	
	
	#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 #000 solid;
		font: 11px Verdana, Arial, Tahoma; 
		color: #000;		
		padding: 10px;
		width: 500px;
	}
	

	/* Estilos temporários */

	/*div
	{
		border: 1px red solid;
	}*/
	
	#mioloPage #firstColumn,
	#mioloPage #secondColumn
	{
		height: 370px;
	}
	
	#mioloPage #firstColumn .newsArea,
	#mioloPage #firstColumn .clipesArea
	{
		height: 160px;
	}
	
	#mioloPage #firstColumn .muralArea
	{
		height: 110px;
	}