/* CSS Complementar - Webteca - Por Joel Fernandes Alvarenga Guimarães - joelfernandesag@hotmail.com */

body {
	width: 100%;
	height: 100%;
	background: #000 url("../../imgs/bg.jpg") no-repeat center center fixed;
	background-size: cover; 
	  -webkit-background-size: cover; 
	  -moz-background-size: cover; 
	  -ms-background-size: cover; 
	  -o-background-size: cover; 
}

}

.jumbotron {
    position: relative; 
    width: 100%;
    min-height: 100%;
	background-size: cover;
    background: transparent;
    overflow: hidden;
}

.container{
	min-width: 100%;
    min-height: 100%;
	background: transparent;
}

@media screen and (min-width: 
1024px) {
 .panel-login { min-width: 40%; min-height: 85%; }
 .panel-control { min-width: 35%; min-height: 85%; }
 .jumbotron {
    min-width: 100%;
    min-height: 100%;
	background-size: cover;
    background: transparent;
    overflow: hidden;	}
 .list-group{
	max-width: 80%;
	min-width: 80%;
 }
 .panel-footer {
	max-width: 100%;
	min-width: 99%;
 }
 .centralize{
	margin: 0 auto;
	float: none;
 }
	.btpnel{
	min-width: 340px;
	margin: 5px 5px 5px 5px;
}
}
@media screen and 
(min-width: 200px) and 
(max-width: 640px) {
 .panel-login { min-width: 100%; min-height: 100%; }
 .panel-control { min-width: 100%; min-height: 100%; }
 .jumbotron {
    min-width: 100%;
    min-height: 100%;
	background-size: cover;
    background: transparent;
    overflow: hidden;	}
 .list-group{
	max-width: 80%;
	min-width: 80%;
 }
 .panel-footer {
	max-width: 80%;
	min-width: 70%;
 }
  .hidesmall {
	 display: none;
 }
 .centralize{
	margin: 0 auto;
	float: none;
 }
 .btpanel{
	min-width: 55px;
	margin: 2px 2px 2px 2px;
 }
	.btpnel{
	min-width: 235px;
	margin: 5px 5px 5px 5px;
}
}
@media screen and 
(min-width: 641px) and 
(max-width: 980px) {
 .panel-login { min-width: 70%; min-height: 85%; }
 .panel-control { min-width: 50%; min-height: 85%; }
 .jumbotron {
    min-width: 100%;
    min-height: 100%;
	background-size: cover;
    background: transparent;
    overflow: hidden;	}
 .list-group{
	max-width: 80%;
	min-width: 80%;
 }
 .panel-footer {
	max-width: 100%;
	min-width: 99%;
 }
 .centralize{
	margin: 0 auto;
	float: none;
 }
	.btpanel{
	min-width: 115px;
	margin: 5px 5px 5px 5px;
  }
	.btpnel{
	min-width: 325px;
	margin: 5px 5px 5px 5px;
 }
}

.list-group{
	max-width: 80%;
	min-width: 80%;
	margin: 0 auto;
	float: none;
}

.panel-login {
  width: 40%;
  height: 85%;
  margin: 0 auto;
  float: none;
}
.panel-control {
  width: 82%;
  height: 85%;
  margin: 0 auto;
  float: none;
}
.panel-footer {
	max-width: 100%;
	min-width: 99%;
}
.icobig {
	font-size: 28px;
}
.geralcontrol{
	display: table;
}
.controle{
	position: float;
	width: 25%;
}
.btpanel{
	min-width: 115px;
	margin: 5px 5px 5px 5px;
}

.btpnel{
	min-width: 335px;
	margin: 5px 5px 5px 5px;
}

.bigfont{
	font-size: 22px;
}

.centralize{
	margin: 0 auto;
	float: none;
}