/*Documento CSS style_eventos_teclado_formularios.css*/

body{
     background-attachment: fixed;
     background-image:url(/static/img/textura-escura2.jpg);
     /*background-repeat: no-repeat;*/
}

@media screen and (max-width: 720px) {
      #container, span, .msg, a{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
	
  }
} 

#container{
	 width: 60%;
	 height: auto;
	 border: 1px dotted white;
	 padding: 2em;
	 margin: 0 auto; 
	 background-color: #8FBC8F; /*verde*/
	 box-shadow: 1px 2px 1px 3px #CC6A13;/*o primeiro número é da sombra direita, o 2º é da parte debaixo*/
  }

 
 #msg{
	width: 50%;
	border: 0.3em dotted black;
	font-size: 1em;
	padding: 12px;
	background-color: #CCC; /*cinza*/
 }
 
 h2, h3{
	color: #002059;
	text-align:center;
 }
 
 h4{
    text-align:center;
     color: #B00000;
 }
    
 em{
     color: #B00000;
  }

  pre{
     font-size: 0.9em;
	  -moz-hyphens:auto;  
	-ms-hyphens:auto;  
	-webkit-hyphens:auto;  
	hyphens:auto;  
	word-wrap:break-word; 
  }
 
#footer{  
	width: 55%;  
	height:	36px;
	margin-left: 20%;
	margin-bottom: 15px;
	padding-bottom: 26px; /*afasta o texto da parte de baixo do box*/
 }