﻿
body.calendarioBody {
	overflow: auto;
	background-image: url(../imagens/atividades_bg.jpg);
	background-size: cover;
	background-position: bottom;
}

.educacao-infantil {
	background-color: transparent;
}

@media screen and (max-width: 1280px) {
	
	body.calendarioBody .educacao-infantil {position: relative;}
	body.calendarioBody .mostrar-menu {display: none !important;}
	body.calendarioBody #ava_hd1, #ab_hd1, #pp_hd1 {top: 0px;}
	
}

/*==============================================================*/
/* CALENDÁRIO													*/
/*==============================================================*/

.calendario {
	width: 1024px;
	height: 768px;
	position: relative;
	margin: 20px auto;
	z-index: 999;
	background-color: #85deff;
	background-image: url(../imagens/atividades/calendario_bg.png);
	background-position: top center;
	background-repeat: no-repeat;
}

@media screen and (max-width: 1280px) {.calendario {margin: 0 auto;}}

/*Header*/
	.calendario header {
		height:  60px;
		margin-bottom: 90px;
		width: 100%;
		text-align: center;
		background-color: #FFF;
		position: relative;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
	}

		.calendario header h2 {
			margin: 0;
			line-height: 60px;
			display: inline-block;
			font-family: "boogalooregular";
			color: #cd363d;
			font-size: 37px;
			font-weight: 600;
			letter-spacing: 1px;
			text-transform: uppercase;
			position: relative;
		}

		.calendario header h2:before,
		.calendario header h2:after {
			content: " ";
			width: 24px;
			height: 40px;
			position: absolute;
			top: 0;
			background-image: url(../imagens/atividades/calend_espiral.png);
			background-repeat: no-repeat;
		}

		.calendario header h2:before {left: -70px;}
		.calendario header h2:after {right: -70px;}

		.calendario header a.btn_voltar {
			position: absolute;
			line-height: 60px;
			height: 60px;
			padding: 0 20px;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: 	all 0.2s ease-in-out;
			transition: 		all 0.2s ease-in-out;
			z-index: 2;
			top: 0;
			left: 0;
			color: #FFF;
			background-color: #de4a51;
		}

		.calendario header a.btn_voltar:before {
			font-family: "Fontello";
			content: "\E84C";
			font-size: 22px;
		}

		html.desktop .calendario header a.btn_voltar:hover {
			background-color: #C7252D;
		}

		.calendario header a.btn_hoje,
		.calendario header a.btn_mes {
			position: absolute;
			width: 90px;
			height: 40px;
			line-height: 43px;
			top: 10px;
			right: 10px;
			background-color: #de4a51;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			font-family: 'handleeregular';
			text-transform: uppercase;
			color: #FFF;
			font-weight: 600;
			-webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
			-moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
			box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
			
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: 	all 0.2s ease-in-out;
			transition: 		all 0.2s ease-in-out;
		}

		html.desktop .calendario header a.btn_hoje:hover,
		html.desktop .calendario header a.btn_mes:hover {
			background-color: #FF6B72;
			-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);
			-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);
			box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);
		}

		.calendario header a.btn_hoje {
			right: 110px;
		}

		html.desktop .calendario header a.btn_hoje.ativo:hover,
		html.desktop .calendario header a.btn_mes.ativo:hover,
		.calendario header a.btn_hoje.ativo,
		.calendario header a.btn_mes.ativo {
			cursor: default;
			background-color: #A9171E;
			-webkit-box-shadow: inset 1px 2px 10px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: inset 1px 2px 10px 0px rgba(0,0,0,0.75);
			box-shadow: inset 1px 2px 10px 0px rgba(0,0,0,0.75);
		}

		.calendario header ol.mouths {
			/*margin: 20px 0 0;*/
			padding: 0;
			list-style: none;
			height: 70px;
			position: absolute;
			width: 1024px;
			bottom: -90px;
		}

		.calendario header ol.mouths li {
			color: transparent;
			list-style: none !important;
			width: 85px;
			width: calc(1024px/12);
			position: absolute;
			bottom: 0;
		}

			.calendario header ol.mouths li:nth-child(1) {left: 0; left: calc((1024px/12)*0);}
			.calendario header ol.mouths li:nth-child(2) {left: 85px; left: calc((1024px/12)*1);}
			.calendario header ol.mouths li:nth-child(3) {left: 171px; left: calc((1024px/12)*2);}
			.calendario header ol.mouths li:nth-child(4) {left: 256px; left: calc((1024px/12)*3);}
			.calendario header ol.mouths li:nth-child(5) {left: 341px; left: calc((1024px/12)*4);}
			.calendario header ol.mouths li:nth-child(6) {left: 427px; left: calc((1024px/12)*5);}
			.calendario header ol.mouths li:nth-child(7) {left: 512px; left: calc((1024px/12)*6);}
			.calendario header ol.mouths li:nth-child(8) {left: 597px; left: calc((1024px/12)*7);}
			.calendario header ol.mouths li:nth-child(9) {left: 683px; left: calc((1024px/12)*8);}
			.calendario header ol.mouths li:nth-child(10) {left: 768px; left: calc((1024px/12)*9);}
			.calendario header ol.mouths li:nth-child(11) {left: 853px; left: calc((1024px/12)*10);}
			.calendario header ol.mouths li:nth-child(12) {left: 939px; left: calc((1024px/12)*11);}

		.calendario header ol.mouths li a {
			margin: 20px 0 0;
			height: 50px;
			width: 100%;
			float: left;
			text-align: center;
			font-family: 'handleeregular';
			text-transform: uppercase;
			font-size: 11px;
			font-weight: bold;
			line-height: 50px;
			color: #FFF;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: 	all 0.2s ease-in-out;
			transition: 		all 0.2s ease-in-out;
		}

		html.desktop .calendario header ol.mouths li a:hover {
			/*font-size: 12px;*/
			margin: 10px 0 0;
			height: 60px;
			line-height: 60px;
		}

		.calendario header ol.mouths li:nth-child(1) a {background-color: #015b71;}
		.calendario header ol.mouths li:nth-child(2) a {background-color: #01667f;}
		.calendario header ol.mouths li:nth-child(3) a {background-color: #01718d;}
		.calendario header ol.mouths li:nth-child(4) a {background-color: #017a98;}
		.calendario header ol.mouths li:nth-child(5) a {background-color: #08819f;}
		.calendario header ol.mouths li:nth-child(6) a {background-color: #0f88a6;}
		.calendario header ol.mouths li:nth-child(7) a {background-color: #1891af;}
		.calendario header ol.mouths li:nth-child(8) a {background-color: #1f98b6;}
		.calendario header ol.mouths li:nth-child(9) a {background-color: #29a2c0;}
		.calendario header ol.mouths li:nth-child(10) a {background-color: #31acca;}
		.calendario header ol.mouths li:nth-child(11) a {background-color: #3ab3d1;}
		.calendario header ol.mouths li:nth-child(12) a {background-color: #43bcda;}

		.calendario header ol.mouths li:nth-child(1) a:before  {content: "Janeiro";}
		.calendario header ol.mouths li:nth-child(2) a:before  {content: "Fevereiro";}
		.calendario header ol.mouths li:nth-child(3) a:before  {content: "Março";}
		.calendario header ol.mouths li:nth-child(4) a:before  {content: "Abril";}
		.calendario header ol.mouths li:nth-child(5) a:before  {content: "Maio";}
		.calendario header ol.mouths li:nth-child(6) a:before  {content: "Junho";}
		.calendario header ol.mouths li:nth-child(7) a:before  {content: "Julho";}
		.calendario header ol.mouths li:nth-child(8) a:before  {content: "Agosto";}
		.calendario header ol.mouths li:nth-child(9) a:before  {content: "Setembro";}
		.calendario header ol.mouths li:nth-child(10) a:before {content: "Outubro";}
		.calendario header ol.mouths li:nth-child(11) a:before {content: "Novembro";}
		.calendario header ol.mouths li:nth-child(12) a:before {content: "Dezembro";}

		.calendario header ol.mouths li.ativo a,
		html.desktop .calendario header ol.mouths li.ativo a:hover {
			line-height: normal;
			margin: 0;
			height: 70px;
			font-size: 12px;
			padding-top: 13px;
			background-color: #ff983c;
			cursor: default;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: 	all 0.2s ease-in-out;
			transition: 		all 0.2s ease-in-out;
		}

		.calendario header ol.mouths li.ativo a:after {
			content: "\E88A";
			font-family: "Fontello";
			display: inline-block;
			width: 100%;
			text-align: center;
			font-weight: normal;
			font-size: 20px;
			margin-top: 5px;
		}

/*Modo HOJE*/

	.calendario_semana {
		width: 262px;
		float: left;
		position: relative;
		min-height: 465px;
		max-height: 475px;
	}
		.calendario_semana > a {
			position: absolute;
			width: 262px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: 	all 0.2s ease-in-out;
			transition: 		all 0.2s ease-in-out;
		}

		.calendario_semana > a:before {
			font-family: "Fontello";
			color: #FFF;
			font-weight: normal;
		}

		.calendario_semana a.btn_prev {background-color: rgba(86,24,111,0.66); top: 0;}
		.calendario_semana a.btn_next {background-color: rgba(215,154,240,0.66); bottom: 0;}

		html.desktop .calendario_semana a.btn_prev:hover,
		html.desktop .calendario_semana a.btn_next:hover {background-color: #D2414E;}

		.calendario_semana a.btn_prev:before {content: "\E8B8";}
		.calendario_semana a.btn_next:before {content: "\E8BF";}

		.calendario_semana ol {
			width: 100%;
			min-height: 385px;
			max-height: 405px;
			overflow: hidden;
			margin: 40px 0;
			padding: 0;
			list-style: none;
			font-family: 'handleeregular';
			text-transform: uppercase;
			position: relative;
		}

		.calendario_semana ol li {
			width: 100%;
		}

		.calendario_semana ol li a {
			font-size: 20px;
			color: #FFF;
			padding: 0 15px 0 55px;
			width: 100%;
			height: 55px;
			line-height: 55px;
			float: left;
			position: relative;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: 	all 0.2s ease-in-out;
			transition: 		all 0.2s ease-in-out;
		}

		.calendario_semana ol li a span {
			margin-right: 10px;
			font-weight: 600;
			position: absolute;
			top: 0;
			left: 15px;
			line-height: 55px;
		}

		.calendario_semana ol li:nth-child(1) a {background-color: rgba(119,39,153,0.66);}
		.calendario_semana ol li:nth-child(2) a {background-color: rgba(134,49,169,0.66);}
		.calendario_semana ol li:nth-child(3) a {background-color: rgba(150,58,188,0.66);}
		.calendario_semana ol li:nth-child(4) a {background-color: rgba(166,70,206,0.66);}
		.calendario_semana ol li:nth-child(5) a {background-color: rgba(180,91,218,0.66);}
		.calendario_semana ol li:nth-child(6) a {background-color: rgba(194,107,231,0.66);}
		.calendario_semana ol li:nth-child(7) a {background-color: rgba(204,126,236,0.66);}

		html.desktop .calendario_semana ol li a:hover {background-color: #D2414E;}
			
		html.desktop .calendario_semana ol li.selecionado a:hover,
		.calendario_semana ol li.selecionado a {
			background-color: #d4515d;
			box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
			cursor: default;
		}

		.calendario_semana ol li.selecionado a:before {
			display: inline-block;
			width: 100%;
			margin-top: 10px;
		}

		html.desktop .calendario_semana ol li.ativo a:hover,
		.calendario_semana ol li.ativo a {
			background-color: #b4313d;
			height: 65px;
			line-height: 25px;
			box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
			cursor: default;
		}

		.calendario_semana ol li.ativo a span {
			line-height: 65px;
		}

		.calendario_semana ol li.ativo a:before {
			content: "Hoje é";
			display: inline-block;
			width: 100%;
			margin-top: 10px;
		}

		.calendario_semana ol li.ativo a:after {
			content: "!";
		}

	.calendario_content {
		width: 762px;
		float: right;
		background-color: #b4313d;
		padding: 10px;
		color: #FFF;
		font-family: 'handleeregular';
		text-transform: uppercase;
	}

        .calendario_content p,
        .calendario_content pre {
			color: #FFF !important;
			font-size:15px !important;
		}
	
		.calendario_content .col_left {float: left;}

		/*AREA ANIVERSARIOS*/
			.calendario_content .area_aniver {
				width: 250px;
				height: 200px;
				background-color: #e97503;
			}

				.calendario_content .area_aniver ul {
					margin: 0;
					padding: 0;
					list-style: none;
				}

				.calendario_content .area_aniver ul li a {
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center;
					position: relative;
				}

				/*Nenhum aniversariante*/

					.calendario_content .area_aniver ul.anv-0 {
						background-image: url(../imagens/atividades/calendario/anv_bg.png);
						background-position: center;
					}

					.calendario_content .area_aniver ul.anv-0 li {
						display: none;
					}

					.calendario_content .area_aniver ul.anv-0:before {
						content: "Não há aniversários no dia de hoje!";
						width: 250px;
						height: 200px;
						display: table-cell;
						vertical-align: middle;
						text-align: center;
						padding: 0 25px;
					}

				/* 1 aniversariante */

					.calendario_content .area_aniver ul.anv-1 {}
					
					.calendario_content .area_aniver ul.anv-1 li {display: none;}

					.calendario_content .area_aniver ul.anv-1 li:nth-child(1) {
						width: 250px;
						height: 200px;
						display: block;
					}

					.calendario_content .area_aniver ul.anv-1 li a {
						width: 250px;
						height: 200px;
						display: block;
					}

					.calendario_content .area_aniver ul.anv-1 li a .anv-nome {
						position: absolute;
						bottom: 0;
						padding: 10px 10px 10px 50px;
						width: 250px;
						min-height: 40px;
						line-height: 20px;
						background-color: #e97503;
						color: #FFF;
						font-size: 12px;
						text-align: center;
						background-image: url(../imagens/atividades/calendario/ico_anv_bg_big.png);
						background-repeat: no-repeat;
						background-position: left center;
					}

				/* 2 aniversariantes */

					.calendario_content .area_aniver ul.anv-2 {}
					
					.calendario_content .area_aniver ul.anv-2 li {display: none;}

					.calendario_content .area_aniver ul.anv-2 li:nth-child(1),
					.calendario_content .area_aniver ul.anv-2 li:nth-child(2) {
						width: 125px;
						height: 200px;
						float: left;
						display: block;
					}

					.calendario_content .area_aniver ul.anv-2 li a {
						width: 125px;
						height: 200px;
						display: block;
					}

					.calendario_content .area_aniver ul.anv-2 li a .anv-nome {
						position: absolute;
						bottom: 0;
						padding: 7px 10px 5px 40px;
						width: 125px;
						min-height: 40px;
						line-height: 15px;
						background-color: #e97503;
						color: #FFF;
						font-size: 11px;
						text-align: center;
						background-image: url(../imagens/atividades/calendario/ico_anv_bg.png);
						background-repeat: no-repeat;
						background-position: left center;
					}

				/* 3 aniversariantes */

					.calendario_content .area_aniver ul.anv-3 {}
					
					.calendario_content .area_aniver ul.anv-3 li {display: none;}

					.calendario_content .area_aniver ul.anv-3 li:nth-child(1) {
						width: 125px;
						height: 200px;
						float: left;
						display: block;
					}
					.calendario_content .area_aniver ul.anv-3 li:nth-child(2),
					.calendario_content .area_aniver ul.anv-3 li:nth-child(3) {
						width: 125px;
						height: 100px;
						float: right;
						display: block;
					}

					.calendario_content .area_aniver ul.anv-3 li:nth-child(1) a {
						width: 125px;
						height: 200px;
						display: block;
					}

					.calendario_content .area_aniver ul.anv-3 li:nth-child(2) a,
					.calendario_content .area_aniver ul.anv-3 li:nth-child(3) a {
						width: 125px;
						height: 100px;
						display: block;
					}

					.calendario_content .area_aniver ul.anv-3 li a .anv-nome {
						position: absolute;
						bottom: 0;
						padding: 7px 10px 5px 40px;
						width: 125px;
						min-height: 40px;
						line-height: 15px;
						background-color: #e97503;
						color: #FFF;
						font-size: 11px;
						text-align: center;
						background-image: url(../imagens/atividades/calendario/ico_anv_bg.png);
						background-repeat: no-repeat;
						background-position: left center;
					}

					.calendario_content .area_aniver ul.anv-3 li:nth-child(2) a .anv-nome,
					.calendario_content .area_aniver ul.anv-3 li:nth-child(3) a .anv-nome {
						position: absolute;
						bottom: 0;
						padding: 5px 10px 2px 30px;
						width: 125px;
						min-height: 20px;
						line-height: 12px;
						background-color: #e97503;
						color: #FFF;
						font-size: 10px;
						text-align: center;
						background-image: url(../imagens/atividades/calendario/ico_anv_bg_small.png);
						background-repeat: no-repeat;
						background-position: left center;
					}

				/* 4 aniversariantes */

					.calendario_content .area_aniver ul.anv-4 {}
					
					.calendario_content .area_aniver ul.anv-4 li {
						width: 125px;
						height: 100px;
						float: left;
						display: block;
					}

					.calendario_content .area_aniver ul.anv-4 li a {
						width: 125px;
						height: 100px;
						display: block;
					}

					.calendario_content .area_aniver ul.anv-4 li a .anv-nome {
						position: absolute;
						bottom: 0;
						padding: 5px 10px 2px 30px;
						width: 125px;
						min-height: 20px;
						line-height: 12px;
						background-color: #e97503;
						color: #FFF;
						font-size: 10px;
						text-align: center;
						background-image: url(../imagens/atividades/calendario/ico_anv_bg_small.png);
						background-repeat: no-repeat;
						background-position: left center;
					}

				/*Modal Aniversariante*/

					.ver-anv {
						width: 1024px;
						height: 768px;
						background-color: rgba(0,0,0,0.75);
						position: absolute;
						top: 0;
						left: 0;
						z-index: 100;
					}

					.ver-anv .modal {
						width: 780px;
						height: 660px;
						position: absolute;
						z-index: 10;
						top: 50%;
						margin-top: -330px;
						left: 50%;
						margin-left: -390px;
					}

					.ver-anv .modal a.btn_fechar {
						background-color: #1ea7a8;
						color: #FFF;
						position: absolute;
						top: 20px;
						right: 20px;
						width: 40px;
						height: 40px;
						line-height: 40px;
						text-align: center;
						-webkit-border-radius: 20px;
						-moz-border-radius: 20px;
						border-radius: 20px;
						font-size: 30px;
						z-index: 11;
						-webkit-transition: all 0.2s ease-in-out;
						-moz-transition: 	all 0.2s ease-in-out;
						transition: 		all 0.2s ease-in-out;
					}

					html.desktop .ver-anv .modal a.btn_fechar:hover {
						background-color: #30CDCE;
					}

						.ver-anv .modal a.btn_fechar:before {
							content: "\E826";
							font-family: "Fontello";
						}

					.ver-anv .modal .nome-anv {
						position: absolute;
						font-size: 45px;
						z-index: 11;
						top: 150px;
						width: 280px;
						left: 50%;
						margin-left: -140px;
						text-align: center;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
					}

					.ver-anv .modal .mask {
						width: 780px;
						height: 660px;
						background-image: url(../imagens/atividades/calendario/modal_anv_bg.png);
						background-position: center;
						background-repeat: no-repeat;
						position: absolute;
						z-index: 10;
					}

					.ver-anv .modal .foto-anv {
						position: absolute;
						width: 340px;
						height: 340px;
						top: 249px;
						left: 50%;
						margin-left: -178px;
						background-size: cover;
						background-repeat: no-repeat;
					}

					.ver-anv .bg {
						background-color: rgba(233, 84, 39, 0.9);
						z-index: 8;
					}


		/*AREA CLIMA*/
			.calendario_content .area_clima {
				width: 250px;
				height: 205px;
				background-color: #513b71;
				position: absolute;
				top: 360px;
				left: 272px;
			}	

			.calendario_content .area_clima .modo_inicial:before {
				content: "\E8A1";
				font-family: "Fontello";
				position: absolute;
				width: 250px;
				height: 205px;
				line-height: 205px;
				text-align: center;
				color: #654C8A;
				font-size: 100px;
				top: 0;
				left: 0;
				z-index: 1;
			}

			.calendario_content .area_clima .modo_inicial {
				width: 250px;
				height: 205px;
				text-align: center;
				display: table-cell;
				vertical-align: middle;
				font-size: 12px;
				position: relative;
				z-index: 5;
				background-color: #513b71;
			}

			.calendario_content .area_clima .modo_inicial a {
				color: #FFF;
				margin-top: 5px;
				display: inline-block;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: 	all 0.2s ease-in-out;
				transition: 		all 0.2s ease-in-out;
			}

			html.desktop .calendario_content .area_clima .modo_inicial a:hover {
				color: #BC96F3;
			}

			.calendario_content .area_clima .modo_inicial .intro,
			.calendario_content .area_clima .modo_inicial .seletor {
				width: 250px;
				height: 205px;
				padding: 10px;
				display: table-cell;
				vertical-align: middle;
				position: relative;
				z-index: 2;
				-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
				-moz-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
				box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
			}

			.calendario_content .area_clima .modo_inicial .seletor span {
				display: inline-block;
				margin-top: 5px;
				font-size: 14px;
			}

			.calendario_content .area_clima .modo_inicial .seletor a {
				display: inline-block;
				margin-top: 5px;
				padding: 0 10px;
				color: #FFF;
				line-height: 28px;
				height: 25px;
				background-color: #de4a51;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: 	all 0.2s ease-in-out;
				transition: 		all 0.2s ease-in-out;
			}

			html.desktop .calendario_content .area_clima .modo_inicial .seletor a:hover {
				background-color: #C7252D;
			}

			.calendario_content .area_clima .modo_inicial .clima {
				width: 250px;
				height: 205px;
				z-index: 2;
				background-size: cover;
				position: relative;
				-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
				-moz-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
				box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
			}

				.calendario_content .area_clima .modo_inicial .clima_01 {background-image: url(../imagens/atividades/calendario/clima_01.jpg)}
				.calendario_content .area_clima .modo_inicial .clima_02 {background-image: url(../imagens/atividades/calendario/clima_02.jpg)}
				.calendario_content .area_clima .modo_inicial .clima_03 {background-image: url(../imagens/atividades/calendario/clima_03.jpg)}
				.calendario_content .area_clima .modo_inicial .clima_04 {background-image: url(../imagens/atividades/calendario/clima_04.jpg)}
				.calendario_content .area_clima .modo_inicial .clima_05 {background-image: url(../imagens/atividades/calendario/clima_05.jpg)}
				.calendario_content .area_clima .modo_inicial .clima_06 {background-image: url(../imagens/atividades/calendario/clima_06.jpg)}

			.calendario_content .area_clima .seletor_clima {
				position: absolute;
				width: 1024px;
				height: 768px;
				top: -360px;
				left: -272px;
			}

			.calendario_content .area_clima .seletor_clima ul {
				margin: 0;
				padding: 0;
				list-style: none;
				position: absolute;
				z-index: 4;
				top: 40px;
			}

			.calendario_content .area_clima .seletor_clima ul li {
				position: absolute;
				width: 125px;
				height: 125px;
				border: 3px solid #FFF;
				overflow: hidden;
				-webkit-border-radius: 100px;
				-moz-border-radius: 100px;
				border-radius: 100px;
				background-color: #CCC;
				-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
				-moz-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
				box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.4);
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: 	all 0.2s ease-in-out;
				transition: 		all 0.2s ease-in-out;
				cursor: pointer;
				background-size: cover;
			}

			.calendario_content .area_clima .seletor_clima ul li.ativo,
			html.desktop .calendario_content .area_clima .seletor_clima ul li.ativo:hover {
				border: 4px solid #de4a51;
				cursor: default;
			}

			html.desktop .calendario_content .area_clima .seletor_clima ul li:hover {
				border: 5px solid #EEE;
			}

			.calendario_content .area_clima .seletor_clima ul li:nth-child(1) {top: 240px;left: 120px; background-image: url(../imagens/atividades/calendario/clima_01.jpg);}
			.calendario_content .area_clima .seletor_clima ul li:nth-child(2) {top: 140px;left: 330px; background-image: url(../imagens/atividades/calendario/clima_02.jpg);}
			.calendario_content .area_clima .seletor_clima ul li:nth-child(3) {top: 240px;left: 550px; background-image: url(../imagens/atividades/calendario/clima_03.jpg);}
			.calendario_content .area_clima .seletor_clima ul li:nth-child(4) {top: 480px;left: 550px; background-image: url(../imagens/atividades/calendario/clima_04.jpg);}
			.calendario_content .area_clima .seletor_clima ul li:nth-child(5) {top: 580px;left: 340px; background-image: url(../imagens/atividades/calendario/clima_05.jpg);}
			.calendario_content .area_clima .seletor_clima ul li:nth-child(6) {top: 480px;left: 120px; background-image: url(../imagens/atividades/calendario/clima_06.jpg);}

			.calendario_content .area_clima .seletor_clima .bg {
				position: absolute;
				width: 1024px;
				height: 768px;
				background-color: rgba(0,0,0,0.7);
				top: 0;
				left: 0;
				z-index: 3;
			}

		/*AREA FOTO DO DIA*/
			.calendario_content .area_foto {
				width: 492px;
				height: 405px;
				float: right;
				background-color: #58cfaf;
				position: relative;
			}

				.calendario_content .area_foto:before {
					content: "\E82F";
					font-family: "Fontello";
					position: absolute;
					width: 492px;
					height: 345px;
					line-height: 345px;
					text-align: center;
					color: #45C3A1;
					font-size: 230px;
					top: 0;
					left: 0;
					z-index: 0;
				}

			/*BOTÕES*/
				.calendario_content .area_foto .modo_inicial {
					display: table-cell;
					vertical-align: middle;
					height: 345px;
					text-align: center;
					padding: 0 40px;
					position: relative;
					z-index: 1;
				}

				.calendario_content .area_foto .btn_trocar-img {
					position: absolute;
					z-index: 2;
					top: 10px;
					left: -6px;
					line-height: 40px;
					height: 40px;
					padding: 0px 15px 0 78px;
					color: #FFF;
					background-color: rgba(0,0,0,0.5);
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: 	all 0.2s ease-in-out;
					transition: 		all 0.2s ease-in-out;
				}
					
				.calendario_content .area_foto a.btn_trocar-img {
                    background-color: rgba(0,0,0,0.5);
                }
                    
				/*correção para o ipad ios 8*/
				.calendario_content .area_foto input.btn_trocar-img {
    				border: 0px;
                    background-color: rgba(0,0,0,0.5);
                    float: left;
                    margin: -10px 0 0 10px;
                    z-index: -1;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    -ms-appearance: none;
                    -o-appearance: none;
                    appearance: none;
                    -webkit-border-radius: 0; 
					font-family: 'handleeregular';
                    font-size: 15px !important;
                    text-transform: uppercase;
                }
                    
				html.desktop .calendario_content .area_foto input.btn_trocar-img:hover {
                    background-color: rgba(0,0,0,0.45);
                }
                    
                .calendario_content .area_foto a.btn_trocar-img-ipad,
				html.desktop .calendario_content .area_foto a.btn_trocar-img-ipad:hover {
                    background-color: transparent !important;
                }
                    
				html.desktop .calendario_content .area_foto .btn_trocar-img:hover {
					background-color: rgba(0,0,0,0.45);
				}

					/*html.desktop .calendario_content .area_foto .btn_trocar-img.off:hover:before,*/
					html.desktop .calendario_content .area_foto .btn_trocar-img.off:before,
					.calendario_content .area_foto .btn_trocar-img-noipad:before,
					.calendario_content .area_foto .btn_trocar-img-ipad .input_before {
						content: " ";
						width: 78px;
						height: 48px;
						background-image: url(../imagens/atividades/calendario/btn_trocar-img.png);
						position: absolute;
						top: -2px;
						left: 0px;
						-webkit-transition: all 0.2s ease-in-out;
						-moz-transition: 	all 0.2s ease-in-out;
						transition: 		all 0.2s ease-in-out;
					}
					
					.calendario_content .area_foto .cursor_default,
					.calendario_content .area_foto .cursor_default:before,
					.calendario_content .area_foto .cursor_default .input_before
					{
						cursor: default !important;
					}	
					
					.calendario_content .area_foto .btn_trocar-img:before,
					.calendario_content .area_foto .btn_trocar-img-noipad:before,
					.calendario_content .area_foto .btn_trocar-img-ipad .input_before 
					{
					    cursor:pointer;
					}
					
					.calendario_content .area_foto .btn_trocar-img-ipad .input_before {
					    border: 0px;
                        background-color: transparent;
					}

					html.desktop .calendario_content .area_foto .btn_trocar-img:hover:before {
						background-image: url(../imagens/atividades/calendario/btn_trocar-img_hover.png);
					}

					/*Condições do botão de trocar desligado*/
						.calendario_content .area_foto .btn_trocar-img.off {
							background-color: transparent !important;
							width: 78px;
							height: 48px;
						}
						


						.calendario_content .area_foto .btn_trocar-img.off span,
						.calendario_content .area_foto .btn_trocar-img.off input {
							display: none;
						}
					/**/

				.calendario_content .area_foto .btn_inserir-img {
					display: inline-block;
					line-height: 32px;
					height: 30px;
					margin-top: 5px;
					background-color: #FFF;
					padding: 0 20px;
					font-weight: 600;
					-webkit-box-shadow: 3px 3px 1px 0px rgba(41,173,138,0.5);
					-moz-box-shadow: 3px 3px 1px 0px rgba(41,173,138,0.5);
					box-shadow: 3px 3px 1px 0px rgba(41,173,138,0.5);
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: 	all 0.2s ease-in-out;
					transition: 		all 0.2s ease-in-out;
					-webkit-box-shadow: 0px 0px 2px 0px rgba(41,173,138,0.5);
					-moz-box-shadow: 0px 0px 2px 0px rgba(41,173,138,0.5);
					box-shadow: 0px 0px 2px 0px rgba(41,173,138,0.5);
				}
					
				/*correção para o ipad ios 8*/
				.calendario_content .area_foto input.btn_inserir-img 
				{
					border:0px;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    -ms-appearance: none;
                    -o-appearance: none;
                    appearance: none;
                    -webkit-border-radius: 0; 
					font-family: 'handleeregular';
                    font-size: 15px !important;
                    text-transform: uppercase;
				}
				/*
				html.desktop .calendario_content .area_foto .noipad .btn_inserir-img:hover {
					-webkit-box-shadow: 0px 0px 2px 0px rgba(41,173,138,0.5);
					-moz-box-shadow: 0px 0px 2px 0px rgba(41,173,138,0.5);
					box-shadow: 0px 0px 2px 0px rgba(41,173,138,0.5);
				}
				*/
				/*
				html.desktop .calendario_content .area_foto a.btn_inserir-img {
					padding: 0 20px;
					display: inline-block;
				}
				html.mobile .calendario_content .area_foto a.btn_inserir-img {
					margin-left: 165px;
					display: block;
					width: 165px;
				}

				html.desktop .calendario_content .area_foto .noipad a.btn_inserir-img:hover,
				html.mobile .calendario_content .area_foto .noipad a.btn_inserir-img {
					-webkit-box-shadow: 0px 0px 2px 0px rgba(41,173,138,0.5);
					-moz-box-shadow: 0px 0px 2px 0px rgba(41,173,138,0.5);
					box-shadow: 0px 0px 2px 0px rgba(41,173,138,0.5);
				}
                */
				.calendario_content .area_foto a.btn_compartilhar,
				.calendario_content .area_foto a.btn_excluir {
					position: absolute;
					z-index: 2;
					top: 10px;
					right: 10px;
					width: 40px;
					height: 40px;
					line-height: 40px;
					text-align: center;
					color: #FFF;
					background-color: #29ad89;
					-webkit-border-radius: 20px;
					-moz-border-radius: 20px;
					border-radius: 20px;
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: 	all 0.2s ease-in-out;
					transition: 		all 0.2s ease-in-out;
				}

				html.desktop .calendario_content .area_foto a.btn_compartilhar:hover,
				html.desktop .calendario_content .area_foto a.btn_excluir:hover {
					background-color: #1c9373;
				}

				.calendario_content .area_foto a.btn_compartilhar {
					right: 60px;
				}

					.calendario_content .area_foto a.btn_excluir:before {
						content: "\EA19";
						font-family: "Fontello";
						font-size: 20px;
						font-weight: normal;
					}

					.calendario_content .area_foto a.btn_compartilhar:before {
						content: "\E9F1";
						font-family: "Fontello";
						font-size: 20px;
						font-weight: normal;
					}

				.calendario_content .area_foto .tooltip_excluir {
					width: 240px;
					position: absolute;
					top: 60px;
					right: -5px;
					background-color: #FFF;
					color: #12775B;
					padding: 15px 10px;
					text-align: center;
					z-index: 2;
				}

					.calendario_content .area_foto .tooltip_excluir:before {
						content: " ";
						border: 10px solid transparent;
						border-bottom-color: #FFF;
						position: absolute;
						right: 25px;
						top: -20px;
					}

				.calendario_content .area_foto .tooltip_excluir a {
					display: inline-block;
					background-color: #58CFAF;
					color: #FFF;
					line-height: 33px;
					height: 30px;
					padding: 0 10px;
					margin: 8px 5px 0;
					-webkit-border-radius: 30px;
					-moz-border-radius: 30px;
					border-radius: 30px;
					font-weight: 600;
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: 	all 0.2s ease-in-out;
					transition: 		all 0.2s ease-in-out;
				}

				html.desktop .calendario_content .area_foto .tooltip_excluir a:hover {
					color: #58CFAF;
					background-color: rgba(88, 207, 175, 0.25);
				}

			/*IMAGEM-DO-DIA*/
				.calendario_content .area_foto .img-inserida {
					width: 492px;
					height: 405px;
					float: left;
					background-size: cover;
					background-position: center;
					background-repeat: no-repeat;
					z-index: 0;
					position: relative;
					cursor: pointer;
				}
				
				.calendario_content .area_foto .img-inserida.sem-imagem {
					background-position: center right;
					cursor: default !important;
				}

			/*CAMPO DE LEGENDA*/
				.calendario_content .area_foto .campo_legenda {
					width: 492px;
					position: absolute;
					/*top: 345px;*/
					bottom:0px;
					left: 0;
					background-color: rgba(18, 119, 91, 0.8);
				}

					.calendario_content .area_foto .campo_legenda.editando {
						background-color: rgba(18, 119, 91, 1);
					}

                    .calendario_content .area_foto .campo_legenda a.btn_editar-leg {
                        display:block;
                        width: 78px;
                        float: left;
                    }
                        
					html.desktop .calendario_content .area_foto .campo_legenda.editando a.btn_editar-leg:hover:before,
					.calendario_content .area_foto .campo_legenda a.btn_editar-leg:before {
						float: left;
						content: "\E859";
						font-family: "Fontello";
						font-size: 25px;
						margin: 10px;
						width: 60px;
						height: 40px;
						line-height: 40px;
						text-align: center;
						color: #29AD89;
						-webkit-transition: all 0.2s ease-in-out;
						-moz-transition: 	all 0.2s ease-in-out;
						transition: 		all 0.2s ease-in-out;
					}

					html.desktop .calendario_content .area_foto .campo_legenda a.btn_editar-leg:hover:before {
						color: #FFF;
					}

					.calendario_content .area_foto .campo_legenda.editando a.btn_editar-leg:before,
					html.desktop .calendario_content .area_foto .campo_legenda.editando a.btn_editar-leg:hover:before {
						cursor: default;
					}

					.calendario_content .area_foto .campo_legenda p,
					.calendario_content .area_foto .campo_legenda pre {
						outline: none;
						color: #FFF;
						/*height: 40px;*/
						border: 0;
						width: 392px;
						float: right;
						font-family: 'handleeregular';
						text-transform: uppercase;
						margin: 10px;
						line-height: 21px;
						font-size: 14px;
						text-align: left;
						min-height: 40px;
                        white-space: pre-wrap;
                        white-space: -moz-pre-wrap;
                        white-space: -pre-wrap;
                        white-space: -o-pre-wrap;
                        word-wrap: break-word;
					}
						
					.calendario_content .area_foto .campo_legenda p.read_only {
						width: 460px !important;
					}

					.calendario_content .area_foto .campo_legenda.editando p,
					.calendario_content .area_foto .campo_legenda.editando pre {
						display: none;
					}

					.calendario_content .area_foto .campo_legenda textarea {
						background-color: transparent;
						border: 0;
						width: 392px;
						min-height: 40px;
						max-height: 90px;
						float: right;
						color: #FFF;
						font-family: 'handleeregular';
						text-transform: uppercase;
						margin: 10px;
						resize: none;
						line-height: 20px;
						display: none;
					}

					.calendario_content .area_foto .campo_legenda textarea:focus {
						outline: none;
					}

					.calendario_content .area_foto .campo_legenda.editando textarea,
					.calendario_content .area_foto .campo_legenda.editando textarea:focus {
						outline: none;
						font-size: 12px;
						color: #747474;
						height: 90px;
						background-color: #FFF;
						padding: 5px;
						border: 0;
						width: 392px;
						float: right;
						font-family: 'handleeregular';
						text-transform: uppercase;
						margin: 10px;
						resize: none;
						line-height: 20px;
						display: block;
					}

					.calendario_content .area_foto .campo_legenda textarea::-webkit-input-placeholder {
						color: #747474;
					}

					.calendario_content .area_foto .campo_legenda .bloco_acoes {
						width: 492px;
						padding: 10px;
						float: left;
						display: none;
					}

					.calendario_content .area_foto .campo_legenda.editando .bloco_acoes {
						display: block;
					}

						.calendario_content .area_foto .campo_legenda .bloco_acoes .contador_caracteres {
							float: left;
							line-height: 30px;
						}


						.calendario_content .area_foto .campo_legenda .bloco_acoes a {
							float: right;
							line-height: 30px;
							height: 30px;
							padding: 0 10px;
							background-color: #58CFAF;
							color: #FFF;
							-webkit-border-radius: 30px;
							-moz-border-radius: 30px;
							border-radius: 30px;
							margin-left: 10px;
							font-weight: 600;
							-webkit-transition: all 0.2s ease-in-out;
							-moz-transition: 	all 0.2s ease-in-out;
							transition: 		all 0.2s ease-in-out;
						}

						html.desktop .calendario_content .area_foto .campo_legenda .bloco_acoes a:hover {
							color: #58CFAF;
							background-color: #FFF;
						}

			/*VISUALIZAR FOTO*/
				.calendario_content .area_foto .ver-foto {
					position: absolute;
					top: -160px;
					left: -522px;
					width: 1024px;
					height: 768px;
					/*display: none;*/
					background-color: rgba(0,0,0,0.75);
					z-index: 100;
				}

					.calendario_content .area_foto .ver-foto .modal {
						z-index: 8;
						position: absolute;
						color: #FFF;
						background-color: #29ad89;
						width: 800px;
						height: 600px;
						top: 50%;
						margin-top: -300px;
						left: 50%;
						margin-left: -400px;
					}

					.calendario_content .area_foto .ver-foto .modal a.btn_fechar {
						background-color: #df494d;
						color: #FFF;
						position: absolute;
						top: -20px;
						right: -20px;
						width: 40px;
						height: 40px;
						line-height: 40px;
						text-align: center;
						-webkit-border-radius: 20px;
						-moz-border-radius: 20px;
						border-radius: 20px;
						font-size: 30px;
						-webkit-transition: all 0.2s ease-in-out;
						-moz-transition: 	all 0.2s ease-in-out;
						transition: 		all 0.2s ease-in-out;
					}	

						html.desktop .calendario_content .area_foto .ver-foto .modal a.btn_fechar:hover {
							background-color: #F9666A;
						}

						.calendario_content .area_foto .ver-foto .modal a.btn_fechar:before {
							content: "\E826";
							font-family: "Fontello";
						}

					.calendario_content .area_foto .ver-foto .modal .galinha {
						position: absolute;
						bottom: 30px;
						right: -90px;
						width: 146px;
						height: 173px;
						z-index: 4;
						background-image: url(../imagens/atividades/calendario/galinha_img-do-dia.png);
						padding: 17px 15px 95px 45px;
						text-align: center;
						color: #747474;
						font-weight: 600;
					}

					.calendario_content .area_foto .ver-foto .modal .img {
						width: 720px;
						height: 520px;
						margin: 40px;
						background-size: cover;
						background-position: center;
						background-repeat: no-repeat;
					}

					.calendario_content .area_foto .ver-foto .modal p,
					.calendario_content .area_foto .ver-foto .modal pre {
						position: absolute;
						bottom: 40px;
						left: 40px;
						width: 720px;
						padding: 15px;
						background-color: rgba(18, 119, 91, 0.8);
                        white-space: pre-wrap;
                        white-space: -moz-pre-wrap;
                        white-space: -pre-wrap;
                        white-space: -o-pre-wrap;
                        word-wrap: break-word;
					}

					.calendario_content .area_foto .ver-foto .bg {
						z-index: 7;
					}

/*Modo MÊS*/
	.calendario .main {
		max-width: 100%;
		padding: 0;
	}

	.custom-inner {
		background-color: transparent;
		box-shadow: none;
	}

	.custom-header {
		border: 0;
		padding: 0;
		height: 0;
		background-color: transparent;
	}

	.custom-header nav {
		width: 100%;
		padding: 0;
		position: absolute;
		top: 250px;
	}

	.custom-header nav span {
		top: 0;
		background: #de4a51;
		width: 45px;
		height: 45px;
		line-height: 45px;
		-webkit-border-radius: 45px;
		-moz-border-radius: 45px;
		border-radius: 45px;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: 	all 0.2s ease-in-out;
		transition: 		all 0.2s ease-in-out;
	}

	.custom-header nav span:before {
		color: #FFF;
		font-family: "Fontello";
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: 	all 0.2s ease-in-out;
		transition: 		all 0.2s ease-in-out;
	}

	html.desktop .custom-header nav span:hover:before {
		color: #F5C8CA;
	}

	html.desktop .custom-header nav span:hover {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		transform: scale(1.2);
	}
		
	.custom-header nav span:first-child {left: 30px;}
	.custom-header nav span:last-child {right: 30px;}

	.custom-header nav span.custom-prev:before {content: "\E8BC"; left: -1px; top: 1px;}
	.custom-header nav span.custom-next:before {content: "\E8BB"; right: -2px; top: 1px;}

		

	.custom-calendar-wrap {
		margin: 0;
	}

	.fc-calendar {
		height: 595px;
		z-index: 99;
	}

	.fc-calendar-container {
		width: 812px;
		margin: 0 auto;
		padding: 0;
		height: 615px;
		background: transparent;
	}

	.fc-calendar .fc-body {
		border: 0;
		width: 812px;
		height: 550px;
		/*height: -moz-calc(100% - 45px);*/
		/*height: -webkit-calc(100% - 45px);*/
		/*height: calc(100% - 45px);*/
	}

	.fc-calendar .fc-row {
		border: 0;
		/*padding: 2px 0;*/
	}

	.fc-six-rows .fc-row {
		height: 86px;
	}

	.fc-five-rows .fc-row {
		height: 96px;
	}

	.fc-calendar .fc-row > div {
		background: rgba(220, 245, 255, 0.44);
		border: 0;
		padding: 0;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: 	all 0.2s ease-in-out;
		transition: 		all 0.2s ease-in-out;
	}

	.fc-calendar .fc-row > div.fc-today {
		box-shadow: none;
		background: rgba(220, 245, 255, 0.44);
	}

	.fc-calendar .fc-row > div > span.fc-date {
		height: 30px;
		width: 30px;
		line-height: 33px;
		margin: 0;
		bottom: 0;
		left: 0;
		top: auto;
		background-color: #37b3e4;
		color: #FFF;
		text-shadow: none;
		font-family: 'handleeregular';
	}

	.fc-calendar .fc-row > div.fc-today > span.fc-date {
		background-color: #de4a51;
	}

	.fc-calendar .fc-row > div {
		width: 110px;
		margin: 3px;
		/*width: 14.28%;*/
		/*width: -moz-calc(95%/7);*/
		/*width: -webkit-calc(95%/7);*/
		/*width: calc(95%/7);*/
		/*margin: calc(2.5%/7);*/
		/*height: 95%;*/
	}


	.fc-six-rows .fc-row > div{
		height: 80px;
	}

	.fc-five-rows .fc-row > div {
		height: 90px;
	}

	html.desktop .fc-calendar .fc-row > div:hover {
		box-shadow: 0 5px 10px rgba(0,0,0,0.1) !important;
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		z-index: 100;
		background: rgba(220, 245, 255, 0.9);
	}
		
	html.desktop .fc-calendar .fc-row > div:empty:hover {
		background: transparent;
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
		box-shadow: none !important;
		cursor: default;
	}

	.fc-calendar .fc-head {
		height: 40px;
		line-height: 40px;
		margin-bottom: 5px;
	}

	.fc-calendar .fc-head > div {
		font-family: 'handleeregular';
		color: #FFF;
		line-height: 40px;
   		height: 40px;
	}

	.fc-calendar .fc-head > div:nth-child(1) {background-color: #a93739;}
	.fc-calendar .fc-head > div:nth-child(2) {background-color: #b63b3d;}
	.fc-calendar .fc-head > div:nth-child(3) {background-color: #c13f41;}
	.fc-calendar .fc-head > div:nth-child(4) {background-color: #c84143;}
	.fc-calendar .fc-head > div:nth-child(5) {background-color: #d04446;}
	.fc-calendar .fc-head > div:nth-child(6) {background-color: #d84649;}
	.fc-calendar .fc-head > div:nth-child(7) {background-color: #df494b;}

	.fc-calendar .fc-row {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}

	.custom-inner:before, .custom-inner:after {display: none;}

	.calendar_filtros {
		position: absolute;
		right: 25px;
		bottom: 60px;
		width: 60px;
	}

	.calendar_filtros a {
		width: 40px;
		height: 40px;
		background-color: #FFF;
		display: block;
		margin: 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: 	all 0.2s ease-in-out;
		transition: 		all 0.2s ease-in-out;
	}

	html.desktop .calendar_filtros a:hover,
	.calendar_filtros a.ativo,
	html.desktop .calendar_filtros a.ativo:hover {
		box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	}

	.calendar_filtros a.ativo,
	html.desktop .calendar_filtros a.ativo:hover {
		cursor: default;
	}

	.calendar_filtros a.filtro_todos 	{background-image: url(../imagens/atividades/filtro_todos.png);}
	.calendar_filtros a.filtro_foto 	{background-image: url(../imagens/atividades/filtro_foto.png);}
	.calendar_filtros a.filtro_clima 	{background-image: url(../imagens/atividades/filtro_clima.png);}
	.calendar_filtros a.filtro_aniver	{background-image: url(../imagens/atividades/filtro_aniver.png);}

	html.desktop .calendar_filtros a.filtro_todos:hover 	{background-color: #FFF1F1;}
	html.desktop .calendar_filtros a.filtro_foto:hover 	{background-color: #E8FFFA;}
	html.desktop .calendar_filtros a.filtro_clima:hover 	{background-color: #F7E9FF;}
	html.desktop .calendar_filtros a.filtro_aniver:hover {background-color: #FFF5EA;}

	.calendar_filtros a.filtro_todos.ativo 	{background-image: url(../imagens/atividades/filtro_todos_ativo.png); background-color: #de4a51;}
	.calendar_filtros a.filtro_foto.ativo 	{background-image: url(../imagens/atividades/filtro_foto_ativo.png); background-color: #27a78d;}
	.calendar_filtros a.filtro_clima.ativo 	{background-image: url(../imagens/atividades/filtro_clima_ativo.png); background-color: #7a429a;}
	.calendar_filtros a.filtro_aniver.ativo {background-image: url(../imagens/atividades/filtro_aniver_ativo.png); background-color: #ff8400;}


	/*Itens do calendário*/

		/*apenas simulação*/
		.teste.fc-row {position: absolute; bottom: 90px; right: 0px; z-index: 100;}
		.teste.fc-row > div {width: 110px; height: 90px; margin: 3px; position: relative; background-color: rgba(220, 245, 255, 0.44); border: 0; padding: 0; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
		html.desktop .teste.fc-row > div:hover {box-shadow: 0 5px 10px rgba(0,0,0,0.1) !important; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); z-index: 100; background: rgba(220, 245, 255, 0.9);}
		.teste.fc-row > div > .fc-date {height: 30px; width: 30px; line-height: 33px; margin: 0; bottom: 0; left: 0; top: auto; background-color: #37b3e4; color: #FFF; text-shadow: none; font-family: 'handleeregular'; font-weight: 400; pointer-events: none; position: absolute; text-align: center; font-size: 20px;}
		.teste.fc-row > div > .fc-weekday {display: none;}
		/*apenas simulação*/

		.fc-row > div > .fc-date {
			z-index: 10;
		}

		/*Aniversarios*/
			.fc-row > div > div > div.fc-anivers {
				width: 100%;
				height: 100%;
				position: absolute;
			}

			.fc-row > div > div > div.fc-anivers span {
				position: absolute;
				z-index: 2;
				top: -8px;
				right: -8px;
				width: 30px;
				height: 30px;
				-webkit-border-radius: 30px;
				-moz-border-radius: 30px;
				border-radius: 30px;
				background-image: url(../imagens/atividades/calendario/ico_anv_bg.png);
				background-size: cover;
				background-position: center;
				-webkit-box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);
				-moz-box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);
				box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);
			}

			.fc-row > div > div > div.fc-anivers ul {
				margin: 0;
				padding: 0;
				list-style: none;
				overflow: hidden;
				width: 100%;
				height: 100%;
			}

			.fc-row > div > div > div.fc-anivers ul.anv-1 li {width: 100%; height: 100%; float: left;}
			.fc-row > div > div > div.fc-anivers ul.anv-2 li {width: 50%; height: 100%; float: left;}
			.fc-row > div > div > div.fc-anivers ul.anv-3 li {width: 50%; height: 50%; float: right;}
			.fc-row > div > div > div.fc-anivers ul.anv-3 li:nth-child(1) {width: 50%; height: 100%; float: left;}
			.fc-row > div > div > div.fc-anivers ul.anv-4 li {width: 50%; height: 50%; float: left;}

			.fc-row > div > div > div.fc-anivers ul li a {
				width: 100%;
				height: 100%;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
				display: block;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: 	all 0.2s ease-in-out;
				transition: 		all 0.2s ease-in-out;
			}

			html.desktop .fc-row > div > div > div.fc-anivers ul li a:hover {
				opacity: 0.8;
			}

		/*Clima*/

			.fc-row > div > div > div.fc-todos .todos_bg div.fc-clima,
			.fc-row > div > div > div.fc-clima {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}

			.fc-row > div > div > div.fc-todos .todos_bg div.fc-clima a,
			.fc-row > div > div > div.fc-clima a {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background-size: cover;
				background-position: center;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: 	all 0.2s ease-in-out;
				transition: 		all 0.2s ease-in-out;
				display: block !important;
			}

				div.fc-clima a.clima_01 {background-image: url(../imagens/atividades/calendario/clima_01.jpg)}
				div.fc-clima a.clima_02 {background-image: url(../imagens/atividades/calendario/clima_02.jpg)}
				div.fc-clima a.clima_03 {background-image: url(../imagens/atividades/calendario/clima_03.jpg)}
				div.fc-clima a.clima_04 {background-image: url(../imagens/atividades/calendario/clima_04.jpg)}
				div.fc-clima a.clima_05 {background-image: url(../imagens/atividades/calendario/clima_05.jpg)}
				div.fc-clima a.clima_06 {background-image: url(../imagens/atividades/calendario/clima_06.jpg)}

		/*Foto*/

			.fc-row > div > div > div.fc-todos .todos_bg div.fc-foto,
			.fc-row > div > div > div.fc-foto {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}

			.fc-row > div > div > div.fc-todos .todos_bg div.fc-foto a,
			.fc-row > div > div > div.fc-foto a {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background-size: cover;
				background-position: center;
				-webkit-transition: all 0.2s ease-in-out;
				-moz-transition: 	all 0.2s ease-in-out;
				transition: 		all 0.2s ease-in-out;
				display: block !important;
			}

			html.desktop .fc-row > div > div > div.fc-todos .todos_bg div.fc-foto a:hover,
			html.desktop .fc-row > div > div > div.fc-foto a:hover {
				opacity: 0.8;
			}

		/*Todos*/
			.fc-row > div > div > div.fc-todos {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}

			.fc-row > div > div > div.fc-todos .ico_anivers,
			.fc-row > div > div > div.fc-todos .ico_foto,
			.fc-row > div > div > div.fc-todos .ico_clima {
				position: relative;
				z-index: 2;
			}

			.fc-row > div > div > div.fc-todos .ico_anivers ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}

			.fc-row > div > div > div.fc-todos .ico_anivers ul li {
				width: 30px;
				height: 30px;
				float: left;
				background-image: url(../imagens/atividades/filtro_aniver_ativo.png);
				background-size: cover;
			}

				.fc-row > div > div > div.fc-todos .ico_anivers ul li:nth-child(1) {background-color: #ffb63e;}
				.fc-row > div > div > div.fc-todos .ico_anivers ul li:nth-child(2) {background-color: #fc9e05;}
				.fc-row > div > div > div.fc-todos .ico_anivers ul li:nth-child(3) {background-color: #ff9000;}
				.fc-row > div > div > div.fc-todos .ico_anivers ul li:nth-child(4) {background-color: #fd7701;}

				.fc-row > div > div > div.fc-todos .ico_anivers ul.anv-1 li {display: none;}
				.fc-row > div > div > div.fc-todos .ico_anivers ul.anv-1 li:nth-child(1) {display: block;}

				.fc-row > div > div > div.fc-todos .ico_anivers ul.anv-2 li {display: none;}
				.fc-row > div > div > div.fc-todos .ico_anivers ul.anv-2 li:nth-child(1),
				.fc-row > div > div > div.fc-todos .ico_anivers ul.anv-2 li:nth-child(2) {display: block;}

				.fc-row > div > div > div.fc-todos .ico_anivers ul.anv-3 li {display: block;}
				.fc-row > div > div > div.fc-todos .ico_anivers ul.anv-3 li:nth-child(4) {display: none;}

				.fc-row > div > div > div.fc-todos .ico_anivers ul.anv-4 li {display: block;}

			.fc-row > div > div > div.fc-todos .ico_foto {
				width: 30px;
				height: 30px;
				float: left;
				background-image: url(../imagens/atividades/filtro_foto_ativo.png);
				background-size: cover;
				background-color: #27a78d;
			}
				
			.fc-row > div > div > div.fc-todos .ico_clima {
				width: 30px;
				height: 30px;
				float: left;
				background-image: url(../imagens/atividades/filtro_clima_ativo.png);
				background-size: cover;
				background-color: #7a429a;
			}

			.fc-row > div > div > div.fc-todos .todos_bg {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				overflow: hidden;
				z-index: 1;
			}

