/* BOOTSTRAP 3.x GLOBAL STYLES
-------------------------------------------------- */
body {
  color: #5a5a5a;
  font-family: 'Poly', serif;
  line-height: 24px;
  font-size: 16px;
  color: #262626;
  text-rendering: optimizeLegibility;
}

.topo {
  width: 100%;
  border-bottom:5px solid #000;
  background-color:#000;
}


.voltar {
  text-align: center;
  padding-bottom: 10px;
}

a {
  color: rgb(120,120,120);
  -webkit-transition: all .45s ease-out;
  -moz-transition: all .45s ease-out;
  -ms-transition: all .45s ease-out;
  -o-transition: all .45s ease-out;
  transition: all .45s ease-out;  
}

a:hover {
  color: rgb(162,162,162);
}

h1, h2, h3 {
font-family: 'Alegreya', serif;
  font-weight: 700;
  color: #262626;
}

h4, h5, h6 {
  font-family: 'Alegreya SC', serif;
  text-transform: lowercase;
  letter-spacing: 0.07em;
  color: #262626;

}

h1.titulo{
 margin-bottom:2px;
 margin-top: 20px;
}

h4.autor  {
  margin-bottom:25px;
  margin-top: 0px;
}

@media (max-width: 480px) { h1.titulo {font-size: 28px; line-height: 100%; margin-bottom:4px;}  h4.autor {font-size: 18px; margin-bottom:20px;} }

@media (max-width: 767px) { h1.titulo {font-size: 28px; line-height: 100%; margin-bottom:4px;}  h4.autor {font-size: 18px; margin-bottom:20px;} }


@media (min-width: 768px) and (max-width: 979px) { h1.titulo {font-size: 24px; line-height: 100%; margin-bottom:4px;}  h4.autor {font-size: 15px; margin-bottom:20px;} }


.capa img {
  -webkit-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.33);
  -moz-box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.33);
  box-shadow: 5px 5px 10px rgba(50, 50, 50, 0.33);
}

.texto-descritivo{
  padding-bottom: 20px;
}

@media (max-width: 480px) { .texto-descritivo {font-size:15.5px; line-height: 26px;}}

@media (max-width: 767px) { .texto-descritivo {font-size:14.5px; line-height: 23px;}}

@media (min-width: 768px) and (max-width: 979px) { .texto-descritivo {font-size:14px; line-height: 21px;} }

@media (max-width: 480px) { .texto-descritivo{ margin-top: 20px;} }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { .texto-descritivo{ margin-top: 20px;} }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { .texto-descritivo{ margin-top: 20px;} }
/* Medium desktop */
@media (min-width: 980px) and (max-width: 1199px) { .texto-descritivo{ margin-top: 60px;} }
/* Large desktop */
@media (min-width: 1200px) { .texto-descritivo{ margin-top: 60px;} }


.capa{
  margin-top: 60px;
  padding-bottom: 20px;
}

@media (min-width: 768px) and (max-width: 979px) { .capa{  margin-top: 50px; } }

@media (max-width: 480px) { .extras {  margin-top: 28px;} }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { .extras {  margin-top: 28px;} }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { .extras {  margin-top: 40px;} }
/* Medium desktop */
@media (min-width: 980px) and (max-width: 1199px) { .extras {  margin-top: 78px;} }
/* Large desktop */
@media (min-width: 1200px) { .extras {  margin-top: 78px;} }



@media (max-width: 480px) { .extras {text-align: left; padding-bottom: 20px; border-bottom: 1px solid #879ea4;}}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { .extras {text-align: left; padding-bottom: 20px; border-bottom: 1px solid #879ea4;} }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { .extras {text-align: left; } }
/* Medium desktop */
@media (min-width: 980px) and (max-width: 1199px) { .extras {text-align: right;}}
/* Large desktop */
@media (min-width: 1200px) { .extras {text-align: right;} }



.lancamento {
  line-height: 19px;
  font-size: 14px;
  font-style: italic;
}
.lancamento h5{
  margin: 5px 0px 10px 0px;
  font-size: 15px;
  line-height: 21px;
  letter-spacing: 0.065em;
    font-style: normal;

}

.lancamento h4{
 font-weight: 700;
 font-style: normal;
font-family: 'Alegreya', serif;
text-transform: none;
}

.lancamento .nav>li>a {
  position: relative;
  display: block;
  padding: 0px;
}

.lancamento li.primeiro {
  border:0px;
}

.lancamento li {
  border-top: 1px solid #ccc;
  padding-top: 5px;
}

.lancamento li.ultimo {
  border-bottom: 1px solid #ccc;
  padding-top: 5px;
  margin-bottom: 20px;
}


.morada {margin-top: 20px;}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.fotografias {
  margin-top: 50px;
  margin-bottom: 10px;
}

/* Carousel base class */
.carousel {
  
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  background-color:#FFF;
}
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}

@media (max-width: 480px) { .carousel .item {height: 200px;} }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {  .carousel .item {height: 238px;} }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {  .carousel .item {height: 525px;} }
/* Medium desktop */
@media (min-width: 980px) and (max-width: 1199px) {  .carousel .item {height: 520px;} }
/* Large desktop */
@media (min-width: 1200px) {  .carousel .item {height: 554px;} }


footer {  
  padding: 35px 0px;
  background-color: #ccc;

}

.compre {
  font-size: 14px;
}

.compre p{
  padding: 20px 0px 20px 0px;

}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remve the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
.carousel-caption {
position: absolute;
right: 0%;
bottom: 0px;
background-color: #FFF;
left: 0;
z-index: 10;
padding-top: 5px;
padding-bottom: 0px;
color: #000;
text-align: center;
margin-top: -30px;
text-shadow:none;
 }

.carousel-indicators {
position: absolute;
bottom: 40px;
left: 50%;
z-index: 15;
width: 120px;
padding-left: 0;
margin-left: -60px;
text-align: center;
list-style: none;
}

.carousel-caption h5 {color: #000; text-shadow:none;}

.videolivro {
    padding-top: 80px;
    margin-bottom: 50px;
}


/* VIDEO 
------------ */

.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}

.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}

@media (max-width: 480px) { .lancamento h4 {visibility: visible; height:auto; width: auto; overflow: visible;} }
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {  .lancamento h4{visibility: hidden;  height: 0px; width:0px; overflow: hidden; margin:1px;} }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { .lancamento h4{visibility: hidden; height: 0px; width:0px; overflow: hidden; margin:1px;} }
/* Medium desktop */
@media (min-width: 980px) and (max-width: 1199px) {  .lancamento h4 {visibility: hidden;  height: 0px; width:0px; overflow: hidden; margin:4px;} }
/* Large desktop */
@media (min-width: 1200px) {  .lancamento h4 {visibility: hidden;  height: 0px;overflow: hidden; width:0px; margin:4px;} }