::-webkit-input-placeholder { color:#60843e; }
:-moz-placeholder { color:#60843e; }
::-moz-placeholder { color:#60843e; }
:-ms-input-placeholder { color:#60843e; }

@font-face {
  font-family: 'acaslonB';
  src: url('../assets/fonts/ACaslonPro-Bold.eot'),
		url('../assets/fonts/ACaslonPro-Bold.ttf');
}
@font-face {
  font-family: 'acaslonBI';
  src: url('../assets/fonts/ACaslonPro-BoldItalic.eot'),
		url('../assets/fonts/ACaslonPro-BoldItalic.ttf');
}
@font-face {
  font-family: 'acaslonI';
  src: url('../assets/fonts/ACaslonPro-Italic.eot'),
		url('../assets/fonts/ACaslonPro-Italic.ttf');
}

.x{
	font-family:'acaslonI';
}

#stage #opcoes section header { height: 70px; }

#stage .feedback section header { line-height: 55px; margin-left: 24px; font-size: 20px; margin-top: 12px;}

#interatividade {
	background: #e2e2de;
}
#atividade1, #atividade1 .svg{
	width: 800px;
	height: 600px;
}

#menuFuncoes{
	width: 370px;
	height: 600px;
}
#menuFuncoes[data-status=on]{
	left: 0px;
}
#menuFuncoes[data-status=off]{
	left: -316px;
}
#menuFuncoes div{
	width: 330px;
	height: 560px;
	padding-top:40px;
	background:url(img/bg-aba.png) repeat-y;
}
#menuFuncoes div h3{
	padding: 0px 70px 15px;
	font-size:17px;
	color: #666666;
	margin-top: -20px;
}
#menuFuncoes div blockquote{
	padding:10px;
	font-size:26px;
	line-height:30px;
	height:30px;
}
#menuFuncoes div blockquote input{
	/*font-size:26px;*/
	font-size:20px;
	line-height:30px;
	height:30px;
	width:45px;
	text-align:center;
	color:#60843e;
	border:0;
	background-color:#e2e2de;
	font-family:'acaslonB';
}
#menuFuncoes div blockquote .input{
	/*font-size:26px;*/
	font-size:23px;
	line-height:30px;
	height:30px;
	color:#60843e;
	/*margin:0 0 0 5px;	*/
	margin:0 0 0 2px;	
	font-family:'acaslonB';
	cursor:pointer;
}
#menuFuncoes div blockquote .input[data-vazio=true]{
	font-family:'acaslonBI';
}
#menuFuncoes div blockquote .x{
	font-size:26px;
	line-height:30px;
	height:30px;
}
#menuFuncoes div small{
	padding:0 15px 20px 15px;
	font-size:16px;
	color:#333333;
	display:block;
}
#menuFuncoes div ul{
	width: 316px;
	display:block;
	list-style:none;
}
#menuFuncoes div ul li{
	display:block;
	position:relative;
	height:40px;
	padding-left:10px;
}
#menuFuncoes div ul li:nth-child(odd){
	background-color:#ededed;
}
#menuFuncoes div ul li:nth-child(even){
	background-color:#d8d8d8;
}
#menuFuncoes div ul li .bolinha{	
	width:16px;
	height:16px;
	border-radius:16px;
	display:inline-block;
}
#menuFuncoes div ul li p{	
	/*font-size:19px;*/
	font-size:17px;
	line-height:40px;
	display:inline-block;
}
#menuFuncoes div ul li p .x{
	font-size:19px;
	height:40px;
	line-height:40px;
}
#menuFuncoes div ul li .btn_fq {	
	width:28px;
	height:27px;
	display:inline-block;
	background:url(img/bg-bts-fq.png) no-repeat;
	text-indent:-5000px;
	position:absolute;
	top:5px;
}
#menuFuncoes div ul li .btnExcluir{	
	background-position:0 0;
	right:40px;
}
#menuFuncoes div ul li .btnVisualizar{
	right:7px;
}
#menuFuncoes div ul li .btnVisualizar[data-status=on]{	
	background-position:-37px 0;
}
#menuFuncoes div ul li .btnVisualizar[data-status=off]{	
	background-position:-72px 0;
}

#menuFuncoes #btnAbrirFechar{
	width: 44px;
	height: 46px;
	display: block;
	background: url(img/bt-abrir-fechar-aba.png) no-repeat;
	text-indent: -5000px;
	position: absolute;
	top: 554px;
	right: 11px;
}
#menuFuncoes[data-status=on] #btnAbrirFechar{
	background-position:0 0;
}
#menuFuncoes[data-status=off] #btnAbrirFechar{
	background-position:-54px 0;
}


.btnsAcao{
	width:125px;
	height:50px;
	display:inline-block;
	background:url(img/botoes.png) no-repeat;
	text-indent:-5000px;
	margin-top:30px;
}
.btnsAcao#btnConstruir{
	background-position:0 0;
	margin-left:27px;
}
.btnsAcao#btnLimpar{
	background-position:-136px 0;
	margin-left:10px;
}
.btnsAcao#btnSim{
	width:80px;
	background-position:0 -49px;
	margin-left:87px;
}
.btnsAcao#btnNao{
	width:80px;
	background-position:-83px -49px;
	margin-left:10px;
}


#interatividade .btnsZoom, #interatividade #btnCentralizar{
	width:52px;
	height:51px;
	display:block;
	background:url(img/bt-zoom.png) no-repeat;
	text-indent:-5000px;
	position:absolute;
	top:10px;
	cursor:pointer;
}
#interatividade .btnsZoom[disabled=disabled]{
	opacity:.5;
	cursor:not-allowed;
}
#interatividade .btnsZoom#btnZoomOut{
	background-position:0 0;
	right:50px;
}
#interatividade .btnsZoom#btnZoomIn{
	background-position:-60px 0;
	right:10px;
}
#interatividade #btnCentralizar{
	background:url(img/centralizar.png) no-repeat;
	width:53px;
	height:53px;
	top:auto;
	bottom:10px;
	right:10px;
}

#stage #alerta section header a[title=FECHAR] {
	background-position:-174px -50px;
	height: 32px;
}

#stage #opcoes #gal_0{
	left: 0px;
}
#stage #opcoes #gal_1, #stage #opcoes #gal_2, #stage #opcoes #gal_3, #stage #opcoes #gal_4, #stage #opcoes #gal_5, #stage #opcoes #gal_6, #stage #opcoes #gal_7, #stage #opcoes #gal_8{
	left: 800px;
}

#fakeNext, #fakePrev{
	position: absolute;
	width: 100px;
	height: 100px;
	top: 250px;
	z-index: 999;
	display: none;
}
#fakeNext{
	left: 740px;
}
#fakePrev{
	left: -40px;
}

.fecharRoteiro{
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(img/btnFechar.png) no-repeat;
	display: block;
	text-indent: -5000px;
	width: 55px;
	height: 55px;
}

#popRoteiro{
	position: absolute;
	width: 800px;
	height: 600px;
	top: -600px;
	left: 0;
	background:url(img/rto_1.png) no-repeat;
}

.feedback section article{
	margin-top: -30px;
}

#stage .feedback section {
	width: 370px;
	height: auto;
}

#stage .feedback section article {
	height: auto;
	padding: 10px;
}

 #stage .feedback section article p{
 	padding: 15px;
 }