*, *:before, *:after
{
 margin: 0;
 padding: 0;
 text-decoration:none;
 list-style:none;
 outline: 0 none;
}

a[href]:after {
	/*content: " (" attr(href) ")";*/
	content: ""!important;
}

abbr[title]:after {
	/*content: " (" attr(title) ")";*/
	content: ""!important;
}

body 
{
    line-height:1.5;
    background: #fff;
    font-family: 'Roboto', sans-serif;
    color: #999;
}

.clear{
	clear:both;
}


.container{
/*
background-image: linear-gradient(to left, #BCDEE1,#BCDEE1, #FFF, #FFF,  #FFF, #FFF, #BCDEE1, #BCDEE1);
background-image: -webkit-linear-gradient(left, #BCDEE1,#BCDEE1, #FFF,  #FFF, #FFF, #FFF, #BCDEE1, #BCDEE1);
background-image:    -moz-linear-gradient(left, #BCDEE1,#BCDEE1, #FFF,  #FFF, #FFF, #FFF, #BCDEE1, #BCDEE1);
background-image:     -ms-linear-gradient(left, #BCDEE1,#BCDEE1, #FFF,  #FFF, #FFF, #FFF, #BCDEE1, #BCDEE1);
background-image:      -o-linear-gradient(left, #BCDEE1,#BCDEE1, #FFF,  #FFF, #FFF, #FFF, #BCDEE1, #BCDEE1);
*/

box-shadow: -1px 2px 2px 1px #EEE;
}

.bloco_logo{
	padding: 15px 0px 0px 45px;
}
.app-borda{
	/*border:1px solid #000; */
	 border:0;
}

.app-border-right-red{
	border-right:1px solid #AE2F2F;
}

.app-border-top-red{
	border-top:10px solid #AE2F2F;
}

.app-padding-top-and-bottom{
	padding: 16px;
}

.app-margin-bottom
{
margin-bottom: 0px;
}


.logo-normal{
  max-width: 350px;
}


.area-cliente{
	float: right;	
    width: 70%;
    position: relative;
    padding: 2px 7px;
    box-shadow: -1px 2px 2px #CCC;
	border-left: 1px solid #AAA;
    border-bottom: 1px solid #AAA;  
	margin:25px 0 0 0;
}


.area-cliente > div{
	text-transform: uppercase;
	font-size: 12px;
	color: #AE2F2F;
	font-weight: 600;
}

.area-cliente form > select{
	width: 100%;
    border: 0;
    background-color: #FFF;
    font-size: 11px;
    text-transform: uppercase;
    color: #222;
}

.usuario{
	
	text-align:right;
	padding: 10px 20px;
}

/*usuario logado*/
.usuario .btn-default{
	border-color:#FFF !important;
}

.usuario .popover{
	/*display:block;*/
	top: 60px !important;
	left: 370px !important;
}

.usuario .arrow{
	left:71% !important;
}



.usuario .popover-title{
	color: #585858 !important;
    font-weight: 600!important;
}

.usuario .popover-content p a{
	margin: 0 0 0 10px;
	font-weight: 600!important;
}



/*CAMPOS DO FORMULARIO DE CADASTRO*/
.frm_produtos #frmflutuante article form ul li input, .frm_produtosbarra #frmbarra article form ul li input {

    font-size: 16px;
    color: darkred;
    padding: 1px  10px !important;

}




.clear-both{
	clear: both;
}

.navbar-right {
	/*
    float: right!important;
    margin-right: 0px;
	*/
	display: table; 
    margin: 22px 0px 22px 0;
}
/*
@media(min-width: 991px) {
		    .d-menu{
		     background-color: #FFF;
		     margin-top: 7px;
		     border-radius: 3px 0 0 3px;
		    }  
}

*/
.d-menu{
	margin:15px 0;
}

.d-menu > li {
  text-transform: uppercase;
  font-size: 15px;

}    

.d-menu > li > a {
  /*padding-top: 4px;
  padding-bottom:4px;
  padding: 10px 9px;*/
  white-space: nowrap;
  color:#AE2F2F;
  font-weight: 700;
} 

.dropdown-menu > li > a:hover{
	color:#ae2f2f!important;
}



.app-footer{
  padding: 10px;
  text-align: center;
  font-size: 11px;
  color: #000;
  font-weight: 500;
}

.central h2{
	font-size: 15px;
	color: #000;
	text-transform: uppercase;
	margin: 5px 0;
    padding: 0;
    
}

.newsletter{
    padding-top: 15px;
}

.newsletter section{
	font-size:14px;
	text-align:left;
}

.newsletter h2{
	color: #AE2F2F;
	font-size:18px;
	margin:0;
}


.newsletter input{
	width: 70%;	
    border: 1px solid #282828;
    padding: 5px 2px;
    margin-right: -7px;
	font-size: 12px;
	border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
}


.newsletter button{
    border: 1px solid #AE2F2F;
	font-size:12px;
    cursor: pointer;
    padding: 5px 7px;
	border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
	background-color:#FFF;
	font-weight: 700;
	color: #AE2F2F;
}

.newsletter button:hover{
	background-color: #EEE;
	border: 1px solid #BBB;
}







@media(max-width: 990px) {
	
	
	.d-menu li a{
		padding: 10px 5px;
	}
	
    .d-menu li{
    	width: 100%;
    }

     .d-menu li:nth-child(odd){
    	background-color: #FFF;
    }
	
	.newsletter {
		padding: 15px 0;
	}
	
	.newsletter section {
		text-align: center;
	}
}









@media(max-width: 767px) {

.container{
	/*
background-image: linear-gradient(to left, #BCDEE1,#BCDEE1, #BCDEE1, #FFF,  #BCDEE1, #BCDEE1, #BCDEE1, #BCDEE1);
background-image: -webkit-linear-gradient(left, #BCDEE1,#BCDEE1, #BCDEE1,  #FFF, #BCDEE1, #BCDEE1, #BCDEE1, #BCDEE1);
background-image:    -moz-linear-gradient(left, #BCDEE1,#BCDEE1, #BCDEE1,  #FFF, #BCDEE1, #BCDEE1, #BCDEE1, #BCDEE1);
background-image:     -ms-linear-gradient(left, #BCDEE1,#BCDEE1, #BCDEE1,  #FFF, #BCDEE1, #BCDEE1, #BCDEE1, #BCDEE1);
background-image:      -o-linear-gradient(left, #BCDEE1,#BCDEE1, #BCDEE1,  #FFF, #BCDEE1, #BCDEE1, #BCDEE1, #BCDEE1);*/
box-shadow: -1px 2px 2px 1px #EEE;
}

 .area-cliente{
		float: none!important;
	    width: 100%;
	    position: relative;
	    padding: 2px 10px;
	    box-shadow: none;
	}


	.area-cliente > div{
		text-transform: uppercase;
		font-size: 12px;
		color: #AE2F2F;
		font-weight: 600;
	}

	.area-cliente form > select{
		width: 100%;
	    border: 0;
	    background-color: #FFF;
	    font-size: 11px;
	    text-transform: uppercase;
	    color: #222;
	    padding: 4px 0;
	}

	.app-center{
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	min-height: 120px;
	}

    .d-menu{
    	width: 100%;
    }
    .d-menu li:nth-child(odd){
    	background-color: #FFF;
    }

}




/* caixas de alertas das mensagens */
#alerta{
position:                fixed;
background-color:        #e00f16;
color:                   #FFFFFF;
font-size:               12px;
padding:                 7px;
width:                   300px;
top:                     30%;
left:                    40%;
text-align:              center;
z-index:                 99;
border:                  1px solid #e00f16;
font-weight: bold;
border-radius:           4px;
-moz-border-radius:      4px;
-webkit-border-radius:   4px;
}

#alertatempo{
position:                fixed;
background-color:        #e00f16;
color:                   #FFFFFF;
padding:                 7px;
font-size:               12px;
width:                   300px;
top:                     30%;
left:                    40%;
text-align:              center;
z-index:                 99;
border:                  1px solid #e00f16;
font-weight: bold;
border-radius:           4px;
-moz-border-radius:      4px;
-webkit-border-radius:   4px;
}