body,html {
width:100%;
height:100%;
}
.por{
font-size: 15px
}
.valor{
font-size: 18px
}
.panel-title{
font-size: 14px !important;
color: #343434 !important;
}
.fotoCar {
margin-top: 10px !important;
margin-bottom: 10px !important;
height: 64px !important;
width: 40% !important;
float: left !important;
background: bottom center no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
.nameProduct{
color: #343434;
width: 50%;
float: left;
margin-top: 0 !important;
height: 89px;
margin: 0;
position: relative;
top: -7px;
left: 29px;
display: flex;
align-items: center;
align-items: -webkit-center;
align-items: -moz-center;
}
.addCar{
margin-top: 0;
padding: 15px;
min-width: 150px;
float: right;
font-size: 18px;
max-width: 237px !important;
text-align: center;
cursor: pointer;
color: #ffffff;
background: #D1353A;
border: none;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
.qnt{
margin: 35px 35px 35px 20px !important;
}
.contato{
height: 570px;
}
.titleContato {
font-family: 'Roboto Condensed', sans-serif;
color: #D1353A;
margin: 104px 0 0 0;
font-size: 47px !important;
text-shadow: 0 1px 2px rgba(20, 20, 20, .6);
}
.form-control2 {
display: block;
width: 187px !important;
height: 34px;
padding: 6px 12px;
margin: 37px 0 0 21px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.col-linha-2{
width: 100%;
/* min-height: 35px; */
overflow: hidden;
position: relative;
background: #ffffff;
height: 2.8em;
}
.col-linha-3{
width: 100%;
/* min-height: 35px; */
overflow: hidden;
position: relative;
background: #f3f3f3;
height: 2.8em;
}
.form-control3 {
display: block;
width: 92.5% !important;
height: 138px;
padding: 6px 12px;
margin: 6px 0 0 21px;
resize: none;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bntContato {
margin: 11px 0 0 20px;
width: 92.5%;
border: 2px solid #D1353A;
font-size: 21px !important;
color: #fff !important;
background-color: #D1353A !important;
float: left;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}
.bntContato:hover {
margin: 11px 0 0 20px;
width: 92.5%;
border: 2px solid #D1353A;
font-size: 21px !important;
color: #D1353A !important;
background-color: #fff !important;
float: left;
-webkit-transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}
.totalP, .valorU{
line-height: 62px !important;
padding: 0 !important;
color: #333 !important;
margin: 0 !important;
height: 98px !important;
left: 45px !important;
display: flex !important;
align-items: center !important;
align-items: -webkit-center !important;
align-items: -moz-center !important;
position: relative !important;
float: left !important;
}
.centro{
margin:0 auto;
}
.subLinkIndex{
font-size: 14px;
}
.esquerda{
float:left;
text-align:left;
}
.direita{
float:right;
text-align:right;
}
.m-t-1{
margin-top:60px;
}
.relativo{
position:relative;
}
.panel-title{
font-size: 15 !important;
text-transform: uppercase;
color: #000 !important;
}
/* HOME ---------------------------------------------------------------------------- */
.home{
padding:0!important;
height:100%!important;
min-height:100%!important;
}
.home .col-lg-4{
height:100%;
padding:0!important;
margin:0!important;
}
.home .mask{
margin-top:-0!important;
width:100%;
height:100%;
overflow:hidden;
background:#ffffff;
position:relative;
}
.home .mask img{
vertical-align:middle;
}
.home .mask .box{
margin:0!important;
width:100%;
min-height:100%;
background:center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-transition: -webkit-transform 1.8s ease;
-moz-transition: -moz-transform 1.8s ease;
transition: transform 1.8s ease;
}
.home .mask .box:hover{
cursor:pointer;
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.25);
-webkit-transform-origin: center;
-moz-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
}
.home .mask span{
width:100%;
position:absolute;
top:50%;
text-align:center;
height:50px;
margin-top:-25px;
}
.home .mask span button{
background:rgba(255,0,0,0.7);
width:240px!important;
font-size:20px;
font-weight:bold;
color:#ffffff;
text-align:center;
padding:15px 0;
border:0;
}
.home .mask span button:hover{
background:rgba(0,0,0,0.7);
}
/* LOJAS */
.logo-loja{
text-align:center;
width:320px;
height:220px;
position:absolute;
left:50%;
top:50%;
margin-top:-110px;
margin-left:-259px;
}
.loja-1{
position:relative;
height:100%;
min-height:100%;
text-align:center;
border-right:5px solid #ffffff;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
background:#f0f0f0 center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color:#ffffff;
text-shadow: 0 1px 2px rgba(0, 0, 254, .6);
}
.loja-1:hover{
color:#D1353A;
text-shadow: 0 1px 2px rgba(255, 255, 255, .6);
background:#f0f0f0 left top no-repeat;
cursor:pointer;
}
.loja-2{
position:relative;
height:100%;
min-height:100%;
text-align:center;
color:#ffffff;
border:none;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
color:#D1353A;
text-shadow: 0 1px 2px rgba(255, 255, 255, .6);
}
.loja-2:hover{
background:#e0e0e0;
cursor:pointer;
}
.loja-3{
position:relative;
height:100%;
min-height:100%;
text-align:center;
border-left:5px solid #ffffff;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
background:#f0f0f0 center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color:#ffffff;
text-shadow: 0 1px 2px rgba(0, 0, 254, .6);
}
.loja-3:hover{
color:#D1353A;
text-shadow: 0 1px 2px rgba(255, 255, 255, .6);
background:#f0f0f0 left top no-repeat;
cursor:pointer;
}
.linha-cor{
background-color:#ffffff;
padding-top:10px;
height:35px;
display:table;
}
/* BACKGROUNDS */
.bg-menu-topo{
width:100%;
background:#000000;
padding:15px 0;
}
.menu-topo{
}
.bg-topo{
width:100%;
min-height:0;
}
.bg-0{
width:100%;
background:#f0f0f0;
}
.bg-1{
max-height:60px;
padding:10px 0;
width:100%;
background:#B0B0B0 repeat url(http://www.arempel.com.br/imagens/bg-menu.jpg);
}
/*
.bg-2{
padding-top:30px;
padding-bottom:30px;
border-top:1px solid #404040;
width:100%;
background:#808184 repeat-x url(http://www.arempel.com.br/imagens/bg-rodape.jpg);
}*/
.bg-2{
padding-top:30px;
padding-bottom:30px;
border-top:1px solid #404040;
width:100%;
background:#282829;
}
.bg-3{
padding-top:10px;
padding-bottom:0;
background:#404040;
}
.bg-4{
width:100%;
background:center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.bg-transparent{
background:rgba(0,0,0,0.5);
padding-top:30px;
padding-bottom:30px;
}
.bg-5{
position:relative;
overflow:hidden;
padding-left:30px;
padding-top:15px;
padding-bottom:15px;
background:#e5e5e5;
}
.bg-6{
overflow:hidden;
padding-top:15px;
padding-bottom:15px;
background:#f0f0f0;
}
/* TEXTOS */
.txt-user{
color:#ffffff;
}
.txt-1 {
color: #404040;
margin: 1% 0 0 0;
text-align: center;
}
.txt7 {
color: #404040;
margin: 10% 0 0 0;
text-align: center;
}
.txt-2{
color:#ffffff;
text-align:center;
}
.txt-2 small{
color:#404040;
font-size:18px;
}
.txt-2 strike{
color:#404040;
font-size:18px;
bottom:-10px;
}
.txt-6{
color:#ffffff;
margin: 0;
text-align:center;
}
.txt-6 small{
color:#404040;
font-size:18px;
}
.txt-6 strike{
color:#404040;
font-size:18px;
bottom:-10px;
}
.well{
padding:0;
margin-bottom: 0 !important;
}
.textDescMarca{
width: 100%;
border: 3px solid #f0f0f0;
margin-bottom: 3%;
}
.textDescMarca p{
font-family: 'Roboto Condensed', sans-serif;
padding: 1% 0 0 5%;
}
.txt-3{
font-size:28px !important;
color:#D1353A;
text-shadow: 0 1px 2px rgba(20, 20, 20, .6);
}
.well .txt-3{
font-size:28px !important;
color:#ffffff;
text-shadow: 0 1px 2px rgba(20, 20, 20, .6);
}
.txt-4{
color:#ffffff;
}
.txt-5{
color:#ffffff;
}
.txt-6{
color:#606060;
}
.txt-7{
font-size:28px;
color:#ffffff;
text-shadow: 0 1px 2px rgba(0, 0, 254, .6);
}
.txt-8{
line-height:18px;
color:#ffffff;
text-shadow: 0 2px 2px rgba(0, 0, 0, .6);
}
.txt-9{
height:35px;
line-height:35px;
color:#000000;
margin: -1% 0 0 0;
/*text-shadow: 1px 0px 2px #fff;*/
}
.text2{
text-align: left;
color: #343434;
}
.txt-10{
line-height:45px;
color:#ff0000;
}
.txt-11{
color: #D1353A;
}
.t-centro{
text-align:center;
}
/* MENU */
li.link-alfa{
font-size:18px;
color:#ffffff;
padding:5px 5px;
float:left;
border:1px solid transparent;
}
li.link-alfa:hover{
cursor:pointer;
background:#D1353A;
border:1px solid #ffffff;
}
.global-header {
width: 100%;
background:rgba(255,255,255,0.99);
border-bottom:5px solid #ffffff;
position:fixed;
top:0;
left:0;
transition: top .4s ease-in;
z-index:999999;
}
.js-global-header-scrolling {
top: -150px; /* Height of the header */
}
.menu-esquerda{
border-right:1px solid #e0e0e0;
}
.bordas-laterais{
padding-top:10px;
padding-bottom:30px;
box-shadow: 12px 0 8px -4px rgba(190, 190, 190, 0.8), -12px 0 8px -4px rgba(190, 190, 190, 0.8);
background:#ffffff;
}
ul{list-style:none;}
.link-roda li{
font-family: 'Roboto Condensed', sans-serif;
padding-bottom:10px;
padding-left:-40px;
margin-left:-40px;
min-width:100%;
background:transparent;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
color:#ffffff;
}
.link-roda li:hover{
color:#D1353A;
background:transparent;
cursor:pointer;
text-decoration:none;
}
.link-car{
color:#f0f0f0;
}
.link-car:hover{
cursor:pointer;
color:#ff0000;
}
.link{
font-size:16px;
color:#202020;
}
.link:hover{
cursor:pointer;
color:#D1353A;
}
.bt-1{
margin-top:0;
padding:15px;
min-width:150px;
float: right;
max-width:150px;
text-align:center;
cursor:pointer;
color:#ffffff;
background:#D1353A;
border:none;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
.bt-1:hover{
color:#ffffff;
background-color:#00A859;
cursor:pointer;
}
#emailTrans{
display: none ;
}
.bt-2{
margin-top:8px;
padding:13px;
width:100%;
text-align:center;
color:#ffffff;
background:#00A859;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
.bt-2:hover{
color:#ffffff;
background-color:#D1353A;
cursor:pointer;
}
.bt-3{
margin-top:8px;
padding:13px;
width:100%;
text-align:center;
color:#000000;
background:#ffff00;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
.bt-3:hover{
color:#ffffff;
background-color:#D1353A;
cursor:pointer;
}
.bt-4{
margin-top:8px;
padding:13px;
width:100%;
text-align:center;
color:#ffffff;
float:left;
background:#00A859;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
.bt-4:hover{
color:#ffffff;
background-color:#06C76D;
cursor:pointer;
}
.bt-5{
position:absolute;
right:0;
bottom:0;
padding:15px;
min-width:150px;
max-width:150px;
text-align:center;
cursor:pointer;
color:#ffffff;
background:#D1353A;
border:none;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
.bt-5:hover{
color:#ffffff;
background-color:#00A859;
cursor:pointer;
}
.remover{
margin-top:50px;
max-width:25px;
}
.col-md-9 .well{
background:#CC3300;
}
/* INPUTS */
.formulario input[type=text]{
width:100%;
display: inline-block;
padding: 10px 15px;
margin: 8px 0;
font-size: 16px;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
white-space: nowrap;
vertical-align: middle;
background-image: none;
border: 1px solid #C0C0C0;
border-radius: 4px;
}
.formulario input[type=email]{
width:100%;
display: inline-block;
padding: 10px 15px;
margin: 8px 0;
font-size: 16px;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
white-space: nowrap;
vertical-align: middle;
background-image: none;
border: 1px solid #C0C0C0;
border-radius: 4px;
}
.formulario input[type=password]{
width:100%;
display: inline-block;
padding: 10px 15px;
margin: 8px 0;
font-size: 16px;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
white-space: nowrap;
vertical-align: middle;
background-image: none;
border: 1px solid #C0C0C0;
border-radius: 4px;
}
.qtde{
max-width:30px;
max-height:30px;
display: inline-block;
padding:0 5px;
margin:45px 0;
font-size: 16px;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
white-space: nowrap;
vertical-align: middle;
background-image: none;
border: 1px solid #C0C0C0;
border-radius: 4px;
}
.qtde-prod{
display: block;
padding: 0px;
width: 34px;
height: 34px;
margin-top: -7px;
margin-bottom: 0px;
color: #000000;
vertical-align: middle;
text-align: center;
font-size: 16px;
background-color: #DFF2BF;
}
.stk{
margin-bottom:15px;
display:table;
padding-top:0;
color:#ff0000;
text-align:center;
line-height:12px;
font-size:14px;
font-weight: bold;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
font-weight: bold;
background: #fff !important;
}
#descbusca{
width: 100% !important;
min-height:45px;
}
#botao{
margin: 0 !important;
}
.divide{
overflow:hidden;
margin-bottom:30px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #C30 !important;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 !important;
border: 1px solid #fff;
border-radius: 10px;
}
.pf, .pj{
font-size: 20px;
}
.titlePF{
color: #343434;
}
.formulario select{
width:100%;
font-size: 16px;
height:45px;
color:#A9A9A9;
margin-bottom: 8px;
}
.formulario textarea{
width:100%;
display: inline-block;
padding: 10px 15px;
margin-top: 8px;
margin-bottom: 30px;
font-size: 16px;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
white-space: nowrap;
vertical-align: middle;
background-image: none;
border: 1px solid #C0C0C0;
border-radius: 4px;
height:100px;
}
/* PRODUTOS */
.foto-produto-p{
text-align:center;
width:100%;
height:175px;
margin-top:20px;
padding:0 10px;
background:center center no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
.item p.foto-g{
width: 90%;
height: 600px;
background:center center no-repeat;
border-bottom:5px solid #f0f0f0;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
margin: 0 auto;
}
.txt-16{
margin: 19% 0 0 80%;
}
.txt-17{
margin: 18% 0 0 -19%;
}
.txt-18{
margin: 17% 0 0 102%;
}
.txt-20{
margin: 17% 0 0 -48%;
}
.nav-tabs > li{
margin-right: 1px !important
}
.descricaoProduto{
float: right;
text-align: left !important;
width: 100%;
font-size: 15px;
margin: 5% 22% 0 0;
}
.item p.foto-g2{
width: 540px;
height: 378px;
background:center center no-repeat;
border-bottom:5px solid #f0f0f0;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
margin: 0 auto;
}
.foto-p{
width: 100px;
height: 100px;
background: center center no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
margin: 0 auto !important;
}
.foto-p2{
width: 100%;
height: 100px;
background: center center no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
margin: 0 auto !important;
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
/* float: left; */
margin: 0% auto 0;
}
#sync1 .item{
background: transparent;
padding: 0px 0px;
margin: 0px;
color: #FFF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
text-align: center;
}
#sync2 .item{
padding: 0px 0px;
margin: 0px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border:0px solid transparent;
text-align: center;
cursor: pointer;
}
#sync2 .item h1{
font-size: 18px;
}
#sync2 .synced .item{
background: transparent;
border:0px solid #4B5940;
}
.produto-marca{
margin-top:60px;
}
.produto-departamento{
margin:60px auto 0 auto;
}
.foto-produto-car{
margin-top:10px;
margin-bottom:10px;
height:120px;
width:50%;
float:left;
background:bottom center no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
.nome-produto-car{
color: #343434;
width:50%;
float:left;
margin-top:50px;
}
.txt4{
color: #343434;
text-align: center;
}
.bt1 {
margin: 0 0 0 26%;
padding: 9px;
overflow:hidden;
text-align: center;
cursor: pointer;
color: #ffffff;
background: #D1353A;
border: none;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
.txt3{
text-align: center;
color: #343434;
}
.b-b-1{
border-bottom:1px solid #d0d0d0;
margin-bottom:15px;
padding-bottom:5px;
}
.b-t-1{
border-top:1px solid #d0d0d0;
margin-top:15px;
}
.l-height-1{
line-height:120px;
}
#ofertas .box-prod{
margin:0 15px;
}
#ofertas .box-prod{
margin:0 15px;
}
#titleIndex{
margin-bottom: 2% !important;
}
.box-prod{
min-height:370px;
background:transparent;
border-top:3px solid #f0f0f0;
}
.subLinkIndex {
padding: 0 0 0 7%;
float: left;
width: 100%;
border-bottom: 1px solid #ccc;
}
.panel-group .panel-heading + .panel-collapse .panel-body{
border-top:0 !important;
}
.box-prod:hover{
background:#f0f0f0;
border-top:3px solid #f0f0f0;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}
.box-prod-info{
padding:15px;
}
.box-prod-info2{
padding: 0% 0 0 29%;
margin: 3% 0 0 0;
}
.box-prod-info span{
background:#ff0000;
overflow:hidden;
padding:5px 10px;
}
.box-prod-info .txt-2 small{
font-size:13px;
line-height:18px;
}
.box-prod-info .txt-2 span{
line-height:20px;
}
.box-prod-info2 span{
color:#fff;
background:#ff0000;
overflow:hidden;
padding:5px 10px;
}
/* CARRINHO TOPO */
.car-top{
position:absolute;
right:0;
bottom:-8px;
min-width:300px;
overflow:hidden;
}
.car-top-top{
position:absolute;
left:0;
top:10px;
min-width:150px;
overflow:hidden;
}
/* CARRINHO NOVO */
#formas{
width:100%;
margin-bottom:15px;
}
#formas .transporte .col-md-4, .col-md-6{
padding:0!important;
}
#formas .titulo{
font-size:18px;
font-weight:bold;
text-align:center;
display:block;
padding:30px 0;
}
#formas .transporte{
overflow:hidden;
}
#formas .transporte .box{
margin:0;
padding:30px 0;
text-align:center;
border:1px solid #c0c0c0;
background:#f0f0f0;
}
#formas .transporte .box input{
display:block;
margin:0 auto;
}
/* SEMELHANTES 1 */
.semelhantes-1{
margin-top:50px;
margin-bottom:50px;
}
.semelhantes-1 input{
tex-align:center;
font-size:14px;
}
.linha-dashed{
border-top:1px dashed #e0e0e0;
}
.linhab{
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #b0b0b0;
}
.cor-0{
height:45px;
display:table;
line-height:45px;
}
.cor-1{
padding-top: 11px;
display: table;
line-height: 45px;
height: 63px;
overflow: hidden;
font-size: 15px;
background: #c0c0c0;
}
.cor-2 h4{
}
.cor-2{
padding-top:10px;
height:35px;
background:#f4f4f4;
display:table;
}
#col-linha{
width: 100%;
/* min-height: 35px; */
overflow: hidden;
position: relative;
background: #e0e0e0;
height: 2.3em;
}
#col-linha h1,h2,h3,h4,h5,h6{
font-size:14px!important;
}
/* GERAL */
.scrolltopo{width:50px; height:50px; position: fixed; background: url(../imagens/topo.png); bottom:485px; right:30px; display:none; opacity:0.5; filter:alpha(opacity=50);}
.bg-logo{
width:100%;
background:#ffffff;
}
.logo{
margin:0 auto;
text-align:center;
max-width:350px;
}
.logo img{
width:100%;
padding:30px 0;
}
.cartoes img{
width:52px;
float:left;
}
.relativo{
position:relative;
padding:0;
margin:0;
}
.absoluto-b{
position:absolute;
left:0;
bottom:0;
}
.absoluto-c{
position:absolute;
left:50%;
margin-left:-300px;
}
.m-t-2{
margin-top:15px;
}
.zero{
padding:0;
margin:0;
}
.img-anima{
width:100%;
height:600px;
background:center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.bg-caption{
background:rgba(187,58,55,0.4);
}
.bg-empresa{
padding:60px 30px 30px 30px;
margin-bottom:60px;
width:100%;
background:#ffffff;
}
.box{
padding:30px 30px 15px 30px;
margin-top:60px;
overflow:hidden;
background:#f0f0f0;
}
.box-1{
padding:30px;
margin-top:30px;
overflow:hidden;
background:#f0f0f0;
border:1px solid #e0e0e0;
}
.n-pedido{
background:#0000ff;
text-align:center;
padding:15px 15px 30px 15px;
}
.d-pedido{
text-align:left;
padding:15px 15px 30px 15px;
}
/* PRODUTOS */
.produto-item{
padding-top:0;
padding-bottom:0px;
background:;
margin:0 10px;
}
.produto{
width:100%;
height:250px;
overflow:hidden;
border-top:5px solid #BB3A37;
margin-bottom:30px;
}
.produto-foto{
width:100%;
height:250px;
background:center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-transition:-webkit-transform .35s;
transition:transform .35s;
cursor:pointer;
}
.produto-foto:hover{
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3)
}
/* CLIENTES */
.img-clientes{
}
.cliente{
text-align:center;
}
/* NOTICIAS */
.foto-noticia{
width:50%;
float:left;
height:250px;
background:center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.titulo-noticia{
width:50%;
height:250px;
background:#ffffff;
float:left;
padding:15px;
}
/* EMPRESA */
.foto-empresa{
border-radius:50%;
margin:0 auto;
width:330px;
height:330px;
border:10px solid #00A859;
background:center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/* LISTAGEM */
.lista{
padding-top:0;
padding-bottom:30px;
background:#e6e6e6;
}
.p-lista{
padding:0 15px;
}
.lista p{
padding-left:0px;
}
.lista-foto{
width:100%;
height:250px;
border-top:5px solid #19A173;
margin-bottom:30px;
background:top center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: grayscale(100%); /* Current draft standard */
-webkit-filter: grayscale(100%); /* New WebKit */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray; /* IE6+ */
}
.lista-foto:hover{
filter: none;
-webkit-filter: grayscale(0);
transition: all 0.2s linear;
cursor:pointer;
}
#sync1 .item{
background: transparent;
padding: 0px 0px;
margin: 0px;
color: #FFF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
text-align: center;
}
#sync2 .item{
padding: 0px 0px;
margin: 0px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border:5px solid transparent;
text-align: center;
cursor: pointer;
}
#sync2 .item h1{
font-size: 18px;
}
#sync2 .synced .item{
background: transparent;
border:5px solid #000000;
}
.infos{
padding:30px 30px;
background:#f0f0f0;
min-height:380px;
}
.vertigo{
float:right;
max-width:100px;
opacity:0.5;
filter:alpha(opacity=50);
}
@media screen and (max-width: 400px) {
.img-anima{
width:100%;
height:200px;
background:center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#wowslider-container1{
display:none;
}
.menu li{
text-align:center;
}
.noticia-foto{
width:100%;
margin-bottom:0px;
}
.noticia-titulo{
width:100%;
}
}
@media screen and (min-width: 401px) and (max-width: 767px) {
.img-anima{
width:100%;
height:200px;
background:center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
}