/************************************
*		Andrea Milian Cabrera		*
*		Hoja de Estilo				*
*		Módulo 1 - P2P				*
************************************/

body{
	padding :60px 60px 60px 60px;
}

#gradientB {
	/* Sin gradient */
    background:rgba(102,51,0,0.6);
	
	/* Safari 5.1 a 6.0 */
    background:-webkit-linear-gradient(rgba(102,51,0,0.6), rgba(255,255,255,1));
	
	/* Opera 11.1 a 12.0 */
    background:-o-linear-gradient(rgba(102,51,0,0.6), rgba(255,255,255,1)); 	
	
	/* Firefox 3.6 a 15 */
    background:-moz-linear-gradient(rgba(102,51,0,0.6), rgba(255,255,255,1)); 
	
	/* Estándar */
    background: linear-gradient(rgba(102,51,0,0.6), rgba(255,255,255,1))); 
}

div {
	padding :30px 60px 30px 60px;
	border-radius:30px;
	background:rgba(255,255,255,1);
	box-shadow:-5px -5px 50px rgba(102,51,0,1);
	min-width:300px;
}

h1 {
	padding:5px 20px 5px 20px;
	border-radius: 5px 5px 5px 5px;
	font-family:"Arial Black", Tahoma, Geneva, sans-serif;
	font-size: 25px;
	color:rgba(102,51,0,0.8);
}

#gradientT {
	/* Sin gradient */
    background:rgba(0,102,51,0.6);
	
	/* Safari 5.1 a 6.0 */
    background:-webkit-linear-gradient(left, rgba(0,102,51,0.6), rgba(255,255,255,1));
	
	/* Opera 11.1 a 12.0 */
    background:-o-linear-gradient(left, rgba(0,102,51,0.6), rgba(255,255,255,1)); 	
	
	/* Firefox 3.6 a 15 */
    background:-moz-linear-gradient(left, rgba(0,102,51,0.6), rgba(255,255,255,1)); 
	
	/* Estándar */
    background: linear-gradient(left, rgba(0,102,51,0.6), rgba(255,255,255,1))); 
}

p {
	margin:20px;
	color:rgba(102,102,102,1);
	font-size:18px;
	font-family:"Calibri", Tahoma, Geneva, sans-serif;
}

ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	display: flex;
	flex-direction:row;
}

li {
	flex-grow:1;
	padding:5px 5px 5px 5px;
	margin:0px 5px 5px 0px;
	border-radius: 5px 5px 5px 5px;
	text-align:center;
	font-family:"Lucida Sans", Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:rgba(102,51,0,0.8);
	background:rgba(0,102,51,0.3);
}

img {
    opacity: 0.8;
    filter: alpha(opacity=50); /* IE8 e inferior*/
	margin: 20px;
	max-width: 250px;
    height: auto;
	border-radius: 10px 10px 10px 10px;
}

@media all and (max-width: 640px) {
  
   ul {
	   flex-flow: column;
   }