/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

#cms img, .page-cms
{
    max-width:100% !important;
        height:auto !important;
}
.breadcrumb{
    /*display:none;*/
    
}
.block.ApHtml{
    text-align:center;
    margin-top:30px;
}

.ApColumn .title_block {
   
    margin-bottom: 30px !important;

}
.row.ApRow{
    text-align:center;
}
.navbar-header
{
    text-align:left;
}
@media(min-width:1200px)
{
  #header{
    position:absolute;
    width:100%;
    z-index:999;
}
#wrapper{
   margin-top:0;
}  
}

#wrapper .breadcrumb ol {
   
    background: rgba(255,255,255,0.4);
    padding: 10px;
    border-radius: 13px;
}


.catalogoContainer{
        margin-top:30px;
        text-align:center;
        margin-bottom:30px;
}
.catalogoContainer div{
    display:inline-block;
    max-width:300px;
    padding: 20px;
    margin:15px;
  box-shadow:0px 1px 4px gray;
  width:30%;
  border-radius:10px;
}
.catalogoContainer div img{
    max-width:100%;
    width:auto;
    height:auto !important;
    
}
#custom-text .catalogoContainer h2{
    font-size:16px;
} 
@media(max-width:1200px)
{
    .catalogoContainer {
            white-space: nowrap;
    overflow-x: auto;
        
        }
 .catalogoContainer div{
       width: 58%;
    font-size:14px;
    }
}

.col-xl-8 {
    float: left;
    width: 98%;
}

.leo-megamenu .navbar-nav > li > a
{
    margin-left:30px !important;
}