#verpin{
	
	height:35px;
	width:125px;
	background:#E6F4C8;
	border-radius:6px;
	box-shadow:1px 1px 3px #000;
	border-width: 1px;
}

#verpin:hover{
	transition: 0.5s;
	box-shadow:2px 2px 5px #777;
	transform:translateY(-3px) scale(1.1);
	cursor:pointer;
	background:#9F5F3C;
	color:#fff;
	
}

#verpin:active{
	transition:0s;
	box-shadow:0px 0px 0px #000;
	transform: translateY(0px) scale(1);
	background:#DB9600;	
	color:#fff;
}


input[type=text]{
	
	width:175px;
	height:35px;
	border-radius:6px;
	border-style:solid;
	border-width: 1px;
	border-color:#ccc;
}

input[type=text]:focus{
	
	box-shadow:1px 1px 5px green;
	outline:none;
	display: inline-block;
	border:1px solid #ccc;
	 -webkit-border-radius: 6px;
}

textarea{
	
	padding:7px 10px 7px 10px;
	text-align:justify;
	font-family:arial;
	font-size:16px;
	resize:none;
	background:none;
	border-style:solid;
	border-width:1px;
	border-radius:8px;
	height:115px;
	width:500px;
}

.footer {
	position:absolute;
	left: 0;
	bottom: 0px;
	!width: 66%;
	!margin:0px 17% 0px 17%;
	!background: #779E6C;
	!background:#587A2D;
	background:#38630e;
	color: white;
	text-align: right;
	font-family: arial;
	font-size: 12px;
	!padding:4px 0px 14px 0px;
	!margin:0px 0px 0px 360px;
	height:5px;
}
a{
	color:#fff;
	
}

h1{
	transform:translate(100px, -44px);
	text-align: center;
	background-image: linear-gradient(45deg,#f42,#5d3);	
	-webkit-text-fill-color:transparent;
	-webkit-background-clip: text;
	position: absolute;
	!margin-left:130px;
	font-size:35px;
}
.sombra{
	text-shadow: -1px -1px 0px #fff, 1px 1px 0px #000, 3px 3px 5px #222, 10px 10px 15px #333, 20px 20px 30px #555;
	font-size:35px;
	position:absolute;
}



nav {
  float: left;
  width: 17%;
  height: 100%; /* only for demonstration, should be removed */
  !background-image:linear-gradient(90deg, #fff, #A3CF6E);
  !background:#A3CF6E;
  !padding: 20px;

}

medio{
  float: left;
  padding: 0px 0px 0px 0px;
  width: 66%;
  !background-color: #fff;
  height: 300px; /* only for demonstration, should be removed */
}
	
derecha{
	float:right;
	padding:0px 0px 0px 0px;
	width:17%;
	!background:#E1D9D0;
	height:100%;


}

#up{
	position: absolute;
	transform: translate(8px, -8px);
	font-family:arial;
	color:#f00;
	font-size: 9px;
}


#info{
	border-style:solid;
	border-width: 1px;
	border-radius: 8px;
	width:150px;
	text-align: left;
	font-size:16px;
	height:45px; 
	border-color:#38630e;
	background:#fff;
}
	
	
#container{
	background:#f7f7f7;
	height:60px;
	width: 560px;
	border-radius:16px;
	padding: 45px 10px 45px 10px;
	border-style:solid;
	border-width:1px;
	border-color:#a3a3a3;
}