@font-face {
    font-family: "harlow";
    src: url(harlow.ttf) format("truetype");
}

.fuente-harlow{
	font-family: "harlow";
}

 .bottom-left {
  position: absolute;
  bottom: 0px;
  left: 16px;
}

p.bottom-left {
font-size: 20px}




.columna1{
width:4%;
height:400px;
}

.columna2{
width:95%;
height:400px;
overflow-x:auto;}


table{
color:white;
background-color: #969595}


table.leyenda{
text-align:right;
width:100%}

th{
font-size:10px;
padding-right:5px
}


table.tabla-datos{
border-collapse: collapse;
border-spacing: 0;
width: 100%;
text-align: center;
}


tr td{
font-size:12px;}

tr{
height:30px;}


tr td img{
width:30px;
height:30px;}


.icono-nautico{
width:30px;
height:30px;}


@media only screen and (min-width: 900px) and (max-width: 1200px){
.columna1{
width:10%;
}

.columna2{
width:89%;
}



}


@media only screen and (min-width: 600px) and (max-width: 900px){
.columna1{
width:15%;
}

.columna2{
width:84%;
}



}




@media only screen and (max-width: 600px){
.columna1{
width:18%;
height:400px;
}

.columna2{
width:82%;
height:400px;
}





}