body {	
    color: #fff;
      font-family: 'Titillium Web', sans-serif;
    background: #202020 url(img/bg.jpg) repeat-x top;
}

x1 {

  color: #666666;

}

x2 {

  color: #D5D8DB;

}

x3 {

  color: #888A8C;

}

x4 {

  color: #7878BC;

}

.container_footer {
  background: #303030;  

  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}



.btn-vertical-slider{ margin-left:35px; cursor:pointer;}
a {  cursor:pointer;}
.carousel.vertical .carousel-inner .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}


#toTop{
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  display: none;
}

 .carousel.vertical .active {
  top: 0;
}

 .carousel.vertical .next {
  top: 100%;
}

 .carousel.vertical .prev {
  top: -100%;
}

 .carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

 .carousel.vertical .active.left {
  top: -100%;
}

 .carousel.vertical .active.right {
  top: 100%;
}

 .carousel.vertical .item {
    left: 0;
}​

.cantos {/*amarelo meu pet*/
background:#ffd113;
-moz-border-radius:5px;
-webkit-border-radius:5px;
 border-radius:5px;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0);
}

.cantos15 {/*azul escuro meupet*/
background:#21588A;
-moz-border-radius:5px;
-webkit-border-radius:5px;
 border-radius:5px;
}