/* CSS Document */

	body {
		/*background-images: url(../images/fundo/bg.jpg)*/
		background-color: #000;
		background-repeat: no-repeat;
		background-position:  0 43px;
	}

	.colorBlue
	{
		background-color: #fff;
	}
	
	.colorBlueLight
	{
		background-color: #fff;
	}
	
	.transparency
	{
		filter: Alpha(Opacity=70); 
		opacity: .7;	
	}
	
	#footer
	{
		font: 10px Verdana, Arial, Tahoma;	
		text-align: left;
		width: 489px;
		height: 180px;
		clear: both;
		margin: 0px 0px 0px 10px;
	}

	.radioArea
	{
		width: 195px;
		float: left;
		padding-top: 140px;
	}
		
	.radioArea .podcastArea
	{
		background: url('../images/estrutura/fundoradio.gif') no-repeat 13px 6px;
		font: 11px Arial, Verdana, Tahoma;		
		width: 195px;
		float: left;
	}
	
	.radioArea .podcastArea .description
	{
		width: 100px;
		margin: 21px 0 0 60px;
	}	
	
	.radioArea .podcastArea .description .titulo
	{
		color: #fff;
	}	
	
	.radioArea .podcastArea .description .texto B
	{
		color: #fff;
	}	
	
	.radioArea .podcastArea .description .podcastButtons
	{
		padding: 1px 0px 0px 8px;
		width: 50px;
	}
		
	#footer .bannerfull
	{
		color: #fff;
		float: left;
		width: 489px;
		height: 76px;
		padding: 0px 0px 0px 10px;
	}
	
	#footer .produtos
	{
		color: #fff;
		float: right;
		/* 
		 * comentado para evitar quebra de linha 
		 * ao carregar as novas imagens dos 
		 * lancamentos do mkshopping
		 * width: 294px;
		 * height: 108px;
		 *
		 * */
		margin: 0px;
	}
	
	#footer .produtos .toposhopping
	{
		float: left;
		width: 16px;
		height: 65px;
		margin: 0px;
		padding: 0px;
	}

	#footer .produtos .shopping
	{
		float: left;
		margin: 28px 0px 0px 6px;
		padding: 0px;
	}

	#footer img
	{
		border: 0px;
	}



	#footer .right
	{
		color: #fff;
		float: right;
		width: 300px;
	}

	#mioloPage .toquesArea
	{
		width: 180px;
		height: 140px;
		float: left;
	}
	
	#footer .phoneArea
	{	
		background: url("http://andreafontes.elnet.grupomk/system/images/estrutura/sms.gif") no-repeat right top;
		display: table;
		height: 120px;
		margin: 0px 0px 0px 0px;
		overflow: hidden;
		width: 190px;		
	}
	
	#footer .phoneArea .submit
	{	
		background: url("http://andreafontes.elnet.grupomk/system/images/estrutura/phone_submit.gif") no-repeat;	
		border: 0px;
		cursor: hand;
		height: 22px;
		margin: 10px 0px 0px 0px;
		width: 114px;		
	}

	frameset
	{
		border: none;
	}
	

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

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

	
	
	#newsDestaque
	{
		padding-bottom: 7px;
	}
	
	
	#newsDestaque a
	{
		font: bold 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-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: #fff;	
	}
	
	#newsList a:hover
	{
		color: #f1f1f1;
	}
	
	#newsList ul
	{
		display: inline;
		float: left;
		margin: 0px 0px 10px 0px;
		padding: 0px;
		width: 160px;
	}
	
	#newsList li
	{
		display: inline;
		float: left;
		line-height: 12px;
		height: 100%;
		margin: 0px;
		padding: 0px;
	}
	
	#newsList  .date
	{
		background-color: #be8619;
		border: 1px #fbe001 solid;
		font: bold 10px Arial, Verdana, Tahoma;
		color: #FFF;
		height: 38px;
		margin: 0px; 
		margin-bottom: 4px; 
		padding: 0px;
		text-align: center;
		width: 28px;
	}
	
	#newsList  .description
	{
		color: #fff;
		font: 9px Arial, Verdana, Tahoma;  
		margin-bottom: 4px; 		
		padding: 0px 0px 0px 4px;
		font-weight: none;
		width: 125px;
	}
	
	#newsList li.description a
	{
		font: italic bold 10px Arial, Verdana, Tahoma;  
		color: #fff;
		text-decoration: none;
	}
	
	#newsList li.description a:hover
	{
		color: #f1f1f1;
	}	

	#mioloPage
	{
		width: 779px;
		height: auto;
		float: left;
	}
	
	#mioloPage .podcastArea
	{
		font: 11px Arial, Verdana, Tahoma;		
		color: #fff;
		padding: 0px 0px 0px 12px;
		width: 310px;	
		float: right;	
	}
	
	#mioloPage .podcastButtons
	{
		padding: 365px 0px 0px 253px;
	}
	
	#mioloPage .firstLine .podcastArea .description
	{
		width: 90px;	
	}	
	
	#mioloPage .photosArea
	{
		width: 204px;
		height: 140px;
		float: left;
	}	
	
	#photosDisplay
	{
		display: table;
		margin: 0px;
		padding: 0px;
		width: 170px;
	}
	
	#photosDisplay .imgConteiner
	{
		text-align: left;
		width: 170px;
	}
	
	#photosDisplay .imgConteiner a
	{
		color: #fff;
		font: 11px Arial, Verdana, Tahoma;
	}
	
	#photosDisplay .imgConteiner a:hover
	{
		color: #fff;
	}
	
	#photosDisplay .image
	{
		border: 1px #fff solid;
		heigth: 40px;
		width: 70px;
	}	
	
	#mioloPage .firstLine .second .secondSubLine
	{
		height: 150px;
		overflow: hidden;
		width: 100%;
	}
	
	#mioloPage .videosArea
	{
		width: 180px;
		height: 150px;
		float: left;
	}	
	
	#mioloPage .clipesArea .image
	{
		background-repeat: no-repeat;
		background-position: 0px 0px;
		border:  2px white solid;
		clear: both;
		cursor: hand;
		height: 79px;
		overflow: hidden;
		margin-left: 0px;
		text-align: left;
		width: 133px;
	}

	#mioloPage .clipesArea .text
	{
		margin-top: 2px;
		cleat: left;
		text-align: left;
		width: 200px;
		color: #000;
	}

	#mioloPage .muralArea
	{
		overflow: hidden;
		width: 155px;
		float: left;
	}
	
	#mioloPage .muralTitulo
	{
		margin-bottom: 14px;
		overflow: hidden;
		width: 160px;
	}
	
	#mioloPage .mural,
	#mioloPage .mural dl,
	#mioloPage .mural dt,
	#mioloPage .mural dd
	{
		margin: 0px;
		padding: 0px;
	}

	#mioloPage .mural dl
	{
		width: 160px;
	}	
	
	#mioloPage .mural dt
	{
		font: bold 11px Arial, Verdana, Tahoma;	
		color: #fff;
		font-style: italic;	
		margin-top: 5px;
		margin-bottom: 2px;
		width: 160px;
	}
	
	#mioloPage .mural dd 
	{
		line-height: 13px;
		margin-bottom: 10px;
		width: 160px;
	}
	
	#mioloPage  .mural dd a
	{
		font: 11px Arial, Verdana, Tahoma;	
		color: #fff;	
		line-height: 13px;	
	}	
	
	#mioloPage  .mural dd a:hover
	{
		color: #f1f1f1;		
	}
	
	#mioloPage .secondLine
	{
		height: 130px;
		margin: 0px;
		width: 632px;		
	}	
	
	#mioloPage .ministracaoArea
	{	
		padding: 0px 0px 0px 0px;	
		width: 250px;	
	}
	
	#mioloPage .newArea
	{
		width: 160px;
		float: left;
	}
	
	#mioloPage .phoneArea
	{	
		background: url('../images/estrutura/alertasms_bg.gif') no-repeat 80px 0px;
		height: 120px;
		margin: 8px 0px 0px 0px;
		overflow: hidden;
		width: 180px;		
	}
	
	#mioloPage .phoneArea .submit
	{	
		background: url('../images/estrutura/phone_submit.gif') no-repeat 0px 0px;	
		border: 0px;
		cursor: hand;
		height: 22px;
		margin: 5px 0px 0px 0px;
		width: 114px;		
	}
		
	#mioloPage DIV
	{
		float: left;	
	}

	#mioloPage #left
	{
		width: 400px;
		float: left;
		margin: 10px 0px 0px 25px;
	}
	
	#mioloPage #left .tituloMiolo
	{
		margin: 0px 0px 0px 150px;
		width: 450px;
	}

	#mioloPage .firstColunm
	{
		margin: 0px 40px 0px 0px;
		width: 160px;
		float: left;
	}
	
	#mioloPage .secondColunm
	{
		margin: 0px;
		width: 170px;
		float: left;
	}
	
	#mioloPage .secondColunm .produtos
	{
		color: #fff;
		float: left;
		width: 190px;
		height: 108px;
		margin: 0px;
	}
	
	#mioloPage .secondColunm .produtos .toposhopping2
	{
		float: left;
		width: 18px;
		height: 65px;
		margin-top: 70px;
		padding: 0px;
	}

	#mioloPage .secondColunm .produtos .shopping
	{
		float: left;
		margin: 10px 0px 0px 0px;
		padding: 0px;
	}

	#mioloPage .secondColunm .produtos img
	{
		border: 0px;
	}

	 #mioloPage #middle
	{
		overflow: hidden;
		width: 235px;
	}
		
	#mioloPage a
	{
		font: bold 11px Arial, Verdana, Tahoma;	
		color: #fff;
		text-decoration: none;
	}
	
	#mioloPage a:hover
	{
		color: #f1f1f1;
	}
	
	 #mioloPage .agendaArea
	{	
		width: 180px;
		height: 180px;
		float: left;
		padding-top: 10px;
	}
	
	 #mioloPage .agenda
	{	
		width: 180px;
		height: auto;
		margin: 6px 0px 6px 0px;
		padding: 0px;
		float: left;
	}
	
	
	 #mioloPage .agenda li
	{
		display: inline;
		float: left;
	}
	
	 #mioloPage .agenda .date
	{
		background-color: #edd14c;
		border: 1px #edd14c solid;
		clear: left;
		display: table;
		font: bold 12px Arial, Verdana, Tahoma;
		color: #3c3015;
		height: 46px;
		text-align: center;
		width: 36px;
	}
		
	 #mioloPage .agenda .date div
	{
		background-color: #fff;
		font: 20px 'Arial Black', Arial, Verdana, Tahoma;  
		color: #444;
		height: 29px;
		text-align: center;
		width: 32px;
		margin: 0px 0px 0px 2px;
	}	
	
	 #mioloPage .agenda .description
	{
		color: #fff;
		display: table;
		font: 11px Verdana, Tahoma, Arial;  
		margin: 0px 0px 0px 4px; 
		width: 130px;
	}
	
	#mioloPage .agenda .description div
	{
		width: 130px;
	} 
	
	
	#mioloPage .agenda li.description a
	{
		font: italic bold 11px Arial, Verdana, Tahoma;  
		color: #fff;
		text-decoration: none;
	}
	
	 #mioloPage .agenda li.description a:hover
	{
		color: #f1f1f1;
	}
	
	 #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;
	}
	
	 #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: #fff;
		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: #f1f1f1;
	}	
	
	#pages
	{
		background-color: #be8619;
		padding: 3px 0px;
		width: 380px;
		height: auto;
		text-align: center;
	}
	

	#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: -10px 0 0 -140px;
		padding: 0px;
		float: left;
	}
	
	#shoppingItens li
	{
		display: inline;
		float: left;
		margin: 0px;
	}
	
	#shoppingItens li a
	{
		font: bold 10px Verdana, Arial, Tahoma; 	
		color: #f1f1f1;
		text-align: center;
		text-decoration: none;
	}
	
	#shoppingItens2
	{
		margin: 0px;
		padding: 0px;
		float: left;
		width: 162px;
	}
	
	#shoppingItens2 li
	{
		display: inline;
		float: left;
		margin: 0px;
	}
	
	#shoppingItens2 li a
	{
		font: bold 10px Verdana, Arial, Tahoma; 	
		color: #fff;
		text-align: center;
		text-decoration: none;
	}	

	#topoPage
	{
		width: 531px;
		height: 168px;
		margin: 0px 0px 0px 0px;
		display: table;
		overflow: hidden;
		padding-top: 7px;
	}

	#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/toquescopia.gif") no-repeat right 0px;
		display: table;
		width: 190px;
		height: 166px;
		float: left;
	}
	
	#toquesPhone a
	{
		font: bold 11px Verdana, Arial, Tahoma; 
		color: #FFF;		
	}
	
	#toquesPhone a:hover
	{
		color: #f1f1f1;		
	}	
	
	#toquesPhone p
	{
		display: inline;
		float: left;
	}

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

	#obs
	{
		border: 1px #444 solid;
		font: 11px Verdana, Arial, Tahoma; 
		color: #fff;		
		padding: 10px;
		width: 350px;
	}