/** Colors
        # 004782 = blue BRICOMANIA
        # 003866 = darker blue BRICOMANIA
        # 0058A1 = brighter blue BRICOMANIA
        # DB2E1C = red BRICOMANIA
        # 860D00 = darker red BRICOMANIA
        # EA5748 = brighter red BRICOMANIA
 **************************************************************** **/
/* 
    Created on : 15/Out/2015
    Author     : FFerreira
*/
/* CSS COLOR SCHEME */
@import url("red.css");

/*CSS Especificas por elemento ou página*/
@import url("bricoStyle.css");
@import url("categoryMenuStyle.css");
@import url("homeStyle.css");
@import url("productsStyle.css");
@import url("checkoutStyle.css");
@import url("wysiwygStyle.css");// personaliza o conteudo proveniente do editor
@import url("loading.css");

/*CSS Especificas por elemento ou página incluidas neste ficheiro*/
/* - CONTACTO */


/* START ----------------------- GENERIC CSS Styles -----------------------  */
/* ========================================================================  */

.test_Background{
    background-color: red;
}


div.addressBlock,
span.addressBlock{
    display: inline-flex;
    margin: 0px 2px;
}




/* START ================= header ================= */
.logo img{
    height: 45px;                               
    background-color: #fff;
}

.cartListItemBox{
    padding: 0px 5px;
}

#topHead .bottom-link a {
    color: #ddd;
    padding: 6px;
    text-decoration: none;
    /*    background: rgba(0,0,0,0.3);
        margin-top: 6px;
        padding: 6px;
        display: inline;
        text-decoration: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 5px;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;*/
}
#topHead .bottom-link a:hover {
    color:#eee;

    border-radius: 5px;
    background: rgba(0,0,0,0.3);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

/*  END  ================= feader ================= */


/* START =================  menu  ================= */


/*  END  =================  menu  ================= */


/* START ================= Footer ================= */
.footerImagesLine{
    margin: 20px 0px 10px 0px;
    background-color: #fff;
    /* margin-bottom: 10px; */
}
.footerImagesLine div{
    /* background-color: #EEE; */
    /* border: 1px solid #005580; */
    padding: 5px;

}
.footerImagesLine img{
    height: 45px;
    display:block;
    margin:auto;
}
.footerContact{
    display: block !important;
}
.footerContact li.footer-sprite{
    background-image: none !important ;
}
.footer-sprite i.glyphicon{
    color: #ccc;
    font-weight: 900;
    font-size: 13px;
    margin-left: 10px;

}
.footer-sprite i.fake_glyphicon{
    margin-left: 30px;

}

.footerHelp{

}
.footerHelp h3{
    /*    margin-top: 0px;
        margin-bottom: 20px;*/

}

/*  END  ================= Footer ================= */


/* ========================================================================  */
/*  END  ----------------------- GENERIC CSS Styles -----------------------  */

/* START ----------------------- CONTACT CSS Styles -----------------------  */
/* ========================================================================  */

#contact div.mapContainer div.divider{
    margin: 23px 0px 10px 0px;
}
#contact div.mapContainer div.addressBlock{
    /*color: #7e8998;*/
}


/* ========================================================================  */
/*  END  ----------------------- CONTACT CSS Styles -----------------------  */
/* START ----------------------- FLYER CSS Styles -------------------------  */
/* ========================================================================  */


#flyersContent .flyerItem{
    /*    background-color: red;*/
    margin-bottom: 30px;
    margin-left: 0px;
    margin-right: 5px;
}
#flyersContent .item-box{
    margin: 0px !important;
}
#flyersContent .btDownloadFlyer{
    margin-top: 15px;
}
#flyersContent .validFlyer{
    display: inline-flex; 
    padding-top: 10px; 
}

/* ========================================================================  */
/*  END  ----------------------- FLYER CSS Styles -------------------------  */
/* START ----------------------- Order History Styles -------------------------  */
/* ========================================================================  */


span.oStatus {
    padding: 3px 15px;
}
/* ========================================================================  */
/*  END  ----------------------- FLYER CSS Styles -------------------------  */

/*BRUNO

https://jsfiddle.net/hashem/46psK/

*/

.responsive-container {
    position: relative;
    width: 100%;
    border: 1px solid black;
}

.dummy {
    padding-top: 100%; /* forces 1:1 aspect ratio */
}

.img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    text-align:center; /* Align center inline elements */
    font: 0/0 a;
}

.img-container:before {
	
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.img-container img {
    vertical-align: middle;
    display: inline-block;
}

/*fim bruno---------------------------*/