*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
	
  
}
html {
    height: 100%;
}
body{
    
    font-size: 1.2rem;
    min-height: 100%;
	font-family: "Open Sans", sans-serif;

	

}

.container > * {
    
    border-radius: 4px;
    padding: 10px;
    text-align: center;
}

.heade{
		grid-area: heade;
		background-image: url('../include/head.png');
		background-position:  center center;
		height: 230px;
		background-repeat:no-repeat;
		background-size: cover;
		background-color: #1b3c81;
		text-align:center;
}



.panel1{
    grid-area: panel3;
    width: auto;
    background: rgb(28,68,151);
    background: linear-gradient(0deg, rgba(28,68,151,1) 0%);
    text-align:left;
	border-radius: 4px;
    padding: 5px;
    
}



.paneld{
    grid-area: paneld;
    width: auto;
	height: auto;
    background: rgb(28,68,151);
    background: linear-gradient(0deg, rgba(28,68,151,1) 0%);
    text-align:left;
}
.texto {
    text-align: justify;
  }
 .panel3{
    grid-area: panel3;
    width: 100%;
    background: rgb(28,68,151);
    background: linear-gradient(0deg, rgba(28,68,151,1) 0%);
    text-align:left;
}

  .farmacia, .gas, .oficina, .portal{
    width: 24%;
    height: auto;
    display: inline-block;
    box-sizing: border-box;
    padding: 10px;
}

.hypervinculo, .hypervinculo2, .hypervinculo3, .hypervinculo4 {
    display: inline-block;
    margin-right: 10px;
}

.logomuni2{
    
     float: left;
    height: auto;
    max-width: 300px;
	margin-top: 100px;

    
}