html, body {
font-size : 18px;
font-weight : 300;
height : 100%;
}
.conteudo h1,
.conteudo h2,
.conteudo h3,
.conteudo h4,
.conteudo h5,
.conteudo h6 {
color : #006633;
}
.perc100 {
display : block;
width : 100%;
height : auto !important;
}
.conteudo img {
max-width : 100%;
height : auto !important;
}
#logo, #respbtn {
-webkit-transition : all 500ms ease-in-out;
-moz-transition : all 500ms ease-in-out;
-ms-transition : all 500ms ease-in-out;
-o-transition : top 500ms ease-in-out;
transition : all 500ms ease-in-out;
}
#logo {
width : 322px;
}
.title-page-home {
background : url("../imagens/greenpixel.jpg") repeat-x center center;
}
.title-page-home span {
display : inline-block;
background : #fff;
color : #006633;
padding : 0 15px;
}
.greencolor {
color : #006633;
}
.prodbox {
-webkit-box-shadow : 0 0 5px 0 rgba(0, 0, 0, 0.75);
padding : 15px;
-moz-box-shadow : 0 0 5px 0 rgba(0, 0, 0, 0.75);
color : #006633;
margin-bottom : 30px;
box-shadow : 0 0 5px 0 rgba(0, 0, 0, 0.75);
}
.prodbox .child {
height : 45px;
overflow : hidden;
width : 100%;
font-size : 15px;
font-weight : 600;
}
.operadora {
margin : 3px;
}
#prefooter {
padding : 30px 0;
color : #fff;
background : #006633;
}
#posfooter {
background : #005b2d;
padding : 15px 0;
color : #fff;
}
#prefooter h6 {
font-weight : 700;
}
.redeslink a {
color : #006633 !important;
font-size : 25px;
text-decoration : none !important;
}
.btn-orange {
background : #fe7212;
border : 1px solid #fe7212;
color : #fff !important;
}
.btn-outline-orange {
background : #fff !important;
color : #fe7212 !important;
border : 1px solid #fe7212;
}
.btn-orange:hover, .btn-outline-orange:hover {
background : #da6718 !important;
border : 1px solid #da6718;
color : #fff !important;
}
.obsprod {
padding-top : 6px;
height : 44px;
overflow : hidden;
}
.preco {
font-weight : 600;
}
.validade {
font-size : 10px;
}
.preco small {
font-weight : 300;
}
.precoantigo {
font-weight : 300;
color : #777;
}
.precoantigo div {
text-decoration : line-through;
}
button, a {
cursor : pointer;
}
header {
background : url("../imagens/headertop.jpg") center top repeat-x;
padding : 30px 0;
background-size : 25% 5px;
position : relative;
z-index : 555;
-webkit-transition : all 500ms ease-in-out;
-moz-transition : all 500ms ease-in-out;
-ms-transition : all 500ms ease-in-out;
-o-transition : top 500ms ease-in-out;
transition : all 500ms ease-in-out;
}
#respbtn {
position : absolute;
right : 0;
top : 0;
padding : 0;
background : #fff;
font-size : 25px;
border : none;
}
header nav {
position : relative;
}
header nav ul {
list-style : none;
-webkit-transition : top 500ms ease-in-out;
-moz-transition : top 500ms ease-in-out;
-ms-transition : top 500ms ease-in-out;
-o-transition : top 500ms ease-in-out;
transition : top 500ms ease-in-out;
position : absolute;
right : 0;
top : 0;
padding : 0;
}
header nav ul li {
display : inline-block;
}
header nav ul li a, #respbtn {
display : block;
padding : 0 10px;
line-height : 71px;
text-decoration : none !important;
color : #006633 !important;
border-radius : 3px;
font-weight : 500;
}
#carouselExampleIndicators {
background : url("../imagens/bannerloader.svg") center center no-repeat #0e3a24;
}
#carouselExampleIndicators .carousel-control-next, #carouselExampleIndicators .carousel-control-prev {
opacity : 1 !important;
width : auto !important;
}
header nav ul li a:hover {
background : #eee;
}
.headercontent {
}
.headercontent {
min-height : calc(100% - 110px);
}
.boffset15 {
margin-bottom : 15px;
}
.boffset30 {
margin-bottom : 30px;
}
.toffset15 {
margin-top : 15px;
}
.toffset30 {
margin-top : 30px;
}
/* Responsividade */
/* MD */
@media (max-width : 1199px) {
header {
background-size : 25% 5px;
}
header nav ul {
top : 101px;
left : 0;
background : #006633;
border : 1px solid #0e3a24;
}
header nav ul li {
display : block;
}
header nav ul li a {
color : #fff !important;
background : #006633 !important;
text-align : center;
line-height : 44px;
}
header nav ul li a:hover {
background : #0e3a24 !important;
}
}
/* SM */
@media (max-width : 991px) {
}
/* XS */
@media (max-width : 767px) {
}
/* XXS */
@media (max-width : 500px) {
header {
background-size : 50% 5px;
}
.col-xxs-12 {
width : 100% !important;
}
#logo {
width : 200px;
}
#respbtn {
line-height : 44px;
}
header nav ul {
top : 74px;
}
}
/* Inverse */
/* SM */
@media (min-width : 768px) {
}
/* MD */
@media (min-width : 992px) {
}
/* LG */
@media (min-width : 1200px) {
header nav ul {
display : inline-block !important;
}
}
/* PAGINAÇÃO */
.list {
padding-left : 0px;
}
.pagination li {
display : inline-block;
padding : 10px;
background : #ffffff;
margin : 2px;
border-radius : 5px;
border : #00662b 1px solid;
color : #00662b;
}
.pagination li a {
color : #00662b;
}
.ativo {
border-bottom : 1px solid white;
}
.active, .active a {
color : #FFF!important;
background-color : #00662b!important;
}
.pagination {
text-align : center;
margin-bottom : 0px;
margin-top : 30px;
}
.pagination .current {
background : #174873;
padding : 0px;
}
.pagination .current a {
color : #FFF;
}
.pagination .current a:hover, .pagination a:hover, .pagination li:hover {
background-color : #00662b;
color : #FFF;
}
.pagination li:hover a {
color : #FFF;
}