/*
A custom Bootstrap 3.1 theme from http://bootply.com\

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

body {
 padding-top:70px;
}

.productsrow {
 -moz-column-width: 18em;
 -webkit-column-width: 18em;
 -moz-column-gap: 1em;
 -webkit-column-gap: 1em;
}
  
.menu-category {
 display: inline-block;
 margin-bottom:  0.25rem;
 padding:  1rem;
 width:  100%; 
}

.product-image {
 width: 100%;
}

.product {
 padding-top:22px;  
}

/*.btn-product {
 background-color:#222;
 color:#eee;
 border-radius:0;
}

.yellow {
 color:yellow;
 text-shadow:#ccc 1px 1px 0;
}*/

/*background da barra de menu fixa*/
.menu_navegacao{
    /*background: #367FA9;*/
    /*background: #000; preto*/
    background: #3F5C9A; /*cor facebook*/
}

/*background hover da barra de menu fixa*/
.menu_navegacao ul li:hover{
    background: #D9EDF7;
}
.menu_navegacao ul li ul li:hover{
    background: #4267b2;
}



/* end custom CSS */


/* Personalização dos Painéis */

.huge {
    font-size: 40px;
}
.huge2 {
    font-size: 24px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}


fieldset.cad{

    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;

}
fieldset.cad legend{
    border: 0;
    margin-bottom: 0;
    font-size: 14px;
}
#cabecalho{
    font-size: 22px;

}
#cabecalho:hover{
    color: #f4f4f4;
}