/* ==========================================================================
    INDÍCE
   ========================================================================== 
    *  1  : FONTS
    *  2  : CONFIGURAÇÕES PADRÕES  
    *  3  : HOME  
    *  4  : PROJETO
    *  5  : LOCALIZAÇÃO  
    *  6  : IMPLANTAÇÃO  
    *  7  : REALIZAÇÃO  
    *  8  : CONTATO  
    *  9  : FOOTER  
    *  10 : HELPERS
    *  11 : MIDIAS QUERIES    
*/

/* 1  ==========================================================================
    FONTS
   ========================================================================== */
    @import "webfonts/stylesheet.css";
/* 2  ==========================================================================
    CONFIGURAÇÕES PADRÕES 
   ========================================================================== */   
    body {
        background-color: #fff;
        font-family: 'Futura Std';
		font-weight: 500;
		font-style: normal; 
    }
    header{
    	background-color: #ed1c24;
    }
    nav{
    	background-color: #ed1c24 !important;
        background-image:url("../img/textura-fit3.png") !important;	
    	/*box-shadow: -1px -5px 4px rgba(99, 74, 49, 0.31) inset;*/
    	box-shadow: inset 0 0 10px rgba(0,0,0,0.5);

    }
    .callout{
    	border-radius: 0 !important;
        border: 0;
        background-image:url("../img/textura-fit2.png") !important; 
    }
    h1{
    	font-size: 2em;
		font-family: 'Museo 700';
		font-weight: bold;
		font-style: normal;
    }
    h2{
    	color: #ed1c24 !important;
    	font-size: 2.5em;
		font-family: 'Museo 700';
		font-weight: bold;
		font-style: normal;
    }
    h6{
    	font-size: 1em;	
    }
	small{ font-size:60%;}
	.line-height-normal{ line-height:normal;}
    label{
        color: #fff;
        font-size: 12px;
    }
    
    textarea{
        height: 200px;
        resize: vertical;
    }
    footer{
        width: 100%;
    }
	
	.telefone-rodape{
		font-family: 'Museo 700';
		font-weight: bold;
		font-style: normal;
		}
	
	
    .top-bar-left{
        text-align: center;
    }
    .menu-text img{
        padding: 10px;
    }
    .top-bar-left .menu{
        background-color: transparent;
    }
    header p{
        color: #fff;
        display: inline-block;
        font-size: 14px;
    }
    nav .menu{
        text-align: center;
        background-color: transparent !important;
    }
    nav .menu  li a{
        text-align: center;
        text-transform: uppercase;
        color: #fff !important;
    }
    nav .menu  li a:hover{
        border-bottom: 1px solid  #fff;
        font-weight: bold;
    }
    nav .menu .active a{
        border-bottom: 1px solid  #fff;
        font-weight: bold;
        background-color: transparent !important;
    }
    #menu-canvas li{
        font-weight: bold;    
    }
    #menu-canvas li:hover{
        background-color: #A7A9AC;
        padding-left: 5px;   
    }
    #menu-canvas .ativo-canvas{
        background-color: #EB3138;
        padding-left: 5px;
    }
    #menu-canvas .ativo-canvas a{
        color: #fff !important;
    }
    .lead{
        color: #ed1c24 !important;
        text-transform: uppercase;
        font-size: 0.8em;
    }
    #texto-contato p{
        display: inline-block;
        color: #ed1c24;
        
    }
    #texto-contato a{
        text-transform: uppercase;
        font-size: 14px;
    }
	
	#chatLateral {
    position: fixed;
    right: 0;
    top: 33%;
    z-index: 200;
}
/* 3  ==========================================================================
    HOME
   ========================================================================== */
    #home .callout{
        background-color: #ed1c24;
        color: #fff;
    }
    #home .callout h1{
        text-transform: uppercase;
		font-family: 'Museo 700';
		font-weight: bold;
		font-style: normal;
    }
    #home .callout h6 p{
        margin-bottom: 0;
    } 

/* 4  ==========================================================================
    PROJETO
   ========================================================================== */
    #projeto .callout1{
        background-image: none !important;
        background-color: #ed1c24;
    }  
    #projeto .callout1 span{
       text-transform: uppercase;
	   font-size: 18px;
    }  
    #projeto .label{
        background-color: #fff;
    border-radius: 20px;
    color: #ADADAD;
    padding: 10px 15px;
    }
    #projeto .secondary{
        border-radius: 5px;
        background-color: #444444;
        text-transform: uppercase;
        color: #fff;
        margin-left: 10px;
        margin-right: 20px;
    }
    #projeto .callout h1{
        text-transform: uppercase;
        color: #4A4A4C;
        text-align: center;
        margin-top: 1em;
        margin-bottom: 1em;
        font-weight: bold;
    }
    #projeto .callout h2{
        text-align: center;
        border-top: 1px dotted #fff; 
        margin-top: 1em;
        margin-bottom: 1em;
    }
    #projeto .callout h2 p{
        margin-top: 15px;
        color: #4A4A4C;
        font-size: 0.8em;
    }
/* 5  ==========================================================================
    LOCALIZAÇÃO 
   ========================================================================== */
    #localizacao #banner-gigante{
        padding-bottom: 2em;
        border-bottom: 1px dotted #fff;
        margin-bottom: 2em;
    }
    #localizacao .callout h1{
        text-transform: uppercase;
        color: #4A4A4C;
        text-align: center;
        margin-top: 1em;
        margin-bottom: 1em;
        font-weight: bold;
    }
    #localizacao #imagens{
        margin-bottom: 3em;
    }
    #localizacao .lead{
        color: #676767 !important;
        font-size: 12px !important;
    }
/* 6  ==========================================================================
    IMPLANTAÇÃO 
   ========================================================================== */
    #implantacao #banner-gigante{
        padding-top: 2em;
        border-top: 1px dotted #fff;
        margin-bottom: 2em;
    }
    #implantacao .callout h1{
        text-transform: uppercase;
        color: #4A4A4C;
        text-align: center;
        margin-top: 1em;
        margin-bottom: 1em;
        font-weight: bold;
    }
    #implantacao #imagens{
        margin-bottom: 3em;
    }
/* 7  ==========================================================================
    REALIZAÇÃO
   ========================================================================== */
    
    #realizacao .callout h1{
        text-transform: uppercase;
        color: #4A4A4C;
        text-align: center;
        margin-top: 1em;
        margin-bottom: 2em;
        padding-bottom: 2em;
        font-weight: bold;
        border-bottom: 1px dotted #000;
    }
    #realizacao #imagens {
        margin-bottom: 3em;
    }
    #realizacao #imagens img{
        margin-bottom: 1em;
        text-align: center;
    }
    #realizacao #imagens > img{
        margin-bottom: 3em;
        padding-top: 2em;
        margin-top: 3em;
        border-top: 1px dotted #000;
    }
    #realizacao #imagens p{
        color: #4A4A4C;
    }
/* 8  ==========================================================================
    CONTATO
   ========================================================================== */   
    #contato .callout h1{
        text-transform: uppercase;
        color: #4A4A4C;
        text-align: center;
        margin-top: 1em;
        margin-bottom: 2em;
        padding-bottom: 1em;
        font-weight: bold;
        border-bottom: 1px dotted #000;
    }
    #contato h1 > span{
        font-size: 12px;
        display: inline-block;
    }
    #contato form input, textarea{
        border: 3px solid #ED1C24;
        color: #A7A9AC;
		border-radius:6px;
    }
    #contato form{
        margin-bottom: 1em;
    }
    .text-contato{
        text-transform: uppercase;
        font-size: 14px !important;
    }
/* 9  ==========================================================================
    FOOTER
   ========================================================================== */   
    .footer-content p{
        padding: 1em;
        color: #000;
    }
/* 10 ==========================================================================
   HELPERS
   ========================================================================== */
    .no-padding{
        padding: 0;
    }
    .no-padding-bottom{
        padding-bottom: 0 !important;
    }
    .padding1em{
        padding: 1em;
    }
	.no-margin-bottom{ 
	margin-bottom:0;
	}
    .margin-bottom-0{
        margin-bottom: 0; 
    }
    .margin-bottom-3em{
        margin-bottom: 3em; 
    }
    .margin-bottom-2em{
        margin-bottom: 2em; 
    }
    .margin-left10px{
        margin-left: 10px;
    }
    .margin-right20px{
        margin-right: 20px;
    }
    .font-size-2em{
        font-size: 2em;
    }
    .font-size-1-5em{
        font-size: 1.5em;
    }
    .font-size-3em{
        font-size: 3em;
    }
    .text-uppercase{
        text-transform: uppercase;
    }
	.call-contato{
	margin-top:2rem;	
	}
    .branco{
        color: #fff;
    }
    .fundo-cinza{
        background-color: #d0d0d0 !important;
    }
    .menu-links{
        width: 100%;
        background-color: transparent !important;   
        padding-top:3em;
        font-family: 'Museo 700';
        font-style: normal;
    }
/* 11 ==========================================================================
    MIDIAS QUERIES
   ========================================================================== */
    /* Small only */
    @media screen and (max-width: 39.9375em) {
        #menu{
            display: none;
        }
        h1{
            /*background-color: green;*/
        }
        #home #image2{
            padding-top: 2em;
        }
        #list-imgs .column{
            text-align: center;
        }
        #list-imgs .column .lead{
            margin-bottom: 2em; 
        }
        #realizacao #imagens a img{
            margin-bottom: 1em;
        }
        #realizacao #imagens{
            text-align: center;
        }
    }
    /* Medium and up */
    @media screen and (min-width: 40em) {
        h1{
            /*background-color: yellow;*/
        }
        #list-imgs .column{
            text-align: center;
        }
        #list-imgs .column .lead{
            margin-bottom: 2em; 
        }
        .menu-links{
            padding-top: 1em;
        }
        nav ul{
            display: inline;
        }
        nav{
            text-align: center;
        }
        #realizacao #imagens a img{
            margin-bottom: 1em;
        }
        #realizacao #imagens{
            text-align: center;
        }
    }
    /* Large and up */
    @media screen and (min-width: 64em) {
        h1{
            /*background-color: brown;*/
        }
        .menu-links{
            padding-top: 3em;
        }
        #home #imagens-grandes > div{
            min-height: 409px !important;
        }
        #home  #image1{
            margin-top: -82px;
        }
        #home #image2{
            margin-top:-186px;
        }
        nav ul{
            display:block;
        }
        #realizacao #imagens{
            text-align: left;
        }
    }