/*
/* CSS > Index Home 
/*

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

.breadcrumbs {
display: none;
}
.std ul {
list-style: none;
padding-left: 0;
}

.std ul ul {
list-style-type: none;
}
.std ol {
list-style: none;
padding-left: 1.5em;
}

.contentArrow{
position: relative;
width:96%;
top:-210px;
margin:auto;
}
.bannertop{ background-image: url(/skin/frontend/saraiva/responsive/images/sprite.png) !important; background-repeat: no-repeat !important;}
.bannertop.arrowleft{ width: 16px; height: 25px; position: absolute; /*top: 50%;*/ left: 0; z-index: 1; /*bottom: 50%;*/ cursor: pointer; background-position: -133px -56px;}
.bannertop.arrowright{ width: 16px; height: 25px; position: absolute; /*top: 50%;*/ right: 0; z-index: 1; /*bottom: 50%;*/ cursor: pointer; background-position: -109px -56px;}
/*
/* Fim | CSS > Index Home 
/*

/* ---------------------------------------------------------------------------------- */

/*
* CSS > Banners Vitrine 
*/ 

body{ font-family:'open sans'; }
/* Faixa */
.faixas-saraivaday {
  margin: 10px auto;
  width: 100%;
  height: 82px;
  position: relative;

}
a { text-decoration: none !important; color: #000000;}
ul.catBlock{
    display: table;
    width:100%; 
    height: 82px;
    line-height: 20px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0; 
    border-spacing: 15px 0;  

}

ul.catBlock li {
    list-style: none;
    display: table-cell; 
    text-align: left; 
    width:33%; 
  min-width:310px; 
    vertical-align: middle;
    padding: 10px;
    background-image: url(http://images.livrariasaraiva.com.br/estatico/promos-2015/setembro/saraiva-day/seta.jpg);
    background-repeat: no-repeat;
    background-position: 96% 50%;
    background-size: 7px 12px; 
    border: 1px solid #CCCCCC;
    position: relative;

}

ul.catBlock li a { 
    display: block;
}
ul.catBlock li p { 
    padding-left: 75px;
        -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;    
}
ul.catBlock img { 
  margin: auto;
  position: absolute;
  top: 0; left: 5px; bottom: 0; right: auto;
}
ul.catBlock strong { color: #7D680D;}
/* Banners */

.chamada-saraivaday h2{font-size: 20px;
  font-weight: bold; }

.melhores { position: relative; top: 20px;}
.block-product-home { position: relative; top: -50px;}

.grid-slide li {
  list-style: none;
}


/* Banners */
.chamada-saraivaday { 
  position: relative;
  width: 100%;
  margin: 0 auto;
  line-height: 50px;
  font-size: 20px;
  font-weight: bold;
}
.chamada-saraivaday h2{font-size: 20px;
  font-weight: bold; }

.banners-saraivaday { 
  position: relative;
  width: 100%;
  margin: 15px auto 100px;
  font-size: 14px;
  line-height: 10px;
}
.melhores { position: relative; top: 20px;}
.block-product-home { position: relative; top: -50px;}
.calltoaction{ 
  border: 1px solid black; 
  padding: 5px 10px;
  color: #333333;
  font-weight:bold;
  
}
.banners-saraivaday strong{ 
  font-size: 16px;
  color: #7D680D;
  line-height: 20px;
  margin-top: 15px;
}
ul.bannerBlock{
    display: table;
    width:100%; 
  min-width:768px;
  max-width:1300px;
    height: 161px;
    line-height: 20px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0; 
    border-spacing: 15px 0;  
  margin:0 auto;

}
ul.bannerBlock li {
    list-style: none;
    display: table-cell; 
    text-align: left; 
    width:33%; 
    vertical-align:middle;
    padding: 10px;
    background-color: rgba(225,225,225,0.5);
    position: relative;
    color: red;
    border: 1px solid rgba(225,225,225,0.5);
}


.bannerBlock li:hover .calltoaction{ 
  background-color: #FFDD00;
  color: #000000;
  font-weight:bold;
  border: 1px solid #FFDD00; 
}
ul.bannerBlock li a { 
    display: block;
}
ul.bannerBlock li p { 
  width: 49%;
    line-height: 16px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    letter-spacing: 0px;
    position: relative;
  margin-left:12em;
}

ul.bannerBlock img { 
  margin: auto;
  position: absolute;
  top: 0;
  bottom:0;
}

.chamada { position: relative; width: 46%; float:left; margin-left: 11em;}
.chamada h2{ line-height: 18px; padding-bottom: 20px; font-size: 14px;}

.spacer {
  width:54%;
  float:left;
}
.faixinhafrete{
width:100%;
margin:0 auto;
display: table;
}
.faixinhafrete img{
width:100%;
}


.faixa-full-me-dei-bem{
  width:100%;
  margin:0 auto;
  display: table;
  background-color: #30bca3; 
}
.faixa-full-me-dei-bem img{
  width:100%;
}

/*
* Fim | CSS > Banners Vitrine 
*/ 

/* ---------------------------------------------------------------------------------- */

/*
* CSS > Conheça o LEV
*/

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

.banner-home-lev{
    margin: 90px auto 100px !important;
    height: 400px;
    width: 100%;
    background-color: #F1F1F1;
}
.banner-home-lev a{
    background: url(http://images.livrariasaraiva.com.br/estatico/banners-melhorados/2015-novembro/lev-banner-home.png) no-repeat center 0;
    display: block;
    margin: 0 auto;
    max-width: 1300px;
    height: 400px;
    text-decoration: none;
}
/* Classe Mãe Informações */
.section-info {
    display: block;
    float: left;
    width: 300px;
    margin: 65px 0 0 140px;
}
/* Classe Mãe Informações */

/* Texto Conheça o LEV */
.conheca-lev{
    float: left;
    display: block;
    width: 232px;
}
/* Texto Conheça o LEV */

/* Botão */
.bt-compre-lev {
    border: 1px solid;
    border-radius: 5px;
    color: #000;
    font: bold 14px/1em "Open Sans",sans-serif;
    height: auto;
    padding: 17px;
    float: left;
    display: block;
    margin-top: 20px;
}
.bt-compre-lev:hover{
    background-color: #F4C50C;
    transition: 0.4s ease all;
}
/* Botão */

@media screen and (max-width: 1024px){
    .section-info {
        display: block;
        float: left;
        width: 300px;
        margin: 65px 0 0 45px;
    }
}

@media (max-width: 768px) {

	ul.bannerBlock {
		height: 87px;
	}

	.img-banner-lista-times {
		display: none;
	}

	.chamada {
		padding: 10px;
		width: 100%;
		padding-left:10px;
		margin-left:0px;
	}
	.chamada h2 {
		padding-bottom: 0;
	}
}