body {
	background-color: #FFFFFF;
	margin: auto;
	margin-top: 50px;
	width: 1350px;
  font-family: Roboto, Sans-serif;
}

h1 {
	text-align: center;  
  font-family: Roboto, Sans-serif;
  color: #000066
}

h2 {
	text-align: left;  
  font-family: Roboto;
  font-size: 22px;
  color: #0099FF
}

table {
	rtext-align: left;
}
#leftSpan {
	float: left;
	height: 520;
	text-align: center;
   position: relative;
   width: 50%;
	
}
#rightSpan {                                          
	float: left;
	height: 520px;
	position: relative;
  width: 50%;  
}
#mapa {        
	height: 480px;
	margin: auto;
	position: relative;
  width: 100%;   
  border: 1px solid #DCDCDC; 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.13), 0 6px 20px 0 rgba(0, 0, 0, 0.075);
}

#rightSpan table {
	margin: auto;
  margin-left: 30px;
	margin-top: 0px;
}

#rightSpan h2 {
	text-align: left;  
  font-family: Roboto;
  font-size: 22px;
  color: #0099FF;  
  margin-left: 30px;
	
}

.cistic {
	clear: both;
}

#comment {
    font-size: 14px;
    font-style: italic;
    font-family: Roboto, Sans-serif;
    color: #99999;
}       
                                                              
#description {
    font-size: 18px;
    font-family: Roboto, Sans-serif;
    color: #99999;
}