@import url('estilos.css');

/* pagina empresa */
#container						{ width: 100%; height: 100%; float: left; margin: 0 0 0 0; clear: both;}
#topo							{ width: 100%; height: auto; float: left; margin: 0 0 0 0;}
.barra_azul						{ width: 100%; height: 3px; float: left; margin: 0 0 0 0; background-color: #009dcd}
#menu_topo						{ width: 100%; height: 40px; float: left; margin: 0 0 0 0; background-color: #fafafa; border-bottom: 1px solid #e1e1e1}
#container_topo					{ width: 1100px; height: 40px; margin: auto;}
.sair							{ width: 80px; height: 40px; float: left; margin: 0 0 0 0; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.sair a							{ color: #9a9a9c; font-family: "robotoregular"; font-size: 14px; text-decoration: none;}
.sair a:hover					{ text-decoration: underline;}
.alinha_bt_img					{ width: 50px; margin: auto; height: 21px; background: url("../img/sair.png") no-repeat left; margin-top: 6px; text-align: right; padding-top: 7px; padding-bottom: 0}
.fb								{ width: 27px; height: 26px; float: right; margin: 0 0 0 0; text-align: left; padding-top: 12px;}
.fb a 							{ color: #c1c1c3; font-family: "robotobold"; font-size: 18px; text-decoration: none}
#meio							{ width: 1100px; margin: 0 auto 0 auto; height: 100%;}
#cabecalho						{ width: 100%; height: 160px; float: left;}
#logo							{ float: left; margin-top: 5px}
#bem_vindo						{ float: left; margin-top: 50px; margin-left:  50px;color: #68676a; font-family: "robotoregular"; font-size: 14px}
#condominio						{ float: right; color: #68676a; font-family: "robotoregular"; font-size: 14px; margin-top: 25px}
#dados_condominio				{ float: left; color: #68676a; font-family: "robotoregular"; font-size: 14px; width: 140px; text-align: right; line-height: 17px;padding-right: 15px; padding-top: 15px}
#abas							{ float: left; width: 710px; margin: 0;}
#wrapper {
    width:705px;
}
ul.tabs {
    width: 705px;
    margin:0;
    padding:0;

}
ul.tabs li {
    display:block;
    float:left;
	text-align: center;
	width: 193px;
	height: 42px;
	margin-right: 5px;

		
}
ul.tabs li a {
	width: 193px;
	height: 42px;
	float:left;
    font-size: 14px;
    text-decoration:none;
	
}

.normal {
	color: #009dcd; 
	font-family: "robotoregular"; 
	font-size: 14px;
	background-color: #dfdfdf;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
.normal:hover { 
   text-decoration: underline;
}

.selected {
    color: #009dcd; 
	font-family: "robotoregular"; 
	font-size: 14px;
	background-color: #f3f3f3;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
.selected:hover {
   text-decoration: underline;
}

.tab-content {
	clear: both;
    border-top: 1px solid #dfdfdf;
    background-color: #f3f3f3;
    width: 705px;
	
	
}
.img_box			{margin-top: 10px; margin-right: 8px}
.linha_tab			{float: left; height: 70px; margin: 0; border-bottom: 1px solid #dfdfdf; width: 705px; background-color: #f3f3f3;}
.data				{clear: both; float: left; width: 60px; padding-top: 13px}
.data_texto			{color: #009dcd; font-family: "robotoregular"; font-size: 14px;}
.icone				{float: left; width: 60px; padding-top: 22px}			
.assunto			{float: left; text-align: left; padding-left: 15px; padding-top: 28px}
.assunto a 			{color: #68676a; font-family: "robotoregular"; font-size: 14px; text-decoration: none;}	
.assunto a:hover    {text-decoration: underline;}
.download			{float: right; width: 165px;} 
.bt_down			{float: left; width: 22px; margin-top: 25px} 
.link_down			{float: left; margin-top: 30px; margin-left: 5px;} 
.link_down a 		{color: #60ce35; font-family: "robotoregular"; font-size: 12px; text-decoration: none;}	
.link_down a:hover	{color: #3e8223; text-decoration: underline;}
#bt_mais			{float: left; margin-top: 30px;}	
#legenda			{float: left; margin-top: 60px; margin-bottom: 5px; width: 705px; text-align: left;  color: #455870; font-family: "robotoregular"; font-size: 12px;}	
#bt_legenda			{float: left; margin-bottom: 10px; width: 705px; padding: 0}
#bt_legenda	img		{float: left;}
#direito			{float: left; width: 390px;}
.cabecalho_recados  {float: left; width: 330px; height: 45px; margin-left: 60px}
#icone_recados 		{float: left; width: 26px; height: 26px; padding-top: 10px}
#recados 			{float: left; color: #009dcd; font-family: "robotoregular"; font-size: 14px; padding-top: 18px; padding-left: 7px}
.recados    		{float: left; width: 327px; margin-left: 60px; border-left: 3px solid #009dcd; background-color: #dfdfdf; padding-bottom: 20px; padding-top: 5px; margin-bottom: 30px}
.icone_aviao 		{float: left; width: 60px; height: 35px; padding-top: 10px;}
.titulo_recado    	{width: 267px; height: 30px; color: #455870; font-family: "robotoregular"; font-size: 14px; text-align: left; padding-top: 15px;}
.recado_texto    	{float: right; width: 262px;color: #455870; font-family: "robotoregular"; font-size: 14px; text-align: left; padding-right: 5px;}
.data_recado		{clear: both; float: left; width: 60px;}
.data_texto_recado	{color: #009dcd; font-family: "robotoregular"; font-size: 14px;}
#rodape				{ width: 100%; height: auto; float: left; margin: 0 0 0 0; bottom: 0;}
.barra_azul_rodape  { width: 100%; height: 40px; float: left; margin: 0 0 0 0; background-color: #009dcd}
.barra_azul_rodape	{ width: 100%; height: 40px; float: left; margin: 0 0 0 0; background-color: #009dcd}
.barra_cinza_rodape	{ width: 100%; height: 30px; float: left; margin: 0 0 0 0; background-color: #2f373f;color: #ffffff; font-family: "robotoregular"; font-size: 12px; text-align: right; padding-top: 20px;}
.barra_cinza_rodape a {color: #ffffff; font-family: "robotoregular"; font-size: 12px; text-decoration: none}
.campo_login    	{float: left; border-left: 3px solid #009dcd; background-color: #dfdfdf; padding-left: 10px; margin-left: 400px; padding-right: 10px;  padding-top: 10px;  padding-bottom: 10px; width: 210px;}
.titulo_login    	{float: left; height: 25px; color: #455870; font-family: "robotoregular"; font-size: 14px; text-align: left; padding-top: 15px; padding-left: 10px}
.nome_campo			{float: left; clear: both; float: left; margin-top: 10px; width: 44px; text-align: right;}
.campo				{float: left; margin-top: 6px; padding-left: 10px}
.texto_campo		{color:  #009dcd; font-family: "robotoregular"; font-size: 14px; text-align: right;}
.c_texto			{width: 150px; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;height: 20px; color: #455870}
.bt_login			{float: left; margin-top: 10px; width: 100%;}
.b_texto			{border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; height: 25px; font-family: "robotoregular"; font-size: 14px; font-weight: bold; color: #455870;}