body {
	overflow: hidden;	
	position:fixed;
	width:100%;
	height: 100%;
    background: #000;
	margin:0;
	padding:0;
}

a {
	list-style:none;
	text-decoration:none;
	color: #000;
}
#conteudo {
    width: 100%;
    margin: 0 auto;
	text-align:center;
}
input[type="text"], input[type="password"] {
	padding: 7px;
	border-radius: 4px;
	width: 100%;
	margin: 0px auto;
}

#adm {
    width: 30%;
    height: auto;
    background: #CCC;
    margin: 0 auto;
	padding-bottom: 10px;
    margin-top: 180px;
    border: 1px solid #000;
    border-radius: 10px;
	
}
#blocoinput {
	display: block;
	width: 70%;
	margin:0 auto;
}
#bloco_input {
	width: 100%;
	margin: 0 auto;
}
span.areaadm{
    width: 100%;
    margin: 0px auto;
	display:block;
	word-wrap: break-word;
	padding: 10px 0 10px 0;
    color: #FFF;
	text-align:center;
	text-shadow: 1px 1px #000;
    background: #003;
    font-weight: bold;
    font-size: 25px;
    border-radius: 8px 8px 0px 0px;
}
span.restrito {
    width: 100%;
    margin: 0px auto;
	text-align:center;
    background: #FFAA00;
    float:left;
    font-weight: bold;
    font-size: 18px;
    color: #DD0000;
}
span.informelogin {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 10px;
    font-weight: bold;
	color: #000;
}
span.error {
    font-weight: bold;
    color: #F00;
    font-size: 15px;
}
span.incorreto {
    font-weight: bold;
    width: 100%;
    color: #F00;
    font-size: 15px;
    display: block;
    font-size: 15px;
}
span.correto {
    font-weight: bold;
    width: 100%;
    color: #060;
    display: block;
    font-size: 15px;
}
#acesso label {
	float:left;
    width: 60px;
    text-align: left;
	color: #000;
}

.loginOK {
    width: auto;
    height: auto;
	margin-top: 7px;
    background: #777;
    border: 1px solid #666;
    color: #000;
	padding: 7px 17px 7px 17px;
    font-weight: bold;
    cursor: pointer;
	
}
.loginOK:hover {
    background: #AAA;
    border: 1px solid #FFF;
    color: #333;
}

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
	#adm {
		width: 60%;
		height: auto;
		background: #CCC;
		margin: 0 auto;
		padding-bottom: 10px;
		margin-top: 50px;
		border: 1px solid #000;
		border-radius: 10px;
		
	}	
  /* some CSS here */
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  /* some CSS here */
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  /* some CSS here */
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
}

/* #### iPhone 5 Portrait or Landscape #### */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
}

/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3){
  /* some CSS here */
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  /* some CSS here */
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
  /* some CSS here */
}