/* CSS Document */

body {
	display:block;
	font-size:11px;
	font-family: Arial, sans-serif;
	color: #aaa;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    margin: 0;
    padding: 0;
	
	/* ajuda a diferenciar o projeto DEV do projeto em Produção */
	background: #e09e3c !important;
}

        
body, html {height: 100%;}
	
a{
   text-decoration: none;
   color: #000;
   transition: opacity ease-in-out .3s, color ease-in-out .3s, background-color ease-in-out .3s;
}
	
a:hover {
    outline:none;
    color:#666666;
}

img{
    border: none;
}

table{
    border-collapse: collapse;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

.border_input{
	font-size:11px;
	color:#010101;
}

.contentAreaClienteLogin,
.margem_gca{
    width:910px;
    padding:40px 0 0;
    color: #666;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* For modern browsers */
.clearfix:before, .clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    *zoom:1;
}

.bannerTopoRight {
	float:right;
	margin-left:2px;
}

/* Pagination */
.navbar {
	display: block;
}
.navbar > .paginacao,
.navbar > .paginacao_sel {
	display: inline-block;
	color: #999999;
	font-size: 13px;
	padding: 0 7px 0 2px;
}
.navbar > .paginacao:hover,
.navbar > .paginacao_sel {
	color: #333333;
}
.navbar > .paginacao:first-child:before,
.navbar > .paginacao_sel:first-child:before,
.navbar > .paginacao:last-child:before,
.navbar > .paginacao.back:first-child + .paginacao:before,
.navbar > .paginacao_sel.back:first-child + .paginacao:before {
	content: '';
}
.navbar > .paginacao:before,
.navbar > .paginacao_sel:before {
	content: '/\0000a0\0000a0';
}
.navbar > .paginacao.back,
.navbar > .paginacao.next {
	width: 5px;
	text-indent: -50000px;
	background-repeat: no-repeat;
	background-position: left center;
}
.navbar > .paginacao.back {
	background-image: url('../images/arrow-left.png');
}
.navbar > .paginacao.next {
	background-image: url('../images/arrow01.png');
}

.topRightWrapper{
	float:left;
	margin:0;
	width:333px;
	height:65px;
	margin-top:25px;
}

/****************/

.cookies {
    background: #4D4D4D;
    text-align: center;
    display: none;
}
.cookies > div {
    display: table;
    table-layout: auto; 
    margin: 0 auto; 
    height: 42px;
}
.cookies > div > div {
    display: table-cell; 
    font-size: 11px;
    vertical-align: middle;
    color: #D9D9D9;
}
.cookies > div > div > a.saibaMais { 
    display: block;
    float: left;
    color: #DF7F1E;
    font: bold 11px Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: underline;
    margin: 14px 10px 0 25px;
}
.cookies > div > div > a.saibaMais:hover {
    color: #D9D9D9;
    text-decoration: none; 
}
.cookies > div > div > a.fechar { 
    display: block;
    float: left;
    background: url('../images/close-cookies.png') no-repeat 0 0;
    width: 14px;
    height: 42px;
    text-indent: -5000px;
}
.cookies > div > div > a.fechar:hover {
    background: url('../images/close-cookies.png') no-repeat 0 -42px;
}

.headWrapper .topMenu-wrap{
    float: right;
    padding-right: 50px;
}

.headWrapper .topMenu{
    background: -moz-linear-gradient(top, #D4D4D4 0%, #BABABA 100%);
    background: -webkit-linear-gradient(top, #D4D4D4 0%,#BABABA 100%);
    background: linear-gradient(to bottom, #D4D4D4 0%,#BABABA 100%);
    height: 34px;
    display: table;
    table-layout: auto;
    padding: 0 14px;
    margin: 0;
    float: right;
}
.headWrapper .topMenu  > div {
    display: table-cell;
    vertical-align: middle;
}
.headWrapper .topMenu  > div.contactos {
    background: url('../images/separador-vertical.png') no-repeat right center;
    padding: 0 14px 0 0;
}
.headWrapper .topMenu  > div.contactos > a {
    text-transform: uppercase;
    color: #7F7F7F;
    font: bold 9px Arial, sans-serif;
}
.headWrapper .topMenu  > div.contactos > a:hover {
    color: #DF7F1E;
}

.headWrapper .topMenu  > div.idiomas {
    background: url('../images/separador-vertical.png') no-repeat right center;
    padding: 0 14px 0 14px;
}
.headWrapper .topMenu  > div.idiomas > ul {
    margin: 0;
    padding: 0;
}
.headWrapper .topMenu  > div.idiomas > ul > li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    font: bold 9px Arial, sans-serif;
}
.headWrapper .topMenu  > div.idiomas > ul > li.active a{
    color: #DF7F1E;
}
.headWrapper .topMenu  > div.idiomas > ul > li > a {
    color: #7F7F7F;
}
.headWrapper .topMenu  > div.idiomas > ul > li > a:hover {
    color: #DF7F1E;
}

.headWrapper .topMenu  > div.login {
    position: relative;
    background: url('../images/separador-vertical.png') no-repeat right center;
    padding: 0 14px 0 14px;
}
.headWrapper .topMenu  > div.login > a {
    color: #7F7F7F;
    text-transform: uppercase;
    font: bold 9px Arial, sans-serif;
    padding-top: 11px;
}
.headWrapper .topMenu  > div.login > a:hover {
    color: #DF7F1E;
}

input.download[type="submit"] {
	color: #666;
	float: left;
	font: 600 12px Arial,sans-serif!important;
	height: 21px;
	padding: 3px;
	text-align: center;
	width: 119px;
	background: #A4BE05;
	text-transform: uppercase;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

input.download[type="submit"]:hover {
	color:#000000;
}

.caixaLogin {
    display: none;
    top: 35px;
    right: -33px;
    position: absolute; z-index: 1000;
	/*
    background: #323232 url('../images/caixa-login.png') no-repeat 0 0;
	*/
    background: #323232;
	
    width: 260px;
	padding: 20px 20px 20px 20px;
    -webkit-transition: all .25s ease; -moz-transition: all .25s ease;
    -ms-transition: all .25s ease; -o-transition: all .25s ease;
    transition: all .25s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.caixaLogin > div.topo {
    display: block;
    top: -9px;
    left: 0px; position: absolute;
    background: url('../images/topo-caixaLogin.png') no-repeat 0 0;
    width: 260px; height: 9px;
}
.caixaLogin > div.head {
    display: block;
    margin: 0 0 10px 0;
}
.caixaLogin > div.head > div.titulo {
    display: block;
    margin: 0 0 0 0;
    color: #D9D9D9;
    float: left;
    text-transform: uppercase;
}
.caixaLogin > div.head > div.fechar {
    display: block;
    float: right;
    margin: -23px -10px 0 0;
}
.caixaLogin > div.head > div.fechar > a {
    display: block;
    background: url('../images/btn-close-caixaLogin.png') no-repeat 0 -15px;
    width: 13px;
    height: 23px;
    text-indent: -5000px;
    -webkit-transition: .0s ease-in-out;
    -moz-transition: .0s ease-in-out;
    -ms-transition: .0s ease-in-out;
    -o-transition: .0s ease-in-out;
    transition: .0s ease-in-out;
}
.caixaLogin > div.head > div.fechar > a:hover {
    background: url('../images/btn-close-caixaLogin.png') no-repeat 0 8px;
}
.caixaLogin form > input[type="password"],
.caixaLogin form > input[type="text"]{
    display:block;
    float: right;
    background: white;
    width: 114px;
    height: 18px;
    font: 400 12px Arial, sans-serif;
    color:#999999;
    padding: 0 10px 0 10px;
    margin: 0px 0 15px 7px;
    border: 0;
}
.caixaLogin form > span.login,
.caixaLogin form > span.password {
    display: block;
    float: left;
    font:400 10px Arial, sans-serif;
    color:#999999;
    text-transform: uppercase;
    padding: 5px 0 0 0;
    width: 25%;
}
.caixaLogin > div.buttons {
    display:table;
    width: 100%;
    margin: 25px 0 0px 0;
}
.caixaLogin > div > span {
    display:table-cell;
    text-align: right;
    vertical-align: middle;
}
.caixaLogin > div > span:first-child {
    text-align: left;
    width: 70%;
}
.caixaLogin > div > span > a.login {
    background: #A0BA04;
    font:bold 10px Arial, sans-serif;
    color:#5D5A59;
    padding: 3px 20px;
    display: block;
	float: right;
    text-transform: uppercase;
}
.caixaLogin > div > span > a:hover.login {
    background: #D46900;
    color:#FFFFFF;
}
.caixaLogin > div > span > a.recuperar {
    text-align: left;
    font:normal 10px Arial, sans-serif;
    color:#008CBD;
    display: block;
}
.caixaLogin > div > span > a:hover.recuperar {
    color:#999;
}
.caixaLogin > div > span > a.registar {
    text-align: left;
    font:normal 10px Arial, sans-serif; 
    color:#E3C000;
    display: block;
    text-transform: uppercase;
    width: 100%;
}
.caixaLogin > div > span > a:hover.registar {
    color:#999;
}


.headWrapper .topMenu  > div.carrinho {
    background: url('../images/separador-vertical.png') no-repeat right center;
    padding: 0 14px 0 14px;
}
.headWrapper .topMenu  > div.carrinho > a {
    background: url('../images/icone-carrinho.png') no-repeat 0 0;
    height: 34px;
    color: #7F7F7F;
    font: bold 9px Arial, sans-serif;
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 29px;
}
.headWrapper .topMenu  > div.carrinho > a:hover {
    background: url('../images/icone-carrinho.png') no-repeat 0 -34px;
    color: #DF7F1E;
}

.headWrapper .topMenu  > div.pesquisa {
    padding: 0 0 0 14px;
}
.headWrapper .topMenu  > div.pesquisa > form > input[type="text"]{
    display:block;
    width: 69px; 
    height: 21px;
    border: 0;
    margin: 1px 0 0 0;
    padding: 0 10px;
    font: normal 11px Arial, sans-serif;
    color: #999999;
    float: left;
	background-color: #E0E0E0;
	border: 1px solid #BBBBBB;
	border-right: none;
}
.headWrapper .topMenu  > div.pesquisa > form > input[type="submit"]{
    display:block;
    background: url('../images/btn-pesquisa.png') no-repeat 0 center;
    width: 25px;
    height: 25px;
    border: 0;
    margin: 0;
    padding: 0 0px;
    text-indent: -5000px;
    float: left;
	cursor: pointer;
}

.headWrapper .divOpiniaoClientes {
  background: rgba(0, 0, 0, 0) url("../images/btn-opiniaoClientes.png") no-repeat scroll 0 0;
  display: block;
  height: 61px;
  margin: 23px 0 0 0;
  width: 116px;
  float: right;
}

.headWrapper .divOpiniaoClientes > a {
    display: block;
    width: 71px;
    height: 27px;
    color: #fff;
    padding: 5px 0 0 45px;
    font: bold 9px Arial, Sans-serif;
    text-transform: uppercase;
}
.headWrapper .divOpiniaoClientes > a:hover {
    opacity: 0.5;
}

.menuTopo {
    display: block;
    background: #D7D7D7;
    float: left;
    width: 100%;
}
.menuTopo > ul {
    display: table;
    table-layout: auto;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px 0 30px;
    position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.menuTopo > ul > li {
    display: table-cell;
    text-align: left;
    list-style: none;
    height: 60px;
}
.menuTopo > ul > li > a {
	display: block;
    height: 42px;
    font: bold 18px Arial, Sans-serif;
    color: #4C4C4C;
    padding: 18px 0 0 20px;
    text-transform: uppercase;
    background: transparent url('../images/seta-menu.png') no-repeat 90% -60px;
}
.menuTopo > ul > li > a.hover,
.menuTopo > ul > li > a:hover {
    color: #DFDFDF;
    background-color: #8C8C8C;
	background-position: 90% 0px;
}
.menuTopo > ul > li > ul {
    display: none;
    table-layout: auto;
    text-align: left;
    list-style: none;
    position: absolute;
    background: #8C8C8C;
    width: 1024px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    padding: 30px 0px 5px ;
    left: 0;
    z-index: 1000;
    top: 60px;
}
.menuTopo > ul > li > ul > div > li {
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 32.7%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    padding: 0 42px 0 42px;
    margin-bottom: 25px;
    color: #DFDFDF;
    border-left: 1px solid #B3B3B3;
    vertical-align: top;
}
.menuTopo > ul > li > ul > div.menusCat > li {
    width: 24.7%!important;
}
.menuTopo > ul > li > ul > div.menusCat > li:first-of-type{
    border-left: 1px solid transparent;
}
.menuTopo > ul > li > ul > div > li.texto {
    padding: 0 20px 0 48px;
    font: normal 10px Arial, Sans-serif;
}
.menuTopo > ul > li > ul > div.texto {
    padding: 0 20px 0 48px;
    font: normal 12px Arial, Sans-serif;
	float:left;
	width:24.7%;
	height:100%;
	padding: 0; 
	list-style: none; 
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 30px 0 42px;
	margin-bottom: 25px;
	color: #DFDFDF;
	vertical-align: top;
}
.menuTopo > ul > li > ul > div.menus {
	float:left;
	width:75%;
}
.menuTopo > ul > li > ul > div.menusCat {
	float:left;
	width:100%;
}
.menuTopo > ul > li > ul > div > li > a {
    padding: 0;
    margin: 0;
}
.menuTopo > ul > li > ul > div > li  a:hover {
    opacity: 0.5;
}
.menuTopo > ul > li > ul > div > li > a > span {
    display: block;
    color: #DFDFDF;
    font: bold 14px Arial, Sans-serif;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.menuTopo > ul > li > ul > div > li > ul {
    color: #DFDFDF;
    padding: 0;
}
.menuTopo > ul > li > ul > div > li > ul > li {
    list-style: none;
    font: 15px Arial, Sans-serif;
}
.menuTopo > ul > li > ul > div > li > ul > li:first-of-type {
    text-transform: uppercase;
    font: bold 14px Arial, Sans-serif;
    margin-bottom: 15px;
}
.menuTopo > ul > li > ul > div > li > ul > li > a{
    color: #DFDFDF;
}
.menuTopo > ul > li:hover > ul,
.menuTopo > ul > li > a:hover > ul {
    /*visibility: visible;
    opacity: 1;*/
    top:60px;
    /*transition-delay:0s;*/
}
.menuTopo > ul > li > ul.normal {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}
.menuTopo > ul > li > ul.normal > div > li{
    border: none;
    width: auto;
}
.menuTopo > ul > li > ul.normal > div > li > a{
    color: #DFDFDF;
    font: bold 14px Arial, Sans-serif;
}


/**** Choco-Slider ****/
#slider {
  height: 200px;
  width: 560px;
  visibility:hidden;
}
.chocoslider {
  position:relative;
  margin-bottom: 50px;
}

.chocoslider img {
  position:absolute;
  top:0px;
  left:0px;
}

.chocoslider a.choco-imageLink {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  z-index:60;
  display:none;
}

.choco-slice {
  display:block;
  position:absolute;
  z-index:50;
  height:100%;
}

.choco-title {
    bottom: 15px;
    display: block;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 89;
}



.choco-title p {
    background-color: rgba(0,0,0,0.5);
    display: inline-block;
    padding: 20px 60px;
    color: #bbd601;
    font: bold 34px Arial,sans-serif;
    max-width: 90%;
    text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.3);
}

.choco-title a {
  display:inline !important;
}

.choco-html-title {
    display:none;
}

.choco-controlNavigation {
  bottom: 15px;
  position: absolute;
  left: 0;
  width: 1024px;
  text-align: center;
  z-index: 100;
}

.choco-controlNavigation a {
  text-indent: -999999px;
  text-transform:uppercase;
    text-decoration:none;
    height:17px;
    width:17px;
    display:inline-block;
    cursor: pointer;
    background: transparent url('../images/paginador-destaqueGrandeHome.png') center bottom no-repeat;
    outline: none;
    margin: 0 10px 0 0;
}

.choco-controlNavigation a.active {
  background: transparent url('../images/paginador-destaqueGrandeHome.png') center top no-repeat;
}


.blocosHome{
    display: table;
    table-layout: auto;
    width: 100%;
    margin: 40px 0;
    float: left;
}
.borderTopBocosInterior {
    background: url('../images/border-top-BlocosInterior.png') no-repeat center top;
    padding: 20px 0 0 0;
}
.blocosHome > div {
    display: table-cell;
    width: 50%;
    padding: 0 70px;
}
.blocosHome > div > h3 {
    text-transform: uppercase;
    color: #A0BA05;
    font: bold 18px Arial, Sans-serif;
    margin: 0 0 20px 0;
    padding: 0;
}
.blocosHome > div > div.texto {
    color: #4C4C4C;
    font: normal 12px Arial, Sans-serif;
    line-height: 160%;
}
.blocosHome > div > a {
    display: inline-block;
    color: #A0BA05;
    font: bold 14px Arial, Sans-serif;
    line-height: 160%;
    margin: 40px 0 0 0;
}
.blocosHome > div > a:hover {
    color: #DF7F1E;
}

.blocosHome > div.redesSociais {
    display: table-cell;
    vertical-align: middle;
}
.blocosHome > div.more {
    width: 65%;
    padding: 0 0px 0 95px;
}
.blocosHome > div.face {
    width: 35%;
    padding: 0 0 0 70px;
}
.blocosHome > div.face > div {
    color: #A0BA05;
    font: bold 12px Arial, Sans-serif;
    margin: 0 0 10px 0;
}
.blocosHome > div.more > div {
    color: #666666;
    font: bold 14px Arial, Sans-serif;
    text-transform: uppercase;
}
.blocosHome > div.more > div.label {
    padding: 7px 40px 0 0;
    height: 21px;
    float: left;
}
.blocosHome > div.more > div > a{
    font-size: 0;
    margin: 0 10px 0 0;
    display: inline-block;
    width: 28px;
    height: 28px;
    float: left;
}

.blocosHome > div.more > div > a.facebook {  
    background: url('../images/icon-facebook.png') no-repeat 0 0;
}
.blocosHome > div.more > div > a.twitter {
    background: url('../images/icon-twitter.png') no-repeat 0 0;  
}
.blocosHome > div.more > div > a.skype {
    background: url('../images/icon-skype.png') no-repeat 0 0;
}
.blocosHome > div.more > div > a:hover {
    opacity: 0.5;
}

.blocosHomeSingle {
    display: block;
    background: #DADADA url('../images/img-lanyardsManiaco.png') no-repeat right top;
    padding: 35px 0;
    min-height: 180px;
    float: left;
    width: 100%;
}
.blocosHomeSingle > div {
    display: block;
    margin:  0 70px;
    width: 320px;
}
.blocosHomeSingle > div > h3 {
    display: block;
    text-transform: uppercase;
    margin: 0 0 25px 0;
    padding: 0;
    color: #A0BA05;
    font: bold 18px Arial, Sans-serif;
}
.blocosHomeSingle > div > h3 > span {
    color: #D46A00;
}
.blocosHomeSingle > div > div.texto {
    color: #4C4C4C;
    font: normal 12px Arial, sans-serif;
}
.blocosHomeSingle > div > a {
    color: #A0BA05;
    font: bold 14px Arial, sans-serif;
    display: inline-block;
    margin: 35px 0 0 0;
    text-transform: uppercase;
}
.blocosHomeSingle > div > a:hover {
    color: #D46A00;
}

.blocosHomeSingle.direita > div {
    float: right;
    text-align: right;
}

#boxtop{
	width:340px;
	float: right;
	height: 115px;
        margin-right: 50px;
}

#boxtop #loginbox_pt{
	width:185px;
	margin-right:10px;
	display:block;
	background-repeat: no-repeat;
	padding: 29px 10px 7px;
	float:left;
	margin-top:45px;
}
#boxtop #loginbox_en{
	width:185px;
	margin-right:10px;
	display:block;
	background-repeat: no-repeat;
	padding: 29px 10px 7px;
	float:left;
	margin-top:45px;
}
#boxtop #loginbox_es{
	width:185px;
	margin-right:10px;
	display:block;
	background-repeat: no-repeat;
	padding: 29px 10px 7px;
	float:left;
	margin-top:45px;
}
#boxtop #loginbox_fr{
	width:185px;
	margin-right:10px;
	display:block;
	background-repeat: no-repeat;
	padding: 29px 10px 7px;
	float:left;
	margin-top:45px;
}
#boxtop #cartbox {
	position:relative;
	width:110px;
	display:block;
	background-image:url('../img/carrinhoBox.jpg');
	background-repeat:repeat-x;
	float:left;
	margin-top:45px;
	height: 28px;
	padding: 35px 0px 10px 10px;
}
#boxtop #cartbox a.ancora {
	position:absolute;
	top:0;
	left:0;
	width:120px;
	height:68px;
}
#boxtop #loginbox_pt .inputs{
	height: 11px;
	border: solid 1px #8e8d8d;
	width: 110px;
	font-size: 10px;
	color: #666666;
	padding-bottom:1px;
	margin: 1px 0;
}
#boxtop #loginbox_es .inputs{
	height: 11px;
	border: solid 1px #8e8d8d;
	width: 110px;
	font-size: 10px;
	color: #666666;
	padding-bottom:1px;
	margin: 1px 0;
}
#boxtop #loginbox_en .inputs{
	height: 11px;
	border: solid 1px #8e8d8d;
	width: 110px;
	font-size: 10px;
	color: #666666;
	padding-bottom:1px;
	margin: 1px 0;
}
#boxtop #loginbox_fr .inputs{
	height: 11px;
	border: solid 1px #8e8d8d;
	width: 110px;
	font-size: 10px;
	color: #666666;
	padding-bottom:1px;
	margin: 1px 0;
}

#boxtop #loginbox_pt{
	background-image:url('../img/pt/loginBox_pt.jpg');
}

#boxtop #loginbox_en{
	background-image:url('../img/en/loginBox_en.jpg');
}

#boxtop #loginbox_es{
	background-image:url('../img/es/loginBox_es.jpg');
}

#boxtop #loginbox_fr{
	background-image:url('../img/fr/loginBox_fr.jpg');
}

.loginboxleft{
	display:block;
	float:left;
	width:112px;
	margin-right:10px;
}
.loginboxright{
	display:block;
	float:left;
	width:58px;
}
.loginboxloged{
	display:block;
	float:left;
	height: 28px;
	margin-top: 12px;
}
.loginboxloged .userdata{
	display:block;
	float:left;
	margin-left: 33px;
	font-size: 9px;
	color: #666666;
	width: 150px;
}
.loginboxloged .userdata a{
	font-size: 9px;
}
.loginbtn{
	border:none;
	background-color: #f3f3f3;
	padding: 0px;
	margin: 1px 0 4px -2px;
	cursor:pointer;
}

.carrinhoOut_pt {
	float:left;
	width:150px;
	background: transparent url('../img/pt/carrinho.gif') no-repeat;
	padding: 26px 0 0 0;
	margin:0 2px 0 0
}

.carrinhoOut_en {
	float:left;
	width:150px;
	background: transparent url('../img/pt/carrinho.gif') no-repeat;
	padding: 26px 0 0 0;
	margin:0 2px 0 0
}

.carrinhoOut_es {
	float:left;
	width:150px;
	background: transparent url('../img/pt/carrinho.gif') no-repeat;
	padding: 26px 0 0 0;
	margin:0 2px 0 0
}

.carrinhoOut_fr {
	float:left;
	width:150px;
	background: transparent url('../img/pt/carrinho.gif') no-repeat;
	padding: 26px 0 0 0;
	margin:0 2px 0 0
}
	
.carrinhoIn {
	float:left;
	width:150px;
	height: 40px;
	padding:3px 0 0 0;
	background: transparent url('../img/backgroundCarrinho.jpg') no-repeat;
}
	
.carrinhoContents {
	float:left;
	width:100px;
	margin: 2px 0 0 50px;
	display:inline;
}	

.registoOut {
	float:left;
	width:178px;
	background: transparent url('../img/login.gif') no-repeat;
	padding: 26px 0 0 0;
}
	
.registoIn {
	float:left;
	width:178px;
	height: 40px;
	padding:0;
}

.LoginIn {
	float:left;
	text-align:left;
	height: 40px;
	padding:3px 5px 3px 2px;
}

.benvindo{
	font-family:Verdana;
	font-size:11px;
	color:#99cc00;
}

.logout{
	color:#99cc00!important;
}

.registoForm {
	float:left;
	margin:0;
	width:90px;
	height:14px;
	border:1px solid #999999;
	font-size:10px;
	color:#666666;
	background:none;
	text-align:left;
	/*font-family:'Gill Sans MT', Arial, Helvetica, sans-serif;*/
}

.breadcrumbs,
.titulo_cont {
    color: #99cc00 !important;
    font: bold 24px Arial,sans-serif;
    margin: 39px 0 10px;
    padding: 0;
    text-transform: uppercase;
}


.contentWrapperBottom {
	width:965px;
	margin:7px 0 0 0;
	padding:16px 0 16px 29px;
	float:left;
	background:#FFFFFF;
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#BAD405;
}

.flashWrapperFloat1 {
	float:left;
	margin:0;
	padding:0;
	width:305px;
}

.flashWrapper1 {	
	float:left;
	margin:4px 0 0 0;
	padding:0;
	width:305px;
	height:178px;
	border: 1px solid #BAD405;
}
	
.flashWrapperFloat2 {
	float:left;
	margin:0;
	padding:0 0 0 25px;
	width:305px;
}

.flashWrapper2 {	
	float:left;
	margin:4px 0 0 0;
	padding:0;
	width:305px;
	height:178px;
	border: 1px solid #BAD405;
}
	
.flashWrapperFloat3 {
	float:left;
	margin:0;
	padding:0 0 0 25px;
	width:305px;
}

.flashWrapper3 {	
	float:left;
	margin:4px 0 0 0;
	padding:0;
	width:305px;
	height:178px;
	border: 1px solid #BAD405;
}		

.flash_inicial {
	float:left;
	width:367px;
	height:296px;
	border:1px solid #D1D1D1;
}

.nome_modelo{
    float:left;
    width:150px;
}

.nome_modelo:last-of-type{

	padding-bottom: 0px;
}

.lista-wrap{
    float: left;
    margin-top: 22px;
    width: 370px;
    display: table;
    table-layout: auto;
}

.lista-wrap .lista{
    width: 60%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    padding: 0 5px 0 0;
}
.lista-wrap .lista .small5 a,
.lista-wrap .lista .nome_modelo{
    width: 100%;
}

.lista-wrap .lista .nome_modelo{
    margin-bottom: 3px;
}

.lista-wrap .lista .nome_modelo:last-of-type{
    margin-bottom: 0;
}

.lista-wrap .descricao_modelo_volta{
	background: #a1bb05 none repeat scroll 0 0;
	color: #4c4c4c;
	font: 11px Arial,sans-serif;
	padding: 10px;
	width: 40%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.lista-wrap .descricao_modelo_volta .descricao_modelo{
    width: 100%;
}

.lista-wrap .descricao_modelo_volta .descricao_modelo *{
    color: #4c4c4c !important;
}

.lista-wrap .descricao_modelo_volta .descricao_modelo .MsoNormal:first-of-type > span >span{
        display: block;
    font: bold 11px Arial,sans-serif;
    margin: 0 0 10px;
    text-transform: uppercase;
}


.lista-wrap > div {
    display: table-cell;
    vertical-align: top;
}

.descricao_modelo {
	float:left;
	width:190px;
	padding-top:2px;
	display:none;
}

#inscricao_nr_cores {
    border: 1px solid #a1bb05;
    color: #7f7f7f;
    display: block;
    font: 12px Arial,sans-serif;
    width: 100%;
    padding: 5px;
}
#obs_personalizacao_texto,
#obs_acessorio_texto,
#obs_cor_texto,
#obs_qualidade_texto,
#obs_modelo_texto{
    border: 1px solid #a1bb05;
    color: #7f7f7f;
    display: block;
    font: 12px Arial,sans-serif;
    height: 150px;
    padding: 5px;
    width: 370px;
    resize: vertical;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#obs_cores_logo_info,
#obs_cores_info > div{
    width: 100%;
}

.titulos_simulador {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-transform:uppercase;
	padding-top:11px;
}
.titulos_simulador_obs {
    color: #7f7f7f;
    display: block;
    font: bold 12px Arial,sans-serif;
    margin: 0 0 5px;
}

h4.titulos_simulador {
    background: #dadada none repeat scroll 0 0;
    color: #7f7f7f;
    display: block;
    font: bold 12px Arial,sans-serif;
    margin: 0 0 15px;
    padding: 5px 15px;
    text-transform: uppercase;
    width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    float: left;
}

.boxWidth {
	clear: both;
	width: 370px;
}
.boxWidth > #largura {
	display: block;
	width: 100%;
	clear: both;
	text-align: center;
}
.boxWidth > #largura > #largura_fundo {
	background-color: #FFFFFF;
	display: inline-block;
	margin: 0 auto;
}
.boxWidth .boxWidths {
	display: block;
	text-align: center;
}
.boxWidth .boxWidths > .item {
	display: inline-block;
	margin: 0 5px 0 0;
}

.boxLength {
	clear: both;
	display: block;
	float: left;
	margin: 30px 0 0;
	width: 370px;
}
.boxLength > .content {
	clear: both;
	padding: 0 10px;
}
.boxLength > .content #length_txt {
	margin: 5px 0 0 0;
}

.boxColors {
	float:left;
	padding-top:30px;
	width:370px;
}
.boxColors > .colorsList {
	float: left;
	width: 100%;
}
.boxColors > .colorsList > .item-color {
    display: block;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    box-shadow: 0 0 0 1px #6f6d73 inset;
    color: #4c4c4c;
    font: 10px Arial,sans-serif;
    margin: 0 0 3px 3px;
    padding: 3px;
    width: 59px;
    min-height: 100px;
    vertical-align: top;
}
.boxColors > .colorsList > .item-color.active,
.boxColors > .colorsList > .item-color:hover {
    box-shadow: 0 0 0 2px #a1bb05 inset;
}
.boxColors > .colorsList > .item-color:nth-child(6n+1) {
    margin-left: 0;
}
.boxColors > .colorsList > .item-color > .cor-box {
    width: 51px;
    height: 49px;
	border: 1px solid transparent;
}
.boxColors > .colorsList > .item-color > .texto{
    display: block;
    margin: 0;
    padding: 0 2px;
    text-transform: uppercase;
}
.boxColors > .notification {
	float:left;
	padding-top:40px;
	width:370px;
	color:red;
	font-size:11px;
}

h4.titulos_simulador > a{
    float: right;
}

#radio_container{
    margin-bottom: 15px;
}

.radio-wrap{
    padding: 0 10px 0 0 !important;
}


.outras-cores{
    color: #7f7f7f;
    display: block;
    font: bold 12px Arial,sans-serif;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.panelAcessories > .preview {
	display: block;
	float: left;
    width: 367px;
    border: 2px solid #dadada;
    margin: 0 0 14px 0;
	overflow: hidden;
	background-color: #FFF;
}
.panelAcessories > .preview > .image {
	float: left;
    width: 367px;
	height: 298px;
	text-align: center;
}
.panelAcessories > .preview > .image > img {
	width: 367px;
	height: 298px;
}
.panelAcessories > .preview > .titulos_simulador {
	margin-bottom: 0;
}
.panelAcessories > .boxItems {
	float: left;
	width: 372px;
}
.panelAcessories > .boxItems > .category {
	display: block;
	float: left;
	width: 100%;
	clear: both;
	margin: 2px 0 0 0;
}
.panelAcessories > .boxItems > .category > span {
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	color: #000000;
	background: #b4b4b4 url("../images/arrow01.png") no-repeat scroll 95% center;
	transition: background 0.3s ease 0s, padding 0.3s ease 0s;
	padding: 8px 8px 7px 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}
.panelAcessories > .boxItems > .category > span:hover,
.panelAcessories > .boxItems > .category.active > span {
	background-color: #a1bb05;
	background-position: 90% center;
	padding-left: 10px;
}
.panelAcessories > .boxItems > .category > span > span {
	background-color: #D6D6D6;
    display: inline-block;
    margin-right: 10px;
    padding: 2px 8px;
}
.panelAcessories > .boxItems > .category > .items {
	display: none;
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.panelAcessories > .boxItems > .category > .items > .item {
	position: relative;
	display: block;
	float: left;
	background-color: #BCBBB9;
	width: 85px;
	height: 122px;
	padding: 3px;
	margin: 15px 2px 0 0;
}
.panelAcessories > .boxItems > .category > .items > .item:nth-child(4n+5) {
	clear: left;
}

.panelAcessories > .boxItems > .category > .items > .item:hover,
.panelAcessories > .boxItems > .category > .items > .item.active {
	background-color: #a1bb05;
}
.panelAcessories > .boxItems > .category > .items > .item.active > .close {
	display: block;
}
.panelAcessories > .boxItems > .category > .items > .item > .close {
	display: none;
	position: absolute;
	top: -15px;
	right: 0;
	color: #A3C823;
	cursor: pointer;
	width: 20px;
	height: 20px;
	text-align: right;
}
.panelAcessories > .boxItems > .category > .items > .item > .close:hover {
	color: red;
}
.panelAcessories > .boxItems > .category > .items > .item > .image {
	width: 85px;
	height: 85px;
	background-color: #FFFFFF;
	overflow: hidden;
	margin: 0 0 5px 0;
}
.panelAcessories > .boxItems > .category > .items > .item > .ref {
	display: block;
	color: #000;
}
.panelAcessories > .boxItems > .category > .items > .item > .euro {
	display: block;
	color: #000;
	font-weight: bold;
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: -1px;
}
.panelAcessories > .boxItems > .category > .items > .item > .popup {
	position: absolute;
	display: none;
	float: left;
	left: 50%;
	top: 50%;
	z-index: 10;
	border: 2px solid #A1BB05;
	background: #FFF;
}
.panelAcessories > .boxItems > .category > .items > .item > .anchor {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.panelPersonalization {
	display: block;
	width: 367px;
	float: left;
}
.panelPersonalization > .itemGroup {
	display: none;
	clear: both;
	width: 100%;
	margin: 0 0 25px 0;
	float: left;
}
.panelPersonalization > .itemGroup > .header {
	display: block;
	float: left;
	margin: 0 0 0 0;
	padding: 7px 5px 4px 15px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #dadada none repeat scroll 0 0;
}
.panelPersonalization > .itemGroup > .header > .title {
	display: block;
	float: left;
	font: bold 12px Arial,sans-serif;
	text-transform: uppercase;
	color: #7f7f7f;
}
.panelPersonalization > .itemGroup > .header > .help {
	display: block;
	float: right;
	width: 14px;
	height: 14px;
	background: transparent url('../img/iconeInfo.png') no-repeat center center;
}
.panelPersonalization > .itemGroup > .content {
	display: block;
	clear: both;
	margin-top: 4px;
	float: left;
	width: 100%;
}
.panelPersonalization > .itemGroup > .content.nrcolors > label {
	margin: -5px 5px 0 0;
	display: inline-block;
	vertical-align: middle;
}
.panelPersonalization > .itemGroup > .content > .itemGroup {
	float: left;
	padding: 0 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 4px;
	width: 100%;
}
.panelPersonalization > .itemGroup > .content > .itemGroup > .header {
	background-color: #B4B4B4;
	margin-bottom: 0;
	padding: 6px 15px 4px 15px;
	font-weight: bold;
}
.panelPersonalization > .itemGroup > .content > .itemGroup > .header:hover,
.panelPersonalization > .itemGroup > .content > .itemGroup.active > .header {
	background-color: #A1BB05;
}
.panelPersonalization > .itemGroup > .content > .itemGroup > .header.arrow {
	float: left;
	display: block;
	width: 100%;
	background-image: url("../images/arrow02.png");
	background-repeat: no-repeat;
	background-position: 98% -16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.panelPersonalization > .itemGroup > .content > .itemGroup > .header > .title {
	float: left;
	display: block;
	color: #000000;
	text-transform: none;
	font-size: 11px;
	text-transform: uppercase;
	padding: 3px 0 
}
.panelPersonalization > .itemGroup > .content > .itemGroup > .content {
	float: left;
	background-color: #F0F0F0;
	padding: 5px;
	width: 100%;
	margin: 0 0 10px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.panelPersonalization > .itemGroup > .content > .itemGroup > .content > .itemGroup > .header {
	display: block;
	clear: both;
	background-color: #dadada;
	margin-bottom: 0;
	font-weight: bold;
	margin-top: 10px;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 5px 4px 5px;
}
.panelPersonalization > .itemGroup > .content > .itemGroup > .content > .itemGroup > .header > .title {
	text-transform: uppercase;
}
.panelPersonalization > .itemGroup > .content > .itemGroup > .content > .itemGroup > .content {
	float: left;
	padding: 5px 0px 5px 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.panelPersonalization > .itemGroup > .content > .itemGroup > .content > .itemGroup > .content textarea.obs {
	width: 100%;
	height: 50px;
	border:1px solid #BBBBBD;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.panelPersonalization > .itemGroup.personalizationType > .content {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	margin-top: 3px;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > span.config {
	position: absolute;
	top: 6px;
	left: -22px;
	display: block;
	width: 16px;
	height: 16px;
	background: transparent url("../images/settings16.png") no-repeat center center;
	cursor: pointer;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > div.config {
	display: none;
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	border: 4px solid #CCC;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > div.config textarea {
	height: 400px;
}


.panelPersonalization > .itemGroup.personalizationType > .content > ul {
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
}
.panelPersonalization > .itemGroup.personalizationType > .content > ul > li {
	float: left;
	background: #b4b4b4 url("../images/arrow02.png") no-repeat scroll 95% 2px;
	color: #4c4c4c;
	display: inline-block;
	font: bold 11px Arial,sans-serif;
	margin: 0 0 3px;
	padding: 5px 15px;
	width: 182px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: padding-left ease 0.3s, background-color ease 0.3s;
	cursor: pointer;
}
.panelPersonalization > .itemGroup.personalizationType > .content > ul > li:nth-child(even) {
	margin-left: 3px;
}
.panelPersonalization > .itemGroup.personalizationType > .content > ul > li.active,
.panelPersonalization > .itemGroup.personalizationType > .content > ul > li:hover {
	background-color: #a1bb05;
	color: #4c4c4c;
}
.panelPersonalization > .itemGroup.personalizationType > .content > ul > li:hover {
	padding-left: 20px;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab {
	display: none;
	padding: 0;
	float: left;
	width: 100%;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > .frmInscription {
	display: block;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > .frmInscription > .row {
	display: block;
	clear: both;
	margin: 0 0 10px 0;
	float: left;
	width: 100%;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > .frmInscription > .row > .field {
	display: block;
	float: left;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > .frmInscription > .row > .field:last-child {
	margin-right: 0;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > .frmInscription > .row.one-column > .field {
	width: 100%;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > .frmInscription > .row.three-columns > .field {
	width: 30%;
	margin-right: 5%;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > .frmInscription > .row.three-columns > .field:last-child {
	margin-right: 0;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > .frmInscription > .row > .field > label {
	position: relative;
	display: block;
	float: left;
	clear: both;
	font-weight: bold;
	margin: 0 0 2px 0;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > .frmInscription > .row > .field > label.help {
	padding-right: 20px;
	background: transparent url('../img/iconeInfo.png') no-repeat right -1px;
}
.panelPersonalization > .itemGroup.personalizationType > .content .row > .field input[type="text"],
.panelPersonalization > .itemGroup.personalizationType > .content .row > .field select,
.panelPersonalization > .itemGroup.personalizationType > .content .row > .field textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #A1BB05;
	padding: 3px 2px 3px 2px;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > .frmInscription > .row .legend {
	display: block;
	clear: left;
	color: #AAA;
	margin: 2px 0 0 0;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > .frmInscription > .row > .field.image {
	clear: both;
	position: relative;
	float: left;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > .frmInscription > .row > .field.image {
	display: block;
	position: relative;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > .frmInscription > .row > .field.image > label {
	display: block;
	clear: both;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > .frmInscription > .row > .field.image > input[type='file'] {
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: right;
	z-index: 2;
	color: #FFFFFF;
	width: 366px;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > .frmInscription > .row > .field.image > input[type='text'] {
	width: 280px;
	color: #A2A2A2;
	float: left;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > .frmInscription > .row > .field.image > input[type='text'].error {
	background-color: #f8b3b3;
	border-color: red;
}
.panelPersonalization > .itemGroup.personalizationType > .content > .tab > .frmInscription > .row > .field.image > input[type='button'] {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fdfdfd 0%, #d2d1d1 100%) repeat scroll 0 0;
    border: 1px solid #7f7f7f;
    color: #000 !important;
	float: left;
    display: block;
    font: bold 12px Arial,sans-serif;
    margin: 0 0 0 5px;
    padding: 3px 13px 3px 10px;
    text-align: center;
}

.specificColor {
	display: block;
	float: left;
	width: 100%;
	height: 120px;
}
.specificColor .simpleColorContainer {
	margin: 0 auto;
	width: 180px;
}
.specificColor .simpleColorContainer > .simpleColorDisplay-wrap {
	float: right;
}
.specificColor .simpleColorContainer > .simpleColorDisplay-wrap.active {
	background-color: #a1bb05 !important;
	cursor: pointer;
}
.specificColor .simpleColorContainer > .simpleColorDisplay-wrap > .pantone {
	clear: both;
	color: #333333;
	display: block;
	float: left;
	font-size: 10px;
	margin: 6px 0 0;
	text-align: center;
	width: 100%;
}
.specificColor .simpleColorContainer > .simpleColorDisplayButton-wrap {
	display: block;
	float: left;
	margin: 29px 0 0;
}


.boxQualityColors {
	display: block;
	width: 100%;
	float: left;
}
.boxQualityColors > .item {
	float: left;
	display: block; 
	width: 69px; 
	height: 115px; 
	border: 1px solid #bbbbbd;
	background-color: #FFFFFF;
	margin: 0 3px 3px 0;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2px;
}
.boxQualityColors > .item:hover {
	border-color: #A1BB05;
	background-color: #FFFFE1;
}
.boxQualityColors > .item.active {
	background-color: #A1BB05;
}
.boxQualityColors > .item:nth-child(5n) {
	margin-right: 0;
}
.boxQualityColors > .item:nth-child(5n + 1) {
	clear: left;
}
.boxQualityColors > .item > .preview {
	display: block;
	width: 63px;
	height: 63px;
	border: 1px solid #CCC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 5px 0;
}
.boxQualityColors > .item > .name,
.boxQualityColors > .item > .pantone {
	color: #333333;
	text-align: center;
	display: block;
	font-size: 10px;
}

.panelPersonalization > .itemGroup.grpNrColors {
	display: block;
}
.panelPersonalization .itemGroup.grpItemColor {
	display: none;
	position: relative;
}
.panelPersonalization .itemGroup.grpItemColor > .header {
	cursor: pointer;
}
.panelPersonalization .itemGroup.grpItemColor > .header > .color {
	display: block;
	float: left;
	border: 1px solid #FFF;
	width: 13px;
	height: 13px;
	margin: 2px 8px 0 0;
}
.panelPersonalization .itemGroup.grpItemColor > .header > .color-name {
	display: block;
	float: left;
	font-weight: normal;
	margin: 3px 0 0 24px;
}
.panelPersonalization .itemGroup.grpItemColor > .content {
	display: none;
}
.panelPersonalization .itemGroup.grpItemColor > .content > .itemGroup {
	float: left;
	width: 100%;
}
#submitSimulation {
	float: left;
	width: 380px;
	padding: 40px 0 40px 0;
}
#submitSimulation > form > input[type="text"] {
	float: left;
	margin: 0 5px 0 0;
	border: 1px solid #B9D305;
}

.acessorios_container{
    float:left;
    width:87px;
    height:122px;
    padding: 2px;
    background-color:#BCBBB9;
}

.acessorios_container.active,
.acessorios_container:hover{
    background-color: #a1bb05;
}

.acessorios_container > div{
    color: #000;
}

.legendas_simulador {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	font-weight:bold;
	color:#333333;
}

.okPesquisa_pt {
	display:block;
	border:none;
	background-image:url('../img/pt/btVer.jpg');
	width:36px;
	height:24px;
	cursor:pointer;
}

.okPesquisa_en {
	display:block;
	border:none;
	background-image:url('../img/en/btVer.jpg');
	width:36px;
	height:24px;
	cursor:pointer;
}

.okPesquisa_es {
	display:block;
	border:none;
	background-image:url('../img/es/btVer.jpg');
	width:36px;
	height:24px;
	cursor:pointer;
}

.okPesquisa_fr {
	display:block;
	border:none;
	background-image:url('../img/fr/btVer.jpg');
	width:36px;
	height:24px;
	cursor:pointer;
}

#outer {
	width: 1024px;
	display:block;
	margin: 0 auto;
	text-align: left;
}


#middle {
	position:absolute;
	width:1024px;
	background-color:#FFF;
	margin:0 auto;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}


#inner{
    width:1024px; 
    float: left;
    bottom:10px;
}
	/* opcional: #inner[id] {position: static;} */

.headWrapper {
    width:1024px;
    height:135px;
    float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	
.headLogoHelio h1{
	position:relative;
	float:left;
	margin:2px 0 0 0;
	width:248px;
	height:56px;
	left:-8px;
}

.linha_topo_volta{
	width:100%;
	float:left;
	padding:10px 29px 0 29px;
}

.linha_topo{
	border-bottom:2px solid black;
	width:966px;
}

.headLogoHelio h1 a{
	position:relative;
	display:block;
	width:248px;
	height:56px;
	cursor:pointer;
}

.headLogoHelio h1 a:hover{
	background:none;
}

.headLogoHelio h1 span{
	display:none;
}

.headLogoLanyard {
    float:left;
    margin-left: 50px;
}

.headLogoLanyard h1{
	float:left;
	display:inline;
	width:226px;
	height:94px;
        margin: 0;
}

.headLogoLanyard h1 a{
	display:block;
	width:226px;
	height:94px;
	cursor:pointer;
	margin-top:11px;
}

.headLogoLanyard h1 > a:hover {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

	
.headLogoUnited h1{
	float:right;
	margin:0;
	width:88px;
	height:62px;
	background: transparent url('../img/headLogoUnited.png') no-repeat;
}

.headLogoUnited h1 a{
	position:relative;
	display:block;
	width:88px;
	height:62px;
	cursor:pointer;
}

.headLogoUnited h1 a:hover{
	background:none;
}

.headLogoUnited h1 span{
	display:none;
}

.shoppingWrapper {
	float:right;
	margin:30px 0 0 0;
	height:20px;
	}
	
.login {
	float:left;
	}
	
.loginImg {
	float:left;
	margin: 0 4px 0 0;
	}
	
.login a {
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding:3px 0 7px 0;
	font-size:12px;
	}

.login a:hover {
	color:#99cc00;
}
	
.carrinho {
	float:left;
	padding:0 0 0 14px;
	}
	
.carrinhoImg {
	float:left;
	margin: 0 4px 0 0;
	}
	
.carrinhoFloat {
	float:left;
	padding:0 5px 0 0;
	border-right:1px solid #666666;
	}
	
.carrinhoLabel {
	display:block;
	color:#000000;
	text-decoration:none;
	padding:0;
	font-weight:bold;
	font-size:9px;
	line-height:9px;
	}
	
.carrinhoArtigos a {
	display:block;
	color:#000000;
	text-decoration:none;
	padding:3px 0 0 0;
	font-weight:normal;
	font-size:9px;
	line-height:9px;
	}
	
.carrinhoFloat2 {
	float:left;
	padding:0 15px 0 5px;
	}
	
.carrinhoArtigos2 {
	display:block;
	color:#000000;
	text-decoration:none;
	padding:12px 0 0 0;
	font-weight:normal;
	font-size:9px;
	line-height:9px;
	}
	
.carrinhoArtigos2 a {
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	}

	
.menuWrapper {
	padding-left:30px;
	float:left;
	}

	
.menu_titulo {
	float:right;
	padding:0;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#99cc00;
}

.menu_titulo:hover {
	color:#666666;
}
	
#menu {
	float:left;
	padding:0;
	margin:0;
	display:inline;
	text-align:center;
}

#menu ul {
	padding:0;
	margin:0;
}

#menu ul li {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
}

#menu ul li a {
	display:block;
	padding:0 18px 0 0;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#99cc00;
	text-decoration:none;
	text-transform:lowercase;
}

#menu ul li a:hover {
	color:#666666;
}

#menu_parceiros ul li a {
	display:block;
	height:18px;
	padding:4px 0 0 0;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}

#menu_parceiros ul li a:hover {
	color:#666666;
}


	
.menu_parceiro a{
	display:block;
	height:18px;
	padding:4px 0 0 0;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	}
	
.menu_parceiro a:hover{
	color:#666666;
	}
	
.contentWrapperHome {
	margin:13px 0 0 0;
	float:left;
	background:#FFFFFF;
	/*height:450px;*/
	width:1024px;
	}

.contentWrapper {
    float:left;
    width:1024px;
    padding: 0 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.contentWrapperTopo {
    background-image:url('../img/sombraConteudosTop.gif');
    width:969px;
    height:20px;
    padding-left:18px;
    display: none;
}

.contentWrapperTopoParcerias {
	width:969px;
	height:20px;
	padding-left:18px;
	}
        
.contentWrapper.parcerias{
    padding: 5px 24px;
}        

.contentBottom {
    background-image:url('../img/sombraConteudosBottom.gif');
    width:969px;
    height:21px;
    padding-left:18px;
    display: none;
}

.fundo_conteudo {
    color: #5d5a59;
}

.fundo_conteudo > div{
    padding: 0 !important;
}

.contentWrapperClear {
	width:1024px;
	margin:13px 0 0 0;
	float:left;
	}
	
.mainWrapper {
	display:block;
	width:1024;
	margin:0;
	float:left;
}

.mainWrapperInterior {
	display:inline;
	width:00px;
	margin:25px 36px;
	float:left;
	}
	
.mainWrapperInteriorCatalogo {
	display:inline;
	width:800px;
	*width:850px;
	float:left;
}

.escolha-wrap{
    display: block;
    color: #4c4c4c;
    font: 12px/160% Arial,sans-serif;
    float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    width: 100%;
}        
        
.catalogo_escolha{
	float:left;
        width: 100%;

}

.catalogo_escolha2{
	float:left;
        width: 100%;

}

.titulo_familia{
    color: #7f7f7f;
    display: block;
    font: 12px Arial,sans-serif;
    margin-top: 15px;
}

.titulo_produto{
	font-size:20px;
	font-weight:bold;
	color: #666;
}

.conteudoDetalhe{
    color: #7f7f7f;
    font: 12px Arial,sans-serif;
    margin-top: 5px;
    padding-right: 20px;
}

.conteudoDetalhe.caracteristicas *{
    font-family:  Arial,sans-serif !important;
}

.area_util input, .area_util select, .area_util textarea{
    color: #7f7f7f;
	border:1px solid #D7D7D7;
	padding: 4px;
}

.inputPesq{
	float:left;
	margin-right:10px;
}

.titulo_tabela{
    color: #666;
    font: 600 13px Arial,sans-serif;
    margin-top: 10px;
    text-transform: uppercase;
}

.obrigatorio{
    margin-left: 5px;
    color: #7f7f7f;
    font: 10px Arial,sans-serif;
}

.tabela_verde{
	float:left;
	font: 12px Arial,sans-serif;
	background-color:#A4BE05;
	border:1px solid #A4BE05;
	color:#666;
	padding:5px 0 5px 0;
}

.tabela_branca{
	float:left;
	font: 12px Arial,sans-serif;
	border:1px solid #A4BE05;
	color: #666;
	padding:5px 0 5px 0;
}

.bc {
    float: left;
    margin: 25px 0 25px 0;
}

.bc > *{
  color: #b3b3b3 !important;
  font: bold 14px Arial,sans-serif !important;
  margin: 10px 0;
  padding: 0;
  text-transform: uppercase;
}

.bc a:last-child,
.bc b{
    color: #a0ba05 !important;
}


.tabs-nav .left a,
.tabs-nav .tabs-selected a{
    height: 18px !important;
}

#categorias{

}

#categorias > table tr td{
    margin-bottom: 20px;
    float: left;
}

#categorias > table tr td.prod{
    border: 2px solid rgba(0,0,0,0.1);
    padding: 20px 0;
    transition: border ease 0.3s;
}


#categorias > table tr td *{
    transition: filter ease 0.3s;
}
#categorias > table tr td *:hover{ 
    filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -webkit-filter: grayscale(100%); 
}

#categorias > table tr td.prod:hover{
    border: 2px solid #A1BB05;

}

#categorias #foto{

    display:table-cell;
    height:282px;
    width:282px;
    overflow:hidden;
    background-repeat:no-repeat;
    background-position:center center;
}

#categorias #foto a {
    display:block;
    height:282px;
    width:282px;
}

#categorias #descricao{
    padding: 15px 0 0;
    text-align: center;
}


.logoLanyards {
	display:inline;
	position:relative;
	width:439px;
	height:198px;
	margin:0 230px 38px 230px;
	float:left;
	}
	
.logoLanyards h1 span {
	display:none;
	}

.mainLogoLanyards {
	display:inline;
	position:relative;
	width:240px;
	margin:30px 10px 0 10px;
	left:-11px;
	float:left;
	}

.mainText {
	display:block;
	width:462px;
	margin:34px 0 0 0;
	float:left;
	color:#4C4C4C;
	}

#foto_prod {
	-webkit-box-shadow: 0px 0px 6px 0px rgba(172,172,172,1);
	-moz-box-shadow: 0px 0px 6px 0px rgba(172,172,172,1);
	box-shadow: 0px 0px 6px 0px rgba(172,172,172,1);
    width: 300px;
    height: 300px;
	padding: 5px;
}

.popup{
    font-size: 10px;
    margin-left: 5px;
    color: #7f7f7f;
    display: block;
    font: 12px Arial,sans-serif;
    margin-top: 15px;
}
        
.flashWrapper {
	display:inline;
	width:726px;
	height:178px;
	margin:10px 87px 0 87px;
	float:left;
	}
	
.footerWrapper {	
    width:1024px;
    margin:1px 0 0 ;
    font-size:9px;
    background-color:#FFFFFF;
    text-align:right;
    padding: 0 0 50px 0;
    float: left;
}

.footerWrapper > .blocosHome{
    border-top: 1px solid #B4B4B4;
    margin: 0 auto;
    width: 925px;
    float: none;
    height: 130px;
}

.footerWrapper > .blocosHome.home{
    border-top: 1px solid transparent;

}
	
#footerMenu {
	position:relative;
	width:100%;
	float:left;
	padding-left:20px;
	padding-top:20px;
	margin:0;
	color:#999999;
}

#footerMenu ul {
	padding:0;
	margin:0;
	color:#999999;
}

#footerMenu ul li {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	color:#999999;
}

#footerMenu ul li a {
	display:inline-block;
	padding:0;
	margin:0;
	font-family:verdana;
	font-size:10px;
	float:left;
	color:#999999;
	text-decoration:none;
}

#footerMenu ul li a:hover {
	color:#666666;
	text-decoration:none;
	font-weight:bold;

}


	

#linguas{
	position:absolute;
	top:107px;
	left:555px;
}

#linguas a{
	font-family:Verdana;
	font-size:9px;
	color:#999999;
	font-weight:normal;
}

#linguas a:hover{
	font-family:Verdana;
	font-size:9px;
	color:#999999;
	font-weight:bold;
}

.linguas_on{
	font-family:Verdana;
	font-size:9px;
	color:#999999;
	font-weight:normal;
}

#visite{
	float:left;
	padding:45px 0 0 95px;
	font-family:Verdana;
	font-size:11px;
	color:#999999;
}

#carrinho_topo{
	float:left;
	/*padding:20px 0 0 95px;*/
	padding:20px 0 0 280px;
	font-family:Verdana;
	font-size:11px;
	color:#999999;
}

.promo {
	display:block;
	background-image:url('../img/btHelioPromo-off.gif');
	width:111px;
	height:12px;
}
.promo a{
	display:block;
	width:111px;
	height:12px;
}
.promo a:hover{
	display:block;
	background-image:url('../img/btHelioPromo-on.gif');
}

.packaging {
	display:block;
	background-image:url('../img/btHelioPackaging-off.gif');
	width:109px;
	height:15px;
}
.packaging a{
	display:block;
	width:109px;
	height:15px;
}
.packaging a:hover{
	display:block;
	background-image:url('../img/btHelioPackaging-on.gif');
}

.esconde {
	display:none;
}
	
#menu a{
	display:block;
	color:#221E1F;
}

#menu a:hover{
	color:#3BB7CB;
}



a.thumbnail{
    display:block !important;
    z-index: 0;
    cursor:pointer;
    width:119px; 
}

a.thumbnail span.content{ /*CSS for enlarged image*/
	display: block;
	position: absolute;
	background-color: #FFFFFF;
	padding: 5px;
	color: black;
	text-decoration: none;
	z-index:1000;
	visibility: hidden;
	opacity: 0;
	transition:visibility 0s linear 0.15s,opacity 0.25s ease;
	border:1px solid #B9D305;
	top: 100px;
	left: 40px;
}

a.thumbnail:hover span.content{
	visibility: visible;
	opacity: 1;
	transition-delay:0s;
}

a.thumbnail span.content img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.simulador_index{
    float: left;
    background: #dadada none repeat scroll 0 0;
    color: #7f7f7f;
    display: block;
    font: 12px Arial,sans-serif;
    padding: 25px 70px;
}


.escolhaSimulador{
    float: left;
    width: 100%;
    text-align: center;
}
.escolhaSimulador > ul { display: table; table-layout: auto; text-align: left; list-style: none; padding: 48px 0px 48px 60px; margin: 30px auto 80px; }
.escolhaSimulador > ul > li { padding: 0; list-style: none; display: table-cell; padding: 0 30px 0 30px; }
.escolhaSimulador > ul > li:first-child {  padding: 0 20px 0 0px; font: normal 10px Arial, Sans-serif; }
.escolhaSimulador > ul > li > a { padding: 0; margin: 0; }
.escolhaSimulador > ul > li > a > span { display: block; color: #4C4C4C; font: bold 14px Arial, Sans-serif; text-transform: uppercase; margin: 0 0 10px 0; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.escolhaSimulador > ul > li > a:hover > span { color: #A0BA05; }

.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: 100px;
border: 1px solid #B9D305;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 100px;
left: -170px; /*position where enlarged image should offset horizontally */
}




a.thumbnail3{
	display:block !important;
	position: relative;
	z-index: 0;
	cursor:pointer;
	width:102px; 
	height:87px;
}

.thumbnail3:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px solid #B9D305;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 100px;
left: 40px; /*position where enlarged image should offset horizontally */
}

.submit_tb5{
    background: #a1bb05 none repeat scroll 0 0;
    color: #4c4c4c;
    display: block;
    font: bold 11px Arial,sans-serif;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    border: none;
    width: 100%;
    cursor: pointer;
}

.submit_tb5:hover{
    background: #b4b4b4;
}

.buttonPersonalizacao > a{
    background: #a1bb05 url("../images/arrow02.png") no-repeat scroll 95% 2px;
    color: #4c4c4c;
    display: inline-block;
    font: bold 11px Arial,sans-serif;
    margin: 0 0 3px;
    padding: 5px 15px;
    width: 183px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    transition: padding-left ease 0.3s, background-color ease 0.3s;
}

.buttonPersonalizacao:not(.active) > a{
    background-color: #b4b4b4;
}

.buttonPersonalizacao a:hover{
    color: #4c4c4c;
    padding-left: 20px;
}

.buttonModelos a{
    background: #b4b4b4 url("../images/arrow01.png") no-repeat scroll 95% center;
    color: #4c4c4c;
    display: inline-block;
    font: bold 11px Arial,sans-serif;
    padding: 5px;
    text-transform: uppercase;
    transition: background ease 0.3s, padding ease 0.3s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.buttonModelos a.active,
.buttonModelos a:hover {
    padding-left: 10px;
    background-color: #A1BB05;
    background-position: 90% center;
}

.p_color{
    background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #b4b4b4 !important;
    color: #4c4c4c !important;
    display: inline-block;
    float: left;
    font: 9px Arial,sans-serif !important;
    margin-top: 6px !important;
    padding: 2px 4px !important;
    text-transform: uppercase;
    width: 105px !important; 
    height: auto !important;
}

.share{
    margin-top: 20px;
    padding-right: 20px;
    text-align: right;
}

.greenBoder{
    border: 1px solid #a1bb05 !important;
}

.buttonCarrinho a{
	float:left;
	display:block;
	height:18px;
	padding:4px 25px 0 0;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#68731a;
	text-transform:uppercase;
	text-align:right;
	text-decoration:none;
	background: transparent url('../img/bgBotaoVerde.gif') top left repeat-x;
}

.buttonCarrinho a:hover{
	color:#000000;
}

input.mfSubmit {
	float:left;
	display:block;
	height:22px;
	padding:4px 0 4px 0;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#68731a;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	background: transparent url('../img/bgBotaoVerde.gif') top left repeat-x;
	border:0px;
	cursor:pointer;
	width:150px;
}
input.mfSubmit:hover {
	color:#000000;
}

.btn {
	display: inline-block;
	font: 600 12px Arial,sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #A4BE05;
	text-transform: uppercase;
	border: none;
}
.btn:hover {
	color: #000000;
}
.btn.btnsmall {
	color: #666;
	padding: 6px 10px 5px 10px;
}

.button a,
.button > input[type="submit"],
input.button[type="submit"],
input.button[type="button"] {
	color: #666;
	float: left;
	font: 600 12px Arial,sans-serif;
	height: 21px;
	padding: 3px;
	text-align: center;
	width: 102px;
	background: #A4BE05;
	text-transform: uppercase;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

/* ini HELIO */

#btnSubmeter {
	color: #666;
	float: left;
	font: 600 12px Arial,sans-serif;
	height: 21px;
	padding: 3px;
	text-align: center;
	width:237px;
	background: #A4BE05;
	text-transform: uppercase;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

#btnSubmeter:hover{
	color:#000000;
}

/* fim HELIO */

.button a:hover,
.button > input[type="submit"]:hover,
input.button[type="submit"]:hover,
input.button[type="button"]:hover {
	color:#000000;
}

.button.carrinho a{
    background-image: url('../images/car.png');
    background-position: center left 10px;
    background-repeat: no-repeat;
}

.detalhes_compra .button a{
    width: auto;
    padding: 3px 14px 2px 30px;
}

.buttonCores > a {
    background: #b4b4b4 url("../images/arrow02.png") no-repeat scroll 95% -18px;
    color: #4c4c4c;
    display: inline-block;
    font: bold 11px Arial,sans-serif;
    margin: 0 0 3px;
    padding: 5px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.buttonCores > a:hover,
.buttonCores > a.active {
    background: #a1bb05 url("../images/arrow02.png") no-repeat scroll 95% 2px;
    color: #4c4c4c;
    display: inline-block;
    font: bold 11px Arial,sans-serif;
    margin: 0 0 3px;
    padding: 5px 15px;
}

.detalhes_compra{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
        color: #666;
    font: 600 13px Arial,sans-serif;
}

.small a {
	width:150px;
	}
	
.small2 a {
	width:100px;
	}
	
.small3 a {
	width:80px;
	}
	
.small4 a {
	width:20px;
	}

.small5 a {
	width:163px;
	}

.small6 a {
	width:96px;
	}

.small7 a {
	width:28px;
	}

.small8 a {
	width:120px;
	}

.medium a {
	width:175px;
	}
	
.medium2 a {
	width:185px;
	}
	
.large a {
	width:200px;
	}

.large_233 a {
	width:233px;
	}
	
.large_237 a {
	width:237px;
	}

.large_339 a {
	width:339px;
	}

.large_260 a {
	width:255px;
	}

.large_344 a {
	width:344px;
	}
	
.large_369 a {
	width:369px;
	}
	
.botao_voltar{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#99cc00;
}

.botao_voltar:hover{
	color:#666666;
}

.fundo_login{	
	float:left;
	display:block;
	height:21px;
	width:150px;
	padding-top:4px;
	padding-bottom:4px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:center;
	text-decoration:none;
	background: transparent url('../img/buttonBackground.jpg') top left no-repeat;
}

.fundo_login2{
	float:left;
	display:block;
	padding:10px 0 0 100px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

.login_topo { 
	font-family:verdana;
	font-size:11px;
	color:#999999;
	text-transform:lowercase;
}
	
.login_topo:hover {
	font-family:verdana;
	font-size:11px;
	color:#666666;
	text-transform:lowercase;
}

.simulatorMnu {
	float: left;
	width: 886px;
	margin: 0 0 16px 0;
	overflow: hidden;
}
.simulatorMnu > ul {
	position: relative;
	width: 886px;
	margin: 0;
	padding: 0;
	list-style: none;
    height: 40px;
    margin: 0 auto;
	/* flex */
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.simulatorMnu > ul > li.item {
	position: relative;
	display: block;
    float: left;
    height: 40px;
    list-style: outside none none;
    margin: 0;
    padding: 0 5px 0 35px;
	flex-grow: 1;
	background-color: #FCFCFC;
	-webkit-transition: padding ease-in-out .3s, color ease 0.3s;
    -ms-transition: padding ease-in-out .3s, color ease 0.3s;
    transition: padding ease-in-out .3s, color ease 0.3s;
}
.simulatorMnu > ul > li.item:first-child {
	padding-left: 20px;
}
.simulatorMnu > ul > li.item.enabled:hover {
    color: #000;
    padding-left: 40px;
}
.simulatorMnu > ul > li.item:first-child:hover {
	padding-left: 25px;
}
.simulatorMnu > ul > li.item.enabled {
	background-color: #B3B3B3;
}
.simulatorMnu > ul > li.item.active {
	background-color: #A0BA04;
}
.simulatorMnu > ul > li.item > a {
	position: relative;
	color: #BEBEBE;
    display: block;
    font: bold 14px Arial,sans-serif;
    height: 40px;
    padding: 12px 0 0 0;
    text-transform: uppercase;
    width: 100%;
	cursor: default;
	outline: none;
}
.simulatorMnu > ul > li.item > a:after {
	position: absolute;
	top: 0;
	right: -25px;
	z-index: 1;
	content: '';
	display: block;
	width: 20px;
	height: 40px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url("../images/step-disabled.png");
}
.simulatorMnu > ul > li.item.enabled > a:after {
	background-image: url("../images/step-noActive.png");
}
.simulatorMnu > ul > li.item.active > a:after {
	background-image: url('../images/step-active-firstChild.png'); 
}
.simulatorMnu > ul > li.item:last-child > a:after {
	background-image: none;
}
.simulatorMnu > ul > li.item.enabled > a {
	cursor: pointer;
	color: #4C4C4C;
}
.simulatorMnu > ul > li.item.finalizar { background: #FCFCFC; }
.simulatorMnu > ul > li.item.finalizar.enabled { background: #B3B3B3; }
.simulatorMnu > ul > li.item.finalizar.active {background-color: #A0BA04; }

.sequenceSeguinte {
    float: right;
    margin-right: 14px;
    margin-top: 15px;
}
.sequenceSeguinte > a{ 
    background: rgba(0, 0, 0, 0) url("../images/btn-continuar.png") no-repeat scroll right 0;
    color: #a0ba05;
    display: block;
    font: bold 14px Arial,sans-serif;
    height: 22px;
    padding: 7px 39px 0 0;
    text-transform: uppercase;
}
.sequenceSeguinte > a:hover {
    background: url('../images/btn-continuar.png') no-repeat right -39px;
    color: #DF7F1E;
}        
.sequenceAnterior {
    float: left;
    margin-right: 15px;
    margin-top: 15px;
}
.sequenceAnterior > a { 
    background: rgba(0, 0, 0, 0) url("../images/btn-voltar.png") no-repeat scroll 0 0;
    color: #a0ba05;
    display: block;
    font: bold 14px Arial,sans-serif;
    height: 22px;
    padding: 7px 0 0 39px;
    text-transform: uppercase;
}	
.sequenceAnterior a:hover {
    background: url("../images/btn-voltar.png") no-repeat 0 -39px;
    color: #DF7F1E;
}

.leftPanels {
	display: block;
	float: left;
	width: 387px;
}
.leftPanels > div {
	display: none;
	float: left;
	height: 100%;
}
.leftPanels > div.active {
	display: block;
}

.simulationWrapper {
	position: relative;
	float: left;
	width: 496px;
	border: 2px solid #dadada;
	margin-bottom: 30px;
}
.simulationWrapper > span {
    float: left;
    background-color: #dadada;
    padding: 5px 15px;
    width: 100%;
    font: bold 12px Arial,sans-serif;
    text-align: left;
    color: #7f7f7f;
    font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.simulationWrapper > a > .yourSimulation {
	padding: 8px 8px 8px 20px;
	top: 35px;
	position: absolute;
	width:110px;
	z-index: 2;
	left:10px;
	font:bold 11px/15px Arial,sans-serif;
	text-align:center;
	background: #a1bb05 url("../images/arrow-bottom.png") no-repeat 5px center;
}

.simulationWrapper > .resumebox {
    z-index: 2;
    top: 68px;
	position: absolute;
	margin: 0 0 0 10px;
	padding: 0;
	width: 198px;
	display:none;
}
.simulationWrapper > .resumebox > .item {
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 2px 0;
	clear: both;
}
.simulationWrapper > .resumebox > .item > .label {
	display: block;
	float: left;
	background-color: #a1bb05;
	color: #4c4c4c;
	font: bold 9px Arial,sans-serif;
	margin: 0 2px 0 0;
	padding: 2px 4px;
	line-height: 14px;
	width: 70px;
}
.simulationWrapper > .resumebox > .item > .label > .hex {
	display: block;
	width: 10px;
	height: 10px;
	float: right;
	border: 2px solid #FFF;
}
.simulationWrapper > .resumebox > .item > .value {
	display: block;
	float: right;
	background-color: #ffffff;
	border: 1px solid #b4b4b4;
	color: #4c4c4c;
	font: 9px Arial,sans-serif;
	text-transform: uppercase;
	width: 105px;
	padding: 2px 4px;
	margin: 0 0 0 3px;
}
.simulationWrapper > .resumebox > .item > .obs {
	display: block;
}
.simulationWrapper > .resumebox > .item > .obs.hide {
	display: none;
}
.simulationWrapper > .resumebox > .item > .obs > b {
	display: block;
}

.simulationWrapper > .simulation {
	display: block;
	float: left;
	width: 100%;
	min-height: 266px;
	overflow-x: hidden;
	text-align:center;
}
.simulationWrapper > .simulation > img {
	position: relative;
	top: 0;
}


.simul_model{
    background: #a1bb05 none repeat scroll 0 0;
    border: 1px solid #a1bb05;
    color: #4c4c4c;
    display: inline-block;
    font: bold 9px Arial,sans-serif;
    margin: 0 2px 0 0;
    padding: 2px 4px;
    width: 70px;
    float: left;
}
.simul_model_txt{
    border: 1px solid #b4b4b4;
    color: #4c4c4c;
    display: inline-block;
    font: 9px Arial,sans-serif;
    padding: 2px 4px;
    text-transform: uppercase;
    width: 105px;
    float: left;
    background: #FFF;
    margin-top: 6px;
}

.simul_qualidd{
	float:left;
	width:180px;
}

.simul_largura{
	float:left;
	width:180px;
}

.simul_acessorio{
    display:none;
    float:left;
    width:63px;
    padding:2px 2px 4px 1px;
    background-color:#DFE9A4;
    border:1px solid #BBD325;
}



.simulador_obsCoresLogo{
	display:none;
	float:left;
	width:425px;
	padding: 0px 5px 10px 5px;
}

.simulador_obs{
    float: left;
    margin-left: 5px;
    width: 198px;
}

.simulador_obs > div:first-of-type{
    margin-top: 5px;
    color: #4c4c4c;
    display: block;
    font: bold 10px Arial,sans-serif;
}

.simulador_obs > div:last-of-type{
    color: #4c4c4c;
    display: block;
    font: 10px Arial,sans-serif;    
}


.sim_labels{
    float: left;
    margin: 0 0 0 5px;
    width: 280px;
}


.sim_labels .box1{
    background: #a1bb05 none repeat scroll 0 0;
    border: 1px solid #a1bb05;
    color: #4c4c4c;
    
    font: bold 9px Arial,sans-serif;
    margin: 6px 2px 0 0;
    padding: 2px 4px;
    width: 70px;
    float: left;
}


#qualidade {
	float: left;
}
#qualidade > .qualidade_box {
    width:367px;
    float: left;
    border: 2px solid #dadada;
    margin: 0 0 22px;
}
#qualidade > .qualidade_box > span {
	display: block;
    background: #dadada none repeat scroll 0 0;
    color: #7f7f7f;
    font: bold 12px Arial,sans-serif;
    margin: 0;
    padding: 5px 15px;
    text-transform: uppercase;
}
#qualidade > .qualidade_box > .image {
	float:left;
	width:367px; 
	height: 300px; 
	overflow: hidden;
}
#qualidade > .qualidade_desc {
	float:left;
	width:367px;
	height:122px;
}
#qualidade > .qualidade_desc .scroll-pane .title {
	display: block;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 14px;
}

.blocoOpcoesQualidade{
    float:left;
    padding-top:25px;
    width:370px;
}
.blocoOpcoesQualidade .titulo{
    background: #dadada none repeat scroll 0 0;
    color: #4c4c4c;
    display: block;
    font: bold 11px Arial,sans-serif;
    margin: 0 0 3px;
    padding: 5px 15px;
    float: left;
    width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.blocoOpcoesQualidade .boxes-wraper {
    float:left;
    width:100%;
	margin-bottom: 20px;
}
.blocoOpcoesQualidade .boxes-wraper:last-child {
	margin-bottom: 0;
}
.blocoOpcoesQualidade .boxes-wraper .bordas{
    float:left;
    width:115px;
    padding: 3px;
    background-color: #dadada;
    margin: 0 0 3px;
    position: relative;
}

.blocoOpcoesQualidade .boxes-wraper .bordas.active,
.blocoOpcoesQualidade .boxes-wraper .bordas:hover{
    background-color: #a1bb05;
}

.blocoOpcoesQualidade .boxes-wraper .bordas:nth-child(3n+2){
    margin-left: 3px;
    margin-right: 3px;
    
}

.blocoOpcoesQualidade .boxes-wraper .bordas > div{
    text-transform: uppercase;
    color: #000;
    font: bold 10px Arial,sans-serif;
    
}

.blocoOpcoesQualidade .boxes-wraper .bordas .thumbnail_container {
	width:115px; 
	height:70px;
        overflow: hidden;
         
}

/*
Area Reservada
*/

div.AreaReservadalinksTopo {
	float:left;
	position:relative;
	width:100%;
}

div.AreaReservadalinksTopo div.titulo {
	float:left;
	margin-bottom:20px
}

div.AreaReservadalinksTopo div.container {
	position:absolute; 
	width:400px; 
	top:0px; 
	right:-40px;
	clear:both;
}

div.AreaReservadalinksTopo div.container div.item_opcao {
	float:right;

}

div.AreaReservadalinksTopo div.container div.item_opcao a {
	color:#000;
	font-weight:bold;
}

div.AreaReservadalinksTopo div.container div.item_opcao.selected {
	float:right;
}

div.AreaReservadalinksTopo div.container div.item_opcao.selected a{
	color:#D2D305;
}

/*
Botões
*/
input.submitLogin {
	border:none;
	background:none;
	cursor:pointer;
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
	font-size:9px;
	margin:0;
	padding:0;
}

div.logosSecur {
	float:left;
	width:970px;
	padding:10px 0px 10px 18px;
}
div.logosSecur img {
	margin-right:5px;
	border:0;
}

.versao{
	float:left;
	color:#999999;
	font-size:10px;
	font-family:verdana;
}

div.infoParceiro {
	float:left;
	width:100%;
}

span.info_registo {
	color:#999999;
	font-size:10px;
	font-weight:normal;
}
div.alertPaypal {
	float:left;
	width:100%
}
div.alertPaypal a {
	text-decoration:underline;
}

/*PARCEIROS*/

.div_programas{
	float:left;
	width:100%;
	padding-top:65px;
}

.programas_titulo{
	float:left;
	width:100%;
	color:#BAD305;
	font-size:14px;
}

.programas_txt{
	float:left;
	width:100%;
	color:#010101;
	font-size:11px;
}

.div_parcerias{
	float:left;
	width:100%;
	padding:65px 0 45px 0;
	position:relative;
}

.parcerias_titulo{
	float:left;
	width:100%;
	color:#000;
	font-size:13px;
}

.parcerias_zona_login{
	float:left;
	width:150px;
	padding-left:60px;
}

.parcerias_login{
	width:153px;
	height:100%;
}

.parcerias_login_titulo{
	float:left;
	color:#999999;
	text-transform: lowercase;
	font-size:13px;
	padding-left:15px;
}

.parcerias_username{
	border:1px solid #ABABAB;
	font-size:10px;
	color:#666666;
	text-transform:uppercase;
	width:82px;
}

.parcerias_password{
	border:1px solid #ABABAB;
	font-size:10px;
	color:#666666;
	width:82px;
}

input.submitLoginParceiros {
	border:none;
	background:none;
	cursor:pointer;
	color:#989898;
	text-transform:lowercase;
	font-weight:bold;
	font-size:12px;
}


/*************************************
Loja - Carrinho
*************************************/
table.loja_topo {
	padding:15px 0 0 0;
}

table.loja_topo2 {
	padding:15px 0 0 0;
}

.tituloBoxLoja {
	color:#010101;
	background-color: #A4BA0D;
	text-transform:uppercase;
	padding:5px 0 5px 5px;
	height:20px;
}

.lojaText {
	font-weight:none !important;
}

.loja_carrinho{
	padding-top:25px;
}

.align_preco{
	text-align:right;
}

.alinha_precos{
	text-align:right;
	padding-right:50px;
}

.alinha_titulo_precos{
	text-align:right; 
	padding-right:100px;
}

.lojaBorder {
	/*border:1px solid #BAD104 !important;*/
}

.cor_acrescimo{
	color:#676767;
}

.txt_loja_morada{
	color:#676767 !important;
	width:360px !important;
	padding:45px 0 0 5px !important;
	font-size:10px;
}





div.sliderTop {
	position:relative;
	float:left;
	width:555px;
	height:144px;
}

div.sliderTop #tituloSlider {
	float:left;
	width:555px;
	height:22px;
	font-family:Arial, Verdana, Helvetica;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	margin-top:3px;
}

div.sliderTop div.container {
	float:left;
	position:relative;
	height:122px;
	margin-left:27px;
	margin-top:6px;
	overflow:hidden;
}
div.sliderTop div.navEsq {
	position:absolute;
	left:0px;
	top:85px;
	width:17px;
	height:17px;
}
div.sliderTop div.navEsq button.prev {
	display:block;
	width:17px;
	height:17px;
	background:url('../img/seta_esq_on.png') no-repeat center center;
	border:none;
	outline:0;
	cursor:pointer;
}
div.sliderTop div.navDir {
	position:absolute;
	top:85px;
	right:-25px;
	width:17px;
	height:17px;
}
div.sliderTop div.navDir button.next {
	display:block;
	width:17px;
	height:17px;
	background:url('../img/seta_dir_on.png') no-repeat center center;
	border:none;
	outline:0;
	cursor:pointer;
}
/*
Área Cliente
*/
.areaClienteWrapper {
	float: left;
	width: 965px;
	height: 700px;
	margin: 0 0 10px -20px;
}
.areaClienteWrapper iframe {
	width: 965px;
	height: 700px;
	margin: 0;
	overflow: hidden;
}



.menuPrincipalFooter {
    background: #DADADA;
    padding: 35px 0px;
    float: left;
    width: 100%;
    text-align: left;
}
.menuPrincipalFooter > ul {
    margin: 0 0px 0 60px;
    padding: 0 0 0 20px;
    display: block;
    float: left;
    border-left: 2px solid #A1BB05;
}
.menuPrincipalFooter > ul:last-child {
    margin: 0 0px 0 90px;
}
.menuPrincipalFooter > ul > li {
    margin: 3px 0;
    padding: 0;
    list-style: none;
}
.menuPrincipalFooter > ul > li:first-child {
    text-transform: uppercase;
    color: #666666;
    font: bold 19px Arial, Sans-serif;
    margin: 0 0 8px 0;
}
.menuPrincipalFooter > ul > li > a {
    font: normal 14px Arial, Sans-serif;
    color: #666666;
}
.menuPrincipalFooter > ul > li > a:hover {
    color: #A0BA05;
}

.bottomWrapper {
	float: left;
	width: 925px;
	margin: 0 50px 0 50px;
}

.menuSecundarioFooter {
    float: right;
    margin: 12px 14px 24px 0;
}
.menuSecundarioFooter > ul {
    margin: 0;
    padding: 0;
    display: table;
    table-layout: auto;
}
.menuSecundarioFooter > ul > li {
    list-style: none;
    display: table-cell;
    border-left: 1px solid #4C4C4C;
    padding: 0 5px;
    margin: 0 0 0 0;
}
.menuSecundarioFooter > ul > li:first-child {
    border-left: 0px solid #4C4C4C;
}
.menuSecundarioFooter > ul > li > a {
    font: normal 10px Arial, Sans-serif;
    color: #4C4C4C;
}
.menuSecundarioFooter > ul > li > a:hover {
    color: #A0BA05;
}

.bottomlogos{
    float: left;
    text-align: left;
}
.logoRedunicre {
    display: inline-block;
    background: url('../images/logo-redunicre.png') no-repeat 0 0;
    width: 335px;
    height: 27px;
    margin: 0 0 0 20px;
    padding: 0;
    text-indent: -5000px;
}
.logoVerified {
    display: inline-block;
    background: url('../images/logo-verified.png') no-repeat 0 0;
    width: 108px;
    height: 27px;
    margin: 0;
    padding: 0;
    text-indent: -5000px;
}
.copyright{
    display: inline-block;
    height: 27px;
    margin: 0 20px 0 0;
    padding: 0;
    float: right;
    text-align: right;
    font: normal 10px Arial, Sans-serif;
    color: #999;
}

.encVendedor{
	border:1px solid #a4be05;
}

.encVendedorTD{
	border-bottom:1px solid #a4be05;
}

#wrap #prodRelacionados{
	width:910px;
	display:block;
	overflow: hidden;
	height: 180px;
}
#wrap .blocoProd{
	display: block;
	position: relative;
	width:247px;
	margin-right: 20px;
	float: left;
}

.formPergunta{
	float:left;
	width:50%;
	padding:20px 0 0 0;
	font-weight:bold;
}

.formRespostas{
	float:left;
	width:50%;
	padding:6px 0 0 0;
}

.formPergunta100{
	float:left;
	width:100%;
	padding:20px 0 0 0;
	font-weight:bold;
}

.formRespostas100{
	float:left;
	width:100%;
	padding:6px 0 0 0;
}

.formRespostas > textarea{
	width:300px;
	height:70px;
	border:1px solid #d7d7d7;
	font-size:11px;
}

.formRespostas > select{
	border:1px solid #d7d7d7;
	font-size:11px;
	width:310px;
}

.formRespostas > input[type="text"]{
	border:1px solid #d7d7d7;
	font-size:11px;
	width:300px;
}

.formError{
	float:left;
	width:100%;
	padding:20px 0 0 0;
	font-weight:bold;
	color:red;
}

.opiniao_pontuacao{
	float:left;
	width:100%;
	padding-bottom:50px;
}

.opiniao_pontuacao_esq{
	float:left;
	width: 400px;
	padding-left:50px;
	text-align:center;
}

.opiniao_pontuacao_dir{
	border-left:1px solid #CCC;
	float:left;
	width:400px;
}

.opiniao_tit{
	font-weight:bold;
	font-size:19px;
	padding:0 0 20px 0;
}

.opiniao_tit_dir{
	font-weight:bold;
	font-size:19px;
	padding:0 0 20px 84px;
}

.opiniao_cat_tit{
	padding:3px 0 0 88px;
	float:left;
	width:205px;
}

.opiniao_cat_valor{
	padding:3px 0 0 0;
	float:left;
	font-weight:bold;
}

.opinioes{
	border-top:1px solid #b4b4b4;
	padding:20px 0;
	float:left;
	width:100%;
}

.info_cliente > .nome{
	color: #a0ba05;
	font-size:12px;
	font-weight:bold;
}

.info_cliente > .empresa{
	font-size:12px;
	font-weight:bold;
}

.info_cliente{
	float:left;
	width:200px;
}

.msg_cliente{
	float:left;
	width:635px;
}

.msg_cliente_com{
	min-height:60px;
}

.pontuacao_cliente{
	float:left;
	width:50px;
	height:40px;
	text-align:center;
	background-color: #a0ba05;
	font-weight:bold;
	font-size:20px;
	color:#000;
	padding:10px 0 0 0;
}

.comentario_pontuacao{
	border:1px solid #5d5a59;
	padding:2px 5px;
	margin:0 0 0 5px;
}


button.buttonCarrinho {
    float: left;
    display: block;
    height: 22px;
    padding: 4px 25px 0 0;
    font: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #68731a;
    text-transform: uppercase;
    text-align: right;
    text-decoration: none;
    background: transparent url(../img/bgBotaoVerde.gif) top left repeat-x;
	width: 100%;
	border: none;
	margin-bottom:5px;
	padding-bottom: 7px;
	cursor:pointer;
}

button.buttonCarrinho:hover {
    color: #000000;
}

button.buttonCarrinho .fa {
	display: none;
	font-size: 12px;
	color: #333;
}

button.buttonCarrinho::disabled:hover {
    color: #000000;
}


#loader-box {
	display: none;
	content: '';
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.9);
	z-index: 100000000;
	
}

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 100000001;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #A4BA0D;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
