﻿ #Site header{position:relative !important}
 section{padding-top:10px;display:block;float:left;min-height:100px}
 .Grupo{position:relative;float:left;display:block;min-height:400px;width:100%}
 .Box{position:relative; display:block;}
 .Box article{display:block;min-height:249px;padding:10px;opacity:0.8;background:#eddce8}
 .Box article p{color:#646263 !important;font-size:16px;text-align:justify}
 .Box article ul {margin:0;padding:0}
 .Box article ul li{color:#646263 !important;font-size:13px}
 
@media screen and (max-width:1149px){
  section{padding:40px 20px;}
 .Grupo{margin:0}
 .Box{float:left;width:100%;margin-top:30px}
 .Box img{position:relative;width:100%;float:left;}
 .Box article{position:relative;width:100%;float:left;}
  
}
@media screen and (min-width:1150px){
 .Box{width:537px;height:520px}
 .Box img{position:absolute;top:0;left:0;z-index:1;}
 .Box article{position:absolute;margin-top:220px;left:20px;z-index:2;display:block;width:503px;min-height:249px}
 .Grupo{margin-bottom:80px}
 .Grupo:nth-of-type(1) .Box:nth-of-type(1){float:left}
 .Grupo:nth-of-type(1) .Box:nth-of-type(2){float:right}  
 .Grupo:nth-of-type(2) .Box:nth-of-type(1){float:left}
 .Grupo:nth-of-type(2) .Box:nth-of-type(2){float:right}
 .Grupo:nth-of-type(3) .Box:nth-of-type(1){float:left}
}