body{
	text-align: center;
background-color: black;

	}

#cajadiv{
background-color:black ;
	width: 940px;
	height: 1024px;
	margin: 15px auto;
	clear:both;
	-webkit-border-radius: 30px 30px 0 0;
	border-radius: 30px 30px 0 0;

	-webkit-box-shadow: 15px 10px 10000px 15px #00FA43;
    box-shadow: 15px 10px 10000px 15px #00FA43;

}
#cabecera{
	width: 100%;
	height: 10%;
	background-color: green;
	float: left;
	margin-bottom: 0px;
	-webkit-border-radius: 30px 30px 0 0;
	border-radius: 30px 30px 0 0;
	
}
#imagen1 {	
	-webkit-border-radius: 32px 32px 0 0;
     border-radius: 32px 32px 0 0;
 }
 

nav{
	 float: left;
	width: 100%;
	height: 5%;
	background-color: green;
}



#cuerpo{
	float: left;
	width: 60%;
	height: 80%;
	/*background-color: #7ED939; */
	background: -webkit-linear-gradient(left, white , green); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(right, white, green); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, white, green); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, white, green); /* Standard syntax */

}
#columna{
	float: left;
	width: 40%;
	height:80%;
	background-color: green;   
    
     }
footer{
	text-align: center;
	/*background-image: url(../imagen/copia.png);*/
	width: 100%;
	height: 5%
	background-color: black;
	clear: both;
   -webkit-border-radius: 0 0 32px 32px;
   border-radius: 0 0 32px 32px;
   background-color: green;

}

/*
para el menu
*/
ul{
	font-size: 12pt;
	list-style-type: none;/*sin estilo.. sin viñetas*/
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-direction: row;
}

li{
	flex-grow: 1;
}

a{
	display: block;
	padding: 1em;
		background: -webkit-radial-gradient(white, silver, #00FF00); /* Safari 5.1 to 6.0 */
background: -o-radial-gradient(white, silver, #00FF00); /* For Opera 11.6 to 12.0 */
background: -moz-radial-gradient(white, silver, #00FF00); /* For Firefox 3.6 to 15 */
background: radial-gradient(white, silver, #00FF00); /* Standard syntax */
	text-align: center;
	margin-right: 0.1em;
	margin-left: 0.1em;
	text-decoration: none;
	color: #000000;
	text-shadow: 10px 10px 100px #0BA7BF;
}
a:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#357bd6+0,7db9e8+100&1+0,1+0,1+4,0.7+80,0+100 */
background: -moz-linear-gradient(top,  rgba(53,123,214,1) 0%, rgba(56,125,215,1) 4%, rgba(111,173,228,0.7) 80%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(53,123,214,1) 0%,rgba(56,125,215,1) 4%,rgba(111,173,228,0.7) 80%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(53,123,214,1) 0%,rgba(56,125,215,1) 4%,rgba(111,173,228,0.7) 80%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#357bd6', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
}



/* cabecera con el tipo de letra*/
 #NombreCabecera{
 	text-align: center;
    font-family: 'Nosifer', cursive;
  }
  #txth2{
  font-family: 'Griffy', cursive;
  }

 #txt21{
  font-family: 'Griffy', cursive;
  }
   #txt23{
  font-family: 'Nosifer', cursive;
  }


  /*para la creacion del menú*/
  /**************************/


  /* para los adapatables+*/

#marco {
    background-color: transparent;
    padding: 10px;
    margin: 10px;
    border: 3px solid black;
}
#marco {
    background-color: transparent;
    padding: 10px;
    margin: 10px;
    border: 3px solid black;
   
}


#contenedor {
	text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
}

.vertical {
  padding:3px;
  border:1px solid transparent;
  background-color:transparent;
  width:250px;
  height:380px;
}

.horizontal {
  border:1px solid white;
  background-color:transparent;
  width:200px;
  height:196px;
}
/******+*/