/*==============================================================================*/
/*																				*/
/*	Página: Educação Infantil													*/
/*	Autor: Diego de Freitas;													*/
/*	Ano: 2º semestre/2015;														*/
/*	Versão: 1.0.1;																*/
/*	Resoluções: 1920x1200 (inicial), 1600x1200, 1280x768, 1024x768, 800x600		*/
/*																				*/
/*	ÍNDICE																		*/
/*																				*/
/*	1. RESET 																	*/
/*	2. ESTRUTURA																*/
/*	3. QUARTINHO																*/
/*	4. ATIVIDADES																*/
/*	5. AMBIENTE																	*/
/*																				*/
/*==============================================================================*/
/*==============================================================*/
/* RESET														*/
/*==============================================================*/

	html {overflow: auto;}

	html,
	body {
		margin: 0;
		padding: 0;
		height: 100%;
		width: 100%;
		position: relative;
	}

	body {
		overflow: hidden;
	    position: relative;

		-webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}
	
	body.quartinhoBody,
	body.ambientesBody, 
	body.galeriaBody
    {
        zoom:1;
    }

	a {text-decoration: none;}


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

	.educ_header {
		position: fixed !important;
		width: 100%;
		height: 56px;
		left: 0;
		z-index: 1000 !important;
		overflow: hidden;
		overflow: visible;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

    /*ajustes do topo/barra de logado/menu*/
    .imageescolacss { width: 51px !important; }
    #ava_hd1.educ_header .topo nav ul.menu_principal li ul.submenu li,
    #main_ava .menu_geral .menu_cascata > ul > li,
    #main_ava .menu_geral .menu_adc > ul.lista_destaques > li 
    {
        list-style: none !important;
    }
    #ava_hd1.educ_header .topo > nav > ul.menu_secundario {
        width: 222px;
        float: right !important;
        top: 0px !important;
        right: 0px !important;
        position: absolute !important;
    }
    html.mobile ul.menu_secundario {
	    width: 240px !important;
    }
    /*ajustes do topo/barra de logado/menu*/

	#ava_hd1 {
		top: -56px;
		background-color: #FFF;
	}
	
	body.quartinhoBody #ava_hd1,
	body.ambientesBody #ava_hd1,
	body.galeriaBody #ava_hd1
	{
	    position: fixed !important;
    }
	
    @media screen and (min-width: 1281px) {
	    body.atividadesNomesBody #ava_hd1,
	    body.calendarioBody #ava_hd1,
	    body.personalizadorBody #ava_hd1
	    {
	        position: fixed !important;
        }
    }

	#ab_hd1 {
		top: -182px;
	}

	#pp_hd1 {
		top: -105px;
	}

	#ava_hd1.aberto,
	#ab_hd1.aberto,
	#pp_hd1.aberto {
		top: 0px !important;
	}

	.mostrar-menu {
		width: 183px;
		height: 187px;
		position: absolute;
		bottom: -187px;
		left: 20px;
		z-index: 1001;
		border: 0;
		text-indent: -9999px;
		cursor: pointer;
		outline: none;
		overflow: hidden;
	}

	.mostrar-menu .puxador {
		width: 73px;
		height: 187px;
		top: -30px;
		left: 50px;
		position: absolute;
		background-image: url(../imagens/puxador.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		-webkit-transition: all 0.1s ease-in-out;
	    -moz-transition: all 0.1s ease-in-out;
	    transition: all 0.1s ease-in-out;
	}

		html.desktop .mostrar-menu .puxador:hover {
			top: -35px;
		}

		.mostrar-menu .puxador:active {
			top: -20px;
		}

			/**/

				@-webkit-keyframes flutuar-rapido {
				  0% {
				    -webkit-transform: translateY(10px);
				    transform: translateY(10px);
				  }

				  50% {
				    -webkit-transform: translateY(4px);
				    transform: translateY(4px);
				  }

				  100% {
				    -webkit-transform: translateY(10px);
				    transform: translateY(10px);
				  }
				}

				@keyframes flutuar-rapido {
				  0% {
				    -webkit-transform: translateY(10px);
				    transform: translateY(10px);
				  }

				  50% {
				    -webkit-transform: translateY(4px);
				    transform: translateY(4px);
				  }

				  100% {
				    -webkit-transform: translateY(10px);
				    transform: translateY(10px);
				  }
				}

			/**/

		.mostrar-menu:before {
			width: 25px;
			height: 47px;
			content: " ";
			position: absolute;
			top: 5px;
			right: 40px;
			background-image: url(../imagens/setinha.png);
			background-size: cover;
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
			animation: 			flutuar-rapido 2s alternate ease-in-out infinite forwards;
			-webkit-animation: 	flutuar-rapido 2s alternate ease-in-out infinite forwards;
			-moz-animation: 	flutuar-rapido 2s alternate ease-in-out infinite forwards;
			-o-animation: 		flutuar-rapido 2s alternate ease-in-out infinite forwards;
		}

		.mostrar-menu.active:before {
			background-image: url(../imagens/setinha_cima.png);
		}

		.mostrar-menu:after {
			width: 183px;
			height: 19px;
			content: " ";
			position: absolute;
			top: -5px;
			left: 0;
			background-image: url(../imagens/sombra-barra.png);
			background-size: cover;
			opacity: 0.6;
		}

	.empurrar {
		top: 56px !important;
	}

	.empurrar_ab {
		top: 182px !important;
	}

	.empurrar_pp {
		top: 105px !important;
	}


	.educacao-infantil {
		width: 100%;
		height: 100%; 
		background: #335cb4;
		position: absolute;
		top: 0px;
		z-index: 999;

		-webkit-box-sizing: border-box; 
		-moz-box-sizing:    border-box; 
		box-sizing:         border-box;

		-webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}

	.educacao-infantil * {
		-webkit-box-sizing: border-box; 
		-moz-box-sizing:    border-box; 
		box-sizing:         border-box;
	}

	div.loading {
		width: 400px;
		height: 400px;
		position: absolute;
		top: 50%;
		margin-top: -200px;
		left: 50%;
		margin-left: -200px;
		background-image: url(../imagens/tela_inicio2.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}

	div.loading span {
		width: 100px;
		height: 30px;
		color: #FFF;
		text-align: center;
		font-size: 16px;
		position: absolute;
		top: 210px;
		left: 50%;
		margin-left: -50px;
		font-family: 'handleeregular';
		font-weight: normal;
	}


    ul.galeria-itens {
        /* min-height: 200px !important; */
        max-height: 100px !important;
    }

/*==============================================================*/
/* ALERTA BROWSER												*/
/*==============================================================*/

    /*Correção da dsposição visibilidade alterada com o uso do */
    html.mobile .ui-drag-move {
        z-index: 10000 !important;
    }

	.alerta-browser {
		position: fixed;
		bottom: 0;
        left:0;
		width: 100%;
		text-align: center;
		z-index: 10001;
		background-color: rgba(223,61,25,0.9);
		line-height: 55px;
		height: 50px;
	}

	.alerta-browser p {
		font-family: 'handleeregular';
		text-transform: uppercase;
		color: #FFF;
		letter-spacing: 0.05em;
		margin: 0;
	}

	.alerta-browser a {
		color: #CEE99C;
		text-decoration: underline;
	}

	.alerta-browser a:hover {
		color: #a3da3e;
		text-decoration: none;
	}

    .alerta-browser a.close {
        float:right;
        color: #FFF;
        position: absolute;
        top: 5px;
        right: 10px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 30px;
        text-decoration:none;
    }

	.alerta-browser a.close:before {
		content: "\E826";
		font-family: "Fontello";
	}

/*================================================================*/
/* FONT FACE - BUG - DEFINIÇÕES MIGRADAS PARA CSS na pasta /FONTS */
/*================================================================*/

	
/*==============================================================*/
/* QUARTINHO													*/
/*==============================================================*/

	.quartinho {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: absolute;
		left: 0;
		z-index: 1;
	}

	.quartinho.go-atividades {
		left: -1920px;
		z-index: 0 !important;
	}

	.quartinho .background {
		width: 1920px; 
		height: 1500px; 
		position: absolute;
		bottom: 0; 
		right: 0;
		overflow: hidden;
	}

	/*Objetos*/
		
		.custom {cursor: pointer;}
		.objeto {z-index: 9; outline: none;}

		.quartinho .objeto,
		.quartinho .base {
			position: absolute;
			background-size: cover;
			background-repeat: no-repeat;
		}

		.lustre {width: 246px; height: 555px; right: 237px; top: 0px;}
		.poltrona {width: 484px; height: 290px; right: 6px; bottom: -134px;}
		.tapete {width: 1129px; height: 268px; right: 0px; bottom: -134px;}
		.poster {width: 325px; height: 427px; left: 105px; bottom: 156px;}
		.mobile-flor {width: 240px; height: 760px; left: 500px; top: 0px;}
		.carrinho {width: 365px; height: 341px; left: 373px; bottom: 7px;}
		.mesa {width: 516px; height: 318px; left: 446px; bottom: 208px;}
		.almofada-1 {width: 254px; height: 197px; right: 478px; bottom: 351px;}
		.almofada-2 {width: 275px; height: 169px; right: 574px; bottom: 384px;}
		.brinquedos {width: 324px; height: 244px; right: 778px; bottom: 455px;}
		.mobile-nuvens {width: 969px; height: 746px; top: 0px; left: 346px;}
		.cabana {width: 311px; height: 457px; right: 175px; bottom: 412px;}
		.pelucia {width: 98px; height: 112px; right: 495px; bottom: 765px;}
		.desenho-parede {width: 288px; height: 276px; right: 671px; bottom: 727px;}

		.bau {width: 235px; height: 235px; left: 212px; bottom: 0;}
		.bau a {width: 100%; height: 100%; display: block;}

		/*Objetos sem opções de alteração*/

		.cubos {width: 366px; height: 353px; right: 310px; bottom: 483px;}

		.obj-mesa {width: 413px; height: 183px; left: 503px; bottom: 426px;}
		.obj-mesa.sem-foto {}

			.foto-user {
			    width: 94px;
				height: 117px;
			    bottom: 41px;
			    right: 79px;
			    position: absolute;
			    background-size: cover;
			    background-position: center;
			    background-repeat: no-repeat;
			    -webkit-transform: rotate(-0.5deg);
			    -moz-transform: rotate(-0.5deg);
			    transform: rotate(-0.5deg);
			}

			.obj-mesa.sem-foto .foto-user {
				display: none;
			}

		/*Textos personalizados*/

		.meu-nome {
			width: 270px;
			height: 95px;
			right: 594px;
			bottom: 628px;
			font-family: 'GrutchHanded';
			font-size: 35px;
			line-height: 40px;
			color: #d2c4e0;
			text-align: center;
			opacity: 0.9;
			text-transform: uppercase;
			-ms-transform: rotate(5deg);/* IE 9 */
			-webkit-transform: rotate(5deg);/* Chrome, Safari, Opera */
			transform: rotate(5deg);
		}

			.meu-nome span.alterar-nome {
				width: 350px;
				height: 95px;
				display: table-cell;
				vertical-align: middle;
			}

	/*Links*/

		.portas {
			width: 750px;
			height: 292px;
			position: absolute;
			right: 109px;
			bottom: 149px;
			z-index: 10;
		}

		.portas * {
			position: absolute;
			cursor: pointer;
			background-size: cover;
			background-position: right bottom;
			background-repeat: no-repeat;
		}

		.portas .floresta {
			width: 282px;
			height: 292px;
			top: 0px;
			left: 0px;
			background-image: url(../imagens/links/floresta_door.png);
			background-position: top center;
		}

		.portas .fazenda {
			width: 228px;
			height: 292px;
			top: 0px;
			left: 234px;
			background-image: url(../imagens/links/fazenda_door.png);
			background-position: top center;
		}

		.portas .mar {
			width: 314px;
			height: 292px;
			top: 0px;
			right: 0px;
			background-image: url(../imagens/links/mar_door.png);
			background-position: top center;
		}

		html.desktop .portas .floresta:hover,
		html.desktop .portas .fazenda:hover,
		html.desktop .portas .mar:hover {
			background-position: bottom center;
		}

		.buraco {
			width: 420px;
			height: 380px;
			right: 0px;
			bottom: 266px;
			position: absolute;
			/*cursor: pointer;*/
			background-size: cover;
			background-position: right bottom;
			background-repeat: no-repeat;
			background-image: url(../imagens/links/buraco.png);
			z-index: 9;
		}

		.buraco.apagado {
			width: 170px;
			background-image: url(../imagens/links/buraco-apagado.png);
		}

		.buraco .seta {
			width: 148px;
			height: 129px;
			position: absolute;
			top: 110px;
			left: -75px;
			cursor: pointer;
			background-size: cover;
			background-position: right bottom;
			background-repeat: no-repeat;
			background-image: url(../imagens/links/seta.png);
		}

		.buraco.apagado .seta {left: -75px;}

	/*Faces*/
		
		.quartinho .divisoria {
			width: 42px;
			height: 100%;
			right: 0;
			top: 0;
			background-repeat: repeat-y;
			background-size: contain;
			z-index: 10;
		}

		.quartinho .parede-direita {
			width: 205px;
			height: 1129px;
			right: 0;
			top: 126px;
			z-index: 4;
		}

		.quartinho .lousa {
			width: 841px;
			height: 660px;
			right: 201px;
			bottom: 523px;
			z-index: 1;
		}

		/*Áreas custons*/
		.quartinho .janela {width: 878px; height: 282px; left: 0; bottom: 654px; z-index: 4;}
		.quartinho .parede-esquerda {width: 878px; height: 672px; left: 0;	bottom: 0;}
		.quartinho .ceu {width: 1920px; height: 772px; top: 0;	right: 0;}
		.quartinho .assoalho {width: 1754px; height: 536px; right: 0; bottom: 0; z-index: 3;}


/*==============================================================*/
/* ATIVIDADES													*/
/*==============================================================*/

	.atividades {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: absolute;
		left: 1920px;
		
	}
	
	html.desktop .quartinho, html.desktop .atividades {
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: 	all 1s ease-in-out;
		transition: 		all 1s ease-in-out;
	}

	.atividades.in-atividades {
		left: 0;
		z-index: 1 !important;
	}

	.atividades .background {
		width: 1920px; 
		height: 1500px;
		position: absolute;
		bottom: 0; 
		left: 0;
		overflow: hidden;
		background-image: url(../imagens/atividades_bg.jpg);
		background-position: bottom left;
		background-size: contain;
	}

	.atividades.ativo .background {
		background-image: url(../imagens/atividades_bg_ativo_.jpg);
	}

	/*Seletor de perfis*/

		.seletor-perfis {
			width: 230px;
			top: 80px;
			right: 50px;
			position: absolute;
			z-index: 10;
			background-color: #FFF;
			padding: 5px 0;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			-webkit-box-shadow: outset 1px 1px 3px 0px rgba(184,184,184,1);
			-moz-box-shadow: outset 1px 1px 3px 0px rgba(184,184,184,1);
			box-shadow: outset 1px 1px 3px 0px rgba(184,184,184,1);
		}

		.seletor-perfis h4 {
			margin: 0 15px;
			line-height: 20px;
			font-size: 12px;
			font-family: 'patrick_handregular';
			letter-spacing: 1px;
			font-weight: normal;
			text-transform: uppercase;
		}

		.seletor-perfis .drop-lista {
			width: 100%;
			height: 40px;
			margin: 0;
			padding: 0;
			list-style: none;
			overflow: hidden;
			cursor: pointer;
			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;
		}

		.seletor-perfis .drop-lista:before {
			position: absolute;
			width: 20px;
			height: 30px;
			margin: 5px;
			top: 0;
			right: 0;
			content: "\E8BF";
			color: #962036;
			font-family: "Fontello";
			line-height: 30px;
			text-align: left;
		}

		html.desktop .seletor-perfis .drop-lista:hover:before {
			color: #CE3955;
		}

		.seletor-perfis .drop-lista ul {
			margin: 0;
			padding: 5px 0;
			list-style: none;
			max-height: 130px;
			overflow: hidden;
			float: left;
			width: 100%;
		}

		.seletor-perfis .drop-lista.ativo {
			height: auto;
		}

		.seletor-perfis .drop-lista.scrolling ul {
			overflow-y: auto;
		}

		.seletor-perfis .drop-lista ul.lista-turmas {
			border-top: 1px solid #f5f0d8;
			background-color: #fdf7de;
		}

		.seletor-perfis .drop-lista ul.lista-filhos {
			border-top: 1px solid #f5f0d8;
			background-color: #f4ebc2;
		}
		
		.seletor-perfis .drop-lista ul li.lista-turmas {
			/*border-top: 1px solid #f5f0d8;*/
			background-color: #fdf7de;
		}

		.seletor-perfis .drop-lista ul li.lista-filhos {
			/*border-top: 1px solid #f5f0d8;*/
			background-color: #f4ebc2;
		}

		.seletor-perfis .drop-lista hr {
			float: left;
			width: 100%;
			height: 1px;
			margin: 0;
			border: 1px solid #e2cea5;
		}

		.seletor-perfis .drop-lista div.selecionado,
		.seletor-perfis .drop-lista ul li {
			padding: 5px;
			line-height: 30px;
			float: left;
			font-size: 13px;
			font-family: 'handleeregular';
			text-transform: uppercase;
			font-weight: 500;
			width: 100%;
			
			-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 .seletor-perfis .drop-lista ul li:hover {
			background: rgba(255,255,255,0.5);
		}

		.seletor-perfis .drop-lista.ativo div.selecionado {
			margin-bottom: 5px;
		}

		.seletor-perfis .drop-lista div.selecionado img,
		.seletor-perfis .drop-lista ul li img {
			width: 30px;
			height: 30px;
			margin: 0 5px;
			float: left;
			border-radius: 30px;
		}

		.seletor-perfis .drop-lista div.selecionado .nome-perfil,
		.seletor-perfis .drop-lista ul li .nome-perfil {
			float: left;
			width: 150px;
			margin: 0 5px;
			display: inline-block;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.seletor-perfis .drop-lista div.selecionado .nome-perfil {
			width: 140px;
		}
		
		/*versão select*/
		
		html.mobile .seletor-perfis {
		    background-color: white;
            background-color: linear-gradient(white, lightgray);
            background-color: -webkit-linear-gradient(white, lightgray);
            background-color: -o-linear-gradient(white, lightgray);
            background-color: -moz-linear-gradient(white, lightgray);
            
        }
		
		.loadingBody .seletor-perfis select 
		{
		    visibility:hidden !important;
        }
		
	    .quartinhoBody .seletor-perfis select 
	    {
	        visibility:visible;
			width: 230px;
			border: 0;
			height: 30px;
			padding: 5px 20px 5px 10px;
			font-size: 13px;
			font-family: 'handleeregular';
			text-transform: uppercase;
			background-color: white;
            background-color: linear-gradient(white, lightgray);
            background-color: -webkit-linear-gradient(white, lightgray);
            background-color: -o-linear-gradient(white, lightgray);
            background-color: -moz-linear-gradient(white, lightgray);
		}
		/*
	    .seletor-perfis option {
			background: #FFF;
		}
        */
		.seletor-perfis select:focus {
			border: 0;
			outline: none;
		}

		.seletor-perfis select optgroup {
			background-color: #fdf7de;
		}

	/*Slider pré cadastro*/
		.slider_pre_cadastro {
			position: absolute;
			width: 763px;
			height: 425px;
			bottom: 15%;
			left: 50%;
			margin-left: -382px;
			z-index: 10;
		}

		.atividades.ativo .background .slider_pre_cadastro {
			display: none;
		}

		.slider_pre_cadastro .unslider {
			width: 100%;
			height: 100%;
		}

		.slider_pre_cadastro .unslider .slider {
			height: 400px;
		}

		.slider_pre_cadastro .unslider .slider ul.unslider-wrap {
			margin: 0;
			padding: 0;
		}

		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li {
			height: 100%;
		}

		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li .mask {
			width: 763px;
			height: 400px;
			background-image: url(../imagens/slider/moldura.png);
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			position: relative;
			z-index: 2;
		}

		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li .content_slide {
			position: absolute;
			top: 20px;
			left: 27px;
			width: 708px;
			height: 358px;
			padding: 33px;
			padding-right: 317px;
			padding-left: 83px;
			z-index: 1;
		}

		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li:nth-child(1) .content_slide {background-color: #44ad88;}
		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li:nth-child(2) .content_slide {background-color: #c84658;}
		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li:nth-child(3) .content_slide {background-color: #ed9630;}
		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li:nth-child(4) .content_slide {background-color: #5fb9d7;}
		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li:nth-child(5) .content_slide {background-color: #938dd7;}
		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li:nth-child(6) .content_slide {background-color: #e78b48;}
		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li:nth-child(7) .content_slide {background-color: #9eb954;}
		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li:nth-child(8) .content_slide {background-color: #435a84;}

		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li .content_slide .txt {
			height: 292px;
			vertical-align: middle;
			display: table-cell;
			z-index: 2;
			position: relative;
		}
		
		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li .content_slide h3,
		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li .content_slide p {
			color: #FFF;
		}

		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li .content_slide h3 {
			margin: 0;
			font-size: 37px;
			font-family: 'chewyregular';
			font-weight: normal;
		}

		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li .content_slide p {
			margin: 0;
			font-size: 25px;
			font-family: 'patrick_handregular';
		}

		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li .content_slide .img_slide {
			width: 358px;
			height: 358px;
			position: absolute;
			top: 0;
			right: 0;
			background-position: center right;
			background-repeat: no-repeat;
			background-size: cover;
			z-index: 1;
		}

		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li:nth-child(1) .content_slide .img_slide {background-image: url(../imagens/slider/slide_1.jpg);}
		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li:nth-child(2) .content_slide .img_slide {background-image: url(../imagens/slider/slide_2.jpg);}
		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li:nth-child(3) .content_slide .img_slide {background-image: url(../imagens/slider/slide_3.jpg);}
		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li:nth-child(4) .content_slide .img_slide {background-image: url(../imagens/slider/slide_4.jpg);}
		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li:nth-child(5) .content_slide .img_slide {background-image: url(../imagens/slider/slide_5.jpg);}
		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li:nth-child(6) .content_slide .img_slide {background-image: url(../imagens/slider/slide_6.jpg);}
		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li:nth-child(7) .content_slide .img_slide {background-image: url(../imagens/slider/slide_7.jpg);}
		.slider_pre_cadastro .unslider .slider ul.unslider-wrap li:nth-child(8) .content_slide .img_slide {background-image: url(../imagens/slider/slide_8.jpg);}


		.slider_pre_cadastro .unslider .unslider-nav {
			bottom: 0;
			width: 100%;
			position: absolute;
		}

		.slider_pre_cadastro .unslider .unslider-nav ol li {
			width: 10px;
			height: 10px;
		}

		.unslider-arrow {
			width: 70px;
			height: 110px;
			text-indent: -9999px;
			background-image: url(../imagens/slider/nav.png);
			z-index: 100;
			bottom: 50%;
			margin-bottom: -55px;
		}

		.unslider-arrow.next {right: -60px; background-position: right top;}
		.unslider-arrow.prev {left: -60px; background-position: left top;}

		html.desktop .unslider-arrow.next:hover {background-position: right bottom;}
		html.desktop .unslider-arrow.prev:hover {background-position: left bottom;}

	/*Objetos*/

		.atividades .objeto {cursor: pointer;}
		.atividades .objeto,
		.atividades .base {
			position: absolute;
			background-size: cover;
			background-repeat: no-repeat;
		}
		
		.atividades .objeto.quadro-turma,
		.atividades .objeto.nuvens {
			cursor: default !important;
		}

		.atividades .objeto .btn_audio {
			position: absolute;
			width: 30px;
			height: 30px;
			line-height: 29px;
			text-align: center;
			border-radius: 30px;
			-webkit-border-radius: 30px;
			-moz-border-radius: 30px;
			background-color: #7252a7;
			color: #f4fe09;
			font-size: 18px;
			-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
			-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
			box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
			z-index: 5;
			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 .atividades .objeto .btn_audio:hover {
			color: #7252a7;
			background-color: #f4fe09;
			-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.3);
			-moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.3);
			box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.3);
		}

		.atividades .objeto .btn_audio:before {
			font-family: "Fontello";
			content: "\E892";
		}

		.atividades .objeto.ativ-com-nomes .btn_audio 		{top: 90px; right: 45px;}
		.atividades .objeto.calendario-parede .btn_audio 	{top: 330px; right: -15px;}
		.atividades .objeto.era-uma-vez .btn_audio 			{top: 210px; right: 25px;}
		.atividades .objeto.img-do-dia .btn_audio 			{top: 377px; right: 0px;}
		.atividades .objeto.editor-admin .btn_audio 		{top: -20px; right: 20px;}

		.atividades .lustre {width: 246px; height: 555px; right: 672px; top: -160px; background-image: url(../imagens/atividades/lustre.png); cursor: default;}
		.atividades .nuvens {width: 969px; height: 746px; top: -240px; left: 0; background-image: url(../imagens/atividades/nuvens.png); cursor: default;}

		.ativ-com-nomes {width: 750px; height: 340px; left: 40px; bottom: 50px; background-image: url(../imagens/atividades/ativ-com-nomes.png);}

		.ativ-com-nomes.desativado {
			-webkit-transform: scale(1);
			transform: scale(1);
			background-image: url(../imagens/atividades/ativ-com-nomes_desativado.png);
			cursor: default;
		}

		.ativ-com-nomes a {
			width: 100%;
			height: 100%;
			position: absolute;
		}

		.calendario-parede {
			width: 266px;
			height: 354px;
			left: 420px;
			bottom: 694px;
			background-image: url(../imagens/atividades/calendario-off.png);
			text-align: center;
			font-family: "boogalooregular";
			-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-parede:hover {background-image: url(../imagens/atividades/calendario-on.png);}

			.calendario-parede a,
			html.desktop .calendario-parede a:hover {color: #444;cursor: pointer;display:block;}

			.calendario-parede span {
				width: 100%;
				float: left;
				opacity: 0.9;
			}

			.calendario-parede span.data-dia-num {
				font-size: 163px;
				margin-top: 140px;
				line-height: 120px;
				
			}

			.calendario-parede span.data-dia-sem {
				font-size: 41px;
				line-height: 70px;
				text-transform: uppercase;
			}

		.era-uma-vez {
			width: 400px;
			height: 345px;
			left: 714px;
			bottom: 499px;
			background-image: url(../imagens/atividades/era-uma-vez_off.png);
			-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 .era-uma-vez:hover {
				background-image: url(../imagens/atividades/era-uma-vez.png);
			}

		.era-uma-vez.desativado,
		html.desktop .era-uma-vez.crescer.desativado:hover {
			-webkit-transform: scale(1);
			transform: scale(1);
			background-image: url(../imagens/atividades/era-uma-vez_desativado.png);
			cursor: default;
		}

		.img-do-dia {width: 391px; height: 437px; right: 408px; bottom: 640px;}

		.img-do-dia a {/* position: relative; */cursor: pointer;display: block;}

			.img-do-dia a .mask {
				width: 391px;
				height: 437px;
				position: absolute;
				top: 0;
				left: 0;
				background-image: url(../imagens/atividades/imgdodia.png);
				background-position: center right;
				background-repeat: no-repeat;
				background-size: cover;
				-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;
			}

			html.desktop .img-do-dia a:hover .mask {background-image: url(../imagens/atividades/imgdodia_hover.png);}

			.img-do-dia a .foto-dia {
				width: 320px; 
				height: 310px; 
				top: 68px; 
				left: 27px;
				position: absolute;
				background-position: center right;
				background-repeat: no-repeat;
				background-size: cover;
				background-color: #CCC;
				z-index: 1;
			}

		.quadro-turma {
			width: 235px;
			height: 130px;
			left: 759px;
			bottom: 900px;
			font-family: 'GrutchHanded';
			font-size: 30px;
			line-height: 40px;
			color: #FFF;
			text-align: center;
			opacity: 0.9;
			text-transform: uppercase;
			overflow: hidden;
			cursor: default !important;
		}

			.quadro-turma span.alterar-nome {
				width: 235px;
				height: 130px;
				padding: 10px;
				display: table-cell;
				vertical-align: middle;
				-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 .quadro-turma span.alterar-nome:hover {
				/*opacity: 0.8;*/
			}

		.atividades .editor-admin {
			width: 250px;
			height: 50px;
			bottom: 80px;
			
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
			right: -50px;
		}

		.atividades.in-atividades .editor-admin {
			position:fixed !important;
			right: 0;
		}

		.editor-admin a {
			width: 50px;
			height: 50px;
			color: #962036;
			line-height: 50px;
			font-family: "handleeregular";
			text-transform: uppercase;
			font-size: 16px;
			overflow: hidden;
			float: right;
			color: #962036;
			background-color: #962036;
			border-radius: 10px 0 0 10px;
			-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;
		}

		.editor-admin:hover a {
			color: #FFF;
			width: 220px;
		}

		.editor-admin a:before {
			font-family: "Fontello";
			font-weight: normal;
			color: #FFF;
			content: "\E859";
			float: left;
			font-size: 20px;
			line-height: 50px;
			padding: 0 15px;
		}


	/*Links*/

		.buraco_volta {
			width: 500px;
			height: 460px;
			left: -33px;
			bottom: 248px;
			position: absolute;
			/*cursor: pointer;*/
			background-size: cover;
			background-position: right bottom;
			background-repeat: no-repeat;
			background-image: url(../imagens/links/buraco_volta.png);
			z-index: 9;
		}

		.atividades.ativo .background .buraco_volta {
			background-image: none;
		}

		.buraco_volta .seta {
			width: 148px;
			height: 129px;
			position: absolute;
			top: 170px;
			left: 125px;
			cursor: pointer;
			background-size: cover;
			background-position: right bottom;
			background-repeat: no-repeat;
			background-image: url(../imagens/links/seta_volta.png);
		}


/*==============================================================*/
/* AMBIENTE														*/
/*==============================================================*/

	/*Galeria*/
		
		.galeria {
			width: 100%;
			height: 100%;

			overflow-x: hidden;
			overflow-y: auto;
			
			background-size: cover;
			background-repeat: no-repeat;
			padding: 50px 0 0;
			background-position: bottom center;
		}

		.galeria.mar 		{background-color: #01BBD4; background-image: url(../imagens/mar/galeria_bg.jpg);}
		.galeria.floresta 	{background-image: url(../imagens/floresta/galeria_bg.jpg);}
		.galeria.fazenda 	{background-image: url(../imagens/fazenda/galeria_bg.jpg);}

	/*Galeria cabeçalho*/

		.galeria header {
			width: 100%;
			height: 120px;
			position: relative;
		}

		.galeria header h2 {
			text-align: center;
			margin: 0;
			line-height: 120px;
			font-size: 70px;
			font-family: "chewyregular";
			font-weight: normal;
			text-transform: uppercase;
			letter-spacing: 4px;
			background-position: top center;
			background-repeat: no-repeat;
		}

			.galeria.mar		header h2 {color: #c8ff68; /*background-image: url(../imagens/mar/titulo_bg.png);*/}
			.galeria.floresta	header h2 {color: #FFD600; /*background-image: url(../imagens/floresta/titulo_bg.png);*/}
			.galeria.fazenda	header h2 {color: #f43042; /*background-image: url(../imagens/fazenda/titulo_bg.png);*/}


		.galeria header nav {
			width: 100%;
			position: absolute;
			top: 0px;
			text-align: center;
		}

		.galeria header nav a {
			width: 70px;
			height: 110px;
			display: inline-block;
		}

		.galeria header nav a.prev_galeria {margin: 0 180px 0 0; background-position: top left;}
		.galeria header nav a.next_galeria {margin: 0 0 0 180px; background-position: top right;}

		html.desktop .galeria header nav a.prev_galeria:hover {background-position: bottom left;}
		html.desktop .galeria header nav a.next_galeria:hover {background-position: bottom right;}

			.galeria.mar 		header nav a {background-image: url(../imagens/mar/nav.png);}
			.galeria.floresta 	header nav a {background-image: url(../imagens/floresta/nav.png);}
			.galeria.fazenda 	header nav a {background-image: url(../imagens/fazenda/nav.png);}

	/*Galeria Filtros*/

		.galeria header .filtros {
			width: 155px;
			height: 120px;
			position: absolute;
			top: 0;
			left: 26%;
			font-family: 'patrick_handregular';
			text-transform: uppercase;
		}

			.galeria header .filtros h3 {
				font-size: 17px;
				margin: 0;
			}

			.galeria header .filtros a.filtro {
				width: 100%;
				height: 30px;
				display: inline-block;
				margin: 10px 0 0;
				padding: 0 0 0 35px;
				line-height: 30px;
				font-size: 17px;
				color: #707171;
				background-color: #FFF;
				position: relative;

				-webkit-box-shadow: 1px 1px 2px 0px rgba(159,167,143,1);
				-moz-box-shadow: 	1px 1px 2px 0px rgba(159,167,143,1);
				box-shadow: 		1px 1px 2px 0px rgba(159,167,143,1);

				-webkit-border-radius: 	13px;
				-moz-border-radius: 	13px;
				border-radius: 			13px;
			}

			html.desktop .galeria header .filtros a.filtro:hover {
				color: #707171;
			}

				.galeria header .filtros a.filtro:before {
					content: " ";
					width: 18px;
					height: 18px;
					background-color: #f43042;
					position: absolute;
					top: 6px;
					left: 6px;
					-webkit-border-radius: 	18px;
					-moz-border-radius: 	18px;
					border-radius: 			18px;
				}

				html.desktop .galeria header .filtros a.filtro:hover:before {
					-webkit-box-shadow: 0px 0px 3px 0px rgba(244,48,66,1);
					-moz-box-shadow: 	0px 0px 3px 0px rgba(244,48,66,1);
					box-shadow: 		0px 0px 3px 0px rgba(244,48,66,1);
				}

			.galeria header .filtros a.filtro.ativo {
				cursor: default;
				/*-webkit-box-shadow: inset 1px 1px 3px 0px rgba(184,184,184,1);*/
				/*-moz-box-shadow: 	inset 1px 1px 3px 0px rgba(184,184,184,1);*/
				/*box-shadow: 		inset 1px 1px 3px 0px rgba(184,184,184,1);*/
				background-color: #D7FDCD;
				color: #28501D;
			}

			.galeria header .filtros a.filtro.ativo:before {
				background-color: #54ba38;
				-webkit-box-shadow: 0px 0px 5px 0px rgba(84,186,56,1);
				-moz-box-shadow: 	0px 0px 5px 0px rgba(84,186,56,1);
				box-shadow: 		0px 0px 5px 0px rgba(84,186,56,1);
			}

	/*Galeria Ficha*/
		
		.ficha_item {
			padding: 40px;
			width: 750px;
			height: 490px;
			font-family: "signikaregular";
			-webkit-box-sizing: border-box;
			-moz-box-sizing:    border-box;
			box-sizing:         border-box;
		}

			.ficha_item.mar 		{background-image: url(../imagens/mar/ficha_bg.png)}
			.ficha_item.floresta 	{background-image: url(../imagens/floresta/ficha_bg.png)}
			.ficha_item.fazenda 	{background-image: url(../imagens/fazenda/ficha_bg.png)}

			.ficha_item > header {
				width: 670px;
				height: 120px;
				padding: 0 10px;
				display: table-cell;
				vertical-align: middle;
				position: relative;
			}

				.ficha_item header h3 {
					margin: 0;
					font-size: 30px;
					color: #717171;
					font-family: "signikabold";
					font-weight: normal;
				}

				.ficha_item header span.categoria,
				.ficha_item header span.subcategoria {
					color: #a7a7a7;
					font-size: 18px;
					font-family: "signikaregular";
					font-weight: normal;
					display: inline-block;
				}

				.ficha_item header span.subcategoria {
					border-left: 1px solid #A7A7A7;
					margin-left: 5px;
					padding-left: 7px;
				}

				.ficha_item > header .btn_acao.btn_fechar {
					width: 30px;
					height: 30px;
					text-align: center;
					line-height: 30px;
					color: #FFF;
					-webkit-border-radius: 40px;
					-moz-border-radius: 40px;
					border-radius: 40px;
					position: absolute;
					top: -25px;
					right: -45px;
					background-color: #0CA6FF;
					font-size: 18px;
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: 	all 0.2s ease-in-out;
					transition: 		all 0.2s ease-in-out;
				}

				.ficha_item > header .btn_acao.btn_fechar:before {
					font-family: "Fontello";
					content: "\E826";
				}

				html.desktop .ficha_item > header .btn_acao.btn_fechar:hover {
					color: #0CA6FF;
					background-color: #FFF;
					-ms-transform: rotate(90deg);
					-webkit-transform: rotate(90deg);
					transform: rotate(90deg);
				}

			.ficha_item > section {
				width: 100%;
				height: 205px;
				display: inline-block;
				margin-top: 20px;
			}

				.ficha_item section .icone_item {
					position: relative;
					float: left;
				}

					.ficha_item.mar	 		section .icone_item {margin: 5px;}
					.ficha_item.floresta	section .icone_item {margin: -8px;}
					.ficha_item.fazenda		section .icone_item {margin: -6px;}

					.ficha_item .icone_item .item-mask {
						position: absolute;
						top: 0;
						left: 0;
					}

					.ficha_item.mar	 		.icone_item .item-mask {width: 190px; height: 190px; background-image: url(../imagens/mar/item-mask.png); z-index: 2;}
					.ficha_item.floresta	.icone_item .item-mask {width: 220px; height: 220px; background-image: url(../imagens/floresta/item-mask.png); z-index: 3;}
					.ficha_item.fazenda		.icone_item .item-mask {width: 223px; height: 219px; background-image: url(../imagens/fazenda/item-mask.png); z-index: 3;}

					.ficha_item .icone_item .item-thumb {
						position: absolute;
						background-color: #000;
						background-size: cover;
						z-index: 0;
					}

					.ficha_item.mar	.icone_item .item-thumb {
						width: 170px;
						height: 170px;
						top: 10px;
						left: 10px;
						-webkit-border-radius: 90px;
						-moz-border-radius: 90px;
						border-radius: 90px;
					}

					.ficha_item.floresta .icone_item .item-thumb {
						width: 160px;
						height: 160px;
						top: 19px;
						left: 20px;
						border: 10px solid #fffac1;
						margin: 10px;
					}

					.ficha_item.fazenda .icone_item .item-thumb {
						width: 160px;
						height: 160px;
						top: 17px;
						left: 18px;
						border: 10px solid #fffac1;
						margin: 10px;
					}

				.ficha_item section .detalhes_item {
					float: right;
					color: #FFF;
					font-size: 14px;
					font-family: "signikaregular";
					width: 450px;
					height: 170px;
					margin: 15px 0 0;
					overflow: hidden;
					overflow-y: auto;
				}

				.ficha_item section .detalhes_item::-webkit-scrollbar {width: 10px; height: 10px;}
				.ficha_item section .detalhes_item::-webkit-scrollbar-button:start:decrement,
				.ficha_item section .detalhes_item::-webkit-scrollbar-button:end:increment {display: none;}
				.ficha_item section .detalhes_item::-webkit-scrollbar-track-piece 		{background-color: rgba(0,0,0,0.5); 		-webkit-border-radius: 0px; border-radius: 10px;}
				.ficha_item section .detalhes_item::-webkit-scrollbar-thumb:vertical 	{background-color: rgba(255,255,255,1); 	-webkit-border-radius: 0px; border-radius: 10px;}
				.ficha_item section .detalhes_item::-webkit-scrollbar-thumb:horizontal 	{background-color: rgba(255,255,255,1); 	-webkit-border-radius: 0px; border-radius: 10px;}

					.ficha_item section .detalhes_item h4 {
						margin: 0;
						font-family: "signikabold";
						font-weight: normal;
						font-size: 18px;
					}

			.ficha_item > footer {
				width: 100%;
				height: 35px;
				margin-top: 20px;
				line-height: 35px;
			}

				.ficha_item > footer .opcao_relatar {
					float: left;
					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 .ficha_item > footer .opcao_relatar:hover {
					opacity: 0.7;
				}

				.ficha_item > footer .opcao_relatar:before {
					font-family: "Fontello";
					content: "\E836";
					margin-right: 10px;
				}

				.ficha_item > footer .btn_acao {
					float: right;
					font-family: "signikabold";
					margin-left: 15px;
					text-transform: uppercase;
					color: #FFF;
					padding: 0 20px;
					-webkit-border-radius: 40px;
					-moz-border-radius: 40px;
					border-radius: 40px;
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: 	all 0.2s ease-in-out;
					transition: 		all 0.2s ease-in-out;
				}

				.ficha_item > footer .btn_acao.btn_agendar {background-color: #0CA6FF;}
				.ficha_item > footer .btn_acao.btn_acessar {background-color: #0682C9;}

				html.desktop .ficha_item > footer .btn_acao.btn_agendar:hover {color: #0CA6FF; background-color: #FFF;}
				html.desktop .ficha_item > footer .btn_acao.btn_acessar:hover {color: #0682C9; background-color: #FFF;}

	/*Galeria lista*/

		.galeria ul.galeria-itens {
			
			/*height: calc(100% - 243px);*/ /*225px);*/ 
			/*overflow-y: auto;*/
			/*overflow-x: hidden;*/

			width: 100%;
			text-align: center;
			padding: 0 100px;
			/*margin: 20px 0 0;*/
			margin: 20px 0 60px 0;
			list-style: none;
			display: block;

			position: relative;
			
			overflow: initial;
			/*padding-bottom: 50px !important;*/
			/*v3 height: auto;*/
			min-height: 75%;/*500px;*/

			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

			.galeria ul.galeria-itens::-webkit-scrollbar {width: 10px; height: 10px;}
			.galeria ul.galeria-itens::-webkit-scrollbar-button:start:decrement,
			.galeria ul.galeria-itens::-webkit-scrollbar-button:end:increment {display: none;}
			.galeria ul.galeria-itens::-webkit-scrollbar-track-piece 		{background-color: rgba(0,0,0,0.5); 		-webkit-border-radius: 0px; border-radius: 10px;}
			.galeria ul.galeria-itens::-webkit-scrollbar-thumb:vertical 	{background-color: rgba(255,255,255,1); 	-webkit-border-radius: 0px; border-radius: 10px;}
			.galeria ul.galeria-itens::-webkit-scrollbar-thumb:horizontal 	{background-color: rgba(255,255,255,1); 	-webkit-border-radius: 0px; border-radius: 10px;}

		.galeria ul.galeria-itens li {
			display: inline-block;
			position: relative;
		}

		.galeria ul.galeria-itens li a.btn_ficha {
			width: 40px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			color: #FFF;
			font-size: 20px;
			-webkit-border-radius: 30px;
			-moz-border-radius: 30px;
			border-radius: 30px;
			position: absolute;
			display: block;
			z-index: 9;
			box-shadow: 0 1px 3px rgba(0,0,0,0.3);
		}

		.galeria ul.galeria-itens li a {
			-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;
		}

			.galeria.mar 		ul.galeria-itens li a.btn_ficha {color: #FF801A; background-color: #C8FF68; right: -15px; bottom: -15px;}
			.galeria.floresta 	ul.galeria-itens li a.btn_ficha {color: #E94722; background-color: #FFD600; right: 5px; bottom: 5px;}
			.galeria.fazenda 	ul.galeria-itens li a.btn_ficha {color: #F43042; background-color: #86FBFF; right: 5px; bottom: 5px;}

		html.desktop .galeria ul.galeria-itens li a.btn_ficha:hover {
			background-color: #FFF;
		}

		.galeria ul.galeria-itens li a.btn_ficha:before {
			font-family: "Fontello";
			content: "\E9DC";
		}

		.galeria.mar 		ul.galeria-itens li {width: 190px; height: 190px; margin: 10px;}
		.galeria.floresta 	ul.galeria-itens li {width: 220px; height: 220px; margin: 5px;}
		.galeria.fazenda 	ul.galeria-itens li {width: 223px; height: 219px; margin: 5px;}

		.galeria.mar 		ul.galeria-itens li a.linkAtividade {height: 190px !important;}
		.galeria.floresta 	ul.galeria-itens li a.linkAtividade {height: 220px !important;}
		.galeria.fazenda 	ul.galeria-itens li a.linkAtividade {height: 219px !important;}

			.galeria ul.galeria-itens li .item-nome {
				position: absolute;
				color: #FFF;
				overflow: hidden;
			}	

				.galeria.mar ul.galeria-itens li .item-nome {
					width: 190px;
					height: 50px;
					bottom: 0;
					left: 0;
					background-image: url(../imagens/mar/item-nome.png);
					z-index: 3;
				}

				.galeria.floresta ul.galeria-itens li .item-nome {
					width: 185px; 
					height: 50px; 
					bottom: 20px; 
					left: 17px; 
					background-image: url(../imagens/floresta/item-nome.png); 
					z-index: 2;
				}

				.galeria.fazenda ul.galeria-itens li .item-nome {
					width: 185px; 
					height: 50px; 
					bottom: 23px; 
					left: 17px; 
					background-image: url(../imagens/fazenda/item-nome.png);
					z-index: 2;
				}

					.galeria ul.galeria-itens li .item-nome h5 {
						text-align: center;
						font-family: "patrick_handregular";
						font-size: 16px;
						font-weight: normal;
						text-transform: uppercase;
						
						margin: 0;
						padding: 0 20px;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
					}

					.galeria.mar 		ul.galeria-itens li .item-nome h5 {width: 190px; height: 50px; line-height: 50px;}
					.galeria.floresta 	ul.galeria-itens li .item-nome h5 {width: 185px; height: 45px; line-height: 45px;}
					.galeria.fazenda 	ul.galeria-itens li .item-nome h5 {width: 190px; height: 47px; line-height: 47px;}

			.galeria ul.galeria-itens li .item-mask {
				position: absolute;
				top: 0;
				left: 0;
			}

				.galeria.mar 		ul.galeria-itens li .item-mask {width: 190px; height: 190px; background-image: url(../imagens/mar/item-mask.png); z-index: 2;}
				.galeria.floresta 	ul.galeria-itens li .item-mask {width: 220px; height: 220px; background-image: url(../imagens/floresta/item-mask.png); z-index: 3;}
				.galeria.fazenda 	ul.galeria-itens li .item-mask {width: 223px; height: 219px; background-image: url(../imagens/fazenda/item-mask.png); z-index: 3;}

			.galeria ul.galeria-itens li a .item-detalhes {
				display: none;
				position: absolute;
				background-color: rgba(0,0,0,0.5);
			}

					.galeria.mar ul.galeria-itens li a .item-detalhes {
						width: 170px;
						height: 170px;
						top: 10px;
						left: 10px;
						-webkit-border-radius: 90px;
						-moz-border-radius: 90px;
						border-radius: 90px;
						z-index: 1;
					}

					.galeria.floresta ul.galeria-itens li a .item-detalhes {
						width: 180px;
						height: 180px;
						top: 20px;
						left: 20px;
						z-index: 1;
					}

					.galeria.fazenda ul.galeria-itens li a .item-detalhes {
						width: 175px;
						height: 175px;
						top: 20px;
						left: 20px;
						z-index: 1;
					}

				.galeria ul.galeria-itens li .item-detalhes h4 {
					display: table-cell;
					vertical-align: middle;
					
					
					font-family: "patrick_handregular";
					font-size: 16px;
					font-weight: normal;
					text-transform: uppercase;
					text-align: center;
					/*letter-spacing: 2px;*/
					color: #FFF;
					top: 25px;
					position: relative;
					overflow: hidden;

					-webkit-box-sizing: border-box; 
					-moz-box-sizing:    border-box; 
					box-sizing:         border-box;
				}

					.galeria.mar 		ul.galeria-itens li .item-detalhes h4 {width: 170px; height: 80px; padding: 0 30px;}
					.galeria.floresta 	ul.galeria-itens li .item-detalhes h4 {width: 180px; height: 65px; padding: 0 10px;}
					.galeria.fazenda 	ul.galeria-itens li .item-detalhes h4 {width: 175px; height: 65px; padding: 0 10px;}

				.galeria ul.galeria-itens li .item-detalhes .seta-ir {
					width: 70px;
				    height: 45px;
				    position: relative;
				    margin: 0 auto;
				    top: 40px;
				    left: 10px;
				    background-repeat: no-repeat;
				}

					.galeria.mar 		ul.galeria-itens li .item-detalhes .seta-ir {top: 30px; background-image: url(../imagens/mar/seta-ir.png);}
					.galeria.floresta 	ul.galeria-itens li .item-detalhes .seta-ir {top: 40px; background-image: url(../imagens/floresta/seta-ir.png);}
					.galeria.fazenda 	ul.galeria-itens li .item-detalhes .seta-ir {top: 40px; background-image: url(../imagens/fazenda/seta-ir.png);}

			.galeria ul.galeria-itens li .item-thumb {
				position: absolute;
				background-color: #000;
				background-size: cover;
			}

					.galeria.mar ul.galeria-itens li a .item-thumb {
						width: 170px;
						height: 170px;
						top: 10px;
						left: 10px;
						-webkit-border-radius: 90px;
						-moz-border-radius: 90px;
						border-radius: 90px;
						z-index: 0;
					}

					.galeria.floresta ul.galeria-itens li a .item-thumb {
					    width: 180px;
					    height: 180px;
					    top: 19px;
					    left: 20px;
					    border: 10px solid #fffac1;
					    z-index: 0;
					}

					.galeria.fazenda ul.galeria-itens li a .item-thumb {
						width: 180px;
					    height: 180px;
					    top: 17px;
					    left: 18px;
					    border: 10px solid #fffac1;
					    z-index: 0;
					}

			/*Condição de hover*/

			html.desktop .galeria ul.galeria-itens li a:hover .item-nome {display: none;}
			html.desktop .galeria ul.galeria-itens li a:hover .item-detalhes {display: block;}

	/*Galeria links*/

		/*vide ajustes responsivos em responsive_otimizando_v.v.v.css*/
		.galeria .link-ambientes {
			width: 100%;
			height: 85px;

			/*
			Remoção v1
			position: fixed;
			bottom: 0;
			*/
			/*
			Remoção v2
			position: relative;
			*/
			
			/*v3*/
			bottom: -85px;

			text-align: center;
			-webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.75);
			box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.75);
			z-index: 10;
            position:absolute !important;
		}

			.galeria.mar 		.link-ambientes {background-color: #c8ff68;}
			.galeria.floresta 	.link-ambientes {background-color: #e94722;}
			.galeria.fazenda 	.link-ambientes {background-color: #f43042;}

				.galeria .link-ambientes a {
					display: inline-block;
					width: 70px;
					height: 70px;
					margin-top: 5px;
					background-position: top center;
					background-size: cover;
					background-repeat: no-repeat;
				}

				.galeria .link-ambientes a.ativo,
				html.desktop .galeria .link-ambientes a.ativo:hover {background-position: bottom center; cursor: default;}

				.galeria .link-ambientes a.voltar-inicio 	{background-image: url(../imagens/voltar-inicio.png);}
				.galeria .link-ambientes a.ir-floresta 		{background-image: url(../imagens/ir-floresta.png);}
				.galeria .link-ambientes a.ir-fazenda 		{background-image: url(../imagens/ir-fazenda.png);}
				.galeria .link-ambientes a.ir-mar 			{background-image: url(../imagens/ir-mar.png);}

	/*Busca*/

		.campo-de-busca {
			width: 270px;
			position: absolute;
			top: -30px;
			right: 25%;
			z-index: 100;
		}

			.quartinho .campo-de-busca {top: 80px; right: 50px;}

			.campo-de-busca input[type=search] {
				width: 250px;
				height: 30px;
				margin: 0;
				padding: 5px 40px 5px 10px;
				border: 0;
				font-family: 'patrick_handregular' !important;
				text-transform: uppercase;
				letter-spacing: 1px;
				font-size: 14px;
				color: #e12f2f;
				background-color: #FFF;
				position: relative;
				z-index: 4;

				-webkit-border-radius: 	5px;
				-moz-border-radius: 	5px;
				border-radius: 			5px;

				-webkit-box-shadow: inset 1px 1px 3px 0px rgba(184,184,184,1);
				-moz-box-shadow: 	inset 1px 1px 3px 0px rgba(184,184,184,1);
				box-shadow: 		inset 1px 1px 3px 0px rgba(184,184,184,1);

				-webkit-box-sizing: border-box; 
				-moz-box-sizing:    border-box; 
				box-sizing:         border-box;
			}

				.campo-de-busca input[type=search]:focus {
					border: 0 !important;
					color: #e12f2f;
					outline: none;

					-webkit-border-radius: 	5px;
					-moz-border-radius: 	5px;
					border-radius: 			5px;

				}

				.galeria header .campo-de-busca ::-webkit-input-placeholder {
					color: #e12f2f;
					text-align: left;
				}

.campo-de-busca .ico-buscar {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 70px;
    border: 0;
    background-color: transparent;
    background-image: url(../imagens/ico_binoculo.png);
    z-index: 5;
    cursor: pointer;
    outline: none !important;
}

			.campo-de-busca ul.lista-resultados-busca {
				width: 240px;
				margin: 0;
				padding: 0;
				list-style: none;
				position: absolute;
				top: 30px;
				left: 5px;
				background-color: #FFF;
				overflow: hidden;
				z-index: 3;
				display: none;

				-webkit-border-radius: 	0 0 5px 5px;
				-moz-border-radius: 	0 0 5px 5px;
				border-radius: 			0 0 5px 5px;

				-webkit-box-shadow: inset 0px 2px 9px 0px rgba(184,184,184,1);
				-moz-box-shadow: 	inset 0px 2px 9px 0px rgba(184,184,184,1);
				box-shadow: 		inset 0px 2px 9px 0px rgba(184,184,184,1);
			}

			.campo-de-busca ul.lista-resultados-busca li {
				line-height: 30px;
			}

			.campo-de-busca ul.lista-resultados-busca li a,
			html.desktop .campo-de-busca ul.lista-resultados-busca li a:hover {
				display: inline-block;
				width: 100%;
				color: #595959;
				padding: 0 10px;
				font-family: 'patrick_handregular' !important;
				text-transform: uppercase;
				letter-spacing: 1px;
				font-size: 14px;
			}

			html.desktop .campo-de-busca ul.lista-resultados-busca li a:hover {
				background-color: rgba(191, 236, 255, 0.6);
			}

.icon-deslogar {
    position: absolute;
    top: -5px;
    right: 0px;
    cursor: pointer;
}

	/*Ambientes*/

		.ambiente {
			width: 100%;
			height: 100%;
			overflow: hidden;
			position: relative;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

			.ambiente .campo-de-busca {top: 20px; right: 20px;}

			.ambiente.mar 		{background-image: url(../imagens/mar/bg.jpg);}
			.ambiente.floresta 	{background-image: url(../imagens/floresta/bg.jpg);}
			.ambiente.fazenda 	{background-image: url(../imagens/fazenda/bg.jpg);}

		.ambiente header {
			position: relative;
		}

		.link-galerias {
			width: 1295px;
			height: 520px;
			top: 50%;
			margin-top: -345px;
			left: 50%;
			margin-left: -648px;
			position: absolute;
			/*background-color: rgba(0,0,0,0.2);*/
			text-align: center;
		}

			.link-galerias .ir-galeria {
				display: inline-block;
				height: 510px;
				position: relative;
				background-size: contain;
				background-repeat: no-repeat;
				background-position: bottom center;
				outline: none;
			}

				.link-galerias .ir-galeria h5 {
					width: 100%;
					text-align: center;
					font-family: "handleeregular";
					/*font-weight: normal;*/
					font-size: 28px;
					text-transform: uppercase;
					color: #FFF;
					position: absolute;
					margin: 0;
				}

			.ambiente.mar .link-galerias .jogos 		{width: 340px; background-image: url(../imagens/mar/jogos.png);}
			.ambiente.mar .link-galerias .videos 		{width: 300px; background-image: url(../imagens/mar/videos.png);}
			.ambiente.mar .link-galerias .historias		{width: 300px; background-image: url(../imagens/mar/historias.png);}
			.ambiente.mar .link-galerias .musicas		{width: 330px; background-image: url(../imagens/mar/musicas.png);}

				.ambiente.mar .jogos 	 	h5 {bottom: 25px;}
				.ambiente.mar .videos 	 	h5 {bottom: 24px;}
				.ambiente.mar .historias 	h5 {bottom: 15px;}
				.ambiente.mar .musicas	 	h5 {bottom: 20px;}

			.ambiente.floresta .link-galerias .jogos 		{width: 295px; background-image: url(../imagens/floresta/jogos.png);}
			.ambiente.floresta .link-galerias .videos 		{width: 295px; background-image: url(../imagens/floresta/videos.png);}
			.ambiente.floresta .link-galerias .historias	{width: 295px; background-image: url(../imagens/floresta/historias.png);}
			.ambiente.floresta .link-galerias .musicas		{width: 315px; background-image: url(../imagens/floresta/musicas.png);}

				.ambiente.floresta .jogos 	 	h5 {bottom: 33px;}
				.ambiente.floresta .videos 		h5 {bottom: 28px;}
				.ambiente.floresta .historias 	h5 {bottom: 22px;}
				.ambiente.floresta .musicas		h5 {bottom: 20px;}

			.ambiente.fazenda .link-galerias .jogos 		{width: 295px; background-image: url(../imagens/fazenda/jogos.png);}
			.ambiente.fazenda .link-galerias .videos 		{width: 295px; background-image: url(../imagens/fazenda/videos.png);}
			.ambiente.fazenda .link-galerias .historias		{width: 295px; background-image: url(../imagens/fazenda/historias.png);}
			.ambiente.fazenda .link-galerias .musicas		{width: 310px; background-image: url(../imagens/fazenda/musicas.png);}

				.ambiente.fazenda .jogos 	 	h5 {bottom: 33px;}
				.ambiente.fazenda .videos 		h5 {bottom: 28px;}
				.ambiente.fazenda .historias 	h5 {bottom: 22px;}
				.ambiente.fazenda .musicas		h5 {bottom: 20px;}

	/*Ambientes links*/

		.ambiente .link-ambientes { 
			width: 670px;
			height: 160px;
			position: absolute;
			bottom: 60px;
			left: 60px;
		}

			.ambiente .link-ambientes a {
				width: 160px;
				height: 160px;
				display: inline-block;
				background-position: top center;
				background-size: cover;
				background-repeat: no-repeat;
				outline: none;
			}

			.ambiente .link-ambientes a.ativo,
			html.desktop .ambiente .link-ambientes a.ativo:hover {background-position: bottom center; cursor: default;}

			.ambiente .link-ambientes a.voltar-inicio 	{background-image: url(../imagens/voltar-inicio.png);}
			.ambiente .link-ambientes a.ir-floresta 	{background-image: url(../imagens/ir-floresta.png);}
			.ambiente .link-ambientes a.ir-fazenda 		{background-image: url(../imagens/ir-fazenda.png);}
			.ambiente .link-ambientes a.ir-mar 			{background-image: url(../imagens/ir-mar.png);}

	/*Baú*/

		.ambiente .ir-bau {
			position: absolute;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			outline: none;
		}

		.ambiente.mar 		.ir-bau {width: 300px; height: 300px; bottom: 60px; right: 60px; background-image: url(../imagens/mar/bau.png);}
		.ambiente.floresta 	.ir-bau {width: 300px; height: 340px; bottom: 0px; right: 60px; background-image: url(../imagens/floresta/bau.png);}
		.ambiente.fazenda 	.ir-bau {width: 345px; height: 220px; bottom: 60px; right: 60px; background-image: url(../imagens/fazenda/bau.png);}


/*==============================================================*/
/* AVISO SUPORTE												*/
/*==============================================================*/

	.suporte_resolucao {
		width: 100%;
		height: 100%;
		position: absolute;
        z-index:-9999;
    }
    
    .suporte_resolucao,
    .suporte_resolucao .box_alerta_flash,
    .suporte_resolucao p,
    .suporte_resolucao .bg
    {
        background:transparent;
        color:transparent;
    }
   
    .suporte_resolucao.inativo {
        top:-9999px;
        left:-9999px;
    }
    
    .suporte_resolucao.ativo 
    {
        top:0px;
        left:0px;
        z-index:1103 !important;
        visibility:visible !important;
        background:#FFF;
        color:#333;
    }

	.suporte_resolucao.ativo .bg {
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: rgba(50,50,50,0.95);
		background-image: url(../imagens/bg_suporte.jpg);
		background-size: cover;
		background-position: center;
		z-index: 900;
		top: 0;
		left: 0;
	}

	.suporte_resolucao.ativo .box_alerta {
		width: 500px;
		height: 250px;
		top: 50%;
		margin-top: -125px;
		left: 50%;
		margin-left: -250px;
		position: absolute;
		color: #FFF;
		background-color: #5BA2B1;
		z-index: 1000;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 63px 45px 63px 235px;
		letter-spacing: 1px;
		background-image: url(../imagens/img_orientacao.png);
		background-repeat: no-repeat;
		background-position: 25px;

		font-family: "handleeregular";
		text-transform: uppercase;
		font-weight: 600;
	}

	.suporte_resolucao.ativo .box_alerta p {
		font-size: 14px;
		font-weight: normal;
		margin-top: 5px;
		color: #FFF;
	}


    #flashContainer 
    {
        
        margin: 0px auto;
        height:150px;
        width:350px;
        /*
        margin-top: 0px;
        height:0px;
        visibility:hidden;
        */
    }
        
    #flashContainer.ativo
    {
        margin: 0px auto;
        height:150px;
        width:350px;
        /*visibility:visible;*/
    }
   
    .suporte_resolucao .box_alerta_flash 
    {
        color:transparent;
    }
   
    .suporte_resolucao.ativo .box_alerta_flash {
        width: 500px;
        height: 250px;
		top: 50%;
		margin-top: -125px;
		left: 50%;
		margin-left: -250px;
        position: absolute;
        color: #000 !important;
        background-color: #FFF;
        z-index: 1000;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 40px;
        font-family: "handleeregular";
        text-transform: uppercase;
        font-weight: 600;
        text-align: center;
    }

    .suporte_resolucao.ativo .box_alerta_flash p {
        color: #000 !important;
    }
        
    .suporte_resolucao #fancybox-close {
        position: absolute;
        top: -15px;
        right: -15px;
        width: 30px;
        height: 30px;
        background: transparent url('../Content/Common/Fancybox/fancybox.png') -40px 0px;
        cursor: pointer;
        z-index: 1103;
        display: inline;
    }

.galeria.mar .link-ambientes {
    
    bottom: 0;
    position: absolute;
}

.galeria.floresta .link-ambientes {
    bottom: 0;
    position: absolute;
}

.galeria.fazenda .link-ambientes {
    bottom: 0;
    position: absolute;
}

div#search_1 {
    margin-left: -60px;
}

/*
    .plupload_wrapper {
        color: #444;
        font-family: "Fontello";
        content: "\EA49";
        overflow: hidden;
        font-size: 1pt;
        display: none;
        text-indent: 999px;
    }
*/

#showDash {
	padding: 5px;
    background-color: #de4a51;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: 'handleeregular';
    text-transform: uppercase;
    color: #FFF;
	font-size: 10px;
    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;
	width: 160px;
    margin: auto;
    cursor: pointer;
}

#showDash: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);
}

#modalDash {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(50,50,50,0.8);
	z-index: 9999;
	display: none;
}

#modalDash .close_modal {
	position: absolute;
	right: 10px;
	cursor: pointer;
}

#modalDash .box_modal {
	width: 700px;
	height: 420px;
	top: 50%;
	margin-top: -210px;
	left: 50%;
	margin-left: -350px;
	position: absolute;
	color: #FFF;
	background-color: #ffffff;
	z-index: 1000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	letter-spacing: 1px;

	font-family: "handleeregular";
	text-transform: uppercase;
	font-weight: 600;
}		

#iframeDash {
	width: 100%;
	height: 100%;
	border: none;
}