body{

	height:100%;

	font-family: 'Lato', sans-serif;

	color: #333;

	

}

a:link, a:active, a:visited{

	color: #315e8a;

	text-decoration: none;

}

a:hover{

	text-decoration: underline;

	text-align: justify;

}

/*grid 960px (é o tamanho padrão atualmente) 960/12= 80, 

e como vamos precisar de espaço só vamos usar 60ox*/ 







.coluna{

	padding:0 10px;

	float: left;

}



.ln, .ln1, .ln2{ 

	width: 75%;

	margin: 0 auto;

	overflow: auto;

	padding: 5px 0; 

}
#areaDeImpressao{
	visibility: hidden;
}

.ln{

	height: 90px;

}

.ln1{

	height: 200px;

}

.ln2{

	height: 40px;


}



.linha {

	width: 1200px;

	min-height: 500px;

	margin: 20px auto;

	overflow: auto;

	padding: 5px;


}

.linha1 {

	width: 100%;

	height: 522px;

	margin: 0px;

	overflow: hidden;

	padding: 0px;

}



.col1{

	width: 60px;

}

.col2{ /*60+80=140px*/

	width: 140px;

}

.col3{ /*+80 = 220 */

	width: 220px;

}

.col4{ /* +80 = 300 */

	width: 25%;

}

.col5{

	width: 380px;

}

.col6{

	width: 460px;

}

.col7{

	width: 540px;

}

.col8{ 

	width: 70%;

}

.col9{

	width: 700px;

}

.col10{ 

	width: 780px;

}.col11{

	width: 860px;

}

.col12{

	width: 940px;

	position: absolute;

	buttom:0;

}



/* estilos reutilizáveis */

.sem-padding {

	padding: 0 !important; /*o important força a utilização

	desse estilo mesmo que em baixo tenha outro intem a dizer

	que o padding tem outro elementos */

}

.sem-margin{

	margin: 0 !important;

}

h1, h2 ,h3, h4, h5, h6{

	font-weight: 500;

	margin: 15px 0 10px 0;

}

ul li, ol li{

	margin-bottom: 5px;

}

ul.inline li, ol.inline li{

	display: inline;

	margin-right: 15px; 

}

/*vai fazer com que os links finquem em linha e o margin-right 

vai fazer com que os links tenham maior espaçamento*/

ul.inline li:last-child, ol.inline li:last-child{

	margin-right: 0; 

}/*serve para que o ultimo link não 

	tenha espaçamento à direita*/

ul.sem-marcador, ol.sem-marcador{

	list-style: none;

}

a.botao, inpu.botao{

	background: #1f3c58;

	padding: 5px 10px;

	border-radius: 3px;

	color: #ebebeb;

	cursor: pointer;

	margin: 5px 0;

	display: inline-block;

	border: none;

}

a.botao:hover, input.botao:hover{

	background: #315e8a;

	text-decoration: none;

}

img{

	max-width: 100%;

	height: auto;

}

/*layout  do site */	

.header{

	background: rgba(0, 0, 0, 0) linear-gradient(#035987, #023957) repeat scroll 0 0;

	border-bottom: 1px solid rgba(120, 120, 120, 0.2);

    box-shadow: 0 4px 64px rgba(0, 0, 0, 0.3);

}

.header_slideshow{

	background: rgba(0, 0, 0, 0) linear-gradient(#035987, #023957) repeat scroll 0 0;

}



.header_adm{

	background: rgba(0, 0, 0, 0)  linear-gradient(#035987, #023957) repeat scroll 0 0;

	border-bottom: 1px solid rgba(120, 120, 120, 0.2);

    box-shadow: 0 4px 64px rgba(0, 0, 0, 0.3);

	



}

h1.logo{

	margin-top: 10px;

	font-weight: 500;

	color: #fff;

	letter-spacing: -1px;

}

.conteudo-extra{

	height: 200px; 

	border-bottom: 1px solid rgba(120, 120, 120, 0.2);

    box-shadow: 0 4px 64px rgba(0, 0, 0, 0.3);

	background: rgba(0, 0, 0, 0) linear-gradient(#fafafa, #f1f1f1) repeat scroll 0 0;

}



.footer, .footer_adm {

	height: 50px;

	padding: 10px 0;

	color: #fff;

	font-size: 1em;

	text-align: center;

	position:relative;

}

.footer {

	background: rgba(0, 0, 0, 0) linear-gradient(#023957, #01273D) repeat scroll 0 0;

}

.footer_adm{

	/*background: rgba(0, 0, 0, 0) linear-gradient(#FCD6AB, #995603) repeat scroll 0 0;*/

	background: rgba(0, 0, 0, 0) linear-gradient(#035987, #023957) repeat scroll 0 0;

	border-bottom: 1px solid rgba(120, 120, 120, 0.2);

    box-shadow: 0 4px 64px rgba(0, 0, 0, 0.3);

}



.menu{

	text-transform: uppercase;

	text-align: right;

	margin-top: 5px;

}

.menu{

	text-transform: uppercase;

	text-align: right;

	margin-top: 5px;

}

.menu li a{

	padding: 5px 5px;

	border-radius: 3px;

	color: #fff;

}

.menu li a:hover{

	text-decoration: none;

	background: #fff;

	color: #333;

}

ul.noticias li{

	clear: both;

	display: block;

	overflow: hidden;

	margin-bottom: 20px;

}

ul.noticias li img{

	width: 70px;

	height: auto;

	margin-right: 10px;

	float: left;

}

ul.noticias li h4{

	margin: -2px 0 5px 0;

	font-weight: 300;

}

ul.noticias li p{

	margin: 5px 0;

	font-weight: 500;

}

ul.noticias li p a{

	font-weight: 500;

}

.contato label{

	display: block;

	font-size: 13px;

	font-weight: 300;

}

.contato input, .contato textarea{

	display: block;

	margin-bottom: 15px;

	padding: 5px 2%;

	width: 96%

}

.contato textarea{

	height: 150px;

}

.contato input.botao{

	width: auto;

}



.error {

	color: #FF0000;

}



.br_5px { height: 5px;}

.br_10px { height: 10px;}

.br_15px { height: 15px;}

.br_20px { height: 20px;}

.br_30px { height: 30px;}

.br_40px { height: 40px;}

.br_50px { height: 50px;}

.br_60px { height: 60px;}

.br_70px { height: 70px;}

.br_80px { height: 80px;}

.br_90px { height: 90px;}

.br_100px { height: 1000px;}



.up {

	height:50px;

	padding-top: 8px;

	background-color: #FEFEFE; 

	border: 1px solid rgba(120,120,120,0.2); 

	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2); 

	   -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.2); 

			box-shadow: 0 4px 8px rgba(0,0,0,0.2); 

}

.up_side {
	height:50px;
	padding-top: 8px;
	background-color: rgba(200,200,200,0.2); 
	border: 1px solid rgba(120,120,120,0.2); 
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2);
	   -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.2);
			box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.put_right{ 

	float: right; 

}

.centrar_tag{ width: 100%; 

	margin: 0 auto; 

}

.container{	

	min-height: 600px;

}

.entry:not(:first-of-type) {

    margin-top: 10px;

}



.glyphicon {

    font-size: 12px;

}

a:link.close{text-decoration: none;}

.avatar {

	width: 80px;

	margin: 0 auto;

	text-align: center;

}

.modalDialog {

    position: fixed;

    font-family: Arial, Helvetica, sans-serif;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.7);

    z-index: 99999;

    opacity:0;

    -webkit-transition: opacity 300ms ease-in;

    -moz-transition: opacity 300ms ease-in;

    transition: opacity 300ms ease-in;

    pointer-events: none;

}

.modalDialog:target {

    opacity:1;

    pointer-events: auto;

}

.modalDialog > div {

    width: 400px;

    height: 400px;

    position: relative;

    margin: 10% auto;

    padding: 10px 20px 13px 20px;

    border-radius: 6px;

    background: #fff;

    background: -moz-linear-gradient(#fff, #999);

    background: -webkit-linear-gradient(#fff, #999);

    background: -o-linear-gradient(#fff, #999);

}

.close {

    background: #fefefe;

    color: #444;

    line-height: 25px;

    position: absolute;
	z-index: 999999;
    right: -12px;

    text-align: center;

    top: -10px;

    width: 24px;


    font-weight: bold;

    -webkit-border-radius: 12px;

    -moz-border-radius: 12px;

    border-radius: 12px;

    -moz-box-shadow: 1px 1px 3px #000;

    -webkit-box-shadow: 1px 1px 3px #000;

    box-shadow: 1px 1px 3px #000;

}

.close:hover {

    background: #8C0000;

}

.divLogin {

	padding: 16px;

}

.div_cl {

	width: 161px;

	display: inline-block;

	text-align: center;

}

.btn_xtr{

	position: absolute; bottom: 10px; right: -210px;

}

.redes-sociais{

	width: 400px;

	margin: 0 auto;

	padding-top: 80px;

}

#calendario {

    position: relative;

    width: 70%;       

	margin: 0 auto;

}



.n_evento{

	position: relative;

    width: 70%;

    height: 250px;

	margin: 0 auto;

}

.search_div {

	width: 100%;

	min-height: 250px;

	margin-bottom: 10px;	

}

.search_div1 {

	width: 100%;

	min-height: 250px;

	margin-bottom: 20px;

	background-color: #FEFEFE; 

	border: 1px solid rgba(120,120,120,0.2); 

	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2); 

	   -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.2); 

			box-shadow: 0 4px 8px rgba(0,0,0,0.2); 

}

.sideBar {
	margin: 40px 10px 10px 10px;
}



.cx_admin,

.cx_func,

.cx_cond {	

	margin: 40px auto 0 auto;

}

.cx_admin{	

	width: 80%;

}

.cx_func{	

	width: 64%;

}

.cx_cond{	

	width: 64%;

}





.menu_a,
.menu_q,

.menu_b,

.menu_c,

.menu_d,

.menu_e,

.menu_f,

.menu_g,

.menu_h,

.menu_i,

.menu_j,

.menu_k,

.menu_l,

.menu_m,

.menu_n, 

.menu_o, 
.menu_p,
.menu_q,
.menu_r {

	float: left;

	width: 140px;

	height: 160px;

	margin: 25px;

	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2);

	-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.2);

	box-shadow: 0 4px 8px rgba(0,0,0,0.2);

	

}

.texto_menu{

	margin-top:120px;

	color:#505739;

	font-family:Arial;

	font-size:18px;

	text-align: center;

	text-decoration:none;

	text-shadow:0px 1px 0px #DDD;

}



.menu_a{

	background-image: url(../img/condominio.png);

	background-repeat-x: no-repeat;

	background-repeat-y: no-repeat;

}

.menu_b{

	background-image: url(../img/fracao.png);

	background-repeat-x: no-repeat;

	background-repeat-y: no-repeat;

}

.menu_c{

	background-image: url(../img/condomino.png);

	background-repeat-x: no-repeat;

	background-repeat-y: no-repeat;

}

.menu_d{

	background-image: url(../img/funcionario.png);

	background-repeat-x: no-repeat;

	background-repeat-y: no-repeat;

}

.menu_e{

	background-image: url(../img/calendario.png);

	background-repeat-x: no-repeat;

	background-repeat-y: no-repeat;

}

.menu_f{

	background-image: url(../img/pesquisa.png);

	background-repeat-x: no-repeat;

	background-repeat-y: no-repeat;

}

.menu_g{

	background-image: url(../img/pagamento.png);

	background-repeat-x: no-repeat;

	background-repeat-y: no-repeat;

}

.menu_h{

	background-image: url(../img/evento.png);

	background-repeat-x: no-repeat;

	background-repeat-y: no-repeat;

}

.menu_i{

	background-image: url(../img/incumprimento.png);

	background-repeat-x: no-repeat;

	background-repeat-y: no-repeat;

}

.menu_j{

	background-image: url(../img/orcamento.png);

	background-repeat-x: no-repeat;

	background-repeat-y: no-repeat;

}

.menu_k{

	background-image: url(../img/alt_passwd.png);

	background-repeat-x: no-repeat;

	background-repeat-y: no-repeat;

}

.menu_l{

	background-image: url(../img/dados_pessoais.png);

	background-repeat-x: no-repeat;

	background-repeat-y: no-repeat;

}

.menu_m{

	background-image: url(../img/documentos_c.png);

	background-repeat-x: no-repeat;

	background-repeat-y: no-repeat;

}

.menu_n{

	background-image: url(../img/intervencoes.png);

	background-repeat-x: no-repeat;

	background-repeat-y: no-repeat;

}

.menu_o{

	background-image: url(../img/configuracoes.png);

	background-repeat-x: no-repeat;

	background-repeat-y: no-repeat;

}
.menu_p{

	background-image: url(../img/documentos_a.png);

	background-repeat-x: no-repeat;

	background-repeat-y: no-repeat;

}
.menu_q{

	background-image: url(../img/listar_documentos.png);

	background-repeat-x: no-repeat;

	background-repeat-y: no-repeat;

}
.menu_r{

	background-image: url(../img/localizacao.png);

	background-repeat-x: no-repeat;

	background-repeat-y: no-repeat;

}




.menu_a:hover,
.menu_q:hover,

.menu_b:hover,

.menu_c:hover,

.menu_d:hover,

.menu_e:hover,

.menu_f:hover,

.menu_g:hover,

.menu_h:hover,

.menu_i:hover,

.menu_j:hover,

.menu_k:hover,

.menu_l:hover,

.menu_m:hover,

.menu_n:hover,

.menu_o:hover,
.menu_p:hover,
.menu_q:hover,
.menu_r:hover{

	cursor: pointer;

	-webkit-box-shadow: 0 12px 8px rgba(0,0,0,0.2);

	-moz-box-shadow: 0 12px 8px rgba(0,0,0,0.2);

	box-shadow: 0 12px 8px rgba(0,0,0,0.2);

    background-color: rgba(221,221,221,0.2);

}

.c_green{
	background-color: rgba(21,150,6,0.8);
	color: white; 	
}
.c_red{
	background-color: rgba(173,5,5,0.8);
	color: white; 
}
.c_yellow{
	background-color: rgba(237,244,110,1);
	color: #444; 
}
.slogan{
	width: 600px;
	margin: 20px auto 0 auto;
	font-family: arial;
	text-align: center;
	color: rgb(120, 120, 120);
	font-size: 24px;
	/*background-color: rgb(186, 186, 186);*/
	text-shadow: rgb(224, 224, 224) 1px 1px 0px;
}

header {
background: rgba(0, 0, 0, 0) linear-gradient(#035987, #023957) repeat scroll 0 0;

	border-bottom: 1px solid rgba(120, 120, 120, 0.2);

    box-shadow: 0 4px 64px rgba(0, 0, 0, 0.3);

}

#btn-menu{
	display: none;
}


header label {
	display: none;
	width: 70px;
	height: 70px;
	padding: 10px;
	border-right: 1px solid #fff;
}

header label:hover {
	cursor: pointer;
	background: rgba(0,0,0,0.3);
}

.menu ul {
	margin: -10;
	list-style: none;
	padding: 5;
	display: flex;
	justify-content: flex-end; 
}

.menu li {
	text-align: center;
	border-right: 1px solid´#fff;
}

.menu li:hover {
	background: rgba(0,0,0,0.3);
}

.menu li a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;

}



@media (max-width: 768px) {
	header label {
		display: block;
	}

	.menu {
		position: absolute;
		background: rgba(0, 0, 0, 0) linear-gradient(#035987, #023957) repeat scroll 0 0;
		width: 100%;
		margin-left: -50%;
		transition: all 0.5s;
	}
	.menu ul {
		flex-direction: column;
	}
	.menu li {
		border-top: 1px solid #fff;
	}
	#btn-menu:checked ~ .menu {
		margin: 0;
	}

}