/*------------------------------------*\
ESTILO DE CSS CIDADE PROIBIDA / PÁGINA DE APRESENTAÇÃO
- Reestruturação do site
- 12/06/2015
- Versão 1.0
---------------------------------------
CONTENTS

RESET
LAYOUT - Top of Site / Footer / Menu / Vitrine
STYLE HACK - força o estilo da loja
MEDIA QUERIES
\*------------------------------------*/

/*------------------------------------*\
	RESET
\*------------------------------------*/
*{
	margin:0;
	padding:0;
	list-style:none;
	font-family:Open Sans, Arial, sans-serif;
	font-size:15px;
	text-decoration:none;
	text-rendering: optimizeLegibility; 
	vertical-align:baseline;
	border:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

html, body {
  height: 100%; /* Altura do html/body em 100% */
  font-size:13px;
  background-color:#f5f5f5;
}

img{width:100%;}

:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*------------------------------------*\


/*------------------------------------*\
	LAYOUT
\*------------------------------------*/
/* Header */
.headerHome{
    background-color:#f5f5f5;
    background-image:none;
}
    
    .headerHome-contato{
        width:100%;
        margin-top: 80px;
        float: left;
        color:#cc120f;
        }
        
/* Menu pad Inicial */        
.menuHome{
    float:left;
    margin-top: 15px;
}
    .menuHome-item{display:inline-block;}
            .menuHome-item--subMenu{display:inline-block;}           
        .menuHome-link{
            padding: 0 10px;
            color:#000000;
        }
            .menuHome-link:hover{color:#cc120f;}
        
            .menuHome-link--first{padding-left:0;}        
            .menuHome-link--last{
                color:#cc120f;
                font-weight:bold;
            }
                    
    .menuHome-submenu{
        margin-left: -20px;
        position: absolute;
        display: none;
        z-index: 100;                
    }    
        .menuHome>li.menuHome-item--subMenu:hover ul{display: block;}        
        
        .menuHome-submenu--item{display:block;}
                        
            .menuHome-submenu--link{
                padding: 11px 22px 7px;
                display: block;
                color:#ffffff;
                background-color:#cc120f;
            }            
            .menuHome-submenu--link:hover{color:#000000;}
            
/* Página de Login */        
.loginBoxBtn{
    width:100%;
    margin-bottom: 10px;
    padding: 10px 50px;
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    background-color: #ffffff;
}

.loginBox-senhabtn{
    width:100%;
    color:#000;
    padding: 14px 4px 13px;
    background-color:#B6B6B6;
    }

.rememberInput{
    margin: 10px 0;
    display: block;
}
    .rememberInput input{
        width: 20px;
        height: 20px;
    }
    
.loginBox-cadastroBtn{    
    width: 230px;
    margin: 42px 0 0 0;
    padding: 20px 10px;
    background-color: #878787;
}
/*------------------------------------*/

/*------------------------------------*\
	STYLE HACK
\*------------------------------------*/
.vitrineBox-borderLeft:before{
    content: " ";
    height: 100%;
    margin: 0;
    position: absolute;
    border-left:none;
}

.userinfoBox-divider{border-bottom: 5px solid #cc120f;}

/* Fale Conosco */
.contatoBox p{margin:0;}

.contatoBox a{color:#770504 !important;}

.contatoBox-divider {
    width: 100%;
    margin: 5px 0 10px;
    display: block;
    float: left;
    border-bottom: 1px solid #cc120f;
}

.contatoBox-nomeLoja{
    margin-bottom: 20px;
    font-size: 20px;
}

.contatoBox iframe{width: 100%;}
/*------------------------------------*/

/*------------------------------------*\
	MEDIA QUERIES
\*------------------------------------*/
@media only screen and (max-width : 1200px) {
	
}

@media only screen and (max-width : 979px) {
	.loginBox-cadastroBtn{margin: 30px auto 0;}
}

@media only screen and (max-width : 768px) {

}

@media screen and (min-width: 768px) {
      
}

@media only screen and (max-width : 480px) {
    .headerHome {display: inline-table;}

    .headerHome-contato {margin-top: 30px;}
    
    .menuHome-item {display: block;}
    
    .menuHome-link {
        padding: 10px 0px;
        display: block;
    }
    
    .menuHome-submenu--item {display: inline-block;}    
    
    .menuHome-submenu {margin: -36px -20px;}    
}

@media only screen and (min-width : 480px) {

}

@media only screen and (max-width : 320px) {
	
}
/*------------------------------------*/