@charset "utf-8";
body{height:100%; width:100%;overflow:visible; overflow-x:hidden; margin:0px; padding:0px; 
	font-family: 'Helvetica Neue', 'Helvetica', arial, serif; font-size:9pt; letter-spacing:0.05em; color:#333333;background-color:#fafafa;} /* #F4F4F4 */
	
* {box-sizing: border-box;}
.fa-times-thin:before {content: '\00d7';}
.fadeBar{width:100%; height:150px;
background: #fafafa;
background: -moz-linear-gradient(top,  #fafafa 0%, #dddddd 100%);
background: -webkit-linear-gradient(top,  #fafafa 0%,#dddddd 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dddddd',GradientType=0 );
}
p {margin:0px; }
a { text-decoration:none;color:#333; 
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
}
a:hover { color:#3BA3D0;  }
a:focus { outline:none }
a.ancoraArtigos {display: block;position: relative;top: -220px;visibility: hidden;}
a.ancoraFamilias {display: block;position: relative;top: -220px;visibility: hidden;}
img { outline:none; border:none; border-radius:5px}
table{border-spacing:0px; border-collapse: separate;}
table td{border-spacing:0px; border-collapse: separate; /* border:1px dotted red; */}
div, input, textarea, select{
	resize: vertical;
	outline: none;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
}
h1{font-size:3.5em; letter-spacing:-0.001em; font-weight:100;line-height:1em;color:#44C4FF}
h2{font-size:2em; letter-spacing:0.05em; font-weight:100;line-height:1em;padding:0 0 0 0;}
h3{font-size:1.3em; padding:1em 2em 1em 0em}



/* ESTRUTURA # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

#fullHeader{position:fixed; z-index:5555; top:0; left:0; width:100vw; }
#bodyWarper{overflow-x:hidden; overflow-y:visible;margin-top:140px;}

.floatLeft{float:left; padding:0;}
.floatRight{float:right; padding:0;}
	
tr.selRowBlueMain{cursor: pointer;color:#3BA3D0;font-size:1.4em;padding:0px;}
tr.selRowBlueMain:hover{background-color:#ebebeb;}
tr.selRowBlueMain select{margin-left:-3px;text-align:center;}
tr.selRowBlue{cursor: pointer;font-size:0.9em;padding:0px;}
tr.selRowBlue:hover{background-color:#ebebeb;}
tr.selRowBlueMain input[type=text], tr.selRowBlue input[type=text]{border-bottom:thin dashed #3BA3D0;padding:2px 10px;}
tr.selRowBlueMain input[type=submit], tr.selRowBlue input[type=submit]{border:none;background-color:#3BA3D0;color:#fff;padding:2px 10px;}
tr.selRowBlueMain input[type=submit]:hover, tr.selRowBlue input[type=submit]:hover{background-color:#FFEB40;color:#333;padding:2px 10px;}


.tab {position:relative; float:left; width:100%; }
.galleryContent{position:relative; width:100%;}
.tablinks{width:20%;float:left; float:left; cursor:pointer;padding-top:20%;}
.tabcontent {display:none;float:left; }
.galleryContentSingleFoto{position:relative; width:100%;}



#erroField{font-size:1em; color:#FFF; padding:0.25em 1em 0.25em 1em; border-radius:3px; margin:0 0.2em 0 0; text-align:right;}
#erroFieldLeft{clear:both; font-size:1em; color:#FFF; padding:0.25em 1em 0.25em 1em; border-radius:3px; margin:0 0.2em 0 0; text-align:left;}
#label{font-size:1em; padding:0.25em 1em 0.25em 1em; border-radius:3px; margin:0 0 0 0.2em; background-color:#3BA3D0; color:#FFF; text-align:left;}
#label2{font-size:1em; padding:0.25em 1em 0.25em 1em; border-radius:3px; margin:0 0 0 0.2em; background-color:#FFEB40; color:#333; text-align:left;}
#label3{font-size:0.7em; padding:0.5em 0.5em 0.25em 0.5em; border-radius:3px; margin:0; background-color:#3BA3D0; color:#FFF;
	text-align:left;font-weight:bold;text-transform:uppercase;letter-spacing:-0.02em;}
#formNewUserBlock{width:100%; clear:both; margin:0px;}

#conteudo-simple{margin:0 auto; width:100%;padding-top:40px;}

#conteudo-single{position:relative; padding:2em; margin:0 auto; width:50%; clear:both;}
#conteudo-single-wide{position:relative; padding:0;margin:0 auto; width:100%}
#conteudo-double{position:relative; padding:0; float:left; width:49.5%;}
	#conteudo-double-in{position:relative; padding:10px; margin:0 auto; width:100%}
	#conteudo-double-in-wide{position:relative; margin:0 auto; width:95%}
#conteudo-double-left{position:relative; float:left; text-align:left;}
#conteudo-double-right{position:relative; float:right; text-align:right;}

#conteudo-double-produto-A{position:relative; padding:0px 5px; float:left; width:45%;}
#conteudo-double-produto-B{position:relative; padding:0px 5px; float:left; width:55%;}

#conteudo-triple{position:relative; padding:10px; width:33.3%;}
#conteudo-triple-A{float:left; position:relative; width:40%;padding-left:20px;}
#conteudo-triple-C{float:left; position:relative; width:40%;}
#conteudo-triple-B{float:left; position:relative; width:60%;}
#conteudo-triple-B-in{padding:5px 20px;}


#conteudo-enc-left{padding:10px; float:left;width:70%;}
#conteudo-enc-right{padding:10px; float:right;width:30%;}


#conteudo-single-cart{position:relative; float:left; width:100%; padding:20px; margin:0 auto;}
#conteudo-double-cart{position:relative; float:left; width:50%; padding-right:20px; margin:0 auto;}

#ConteudoFillPedido{position:relative; padding:20px 40px; margin-top:10px; width:100%; background-color:white;box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.25);}

#fillingPedido{cursor:pointer;position:fixed;z-index:9000;bottom:60px;right:0px;
	background-color:#3BA3D0; color:#FFF;padding:10px;border-radius:10px 0px 0px 10px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
}
#fillingPedido i{font-size:3.5em;}
#fillingPedido:hover{background-color:#FFEB40; color:#333;}

.homeMenu{width:22vw; padding:1.5em; margin:1em 0 1em 0; border-radius:1em;clear:both;border:4px solid #3BA3D0; color:#3BA3D0; font-size:1.5em;}
	


#processingDiv {display:none; position:fixed; top:0; left:0; right:0; bottom:0;
	background-color:white;color:#333; opacity:.95; z-index:7000; width:100vw; height:100vh;}
#processingDivIN {position:relative; left:50%; top:50%;transform:translate(-50%,-50%); text-align:center}	
	
#loadingDiv {display:block; position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fafafa;color:#333; opacity:1; z-index:2000; width:100vw; height:100vh;}
#loadingDivIN {position:relative; left:50%; top:50%;}

#myConnections {display:block; position:fixed; top:50%; right:0; z-index:6666;text-align:center;}
#myConnectionsIN {width:120px;padding:10px; border-radius:4px; position:relative; transform: translate(0,-50%);
	background-color:#fff;border:2px solid #ddd;border-right:none;text-align:center;}



#sameAddressHolder {
	position: relative;
}
#sameAddress {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color:rgba(255,255,255,0.6);
	display:block; 
}

.cartTitulo{font-size:2em;font-weight:100;}
.cartQuant{font-size:1em;}
.cartPrice{font-size:1.8em;}
.cartTexto{font-size:0.6em;}


	
#mobileNav{display:none; position:fixed; z-index:7000; width:100vw; height:100vh;
	background-color:#3BA3D0; color:#fff;}
#mobileNav div {width:100%; text-align:center; cursor:pointer;font-size:2em; padding:5px; font-weight:300;}

#subHeader{width:100%;color:#666;font-weight:200;font-size:2em;
	background-color:#fafafa;width:100%;padding:20px 10px 10px 10px;}
#cartHeader{width:100%;color:#666;background-color:#fafafa;padding:20px 10px 10px 10px;}
#artigoHeader{width:100%;color:#666;background-color:#fafafa;padding:20px 10px 10px 10px;text-transform:uppercase;}

#gridCatTitle{float:left;color:#3BA3D0;margin:0 auto;font-size:1.4em;padding:5px;}
#gridCatSubTitle{float:left;color:#3BA3D0; margin:0 auto; font-weight:200; font-size:1.6em;padding:10px 10px 10px 10px; }
#gridCatTitle a, #gridCatSubTitle a {color:#666;}
#gridCatTitle a:hover, #gridCatSubTitle a:hover {color:#3BA3D0;}
#gridCatTitle i, #gridCatSubTitle i {color:#3BA3D0;}

#ContentBar{position: relative; width:100%; max-width:1200px;margin:0 auto;padding:10px 8px 10px 18px;}



#cartLogged, #cartVolume{height:15px; width:15px;position: absolute; top: 35px; right: -5px; font-size:0.9em;border-radius: 50%;}
#cartLogged{background-color: #00e100;}
#cartVolume{background-color: #f90;font-style:bold; text-align:center;color:#fff;}

#footer-center {width:90%; max-width:900px; margin:0 auto;display:block; clear:both;}
#footer-center i{font-size:0.8em;margin-top:-5px;padding:0 10px;}
#footer-center a{text-decoration: none;color: #666;cursor: pointer;display:block;clear:both;line-height:15px;padding:0px;}
#footer-center .links a{line-height:25px;}
#footer-center a:hover{text-decoration: none;color: #333;}
#footer-double-A{display:block;float:left;width:50%;}
#footer-double-B{display:block;float:left;width:50%;text-align:right;padding:5px;}


#cartLeft{float:left; width:70%;background-color:#ffffff; border-radius:5px; }
#cartRight{float:right; width:30%;background-color:#E2EAF0; border-radius:5px; }
#janelaProduto {background-color:#ffffff; border-radius:5px; padding:0; margin:0;}

#produtosLeft{float:left; width:85%;}
#produtosLeftFull{float:left; width:100%;}
#produtosRight{float:left; width:15%;height:100%;}
#janelaAux {background-color:#efefef; border-radius:0px; padding:1em; margin:0 auto; height:auto; text-align:center;}

.barra{font-size:0.8em;color:#3BA3D0;padding-top:10px;}
.barra2{font-size:1.2em;}
.barra3{font-size:1.1em;border-top:thin solid #ddd;}
.tablesLeft, .tablesRight{width:100%; margin:0 auto;font-size:1.1em;}
.tablesLeft tr td, .tablesRight tr td{vertical-align: middle;}



#quantityForm{float:left; padding:5px 10px; width:50px;}
#quantityButtonInactive{background-color:#dddddd; color:#666666;}
#quantityButton{background-color:#3BA3D0; color:#ffffff;}
#quantityButton,#quantityButtonInactive{
	float:left; padding:5px 10px; width:30px; border-radius:5px; text-align:center; cursor:pointer; 
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}
#quantityButton:hover{background-color:#FFEB40; color:#333}


#gridAll {
	position:relative; 
	margin:0px 1px 1px 1px;
	padding:12px;
	background-color:#fff;
	color:#666;
	border-radius:5px;
}
#gridAll:hover {
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.2);
}
#fotoIMG{position:relative; float:left; width:100%; }
#fotoDesc {float:left; text-align:left; cursor:pointer; width:100%; min-height:100px; padding-top:1em;color:#666;}
#fotoBuy{position:absolute; text-align:right; right:0; bottom:30px;padding:10px;font-size:0.9em;cursor:pointer;color:#ddd;}	
#fotoWish{position:absolute; text-align:right; right:0; top:0;padding:10px;font-size:0.9em;cursor:pointer;color:#ddd; }
#buttonTitle{display:none;text-align:right;}
#fotoBuy:hover #buttonTitle{display:block;}
#fotoWish:hover #buttonTitle{display:block;}
#fotoBuy i, #fotoWish i{clear:both;font-size:1.3em;}
 
.buyOff{}
.buyOff:hover{color:#3BA3D0;}
.buyOn{color:#f90;}
.buyOn:hover{color:#3BA3D0;}
	
#fotoDesc:hover,#fotoBuy:hover,#fotoWish:hover {color:#3BA3D0;}


#gridAll #fotoIMG div div{float:left; padding:0px;font-size:0em;width:33.3%;text-align:center;background-color:#fff}
#gridAll #fotoIMG i {color:#666;}
#gridAll #fotoIMG i:hover {color:#3BA3D0;}

#gridAll:hover #fotoIMG div div{padding:20px 10px 20px 10px;font-size:3em;}

#gridHelp {cursor:pointer;padding:20px;color:#3BA3D0;background-color:#E2EAF0;border-top:thin dashed #E2EAF0;border-bottom:3px solid #e5e5e5;}
#gridHelp:hover {color:#333;background-color:#FFEB40;border-top:thin dashed #3BA3D0;border-bottom:3px solid #3BA3D0;}
#myRequest {display:none;background-color:#E2EAF0;border-bottom:3px solid #ddd;
width:100%;padding:10px;clear:both}

#fotoBuy, #fotoWish, #fotoDesc, .buyOff, buyOn, #gridHelp{
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}


#relatedProducts{width:100%;padding-top:20px;border-top:thin dotted #ccc}

#gridContent{clear:both; margin:0 auto;}

#gridHolder0{width:16.6%; float:left;}
#gridHolder1{width:25%; float:left;}
	#gridHolder1 #gridAll{font-size:1.1em; padding:2em;}
	
#gridHolder2{width:100%; float:left;}
#gridHolder3{width:12.5%; float:left;}


#foto{float:left; display:inline-block; width:100%; height:140px; cursor:pointer;
	background-repeat:no-repeat; background-size:auto 75% ; background-position:50% 50%;}



#gridAllrelacionados{float:left; width:100%;}
#fotoRelacionados {float:left; width:100%; cursor:pointer;}
#descRelacionados {float:left; text-align:center; display:inline-block; width:100%; min-height:5em; }
	
#fotoSearch {clear:both; float:left; display:inline-block; width:100%; height:100px; cursor:pointer;
	background-repeat:no-repeat; background-size:auto 75%; background-position:50% 50%;}
#fotoDesc3 {clear:both; text-align:center; width:100%; min-height:100px; margin-top:20px;}
#fotoDesc3 i {padding-right:0.4em; transform: translate(0,-50%); font-size:1em; color:#f90}
#fotoDesc3 p {font-size:1em; font-weight:200;  color:#333}
#fotoDesc3 .span1 {font-size:1.7em; font-weight:400; color:#666; letter-spacing:-0.05em;}
#fotoDesc3 .span2 {font-size:1.4em; font-weight:400; color:#666;}
#fotoDesc3 .span3 {font-size:1.1em; font-weight:200; color:#666;}
#fotoDesc3 .span4 {font-size:0.8em; font-weight:400; color:#3BA3D0;}

#fotoIMG img, #foto img, #fotoRelacionados img, #fotoSearch img{
display: block;
 margin-left: auto;
 margin-right: auto;
 width: 100%;
}

#gridCat, #grid, #gridAll {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

/* FILTRAR (dropdown) */
.dropdown {position: relative;display: inline-block;cursor:pointer;}
.dropdown-content {display:none;position:absolute;margin-left:-10px;font-size:0.7em;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding:0;z-index:1;}
.dropdown:hover .dropdown-content {display: block;}
.dropdownLink{cursor:pointer;color:#666;background-color:#fff;padding:8px 10px;white-space: nowrap;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
}
.dropdownLink:hover{color:#fff;background-color:#3BA3D0;}


.titulo{ color:#3BA3D0; font-size: 1.8em;margin-bottom:1em;}
.titulo-A{font-size:2.5em; letter-spacing:-0.001em; font-weight:100;line-height:1.1em; color:#666666}
.subtitulo-A{font-size:2em; font-weight:100;line-height:1.1em;color:#666666}
.subtitulo-B{font-size:1.6em; font-weight:200;line-height:1em;color:#666666}
.tituloArtigo{ color:#333; font-size:2.4em; font-weight:200;}
.tituloBlack{ color:#3BA3D0; font-size: 1.2em; }
.tituloBlackSub{ color:#3BA3D0; font-size: 0.9em; font-weight:bold;}

.etiqCat{font-size:1.2em; color:#3BA3D0; padding:0; padding-left:4px;}
.etiqSub{font-size:1em; color:#666; padding:0;}

.texto{font-size:0.8em; color:#666; padding:0;}
.texto a{text-decoration:underline;}
.textoRef{font-size:0.7em; color:#666; padding:0;}
.textoRef2{font-size:0.7em; color:#3BA3D0; padding:2px 6px 2px 6px; margin-left:0px; line-height:20px; background-color:#E2EAF0; font-weight:bold; }
.textoProduto{font-size:1em; color:#666; padding:0;}
.price{font-size:1.4em; color:#666; padding:0; font-weight:bold;}
.detailProd{color:#333; font-size: 1.2em;}
.etiq{font-size:0.8em; color:white; padding:0.25em 0.5em 0.25em 0.5em; background-color:#3BA3D0; }
.etiq2{font-size:1em; color:333; padding:0.25em 0.5em 0.25em 0.5em; background-color:#FFEB40; }
.nomeCor{font-size:0.8em;font-style:italic}
.nomeSize{font-size:2.4em;font-style:italic;font-weight:bold;}


.close1{position:absolute; color:#3BA3D0; font-size:4em; cursor:pointer; top:0px; right:12px; z-index:10}
	
/* Magnifying glass */
.magnify {width: 100%; position: relative;border:none; cursor:crosshair}
.large {
	width: 180px; height: 180px;
	position: absolute;
	border-radius: 100%;
	/*Multiple box shadows to achieve the glass effect*/
	box-shadow: 0 0 0 2px rgba(255, 255, 255, .5), 4px 4px 10px 0px rgba(0, 0, 0, .25), 
	inset 10px 10px 40px 0px rgba(255, 255, 255, .5),
	inset -10px -10px 20px 0px rgba(0, 0, 0, .1);
	/*hide the glass by default*/
	display: none;
}
/*To solve overlap bug at the edges during magnification*/
.small { display:block; }
.smal img {/*border:thin dotted red;*/}




.logo{width:100%;max-width:170px;padding:0px 0px 0px 10px;}





/* FORMULARIOS & BOTOES # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

form {margin:0;padding:0;}
button{outline:0}
input, textarea, select {cursor:pointer; white-space: normal;
	padding:8px 4px 4px 4px; margin:0px;display:inline-block; color: #333;border-radius:4px;
	background-color: transparent; font-size: 1.1em;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:thin dashed #ccc;
}
input:hover, textarea:hover, select:hover{background-color:#fff;}
input:focus, textarea:focus, select:focus{background-color:#fff;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ font-style:italic;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */ font-style:italic;}
::-ms-input-placeholder { /* Microsoft Edge */ font-style:italic;}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #3BA3D0;
  -webkit-text-fill-color: #333;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

input.fillingProformaHide {cursor:pointer; white-space:normal; width:90%;
	padding:2px 4px; margin:0px;display:inline-block; color: #666;border-radius:0px;
	background-color: #E3EDF9; font-size: 1em;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	border:none;font-style:italic;
}
input.fillingProformaHide:hover, input.fillingProformaHide:focus {background-color: #E3EDF9;color: #333;font-style:normal;}

input.fillingProforma {cursor:pointer; white-space: normal;width:90%;
	padding:2px 4px; margin:0px;display:inline-block; color: #333;border-radius:0px;
	background-color: #FBEFA2; font-size: 1em;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	border:none;
}
input.fillingProforma:hover, input.fillingProforma:focus {background-color: #FBEFA2;}



/* LOGIN FORM */
.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
.input-container a {color:#fff;opacity:0.7;text-decoration:none;display:inline-block;width:100%;}
.input-container a:hover {opacity:1;text-decoration:underline;}
.input-container ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:white;/* Firefox */}
.input-container :-ms-input-placeholder { /* Internet Explorer 10-11 */ color:white;}
.input-container ::-ms-input-placeholder { /* Microsoft Edge */ color:white;}
.icon {
  padding: 10px;
  background: white;
  color: #3BA3D0;
  min-width: 40px;
  text-align: center; border-radius:5px 0px 0px 5px;
}
.input-field {
  width: 100%;
  padding: 10px;
  color: white;
  border: 1px solid white;
  border-radius:0px 5px 5px 0px;
}

.input-field:hover, .input-field:focus {border: 1px solid #3BA3D0; color: #333;}
.btn {background-color: #3BA3D0;color: white;padding: 10px;border: 1px solid white;border-radius:5px;cursor: pointer;width: 100%;}
.btn:hover {background-color:white ;color: #3BA3D0;}


/* REGISTO FORM */
.input-registo {margin-bottom: 10px;}
.input-registo label{padding:2px 10px;font-size:0.8em;font-weight:bold;text-align:left;}
.input-registo-field ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#ccc;/* Firefox */}
.input-registo-field :-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#ccc;}
.input-registo-field ::-ms-input-placeholder { /* Microsoft Edge */ color:#ccc;}
.input-registo-field { width: 100%;padding: 10px;color: #666;border: 1px solid #666;border-radius:5px;}
.btn-registo {background-color:#ddd;color: #666;padding: 10px;border: 1px solid #666;border-radius:5px;cursor: pointer;width: 100%;display:block;}
.input-registo-field:hover, .input-registo-field:focus {color: #333;}
.btn-registo:hover {background-color:#333 ;color:white;}

.btn-registo-2 {background-color:green; color:white;padding: 10px;border: 1px solid #666;border-radius:5px;cursor: pointer;width: 100%;display:block;}
.btn-registo-2:hover {background-color:#3BA3D0}
button[type="submit"]:disabled {opacity:0.2;}

#fillingForm {display:none;position:absolute;width:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.75);}

.btn-quantidades{background-color:white;color: #666;border:thin solid #ccc;border-radius:5px;cursor: pointer;width: 100%;}
.btn-quantidades{padding:5px;}
.btn-refresh{background-color:white;color: #666;border:thin solid #ccc;border-radius:5px;cursor: pointer;width: 100%;font-size:1.1em}
.btn-quantidades:hover, .btn-refresh:hover{border:thin solid #666;}
.btn-refresh{transition-duration: 1s;}
  .bounce {
        animation: bounce 450ms;
        animation-timing-function: linear;
		color:white;background-color:red;
    }
	@keyframes bounce{
	  25%{transform: scale(1.15);}
	  50%{transform: scale(0.9);}
	  75%{transform: scale(1.1);}
	  100%{transform: scale(1.0);}
	}


.btn-comprar {background-color:white;color: #666;padding: 10px;border:thin solid #ddd;border-radius:5px;cursor: pointer;width: 100%;
	font-size:1.2em;min-width:50px;text-align:center;}
.btn-comprar:hover {background-color:#e5e5e5 ;color:#666;border:thin solid #666;}

.btn-esgotado {background-color:white;color: red;padding: 10px;border:thin solid red;border-radius:5px;cursor: pointer;width: 100%;
	font-size:1.2em;min-width:50px;text-align:center;}
.btn-esgotado:hover {background-color:red ;color:white;border:thin solid white;}

/* DADOS FORM */
.input-dados {margin-bottom: 10px;}
.input-dados label{padding:0px 5px;font-size:0.8em;font-weight:bold;text-align:left;}
.input-dados-field ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#ccc;/* Firefox */}
.input-dados-field :-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#ccc;}
.input-dados-field ::-ms-input-placeholder { /* Microsoft Edge */ color:#ccc;}
.input-dados-field {background-color:transparent;width: 100%;padding: 10px;color: #666;border: thin solid #666;border-radius:5px;}
.btn-dados {font-size:1em;background-color:#3BA3D0;color:#fff;padding: 10px;border:none;border-bottom:thin solid #ccc;border-radius:5px;cursor: pointer;width: 100%;}
.input-dados-field:hover, .input-dados-field:focus {color: #333;}
.btn-dados:hover {background-color:#FFEB40;color:#333;}



.myButton, .myButtonSub, .myAccountButton{clear:both;text-align:center;border-radius:5px;padding:10px;margin:0;width:100%;cursor:pointer;border:none;}
.myButton{ color:#fff;background-color: #3BA3D0;border-bottom:thin solid #ccc;}
.myButtonSub{color:#666;background-color: #e5e5e5;border-bottom:thin solid #ccc;}
.myButton:hover, .myButtonSub:hover{ background-color:#FFEB40;color:#333;}

.myAccountButton{color:#fff;background-color: none; text-align:right;}
.myAccountButton:hover{background-color: #fff;color:#3BA3D0;}



.myButton, .myButtonSub, .myAccountButton, .btn-dados, .btn-registo, .btn-registo-2, .btn, #close, .btn-comprar, .btn-quantidades, .btn-esgotado{
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
}






.full{width:100%;}
.half{width:57%;}
.tiny{width:27%;}

.formFull{width:96%;border-bottom:thin solid #ddd; border-radius:0px ;padding:0.5em; margin:0; border-radius:0 0 5px 0;}

.requestForm{background-color: white;border-radius:2px; padding:0.8em 0.5em 0.8em 0.5em; border-bottom:none;}


select {
  margin: 0px;
  /*width: 150px;font-size: 16px;  height: 34px;border: 1px solid #CCC;*/
  padding: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /**/
  background: url(./images/triangle.png) no-repeat;
  background-position: right bottom;
  
}
/* CAUTION: Internet Explorer hackery ahead */
select::-ms-expand {
    display: none; /* Remove default arrow in Internet Explorer 10 and 11 */
}
/* Target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select {
        background: none\9;
        padding: 5px\9;
    }
}


.btnSearch {padding:0em 1em 0em 1em; width:100%; height:3em; display:block;border-radius:0px;border-bottom:thin solid #ccc; 
	font-size:1.2em; color:#333; background-color:#F4F4F4;}
.btnSearch:focus .btnSearch:hover{}

.btnFilter {padding:0px; width:100%; display:block;border-radius:0px;border:none; color:#666; background-color:transparent; font-size:1em; font-weight:200;}
.btnFilter:focus, .btnFilter:hover{color:#3BA3D0;background-color:transparent;}

.stylish {font-family: helvetica, georgia, FontAwesome;}
.stylishSearch{font-family: helvetica, georgia, FontAwesome;}


.btDelete{cursor:pointer; padding:5px; border-radius:5px;display:inline-block;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
}
.btUser{cursor:pointer; padding:10px; border-radius:5px;display:inline-block;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
}


.btToConnect{background-color:#ddd;font-size:0.8em;padding:10px;border-radius:4px; margin-top:20px;}

.btConnect{background-color:#eee; color:#ccc;}
.btConnect:hover{background-color:#3BA3D0; color:#fff;}

.btCancelConnect{position:absolute; top:-10px; left:-10px; background-color:#ccc; color:#eee;}
.btCancelConnect:hover{background-color:#333; color:#eee;}

.btDisConnect{background-color:#3BA3D0; color:#fff;}
.btDisConnect:hover{background-color:#eee; color:#333;}


.btConnect, .btDisConnect, .btCancelConnect{cursor:pointer; padding:7px 10px;border-radius:4px; 
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
}
.btConnect i, .btDisConnect i{font-size:3em;padding:10px;}

.lg{font-size:1.3em; width:80%; max-width:200px;}
.md{font-size:1.2em;}
.sm{font-size:1em;}

.white, .red, .green, .grey{color:#333;}
	.white:hover{color:white;background-color:#333}
	.red:hover{color:white;background-color:#FF1C2D}
	.green:hover{color:white;background-color:#009d00}
	.grey:hover{color:white;background-color:#333}

.blue{background-color:#ddd;color:#333; }
	.blue:hover{background-color:#3BA3D0;color:#fff;}
.blue-active{background-color:#3BA3D0;color:#fff;}

.yellow{color:#333; background-color:#ddd;}
	.yellow:hover{color:#333;background-color:#FFEB40}
.yellow-active{background-color:#FFEB40;color:#333;}

.form {color:white;background-color:#3BA3D0; }
	.form:hover{color:#333;background-color:#FFEB40}

.cartChanges {color:white;border:thin solid #fff;background-color:#3BA3D0; }
	.cartChanges:hover{color:#333;border:thin solid #FFEB40;background-color:#FFEB40}

.buy{color:#333; border:thin solid #ddd; background-color:transparent;}
	.buy:hover{color:white;border:thin solid #3BA3D0;background-color:#3BA3D0}

.border{color:#fff;border:thin solid #fff;background-color:transparent}
	.border:hover{background-color: #fff;color:#3BA3D0;}

.borderBlack{color:#666;border:thin solid #ddd;background-color:transparent}
	.borderBlack:hover{background-color: #3BA3D0;color:#fff;border:thin solid #3BA3D0}

.borderNormal {border:thin solid #ddd; border:inside;}

.noAction {color:#b9b9b9; border:none; background-color:#e7e7e7}
	.noAction:hover {color:#666; background-color:#ddd}

.redDelete{color:#fafafa; border:none; background-color:none}
	.redDelete:hover{color:#fff; background-color:#FF1C2D}

.simple{background-color: #fff;color:#3BA3D0;}

.noBorder{border:none;}

.btPosition{background-color:#ddd;color:#333; padding:5px;}
	.btPosition:hover{background-color:#3BA3D0;color:#fff;}

.btEdit{color:#3BA3D0;cursor:pointer;border-radius:4px; float:left; padding:5px; margin:2px;font-size:1.35em }
.btEdit:hover{background-color:#3BA3D0; color:#ffffff;}

.btDestaque{color:#ccc;cursor:pointer;border-radius:4px; float:left; padding:5px; margin:2px;font-size:1.35em }
.btDestaque:hover{background-color:#FFEB40;color:#333;}
.btDestaqueActive{background-color:#FFEB40;color:#333;}

.btEditAbsolute{color:#3BA3D0;cursor:pointer;border-radius:4px; float:left; padding:5px; position:absolute;top:0;left:0;font-size:2em }
.btEditAbsolute:hover{background-color:#3BA3D0; color:#ffffff;}


.boxWhite{
	border-radius:5px; padding:2px 2px 10px 2px;
	color:#333;
	background-color: #fff;
	float:left; margin:0; width:20%;
}
.boxWhite:hover{background-color: #eee;}
.boxWhite div:hover{border:thin solid #333;}

.boxYellow{
	text-align:center;
	position:relative;
	border-radius:5px; padding:10px;
	color:#333;
	background: #ffeb40;
	background: -moz-linear-gradient(top, #ffeb40 0%, #fff 100%);
	background: -webkit-linear-gradient(top, #ffeb40 0%,#fff 100%);
	background: linear-gradient(to bottom, #ffeb40 0%,#fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeb40', endColorstr='#fff',GradientType=0 );
}
.boxGrey{
	text-align:center;
	position:relative;
	border-radius:5px; padding:10px;
	color:#333;
	background: #d8dbda;
	background: -moz-linear-gradient(top, #d8dbda 0%, #f2f2f2 100%);
	background: -webkit-linear-gradient(top, #d8dbda 0%,#f2f2f2 100%);
	background: linear-gradient(to bottom, #d8dbda 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8dbda', endColorstr='#f2f2f2',GradientType=0 );

}

	





/* CHECKBOX ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* The container */
.containerCheck {
    display: block;
    position: relative;
    padding-left: 20px;
	margin:0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.containerCheckBig {
    display: block;
    position: relative;
    padding-left: 50px;
	margin:0; font-size:1.4em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.containerCheck input, .containerCheckBig input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.containerCheck .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
	border:thin solid #3BA3D0;
	border-radius:2px;
}
.containerCheckBig .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 38px;
    width: 38px;
    background-color: #eee;
	border:thin solid #3BA3D0;
	border-radius:3px;
}

/* On mouse-over, add a grey background color */
.containerCheck:hover input ~ .checkmark, .containerCheckBig:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerCheck input:checked ~ .checkmark, .containerCheckBig input:checked ~ .checkmark  {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.containerCheck input:checked ~ .checkmark:after, .containerCheckBig input:checked ~ .checkmark:after  {
    display: block;
}

/* Style the checkmark/indicator */
.containerCheck .checkmark:after{
    left: 4.5px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.containerCheckBig .checkmark:after {
    left: 9.5px;
    top: 1.5px;
    width: 10px;
    height: 18px;
    border: solid white;
    border-width: 0 6px 6px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* HOME ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.wrapper {
  max-width: 1180px;
  margin: 0 auto;
}
.wrapper > div {
  border:none; border-top:2px solid #e5e5e5;
  border-radius: 0px 0px 5px 5px;
  padding: 14px;
  color: #333;
}
.wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(50px, auto);
}

.one {
  background-color: #fff;
  grid-column: 1;
  grid-row: 1/4;
}
.two {
  background-color: #eee;
  grid-column: 2/3;
  grid-row: 3;
}
.three {
  background-color: #eee;
  grid-column: 3;
  grid-row: 3;
}
.four {
  position:relative; background-color: #3BA3D0; /* #FFEB40 */;
  grid-column: 2/4;
  grid-row: 2;
}
.five {
  position:relative; background-color: #fff;
  grid-column: 2/3;
  grid-row: 1/2;
}
.six {
  position:relative; background-color: #fff;
  grid-column: 3;
  grid-row: 1 / 2;
}

.homeSection {width:100%;}
.homeSectionCell{float:left; width:50%;}

#topLink{display:block}
.topLink{clear:both;margin:0 auto;width:40px;padding:50px 0;font-size:4em; color:#e5e5e5; cursor:pointer;}
.topLink:hover i{color:#3BA3D0;
		-webkit-transform: rotate(360deg);
	    -moz-transform: rotate(360deg);
	    -o-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	    transform: rotate(360deg);
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
}

/* HOME CAROUSEL ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.mySlides {display: none;position:relative;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  width: 100%;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  bottom: 0px;
  width: auto;
  padding: 0px 16px;
  margin-top: 0px;
  color: #ccc;
  font-size: 3em;
  transition: 0.6s ease;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  color: #333;
}



/* Number text (1/3 etc) */
.numbertext {
  color: #ccc;
  font-size: 1.2em; padding: 1em;
  position: absolute;
  bottom: 0;
  width:100%;
  text-align:center;
}


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1s;
  animation-name: fade;
  animation-duration: 1s;
}

@-webkit-keyframes fade {
  from {opacity: 0} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: 0} 
  to {opacity: 1}
}



#pop, #popPermanente{display:block;position:fixed; top:0px;z-index:7000; width:100%;font-size:1.1em;padding:10px;}
#pop div, #popPermanente div {margin:0 auto; width:60%; max-width:500px;cursor:pointer;color:#333;opacity:0.9;
	border-radius:5px; padding:20px; background-color:#eee;}
#pop div:hover, #popPermanente div:hover;{color:#000;opacity:1;}
.w3-animate-top-popMsg{position:relative;animation:animatetoppopMsg 0.5s}
@keyframes animatetoppopMsg{
	from{top:-300px;opacity:0}
	to{top:0px;opacity:1}
}

#myCondicoes {display:none;}

#fastbuyBox{font-size:1em; color:#666; background-color:#fff;cursor:normal;
	 position:fixed; z-index:6003; top:140px; left:50%; transform: translate(-50%, 0%);
	  width:100%; max-width:900px; padding:20px;border-radius:10px;}
.w3-animate-top-txtHint{position:relative;animation:animatetoptxtHint 0.5s}
@keyframes animatetoptxtHint{
from{top:-300px;opacity:0}
to{top:140px;opacity:1}
}  

#cartChanges{position:fixed; z-index:6010;width:100%;top:65px;}
#cartChangesContainer{position: relative; width:100%; max-width:1200px;margin:0 auto;}
#cartChangesIN{position:absolute; right:0; border-radius:5px;padding:35px 20px 20px 20px;font-size:0.8em;width:250px;background-color:#3BA3D0; color:#fff;}
.cartheader{width:100%;clear:both;color:#FFEB40; padding-bottom:8px;margin-bottom:10px;}
#cartChanges #close{position:absolute; cursor:pointer;bottom:-15px; left:50%; margin-left:-10px;
	border-radius:4px;padding:5px 8px;background-color:#3BA3D0; color:#FFEB40;font-size:2em;}
#cartChanges #close:hover{background-color:#FFEB40; color:#333;}

.w3-animate-top-cart{position:relative;animation:animatetopcart 0.5s}
@keyframes animatetopcart{
	from{top:-300px;opacity:0}
	to{top:65px;opacity:1}
}
#myAccount{display:none; position:fixed; z-index:6010;width:100%;top:65px;font-size:1.2em;}
#myAccountContainer{position: relative; width:100%; max-width:1200px;margin:0 auto;}
#myAccountIN{position:absolute; right:0; width:250px;padding:10px;border-radius:5px;font-size:0.8em;
	background-color:#3BA3D0; color:#fff;}
#myAccountIN i{font-size:1.2em;}
#myAccount #close{position:absolute; cursor:pointer;bottom:-10px; left:50%; margin-left:-10px;
	border-radius:4px;padding:5px 8px;background-color:#3BA3D0; color:#fff;font-size:1em;}
#myAccount #close:hover{background-color:#fff; color:#3BA3D0;}
.w3-animate-top-account{position:relative;animation:animatetopaccount 0.5s}
@keyframes animatetopaccount{
	from{top:-300px;opacity:0}
	to{top:60px;opacity:1}
}



.w3-animate-right-mobileNav{position:relative;animation:animaterightmobileNav 0.5s}
@keyframes animaterightmobileNav{
	from{right:-300px;opacity:0}
	to{right:0px;opacity:1}
}

#fastbuyBox{border-radius:6px;border:thin solid #ccc;}		
#myAccount, #cartChanges{border-radius:6px;}

#erroPass, #errometodo1, #errometodo2{font-size:1em;font-family: 'Helvetica Neue', 'Helvetica', arial, serif; color:red;}

#myAccountIN,#cartChangesIN,#fastbuyBox{box-shadow: 0px 12px 8px -2px rgba(0,0,0,0.25);}

/* COOKIES */
#myCookieConsent {z-index: 9999;padding:10px 20px; width:100%;overflow: hidden;position: fixed; font-weight:normal;
	background-color:white;color: #333;bottom: 0px; left: 0px; right: 0px;display: none;text-align: center; opacity:0.8;}
#myCookieConsent:hover {opacity:1;background-color:#fff;}
#myCookieConsent a#cookieButton, #myCookieConsent a#cookieButton2 {display: inline-block;color: #333;
	background: white;text-decoration: none;cursor: pointer;padding: 5px 15px;border-radius: 5px;}
#myCookieConsent a#cookieButton:hover, #myCookieConsent a#cookieButton2:hover {background: #3BA3D0;color: #fff;}


#accordionTerms div{padding:40px 60px}


/* Formatting search box */
.search-box{position: relative;display: inline-block;width:85%;}
.result{position: absolute;z-index: 999;top: 100%;left: 0;background: #fff;color: #666;}
.search-box input[type="text"]{width: 100%; color:#3BA3D0;box-sizing: border-box;border: none;}
.search-box:hover input[type="text"]{color:#333;}
.result{ width: 100%;box-sizing: border-box;}
.result div{margin: 0;padding: 7px 12px;border: none; border-bottom:thin solid #ddd;cursor: pointer;}
.result div:hover{background: #ddd;color: #333;}
.result p.sugestion{margin: 0;padding: 7px 12px;border: none; border-bottom:thin solid #ddd;font-size:9px;background: #eee;color: #3BA3D0;}
.result span.notlinkable{padding-left:10px;font-size:9px;}


.headbackground{width:100%; background-color:#3BA3D0;position:absolute; z-index:-1; height:80px}
.headcontainer{width:100%; max-width:1200px; margin:0 auto; padding:12px 0px 0px 0px;}
.headwrapper {
  display: flex;  
  flex-flow: row wrap;
}
.headwrapper > * {
  padding: 0px;
  flex: 1 100%;
  text-align:left;
}

.menuDiv{padding:0px 0px 0px 0px}
.menuDivNav {display:none;background-color:#FFEB40;color:#333;width:100%;border-radius:5px;}
.navSelected{background-color:#FFFF97;border-radius:5px;}
.navNormal{background-color:#FFEB40;border-radius:5px;}	
.navSelected, .navNormal{text-transform:uppercase;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.navSelected:hover, .navNormal:hover{background-color:#FFFF97;}
.mobileToggle{display:block;color:#3BA3D0;}
.sideCart{padding-right:25px;}
.sideDiv { height:65px; min-width:140px;}
.sideDivButton {position:relative; float:right; margin-right:10px; padding-top:10px; cursor:pointer;height:65px;}
.sideDivButton i {font-size:3em;color:#fff;}
.sideDivButton:hover i {font-size:3em;color:#FFEB40;}


.searchDiv {width:100%;padding:0px;background-color:#FFEB40; color:#3BA3D0;}
.searchDiv ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#3BA3D0;opacity: 1; /* Firefox */}
.searchDiv :-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#3BA3D0;}
.searchDiv ::-ms-input-placeholder { /* Microsoft Edge */ color:#3BA3D0;}
.searchDiv input{float:left;width:85%;color:#3BA3D0;border:none; border-radius:0px; margin:0; padding:0.8em; padding-left:10px; font-size: 1.4em;}
.searchDiv input:hover{background-color:#FFEB40; color:#333;}
.searchDiv input:focus{background-color:#FFEB40; color:#333;}


@media all and (min-width: 100px) {
  .sideDiv { flex: 1 0 0; }
}
@media all and (min-width: 768px) {
	.menuDiv {padding:0px 10px 0px 10px}
}
@media all and (min-width: 540px) {
	.search-box input[type="text"]{width: 80%; color:#fff;box-sizing: border-box;border: none;}
	.search-box:hover input[type="text"]{color:#fff;border-bottom:thin solid #fff;}
	
	
	.searchDiv {background-color:transparent;color:#fff;padding-top:2px;}
	.searchDiv ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color:#fff;opacity: 1; /* Firefox */}
	.searchDiv :-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#fff;}
	.searchDiv ::-ms-input-placeholder { /* Microsoft Edge */ color:#fff;}
	.searchDiv input{width:100%; border-radius:0; margin:0; padding:0.8em; color:#fff; background-color:transparent; font-size: 1.5em; border:none;}
	.searchDiv input:hover{width:100%; background-color: transparent; }
	.searchDiv input:focus{width:100%; background-color: transparent; }

  .searchDiv	{ flex: 5 0px;}
  .sideLogo 	{ order: 1; } 
  .searchDiv	{ order: 2; }
  .sideCart 	{ order: 3; }
  .menuDiv  	{ order: 4; }
  .menuDivNav 	{display:block;}
  .mobileToggle	{display:none; }
  #mobileNav{display:none!important;}
  .headbackground{height:100px} 
}


/* MEDIA QUERIES ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 960px){
	#navigation{ border-radius:0px;}
	#gridHolder0{width:25%;}
	#gridHolder3{width:16.6%;}
}
@media only screen and (max-width: 824px){
	#gridHolder2{width:100%; float:left;}
	#produtosLeft{width:100%;}
	#produtosRight{width:100%;}
	#janelaAux{margin:2em 0 0 0;}
	#gridHolder3{width:25%;}
	#gridAllrelacionados{width:50%;}
	#fotoRelacionados {width:35%;}
	#descRelacionados {width:65%;text-align:left; padding:1em;}	
}
@media only screen and (max-width: 778px){
	body{font-size:8pt;}
	#gridHolder2{width:100%;}
	#gridHolder1{width:33.3%;}
	#gridHolder3{width:20%;}
	#conteudo-double-left{width:100%;text-align:left;}
	#conteudo-double-right{width:100%;text-align:left;}
	#conteudo-triple{width:50%;}
	#conteudo-enc-right{width:100%;}
	#conteudo-enc-left{width:100%;}
}
@media only screen and (max-width: 768px) {	
	
	#accordionTerms div {padding:20px 30px}
	
	#ContentBar{padding:0px 5px}
	#gridCatSubTitle{padding:10px 10px 10px 5px; }
	#conteudo-double-cart{width:100%;}
			
	#conteudo-triple{width:100%;}

	
	#conteudo-double-produto-A,#conteudo-double-produto-B{width:50%;}
	.menuDivNav {border-radius:0px;}
	#gridHolder2{width:25%;}
	#conteudo-single{padding:2em 0 0 0; margin:0 auto; width:100%}
	#conteudo-double{padding:2em 0 0 0; margin:0 auto; width:100%}
	#gridAll #fotoIMG div div{padding:10px 20px 10px 10px;}
	#gridAll:hover #fotoIMG div div{padding:10px 20px 10px 10px;}
	.logo{width:130px; padding-top:5px;}
	#cartChanges {left:0px; width:100%; border-radius:0px;}
	#fastbuyBox {width:100%; border-radius:0px;}
	.one {grid-column: 1;grid-row: 1/4;}
	.two {grid-column: 2/4;grid-row: 1/2;}
	.three { grid-column: 2/4;grid-row: 2;}
	.four {grid-column: 1;grid-row: 4;}
	.five {grid-column: 2/3;grid-row: 3/5;}
	.six {grid-column: 3;grid-row: 3/5;}
	.homeSectionCell{float:left; width:100%;}
}

@media only screen and (max-width: 540px) {
	body{font-size:9pt;}
	
	#accordionTerms div {padding:20px 10px}
	
	#pop div, #popPermanente div {width:100%}
	.floatRight{width:100%;}
	#cartLeft{width:100%;}
	#cartRight{width:100%;}
	#gridHolder0{width:50%;}
	#gridHolder1{width:50%;}
	#gridHolder2{width:33.3%;}
	#gridHolder3{width:50%;}
	#conteudo-double-produto-A,#conteudo-double-produto-B{width:100%;}
	#conteudo-triple-A{width:100%;padding-left:0px;}
	#conteudo-triple-B{width:100%;}
	#conteudo-triple-C{width:100%;}
	
	#footer-double-A{width:100%;}
	#footer-double-A .links{width:50%;text-align:center;}
	#footer-double-A .links i{display:none}
	#footer-double-B{width:100%;padding:30px 0px;text-align:center;}

	
	.tab {position:relative; float:left; width:20%; }
	.galleryContent{position:relative; width:80%;}
	.tablinks{width:100%;float:left; float:left; cursor:pointer;padding-top:100%;}
	.tabcontent {display:none;float:left; }
	.searchDiv {padding-top:0px;}
	.wrapper {grid-template-columns: repeat(2, 1fr);}	
	.one { grid-column: 1/2;grid-row: 1/3;}
	.two {grid-column: 1/2;grid-row: 4/5;}
	.three {grid-column: 2/3;grid-row: 4/5;}
	.four {grid-column: 1/3;grid-row: 3/4;}
	.five {grid-column: 2/3;grid-row: 1/2;}
	.six { grid-column: 2/3;grid-row: 2/3;}
	

	.homeSectionCell{float:left; width:50%;}
}
@media only screen and (max-width: 480px) {
	body{font-size:8pt;}
	.headcontainer{padding:6px 0px 0px 0px;}
	#gridHolder1{width:50%;}
	#gridHolder2{width:50%;}
	#gridAllrelacionados{width:100%;}
}
@media only screen and (max-width: 350px) {
	body{font-size:7pt;}
	#gridHolder0{width:100%;}
	#gridHolder2{width:100%;}
	#gridAllrelacionados{width:100%;}
}


div{  /*   border:thin dotted #ddd; */    }