@media only screen and (max-width: 425px)
{
	#btn_spec
	{
    	top: -6px;
    	right: -6px;
    	transform: scale(.8);
	}
}
@media (max-width: 659px) {
	#interatividade .main .content{
	  transform: scale(1);
	}

}
@media (min-width: 660px) and (max-width: 765px) {
	#interatividade .main .content{
	  transform: scale(0.82);
	}
}
@media (min-width: 766px) and (max-width: 845px) {
	#interatividade .main .content{
	  transform: scale(0.92);
	}
}
@media (min-width: 846px) {
	#interatividade .main .content{
	  transform: scale(1);
	}
}
@media (min-width: 660px) and (max-width: 5000px) 
{
	
	#interatividade .main .content{
		width: 846px;
		height: 476px;
		left: 50%;
		top: 50%;
		right: auto;
		bottom: auto;
		margin: -238px 0 0 -423px;
		
	}

	/* Tela intro */
	#intro, button, #select div
	{
		font-family: cwc;
	    color:#3F2A0C;
	    font-size: 21px;
	    line-height: 25px;
	}
	#intro .content img.desk
	{
		position: absolute;
		top: 0;
	}
	#txt_intro
	{
		background: url(img/desk/bg_intro.png) no-repeat 0 0/ contain;
	    width: 428px;
		margin-top: 42px;
	}

	    #txt_intro p 
	    {
		    width: 300px;
		    margin-top: 38px;
		    margin-left: 47px;
		    margin-bottom: -32px;
		}

	#btn_intro
	{
		background: url(img/btn_intro.png) 0 0/ cover;
	    height: 57px;
	    width: 101px;
	    margin: 0 auto;
	    position: absolute;
	    left: -44px;
	    right: 0;
	    bottom: 16px;
	}
	#select .content ul
	{
	    margin-top: 61px;
	    width: 717px;
	}

	#btn_0
	{
	    margin-left: 32px;
	    height: 93px;
	    width: 303px;
	    margin-bottom: 23px;
	}
	    #btn_0 img 
	    {
		    width: 127px;
		    height: 107.7px;
		    top: -116px;
		    left: -24px;
		}
	    #btn_0 div
	    {
	        background: url(img/bg_btn0.png)no-repeat 0 0/ contain;
	        width: 238px;
	        height: 109px;
	        right: -64px;
	    }
	        #btn_0 p
	        {
	            font-size: 24px;
	    		margin-left: 43px;
	    		padding-top: 15px;
	        }

	#btn_1
	{
	    height: 74px;
	    margin-top: -115px;
	    float:  right;
	    margin-right: 123px;
	}
	    #btn_1 img
	    {
	        height: 150px;
	        width: 126px;
	        left: 61px;
	        top: -118px;
	    }
	    #btn_1 div
	    {
	        background: url(img/bg_btn1.png) no-repeat 0 0/ contain;
	        width: 110px;
	        height: 83px;
	        top: 0;
	        right: 9px;
	    }
	        #btn_1 p
	        {
	            font-size: 24px;
	            margin-left: 13px;
	            padding-top: 13px;
	            width: 78px;
	        }

	#btn_2
	{
	    margin-left: 68px;
	    height: 88px;
	    margin-bottom: 15px;
	    margin-top: 43px;
	    width: 229px;
	}
	    #btn_2 img
	    {
	        height: 123px;
		    top: -103px;
		    left: -15px;
	    }
	    #btn_2 div
	    {
	        background: url(img/bg_btn2.png) no-repeat 0 0/ contain;
	        width: 184px;
	        height: 89px;
	        left: 61px;
	        /* top: -75px; */
	    }
	        #btn_2 p
	        {
	        	font-size:24px;
	            width: 0px;
	            left: 24px;
	            padding-top: 21px;
	            margin-left: 36px;
	        }
    
	#btn_3
	{
	    margin-right: 117px;
	    margin-top: -82px;
	    height: 90px;
	    float:  right;
	}
	    #btn_3 img
	    {
	        height: 177px;
	        left: 156px;
	        top: -145px;
	    }
	    #btn_3 div
	    {
	        background: url(img/bg_btn3.png) no-repeat 0 0/contain;
	        width: 177px;
	        height: 101px;
	        top: 6px;
	    }
	        #btn_3 p
	        {
	            width: 131px;
	            padding-top: 27px;
	            margin-left: 13px;
	            font-size:24px;
	        }

	#btn_4
	{
	    margin-top: 42px;
	    margin-left: 3px;
	    height: 85px;
	    width: 310px;
	}
	    #btn_4 img
	    {
	        width: 202px;
	        left: -32px;
	        top: -101px;
	    }
	    #btn_4 div
	    {
	        background: url(img/bg_btn4.png) no-repeat 0 0/ contain;
	        height: 93px;
	        width: 180px;
	        margin-left: 138px;
	        bottom: -25px;
	    }
	        #btn_4 p
	        {
	            width: 141px;
	            margin-left: 25px;
	            padding-top: 17px;
	            font-size: 24px;
	        }

	#btn_5
	{
		float: right;
		margin-right: 6px;
		width: 311px;
		margin-top: -65px;
		height: 96px;
	}
	    #btn_5 img
	    {
	        width: 163px;
	        height: 125px;
	        right: -162px;
	        top: -100px;
	    }
	    #btn_5 div
	    {
	        background: url(img/bg_btn5.png) no-repeat 0 0/ contain;
	        height: 66px;
	        margin-left: -7px;
	        width: 198px;
	        height: 89px;
	    }
	        #btn_5 p
	        {
	            width: 140px;
	            padding-top: 23px;
	            margin-left: 11px;
	            font-size:24px;
	        }

    .fechar_atv
    {
	    position: absolute;
	    top: -4px;
	    right: -5px;
	    left: auto;
    }

    #btn_doc 
    {
	    width: 160px;
	    height: 94px;
	    top: 88px;
	    left: 530px;
	    font-size: 21px !important;
	    text-align: center !important;
	}

	#btn_info 
	{
	    width: 211px;
	    height: 87px;
	    left: 609px;
	    top: 192px;
	}

	#btn_atv 
	{
	    width: 174px;
	    height: 108px;
	    left: 528px;
	    bottom: 80px;
	}
	#boundry
	{
		width: auto;
	}
	#livroSelect button 
	{
    	font-size: 21px;
	}
	#livro
	{
	    width: 470px;
	    height: 344px;
	    margin: 0 auto;
	    left: 58px;
	    right: auto;
	    top: 63px;
	}
		#livro.retrato p, #livro.foto p
		{
			font-size: 26px;
		    line-height: 26px;
		    font-family: 'cwc';
		    width: 169px;
		    left: 28px;
		    top: 139px;
		}
		#livro.retrato #pic
        {
            width: 197px;
		    right: 45px;
		    top: 32px;
        }
        #livro.retrato div, #livro.foto div 
        {
		    height: 304px;
		    width: 206px;
		    top: -16px;
		    left: 24px;
		}
		#livro.foto #pic 
		{
		    width: 334px;
		    right: -17px;
		    top: 25px;
		}
		#livro.jornal div 
		{
		    height: 203px;
		    width: 311px;
		    top: 68px;
		    left: -21px;
		}
		#livro.jornal #pic {
		    visibility: hidden;
		}
		#livro.jornal #jornal_desk 
		{
			visibility: visible;
		    width: 346px;
		    right: -105px;
    		top: -62px;
		    position: relative;
		}
		#livro.jornal p
		{
			line-height: 36px;
			font-size: 26px;
    		left: 72px;
    		top: 25px;
    		width: 138px;
		}
		#pen
		{
			position: absolute;
		    width: 395px;
		    bottom: -36px;
		    left: 53px;
		}
		#jornal_desk
		{
		    display: block;
		}

	#btn_info span 
	{
	    font-size: 21px;
	    display: inline-block;
	    margin-left: 15px;
	    margin-top: -13px;
	}

	#btn_atv span
	{
	    font-size: 21px;
	    transform: rotate(6deg);
	    margin-left: 21px;
	    margin-top: 25px;
	}

	#text_cont 
	{
		background: url(img/desk/bkg_txt.png) no-repeat 0 0/ cover;
	    width: 797px;
	    height: 448px;
	    margin: 0 auto;
	    left: 0;
	    right: 0;
	}

	#text_cont .viewport, #text_cont .scrollbar 
	{
	    top: 44px;
	}
	#text_cont .scrollbar 
	{
	    position: absolute;
	    width: 15px;
	    right: 47px;
	}
	#text_cont .viewport
	{
		width: 660px;
	    height: 356px;
	    left: 0;
	    margin: 0 auto;
	    right: 0;
	}
		#text_cont .overview 
		{
		    left: 31px;
		    width: 631px;
		}
			#text_cont .overview h1
			{
			    font-size: 23px;
			    margin-left: 0;
			}
			#text_cont .overview p
			{
				margin-left: auto;
			}
				#text_cont .overview p.fonte{
				    font-size: 15px;
				    width: 378px;
				    margin-right: 5px;
				}

	#galeria .stNvGaleria {
	   /* top: 298px;*/
	}
	#btn_spec
	{
	    transform: none;
	    top: 0;
	    right: 0;
	}
	.mob
	{
		display: none;
	    visibility: hidden;
	}
	.desk
	{
	    display: block;
	    visibility: visible;
	}
	#stage .credito 
	{
    	top: 115px;
	}
	#txt_intro span
	{
	    display: inline;
	}
	#stage #galeria
	{
	    max-width: 846px;
	    height: 476px;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	    top: 50%;
	    margin-top: -238px;
	}
		#stage #galeria .main .content {
		    margin: -238px 0 0 -423px;
		}
		#stage #galeria section .ampliacao img 
		{
		    top: auto;
		}

	#galeria .btnZoom, #galeria .ampliacao 
	{
		visibility: visible;
	}
	#stage #galeria section .ampliacao img {
		left: 0;
	    right: 0;
	    margin: 0 auto;
	    top: 0;
	    display: block;
	}

	.feedback section 
	{
	    width: 400px !important;
	    margin: -70px -200px auto !important;
	}
	#stage #galeria section .ampliacao div button
    {
        position: absolute;
        background: none;
        width: 69px;
        height: 20px;
        left: 393px;
        top: 28px;
    }
	#btn_intG{
	    position: absolute;
	    background: none;
	    width: 80px;
	    height: 20px;
	    left: 390px;
	    top: 270px;}
	#stage #galeria section .ampliacao div {
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	    top: 276px; 
	    display: block;
	}
	#stage #galeria section .ampliacao div button
	{
		position: absolute;
	    background: none;
	    width: 69px;
	    height: 20px;
	    left: 393px;
	    top: 28px;
	}
}