html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
.fondoblanco{background-color:white}
.fondoblanco2{background-color:white;padding-top: 2px;padding-bottom: 5px;}
.fondoblanco3{background-color:white;padding-top: 3px;padding-bottom: 3px;}
.fondonegro{background-color:black;text-align:left;}
.fondoazul{background-color:#dff2fd}
.fondoazul2{background-color:#dff2fd; padding-top: 10px;padding-bottom: 10px; padding-left:15px}
.fondoazul3{background-color:#dff2fd; text-align:left; padding-top: 15px; padding-left: 8px;}
.fondoazul4{background-color:#dff2fd; text-align:left; padding-top: 10px; padding-left: 4px; padding-bottom: 15px;}
.fondoazul5{background-color:#dff2fd; text-align:left; vertical-align:top; padding-top: 10px; padding-left:20px;}
.fondoazul6{background-color:#dff2fd;padding-top:3px;padding-bottom:2px;}
.fondoazul7{background-color:#dff2fd; text-align:left; padding-top: 15px;padding-bottom: 20px; padding-left:10px}
h1 {font-size:1em; color:#000066;}
h2 {font-size:1em; color:#000066; margin: 0 auto;text-align:left;}
h3 {font-size:0.9em; color:#000066; margin: 3px ; text-align:left;}
p{font-size:0.9em; color:#000066; margin: 3px ;}
form{font-size:1em; color:#000066; text-align:left;}  

a:link {color:#000000;}    /* unvisited link */
a:visited {color:#000000;} /* visited link */
a:hover {text-decoration:underline;color:#FF0000;}   /* mouse over link */
a:active {color:#000000;}  /* selected link */

body {font-family:arial,sans-serif}
table
{
font-size:1em;
background-color:#FFCC00;
width: 100%; 	
}
td
{
font-size:1em;
text-align:center;
background-color:#FFFFFF;
color:#000066;
}

img {
      position: relative;
      top: 7px;
    }

.barranegra{
height: 5px ;
background-color:#000000;
}