body {
	margin: 0;
	background: #f9f9f9;
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	color:#666666;
}

@font-face {
    font-family: 'Titulo';
   	src: url('font/geogtq-rg.eot');
    src: url('font/geogtq-rg.eot') format('embedded-opentype'),
         url('font/geogtq-rg.woff') format('woff'),
         url('font/geogtq-rg.ttf') format('truetype'),
         url('font/geogtq-rg.svg#GeogrotesqueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.azul {color: #006699;}

.btn {
    border: 1px solid #006699;
    border-radius:10px;
    padding: 4px 10px;
    color: #006699;
    font-weight: bold;
    text-decoration: none;
}

@media (min-width:920px) { 
    
#topo {width:100%; height: 50px; background-color: #fff;}
    
#topocont {
    width: 980px;
    left: 50%;
    margin-left: -490px;
    position: relative;
    height: 50px;
    text-align: center;   
}

#topocont img {
    width: auto;
    height: 24px;
    margin-top:12px;
}
    
#logo{text-align: center;}
    
#cont {
    width: 620px;
    left: 50%;
    margin-left: -310px;
    position: relative;
    margin-top: 40px;
    text-align: center;
} 
    
#box {
    display: inline-block; line-height:20px; margin: 0 15px;
}
    
}

@media (max-width: 919px) { 

#topo {width:100%; height: 50px; background-color: #fff;}
    
#topocont {
    width: 100%;
}

#topocont img {
    width: auto;
    height: 24px;
    margin-top:12px;
}
    
#logo{text-align: center;}
    
#cont {
    width: 90%;
    left: 50%;
    margin-left: -45%;
    position: relative;
    margin-top: 40px;
    text-align: center;
} 

#box {
    width: 100%;
    line-height:20px; 
}
    
}