body {
    background-color: #D3D3D3;
}
#marco {
    padding: 10px;
    margin: 10px;
    border: 3px solid black;
    border-radius: 50px 60px 50px 60px;
}

#contenedor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
}

.vertical {
  margin:  5px 5px 5px 5px;
  padding:15px;
  border-radius: 40px 50px 40px 50px;;
  background-color:black;
  width:300px;
  height:380px;
}
.horizontal {
  margin:  5px 5px 5px 5px;
  border:1px solid white;
  background-color:white;
  width:300px;
  height:196px;
}

.caja1 {
   margin:  5px 5px 5px 5px;
  padding:3px;
  border:1px solid black;
  background-color:#F0E68C;
  width:300px;
  height:400px;
  border-radius: 40px 50px 40px 50px;
}

.caja2 {
   margin:  5px 5px 5px 5px;
  padding:3px;
  border:1px solid black;
  background-color: #BDB76B;
  width:290px;
  height:400px;
  border-radius: 40px 50px 40px 50px;
}

.caja3 {
  margin:  5px 5px 5px 5px;
  padding:3px;
  border:1px solid black;
  background-color:	#808080;
  width:290px;
  height:400px;
 border-radius: 40px 50px 40px 50px;
}

.degradado {
   margin:  5px 5px 5px 5px;
   padding:3px;
   border:1px solid black;
   height: 400px;
   width: 300px;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(red, yellow); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
    background: linear-gradient(red, yellow); /* Standard syntax */
   font-family: 'Caesar Dressing', cursive;
   font-size: 11px;
   border-radius: 40px 50px 40px 50px;
}

img  {
	
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #666;
}

.orange { color: orange }
.blue {color: blue}
.green {color: green;}
.red {color: red;}