@charset "utf-8";
.scroll {
	float: left;
	width: 100%;
	overflow: auto;
}
#en #embalagem {
	background: url(../images/bg_embalagem_en_20170106.jpg) no-repeat 0 0;
	background-color: rgba(115,155,244,0.85);
	background-color: #739bf4\9;
}
#embalagem {
	background: url(../images/bg_embalagem.jpg) no-repeat 0 0;
	background-color: rgba(115,155,244,0.85);
	background-color: #739bf4\9;
	float: left;
	width: 807px;
	height: 700px;
	position: relative;
	overflow: hidden;
}
#embalagem * {
	font-family: Arial;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
#embalagem .ico-menu-embalagem {
	background: url(../images/ico-menu-embalagem.png) no-repeat center;
	position: absolute;
	top: 15px;
	right: 30px;
	cursor: pointer;
	width: 22px;
	height: 19px;
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	-o-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	z-index: 2;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#embalagem .ico-menu-embalagem.inativo {
	background: #5a95e4 url(../images/ico-menu-embalagem_inativo.png) no-repeat center;
	right: -1px;
	width: 47px;
	height: 41px;
    border: 1px solid #003265;
}
#embalagem ul li {
	padding: 0;
	background-image: none;
	list-style: none;
	margin: 0;
}
#embalagem .menu-embalagem {
	background: rgba(91,151,224,0.85);
	background: #5b97e0/9;
	position: absolute;
	right: 0;
	top: 0;
	padding: 40px 0 40px 0;
	width: 175px;
	height: 100%;
	overflow: auto;
	z-index: 1;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

/* IE8 uses \0 */
@media all\0 { 
       #embalagem .menu-embalagem { background:url(../images/bg_translucido_embalagens.png) repeat 0 0;  }
} 


#embalagem .menu-embalagem::-webkit-scrollbar-track { background-color: #085aaa; }
#embalagem .menu-embalagem::-moz-scrollbar-track { background-color: #085aaa; }
#embalagem .menu-embalagem::-ms-scrollbar-track { background-color: #085aaa; }
#embalagem .menu-embalagem::-o-scrollbar-track { background-color: #085aaa; }

#embalagem .menu-embalagem::-webkit-scrollbar { width: 6px; background-color: #085aaa; }
#embalagem .menu-embalagem::-moz-scrollbar { width: 6px; background-color: #085aaa; }
#embalagem .menu-embalagem::-ms-scrollbar { width: 6px; background-color: #085aaa; }
#embalagem .menu-embalagem::-o-scrollbar { width: 6px; background-color: #085aaa; }

#embalagem .menu-embalagem::-webkit-scrollbar-thumb:hover { background:#2b3550; }
#embalagem .menu-embalagem::-moz-scrollbar-thumb:hover { background:#2b3550; }
#embalagem .menu-embalagem::-ms-scrollbar-thumb:hover { background:#2b3550; }
#embalagem .menu-embalagem::-o-scrollbar-thumb:hover { background:#2b3550; }

#embalagem .menu-embalagem::-webkit-scrollbar-thumb { background: #01438f; }
#embalagem .menu-embalagem::-moz-scrollbar-thumb { background: #01438f; }
#embalagem .menu-embalagem::-ms-scrollbar-thumb { background: #01438f; }
#embalagem .menu-embalagem::-o-scrollbar-thumb { background: #01438f; }

#embalagem .menu-embalagem.inativo {
	right: -195px;
}
#embalagem > .menu-embalagem > li {
	float: left;
	width: 100%;
	margin: 5px 0;
	color: #fff;
}
#embalagem > .menu-embalagem > li span {
	position: relative;
	float: left;
	width: 100%;
	padding: 5px 10px 5px 20px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	background: #344d9b;
	cursor: pointer;
}
#embalagem > .menu-embalagem > li.ativado span {
	background: #2b3550;
}
#embalagem > .menu-embalagem > li span:before {
	content: "+";
	position: absolute;
	left: 10px;
	top: 4px;
	width: 5px;
	line-height: 13px;
}
#embalagem > .menu-embalagem > li.ativado span:before {
	content: "-";
}
#embalagem .menu-embalagem ul {
	display: none;
	float: left;
	padding: 10px 0 10px 20px;
}
#embalagem .menu-embalagem .ativado ul {
	display: block;
}
#embalagem .menu-embalagem li li {
	position: relative;
	float: left;
	width: 100%;
	padding: 3px 0;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}
#embalagem > .menu-embalagem > li.ativado li.ativo,
#embalagem > .menu-embalagem > li li:hover {
	color: #2b3550;
	text-decoration: none;
}
#embalagem .produtos {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#embalagem .produtos li {
	padding: 0;
}
#embalagem .produtos li {
	background: url(../images/bg_embalagem-produtos.png) no-repeat -157px -99px;
	position: absolute;
	left: 157px;
	top: 103px;
	width: 58px;
	height: 33px;
	text-indent: -90000px;
	cursor: pointer;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
}
#embalagem .produtos li:hover,
#embalagem .produtos li.ativo {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.7;
}
#embalagem .produtos li#item-02 {
	background-position: -231px -99px;
	left: 231px;
	width: 60px;
}
#embalagem .produtos li#item-03 {
	background-position: -156px -148px;
	left: 156px;
	top: 155px;
	width: 65px;
	height: 24px;
}
#embalagem .produtos li#item-04 {
	background-position: -225px -145px;
	left: 225px;
	top: 150px;
	width: 70px;
	height: 29px;
}
#embalagem .produtos li#item-05 {
	background-position: -157px -186px;
	left: 157px;
	top: 190px;
	width: 65px;
	height: 35px;
}
#embalagem .produtos li#item-06 {
	background-position: -223px -187px;
	left: 228px;
	top: 190px;
	width: 68px;
	height: 35px;
}
#embalagem .produtos li#item-07 {
	background-position: -160px -238px;
	left: 160px;
	top: 241px;
	width: 127px;
	height: 29px;
}
#embalagem .produtos li#item-08 {
	background-position: -337px -105px;
	left: 335px;
	top: 109px;
	width: 85px;
	height: 25px;
}
#embalagem .produtos li#item-09 {
	background-position: -425px -105px;
	left: 425px;
	top: 108px;
	width: 43px;
	height: 26px;
}
#embalagem .produtos li#item-10 {
	background-position: -336px -141px;
	left: 336px;
	top: 145px;
	width: 60px;
	height: 34px;
}
#embalagem .produtos li#item-11 {
	background-position: -414px -146px;
	left: 414px;
	top: 150px;
	width: 55px;
	height: 29px;
}
#embalagem .produtos li#item-12 {
	background-position: -336px -191px;
	left: 336px;
	top: 195px;
	width: 72px;
	height: 30px;
}
#embalagem .produtos li#item-13 {
	background-position: -409px -183px;
	left: 409px;
	top: 188px;
	width: 62px;
	height: 38px;
}
#embalagem .produtos li#item-14 {
	background-position: -341px -229px;
	left: 341px;
	top: 233px;
	width: 123px;
	height: 38px;
}
#embalagem .produtos li#item-15 {
	background-position: -535px -110px;
	left: 533px;
	top: 110px;
	width: 92px;
	height: 27px;
}
#embalagem .produtos li#item-16 {
	background-position: -537px -156px;
	left: 537px;
	top: 156px;
	width: 86px;
	height: 44px;
}
#embalagem .produtos li#item-17 {
	background-position: -540px -215px;
	left: 538px;
	top: 215px;
	width: 82px;
	height: 42px;
}
#embalagem .produtos li#item-18 {
	background-position: -179px -451px;
	left: 179px;
	top: 460px;
	width: 57px;
	height: 31px;
}
#embalagem .produtos li#item-19 {
	background-position: -237px -461px;
	left: 237px;
	top: 470px;
	width: 78px;
	height: 21px;
}
#embalagem .produtos li#item-20 {
	background-position: -178px -517px;
	left: 178px;
	top: 525px;
	width: 63px;
	height: 26px;
}
#embalagem .produtos li#item-21 {
	background-position: -252px -498px;
	left: 252px;
	top: 505px;
	width: 63px;
	height: 47px;
}
#embalagem .produtos li#item-22 {
	background-position: -179px -563px;
	left: 179px;
	top: 573px;
	width: 58px;
	height: 53px;
}
#embalagem .produtos li#item-23 {
	background-position: -241px -562px;
	left: 241px;
	top: 571px;
	width: 75px;
	height: 54px;
}
#embalagem .produtos li#item-24 {
	background-position: -366px -451px;
	left: 366px;
	top: 459px;
	width: 52px;
	height: 62px;
}
#embalagem .produtos li#item-25 {
	background-position: -434px -451px;
	left: 434px;
	top: 460px;
	width: 59px;
	height: 61px;
}
#embalagem .produtos li#item-26 {
	background-position: -377px -525px;
	left: 377px;
	top: 533px;
	width: 104px;
	height: 41px;
}
#embalagem .produtos li#item-27 {
	background-position: -380px -577px;
	left: 377px;
	top: 585px;
	width: 105px;
	height: 41px;
}
#embalagem .box-embalagens {
	background: rgba(91,151,224,0.85);
	background: #5b97e0/9;
	position: absolute;
	left: 22px;
	top: 50%;
	width: 500px;
	z-index: 3;
	height: 340px;
	border: 1px solid #2e3192;
	padding: 10px 15px;
	display: none;
	margin-top: -170px;
}

#embalagem .box-embalagens.grande { height: 580px!important; margin-top: -290px!important; }
#embalagem .box-embalagens.grande-2 { height: 610px!important; margin-top: -300px!important; }

/* IE8 uses \0 */
@media all\0 { 
       #embalagem .box-embalagens { background:url(../images/bg_translucido_embalagens.png) repeat 0 0;  }
} 

#embalagem .box-embalagens.ativo {
	display: block;
}
#embalagem .box-embalagens .btn-close {
	background: #2e3192 url(../images/btn-close_embalagem.png) no-repeat center;
	width: 27px;
	height: 27px;
	position: absolute;
	right: -5px;
	top: -5px;
	text-indent: -90000px;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
#embalagem .box-embalagens .col-info {
	float: left;
	width: 70%;
	color: #fff;
}
#embalagem .box-embalagens .col-info h3 {
	padding: 10px 5px;
}
#embalagem .box-embalagens .col-info p {
	padding: 0 5px;
	font-size: 13px;
}
#embalagem .box-embalagens .col-info p a {
	font-weight: bold;
	color: #000;
}

#embalagem .box-embalagens .col-img {
	float: left;
	width: 30%;
}
#embalagem .box-embalagens .col-img img {
	max-width: 100%;
}
#embalagem .box-embalagens.grande-2 .col-img img {
	height:180px;
}

#embalagem .box-embalagens table {
    margin-bottom: 10px;
    width: 100%;
}
#embalagem .box-embalagens table td {
    padding: 5px 15px 5px 5px;
    margin: 0;
	font-size: 13px;
}