/* Codigo para centralizar a pagina dependendo da resolução da Tela*/
#wrap {
width:960px; /* largura fictícia */
margin:0 auto;
position:relative;
}



body {
	
	background-color: Transparent;
	font-family:Segoe UI, Verdana;
	font-size: 12px;
	color: #004080;
	text-align:justify;
	
}

/* Configuração da posição do Header do site que contém o logo e a imagem*/
#container {
	background:#FFFFFF;
	height: 100px;
	width: 960px;
	position:absolute;
	top:0px;
    left: 10px;
}

/**/
#nome {
	width: 960px;
	top:118px;
	position:absolute;
    left: 10px;
}

/*Barra superior horizontal*/
#barrasuperior {
	position:absolute;
	left:2px;
	top:105px;
	width:960px;
	height:16px;
}

#barraFerramentas {
	position:absolute;
    text-align:right;
	left:0px;
	top:117px;
	width:960px;
	height:16px;
}

/*Configuração da posição da imagem Innovation Center Olinda*/
#logo 
{
	position:absolute;
	left:0px;
	top:0px;
	height:95px;
	width:960px;
}

/**/
#silverlightPlugInHost
{
	position:absolute;
	left:275px;
	top:10px;
	height:80%;
	width:70%;
}

/*Configuração da posição Menu para acesso às paginas*/
#menu
{
	position:absolute;
	top:20px;
	background:#4595D1;
	left:2px;
	width:160px;
	
}

/* Configuração da posição da Barra Lateral Centro de Inovação*/
#barra
{
	position:absolute;
	left:170px;
	top:5px;
	
	
}
/*Configuração da Posição e do Estilo da area de Conteudo do Site*/
#conteudo
{
	border: medium none #004080;
    position:absolute;
	left:15px;
	top:20px;
	/*left:170px;
	top:5px;*/
	overflow: auto;
	height:602px;
	width:610px;
}

#bgConteudo
{
    position:absolute;
	left:165px;
	height:620px;
	top:15px;
	width:630px;
}

/*Configuração da posiçãodo Marquee de Noticias*/
#marquee 
{
	position: absolute;
	background:#FFFFFF;
	color:#004080;
	top: 20px;
	width:160px;
	left: 800px;
	
}

/*Configuração da posiçãodo Da Imagem de Localização MIC*/
#localizacao{
	top: 55px;
	left: 420px;
	position: absolute;
	height: 109px;
	width: 120px;
	
	}

/*Configuração da posição do botão que se linka ao MSN*/	
#faleconosco
{
	top: 220px;
	left: 420px;
	position: absolute;
	height: 109px;
	width: 120px;
}
	
/*Configuração da posição do botão Enniar Mensagem*/	
#botaoMensagem
{
	top: 490px; 
	left: 5px; 
	position: absolute; 
	height: 26px; 
	width: 157px;
}

/*Configuração da posição do campo Login na página Login*/
#login
{
	left:140px;
	width:300px;
	position:absolute;
}

/*Configuração da posição do campo Senha na página Login*/
#senha
{
	left:138px;
	width:300px;
	position:absolute;
}

/*Configuração da posição do botão Login na página Login*/
#botaoLogin
{
	left:245px;
	width:80px;
	position:absolute;
}

#mensagemErro
{
	left:208px;
	width:160px;
	position:absolute;
}

#popupCampos
{
	top: 200px; 
	left: 150px; 
	position: absolute; 

}

/*Configuração da posição das imagens de parceiros ou empresas ligadas ao MicOlinda*/
#logos
{
	position: absolute;
	top:620px;
	left:220px;
	width:700px;
	
}
#logos2
{
	position: absolute;
	top:680px;
	left:380px;
	width:200px;
	
}

#logos3
{
	position: absolute;
	top:710px;
	left:15px;
	width:200px;
	
}


/* Configuração da posição do footer do site*/
#footer
{top:33px;
 position: absolute;
    width: 1px;
}

#baixo
{
	position:absolute;
	top:600px;
	left:0px;
    height: 97px;
    width: 960px;
}

#botao
{
	position:absolute;
	width:150px;
	left:378px;
	top: 260px;
}

#campos
{
	width:340px;
	left:15px;

}

#silverlight
{
	top:40px;
	width:100%;
	height:100%;
}

#titulo
{
	top:10px;
	width:100%;
}


/*CONFIGURAÇÂO DE ESTILO DA PAGINA*/


#topico 
{
	
	margin-left:10px;
	margin-right:10px;
}


p {
	font-family:Segoe UI;
	font-size: 12px;
	color: #004080;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 16px;
	text-align:justify;
}

.equipe 
{
    font-family:Segoe UI;
	font-size: 12px;
	color: #004080;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 16px;
	text-align:justify;
   font-weight :bolder;
}

acronym { 
   font-weight : bold; 
   border-bottom : 1px dotted #004080; 
 } 
 
#menu ul li{ 
   list-style-type : none; 
   padding : 0px 0px 0px 0px; 
   margin : 0px; 
   color: #80c060;
} 
ul{
 	margin-right: 10px;
 }

 h2{
 	border-bottom-color: #40a0e0;
	border-bottom-style:outset; 
	border-bottom-width:thin;
	font-size: 12pt;
 } 

h3 { 
   margin: 5px 10px 5px 10px;   
   height : 32px; 
   font-family: Segoe UI;
   font-size: 16pt;
   color: #004080;
   background : url('~/Imagens/h3_figura.gif') no-repeat left top; 
   border-bottom : 2px solid #40a0e0;
   border-left: 5px solid #40a0e0;
  
 } 

h4{
	color: #80c060;
    font-style:italic;
    margin-left: 10px;
	margin-right: 10px;
	margin-bottom:-2px;
    font-size: 8pt;
    
 }
 	
u{
	color: #80c060;
    font-style:italic;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
 }
 
b{
   font-size:8pt;
   font-style:normal;
   font-weight:normal;
   margin: 0px 0px 0px 0px;
} 
 
#conteudo a:link { 
	color:#40a0e0;
	text-decoration: underline;
	/*border-bottom-color: #40a0e0;
	border-bottom-style:double; */
}
#conteudo a:active{color:#80c060;}
#conteudo a:visited{color:#40a0e0;}
#conteudo a:hover 
{
	color:#80c060;
    /*border-bottom-color: #80c060;
	border-bottom-style:double; */
}
/*#menu a:link{color: #40a0e0;}*/
#menu a:hover{text-decoration: underline;}





.popupControl2 {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground2 {
	background-color:Transparent;

}

.modalPopup2 
{
	position:absolute;
	background-color:#004080;
	border-width:3px;
	border-style:solid;
	border-color:#004080;
	padding:3px;
	width:550px;
	margin-top:-5px;
}

.LinkNoticia
{
   color:#40a0e0;
   text-decoration: none;
}

.LinkNoticia:hover
{
   color:#40a0e0;
   text-decoration: underline;
}


/* CSS para posicionamento dos Avisos no Mural de Avisos da S2B */
/* AMARELO: */
.pnlAmarelo
{
    z-index: 1; 
    left: 22px; 
    top: 70px; 
    position: absolute; 
    width: 238px;
    height: 214px;
    
}

.lblTituloAmarelo
{
    z-index: 1;
    left: 10px;
    top: 10px;
    position: absolute;
    width: 218px;
    height: 15px;
    font-weight:bold;
}

.lblTextAmarelo
{
    z-index: 1;
    left: 10px;
    top: 35px;
    position: absolute;
    width: 218px;
    height: 155px;
    
}


/* VERDE: */
.pnlVerde
{
    z-index: 1; 
    left: 280px; 
    top: 86px; 
    position: absolute; 
    width: 291px;
    height: 290px
}

.lblTituloVerde
{
    z-index: 1;
    left: 10px;
    top: 10px;
    position: absolute;
    width: 272px;
    height: 15px;
    font-weight:bold;
}

.lblTextVerde
{
    z-index: 1;
    left: 10px;
    top: 35px;
    position: absolute;
    width: 269px;
    height: 230px
}


/* AZUL: */
.pnlAzul
{
    z-index: 1; 
    left: 31px; 
    top: 294px; 
    position: absolute; 
    width: 234px;
    height: 266px
}

.lblTituloAzul
{
    z-index: 1;
    left: 10px;
    top: 10px;
    position: absolute;
    width: 212px;
    height: 15px;
    font-weight:bold;
}

.lblTextAzul
{
    z-index: 1;
    left: 10px;
    top: 35px;
    position: absolute;
    width: 213px;
    height: 208px
}

/* LILAS: */
.pnlLilas
{
    z-index: 1; 
    left: 291px; 
    top: 393px; 
    position: absolute; 
    width: 283px;
    height: 181px
}

.lblTituloLilas
{
    z-index: 1;
    left: 10px;
    top: 10px;
    position: absolute;
    width: 261px;
    height: 15px;
    font-weight:bold;
}

.lblTextLilas
{
    z-index: 1;
    left: 10px;
    top: 35px;
    position: absolute;
    width: 261px;
    height: 127px
}
.txbData
{
    width:70px;
}