body{font:12px "Arial", Helvetica, sans-serif; letter-spacing: 0.1em; margin: 0; background: #e6e6fa; color : #fff;}
#topo{	
	position:relative; width:100%; padding:0.2em; background:#069; text-align:left; color:#FFF; font-size: 1em; text-shadow: 0.1em 0.1em 0.15em #7f7f7f ;
	
}


@font-face {
      font-family: "DS-Digital";
      src: url("../fonts/DS-DIGIT.TTF") format("truetype");
}

.digital-font{
    font-family: "DS-Digital"; 
       } 
       
#al_d{ 	
	position : relative;
	float : right;
	background: transparent;
	overflow: auto;
	padding: 0.3em;
	text-align: right;	
	font-weight: bold;
	font-size : 1.em;
	color: #ff0000; text-shadow: 0.06em 0.06em 0.06em #7F7F7F;
}

#al_d form input{
	background: #98a77c;
	color : #000000;
	font-family: DS-Digital;
	
	font-size : 1.5em;
	text-shadow: 0.06em 0.06em 0.06em #7F7F7F;
	border : 0.1em solid #c5e387;
	border-radius:.2em;
}

a{
	background: #1d93ce url(../img/main-menu-bg.png) repeat-x;
	color : #fff;
	margin-right: 0.1em;
	padding : 0.15em;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
	font-size: inherit;
	text-decoration: none;
}

a:HOVER{
	box-shadow: 1px 2px 6px #000;
	-moz-box-shadow: 1px 2px #000;
	-webkit-box-shadow: 1px 2px 6px #000;
	font-weight: bold;
	background: #fff;
	color : #1d93ce;
}

.fechar{
	position: relative;
	float : right; 
	border-radius: 2em; 
	-webkit-border-radius:2em; 
	-moz-border-radius:2em; 
	background: #ff0000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0000, endColorstr='#AE1717'); /* IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#AE1717)) repeat-X; /* webkit browsers */
    background: -moz-linear-gradient(top, #ff0000,  #AE1717) repeat-X; /* Firefox 3.6+ */ 
	text-align: center; 
	width: auto;	
	padding: 0.2em;
	text-decoration: none;
}

tbody>tr:hover>td{
    background-color:#f8f85f; /* or #000 */
 }

.gravar{
	position: relative;
	float : left; 
	border-radius: 2em; 
	-webkit-border-radius:2em; 
	-moz-border-radius:2em; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1ef81e, endColorstr='#008000'); /* IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#1ef81e), to(#008000)) repeat-X; /* webkit browsers */
    background: -moz-linear-gradient(top,  #1ef81e,  #008000) repeat-X; /* Firefox 3.6+ */
	text-align: center; 
	width: auto;	
	padding: 0.2em;
	text-decoration: none;
	border : 0.12em solid #fff;
	}

.fechar:HOVER{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AE1717, endColorstr='#ff0000'); /* IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#AE1717), to(#ff0000)) repeat-X; /* webkit browsers */
    background: -moz-linear-gradient(top, #AE1717,  #ff0000) repeat-X; /* Firefox 3.6+ */ 
	color : #ffff00;
	border : 0.12em solid #fff;	
}

.gravar:HOVER{
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#008000, endColorstr='#1ef81e'); /* IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#008000), to(#1ef81e)) repeat-X; /* webkit browsers */
    background: -moz-linear-gradient(top,  #008000,  #1ef81e) repeat-X; /* Firefox 3.6+ */ 
	color : #ffff00;	
}

.erro{
	border : 0.2em solid #a52a2a;
	background: #ffc0cb; 
	color : #a52a2a;
	padding: 0.2em;
}

.certo{
	border : 0.2em solid #0b4a0b;
	background: #b4f4b4; 
	color : #0b4a0b;
	padding: 0.2em;
}

#logo_left{
	position:relative;
	float : right;
	padding: 0.1em;
	margin: 0;
}

#logo_left > img {
	width: 7.3em;
}

#conteudo{	
	position : relative;
	width : 100%;
	height: 50em;
	margin : 0;
	background:#e6e6fa;
	height: 32.5em;
	font-weight : bold;
	text-shadow: 0.1em 0.1em 0.2em #7f7f7f ;
	overflow:auto;
}

#conteudo > form{
	padding: 0.1em;
	
}

#conteudo > form,input{
	font-size: 1em;
	padding: 0.1em;
	display: block;	
	
}

input:FOCUS{
	font-size: 1em;
	padding: 0.1em;
	display: block;	
	background:#e6e6fa;
}

label{
	display : block;
	margin-right: 1em;
	margin-bottom: 0.4em;
	font-size: 1.2em;
	text-shadow: none;
	}

li{
	display: inline-block;
	 list-style:none;	
}

#tela{	
	position : relative;
	margin : 1em;
	background:#e6e6fa;
	border : solid 1px #069;
	color : #000;
	text-align: left;
}

#rodape{
	width:100%; padding:0.1em; background:#069;
	position: relative;
	clear : left;
	font-size:1.2em;
	text-align: center;
	bottom: 0;
	color: #fff;
	font-weight : bold;
	text-shadow: 0.1em 0.1em 0.2em #7f7f7f ;
}


#direita{
	width:49%; padding:0.1em; background:#e6e6fa;
	position: relative;
	float: right;
	height : 31.1em;
	font-size:1.2em;
	text-align: center;
	bottom: 0;
	color: #fff;
	font-weight : bold;
	text-shadow: 0.1em 0.1em 0.2em #7f7f7f ;
}

#esquerda{
	width:49%; padding:0.1em; background:#e6e6fa;
	position: relative;
	float: left;
	height : 31.1em;
	font-size:1.2em;
	text-align:left;
	bottom: 0;
	color: #000;
	font-weight : bold;
	text-shadow: 0.1em 0.1em 0.2em #7f7f7f ;
}

#rodape > p{
	text-align : left;
	font-size: 0.8em;	
}

.styletr{
	color : #069;
	text-shadow: none;
}

@media screen and (max-width: 699px) and (min-width: 520px), (min-width: 1151px) {
   body{
   	background: #e6e6fa;
   }
   
   #conteudo {
   	height: 50em;
   }
   
   #direita{
	height : 31.1em;
	}

	#esquerda{
	height : 31.1em;
	}
}

@media screen and (max-width: 1000px) and (min-width: 700px) {
    body {
   	background: #ff0000;
   }
   
   #direita{
	height : 31.1em;
	}

	#esquerda{
	height : 31.1em;
	}
	
	 #conteudo {
   	height: 50em;
   }
}

@media screen and (min-width: 1001px) {
     body {
   	background: #e6e6fa;
   }
   
   #direita{
	height : 31.1em;
	}

	#esquerda{
	height : 31.1em;
	}
	
	 #conteudo {
   	height: 50em;
   }
}