body {	
	opacity:1;
	margin-left:1%;
	margin-right:1%;
	background-color:#F2f2f2;
}


.caixa {
		width:100%;
	max-height:100%;
		border: 0px solid #a1a1a1;
    	border-radius:0px;
		float:left;
		margin-right:0%;
		margin-left:0%;
		margin-top:7%;
	position:relative;
}

	
.caixa2 {
		width:100%;
		height:auto;
		border: 0px solid #F00;
    	border-radius:0px;
		float:left;
		margin-left:0%;
		margin-right:1%;
		padding-right:1%;
		position:relative;
		margin-top:15.5%;
		background-color:#f2f2f2;
		/*
		overflow-y: scroll;
		
  		scroll-behavior: smooth;
		*/
}

[id*="bt"] {
cursor: pointer; 
}
	
[id*="dia"] {
	position: absolute;
    background-color: #f2f2f2;
	width:96%;
	height:auto;
    margin-top: 0px;
    margin-left: 0px;
	display:none;
	padding:10px;
    border-top: 10px solid #b7b9bb;
	z-index:1000; 
}


.lista {
	font-family: arial;	
	padding:6px;
	cursor:default;
	z-index:1000;
	font-weight:bold;
	font-size:13px;	
	color: white;
	text-align:center;
	border:solid 0.1em #666;
	background-color:#A6A8AB;
}


.lista1 {	
	font-family: arial;	
	padding:6px;
	cursor:pointer;
	z-index:1000;
	font-size:13px;	
	color:#4d4d4d;
	text-align:center;
	border:solid 0.1em #ccc;
	background-color:#E6E6E6;

	/*
	-ms-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	*/

}


.lista1:hover {
	background-color:#A6A8AB;
	color: white;
	font-weight:bold;
	/*
	 -ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	*/
}

.titulo{
	font-family:Georgia, Times, sans-serif;
	font-weight:bold;
	font-size:28px;	
	color: black;
	margin-top:17px;
	margin-left:20px;
	position:absolute;	
}


.miolo {
	width:98%;
	margin-top:2%;
	margin-left:1%;
	margin-right:1%;	
}
	

/* Chrome, Safari, Opera */
@-webkit-keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}


@-moz-keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}


@-ms-keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}


@keyframes transparente {
     0%   { opacity: 0; }
  100% { opacity: 1; }
}


.table a
{
    display:block;
    text-decoration:none;
    }


.margemp {
	
	padding: 2px 2px 2px 2px;
	width:22px;
	height:48px;
	margin: 0;
	font-size: 24px;
	color: #fff;
	text-align: center;
	background-color:#A6A8AB;
	outline: none;
	/*
	padding: 2px 2px 2px 2px;
	width:22px;
	height:48px;
	margin: 0;
	font-size: 28px;
	color: #fff;
	text-align: center;
	background-color:#A6A8AB;
	outline: none;
	border-radius: .1em;
	font-weight:bold;
*/
}



.margempp {
	padding: 2px 2px 2px 2px;
	width:22px;
	height:48px;
	margin: 0;
	font-size: 24px;
	color: #000000;
	text-align: center;
	background-color:#A6A8AB;
	outline: none;
	
	
}


.margemppfds {
	padding: 2px 2px 2px 2px;
	width:22px;
	height:48px;
	margin: 0;
	font-size: 24px;
	color: #fff;
	text-align: center;
	background-color:#7a7e83;
	outline: none;
	
	
}


.diasconteudo {
	padding: 2px 2px 2px 2px;
	width:22px;
	height:48px;
	margin: 0;
	font-size: 24px;
	color: #000000;
	text-align: center;
	background-color: #e21a22;
	opacity:1;
	outline: none;
	border-radius: .1em;
	border: .03em solid #ccc;
	/*
	box-shadow: 0 0 32px #ccc inset;
	*/
}


.diasconteudo:hover {
	opacity:0.9;	
}

.feriados{
	width:20px;
	height:20px;
	float:left;
	margin-right:1px;
	background-color: #e21a22;
	opacity:1;
	
	}



.diasconteudo2 {
	padding: 2px 2px 2px 2px;
	width:22px;
	height:48px;
	margin: 0;
	font-size: 24px;
	color: #000000;
	text-align: center;
	background-color: #fff45f;
	opacity:0.9;
	outline: none;
	border-radius: .1em;
	border: .03em solid #ccc;
	/*
	box-shadow: 0 0 32px #ccc inset;
	*/
}


.diasconteudo2:hover {
	opacity:1;	
}

.pontes{
	width:20px;
	height:20px;
	float:left;
	margin-right:1px;
	margin-left:15px;
	background-color: #fff45f;
	opacity:1;
	}


.diasconteudo3 {
	padding: 2px 2px 2px 2px;
	width:22px;
	height:48px;
	margin: 0;
	font-size: 24px;
	color: #000000;
	text-align: center;
	background-color: #6ba3bc;
	opacity:0.9;
	outline: none;
	border-radius: .1em;
	border: .03em solid #ccc;
	/*
	box-shadow: 0 0 32px #ccc inset;
	*/
}


.diasconteudo3:hover {
	opacity:0.8;	
}

.fdsprolongados{
	width:20px;
	height:20px;
	float:left;
	margin-right:1px;
	margin-left:15px;
	background-color: #bdda70;
	opacity:1;
	}
	
	
.legendas_topo {
	font-family: arial;	
	padding:6px;
	float:left;
	z-index:1000;
	font-weight:bold;
	font-size:13px;	
	color: black;

}
	

.cabecalho {	
	padding: 2px 2px 2px 2px;
	width:95.5%;
	text-align:center;
	background-color:#6ba3bc;
	position:fixed;
}


.fechar {
	cursor:pointer;
	text-align:center;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:32px;
	color: #6ba3bc;
	margin-top:2px;
	z-index:999999999;
	opacity:0.9;
}


.fechar:hover {
	opacity:1;
}

.fecharx {
	padding:1px;
	padding-left:20px;
	padding-right:20px;	
	border: 2px solid #6ba3bc;
	
}


.conteudo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:24px;
	color: black;
	margin-top:4em;
	position:relative;
	height:255px;
	overflow:auto;
	padding-left:1em;
	padding-right:1em;
	z-index:3;
}


.mes {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-style: normal;
	color: #000000;
	opacity:0.9;
}
.ano {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	font-style: normal;
	color: #000000;
}



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



::-webkit-scrollbar {
  width: 15px;

}
 
::-webkit-scrollbar-thumb {
  background: #6ba3bc;
  
}

::-webkit-scrollbar-track {
 
  background-color:rgba(135,157,167,0.3);

}

::-webkit-scrollbar-button {
  background: grey;
  height: 15px;
  border-radius: 10%; 
}	





.clear {
	clear:both;

	
}



@media only screen and (max-width:580px) {	

[id*="dia"] {
    width: 93%;
	height:300px;

}
		
	
.mes {
	font-size: 23px;
}

.ano {
	font-size: 12px;
}

.mes2 {
	font-size: 23px;
}

.cabecalho {
	padding-top:0px;
	padding-left:0px;
	width:90%;
}
	
.conteudo {
	font-size:18px;
	line-height:16px;
	margin-top:3em;
	height:210px;
	padding-right:1em;
	
}


.diasconteudo2 {
	font-size: 14px;
	height:30px;
}

.diasconteudo {
	font-size: 14px;
	height:30px;
}
	
	
	.diasconteudo3 {
	font-size: 14px;
	height:30px;
}
.margemp {
	font-size: 14px;	
}


.margempp {
	font-size: 14px;
	height:30px;	
}

.margemppfds {
	font-size: 16px;
	height:30px;	
}


.fechar {
	font-size:12px;
	margin-top:-1%;
	position:relative;
}

.fecharx {

	padding-left:10px;
	padding-right:10px;	
	border: 1px solid #6ba3bc;	
}


.lista {

	font-size:8px;
	
}


.lista1 {	
	font-size:10px;	
	}
	
	
	.caixa2 {
	
		margin-top:22%;
		/*
		overflow-y: scroll;
		
  		scroll-behavior: smooth;
		*/
}


}