@charset "utf-8";
/* CSS Document */
body{
background:#FFFFFF;
background-image:url(imagens/nuvem.jpg);
background-repeat:no-repeat;
background-position:top;
margin:0 auto;
padding:0;
text-align:center; /* hack para o IE */ 
color:#333333;
font-family: Arial, Helvetica, sans-serif; 
font-size:11px;
}

.fonteVerde{color:#1e9a71; font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:400;}
.fonteCinzaEscura{color:#504e4e; font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:400;}
.CinzaEscura2{color:#504e4e; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:400;}



a:link{text-decoration:none; color:#504e4e;}
a:visited{text-decoration:none; color:#504e4e;}
a:hover{text-decoration:none; color:#504e4e;}
a:active{text-decoration:none; color:#504e4e;}



.linkConfiraPalestra{
 position:relative;
 left:50px;
 top:0px;
 width:140px;
 height:40px;
 z-index:5;
}

.linkConfiraDicas{
 position:relative;
 left:40px;
 top:0px;
 width:150px;
 height:40px;
 z-index:5;
}

.linkConfiraEvento{
 position:relative;
 left:40px;
 top:0px;
 width:150px;
 height:40px;
}

.menuSuperior a:link{color:#504e4e;}
.menuSuperior a:visited{color:#504e4e;}
.menuSuperior a:hover{color:#1e9a71;}
.menuSuperior a:active{color:#504e4e;}


.lerConteiner a:link, a:visited, a:active {
text-decoration: none;
color:#000000;
}

.lerConteiner a:hover {text-decoration: none; 
color:#000000; 
}

.ultimaConteiner a:link, a:visited, a:active {
text-decoration: none;
color:#000000;
}

.ultimaConteiner a:hover {text-decoration: none; 
color:#000000; 
}

#linkHome{
 position:absolute;
 top:430px;
 left:140px;
 width:77px;
 height:53px;
}

#linkHome2{
 position:relative;
 top:-50px;
 left:-480px;
 *left:-900px;
 _left:600px;
 width:90px;
 height:53px;
 background:#000000;
}



.fonte1{
font-family: Arial, Helvetica, sans-serif;
font-size:16px; 
font-weight:400;
color:#FF0000;
}

.fonte10{
font-family: Arial, Helvetica, sans-serif;
font-size:11px; 
color:#FF0000;
}


.fonte2{
font-family: Arial, Helvetica, sans-serif;
font-size:11px; 
}

.fonte3{
font-family: Arial, Helvetica, sans-serif;
font-size:11px; 
color:#049264; 
}

.fonte4{
font-family: Arial, Helvetica, sans-serif;
font-size:11px; 
color:#000000;
}


#principal{
 position:relative; width: 1001px; height:auto; margin:auto; text-align:justify; 
}


/*
############### RODAPE ##########
*/

#rodape{
float:left;
width: 1000px;
height:auto;
text-align:left; /* "remédio" para o hack do IE */
}

/* 
###### MENUS #######
*/

#menuSuperiorAdmin{
/*background-image:url(imagens/barra.jpg);*/
width:1000px;
z-index:2;
color:#7a7977;
margin-bottom:100px;
}

#menuSuperior{
/*background-image:url(imagens/barra.jpg);*/
width:1000px;
height:51px;
text-align:center;
z-index:2;
color:#7a7977;
margin-bottom:30px;

}

#meuMenu{
/*background-image:url(imagens/barra_meuMenu.jpg);*/
width:1000px;
height:55px;
text-align:center;
z-index:3;
margin-top:-1px;
margin-bottom:10px;
background-color:#F1FFEC;
}

#menuSuperior_textoAdmin{
padding-top:5px;
}

#menuSuperior_texto{
margin-left:200px; padding-top:15px;
}

.texto1{
margin-top:2px;
float:left;
}

.texto1Admin{
margin-top:2px;
float:left;

}

#meuMenu_texto{
margin-left:0px; padding-top:20px;
}

.texto2{
margin-top:21px;
float:left;
}

.img1{
float:left;
margin-left:15px;
margin-right:15px;
margin-top:1px;
}

.img2{
float:left;
margin-left:0px;
margin-right:0px;
margin-top:21px;
}




/* 
###### BANNERS #######
*/


#banner{
height:auto;
width:1000px;
height:267px;
text-align:center;
/*height:250px;
margin-top:30px;*/
margin-top:110px;
overflow:hidden;

}


#topo{
 float:left;
 margin-left:350px;
 margin-right:150px;
 margin-top:15px;
 margin-bottom:20px;
 width:300px;

}

#topo2{
 margin-left:350px;
 margin-right:150px;
 margin-top:0px;
 margin-bottom:0px;
 width:600px;
}



#atendimento{
 float:left;
 margin-top:5px;
}

#atendimento2{
 float:left;
 margin-top:5px;
 width:130px;
 height:90px;
 background:#003333;
}

/*
######## CONTEUDO INDEX ########
*/

#conteudo{
 float:left;
 width:1000px;
 height:auto;
 font:11px Arial, Helvetica, sans-serif;
 text-align:justify; 
 font-weight:normal;
}

#conteudo3{
 float:left;
 width:1000px;
 height:auto;
 font:11px Arial, Helvetica, sans-serif;
 text-align:justify; 
 font-weight:normal;
}

#conteudo2{
 float:left;
 width:810px;
 height:auto;
 font:11px Arial, Helvetica, sans-serif;
 text-align:justify; 
 font-weight:normal;
}

#conteudoAdm{
 float:left;
 width:1000px;
 height:auto;
 font:11px Arial, Helvetica, sans-serif;
 text-align:justify; 
}

#destaque{
/* float:left;*/
 position: absolute;
 left:820px; 
 width:190px;
 height:auto;
}

#cheguei{
 float:left;
 position:relative;
/* top:-355px;
 left:-20px;*/
 margin-top:-360px;
 margin-left:-20px; 
 width:243px;
 height:103px;
 overflow:hidden;
 z-index:1002;
}

/*
 ######## PARA A FOTO DO BEBE - INICIO ########
*/

	#bebe{
	 float:left;
	 width:435px;
	 height:376px;
	 background:url(imagens/fundoBebe.png) no-repeat;
	}


	.fotoBebe{
	 float:left;
	 width:400px;
	 height:330px;
	 margin-top:-40px;
	 margin-left:15px;
	 overflow:hidden;
	 z-index:-100;
	 border:0px solid #000000;
	}
	
	#fotoBebe2{
	 float:left;
	 width:410px;
	 height:297px;
	 margin-left:11px;
	 margin-top:11px;
	 margin-bottom:0px;
	 margin-right:0px;
	 overflow:hidden;
	 background:url(imagens/fundoFotoBebe.png) no-repeat;
	}	
	
	 
	 .ponteiro{cursor:pointer;}
	 
	 .invisivel{float:left; visibility:hidden;}
	 
	 .faixaFaixa{
		 float:left;
		 width:400px;
		 height:40px;
		 margin-top:-40px;
		 margin-left:15px;
		 overflow:hidden;
		 z-index:-101;
		 background:#FFFFFF;	  
		 opacity:0.8;
		 filter:alpha(opacity=80);
		 -moz-opacity: 0.8;		
	 }
	 
	 .faixaNome{
	     float:left;
	 	 color:#1e9a71; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:500;	
		 margin-top:10px; 
		 margin-left:10px; 
		 width:380px;
	 }
	 
	 .faixaLogo{
	  float:left;
	  margin-top:10px; 
	  margin-left:20px; 
	 }

/*
 ######## PARA A FOTO DO BEBE - FIM ########
*/


/*
 ######## PARA A NOTICIA - INICIO ########
*/

	#noticias{
	 float:left;
	 width:325px;
	 height:250px;
	 /*background:url(imagens/noticias.png) no-repeat;*/
	 overflow:hidden;
	 margin-top:5px;
	 margin-left:20px;	 
	}

	#containerNoiticia{
	 width:350px;
	 height:90px;
	 margin-left:0px;
	 
	}

	#fotoNoticia{
	 float:left;
	 width:100px;
	 height:85px;
	 margin-top:00px; 
	 margin-left:0px;
	 margin-bottom:0px;
	 margin-right:0px;		 
	 overflow:hidden;
	}
	
	#tituloNoticia{
	 float:left;
	 width:210px;
	 height:70px;
	 margin-top:15px; 
	 margin-left:10px;
	 margin-bottom:0px;
	 margin-right:0px;	
	 font:11px Arial, Helvetica, sans-serif;
	 font-weight:bold;
	 text-align:left;	
	 cursor:pointer;
	}
	
	#montaNoticia{
	float:left;
	width:300px;
	height:auto;	
	
	}
	
	#montaRapidas{
	float:left;
	width:320px;
	height:89px;
	margin-top:0px; 
	margin-left:0px;
	margin-bottom:0px;
	margin-right:0px; 	
	}	
	
	.tituloRapidasPrimeira{
	 font:11px Arial, Helvetica, sans-serif;
	 text-align:justify;
	 cursor:pointer;
	 background:#EEEEEE;
	}
	
	.tituloRapidasSegunda{
	 font:11px Arial, Helvetica, sans-serif;
	 text-align:justify;
	 cursor:pointer;
	}
	
	.verMais{
	 float:left;
	 width:130px;
	 margin-left:0px;
	 padding-top:7px;
	 height:auto;	
	 font:11px Arial, Helvetica, sans-serif;
	 text-align:right;	
	 cursor:pointer;
	}
	
	.lerPDF{
	 float:left;
	 width:170px;
	 margin-left:0px;
	 height:auto;	
	 font:11px Arial, Helvetica, sans-serif;
	 text-align:left;	
	 cursor:pointer;	
	}

/*
 ######## PARA A NOTICIA - FIM ########
*/


#dicasSaude5{
 float:left;
 width:129px;
 height:122px;
 overflow:hidden;
 margin-top:-15px;
 margin-left:10px;
 margin-bottom:10px;
 margin-right:0px;
 padding-top:10px;
}


#dicasSaude{
 float:left;
 width:89px;
 height:122px;
 overflow:hidden;
 margin-top:0px;
 margin-left:10px;
 margin-bottom:10px;
 margin-right:0px;
 padding-top:10px;

}

#partoHumanizado{
 position:relative;
 top:0px;
 left:0px;
 z-index:-110px;
 width:1079px;
 height:10px;
 background:#000000;
/* opacity:0.7;
 filter:alpha(opacity=70);
 -moz-opacity: 0.7; */
}

/*

 ##################### PARA A NOTICIA - INICIO ##########################

*/

	#palestra{
	 float:left;
	 width:242px;
	 height:376px;
	 background:url(imagens/palestra.png) no-repeat;
	 overflow:hidden;
	 margin-left:20px;
	}
	
	#palestraFotoE{
	 float:left;
	 width:200px;
	 height:140px;
	 margin-top:90px;
	 margin-left:20px;
	 overflow:hidden;
	}

	#palestraFotoI{
	 float:left;
	 width:200px;
	 height:170px;
	 overflow:hidden;
	 margin-top:00px;
	 margin-left:0px;
	 cursor:pointer;
	}
	
	#palestraTitulo{
	 float:left;
	 width:200px;
	 height:95px;
	 margin-left:20px;
	 margin-top:5px;
	 font:11px Arial, Helvetica, sans-serif;
	 text-align:justify;	 
	 cursor:pointer;
	}	


/*
 ######## PARA A NOTICIA - FIM ########
*/


/*

 ##################### PARA A EVENTO - INICIO ##########################

*/


#evento{
 float:left;
 width:242px;
 height:366px;
 background:url(imagens/evento.png) no-repeat;
 overflow:hidden;
 margin-left:20px;
}


	#eventoFotoE{
	 float:left;
	 width:210px;
	 height:140px;
	 margin-top:90px;
	 margin-left:18px;
	 overflow:hidden;
	}

	#eventoFotoI{
	 float:left;
	 width:200px;
	 height:170px;	 
	 margin-top:0px;
	 margin-left:0px;
	 cursor:pointer;
	 overflow:hidden;
	}
	
	#eventoTitulo{
	 float:left;
	 width:200px;
	 height:100px;
	 margin-left:20px;
	 margin-top:5px;
	 font:11px Arial, Helvetica, sans-serif;
	 text-align:justify;	 
	 cursor:pointer;
	}	

/*
 ######## PARA A EVENTO - FIM ########
*/

#dicasSaude2{
 float:left;
 width:242px;
 height:372px;
 background:url(imagens/dicasSaude2.png) no-repeat;
 overflow:hidden;
 margin-left:20px;
}



/*
############### DESTAQUE ##########
*/

#destaqueTitulo{
 float:left;
 position:relative;
 /*top:-500px;
 left:0px;*/
 margin-top:-945px;
 margin-left:30px;
 width:134px;
 height:60px;
 overflow:hidden;
 z-index:1000;
}

#campanhaAgasalho{
 float:left;
 width:193px;
 height:auto;
 overflow:hidden;	
 margin-bottom:-5px;
}


.certificados{
 float:left;
 width:171px;
 height:auto;
 overflow:hidden;	
 margin-bottom:10px;
 margin-top:10px;
 border:1px solid #ececec;
}


/*
############### FARMACIA ##########
*/

#fotoFarmacia{
 float:left;
 width:210px;
 height:152px;
 margin-left:150px;
}

#fotoTitulo{
 float:left;
 width:142px;
 height:30px;
 margin-left:50px;
 margin-top:50px;
}

#tituloFarmacia{
 float:left;
 width:1000px;
 height:auto;
 margin-bottom:20px;
}

/*

#################### POPUP QUE ABRE NA PAGINA PRINCIPAL ##############

*/

.fundoEscuro{
 position:absolute;
 left:0%;
 top:0%;
 width:100%;
 height:1435px;
 background:#000000;
 opacity:0.7;
 filter:alpha(opacity=70);
 -moz-opacity: 0.7; 
 z-index:2001;
 visibility:hidden;
}

/*Somente para Safari e Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.fundoEscuro{
 position:absolute;
 left:0%;
 top:0%;
 width:100%;
 height:1435px;
 background:#000000;
 opacity:0.7;
 filter:alpha(opacity=70);
 -moz-opacity: 0.7; 
 z-index:2001;
 visibility:hidden;
}
}


.fundoEscuroEvento{
 position:absolute;
 left:0%;
 top:0%;
 width:100%;
 height:1300px;
 background:#000000;
 opacity:0.7;
 filter:alpha(opacity=70);
 -moz-opacity: 0.7; 
 z-index:2001;
 visibility:visible;
}

.popup{
 position:absolute;
 top:40%;
 left:50%;
 margin-left:-500px;
 width:1000px;
 height:500px;
 z-index:2002;
 background:#FFFFFF;
 border:2px solid #000000;
 overflow:auto;
 font:11px Arial, Helvetica, sans-serif;
 text-align:justify;	
 visibility:hidden;
}

.popup2{
 position:absolute;
 top:40%;
 left:60%;
 margin-left:-500px;
 width:750px;
 height:480px;
 z-index:2002;
 background:#FFFFFF;
 border:2px solid #000000;
 overflow:auto;
 font:11px Arial, Helvetica, sans-serif;
 text-align:justify;	
 visibility:hidden;
}

.popupEvento{
 position:absolute;
 top:20%;
 left:60%;
 margin-left:-500px;
 width:750px;
 height:450px;
 z-index:2002;
 background:#FFFFFF;
 border:2px solid #000000;
 overflow:hidden;
 font:11px Arial, Helvetica, sans-serif;
 text-align:justify;	
 visibility:visible;
}

.fecharPopup{
 position:absolute;
 top:0%;
 left:0%;
 width:990px;
 height:25px;
 z-index:2003;
 text-align:right;
 cursor:pointer;
 visibility:hidden; 

}

.fecharPopup2{
 position:absolute;
 top:0%;
 left:0%;
 width:720px;
 height:20px;
 z-index:2003;
 text-align:right;
 cursor:pointer;
 visibility:hidden; 
}

.fecharPopupEvento{
 position:absolute;
 top:0%;
 left:0%;
 width:730px;
 height:20px;
 z-index:2003;
 text-align:right;
 cursor:pointer;
 visibility:visible; 
}


.conteinerPopup{
 float:left;
 margin-lef:10px;
 margin-top:30px;
 margin-right:50px;
 width:990px;
 height:450px;
 overflow:auto;
}

.fotoPopup{
 float:left;
 margin:10px;
 width:500px;
 height:405px;
 overflow:hidden;
}

.tituloPopup{
 float:left;
 font:14px Arial, Helvetica, sans-serif;
 width:450px;
 font-weight:bold;
 text-align:center;		
 margin-top:40px;

}

/*
################## PARA FORUMULARIO #############
*/

.altura{height:30px;}

.altura2{height:140px;}

.vermelha{color:#FF0000;}

.direita{text-align:right;}

.campo{width:300px; background:#FFFFFF; font:11px Arial, Helvetica, sans-serif; border:1px solid #333333;}

.campo3{width:300px; background:#FFFFFF; font:11px Arial, Helvetica, sans-serif; border:1px solid #333333; }

.campo2{width:170px; background:#FFFFFF; font:11px Arial, Helvetica, sans-serif; border:1px solid #333333; text-align:center; }

.area{min-width:300px; min-height:100px; max-width:300px; max-height:100px; background:#FFFFFF; font:11px Arial, Helvetica, sans-serif; border:1px solid #333333;}

.th{font:16px Arial, Helvetica, sans-serif; text-align:center; color:#333333;}

.multiploSelect{width:250px; height:150px; background:#FFFFFF; font:11px "Tw Cen MT", Verdana, Tahoma; border:1px solid #000080;}

.borda{border:0px solid #000000;}

.classe_cursorMao{cursor:pointer;}

.classe_textFormEscura{background:#E6F9FB;}

.classe_textFormClara{background:#FFFFFF;}

.classe_tituloForm{ 
 background:#FEF78C; /* Laranja */
 text-align:center;
 font-weight:bold;
 height:30px;
}

/*
######### PLANOS ##############
*/

#planos{
 float:left;
 width:999px;
 height:auto;
 *overflow-y:visible;/* hack para o IE */ 
 font:11px/170% Arial, Helvetica, sans-serif;
}

.planosPlanos{
 float:left;
 width:300px;
 height:170px;
 background:url(imagens/fundoPlano.png) no-repeat;
 text-align:left;
 margin:5px;
 padding:5px;
}

.flutuar{
 float:left;
}

/*
#################### GALERIA DE IMAGENS ########################
*/

	#dhtmlgoodies_slideshow{
		width:720px;	/* Total width of slideshow */
		display:block;
	}
	
	#previewPane{
		border:0px solid #000;
		margin-right:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;
		overflow:hidden;
		
		
		/* CSS HACK */
		height: 452px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
		
		width:580px;		
		float:left;
				
	}
	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFFFFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;	
	}	
	#galleryContainer{	/* Big Div surrounding up image, list of images and down image */
		float:left;	/* Floating */
		
		/* CSS HACK */
		height: 464px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		height/* */:/**/448px;	/* Other browsers */
		height: /**/448px;
		
		/* CSS HACK */
		width: 124px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		width/* */:/**/120px;	/* Other browsers */
		width: /**/120px;
				
		border:0px solid #00FFFF;	/* Black border */		
		padding:0px;	/* A little space between the black border and the content inside */
		padding-top:10px;	/* A little space between the black border and the content inside */
		
		overflow:hidden;
	}
	#galleryContainer #arrow_down{	/* Arrow down image */
		height:35px;
	}
	#galleryContainer #arrow_up{
		height:35px;	/* Arrow up image */
	}
	
	#theImages{	/* DIV where the images are located */
		position:relative;
		overflow:hidden;
		height:375px;	/* Height of boxes for the images */
	}
	#theImages div{	
		position:relative;	/* Don't change this */
		height:150px;	/* Higher than total height of thumbnails */
		
		
	}
	#theImages img{
		border:0px;	/* No border */
		filter:alpha(opacity=50);	/* Transparency - IE */
		opacity:0.5; /* Transparency - Firefox */
		padding-top:1px;	/* Space between images */
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Arial, Helvetica, sans-serif;	/* Font to use */
		font-size:11px;
	}
	#theImages .imageCaption{
		display:none;
	}
	
	.tamanho{
	  width:100px;
	  height:100px;
	}
	
/*
################## DICAS DE SAUDE #############
*/	

.ultimaDicas{
 width:1000px;
 height:300px;
 float:left;
 overflow:auto;
}

.vendoDicas{
 width:998px;
 height:450px;
 float:left;
 border:0px solid #000000;
 margin-top:10px;
 margin-left:00px;
 background:#CDCDCD;
 overflow:auto;
}

.ultimaConteiner{
 width:900px;
 height:auto;
 float:left;
 margin-left:50px;
 margin-bottom:10px;
}

.ultimaFoto{
 width:150px;
 height:130px;
 float:left;
 margin-left:110px;
 overflow:hidden;
}

.ultimaFoto2{
 width:200px;
 height:170px;
 float:left;
 margin-left:110px;
 overflow:hidden;
}


.ultimaTexto{
 float:left;
 margin-left:30px;
 width:400px;
}

.ultimaTexto2{
 float:left;
 margin-left:30px;
 width:300px;
}

.lerConteiner{
 width:450px;
 height:auto;
 float:left;
 margin-left:20px;
}

.lerConteiner2{
 width:200px;
 height:210px;
 float:left;
 margin-left:20px;
}

.lerFoto{
 float:left;
 width:220px;
 height:200px;
 overflow:auto;
}

.lerFoto2{
 float:left;
 width:130px;
 height:170px;
 margin:5px;
 overflow:hidden;
}



.lerTexto{
 float:left;
}

.vendoFoto{
 width:auto;
 height:auto;
 float:left;
 margin:20px;
 text-align:center;
}

/*
 ############### MEDICINA PREVENTINA - PROGRAMA ###########
*/

#programas{
 float:left;
 width:999px;
 height:180px;
 overflow:auto;
 
}

.porPrograma{
 float:left;
 width:170px;
 height:150px;
 margin-left:10px;
 margin-bottom:10px;
}

.programaFoto{
 width:100px;
 height:85px;
 margin-left:35px;
 margin-top:5px;
}

.recadoLogo{
 float:left;
 width:100px;
 height:85px;
}

.cor{
 background:#BBC2F4;
 padding:10px;
}

.recadoConteiner{
 float:left;
 width:999px;
 height:400px;
 overflow:auto;
}

/*
################### EVENTOS ###################3
*/

.ultimoEvento{
 width:999px;
 height:600px;
 float:left;
 overflow-x:auto;
}


.classe_fotoBebe{
 float:left;
 width:auto;
 height:auto;
 margin:10px;
}


/*
########################### RESPONSABILIDADE SOCIAL #######################
*/

#responsabilidade{
 width:999px;
 height:auto;
 font-family: Arial, Helvetica, sans-serif;
 font-size:11px; 
 line-height:14pt;
}

.flutaur{
 float:left;
}



.localizacaoTitulo{
 font-family: Arial, Helvetica, sans-serif;
 font-size:18px;  
 color:#FF3C3C;
}

.localizacao{
 font-family: Arial, Helvetica, sans-serif;
 font-size:10px;  
 color:#333333
}

.localizacao a:active {text-decoration: none; 
color:#333333; 
}

.localizacao a:link  {
text-decoration: none;
color:#333333;
}
.localizacao a:visited, {text-decoration: none; 
color:#333333; 
}
.localizacao a:hover {text-decoration: none; 
color:#333333; 
}

.hr{
 background-image:url(imagens/linehr.jpg);
 background-repeat:no-repeat;
 width:1000px;
 height:auto; 
}

.hr2{
 float:left;
 background-image:url(imagens/linehr2.jpg);
 background-repeat:no-repeat;
 width:300px;
 height:auto; 
 overflow:hidden;
 margin-top:5px;
 margin-left:13px;
}

#representantesOculto{
 margin-left:30px;
 margin-bottom:10px;
 width:900px;
 height:160px;
 border:1px solid #1e9a71;
 background:#EAEAEA;
 padding:10px;
 overflow:auto;
}

.representanteNome{
 float:left;
 width:290px;
 height:70px;
 margin:5px;
}

.planosDescricao{
 position:absolute;
 top:1000px;
 left:250px;
 width:700px;
 height:400px;
 overflow:hidden;
 z-index:3001;
 background:#FFFFFF;
 border:1px solid #000000;
 display:none;
 padding:10px;
}

.planosDescricaoFundo{
 position:absolute;
 top:0;
 left:0;
 width:99%;
 height:285%;
 overflow:hidden;
 z-index:3000;
 display:none;
}

.planosDescricaoFechar{
 float:left;
 width:700px;
 height:30px;
 text-align:right;
}

/*------------------------poupup-----------------------------------*/

#fora { 
	width: 993px;	/* 472" height="350 */
	height: 369px;
	border: 0px solid #CDCDCD;
	padding: 5px;
	display:none;
	z-index:99999;
	text-align:center;
/* ATENÇÃO AQUI, POIS AQUI COMEÇA O POSICIONAMENTO */
	position: fixed !important;
	*position: absolute;
	top: 50%;
	left: 50%;
	z-index:999999;
	margin-top: -184px;
/* Formula: Altura(height)/2 = -Resultado de Altura/2 neste caso: 334/2 = 167, passa-se negativo por que ele estará recuando para a margem superior */
	margin-left: -496px;
/* Formula: Largura(width)/2 = -Resultado de Altura/2 neste caso: 720/2 = 175, passa-se negativo por que ele estará recuando para a margem esquerda */
}
#popup_fundo{
	position:absolute;
	width:100%; _width:150%;
	height:1250px;
	display:none;
	z-index:99988;
	top:0;
	left:0;
	padding-top:20%;
	text-align:center;
	vertical-align:middle;
	background-color:#000000;
	    opacity:0.7; /* para o outros Navegadores */
	filter:alpha(opacity=70);  /* para o IE */
    -moz-opacity:0.7; /* para o FireFox */
	
}
.Box_msg{
	float:left;
	width:740px;
	min-height: 200px; /* ALTURA MÍNIMA, PARA O FF */         
	height: auto !important; /* ASSIM A DIV AUMENTA CASO O CONTEÚDO ULTRAPASSE A ALTURA MÍNIMA */         
	height: 200px; /* ALTURA MÍNIMA, PARA O IE6 */
	margin-top:5px;	
	padding-top:10px;
	padding-left:10px;
	display:inline;
	font:11px/150% tahoma;
	text-align:justify;
	background-color:#E9E9E9;
	border:medium;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	box-shadow: gray 0.10em 0.10em 0.10em 0.10em  ;
	-moz-user-select: none;
	-moz-user-focus:ignore;
	-moz-user-input:disabled;	
}