h2







{







	color: white;







	padding: 2px 10px;







}







header







{







	background:skyblue;







	height: 40px;







	margin: 0 auto;







	min-width: 320px;







	text-align: left;







	width: 100%;







}







section







{







	height: auto;







	margin: 10px auto 0 auto;







	min-width: 320px;







	vertical-align: top;







	width: 100%;







}







#foto







{







	display: inline-block;







	float: right;







	position: relative;







}







#foto img







{







	height: 320px;







	width: auto;







	box-shadow: 0 0 5px rgba(0,0,0,.4) ;







}







#pregunta







{







	float: left;







	height: 320px;







	display: inline-block;







	width: 60%;







}







#ins







{







	background:skyblue;







	border-radius: 8px;







	height: auto;







	margin: 20px auto 0 auto;







	padding: 10px;







	position: relative;







	width: 250px;







}







#in0







{







	font-weight: bold;







	text-align: left;







	margin: 0 auto;







	position: relative;







	width: 100;







}







a #in1, a #in2, a #in3, a #in4







{







	color: black;







	display: inline-block;







	text-align: left;







	margin: 10px auto 0 auto;







	padding: 10px;







	position: relative;







	text-decoration: none;







	width: 100%;







}







a:hover #in1, a:hover #in2, a:hover #in3, a:hover #in4







{







	background: yellowgreen;







	border-radius: 10px;







	color: white;







	text-align: left;







	margin: 10px auto 0 auto;







	padding: 10px;







	position: relative;







	text-decoration: none;







	width: 100%;







	-webkit-transition: .5s all ease;







	-moz-transition: .5s all ease;







	-ms-transition: .5s all ease;







	-o-transition: .5s all ease;







	-wap-transition: .5s all ease;







	-xv-transition: .5s all ease;







}







#img0, #img1, #img2, #img3







{







	display: inline-block;







	position: relative;







}







@media screen and (max-width: 860px){







	#foto







	{







		display: block;







		float: none;







		margin: 10px auto 0 auto;







	}







	#foto img







	{







		height: 320px;







		width: auto;







	}







	#pregunta







	{







		display: block;







		float: none;







		height: auto;







		margin: 10px auto 0 auto;







		width: 95%;







	}







}