stylesheet.css

h1{
  color: deepskyblue; 
  font-size: 1.5rem;  
}

h2{
  border-bottom: none; 	
  font-size: 1rem;
}

h3{
  color: deepskyblue; 
  font-size: 1rem;
}

.intro{
    margin-bottom: 0.5em;
    color: #646769;
    font-family: Georgia,Times,serif;
    font-size: .75em;
        padding: 2.5em;     
    margin: 2.5em; 
}


.labelForm{
  color: #212121;
  letter-spacing: 1px;
  text-decoration: none;
   font-size:16px;       
  padding: 15px 32px;
}

.bc{ 
  padding: 15px 32px;
}
    
    
.buttonForm{
  background-color: #ff7f50; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  letter-spacing: 1px;
  text-decoration: none;
  font-size:16px;
}

.buttonForm:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

figure img {
  width: 100%;
  height: auto;
}

/*TABLAS responsive*/

@media screen and (max-width: 760px) {	
	td { 
		border: none;
		border-bottom: 0.3px solid #eee; 
		padding-bottom: 10px; 
		position: relative;
		padding-left: 35%; 		
	}
	
	td:before { 
		position: absolute;
		width: 35%; 
		left: 10px;
	}
	
		table, thead,tbody, td, tr { 
		display: block; 
	}
	
	/*Para que no salga los cabeceros */
	 thead tr {
	   border-top: none;
	    position: absolute;
	    top: -999999999px;
	    left: -99999999px;
	  }
	
	.current{
	 float:right;
 	text-align: right;	
	}
}


td {
  background-color: white;
}

.todojunto{
  background-color: deepskyblue;
  border-radius: 5px;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
}

.grid-container > div {
  text-align: center;
}


.h1T{
  color: white;
  text-align: center;
  font-size: xx-large;
	font-family: Georgia,Times,serif;
}

.h2T{   
  color: white;  
  text-align: justify;  
  font-size: x-small;
	font-family: Georgia,Times,serif;
}

.todojunto{
   background-color: deepskyblue;
   width: 100%;
   border-radius: 5px;
}

.imagen{    
  float: left;
}

.imagen1{  
  width: 200px;
  height: 200px; 
  object-fit: contain;
}

.imagen2{  
  width: 200px;
  height: 200px;
  object-fit: contain;
}

.imagen3{ 
  width: 200px;
  height: 200px;
  object-fit: contain;
}

.imagen4{
  width: 200px;
  height: 200px;
  object-fit: contain;
}

.imagenOTROS{
    width: 100px;
   background-color: white; 
}

figure {
  float: center;
  width: 70%;
  text-align: left;
  font-size: smaller;
  margin: 0.5em;
  padding: 0.5em;
  color:black;
}
img.scaled {
  width: 100%;
}

.imagen img{
   background-color: white; 
    margin: 0em;
  padding: 2em;
}
a:link {
  text-decoration: none;
   color:black;
}

a:visited {
  text-decoration: none;
   color:black;
}

a:hover {
  text-decoration: #939aaa;
   color:#939aaa;
}

a:active {
  text-decoration: none;
   color:black;
}

body{
  background-color: #f0f0f0;
}

.container {
  position: relative;
  text-align: center;
  color: black;
  width: 100%;
  border-radius: 5px;
}

.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}
header{
   width: 100%;
   height:auto;
   background-color: deepskyblue;
   z-index: 2;
   border-radius: 5px;
}


.headerC{
    padding: 2.5em;     
    margin: 2.5em;
}

.textFooter{
  color: black;    
  font-size: x-large;
	font-family: Georgia,Times,serif;
}

/*nav nuevo(responsive)*/
.navMenu {	
  text-transform: uppercase;
}

.navMenu a{
  text-decoration: none;
  background: linear-gradient( deepskyblue, white);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .3s;	
  color: black;
  font-size: 0.70rem;
}

.navMenu a:hover{	
   text-decoration: none;
    background-size: 100% 2px;
	color:black;
}

.left{
 float:right;
 text-align: right;
}

.columnFooter {
  float: left;
  width: 66.66%;
  padding: 10px;
}

.columnFooter2 {
  float: left;
  width: 33.33%;
  padding: 10px;
}