body {
    color: #374151;
}

.navbar {
background-color: #f7bb50;
background-image: -webkit-linear-gradient(#dab969, #f7bb50);
            linear-gradient(#dab969, #f7bb50);
            border: 0px solid #d5d5d5; 
            border-radius : 3px;
            z-index: 9;
}                                                                                         
.panel-primary > .panel-heading {
 background-color: #374151;
        
}
.navbar-form .form-control {
    font-size: larger;
    width: 500px;
}

a {
    color: #58519F; 
    
}
a:hover {
   
    
}

.btn-primary {
    background-image: -webkit-linear-gradient(#374151, #444350 50%, #374151);                  
    background-image: linear-gradient(#374151, #444350 50%, #374151); 
    background-repeat: no-repeat; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444350', endColorstr='#444350', GradientType=0);
    filter: none;
    border: 1px solid #345578;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #58519F;
    background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #58519F;
}
.navbar-default .navbar-nav > li > a {

    font-size: large;                                   
}

.navbar-default .navbar-nav .caret {
 
    margin-left: 10px;
    border-top: 9px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.shoppingcartbutton {
margin-right:-8px;
}


#contentos p {
font-size: 20px;
}

ul.menubutton {
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #374151;
    font-size: 16px;
    font-size: 1.35vw;
}
@media all and (min-width: 992px) {
ul.menubutton {
    font-size: 16px;
   
}

}

@media all and (max-width: 991px) and (min-width: 768px) {
ul.menubutton {
    font-size: 14px;
    
    
}
}

@media all and (max-width: 767px) and (min-width: 50px) {
ul.menubutton {
    font-size: 16px;
    font-size: 1.65vw;
}
}

ul.menubutton li {
	display:block;
	float:left;
	margin:0;
	padding:0;
  border-left: 2px solid #ddb965;

}

ul.menubutton li a {
	display: block;
    color: white;
    text-align: center;
    padding: 6px 16px;
    text-decoration: none;
      -webkit-transition: background-color 250ms linear;
        -moz-transition: background-color 250ms linear;
        -o-transition: background-color 250ms linear;
        -ms-transition: background-color 250ms linear;
        transition: background-color 250ms linear;
}

ul.menubutton li a:hover {
 background-color: #303235;
 -webkit-transition: background-color 250ms linear;
        -moz-transition: background-color 250ms linear;
        -o-transition: background-color 250ms linear;
        -ms-transition: background-color 250ms linear;
        transition: background-color 250ms linear;
}

ul.menubutton li a.current, ul.menubutton li a.current:hover {
	color:#fff;
	background-color: black;
}


ul.menubutton li:last-child {
    border-right: 2px solid #ddb965;
}


.buttonrow {
border: solid 7px #e1ba64;
border-radius: 5px;
}

.block {
-webkit-box-shadow: 0px 0px 20px 1px rgba(174,176,194, 0.38);            
-moz-box-shadow: 0px 0px 20px 1px rgba(174,176,194, 0.38);
box-shadow: 0px 0px 20px 1px rgba(174,176,194, 0.38);
background-color:rgba(248, 248, 238, 0.7); margin-bottom:20px; 
border-radius:4px; 
padding: 10px 0px 10px 0px;
}

.paymentmethods .list-group-item {
    height: 55px;
}
.page-header {
    margin: 10px -15px 20px;     
}
.btn, .label {
    border-radius: 3px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 5px;
    vertical-align: middle;
                   
}
.dataTables_filter input { width: 450px; height:40px; margin-bottom:12px; font-size:20px;}


.filterbox{
	 padding: 11px;        
    font-size: 13px;
    background:#FFF;
	padding:5px 10px;
	color:#fff;
	border:none;
	border-radius:4px;
	
	animation-name: flash;
	animation-duration: 1.4s;
	animation-timing-function: ease-in-out;
  animation-iteration-count: 3;

	//Firefox 1+
	-webkit-animation-name: flash;
	-webkit-animation-duration: 1.4s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 3;

	//Safari 3-4                            
	-moz-animation-name: flash;
	-moz-animation-duration: 1.4s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: 3;
}

@keyframes flash {  
    0% { background:#FFF; }
    50% { background:#e3ba61; }
    100% { background:#FFF; }
}

//Firefox 1+
@-webkit-keyframes flash {  
    0% { background:#FFF; }
    50% { background:#e3ba61; }
    100% { background:#FFF; }
}

//Safari 3-4
@-moz-keyframes flash {  
    0% { background:#FFF; }
    50% { background:#e3ba61; }
    100% { background:#FFF; }
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -14px;
    margin-left: -21px;
}

.text img {


-webkit-box-shadow: 0px 0px 20px 1px rgba(174,176,194, 0.38);            
-moz-box-shadow: 0px 0px 20px 1px rgba(174,176,194, 0.38);
box-shadow: 0px 0px 20px 1px rgba(174,176,194, 0.38);
background-color:rgba(248, 248, 238, 0.7); margin-bottom:20px; 
border-radius:4px; 
padding: 10px;

}


.prod {                                   
        margin-top: 20px;
    }
    
.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow: visible;
}
#contentos {
margin: -15px;
}
h3, .h3 {
    font-size: 22px;
}
.well {
    font-size: larger;
}
.caption {
    overflow: hidden;
}
.caption a {
white-space: nowrap;
}
#allprod h2 {
    font-size: 1.3em;
    margin-top: 6px;
    margin-bottom: 6px;
    font-weight: 500;
    color: #374151;
}

#allprod h3 {
  font-size: 1.1em;
   margin-top: 6px;
    margin-bottom: 6px;
    font-weight: 500;
    /*color: #374151;*/
}
#allprod .blockcontent h3 {
      font-size: 1.5em;
      font-weight: 100;
}
.vlvtlogo {
 margin-bottom: 8px; margin-top: 4px; width:11vw; margin-left: -41px;

}