@font-face { font-family: 'font1'; src: url('/css/fonts/Renner-it-Book.woff') format('woff'), url('/css/fonts/Renner-it-Book.woff2') format('woff2');font-style: normal;}
html{width:100%;height:100%;margin:0px;padding:0;border:0;}
body{width:100%;height:100%;margin:0px;padding:0;border:0;overflow-x: hidden;font-family:font1;background-color:#fcfcfc;background-size:100% 100%;text-align:center;color:#000000;}

.lightbox {margin-top:150px;}

/*transitions*/
* {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
/*transitions exceptions */
div.cycle-slideshow a, div.cycle-slideshow, div.cycle-slideshow *, body:after, .lightboxOverlay, .lightbox, .lightbox *, div.container_contactos *, div.moredetails, div.moredetails *, .hidelogin, div.regpopup, .mobilmenuwrapper *, div.nav > ul > li .submenu > ul > li, div.nav > ul > li .submenu > ul > li a,div.nav .closeMenu,div.cartcontent table {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}

/*cycle animation*/
div.cycle-slideshow a {-moz-animation: animHeight 1s ease-out 1;-webkit-animation: animHeight 1s ease-out 1;-o-animation: animHeight 1s ease-out 1;animation: animHeight 1s ease-out 1;}
	
@-moz-keyframes animHeight {
	0% {height: 0;max-height:0;}
	100% {height: 100%;max-height:100%;}
}
@-webkit-keyframes animHeight {
	0% {height: 0;max-height:0;}
	100% {height: 100%;max-height:100%;}
}
@-o-keyframes animHeight {
	0% {height: 0;max-height:0;}
	100% {height: 100%;max-height:100%;}
}
@keyframes animHeight {
	0% {height: 0;max-height:0;}
	100% {height: 100%;max-height:100%;}
}

/*clear browser default styles*/
div.txtwrapper h1, h2, h3, h4, h5, h6 {font-weight: bold; font-family: font1; }
p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea { margin: 0; padding: 0; font-family:font1; }
q { font-style: italic; } 
small { font-size:.85em; } 
big { font-size:1.2em; }
form { margin: 0; padding: 0; display: inline; }
label { cursor: pointer; }

/*show animation*/
@-webkit-keyframes show {
  0% {margin-top:200px;}
  100% {margin-top:0;}
} 
@-moz-keyframes show {
  0% {margin-top:200px;}
  100% {margin-top:0;}
} 
@-o-keyframes show {
  0% {margin-top:200px;}
  100% {margin-top:0;}
} 
@keyframes show {
  0% {margin-top:200px;}
  100% {margin-top:0;}
}

/* Show from the right */
@-webkit-keyframes rightShow {
  0% {margin-right:-60px;}
  100% {margin-right:0px;}
} 
@-moz-keyframes rightShow {
  0% {margin-right:-60px;}
  100% {margin-right:0px;}
} 
@-o-keyframes rightShow {
  0% {margin-right:-60px;}
  100% {margin-right:0px;}
} 
@keyframes rightShow {
  0% {margin-right:-60px;}
  100% {margin-right:0px;}
}

div.prod, div.newsbox {-moz-animation: show 1s linear 1;-webkit-animation: show 1s linear 1;-o-animation: show 1s linear 1;animation: show 1s linear 1;}

div.no-js-popup {position:fixed;bottom:0;right:10%;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-ms-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;-webkit-box-shadow:0 0 10px #555753;-moz-box-shadow:0 0 10px #555753;-ms-box-shadow:0 0 10px #555753;-o-box-shadow:0 0 10px #555753;box-shadow:0 0 10px #555753;width:300px;max-width:80%;padding:10px;color:#ffffff;line-height:15px;text-align:center;background-color:#144173;margin:0;font-size:12px;z-index:100000;}

div.headerWrapper {position:fixed;top:0;left:0;width:100%;-webkit-box-shadow: 0px 0px 10px #BFBFBF;-moz-box-shadow: 0px 0px 10px #BFBFBF;-ms-box-shadow: 0px 0px 10px #BFBFBF;-o-box-shadow: 0px 0px 10px #BFBFBF;box-shadow: 0px 0px 10px #BFBFBF;z-index:200001;background-color: #fcfcfc;}

div.flags {position: fixed;top: 24px;right: 300px;}
div.selectedlang{float:left;}
div.notselectedlang{float:right;height:15px;margin:0 0 0 4px;}
img.lang{vertical-align:top;border:0px;width:20px;height:100%;}
div.flags a {float:right;}

img{border:none;max-width: 100%;}
a {color:#0b78ac;}
svg {max-height:100%;max-width:100%;}

/*buttons & inputs*/
input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input[type=submit], span.button, span.buttonsuc, span.buttonerr, div.pag a.navbtn, div.pag a, div.cycle-slideshow .cycle-prev:hover, div.cycle-slideshow .cycle-next:hover, span.register, .cont span,div.pag span.currpage, div.sub_contacts_details .contactLine span.fieldName {-moz-box-shadow:inset 0px 1px 0px 0px #1e61ac;-webkit-box-shadow:inset 0px 1px 0px 0px #1e61ac;box-shadow:inset 0px 1px 0px 0px #1e61ac;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #144173), color-stop(1,#0f335b));background:-moz-linear-gradient(top, #144173 5%, #0f335b 100%);background:-webkit-linear-gradient(top, #144173 5%, #0f335b 100%);background:-o-linear-gradient(top, #144173 5%, #0f335b 100%);background:-ms-linear-gradient(top, #144173 5%, #0f335b 100%);background:linear-gradient(to bottom, #144173 5%, #0f335b 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#144173', endColorstr='#0f335b',GradientType=0);background-color:#144173;border:1px solid #0b2644;color:#ffffff;cursor:pointer;text-decoration:none;padding:2px 10px;font-size:14px;line-height:18px;-webkit-appearance:none;appearance:none;}

input[type=submit]:hover, span.button:hover, span.buttonsuc:hover, span.buttonerr:hover, div.pag a.navbtn:hover, div.pag a:hover, span.register:hover, .cont span:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0f335b), color-stop(1, #144173));background:-moz-linear-gradient(top, #0f335b 5%, #144173 100%);background:-webkit-linear-gradient(top, #0f335b 5%, #144173 100%);background:-o-linear-gradient(top, #0f335b 5%, #144173 100%);background:-ms-linear-gradient(top, #0f335b 5%,#144173 100%);background:linear-gradient(to bottom, #0f335b 5%, #144173 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f335b', endColorstr='#144173',GradientType=0);background-color:#0f335b;}

input[type=submit]:active, span.button:active, span.buttonsuc:active, span.buttonerr:active, div.pag a.navbtn:active, div.pag a:active {position:relative;top:1px;}

input:-webkit-autofill, textarea:-webkit-autofill {border:1px solid #BFBFBF;cursor:pointer;background-color:#ffffff;padding: 0 5px;font-size:14px;line-height:20px;-webkit-box-shadow:0 -10px 15px #ededed inset, 0 0 0 100px #ffffff inset;-moz-box-shadow:0 -10px 15px #ededed inset, 0 0 0 100px #ffffff inset;-ms-box-shadow:0 -10px 15px #ededed inset, 0 0 0 100px #ffffff inset;-o-box-shadow:0 -10px 15px #ededed inset, 0 0 0 100px #ffffff inset;box-shadow:0 -10px 15px #ededed inset, 0 0 0 100px #ffffff inset;}

input[type=text], input[type=email], input[type=password], input[type=number], textarea {border:1px solid #BFBFBF;cursor:pointer;background-color:#ffffff;padding: 0 5px;font-size:14px;text-align:left;line-height:20px;-webkit-box-shadow:-1px 1px 3px -1px #777777 inset;-moz-box-shadow:-1px 1px 3px -1px #777777 inset;-ms-box-shadow:-1px 1px 3px -1px #777777 inset;-o-box-shadow:-1px 1px 3px -1px #777777 inset;box-shadow:-1px 1px 3px -1px #777777 inset;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}

.select {display: inline-block;border:1px solid #BFBFBF;position: relative;overflow: hidden;-webkit-box-shadow:-1px 1px 3px -1px #777777 inset;-moz-box-shadow:-1px 1px 3px -1px #777777 inset;-ms-box-shadow:-1px 1px 3px -1px #777777 inset;-o-box-shadow:-1px 1px 3px -1px #777777 inset;box-shadow:-1px 1px 3px -1px #777777 inset;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}

.select > * {cursor: pointer;}
.select:after {content: '';width: 0;position: absolute;right: 7px;top: 50%;margin-top: -3px;border-width: 6px 4px;border-style: solid;pointer-events: none;border-color: #BFBFBF transparent transparent transparent;}

select {background: transparent;border: 0;outline: 0;text-shadow: 1px 1px rgba(255, 255, 255, 0.7);padding: 0 3px;font-size: 12px;width: 100%;height: 20px;line-height:20px;-webkit-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;user-select: none;-webkit-appearance: none;-moz-appearance: radio-container;appearance: none;}

textarea {overflow: auto;}

input[type=text]:focus,input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, textarea:focus {background-color:#ededed;-webkit-box-shadow:0 0 0 #ededed inset;-moz-box-shadow:0 0 0 #ededed inset;-ms-box-shadow:0 0 0 #ededed inset;-o-box-shadow:0 0 0 #ededed inset;outline:0;box-shadow:0 0 0 #ededed inset;}

input[type=submit]:focus, select:focus {outline:0;}
input[type=checkbox],input[type=radio]{cursor:pointer;-ms-transform: scale(2);-moz-transform: scale(2);-webkit-transform: scale(2);-o-transform: scale(2);transform: scale(2);padding: 10px;margin:10px;}

/*
input[type=text], input[type=email], input[type=password], textarea, input[type=submit], input[type=number], span.button, span.buttonsuc, span.buttonerr, select, div.pag a.navbtn, div.pag a, div.pag span.currpage {-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
*/

/*cycle*/
div.cycle-slideshow {position:relative;float:left;width:100%;overflow:hidden;display:block;margin:0;border-bottom:2px solid #0b78ac;}
div.cycle-slideshow img {float:left;width:100%;height:100%;left:0;}
div.cycle-slideshow a {width:100%;height:100%;display:none;}
div.cycle-slideshow a img {position:relative;width:100%;height:100%;left:0;}
div.cycle-slideshow .cycle-video-container {position:relative;height:100%;width: 100%;text-align: center;background-color: #000000;}
div.cycle-slideshow .cycle-video-container iframe {float:left;height:100%;width:100%;padding-bottom: 42.25%;}
div.cycle-slideshow .cycle-prev, div.cycle-slideshow .cycle-next, .navRight, .navLeft {position:absolute;font-size:40px;line-height:35px;height:40px;width:40px;color:#ffffff;background-color:#000000;opacity:0.7;display:block;z-index:1002;cursor:pointer;top:50%;padding:0;margin:-20px 0 0 0;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
div.cycle-slideshow .cycle-prev:hover, div.cycle-slideshow .cycle-next:hover, .navRight:hover, .navLeft:hover {opacity:1;padding:0;font-size:40px;line-height:35px;height:40px;width:40px;display:block;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:0;}
div.cycle-slideshow .cycle-prev, .navLeft {left:10px;text-indent:-3px;}
div.cycle-slideshow .cycle-next, .navRight {right:10px;}
div.cycle-slideshow .cycle-pager {width:200px;text-align:center;position:absolute;bottom:10px;left:50%;margin:0 0 0 -100px;height:20px;line-height:25px;z-index:1001;display:inline-block;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px;background-color:#000000;opacity:0.7;padding:5px 10px;}
div.cycle-slideshow .cycle-pager span {overflow:hidden;width:12px;height:12px;display:inline-block;border:3px solid #ededed;cursor:pointer;-webkit-border-radius:59%;-moz-border-radius:59%;-ms-border-radius:59%;-o-border-radius:59%;border-radius:59%;margin:0 10px;line-height:50px;}
div.cycle-slideshow .cycle-pager .cycle-pager-active{background-color:#0b78ac;}
.no-js div.cycle-slideshow .cycle-prev, .no-js div.cycle-slideshow .cycle-next, .no-js div.cycle-slideshow .cycle-pager {display:none;}

div.placeholder {float:left;width: 100%; top: 0; margin: 0;text-align:initial;word-wrap:break-word;}
div.body { float:left; background-color: #fcfcfc; width: 100%;margin: 140px auto 0 auto;text-align:center;padding:0 0 30px 0;}

div.logo {float:left;height:60px;margin:20px;text-align:left;}
div.logo img {max-height:100%;max-width:350px;}

/*searchbox*/
div.searchbox {float:right;width:262px;margin:10px 20px 10px 0;clear:right;}
div.searchbox input[type=text] {float:left;padding:1px 5px;width:140px;}
div.searchbox input[type=submit] {float:right;margin:0;padding:2px 0;width:100px;word-wrap:break-word;}
div.searchbox input[type=submit]:hover {cursor:pointer;}

.rproductswrapperwrapper {float:left;position:relative;width:100%;margin-top:0;}
div.rproductswrapper{float:left;width:100%;margin:0;height:500px;line-height:500px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;background: #f9f9f9;
background: -moz-linear-gradient(top, #f9f9f9 0%, #ebebeb 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #ebebeb));
background: -webkit-linear-gradient(top, #f9f9f9 0%, #ebebeb 100%);
background: -o-linear-gradient(top, #f9f9f9 0%, #ebebeb 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, #ebebeb 100%);
background: linear-gradient(to bottom, #f9f9f9 0%, #ebebeb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ebebeb', GradientType=0 );}
rproductswrapperwrapper div.rproductswrapper {overflow-y: hidden;overflow-x: auto;white-space:nowrap;}
div > .navLeft, div > .navRight {opacity:0;}
div:hover > .navLeft.show, div:hover > .navRight.show {opacity:1;}
div.rproducts {float:none;display:inline-block;position:relative;vertical-align:middle;width:200px;height:270px;margin:25px;line-height:25px;font-size:11px;-webkit-box-shadow: 0px 0px 7px -2px #4D4D4D;-moz-box-shadow: 0px 0px 7px -2px #4D4D4D;box-shadow: 0px 0px 7px -2px #4D4D4D;border-bottom:2px solid transparent;background-color:#ffffff;color:#000000;text-align:center;overflow:hidden;}
div.rproducts a {font-size: 11px;line-height: 25px;display: block;float: left;min-height: 77%;width:100%;}
div.rproducts div.img{float:left;width:100%;height:120px;overflow:hidden;position:relative;background-color:#ffffff;}
div.rproducts img {position: absolute;left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);max-width:none;max-height:100%;min-width:initial;min-height:initial;z-index:1;}
div.rproducts:hover {border-bottom:2px solid #0b78ac;-webkit-box-shadow: 0px 0px 7px -2px #000000;-moz-box-shadow: 0px 0px 7px -2px #000000;box-shadow: 0px 0px 7px -2px #000000;}
div.rproducts:hover img {max-height:140%;}
div.rproducts input[type=submit] {display:inline-block;width:92%;line-height:25px;margin:5px 4%;padding:0;}
div.rproducts span, div.rproducts form{float:left;width:100%;text-align:center;line-height:25px;}
div.rproducts span.prdpricenew {height:25px;font-size:20px;color:#0b78ac;line-height:25px;}
div.rproducts span.title {float:left;margin:0;color:#ffffff;background-color:#144173;display:block;width:94%;padding:0 3%;line-height:25px;word-wrap:break-word;white-space:normal;}
div.rproducts span.getquote {position: absolute;bottom: 0;right: 5%;width: 90%;margin:0;padding:0;text-align:right;}

div.rproductswrapper::-webkit-scrollbar {width: 7px;height:7px;cursor:pointer;}
div.rproductswrapper::-webkit-scrollbar-thumb {background:#0b78ac !important;}
div.rproductswrapper {scrollbar-base-color: #0b78ac;scrollbar-base-color: #0b78ac;scrollbar-3dlight-color: #b0b0b0;scrollbar-highlight-color: #0b78ac;scrollbar-track-color: #b0b0b0;scrollbar-arrow-color: #b0b0b0;scrollbar-shadow-color: #b0b0b0;scrollbar-dark-shadow-color: #b0b0b0;}

div.text {float:left;display:inline-block;width:94%;min-height:500px;padding:0; margin:90px 3% 0 3%;text-align:center;word-wrap:break-word;color:#000000;}
div.txt_container_lft{float:right;width:75%;text-align:center;margin:0;}

div.txtwrapper {float:left;width:100%;margin:0 0 30px 0;text-align:center; font-size: 17px;line-height: 25px;word-spacing:1px;word-wrap:break-word;}
div.txtwrapper div.innertxt {display:inline-block;width:60%;min-width:930px;text-align:justify;max-width:100%;}
div.txt_container_lft div.txtwrapper div.innertxt {width:100%;min-width:initial;}
div.txtwrapper table{font-size: 12px;line-height: 1.6;}
div.txtwrapper blockquote{font-style: italic;font-family: Georgia, Times, "Times New Roman", serif;padding-left: 20px;padding-right: 8px;border-style: solid;border-color: #ccc;border-width: 0 0 0 5px;font-size: 13px;}
div.txtwrapper ol, div.txtwrapper ul, div.txtwrapper dl{margin:10px 0px 10px 20px;padding: 0 40px;list-style-position: inside;}
div.txtwrapper hr{border: 0px;border-top: 1px solid #ccc;}
div.txtwrapper pre{white-space: pre-wrap;word-wrap: break-word;-moz-tab-size: 4;tab-size: 4;}

div.footer { float:left;width: 94%;margin:0;min-height: 200px;font-size:12px; color: #2e3436; background-color:#e2e2e2; border-top: 1px solid #0b78ac;padding:20px 3%;z-index:1;} 
div.footer a { color:#2e3436; text-decoration: none;font-size:12px;} 
div.footer li { list-style-type: none;} 
div.navlinks { float:left;width: 22%;padding:20px 3% 0 0; height: 100%;min-height:50px;height:200px;overflow:auto;} 
div.navlinks ul {width:100%; margin:0 auto;text-align:left;}
div.navlinks ul li {float:left;width:auto;margin:0 5px;line-height:20px;}
div.navlinks ul li:hover a {text-decoration:underline;}
div.subscribe {float:left;width: 19%;padding:20px 3%;height:200px;margin:0;text-align:center;border-left:1px solid #BFBFBF;border-right:1px solid #BFBFBF;}
div.subscribe span {font-weight:bold;font-size:14px;line-height:30px;}
div.subscribe input[type=text], div.subscribe input[type=email] { width:80%;padding: 4px 5px 4px 7px; margin:5px 0; }
div.subscribe input[type=submit] {width:50%;padding: 4px 5px 4px 7px;margin:10px 0 0 0;}
div.contact {float:left; height:200px; width: 19%;padding:20px 3%;border-right:1px solid #BFBFBF;} 
div.contact a{text-decoration:underline;}
div.contact a:hover{text-decoration:none;}
div.contact span {width:100%; margin:5px 0;text-align:right;display:block;float:right;}
/*if newsletter is turned off*/
div.contact:nth-of-type(2) {width:44%;border-left:1px solid #BFBFBF;}
div.contact:nth-of-type(2) span {text-align:center;}
/**/
div.social { float:left; height:100%; width:200px;margin:0;padding: 20px 0 20px 3%;text-align:right;overflow:hidden;}
div.payicons {float:left;width:100%;text-align:center;padding:20px 0;margin:20px 0 0 0;border-top:1px solid #BFBFBF;border-bottom:1px solid #BFBFBF;}
div.payicons img {margin:5px;height:40px;}

div.cont{float: right;text-align: right;letter-spacing: 2px;margin: 20px 20px 5px 0;height: 20px;min-width: 262px;white-space: nowrap;overflow: hidden;}
div.cont span {float: left;line-height: 15px;vertical-align:top;}
div.cont a {display: inline-block;color: #000000;text-decoration: none;font-size: 18px;line-height: 23px;text-indent: 5px;}

/*menu CSS3*/
div.nav {position:fixed; width: 100%;height:40px;left:0;top:100px; padding: 0;line-height:40px;text-align:center;margin:0;background-color:#144173;z-index:200000;-webkit-box-shadow: -1px 5px 26px -9px #4D4D4D;-moz-box-shadow: -1px 5px 26px -9px #4D4D4D;box-shadow: -1px 5px 26px -9px #4D4D4D;}
div.nav ul { position: relative; width:100%;padding:0; list-style-type:none; margin:0 auto;line-height:40px;}
div.nav ul li {position:relative;display: inline-block;margin:0 2px;padding:0 10px 0 10px; line-height:40px; text-align:center;text-transform:uppercase;font-weight:bold;font-size:14px;color:#ffffff;cursor:pointer;vertical-align: top;}
div.nav ul li a {display:block;width:100%;height:100%;text-decoration:none; font-size:14px; color:#ffffff;text-transform:uppercase;font-weight:bold;line-height:40px;}
div.nav ul li:hover a, div.nav ul li.active a {cursor:pointer;color:#ffffff;}
div.nav ul li:hover, div.nav ul li.active {background-color:#acadab;}

div.nav > ul > li .submenu > ul > li {-webkit-transition: text-indent 0.3s ease-in-out;-moz-transition: text-indent 0.3s ease-in-out;-ms-transition: text-indent 0.3s ease-in-out;-o-transition: text-indent 0.3s ease-in-out;transition: text-indent 0.3s ease-in-out;}
div.nav > ul > li .submenu > ul > li a, div.nav ul li ul li ul li a {-webkit-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;-ms-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}

div.nav ul li .submenu {position:fixed;top: 140px;left:0;width:100%;text-align:center;z-index:20000;}
div.nav > ul > li .submenu { visibility: hidden;opacity: 0;margin: 20px 0 0 0;_margin: 0;}
div.nav > ul > li:hover .submenu {opacity:1;margin:0;visibility: visible;}
div.nav > ul > li .submenu > ul, div.nav > ul > li:hover .submenu > ul {display:inline-block;-webkit-box-shadow:0 0 10px #555753;-moz-box-shadow:0 0 10px #555753;-ms-box-shadow:0 0 10px #555753;-o-box-shadow:0 0 10px #555753;box-shadow:0 0 10px #555753;width:auto;max-width:80%;margin:20px 10%;max-height:340px;border-top:2px solid #0b78ac;background-color:#acadab;text-align:center;overflow:auto;padding:40px 0;}
div.nav > ul > li .submenu > ul > li {float:left;min-width: 200px;width: 21%;width:-webkit-calc(23% - 20px);width:-moz-calc(23% - 20px);width:-ms-calc(23% - 20px);width:-o-calc(23% - 20px);width:calc(23% - 20px);margin:0;line-height:30px;color:#ffffff;font-size:17px;font-weight:bold;text-transform:none;text-align:left;padding:0 10px;text-indent:0;}
div.nav > ul > li .submenu > ul > li > a {font-weight:bold;line-height:25px;text-transform:none;font-size:17px;}
div.nav > ul > li .submenu > ul > li:hover > a {color:#0b78ac;}

div.nav ul li ul li ul {margin:0;float:left;width:100%;padding:0;}
div.nav ul li ul li ul li {width: 100%;float:left;padding:0;margin:0;line-height:25px;width:100%;text-align:left;font-weight:normal;}
div.nav ul li ul li ul li a {font-weight:normal;text-transform:none;font-size:17px;color:#ffffff;line-height:25px;}
div.nav ul li ul li ul li:hover > a {color:#0b78ac;}

div.nav ul li ul li ul li ul li {text-indent:5px;}
div.nav ul li ul li ul li:hover ul li a {color:#ffffff;}
div.nav ul li ul li ul li ul li a {border-left:1px solid #0b78ac;}
div.nav ul li ul li ul li:hover ul li:hover a {text-decoration:underline;}
div.nav ul li ul li ul li ul li ul {display:none;}

/*menu lateral*/
div.mnlft_cont{float:right;width:22%;margin:0 0 30px 3%;}
div.lftmn {position:relative;top:0;right:0;width:82%;float:left;background-color:#e2e2e2;z-index:2000;padding:0 9%;border:1px solid #e0e0e0;border-top:2px solid #0b78ac;-webkit-box-shadow: 0px 0px 7px -2px #BFBFBF;-moz-box-shadow: 0px 0px 7px -2px #BFBFBF;box-shadow: 0px 0px 7px -2px #BFBFBF;}
div.lftmn ul {position:relative;list-style-type: none;padding: 0;width:100%;margin:0;height:auto;z-index:1001;}
div.lftmn ul li {position:relative;width:100%;text-align:center;font-size:16px;line-height:30px;margin:0;color:#2e3436;border-bottom:1px solid #BFBFBF;padding:20px 0;cursor: pointer;}
div.lftmn ul li:last-of-type {border:0;}
div.lftmn ul li a {display: block;color:#2e3436;text-align:center;text-decoration: none;line-height:30px;font-size:16px;}

div.lftmn ul li .leftSubmenu {position:absolute;top: 50%;right:100%;z-index:20000;visibility: hidden;opacity: 0;margin: 20px 0 0 0;_margin: 0;width:250px;padding:0 9% 0 0;min-height: 0;max-height: 0;overflow-y:hidden;}
div.lftmn ul li .leftSubmenu ul {float:left;-webkit-box-shadow:0 0 10px #BFBFBF;-moz-box-shadow:0 0 10px #BFBFBF;-ms-box-shadow:0 0 10px #BFBFBF;-o-box-shadow:0 0 10px #BFBFBF;box-shadow:0 0 10px #BFBFBF;width:100%;background-color:#fdfdfd;}
div.lftmn ul li:hover .leftSubmenu {opacity:1;margin:-16px 0 0 0;visibility: visible;min-height: 20px;max-height: 3000px;overflow-y:visible;}
div.lftmn ul li:hover ul li, div.lftmn ul li ul li { position:relative; width:100%; float:left; margin:0; padding:0;line-height:32px; border-width:0;color:#2e3436;font-size:14px;font-weight:normal;background-color:#fdfdfd;text-indent:5px;}
div.lftmn ul li:hover ul li a, div.lftmn ul li ul li a {font-weight:normal;line-height:32px;color:#2e3436;}
div.lftmn ul li:hover ul li:hover, div.lftmn ul li ul li:hover {background-color:#e2e2e2;}

div.lftmn ul li:hover ul li ul, div.lftmn ul li ul li ul {position:absolute;top: 0;right:100%;z-index:20000;background-color:#e2e2e2;}
div.lftmn ul li .leftSubmenu:hover ul li ul, div.lftmn ul li ul li ul {visibility: hidden;opacity: 0;margin: 20px 0 0 0;_margin: 0;}
div.lftmn ul li .leftSubmenu:hover ul li:hover ul, div.lftmn ul li ul li:hover ul {opacity:1;margin:0;visibility: visible;}
div.lftmn ul li:hover ul li:hover ul li, div.lftmn ul li ul li ul li {width: 100%;float:left; margin:0px; top:0;padding:0; margin-left:0px; line-height:32px; border-width:0; background-color:#e2e2e2; color:#2e3436;}
div.lftmn ul li:hover ul li:hover ul li:hover, div.lftmn ul li ul li ul li:hover {background-color:#fdfdfd;}

div.nav .openMenu,div.nav .closeMenu {position:absolute;top:100%;left:50%;margin:-10px 0 0 -30px;width:60px;height:60px;text-align:center;z-index:20001;cursor: pointer;}
div.nav .openMenu span,div.nav .closeMenu span {display:inline-block;vertical-align:top;width:30px;height:30px;line-height:30px;color:#ffffff;background-color:#144173;-webkit-box-shadow: -1px 5px 26px -9px #4D4D4D;-moz-box-shadow: -1px 5px 26px -9px #4D4D4D;box-shadow: -1px 5px 26px -9px #4D4D4D;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
div.nav ul li:hover .openMenu span {background-color:#acadab;}
div.nav .closeMenu {display:none;left:auto;right:20px;top:60px;line-height:60px;font-size:20px;margin:0;}
div.nav .closeMenu span {vertical-align:middle;font-weight:normal;-webkit-border-radius:0-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;}

div.lftmn .openMenu {position:absolute;top:50%;margin:-30px -10px 0 0;width:60px;height:60px;line-height:60px;right:109%;text-align:right;}
div.lftmn .openMenu span {display:inline-block;vertical-align:middle;text-align:center;width:30px;height:30px;line-height:30px;color:#2e3436;background-color:#e2e2e2;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-ms-border-radius:5px 0 0 5px;-o-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;}
div.lftmn ul li ul li .openMenu {right:100%;margin:-15px 0 0 0;height:30px;line-height:30px;}
div.lftmn ul li ul li .openMenu span {background-color:#fdfdfd;}
div.lftmn ul li ul li:hover .openMenu span {background-color:#e2e2e2;}

/* Shopping Cart Mini Geral */
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0);}
  40% {-webkit-transform: translateX(20px);}
  60% {-webkit-transform: translateX(10px);}
} 
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0);}
  40% {-moz-transform: translateX(20px);}
  60% {-moz-transform: translateX(10px);}
} 
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateX(0);}
  40% {-o-transform: translateX(20px);}
  60% {-o-transform: translateX(10px);}
} 
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateX(0);}
  40% {transform: translateX(20px);}
  60% {transform: translateX(10px);}
}

div.minicart_container {position:fixed;width:70px;height:40px;top:100px;right:0;line-height:40px;margin:0;padding:0 
10px;text-align:left;background-color:#0b78ac;-webkit-box-shadow: inset -2px -25px 64px -42px #000000;-moz-box-shadow: inset 2px -25px 64px -42px #000000;box-shadow: inset -2px -25px 64px -42px #000000;} 
div.minicart_container svg {max-height:60%;max-width:30px;vertical-align:middle;} 
div.minicart_container path {fill:#ffffff;} 
div.minicart_container span {float:right;font-size:16px;height:100%;line-height:50px;text-align:right;font-weight:bold;color:#ffffff;text-shadow:0 0 2px #4D4D4D;} 
div.minicart_container a {display:block;width:100%;height:100%;padding:0;margin:0; border:0px; text-decoration: none; font-weight:bold;line-height:35px;}
div.minicart_container:hover svg {-webkit-animation: bounce 1s infinite;-moz-animation: bounce 1s infinite;-o-animation: bounce 1s infinite;animation: bounce 1s infinite;}

div.credits {float:left;width:94%;height:30px;font-size:10px;color:#2e3436;line-height:30px;text-align:left;background-color:#e2e2e2;margin:0;padding:20px 3% 40px 3%;background-image:url(https://www.creoconcept.com/favicon.ico);background-repeat:no-repeat;background-position:97% 25px;}
div.credits a {color:#2e3436;text-decoration:none;}

#backtotop {position: fixed;width:40px;height:40px;right: 40px;bottom: -100px;overflow: hidden;margin: 0;cursor: pointer;text-align: center;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;-webkit-box-shadow: 0 0 13px -4px #333333;-moz-box-shadow: 0 0 13px -4px #333333;-ms-box-shadow: 0 0 13px -4px #333333;-o-box-shadow: 0 0 13px -4px #333333;box-shadow: 0 0 13px -4px #333333;background-color: #144173;opacity:0.8;z-index: 100;}
#backtotop:hover {opacity:1;}
#backtotop:after, #backtotop:before {top: 50%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-radius:3px;}
#backtotop:after {border-color: transparent;border-bottom-color: #144173;border-width: 10px;margin-top: -15px;margin-left: -10px;}
#backtotop:before {border-color: transparent;border-bottom-color: #ffffff;border-width: 15px;margin-left: -15px;margin-top: -25px;}