/*DEFINIENDO NUEVO TIPO DE LETRA*/

html,body{
	margin: 0px;
	padding: 0px;
	width: 93%;
	height: 100%;
}

/*DEFINIENDO NUEVO TIPO DE LETRA*/
@font-face{
	font-family: "Roboto";
	src: url("../fonts/Neo Sans Pro.ttf");
}
@font-face{
	font-family: "Lobster";
	src: url("../fonts/Neo Sans Pro Medium.ttf");
}
.row{
	margin: 5px 5px;
}
#imagen{
	position: relative;
	height: 300px;
	
}
.logo-bienvenida{
	position: absolute;
	bottom: 200px;
	left: 50px;
	width: 350px;

}

/*CONTACTO*/
#contacto{
	background-color: #3EA14D;
	padding: 20px 30px;
		position: absolute;
	width: 1500px;
	top: 200px;
	height: 400px;
	right: 148px;
	left: 1px; 
}
#contacto h3{
	font-family: Lobster;
	font-size: 30px;
	color: #FFF;
	padding-bottom: 20px;
}
#contacto input:hover,#contacto textarea:hover{
	box-shadow: 0px 0px 12px #EEE;
}
#contacto input:focus,#contacto textarea:focus{
	box-shadow: 0px 0px 12px #EEE;
	background-color: #DDF3C5;
	font-weight: bold;
}
#botonenviar{
	background-color: #333;
	font-family: Lobster;
	font-size: 15px;
	transition: 0.5s all;
}
#botonenviar:hover{
	background-color: #11572D;
	font-family: Lobster;
	font-size: 18px;
	border-radius: 10px;
}
#botonenviar span{
	transition: 0.5s all;
}
#botonenviar:hover span{
	transform: rotate(360deg) scale(1.3,1.3);
}
#img-contacto{
	width: 200px;
	background-color: #EEE;
	padding: 5px;
	border-radius: 300px;
	border: 2px solid #CCC;
}

/*PIE DE PAGINA*/
#pie{
}
#pie{
	
}

.img-pie{
	position: absolute;
	width: 1260px;
	top: 800px;
	height: 150px;
	right: 148px;
	left: 1px; 
}