/*esto es para quitar lo que viene por defecto en el navegador*/
*{
	margin:0px;
	padding:0px;
	font-family:verdana;
}

nav{
	margin:100px auto; /*con el numero separamos y con el auto centramos*/
	width: 1200px;
	height:130px;
}
.news{
	width: 133px;
	height:130px;
	float:left;
	background-color: #1043BB;
	display: block;
}
.sport{
	width: 133px;
	height:130px;
	float:left;
	background-color: #1352E6;
	display: block;
}
.weather{
	width: 133px;
	height:130px;
	float:left;
	background-color: #1C5AEC;
	display: block;
}
.capital{
	width: 133px;
	height:130px;
	float:left;
	background-color: #346BEE;
	display: block;
}
.culture{
	width: 133px;
	height:130px;
	float:left;
	background-color: #4779EF;
	display: block;
}
.autos{
	width: 133px;
	height:130px;
	float:left;
	background-color: #5683F0;
	display: block;
}
.tv{
	width: 133px;
	height:130px;
	float:left;
	background-color: #648DF1;
	display: block;
}
.radio{
	width: 133px;
	height:130px;
	float:left;
	background-color: #7297F2;
	display: block;
}
.more{
	width: 133px;
	height:130px;
	float:left;
	background-color: #80A2F3;
	display: block;
}

a{
	display: block;
	margin: 15px;
	background-color: white;
	width: 15px;
	padding: 20px;
	border-radius: 50%;
	color:#000000;
	text-shadow: 0 1px 0 #ccc,
	             0 2px 0 #c9c9c9,
	             0 3px 0 #bbb,
	             0 4px 0 #b9b9b9,
	             0 5px 0 #aaa,
	             0 6px 1px rgba(0,0,0,.1),
	             0 0 5px rgba(0,0,0,.1),
	             0 1px 3px rgba(0,0,0,.3),
	             0 3px 5px rgba(0,0,0,.2),
	             0 5px 10px rgba(0,0,0,.25),
	             0 10px 10px rgba(0,0,0,.2),
	             0 20px 20px rgba(0,0,0,.15); 
	opacity: .6;
}

li:hover{
	height:120px;
	border-top-right-radius: 15%;
	border-bottom-right-radius: 35%;
	border-bottom-left-radius: 35%;
}