body {font-family: 'Homemade Apple', cursive; background-color:#EDF2CD }
h1 {font-family: 'Permanent Marker'; font-size: 1.6em; color: green;}
h2 {font-family: 'Shadows into light';font-size: 1.2em; color: green;}
h3 {font-family: 'Nanum Pen Script';font-size: 1.0em; color: green;}
p {font-size: 0.8em;}
footer {font-size: 0.8em; text-align: center; }
 div{
    display: inline-block;
    width:20%;
    height:250px;
    border: 2px solid gray;
  }
div span{
    display: inline-block;
    margin-top: 45%;
}
.b1{
    border-radius: 60% 0 0 0;
  }
.b2{
    border-radius: 0 20%  0 0; 
  }
.b3{
    border-radius: 0 0 100%  0;
  }
.b4{
   border-radius: 0 0 0 100px; 
  }

.fondo1{
    color: red;
    background: pink;
  }

.fondo2{
    background: pink; /* Para navegadores que no soportan degradado*/
    background: -webkit-linear-gradient(left,red,orange,yellow,indigo, violet, blue, green);
    background: -moz-linear-gradient(left,red,orange,yellow,indigo, violet, blue, green);
    background: linear-gradient(to right, red,orange,yellow,indigo, violet, blue, green);  
  }  

nav{
	-webkit-border-radius:10px;/*Para chrome y Safari*/
    -moz-border-radius:10px;/*Para Firefox*/
    border-radius:10px;
    /*background-image: linear-gradient(top, #FFF, #CCC);*/
    overflow:hidden;
    padding:0;
    width:1050px;
	background-color:green;
}

nav ul{
    list-style:none;
    margin:0 10px 0 10px;
    padding:0;
	border: 1px;
	height: 100%;
}

nav ul li{
	-webkit-border-radius:5px;/*Chrome y Safari*/
    -moz-border-radius:5px;/*Firefox*/
    border-radius:5px;
	border-right: 1px solid #fefefe;
    float:left;
    font-family: 'Permanent Marker';
    font-size:0.9em;
	color: green;
    /*font-weight:bold;*/
    margin-right:10px;
    text-align:center;
    text-shadow: 0px 1px 0px #FFF;
}

nav ul li:hover{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to( #E3E3E3));/*Chrome y Safari*/
    background-image: -moz-linear-gradient(top center, #FFF, #E3E3E3);/*Firefox*/
    background-image: linear-gradient(top, #FFF, #E3E3E3);/*Estandar por defecto*/
    /*Sombras*/
    -webkit-box-shadow:  1px -1px 0px #999;/*Chrome y Safari*/
    -moz-box-shadow:  1px -1px 0px #999;/*Firefox*/
    box-shadow:  1px -1px 0px #999;/*Estandar por defecto*/
    border:1px solid #E3E3E3;
}

nav ul li a{
    color:#fefefe;
    display:block;
    padding:0;
	line-height: 2em;
    text-decoration:none;
    -webkit-transition: 0.4s linear all;
    -moz-transition: 0.4s linear all;
    -o-transition: 0.4s linear all;
    transition: 0.4s linear all;
}

nav ul li a:hover {
    color:#000;
}