@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Comfortaa);
@import url(https://fonts.googleapis.com/css?family=Dosis);
@import url(https://fonts.googleapis.com/css?family=Cabin);
@import url(https://fonts.googleapis.com/css?family=RubikPuddles);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=RobotoCondensed);
@import url(https://fonts.googleapis.com/css?family=Xanh Mono);
@import url(https://fonts.googleapis.com/css?family=Goldman);
* {
    max-width: 450px; margin: 0 auto; background-color:azure;
}
body { padding-left: 6px;}
    h2 {color:darkblue; font-family:"Dosis";}
    h3 {color:darkblue; font-family:"Cabin"; text-align: left; margin-left: 10px;}
    h4 {color:darkblue; font-family:"RubikPuddles";}
    h5 {color:darkblue; font-family:"Xanh Mono";}
    table, th, td {border:4px solid blue;border-collapse:collapse;}
    th, td {padding:5px;text-align:center;}
    p {color: darkblue; font-family: "Oswald"; max-width: 400px; text-align: left;}


h5,  h4, h3, h2, h1 {max-width: 450px;}    
h4, h5 {text-align: left;}  

.precio { color: darkgreen; font-family:monospace; font-size: 20px;}  

      .parpadea {
          animation-name: parpadeo;
          animation-duration: 1s;
          animation-timing-function: linear;
          animation-iteration-count: infinite;
          -webkit-animation-name:parpadeo;
          -webkit-animation-duration: 1s;
          -webkit-animation-timing-function: linear;
          -webkit-animation-iteration-count: infinite;
        }
    
        @-moz-keyframes parpadeo {  
          0% { opacity: 1.0; }
          50% { opacity: 0.0; }
          100% { opacity: 1.0; }
        }

        @-webkit-keyframes parpadeo {  
          0% { opacity: 1.0; }
          50% { opacity: 0.0; }
          100% { opacity: 1.0; }
        }

        @keyframes parpadeo {  
          0% { opacity: 1.0; }
          50% { opacity: 0.0; }
          100% { opacity: 1.0; }
        }

.cuadro {font-family:"Century Gothic"; font-size: 13px; /*1.8vw*/; border:2px solid darkblue; border-radius:20px; margin:0px 30px; }

.cuadroindice 
{font-family:"Century Gothic"; font-size: 16px; border:2px solid darkblue; border-radius:20px; margin:10px 20px; padding:10px 20px; text-align:left; max-width: 400px; text-decoration: none;
}
      
.cuadrotexto 
{font-family:"Roboto";  font-size: 16px; border: 2px solid darkblue; border-radius: 20px; margin: 5px 5px; padding: 5px 5px; text-align:left; max-width: 400px;
}

.cuadrolinizq { max-width: 400px; border-style: solid; border-color: steelblue; border-width: 0px 0px 0px 10px; margin: 0px 30px; padding: 10px 20px; background-color: azure;}