@charset "UTF-8";
/* CSS Document */

#wrapper {
	background:url(../images/fondoabout.jpg) top right no-repeat;
}
section#about {
	max-width:500px;
	margin:50px 0 0px 0;
	background:rgba(255,255,255,0.7);
}
section#about img {
	margin-left:50px;
}
section#about h1 {
	font-size:17px;
	margin-left:50px;
}
section#about h2 {
	font-size:17px;
	margin-left:50px;
	margin-top:30px;
}
section#about p {
	max-width:400px;
	margin-left:50px;
}
section#about a {
	text-decoration:none;
	color:#666;
	-webkit-transition:all 0.5s ease; /* Safari y crome */
	-o-transition:all 0.5s ease;	  /* Opera */
	-moz-transition:all 0.5s ease;	  /* Mozilla */
	transition: all 0.5s ease;	  /* put standard code at the end */
}
section#about a:hover {
	background-color:#000;
	color:#FFF;
}
section#about li {
	margin-left:25px;
}

/*
 * IPHONE
 */
@media screen and (max-width: 450px) {
	section#about h1 {
		font-size:15px;
		margin-left:10px;
		padding-top:20px;
	}
	section#about h2 {
		font-size:15px;
		margin-left:10px;
		margin-top:0px;
	}
	section#about p {
		width:inherit;
		margin-left:10px;
	}
}