body 
{
	background: #fcf5db url(../imagens/bg0.jpg) repeat-x;
	
	font-family:Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	color:#006AB2;
 	line-height: 14px;
 	margin:0;
	padding:0;
}

a {
text-decoration:none;
outline:none;
color:#006AB2;
}
 
 
a:hover {
text-decoration:none;
color:#996600;
}

/*=============================================================== ESTRUTURA GERAL =====================================================================*/ 

#topo_geral
{
	background-color: #eee5c4;
	width:100%;
	height:300px;
	float:left;
	border-bottom: 2px solid #e6dfc6; 
}

#topo
{
	position: relative;
	background-color: #f2f2f2;
	width:780px;
	height:300px;
	margin-left: auto;
	margin-right: auto;
}

#geral
{
 	vertical-align: top;
 	width: 780px;
 	height:auto;
 	margin-left: auto;
 	margin-right: auto;
}

#box_menu
{
	float:right;
	position: absolute;
	bottom: -2px;
	right: 0;
}

#banner
{
	width:780px;
	float:left;	
}



#miolo_geral2
{
	background-image:url(../imagens/bg_area_rest2b.gif);
	float:left;
	width:590px;
	min-height: 541px;
	padding-top: 30px;
}

#miolo_white
{
	width:780px;
	height:auto;
	float:left;
	background-color:#FFFFFF;
}

#miolo
{
	width:780px;
	height:auto;
	float:left;
	background-color:#fcf5db;
}

.atas_antigas
{
	width:558px;
	margin-top:20px;
	padding-left:20px;
	float:left;
}

#miolo_direito
{
	width:578px;
	height:auto;
	float:right;
}

#rodape
{
	padding-top:5px;
	width:780px;
	height:80px;
	float:left;
} 
 
.rodape
{
	text-align:center;
	color:#006AB2;
	}

/*============================= TOPO CONTEÚDO =======================================*/


#slider {
	width: 780px;
	height:240px;
}

#logo
{
	position:relative;
	width:144px;
	height:119px;
	float:left;
	top: -61px;
	left: 20px;
	z-index: 110px;
}

#space
{
width:340px;
height:80px;
float:left;
}

#login
{
	display: none;
	float:left;
	position: absolute;
	bottom: 50px;
	right: 20px;
	padding: 16px;
	width: 360px;
	background-color: #0d547f;
	border-radius: 10px;
	z-index: 9999;
}

#login.activeUser {
	width: 190px !important;	}

#login input {
	padding: 6px 10px;
	margin: 0;
	border: none;
	margin-right: 10px;
}

#login a {
	display: block;
	margin-top: 10px;
	color: #83c6ee;
}
#login a:hover {
	color: #d5eaf6
}
#login #ribbon {
	position: absolute;
	float: left;
	width: 23px;
	height: 10px;
	bottom: -10px;
	right: 70px;
	background: url(../imagens/box-ribbon.png); 
}


#vazio
{
width:90px;
height:15px;
/*margin:5px 10px 5px 5px;*/
float:left;
}

#data 
{
width:150px;
height:15px;
/*margin:5px 10px 5px 5px;*/
float:right;

}


#box_senha
{
height:auto;
float:right;
margin:0px 0px 0px 0px;
}


/*========================================================== BANNER ESQUERDA =========================================================*/
#box_text
{
width:202px;
height:528px;;
float:left;


}

#test_bemvindo 
{
width:202px;
height:70px;
background-color:#FFFFFF;
}

#text_bemvindo
{

width:178px;
height:457px;
background-image:url(../imagens/bg_bemvindo.gif) ;
background-position:top;
padding-left:12px;
padding-right:12px;

}


/*========================================================== NOTÍCIAS =========================================================*/
#box_not
{
width:387px;
height:auto;
float:left;
}

#test_not
{
background-image:url(../imagens/test_not.gif);
width:387px;
height:71px;
float:left;

}
#test_eventos
{
    background:url(../imagens/test_eventos.gif) no-repeat;
    width:378px;
    height:71px;
    float:left;

}

#meio_not
{
width:387px;
height:358px;
background-image:url(../imagens/bg_not.gif);
float:left;
}

#not
{
margin-top:3px;
width:340px;
padding-bottom:7px;
padding-top:7px;
float:left;
margin-left:15px;
}

#leia_mais
{
width:341px;
height:20px;
float:left;
margin-left:13px;
}

/*========================================================== CONHEÇA =========================================================*/
#conheca 
{
background-image:url(../imagens/conheca.gif);
background-repeat:no-repeat;
background-color:#fcf5db;
width:387px;
height:auto;
float:left;
}


#txt_conheca
{
padding-top:60px;
padding-left:10px;
width:225px;
height:50px;
float:left;
}

#foto_index
{
width:150px;
height:114px;
float:right;
}

/*========================================================== SUGESTÃO DO CHEFE =========================================================*/
#box_chef
{
width:185px;
height:auto;
float:right;
}

#test_chef
{
background-color:#fcf5db;
width:185px;
height:75px;
float:left;
}

#txt_chefe
{
width:176px;
height:auto;
float:left;
padding-right:8px;
}

#clima
{
margin-top:5px;
width:170px;
height:170px;
float:left;
padding-left:2px;
}
#dolar
{
	width:100%;
	padding-top:10px;
	padding-left:2px;
	float:left;
}



/*========================================================== PÁG INFORMES ORGANIZACIONAIS =========================================================*/

#box_miolo_inf
{
margin-left:10px;
margin-top:10px;
float:left;
width:680px;
height:auto;
}

#test_inf
{
width:374px;
height:68px;
}

#txt_categoria
{
width:550px;
height:100px;
float:left;
padding-left:10px;
margin-left:10px;
padding-top:10px;
font-size:14px;
}




/*========================================================== PÁG JORNAIS =========================================================*/



#box_miolo_jornal
{
margin-left:15px;
margin-top:10px;
float:left;
width:550px;
height:auto;
}

#test_jornal
{
width:356px;
height:68px;
}







/*========================================================== PÁG ADMINISTRAÇÃO RESPONDE (FAQ) =========================================================*/

#box_miolo_adm
{
margin-left:10px;
margin-top:10px;
float:left;
width:680px;
height:auto;
}

#test_adm
{
width:384px;
height:68px;
}


#lista_perguntas
{
width:550px;
height:370px;
float:left;
padding-left:10px;
margin-left:10px;
padding-top:10px;
overflow: auto;
}

.link_adm a
{
    display: block;
    padding: 5px;
    /*background:#006AB2;*/
    color: #006AB2;
}
.link_adm a:hover
{
    background:#FFF;
    color: #666633;
    text-decoration: underline;
}

/*========================================================== PÁG FOTOS DA SEMANA =========================================================*/

#box_miolo_fotos
{
	width:550px;
	height:auto;
	margin-left:10px;
	margin-top:10px;
	text-align:center;
	float:left;
}

#test_fotos
{
	width:312px;
	height:68px;
}

#box_thumb_foto
{
	width:150px;
	height:auto;
	text-align:center;
	margin:10px;
	float:left;
}

#nome_foto{
	width:150px;
	height:auto;
	text-align:center;
	padding-top:5px;
}


/* FOTO CONHEÇA O CONDOMINIO*/

#box_conheca_fotos
{
	margin-left:10px;
	margin-top:10px;
	float:left;
	width:350px;
	height:auto;
	text-align:center;
}

#test_fotos
{
	width:312px;
	height:68px;
}

#box_conheca_fotos .thumb_foto
{
	width:125px;
	height:auto;
	float:left;
	margin:10px;
}

#box_conheca_fotos .nome_foto{
	width:125px;
	height:auto;
	text-align:center;
	/*padding-left:10px;
	padding-right:5px*/;
}



/* Galeria Fotos e Vídeos */
#boxGaleria {
	float:  left;
	width: 580px;
}

#boxGaleria .boxThumbFoto {
	position: relative;
	float:  left;
	width: 120px;
	background: #ffffff;
	border: 1px solid #ddd;
	padding: 3px;
	margin: 8px;

	-webkit-box-shadow:  0px 2px 2px 0px #999;
    box-shadow:  0px 2px 2px 0px #999;
}

#boxGaleria .boxThumbFoto a {
	position:  relative;
	display: block;
}

#boxGaleria .boxThumbPlay {
	display: block;
	position: absolute;
	top: 30px;
	right: 45px;
	float:  left;
	width: 30px;
	height: 30px;
	background-color: #ddd;
	border: 3px solid #fff;
	border-radius: 30px;
	z-index:  10;
	font-size: 40px;
	text-align: center;
	line-height: 27px;
	background: #ddd url(../../imagens/btn-play.png) no-repeat center;

	opacity: 0.85;
}


#boxGaleria .boxThumbPlay:hover,
#boxGaleria .boxThumbPlay a:hover .boxThumbPlay {
	background-color: #fff; }




#boxGaleria .boxThumbFoto img {
	background: #ddd;
}

#boxGaleria .boxThumbFoto .boxThumbLabel {
	float: left;
	padding: 6px 6px 4px;
}



/*========================================================== PÁG LANCHONETE =========================================================*/

#box_miolo_lanch
{
margin-left:10px;
margin-top:10px;
float:left;
width:550px;
height:390px;
overflow: auto;
}

#test_lanch
{
width:388px;
height:68px;
}

#cardapio
{
width:730px;
height:auto;
float:left;
padding-left:10px;
margin-left:10px;
padding-top:20px;

}


/*========================================================== PÁG ATAS =========================================================*/

#box_miolo_ata
{
margin-left:10px;
margin-top:10px;
float:left;
width:680px;
height:auto;
}

#test_ata2
{
width:638px;
height:68px;
}

#lista_ata
{
width:630px;
height:auto;
float:left;
padding-left:10px;
margin-left:10px;
padding-top:10px;

}


#lista_ata a:link
{
text-decoration:underline;
color:#996600;
}

#lista_ata a:hover
{
text-decoration:underline;
color:#999966;
}


/*========================================================== PESSOAS AUTORIZADAS =========================================================*/


#box_miolo_autoriza
{
	margin-left:15px;
	margin-top:10px;
	float:left;
	width:550px;
	height:340px;
	overflow:auto;
}
#box_miolo_autoriza_cont
{
	float:left;
	width:550px;
	height:340px;
	overflow:auto;
}

#test_autoriza
{
width:356px;
height:68px;
}


/*========================================================== CAMPO VOLTAR =========================================================*/

#voltar
{
width:64px;
height:35px;
float:left;
margin:20px 10px 15px 10px;

}


/*========================================================== OBRIGADO =========================================================*/

#obrigado
{
	margin-left:10px;
	margin-top:10px;
	float:left;
	width:550px;
	height:auto;


}
#lista_perguntas a
{
	font-size:13px;
}

.link
{
	font-size:15px;
}