/* ====================================== css HEADER ====================================== */

#containerHEADER {
	position: inherit;
  	width: 100%;   
	margin: 0 auto;
	background-color: none;
	overflow: hidden; /*oculta a barra de deslizamento*/
}

#container {
	position: center;
  	width: 100%;   
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden; /*oculta a barra de deslizamento*/
}

.barTOP {
	position: inherit;
  	width: 100%; 
	height: auto;  
	margin: 0 auto;
	background: url(../img/trans_cinza_80.png);
	background-repeat: repeat;
	border-bottom:1px solid #b2b4b3;
	overflow: hidden; /*oculta a barra de deslizamento*/
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	z-index: 998;
}

.barNAV {
	display:block;
	position: inherit;
  	width: 100%; 
	height: auto;  
	margin: 0 auto;
	margin-bottom:25px;
	background: url(../img/trans_preto_70.png);
	background-repeat: repeat;
	border-bottom:1px solid #333333;
	overflow: hidden; /*oculta a barra de deslizamento*/
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	z-index: 998;
}

#menuNAV ul {padding:0px; margin: 0px; float: right; vertical-align: middle; list-style:none; font:90% Arial; text-transform: uppercase;}
#menuNAV ul li { display: inline;}
#menuNAV ul li a {text-align:center; padding: 10px 10px 10px 10px; color: #b2b4b3; height: 65px; text-decoration: none; border-top:2px solid #000000; line-height: 30px; float:left; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear;}
#menuNAV ul li a:hover {background: #b2b4b3; color: #000000; border-top:2px solid #b2b4b3; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear;}
#menuNAV ul li.active a { background: url(../img/trans_preto_70.png), url(../img/trans_preto_70.png); background-repeat: repeat;border-top:2px solid #b2b4b3; color: #fff;  }
#menuNAV ul li a i { line-height: 25px; color: #b2b4b3; text-align:center; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear;}
#menuNAV ul li a:hover i{ color: #000000; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear; }
#menuNAV ul li.active a i{ color: #fff; }



.barNAV_peq {
	display:none;
	position: inherit;
  	width: 100%; 
	height: auto;  
	margin-right:5%;
	margin: 0 auto;
	margin-bottom:30px;
	background: url(../img/trans_preto_70.png);
	background-repeat: repeat;
	border-bottom:1px solid #333333;
	overflow: hidden; /*oculta a barra de deslizamento*/
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	z-index: 998;
}

#menuNAV_peq ul {padding:0px; margin: 0px; float: right; vertical-align: middle; list-style:none; font:85% Arial; text-transform: uppercase;}
#menuNAV_peq ul li { display:  inline-block;}
#menuNAV_peq ul li a {text-align:left; padding: 5px 5px 5px 5px; color: #b2b4b3; width:110px; height: 20px; text-decoration: none; line-height: 5px; float:right; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear;}
#menuNAV_peq ul li a:hover {background: #b2b4b3; color: #000000; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear;}
#menuNAV_peq ul li.active a { background: url(../img/trans_preto_70.png), url(../img/trans_preto_70.png); background-repeat: repeat;color: #fff;  }
#menuNAV_peq ul li a i { line-height: 20px; color: #b2b4b3; text-align:center; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear;}
#menuNAV_peq ul li a:hover i{ color: #000000; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear; }
#menuNAV_peq ul li.active a i{ color: #fff; }


#redes_sociais{ float: right; height: auto; margin: 10px 0px 10px 0px;}
#ICONS_redes { vertical-align:middle; text-align:center; background-repeat: none; float:left; padding: 0 5px 0 5px}
.ICONS_redessociais{ display: inline-block; list-style: none; padding: 0px; margin: 0px;}
ul.ICONS_redessociais li { display: inline; }
ul.ICONS_redessociais li a {color: #b2b4b3; padding: 0px; text-align: center; font:90% Arial; line-height: auto; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; text-decoration: none; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear;}
ul.ICONS_redessociais li a:hover  { color: #fff; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear; }
ul.ICONS_redessociais li.active a {color: #fff; font-weight:bold;}


#roll_LOGO_lojadoscachecois { width: 89px; height: 30px; overflow: hidden; background: url(../img/LOGO_loja_dos_cachecois.png) top center no-repeat; background-size:100%; display: block; text-indent: 10000px;}
#roll_LOGO_lojadoscachecois:hover { background-position: bottom center;}
#LOGO_lojadoscachecois { margin-top: 5px; margin-bottom: 5px; vertical-align:bottom; background-repeat: none; float:left; padding-left: 5px; padding-right: 12px; width:89px;}

#roll_LOGO_lojadasbufandas { width: 90px; height: 30px; overflow: hidden; background: url(../img/LOGO_loja_das_bufandas.png) top center no-repeat; background-size:100%; display: block; text-indent: 10000px;}
#roll_LOGO_lojadasbufandas:hover { background-position: bottom center;}
#LOGO_lojadasbufandas { margin-top: 5px; margin-bottom: 5px; vertical-align:bottom; background-repeat: none; float:left; padding-left: 10px; padding-right: 10px; width:90px;}

#roll_LOGO_lojadosadeptos { width: 81px; height: 30px; overflow: hidden; background: url(../img/LOGO_loja_dos_adeptos.png) top center no-repeat; background-size:100%; display: block; text-indent: 10000px;}
#roll_LOGO_lojadosadeptos:hover { background-position: bottom center;}
#LOGO_lojadosadeptos { margin-top: 5px; margin-bottom: 5px; vertical-align:bottom; background-repeat: none; float:left; padding-left: 10px; padding-right: 5px; width:81px;}

#logos{margin: 0 5px 0 150px; float:left; width:auto;}
	
.logo {
	background: url(../img/logo_MD.png) top center no-repeat;
	background-size:100%;
    width: 135px;
	height: 145px; 
	position:absolute;
	margin: 0 5px 0 5px;
    float: left;
	padding-top: 0px;
	z-index: 9999;

}


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



.logo {
	background: url(../img/logo_MD.png) top center no-repeat;
	background-size:100%;
    width: 120px;
	height: 129px; 
	position:absolute;
	margin: 0 5px 0 5px;
    float: left;
	padding-top: 0px;
	z-index: 9999;
}


.barNAV {
	display:none;
}

#barNAV_peq_espaco{margin: 0 0 0 135px; float:left; width:auto;}

.barNAV_peq {
	display:block;
}


#roll_LOGO_lojadoscachecois { width: 63px; height: 21px; overflow: hidden; background: url(../img/LOGO_loja_dos_cachecois.png) top center no-repeat; background-size:100%; display: block; text-indent: 10000px;}
#LOGO_lojadoscachecois { margin-top: 5px; margin-bottom: 5px; vertical-align:bottom; background-repeat: none; float:left; padding-left: 0px; padding-right: 5px; width:63px;}

#roll_LOGO_lojadasbufandas { width: 63px; height: 21px; overflow: hidden; background: url(../img/LOGO_loja_das_bufandas.png) top center no-repeat; background-size:100%; display: block; text-indent: 10000px;}
#LOGO_lojadasbufandas { margin-top: 5px; margin-bottom: 5px; vertical-align:bottom; background-repeat: none; float:left; padding-left: 0px; padding-right: 5px; width:63px;}

#roll_LOGO_lojadosadeptos { width: 58px; height: 21px; overflow: hidden; background: url(../img/LOGO_loja_dos_adeptos.png) top center no-repeat; background-size:100%; display: block; text-indent: 10000px;}
#LOGO_lojadosadeptos { margin-top: 5px; margin-bottom: 5px; vertical-align:bottom; background-repeat: none; float:left; padding-left: 0px; padding-right: 5px; width:58px;}

#logos{margin: 0 5px 0 135px; float:left; width:auto;}

#redes_sociais{ float: right; height: auto; margin: 7px 0px 7px 0px;}
#ICONS_redes { vertical-align:middle; text-align:center; background-repeat: none; float:left; padding: 0 5px 0 5px}
ul.ICONS_redessociais li a {color: #b2b4b3; padding: 0px; text-align: center; font:85% Arial; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; text-decoration: none; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear;}



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


.logo {
	background: url(../img/logo_MD.png) top center no-repeat;
	background-size:100%;
    width: 100px;
	height: 107px; 
	position:absolute;
	margin: 0 5px 0 5px;
    float: left;
	padding-top: 0px;
	z-index: 9999;
}


.barNAV {
	display:none;
}

#barNAV_peq_espaco{margin: 0 0 0 110px; float:left; width:auto;}

.barNAV_peq {
	display:block;
}


#roll_LOGO_lojadoscachecois { width: 45px; height: 15px; overflow: hidden; background: url(../img/LOGO_loja_dos_cachecois.png) top center no-repeat; background-size:100%; display: block; text-indent: 10000px;}
#LOGO_lojadoscachecois { margin-top: 5px; margin-bottom: 5px; vertical-align:bottom; background-repeat: none; float:left; padding-left: 0px; padding-right: 5px; width: 45px;}

#roll_LOGO_lojadasbufandas { width: 45px; height: 15px; overflow: hidden; background: url(../img/LOGO_loja_das_bufandas.png) top center no-repeat; background-size:100%; display: block; text-indent: 10000px;}
#LOGO_lojadasbufandas { margin-top: 5px; margin-bottom: 5px; vertical-align:bottom; background-repeat: none; float:left; padding-left: 0px; padding-right: 5px; width: 45px;}

#roll_LOGO_lojadosadeptos { width: 41px; height: 15px; overflow: hidden; background: url(../img/LOGO_loja_dos_adeptos.png) top center no-repeat; background-size:100%; display: block; text-indent: 10000px;}
#LOGO_lojadosadeptos { margin-top: 5px; margin-bottom: 5px; vertical-align:bottom; background-repeat: none; float:left; padding-left: 0px; padding-right: 5px; width:41px;}

#logos{margin: 0 5px 0 110px; float:left; width:auto;}

#redes_sociais{ float: right; height: auto; margin: 7px 0px 7px 0px;}
#ICONS_redes { vertical-align:middle; text-align:center; background-repeat: none; float:left; padding: 0 5px 0 0}
ul.ICONS_redessociais li a {color: #b2b4b3; padding: 0px; text-align: center; font:85% Arial; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; text-decoration: none; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear;}




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


.logo {
	background: url(../img/logo_MD.png) top center no-repeat;
	background-size:100%;
    width: 93px;
	height: 100px; 
	position:absolute;
	margin: 0 3px 0 3px;
    float: left;
	padding-top: 0px;
	z-index: 9999;
}


.barNAV {
	display:none;
}

#barNAV_peq_espaco{margin: 0 0 0 100px; float:left; width:auto;}

.barNAV_peq {
	display:block;
}


#roll_LOGO_lojadoscachecois { width: 45px; height: 15px; overflow: hidden; background: url(../img/LOGO_loja_dos_cachecois.png) top center no-repeat; background-size:100%; display: block; text-indent: 10000px;}
#LOGO_lojadoscachecois { margin-top: 5px; margin-bottom: 5px; vertical-align:bottom; background-repeat: none; float:left; padding-left: 0px; padding-right: 5px; width: 45px;}

#roll_LOGO_lojadasbufandas { width: 45px; height: 15px; overflow: hidden; background: url(../img/LOGO_loja_das_bufandas.png) top center no-repeat; background-size:100%; display: block; text-indent: 10000px;}
#LOGO_lojadasbufandas { margin-top: 5px; margin-bottom: 5px; vertical-align:bottom; background-repeat: none; float:left; padding-left: 0px; padding-right: 5px; width: 45px;}

#roll_LOGO_lojadosadeptos { width: 41px; height: 15px; overflow: hidden; background: url(../img/LOGO_loja_dos_adeptos.png) top center no-repeat; background-size:100%; display: block; text-indent: 10000px;}
#LOGO_lojadosadeptos { margin-top: 5px; margin-bottom: 5px; vertical-align:bottom; background-repeat: none; float:left; padding-left: 0px; padding-right: 5px; width:41px;}

#logos{margin: 0 5px 0 100px; float:left; width:auto;}

#redes_sociais{ float: right; height: auto; margin: 5px 0px 5px 0px;}
#ICONS_redes { vertical-align:middle; text-align:center; background-repeat: none; float:left; padding: 0 3px 0 0}
ul.ICONS_redessociais li a {color: #b2b4b3; padding: 0px; text-align: center; font:80% Arial; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; text-decoration: none; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear;}


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


.logo {
	background: url(../img/logo_MD.png) top center no-repeat;
	background-size:100%;
    width: 70px;
	height: 75px; 
	position:absolute;
	margin: 0 3px 0 3px;
    float: left;
	padding-top: 0px;
	z-index: 9999;
}


.barNAV {
	display:none;
}

#barNAV_peq_espaco{margin: 0 0 0 77px; float:left; width:auto;}

.barNAV_peq {
	display:block;
}


#roll_LOGO_lojadoscachecois { width: 45px; height: 15px; overflow: hidden; background: url(../img/LOGO_loja_dos_cachecois.png) top center no-repeat; background-size:100%; display: block; text-indent: 10000px;}
#LOGO_lojadoscachecois { margin-top: 5px; margin-bottom: 5px; vertical-align:bottom; background-repeat: none; float:left; padding-left: 0px; padding-right: 5px; width: 45px;}

#roll_LOGO_lojadasbufandas { width: 45px; height: 15px; overflow: hidden; background: url(../img/LOGO_loja_das_bufandas.png) top center no-repeat; background-size:100%; display: block; text-indent: 10000px;}
#LOGO_lojadasbufandas { margin-top: 5px; margin-bottom: 5px; vertical-align:bottom; background-repeat: none; float:left; padding-left: 0px; padding-right: 5px; width: 45px;}

#roll_LOGO_lojadosadeptos { width: 41px; height: 15px; overflow: hidden; background: url(../img/LOGO_loja_dos_adeptos.png) top center no-repeat; background-size:100%; display: block; text-indent: 10000px;}
#LOGO_lojadosadeptos { margin-top: 5px; margin-bottom: 5px; vertical-align:bottom; background-repeat: none; float:left; padding-left: 0px; padding-right: 5px; width:41px;}

#logos{margin: 0 5px 0 77px; float:left; width:auto;}

#redes_sociais{ float: right; height: auto; margin: 5px 0px 5px 0px;}
#ICONS_redes { vertical-align:middle; text-align:center; background-repeat: none; float:left; padding: 0 3px 0 0}
ul.ICONS_redessociais li a {color: #b2b4b3; padding: 0px; text-align: center; font:80% Arial; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; text-decoration: none; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear;}

}}}}



/* ====================================== css FOOTER ====================================== */
#containerFOOTER {
	position: inherit;
  	width: 100%;   
	margin: 0 auto;
	background-color:none;
	overflow: hidden; /*oculta a barra de deslizamento*/
}

.barFOOTER {
	position: inherit;
  	width: 100%; 
	height: 40px;  
	margin: 0 auto;
	margin-top: 15px;
	background: url(../img/trans_cinza_80.png);
	background-repeat: repeat;
	border-top:1px solid #b2b4b3;
	border-bottom:1px solid #333333;
	overflow: hidden; /*oculta a barra de deslizamento*/
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	z-index: 998;
}

.creditos{ float: left; padding-top: 5px; margin-left:5px; color: #b2b4b3; font:75% Arial;}


#TOPO { margin-top: -16px; margin-right: 0; vertical-align:bottom;  text-align:center; background-repeat: none; float:right; width:45px; height: 45px; position:absolute; z-index: 9999; }
#floatright_bt_TOPO{ display: inline; float:right; margin-right: 45px;}
.voltartopo{ float: center; text-align:center; font:55% Arial;}



/* ====================================== css VOCE ESTA AQUI ====================================== */

#esta_aqui { margin: 5px 5px 5px 5px; text-align:left; background-repeat: none; float:left; width:100%; font:75% Arial; color:#b2b4b3; }


/* ====================================== css MENUFOOTER ====================================== */


#containermenuFOOTER {
	display:block;
	position: inherit;
  	width: 100%;
	height: auto;   
	margin: 0 0 -10px 0;
	border-top:1px solid #333333;
	padding-bottom:10px;
	overflow: hidden; /*oculta a barra de deslizamento*/
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
	z-index: 998;
}


#box_menuFOOTER {
	height: auto;
}


#box_menuFOOTER_title {
    margin-top: 0px;
    padding-bottom: 0px;
	height: 50px;
}

#box_menuFOOTER p {
    padding-left: 5px;
    padding-right: 5px;
    color: #b2b3b3;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #282828;
}

#box_menuFOOTER h3 {
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#box_menuFOOTER h4 {
    padding-left: 5px;
    padding-right: 5px;
    color: #b2b3b3;
	border-bottom: 1px solid #282828;
}

#box_menuFOOTER ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#box_menuFOOTER li {
	padding: 3px 5px 3px 5px;
	border-bottom: 0px solid #000000;
	color: #b2b3b3;
	font-size: 12px;
    line-height: 14px;
}

#box_menuFOOTER li:hover {
  background: url(../img/trans_cinza_80.png);
  text-decoration: none; 
  -webkit-transition: 0.2s linear; 
  -moz-transition: 0.2s linear; 
  -o-transition: 0.2s linear;
  color:#ffffff;
}

/* ====================================== css COOKIES ====================================== */

#barradeaceitacao {
	display:none;
	position:fixed;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	text-align:center;
	height: auto;
	min-height:40px;
	background-color: rgba(0, 0, 0, 0.9);
	border-top: 2px solid  #333333;
	color:#ffffff;
	z-index:99999;
}

.inneraceitacao {
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	text-align:center;
	width:100%;
	max-width:1050px;
	margin: 0 auto;	
}

.inneraceitacaotxt {
	margin:10px 10px;
}

#button_cookie_acept {
    background: #000000;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
    font-size: 115%;
	font-weight: normal;
	text-align: center;
    height: 40px;
    width: 120px;
    line-height: 20px;
    margin: 10px;
    border: 2px solid #ffffff;
	outline: none;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 1000;
}

#button_cookie_acept:hover   { background: #ffffff; color: #000000; border: 2px solid #666666; }
#button_cookie_acept:active  { color: #ffffff; border: 2px solid #ffffff; }

.inneraceitacao a.ok         { padding:5px;color:#00ff2e;text-decoration:none; }
.inneraceitacao a.ok:hover   { color:#666666; }
.inneraceitacao a.info       { padding:5px;text-decoration:none;color:#faff00; }
.inneraceitacao a.info:hover { color:#666666; }