body{
    font-family: "Noto Sans",sans-serif;
}

.list-group{
  margin: 0;
  padding: 0;  
}
.top{
    margin-top: 25px;
}
.separa_topo{ width:100%; height:60px;float: left;}

.navbar-default {
    background: #fff;
    background-repeat: repeat-x;
    border: none;
    margin-top: 20px;
    border-bottom: 2px solid #ebebeb;
    border-top: 2px solid #ebebeb;
    margin-bottom: 0;
}
.navbar-default .navbar-nav > li > a {
    color: #001b54;
    transition: all 200ms ease-in;
    text-transform: uppercase;
    font-weight: bold;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #FFFFFF;
    background-color: #001b54;
    transition: all 200ms ease-in;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #FFFFFF;
    background-color: #001b54;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #FFFFFF;
    background-color: #001b54;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: baseline;
}

.header{
    background: url(../img/bkg.png);
    background-position: top center;
    background-repeat:repeat-x;
}

.header img{height: 80px; width: auto; margin-top: 25px;}
.cabeca h1{
    font-size: 1.4em;
}
/*produto*/
.produto{
    text-decoration: none;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 20px;
    
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    padding: 3px;
    border: 1px solid #ccc;
    
}
.produto:hover{
   border: 1px solid #005789;
   border-radius: 4px;
    text-decoration: none;
    display: block;
   box-shadow: 0px 5px 15px #337AB7;
}
.categoria{
    background: #005789;
    color: #fff;
}
.prod_img{
    display: block;
    margin-bottom: 10px;
    line-height: 1.42857143;
}
.prod_img img{
    display: block;
    max-width: 100%;
    height: auto;
}
.prod_caption{display: block;}
.prod_titulo{
    font-weight: normal;
    font-size: 1.1em;
    display: block;
    text-align: center;
    color: #005789;
    height: 50px;
}
.prod_preco{
     font-weight: bold;
    font-size: 1.5em;
    display: block;
    text-align: center;
    color: #7E8B38;
    margin-bottom: 10px;
}

h2.title {
    color: #001B7E;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative;
    text-shadow:#fff 1px -1px 2px, #fff -1px 1px 2px, #fff 1px 1px 2px, #fff -1px -1px 2px

}
h2.title:before {
    content: " ";
    position: absolute;
    background: #fff;
    bottom: -6px;
    width: 220px;
    height: 30px;
    z-index: -1;
    left: 50%;
    margin-left: -110px;
}
h2:after, h2.title:after {
    content: " ";
    position: absolute;
    border: 1px solid #001B7E;
    bottom: 8px;
    left: 0;
    width: 100%;
    height: 0;
    z-index: -2;
}

.rodape{
    padding-top: 30px;
    padding-bottom: 15px;
    border-top: 1px solid #005789;
    background: #CCCCCC;
    margin-top: 50px;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.slider-home .carousel {
  height:500px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.slider-home .carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.slider-home .carousel .item {
  height: 500px;
  background-color: #777;
}
.slider-home .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}
ul.list-unstyled.attr {
    padding-bottom: 10px;
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
}
.product-title{
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    color: #1f2022;
}
ul.list-unstyled.attr span {
    font-weight: 700;
    color: #1f2022;
    font-size: 13px;
}
.preco2{
    font-size: 165%;
    line-height: 1.25;
    margin-bottom: 20px;
    display: block;
}

.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

/*
    Multicoloured Hover Variations
*/
 
 #social-fb:hover {
     color: #3B5998;
 }
 #social-tw:hover {
     color: #4099FF;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #f39c12;
 }