html,body {margin:0px; height:100%; font-family: verdana, arial, helvetica;}
.separa {display:block; margin:0; padding:0; height:1px; width:100%; clear:both;}
.aleft {float:left;}
.aright {float:right;}

.mapa {background:#f6f6f6; padding:10px;}
.mapa .col1 {width:69%; overflow:hidden; height:380px; border:1px #bbb solid;}
.mapa .col2 {width:30%; padding:10px 0; position:absolute; right:0; top:0;}
.mapa .col2 ul {margin:0 10px; padding:0; list-style:none;}
.mapa .col2 ul li {font-size:16px; color:#FFF;}
.mapa .col2 ul li a {color:#0069A7; padding:8px 10px 8px 20px; display:block; border-top:1px #FFF solid; border-bottom:1px #ddd solid; text-decoration:none; background:url(/reporte2012/imag/auxi/bullet3.png) no-repeat 5px center;}
.mapa .col2 ul li a:hover {background:url(/reporte2012/imag/auxi/bullet3.png) no-repeat 5px center #f0f0f0; text-shadow:0 -1px 0 #f6f6f6;}
.mapa .col2 #pie {clear: both; padding: 10px;}

@media(max-width:480px) {
  .mapa .col1 {width:45% !important;}
  .mapa .col2 {width:50% !important;}
}