@font-face {
    font-family: 'journalregular';
    src: url('journal-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'secret_typewriterregular';
    src: url('veteran_secret_typewriterregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
  font  : 21px sans-serif;
  padding : 2em;
  margin  : 0;
	
  background : #19A715;/*color fondo*/
}

form {
	
	 position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 50%;
   height: 30%;
   margin: auto;
	
/*  position: relative;*/

  


  -webkit-transform: scale(130%);
  -moz-transform: scale(130%);
  -o-transform: scale(130%);
  transform: scale(130%);
   
   
  width  : 740px;
  height : 498px;
  /*margin : 0 auto;*/

	background: #FFF url(background.jpg);
  
  -webkit-box-shadow: 12px 15px 5px -4px rgba(0,0,0,0.71);
-moz-box-shadow: 12px 15px 5px -4px rgba(0,0,0,0.71);
box-shadow: 12px 15px 5px -4px rgba(0,0,0,0.71);
  
}

#para {
  position: absolute;
  left : 385px;
  top  : 182px;
  
}

#de {
  position: absolute;
  left : 398px;
  top  : 233px;
  
}

#titulo {
  position: absolute;
  left : 378px;
  top  : 285px;
 
}

#categoria {
  position: absolute;
  left : 378px;
  top  : 345px;
 
}


#mensaje {
  position: absolute;
  left : 20px;
  top  : 70px;
  
}

#sefecha{
	font : bold 0.6em "secret_typewriterregular", sans-serif;
	line-height:12px;
	text-align:center;
	width:200px;
	position: absolute;
	left : 198px;
	top  : 40px;
	color:#33324e;
	opacity: 0.6;
	-webkit-transform: rotate(-3.5deg);
   -moz-transform: rotate(-3.5deg);
    -ms-transform: rotate(-3.5deg);
     -o-transform: rotate(-3.5deg);
        transform: rotate(-3.5deg);
  
}

label {
  font : 1.2em "secret_typewriterregular", sans-serif;
}
input, textarea {
  font    : 1.2em "journalregular", sans-serif;

  border  : none;
  padding : 0 10px;
  margin  : 0;
  width   : 240px;

  background: none;
}
select {
  font    : 1.2em "journalregular", sans-serif;

  border  : none;
  padding : 0 10px;
  margin  : 0;
 
  background: none;
}

input:focus, textarea:focus ,select:focus {
  background   : rgba(0,0,0,.1);
  border-radius: 5px;
  outline      : none;
}



textarea {
  display : block;

  padding : 10px;
  margin  : 10px 0 0 -10px;
  width   : 340px;
  height  : 300px;

  resize  : none;
  overflow: auto;
}

button {
  position     : absolute;
  left         : 440px;
  top          : 400px;

  padding      : 5px;

  font         : bold .8em sans-serif;
  border       : 2px solid #333;
  border-radius: 5px;
  background   : none;

  cursor       : pointer;

-webkit-transform: rotate(-1.5deg);
   -moz-transform: rotate(-1.5deg);
    -ms-transform: rotate(-1.5deg);
     -o-transform: rotate(-1.5deg);
        transform: rotate(-1.5deg);
}

button:after {
  content: " >>>";
}

button:hover,
button:focus {
  outline   : none;
  background: #000;
  color   : #FFF;
}