*{
	 box-sizing: border-box ;
	 outline: none ;
	 font-family: "Raleway", sans-serif
}

body,h1, h2 {font-family: "Raleway", sans-serif}
body, html {height: 100% ; overflow-y1: hidden ; }
/*.bgimg {
  background-image: url('/back.png');
  min-height: 100%;
  background-position: center;
  background-size: cover;
}*/

iframe {
	display: none;
}

#cartaz{
	width: 100%;
	height: 100% ;
		
	position: fixed ;
	z-index: 10000 ;
	top: 0px ;
	left: 0px ;
	
	margin: 0px ;
	padding: 0px ;
	
	padding-top: 5vh ;
	padding-bottom: -5vh ;
	
	background-color: rgba( 128, 128, 128, 0.95 ) ;
	background-color: rgba( 0, 0, 0, 0.9 ) ;
}

#cartaz img{
	height: 90vh ;
}

.fake {
  background-image: url("fundo.jpg");
  /*background-color: #cccccc;*/
  /*height: 500px;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}

.conteudo{
	position: relative ;
	z-index: 50 ;
	padding: 65px 20px ;
	max-width: 900px ;
	margin: auto ;
	color: #FFF ;
	overflow-y: auto ;
}

h1, h2{
	color: #F3FF00 ; 
	font-size: 36px ; 
	font-weight: 700 ;
	padding: 6px 12px ;
	text-align: center ;
	pad
}

h2{
	color: #FFFFFF ;
	font-weight: 400;
	font-size: 32px;
	padding: 0px;
}

h3 {
	font-size: 24px;
	text-transform1: uppercase;
	color: #f4511e;
	font-weight: 400;
	margin-bottom: 30px;
	text-align: center;
	font-variant: small-caps;
	text-shadow: 1px 1px 1px #FFF
}

h3:nth-child(odd){
	color: #3fa4ee
}

h3:nth-child(even){
	color: #f4511e
}

.div_form{
	text-align: center ;
	width: 100%
}

.div_form_container{
	display: inline-block ;
	width: 100% ;
	max-width: 600px ;
	text-align: left ;
}

form{
	margin: auto ;
}

input[type=text], input[type=password], select, input[type=number], input[type=date], input[type=button]{
	border-radius: 5px ;
	width: 100% ;
	padding: 9px ;
	font-size: 15px ;
	border: 0px none ;
	border: 1px solid #FFFFFF ;
	background-color: rgba( 0, 0, 0, 0.5 ) ;
	box-shadow: 0px 0px 5px 0px #FFF;
	color: #FFF ;
	
	margin-top: 6px ;
}

input[type=button]{
	width: 35px ;
	text-align: center ;
	background-color: rgba( 0, 0, 0, 0.5 ) ;
	border-radius: 6px 0px 0px 6px ;
	cursor: pointer ;
}

input[type=button].right{
	border-radius: 0px 6px 6px 0px ;	
}


input:focus[type=text], input:focus[type=password], input:focus[type=number], select:focus, input[type=date]:focus{
	box-shadow: 0px 0px 5px 0px #f4511e;
	border: 1px solid #FF9393
}

input.number{
	width: 50px ;
	border-right: 0px none ;
	border-left: 0px none ;
	border-radius: 0px ;
	text-align: center ;
}

input.number:focus{
	box-shadow: none ;
	border-color: #CFCFCF;
	border-right: 0px none ;
	border-left: 0px none ;
}

button{
	padding: 6px 9px;
	color: #FFFFFF;
	background-color: /*#DF0000*/ rgba( 255, 0, 0, 0.75 ) ;
	border-radius: 3px;
	border: solid 1px #FFF;
	cursor: pointer ;
	
	transition: background-color 0.25s ;
	font-size: 15px ;
}

button:hover{
	background-color: #FF0000;
	background-color: /*#DF0000*/ rgba( 244, 81, 30, 0.75 ) ;
}

.limpar, .limpar:hover{
	background-color: rgba( 0, 0, 0, 0.75 ) ;
}

.span_title{
	display:block;
	margin-bottom:6px ;
	position:relative ;
	z-index: 1000 ;
}

.info_title{
	color: #FF0 ;
	font-weight: 700 ;
}

.span_info{
	float:right ;
	font-size: 22px ;
	color: #ff0000 ;
	cursor: pointer ;
	height: 36px ;
	width: 36px ;
	background-color: #DFDFDF;
	border:1px solid  #EFEFEF ;
	border-radius: 50% ;
	text-align: center ;
}

.div_info{
	width: 50% ;
	position: absolute ;
	right: 0px ;
	top: 36px ;
	background-color: rgba( 0, 0, 0, .85 ) ;
	font-size: 12px ;
	color: #FFF;
	padding: 6px ;
	box-sizing: border-box ;
	display: none ;
	text-transform: none ;
	z-index: 5000 ;
	font-variant: normal ;
	text-align: left ;
	text-shadow: none ;
	box-shadow: 0px 0px 5px #FFF ;
	border-radius: 6px ;
}

.span_title .info:hover ~ .div_info{
	display: block ;
}

.fake{
	position: fixed ; width: 100% ; height: 100%; 
}

.pergunta{
	margin-bottom: 18px ;
	color: #FFFF00 ;
}

.pergunta:nth-child(odd) {
	color: #FBB004;
}

.pergunta:nth-child(even) {
	color: #FFFF00 ;
}

.pergunta.i:nth-child( even ){
	color: #FBB004;
}

.pergunta.i:nth-child( odd ){
	color: #FFFF00 ;
}

.pergunta .resposta{
	color: #FFF ;
	margin-top: 6px ;
	padding: 0px 18px
}

i.icone_inform{
    font-size: 20px ;
    vertical-align: middle ;
    display: none ;
}

div.submenu{
	position: absolute ;
	display: none ;
	background-color: rgba( 0, 0, 0, 0.9 ) ;
	text-align: left ;
	box-shadow: 0 2px 4px -1px #C0C0C0 ;
	width: 75%;
	padding: 12px;
	top: 30px ;
	/*margin-left: -175px ;
	left: 50% ;*/
	right: 15px ;
	z-index: 1999;
}

span.info_pay{
	text-align: left ;
	width: 100% ;
	display: block ;
	background-color: rgba( 128, 128, 128, 0.25 );
	padding: 6px;
	font-size: 14px ;
}

.ib{
	display: inline-block;
	text-align: center;
}

.linha{
	box-sizing: border-box ;
	padding: 9px 6px ;
	position: relative ;
	display: block ;
/*	z-index: 1998;*/
}

.cpayment{
	font-family: Verdana;
	font-size: 24px ;
	float: left;
	color: #000 ;
	cursor: pointer ;
	font-weight: 700 ;
}

.fake .test{ width: 100% ; height: 100%; background-color: #000 ; opacity: 0.75 ; top: 0px ; left: 0px ; }

.menubar { margin: 0px ; border: 0; z-index: 100; font-size: 14px !important; letter-spacing: 1px; background-color: rgba( 163, 10, 1, 0.95 ) ; font-family: 'Open Sans', Montserrat, sans-serif; box-shadow: 0px 0px 5px #FFF ; position: fixed ; top: 0px ; left: 0px ; width: 100% }
.menubar .container{ padding: 0px 15px }
.menubar .container .options { text-align: center }
.menubar .options a { display: inline-block ; color: #fff ; text-transform: uppercase; padding: 15px 12px ; transition: padding 0.25s ; box-shadow: 12px 0px 2px -12px #FFF ; font-size: 15px  }
.menubar .options a:hover, .menubar .options a.active { color: #FEDD92 ; background: linear-gradient( to right, transparent, rgba( 217, 11, 1, .65 ), transparent ) ; transition: background .25s ; border-left-color: rgba( 0, 136, 217, .85 ) }
.menubar .options a.active { background: linear-gradient( to right, transparent, rgba( 217, 11, 1, .95 ), transparent ) ; color: #febc37 ; border-left-color: rgba( 0, 136, 217, 1 ) }
.menubar .options .inicio { position: relative }
.menubar .options .inicio:before { position:absolute ; top: 0px ; padding: 15px 13px; height: 100% ; content: "" ; display: block ; left: -30px ; background-color: transparent; box-shadow: 12px 0px 2px -12px #FFF }

.navbar-nav li a:hover, .navbar-nav li.active a { transition: background 0.5s ; background-color: #fff !important; background: linear-gradient( to right, rgba( 0, 136, 217, .75 ), transparent ) !important ; transition: background .25s ; color: #febc37 !important }
.navbar-nav li.active a { background: linear-gradient( to right, rgba( 0, 136, 217, .95 ), transparent ) !important }
a, a:link, a:hover{ text-decoration: none ; cursor: pointer }

.navbar-default .navbar-toggle { border-color: rgba( 255, 255, 255, 0.5 ) !important ; background-color: rgba( 14, 67, 138, .5 ) !important }
.navbar-default .navbar-toggle:hover { border-color: rgba( 253, 208, 73, 0.5 ) !important ; background-color: transparent !important }
.navbar-toggle .icon-bar { background-color: /*#fdd049*/ rgba( 253, 208, 73, 0.95 ) !important }
.navbar-toggle:hover .icon-bar { background-color: #fff !important }

.dpi{
	color: #FFF ;
}

.dpi:hover{
	color: #FF0;
}

.inv{
	color: #FF0 ;
}

.inv:hover{
	color: #FFF;
}

.power-off{
    margin-left: 12px ;
    font-size: 20px ;
    color: #FEDD92 ;
    vertical-align: middle ;
}

.power-off:hover{
    color: #FFFFFF ;
}

.button{
	min-width: 400px ;
	margin: auto ;
	border-radius: 10px ;
	padding: 10px 20px ;
	box-shadow: 0px 0px 10px #FFFFFF ;
	display: block ;
	text-align: center ;
	text-decoration: none ;
	position: relative ;
	color: #ffff00 ;
	background-color: rgba( 0, 0, 0, 0.5 ) ;
	margin: 40px ;
	font-size: 24px ;
	transition: min-width 0.5s, font-size 0.5s ;
}

.button:hover{
	color: #ffffff ;
}

.button:hover .fa{
	color: #ffff00 ;
}

.fas{
	font-size: 20px ;
	vertical-align: middle ;
	position: absolute ;
	left: 10px ;
	top: 50% ;
	transform: translateY( -50% ) ;
	color: #ffffff ;
	width: 40px ;
	text-align: center ;
	padding: 0px 5px ;
	border-right: 1px solid #00FF00
}

/*.fa{
	font-size: 20px ;
	vertical-align: middle ;
	color: #ffffff ;
	display: inline-block ;
	margin: 0 12px ;
	padding: 0px 5px ;
}*/

.info{
	color: #FFF ;
	font-size: 36px ;
	float: right ;
	cursor: pointer ;
}

.info:hover{
	color: rgba( 255, 128, 0, 0.75 ) ;
}

.menu:hover .fa{
	color: #ffff00 ;
}

.fa:hover{
	
}

@media screen and (max-width: 1024px){
	h1{ font-size: 28px }
	h2{ font-size: 24px }
}


@media screen and (max-width: 768px){
	h1{ font-size: 24px }
	h2{ font-size: 20px }
	.button{
		min-width: 300px ;
		font-size: 20px
	}
	.fa{
	font-size: 18px
}
.menubar .options a { font-size: 13px ; padding: 12px 9px ; }
.div_info{  width: 100% }
#cartaz img{
	height: 80vw ;
}

div.submenu{ width: 100% }

a.xpto span{ display: none ;}
a.xpto i{ display: inline-block }
.info{
	font-size: 28px ;
}

.div_info{ top: 28px }
}