@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,400italic,300italic,700italic,700);

/* Base */
body{padding:0; margin:0;  font-family: 'Roboto Condensed', sans-serif;}
header{ width:100%; display:table;}
section{ width:100%; background-color:; display:table;}
footer{ background-color:#FF3C00; color:#FFF; text-align:center;}

/* Tipography */
p, h1, h2, h3, h4, h5, a, b, i{ font-family: 'Roboto Condensed', sans-serif; color:#222222; padding:0.1em; margin:0;}
p, h2, h3, h4, h5{ font-weight:400;}h1, h2{font-weight:700; font-size:1.8em;}h2{font-weight:700}h3{font-weight:700;}b{font-weight:700;}a{text-decoration:none; color:rgba(118,0,1,1.00); font-weight:400;}a:hover{ color: rgba(188,0,3,1.00)}

/*header */
header .responsive_menu{ width:100%; padding-bottom:;  background-color:#FFF; display:table; border-bottom:2px solid #FF5A00; position:;}
header .responsive_menu #botao_menu{float:right; width:70px; cursor:pointer; color:#FFF; margin-top:10px; margin-right:7px; font-weight:700; padding:4px; border:1px solid #FF3C00; border-radius:5px; background-color:#FF5A00; }
header .responsive_menu #botao_menu i{ color:#FFF; font-size:1.05em; margin:0; padding:0; margin-left:4px; margin-right:4px; }
header .responsive_menu #logo{ float:left; margin-top:5px; margin-left:10px;}
header #menu{float:right; display:none; width:300px; background-color:#FFF; border-right:#FF3C00 0px solid;  border-left:#FF3C00 0px solid; color:#FF3C00; margin-right:0; position:absolute; right:0; margin-top:-2px; z-index:99999999;}
header #menu li{ width:280px; display:table; list-style:none; padding:10px; border-bottom:#EEEEEE 1px solid; text-align:left; box-shadow: inset 0 0 0 0 #FF3C00;-webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;transition: all ease 0.8s;}
header #menu li:hover{ box-shadow: inset 0 100px 0 0 #FF3C00; color:#FFF;}
header a{ padding:0 !important; margin:0 !important;}
/*Slider*/
#banner{background-color:#FF5A00 !important}
.unslider{overflow:auto;margin:0;padding:0; background-color:#FF5A00 !important}
.unslider-wrap{position:relative; background-color:#FF5A00;}
.unslider-wrap.unslider-carousel>li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer;}
.unslider-arrow.next{left:auto;right:20px; }
.unslider-nav ol { list-style: none;  text-align: center;}
.unslider-nav ol li {  display: inline-block;  width: 6px;  height: 6px;  margin: 0 4px;  background: transparent;  border-radius: 5px;  overflow: hidden;  text-indent: -999em;  border: 2px solid #fff;  cursor: pointer;}
.unslider-nav ol li.unslider-active {  background: #fff;  cursor: default;}
.unslider-nav{ margin-top:-1.2%; position:absolute; left:45%;}
.infinite-slider{background-color:#FF5A00 !important}

/* Buttons */
.button_slide_bg{color: #31302B;background: #FFF;padding:7px;margin: 10px;border: 1px solid #31302B;font-size: 14px;letter-spacing: 1px;text-transform: uppercase;border-radius: 2px;display: inline-block;text-align: center;cursor: pointer;box-shadow: inset 0 0 0 0 #31302B;-webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;transition: all ease 0.8s;}
.button_slide_bg:hover {box-shadow: inset 0 100px 0 0 #31302B;color: #FFF;}
.button_slide_comprar_bg{color: #FFF;background:#3AB700;padding:7.5px;margin: 10px;border: 1px solid #2C8C00;font-size: 14px;letter-spacing: 1px;text-transform: uppercase;border-radius: 2px;display: inline-block;text-align: center;cursor: pointer;box-shadow: inset 0 0 0 0 #2C8C00;-webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;transition: all ease 0.8s;}
.button_slide_comprar_bg:hover {box-shadow: inset 0 100px 0 0 #2C8C00;color: #FFF;}
.button_slide_enviar_bg{color: #FFF;background:#3AB700;padding: 8px;padding-left:2px;padding-bottom:4px;margin: 10px;border: 1px solid #2C8C00;font-size: 14px;letter-spacing: 1px;text-transform: uppercase;border-radius: 2px;display: inline-block;text-align: center;cursor: pointer;box-shadow: inset 0 0 0 0 #2C8C00;-webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;transition: all ease 0.8s;}
.button_slide_enviar_bg:hover{background-color:#2C8C00;color: #FFF;}
.button_slide_enviar_bg:focus{background-color:#3AB700;color: #FFF;}
.button_slide_enviar_bg i{color: #FFF; float:left; padding:0; margin:0; font-size:0.8em;}
.button_slide_limpar_bg{color: #FFF;background:#C70003;padding:7px;margin: 10px;border: 1px solid #960002;font-size: 14px;letter-spacing: 1px;text-transform: uppercase;border-radius: 2px;display: inline-block;text-align: center;cursor: pointer;box-shadow: inset 0 0 0 0 #960002;-webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;transition: all ease 0.8s;}
.button_slide_limpar_bg:hover{background-color:#960002;color: #FFF;}
.button_slide_limpar_bg:focus{background-color:#D90306;color: #FFF;}
.button_slide_comprar_min_bg{color: #FFF;background:#3AB700;padding:7px 5px 7px 7px;margin: 10px;margin-top:15px;border: 1px solid #3AB700;letter-spacing: 1px;text-transform: uppercase;border-radius: 2px;overflow:hidden;display: inline-block;text-align: center;cursor: pointer;box-shadow: inset 0 0 0 0 #2C8C00;-webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;transition: all ease 0.8s;}
.button_slide_comprar_min_bg:hover {box-shadow: inset 0 100px 0 0 #2C8C00;border: 1px solid #2C8C00;color: #FFF;}
.button_slide_comprar_min_bg i{color: #FFF; float:left; padding:0; margin:0; font-size:1.2em;}
.button_slide_limpar_min_bg{text-align:center;color: #FFF;background:#C70003;padding:7px 6px 7px 7px;margin: 10px;margin-top:15px;border: 1px solid #C70003;letter-spacing: 1px;text-transform: uppercase;border-radius: 2px;overflow:hidden;display: inline-block;text-align: center;cursor: pointer;box-shadow: inset 0 0 0 0 #960002;-webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;transition: all ease 0.8s;}
.button_slide_limpar_min_bg:hover {box-shadow: inset 0 100px 0 0 #960002;border: 1px solid #960002;color: #FFF;}
.button_slide_limpar_min_bg i{color: #FFF; float:left; padding:0; margin:0; font-size:1.2em;}
.button_slide_enviar_min_bg{color: #FFF;background:#3AB700;padding:7px 7px 7px 6px;margin: 10px;border: 1px solid #3AB700;font-size: 14px;letter-spacing: 1px;text-transform: uppercase;border-radius: 2px;display: inline-block;text-align: center;cursor: pointer;box-shadow: inset 0 0 0 0 #2C8C00;-webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;transition: all ease 0.8s;}
.button_slide_enviar_min_bg:hover{background-color:#2C8C00;color: #FFF;}
.button_slide_enviar_min_bg:focus{background-color:#3AB700;color: #FFF;}
.button_slide_enviar_min_bg i{color: #FFF; float:left; padding:0; margin:0; font-size:1.15em;}

/* cards */
.prod_base{ width:250px; margin:10px; background-color:#FFF; display:table; cursor:pointer; padding-bottom:10px;}
.prod_base .imagem_prod{ width:96%; padding:2%;}
.prod_base .imagem_prod .promo{ width:240px; height:24px; background-color:; }
.prod_base .imagem_prod img{ width:100%;}
.prod_base .text{ width:94%; padding:0% 3% 0% 3%; text-align:left;}
.prod_base .text h1, h2{ text-align:left; padding:0; font-size:1.3em; margin:0;}
.prod_base .text p{text-align:left; padding:2px; margin:0; font-size:0.9em; color:#333; line-height:1.2em;margin-bottom:3px;} 
.prod_base .preco_de {width:94%; padding:0% 3% 0% 3%;}
.prod_base .preco_de p{text-align:left; padding:2px; margin:0;margin-bottom:2px; font-size:0.7em; color:#666; line-height:1.2em;} 
.prod_base .preco_por {width:94%; padding:0% 3% 0% 3%;}
.prod_base .preco_por p{text-align:left; padding:0px; margin:0; margin-bottom:3px; font-weight:700; font-size:2em; color:#C70003; line-height:1.2em;} 
.prod_base .vezes {width:94%; padding:0% 3% 0% 3%;}
.prod_base .vezes p{text-align:left; padding:2px; margin:0;margin-bottom:2px; font-size:0.7em; color:#222; line-height:1.2em;} 
.prod_base .marcas{width:94%; padding:0% 3% 0% 3%; display:table;}
.prod_base .marcas a{text-align:left; padding:0px; margin:0;margin-bottom:2px; font-size:0.7em; color:#C70003; line-height:1.2em;} 
.prod_base .comprar{  opacity:0; transition:all 1s; color:#C70003; text-align:center;   background-color:#C70003;  width:250px; box-shadow: inset 0 0 0px 0 #C70003; height:30px; position:absolute;}
.prod_base .comprar p{transition:all 0.5s; opacity:1; color:#FFF; text-align:center; padding-top:2px;}
.prod_base .comprar i{color:#FFF; margin:0; float:none; padding:0; }
.prod_base:hover .comprar {transition:all 1s; opacity:0.9; color:#FFF; text-align:center; background-color:#C70003; box-shadow:0px 1px 3px rgba(0,0,0,0.5); }
.prod_base:hover .comprar p:hover{transition:all 0.5s; opacity:1; color:#FFF; }
.prod_base:hover .comprar i{ color:#FFF; margin:0; float:none; padding:0;}
.prod_base:hover .text p{ color:#C70003; transition:1s all;}

#saiba_mais{ display:none; text-align:left;}

#revenda{ width:100%; text-align:center; background-color:#FF5A00;}
#revenda h1, h2{ color:#FFF !important; padding:15px; }
#sobre{ display:table; width:100%; text-align:center;}
#sobre #sobre_content{ width:94%; padding:3%;  padding-top:40px; padding-bottom:0; max-width:1000px; margin:0 auto; }
#sobre #sobre_content h1, h2{ color:#FF5A00}
#sobre #sobre_content p{ color:#333; line-height:1.3em; text-align:justify;}
#sobre a{ padding:0; margin:0;}
.bloco_servicos{ width:15.8%; margin:2%; margin-bottom:0; border:1px solid #FF5A00; text-align:center; float:left;}
.bloco_servicos p{ font-size:0.8em; color:#FF3C00 !important; padding:5px; padding-top:15px; padding-bottom:15px; text-align:center !important; -webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;transition: all ease 0.8s;}
.bloco_servicos{background:#FFF;text-transform: uppercase;border-radius: 2px;display: inline-block;text-align: center;cursor: pointer;box-shadow: inset 0 0 0 0 #FF3C00;-webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;transition: all ease 0.8s;}
.bloco_servicos:hover{box-shadow: inset 0 100px 0 0 #FF3C00; color:#FFF !important;}
.bloco_servicos:hover p{color:#FFF !important;-webkit-transition: all ease 0.8s;-moz-transition: all ease 0.8s;transition: all ease 0.8s;}
.portifolio{ width:15.8%; margin:2%; float:left;  transition:0.5s all;    cursor: -webkit-zoom-in; cursor: zoom-in;}
.portifolio:hover{ transform:scale(1.4,1.4); transition:0.5s all;}

#contato{ width:100%;}
.contato{ width:96%; max-width:1000px;  padding:2%; margin:0 auto; text-align:center; }
.contato input{ width:100%; transition:0.5s all; font-family: 'Roboto Condensed', sans-serif;  font-size:0.9em;  width:98%; margin-bottom:10px; padding:1%; border:1px solid #CCC;}
.contato input:hover { transition:0.5s all;   box-shadow: inset 0 100px 0 0 #ff5a00;color: #FFF; border:1px solid #FF5a00;}
.contato select{ width:100%;transition:0.5s all; font-family: 'Roboto Condensed', sans-serif; color:#666;  font-size:0.9em;  width:98%; margin-bottom:10px; padding:1%; border:1px solid #CCC;}
.contato select:hover { transition:0.5s all;  box-shadow: inset 0 100px 0 0 #ff5a00;color:#FFAD93; border:1px solid #FF5a00;}
.contato .selectSize{ width:100%;}
.contato textarea{font-family: 'Roboto Condensed', sans-serif;  font-size:0.9em; width:98%; margin-bottom:10px; padding:1%; border:1px solid #CCC;}
.contato textarea:hover { transition:0.5s all;  box-shadow: inset 0 300px 0 0 #ff5a00;color: #FFF; border:1px solid #FF5a00;}

footer p{ color:#FFF; padding-top:10px; padding-bottom:10px;}
footer a{ color:#FFF; font-weight:700;}
footer a:hover{ color:#FFE500; font-weight:700;}