html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

.mapa {
    margin: 0;
    padding: 0;
    width: 50%;
    height: 100%;
}

table {
    width: 200px;
/*    border: 1px solid #000;*/
    border: hidden;
    border-collapse: collapse;
 }
 th, td {
    text-align: left;
    vertical-align: top;
/*    border: 1px solid #000;*/
    border: hidden;
    padding-left: 10px;
    caption-side: bottom;
 }
 .panel {   
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    padding: 20px 10px;
    margin: 0;  
    background-color: #FFFFFF;
 }


.redes{
	/*position:absolute;*/
}

.tituloH{
	position:absolute; 
	z-index:999;
	left:80px; 
	top:20px;
	color: #000000;
	font-weight: bold
}

.tituloV{
	position:absolute; 
	z-index:999999;
	left:0px; 
	top:0px;	
	font-weight: bold;
	display : inherit;
	color: #FFFFFF;
	background: #000000 ;	
	width: 66%;
	height: 35px;
	padding-top: 5px;
}

/*
.logo{
	position:absolute; 
	z-index:999;
	right: 60px;
	bottom: 5px;
	color: #000000;
	font-weight: bold;
}*/

.logo{
	display: none;
	}	



@media (max-width: 920px) {
	
.redes{
	position:static;
}
	
.mapa {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 66%;
}	
	
	
.panel {   
    position: absolute;
    right: auto;
	top: auto;
    bottom: 0px;
    width: 100%;
    height: 34%;
    margin: 0;
    padding: 20px 0px;
    background-color: #FFFFFF;
 }
	
.tituloH{
	display: none;	
}

.tituloV{
	position:absolute; 
	z-index:999999;
	left:0px; 
	top:0px;	
	font-weight: bold;
	display : inherit;
	color: #FFFFFF;
	background: #000000 ;	
	width: 100%;
	height: 35px;
	padding-top: 5px;
}	
	

	

	
}