@charset "utf-8";
/* CSS Document */

@import url("../fontawesome-free-5.0.8/web-fonts-with-css/css/fontawesome.min.css");
@import url("../fontawesome-free-5.0.8/web-fonts-with-css/css/fontawesome-all.min.css");
@import url("../bootstrap/css/bootstrap.min.css");

html, body { height:100%;}
body { margin:0; margin-bottom:1px; padding:0; padding-right:50px; padding-top:210px;}

/* GOOGLE TRANS*/
#google_translate_element { display: none; }
.skiptranslate { display:none;}
body {top:0 !important;}
/**/

.table-layout { width:100%; height:100%; max-width:1920px; margin:auto;}
.table-layout-header {}
.table-layout-body {height:100%; vertical-align:top; padding-top:40px;}
.table-layout-footer {}

.logo-xs {}
.logo-sm { display:none;}

#cartWrapper {text-align:right;}

div.page-top { background:#FFF; position:fixed; left:0px; right:50px; top:0px; height:auto; border-bottom:1px solid #f2f2f2; z-index:10000;
-webkit-box-shadow: 0px 0px 50px 0px rgba(102,102,102,1);
-moz-box-shadow: 0px 0px 50px 0px rgba(102,102,102,1);
box-shadow: 0px 0px 50px 0px rgba(102,102,102,1);

}
div.top-bar { width:100%; height:auto; color:#000; font-size:.9em; background:#f2f2f2; line-height:1.8em}

.top-phone, .langSelect, .top-client{ white-space:nowrap; float:left; padding:0 15px; position:relative;}
.top-phone, .langSelect  {width:50%;}
.langSelect  {text-align:right;}
.top-client{ width:100%; clear:both;}

@media all and (min-width:768px) {
	body { padding-top:115px;}
	
	/*.logo-sm { display: table-cell !important;}*/
	.logo-xs { display:none;}
	.logo-sm { display: inline-block; width:10%;display:table-cell; text-align:center;}

	.langSelect { text-align:center;}
	.top-client { text-align:right;}
	.top-phone {width:40%;}
	.langSelect  {width:20%;}
	.top-client{ width:40%; clear:none;}
}



/*
style="max-width:50%;"
*/


#ddClientMenuToggle {cursor:pointer;}
#ddClientMenu { position:absolute; top:auto; right:0; background:#FFF; padding:15px; z-index:2; display:none; text-align:left; line-height:1.5em; border:1px solid #E0E0E0;}
#ddClientMenu a { display:block; padding:5px 10px; white-space:nowrap;}
#ddClientMenu a:hover { text-decoration:none; background:#f0f0f0;}

.search-form {}
.search-form * { border:none !important; border-radius:0 !important; outline:none !important; box-shadow:none !important;}
.search-form .input-group { border:1px solid #e0e0e0 !important; padding-right:2px !important;}


div.logo-bar { width:100%; height:auto; padding-top:10px; padding-bottom:10px;}

div.page-title { width:100%; border-bottom:1px solid #E0E0E0; padding:15px 0px; margin-bottom:30px; }
div.page-title h1, div.page-title h2, div.page-title h3, div.page-title h4, div.page-title h5 { display: inline; margin:0; padding:0; }

#sidenav {height: 100%; width:320px; position: fixed;z-index:99999;top: 0px;bottom: 0px;right:-266px; color:#CCC;background-color: #111;padding:15px;-webkit-transition: all .5s; transition: all .5s; overflow: auto;}
#sidenavToggle { cursor:pointer;}

#sidenav .langSelect { position:absolute; top:80px; left:12px; background:#FFF; width:36px; height:36px; border-radius:50%; text-align:center; line-height:36px; font-size:.9em}


.a2a_default_style { position: absolute; bottom:15px; }
.a2a_default_style a { clear:both; margin-bottom:5px;}

.sidenav-open {left: auto !important; right:0px !important;}

.follow-us-box, .newsletter-box { width:100%; padding:15px;}
.follow-us-box { border:1px solid #E0E0E0;}
.newsletter-box { background:#f2f2f2;}
.newsletter-box h4 { font-size:1.4rem;}
.follow-us-box, .newsletter-box { margin-bottom:30px;}

.square { border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; }
.bg-contain { background-position:center; background-repeat:no-repeat; background-size: contain;}
.bg-cover { background-position:center; background-repeat:no-repeat; background-size: cover;}
div.clear { width:100%; clear:both;}
div.clear30 { width:100%; clear:both; height:30px;}

.old-price {text-decoration:line-through; opacity:.5;}

.adblock { position:relative; margin-bottom:30px;}
.adblock div.text{ padding:10px; position:absolute; bottom:15px; left:30px; background:rgba(51,49,52, .7); color:#FFF; max-width:100%; overflow:hidden; margin-right:30px;}
.adblock img { background-repeat:no-repeat; background-size:cover;}



.adblock-xl { position:relative; margin-bottom:30px; margin-top:-40px;}
.adblock-xl div.text{ padding:10px; position:absolute; top:50%; left:0px; right:0px; color:#FFF; overflow:hidden; text-align:center; text-shadow: 0 0 6px #5E5E5E;}
.adblock-xl img { background-repeat:no-repeat; background-size:cover;}



.produto-frame-img {  }
.produto-frame-img img { -webkit-transition: background .5s; -moz-transition: background .5s; -o-transition: background .5s; transition: background .5s;}

.produto-frame-nome { width:100%; height:1.5em; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.produto-frame-preco { text-align:center;}
.produto-frame-preco table { width:100%;}
.produto-frame-preco td { text-align:center; color:#333; font-size:1.2em; font-weight:600;}
.produto-frame-preco td.antes { text-decoration:line-through; color:#B6B6B7; }
.produto-frame-link {text-align:center; text-decoration:none; }


footer { margin-top: 30px;}
.footer-section-1 { border-top: 1px solid #DEDEDE; border-bottom:1px solid #DEDEDE; padding-top:15px; padding-bottom:15px;background-color:#f2f2f2;}
footer table {width:100%;}
footer td { vertical-align:top;}
ul.nav-footer {margin:0; padding:0; list-style:none;}
ul.nav-footer a { font-size:.8em; color:#333; text-decoration:none;}
ul.nav-footer a:hover { color:#000; }
.footer-section-2 { padding:15px 0; background-color:#f2f2f2;}
.footer-section-3 {border-top: 1px solid #DFDEDF; font-size:.8em; padding:10px 0; background-color:#f2f2f2;}


.form-control, button.btn {border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; }



/* menu */

#menu { margin:0; padding:0; margin-left:40px}
#menu li {margin-bottom:1px; clear:both; line-height:32px;}
#menu>li {width:100%;float:left; }
#menu a { text-decoration:none; color:#f2f2f2;outline:none; display:inline-block;}
#menu a:hover {color:#FFF;}
#menu>li>a { background:#333; display:block; padding-left:5px;}

/*
#menu>li>a { color: #FC6; }
#menu>li>a:hover { background:none;}
*/
#menu li.has-submenu ul {display:none;}
/*
#menu .has-submenu>a:after { content: "+"; float:right; margin-left:10px; font-size:12px; }
/*#menu>.has-submenu>a:after { content: url(../images/1486588421_basics-08.png); }
#menu>.has-submenu>a:after { content: "+"; }
*/
#menu, #menu ul {list-style:none;}
#menu ul {width:100%; height:auto; /*background:#f9f9f9;*/ margin:0; padding:0; font-size:.9em;z-index:2;}
#menu ul li a { margin-left:.5em; }
#menu ul li ul li a { margin-left:1em; }


#menu li span { background:#999; font-size:.6em; width:32px; height:32px; text-align:center; cursor:pointer;}
#menu li ul li span { background:none; font-size:.6em; width:32px; height:32px; text-align:center; }


/* modal info */
#modalFrameWrapper { display:none; position: fixed; z-index:999999; top:0px; left:0px; width:100%; height:100%; background:#E9E9E8; background:rgba(68,67,69,.7)}
#modalFrameWrapper .modal-info { background:#FFF; width:600px; height:auto; max-width:100%; margin:auto; padding:20px; margin-top:5%; }

.back-to-top {cursor: pointer;position: fixed;bottom: 30px;right:30px;display:none;}

#cookiediv {position:fixed;left:0;bottom:0;width:100%;height:auto;z-index:1000;margin:0;padding:15px;display:none;background:#333;background:rgba(15, 15, 15, 0.95);color:#FFF; text-align:center;}