body {
    font-family: 'Maven Pro', sans-serif;
    color: #000000;
}

a {
    color: #000000;
    text-decoration:none;
}
a:hover {
    color: #01366A;
    text-decoration:none;
}


a:focus {
    color: #01366A;
    text-decoration:none;
}



#Header {
    width: 100%;
    height: 75px;
}
#HeaderTop1 {
    width:100%;
    height:50px;
    background-color: rgba(0,54,106,0.6)
}
#HeaderTop2 {
    height:35px;
    background-color: #00336A
}

#HeaderLogo {
    position:absolute;
    top:30px;
    z-index:10;
}
#HeaderLogo {
    max-width:280px;
}

#HeaderMobile {
    width:100%;
    height:60px;
    background-color: rgba(0,54,106,0.6)
}
#HeaderTop2 {
    height:35px;
    background-color: #00336A
}
#HeaderLogoMobile {
    position:absolute;
    top:50px;
    z-index:10;
}
#SubHeader {
    background: url('../images/steel_sfondometal.jpg');
}
 
#MainBody {
    background: url('../images/steelfluid_slider2.jpg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top center;
}


#Footer {
    width:100%;
    background-color: #003569;
    min-height:100px;
}

#Copyright {
    width:100%;
    min-height:40px;
    vertical-align:middle;
    background-color: #00264D
}

#Content {
    width:100%;
    padding-top:20px;
    padding-bottom:0px;
    margin-top:400px;
}
#Content, #Content1 {
    min-height: 450px;
}
#Main {
    background-color: #ffffff;
    min-height:600px;
}
.panel-category {
    box-sizing: none;
    box-shadow: none;
    border-right: 1px solid #666666;
    padding-right:0px;
    
    
}

.panel-category .panel-header {
    font-size: 22px;
    color:#003569;
    font-weight:bold;
    padding-top:20px;
    line-height:25px;
    min-height: 70px !important;
}
.panel-category .panel-footer {
    border:0;
    background:none;
    color: #666666;
    padding-top:20px;
    padding-left:15px;
    padding-right:15px;
    text-align:justify;
    height:150px;
    
}
.panel-category .panel-body {
    min-height:160px;
    padding-right:0;
    padding-left:0;
}


.text-bold {
    font-weight: bolder;
}
.no-padding {
    padding:0;
}    
.no-margin {
    margin:0;
}

.blank {
    background:transparent;
    border: 0;
    box-shadow: none;
}

.dropdown-menu {
    background-color: #5FB4D1;
    color: #ffffff;
}
.dropdown-menu a:focus {
    background-color: #01366A;
    color: #ffffff;
}
.dropdown-toggle {
    background-color: #5FB4D1;
    color: #ffffff;
}

.c-white {
    color: #ffffff;
    text-decoration:none;
}


.ColorBlack {
    color: #000000;
}

.ColorWhite {
    color: #ffffff;
}
.ColorBlue {
    color: #01366A;
}

/* bottom align */
.bottom-column
{
    float: none;
    display: table-cell;
    vertical-align: bottom;
}

.VerticalCenter {
    vertical-align: central;
}
.VerticalBottom {
    vertical-align: bottom;
}
/* vertical align */

.vertical-align {
    display: flex;
    flex-direction: row;
}

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
    display: flex;
    align-items: center;
    justify-content: center; /* Optional, to align inner items 
                                horizontally inside the column */
}

/**
 *  Do NOT include this part into your stylesheet.
 *  "flex: 1" or "flex-grow: 1" is added to make the inner div
 *  - Which is also a flex-item - take up all the horizontal space
 *  available space inside the flex container (.col-* elements)
 */
.vertical-align > [class^="col-"] > div,
.vertical-align > [class*=" col-"] > div {
    /* flex: 1; */
    flex-grow: 1;
}


.v-center {
    display:table-cell;
    vertical-align:middle;
    float:none;
}

.r-center {
    display:table;
}






/* VARIE UTILI */
.capitalize {
    text-transform: capitalize;
}
.lowercase {
    text-transform: lowercase;
}
.uppercase {
    text-transform: uppercase;
}
.BigText {
    font-size:18px;
}
.MediumText {
    font-size:16px;
}
.NormalText {
    font-size:14px;
}
.SmallText {
    font-size:12px;
}
.VerySmallText {
    font-size:9px;
    line-height: 12px;
}

.Bold {
    font-weight: bold;
}


#Header a {
    color: #ffffff;
}
#Header a:hover {
    color: #5FB4D1;
}
#Header a:focus {
    color: #5FB4D1;
}

#Footer a {
    color: #ffffff;
}
#Footer a:hover {
    color: #5FB4D1;
}
#Footer a:focus {
    color: #5FB4D1;
}
#Copyright a {
    color: #ffffff;
}
#Copyright a:hover {
    color: #5FB4D1;
}
#Copyright a:focus {
    color: #5FB4D1;
}
.evidenziato {
    background-color: #00264D;
    padding-top:6px;
    padding-bottom:10px;
    padding-left:5px;
    padding-right:5px;
}

h4 {
    color: #5fb4d1;
    font-weight:bold;
font-size:18px;
}


/* MEDIA */
@media(max-width:767px){
        #Content {

    margin-top:200px;
}
}
@media(min-width:768px){

}
@media(min-width:992px){}
@media(min-width:1200px){}