.mgp { width:42px;height: auto;margin:10px; }
.thanks { margin-top:100px; }
.colorMenuTop { color: #FFE357; }
.row {margin-left:4px; margin-right:4px;}
.colorMenuSelected { border-radius: 1px 1px 1px 1px; box-shadow: 1px 1px #c0c0c0; background-color: #0b8185 !important; }
.colorMenuUnselected { color: #0F0F0F; }
.didMenu { text-decoration: underline; }
.margin20 { margin-top:20px;}
.padding10 { padding:10px;}
.marginDescricaoProduto { margin-left: 30px;}
.openMenu { background-color: #0F0F0F !important;}
.openMainOpen {background-color: #FFE357 !important;}

body {
    padding-top: 54px;
    background-color: #000000;
    color: #ffffff;
}

.navbar {
	background-color: #ff0000;
	color: #ffffff;
    padding: 0;
}

navbar-brand {
    padding-bottom: 0rem;
    padding-top: 0rem;
    }

.row {
  margin-top: 20px;
}

h4 {
  margin-bottom: 0;
  margin-top: 5px;
}

a {
  color: #ffffff;
  text-decoration: none;
}

a:hover {
  color: #FFE357;
  text-decoration: underline;
}

button {
  padding: 7px 11px;
  border-radius: 20px;
  border: none;
  color: #ffffff;
  font-size: 13px;
  cursor: pointer;
  margin:3px;
}

button:focus {
  outline: none;
}

.btnverde {
    background-color: #abc111;
}

.btnverde:hover {
    background-color: #9aad0f;
}

.btnazul {
    background-color: #1bb3bc;
    }

.btnazul:hover {
    background-color: #18a1a9;
}

.btnlaranja {
    background-color: #e59d27;
    }

.btnlaranja:hover {
    background-color: #ce8d23;
}

.btnrosa {
    background-color: #9e3667;
    }

.btnrosa:hover {
    background-color: #8e305c;
}

.btninsc {
  box-shadow: none;
  color: #ffffff;
  text-decoration: none;
}

.btninsc:hover {
  box-shadow: none;
  color: #ffffff;
  text-decoration: none;
}
/*
.btnadd {
  box-shadow: none;
  color: #ffffff;
  text-decoration: none;
}

.btnadd:hover {
  box-shadow: none;
  color: #ffffff;
  text-decoration: none;
}
*/
.btnmore, .btnadd  {
  box-shadow: none;
  text-decoration: none;
  padding: 4px 11px;
  background-color: #ffffff;
  border-style: solid;
  border-width: medium;
}

.btnmore:hover, .btnadd:hover {
  box-shadow: none;
  color: #ffffff;
  text-decoration: none;
}

.btnverdeb {
    border-color: #abc111;
    color: #abc111;
}

.btnverdeb:hover {
    border-color: #9aad0f;
    background-color: #9aad0f;
}

.btnazulb {
    border-color: #1bb3bc; 
    color: #1bb3bc;
    }

.btnazulb:hover {
    border-color: #18a1a9; 
    background-color: #18a1a9;
}

.btnlaranjab {
    border-color: #e59d27;
    color: #e59d27;
    }

.btnlaranjab:hover {
    border-color: #ce8d23;
    background-color: #ce8d23;
}

.btnrosab {
    border-color: #9e3667;
    color: #9e3667;
    }

.btnrosab:hover {
    border-color: #8e305c; 
    background-color: #8e305c;
}

/*
button {
  padding: 11px 12px 11px 52px;
  border: none;
  border-radius: 20px;
  color: #ffffff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .7);
  font-family: 'Droid Sans', sans-serif;
}
*/

.b-header {
  margin-top: -10px;
  height: 350px;
  background: url('../img/SemanaBeHealthy_topo.jpg') center center no-repeat scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media(max-width:767px) {    
    .b-header {
        text-align: left;
        color: #fff;
        background-attachment: scroll;
        background-image: url(../img/SemanaBeHealthy_topos.jpg);
        background-position: center center;
        background-repeat: none;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
}    

@media(max-width:520px) {    
    .b-header {
        text-align: left;
        color: #fff;
        background-attachment: scroll;
        background-image: url(../img/SemanaBeHealthy_toposm.jpg);
        background-position: center center;
        background-repeat: none;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        max-height: 225px;
    }
}

@media(max-width:480px) {    
    .b-header {
        text-align: left;
        color: #fff;
        background-attachment: scroll;
        background-image: url(../img/SemanaBeHealthy_toposm.jpg);
        background-position: center center;
        background-repeat: none;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
        max-height: 200px;
    }
}  

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: none;
    color: #FFE357;
} 

.nav-pills .nav-link {
    border-radius: 0;
    }

.nav-link.active {
    opacity: 1;
    border-bottom: none;
    color: #FFE357;
    } 

.nav-item a {
    opacity: .50;
    background-color: none;
} 

.nav-item a:hover {
    opacity: 1;
} 

.nav-item a:focus {
    background-color: none;
    border-bottom: none;
    color: #FFE357;
}
    

@media(min-width:1200px) {    
    .nav-link img {
        max-width: 120px;
    }
} 

@media(max-width:1199px) {    
    .nav-link img {
        max-width: 100px;
    }
} 

@media(max-width:768px) {    
    /*.nav-item {
        max-width: 150px;
    }*/
    .nav-link img {
        max-width: 100px;
    }
}    
    
@media(max-width:576px) {    
    /*.nav-item {
        max-width: 120px;
    }*/
    .nav-link img {
        max-width: 100px;
    }
} 

@media(max-width:480px) {    
    .nav-item {
        max-width: 115px;
    }
    .nav-link img {
        max-width: 95px;
    }
} 

.card {
  height: 100%;
}

.tab-content {
  margin-top: 60px;
}


/* collapse */

.panel-group .panel {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #FFE357;
    margin: 0px;
}

.panel-default > .panel-heading {
	background-color: #000000;
    padding: 0;
	outline: none;
	border: none;
	width: 100%;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-bottom: 1px solid #FFE357;
	border-top: none;
	background-color: #000000;
	font-size: 14px;
	color: #ffffff;
    padding: 15px;
}

.panel-body span{
	font-size: 14px;
	color: #ffffff;
}

.panel-body .row {
	margin-top: 0px;
}

.panel-heading a {
	font-weight: 400;
    font-size: 18px;
	padding: 12px 35px 12px 15px;
	display: inline-block;
	width: 100%;
	color: #000000;
	position: relative;
	text-decoration: none;
    background-color: #FFE357;
}

.panel-heading a.collapsed {
	color: #ffffff;
    background-color: #000000;
}

.panel-heading a:after {
	font-family: "FontAwesome";
	content: "\f147";
	position: absolute;
	right: 15px;
	font-size: 18px;
	font-weight: 300;
	top: 50%;
	line-height: 1;
	margin-top: -8px;
    color: #000000;
}

.panel-heading a.collapsed:after {
	content: "\f196";
    color: #FFE357;
}


.panel-heading a:hover {
	text-decoration: none;
	background-color: #FFE357;
	color: #000000;
}


/*
.panel-headingf {
	background-color: #efefef;
    padding: 0;
	outline: none;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	width: 100%;
}

.panel-default > .panel-headingf + .panel-collapse > .panel-body {
	border: 1px solid #efefef;
	border-top: none;
	background-color: #ffffff;
	font-size: 14px;
	color: #ffffff;
    padding: 15px;
}

.panel-headingf a {
	font-weight: 400;
    font-size: 18px;
	padding: 12px 35px 12px 15px;
	display: inline-block;
	width: 100%;
	color: #b1b1b1;
	position: relative;
	text-decoration: none;
}

.panel-headingf a.collapsed {
	color: #ffffff;
}

.panel-headingf a:after {
	content: none;
	position: absolute;
	right: 15px;
	font-size: 18px;
	font-weight: 300;
	top: 50%;
	line-height: 1;
	margin-top: -8px;
}

.panel-headingf a.collapsed:after {
	content: none;
}

.panel-headingf a:hover {
	text-decoration: none;
	background-color: #efefef;
	color: #b1b1b1;
    cursor: default;
}
*/
.panel-title a i {
	padding-right: 10px;
	font-size: 14px;
}
/*COLLAPSE*/

i.material-icons {
    padding-bottom: 3px;
    font-size: 21px; 
    display: inline-flex; 
    vertical-align: middle; line-height: 18px;}


footer {
	color: #ffffff;
    min-height: 70px;
    margin-top: 80px;
}

.footer-container {
    padding-top:20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    }

@media(max-width:575px) {
.containers {
    margin-left: 15px;
    }
}



.wrapper2 p
{float:left; padding-left:30%;}