body{font-family: 'Noto Sans KR', sans-serif;}
h1{font-family: 'Noto Sans HK', sans-serif; font-weight: 900; font-size: 3.1em}
h2{font-family: 'Noto Sans HK', sans-serif; font-weight: 900; font-size: 2.6em}
h3{font-family: 'Noto Sans HK', sans-serif; font-weight: 500; font-size: 2em}
h4{font-family: 'Noto Sans HK', sans-serif; font-weight: 500; font-size: 1.4em}
h5{font-family: 'Noto Sans HK', sans-serif; font-weight: 400; font-size: 1.4em}
h6{font-family: 'Noto Sans KR', sans-serif; font-weight: 300; font-size: 1.0em}
body .text-primary {
    color: #0c4208;
}
.navbar-default { background-color:#0c612a}
.navbar-default .navbar-nav > li > a {color:#ffffff}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a {color:#F7CE00;}

.barra_top{background-color: #0c4208; height: 53px; }
header a.navbar-brand img {
    max-height: 100px;
    margin-top: -50px;
}
.navbar-default .navbar-nav > .active > a{background-color: transparent;}
a{color:#0c612a}
a:hover, a:active{ color:#0c4208}
.navbar-static-top {
    border-width: 0 0 0px;
}
.btn-primary {
    color: #ffffff;
    background-color: #0c4208;
    border-color: #0c612a;
}
.btn-primary:hover {
    color: #ffffff;
    background-color: #ddab00;
    border-color: #deab00;
}
.label-primary {
    background-color: #0c4208;
}

/*.nav > li {
    border-bottom: 1px solid #104e0c;
}*/
.nav > li:last-child {
    border-bottom: none;
}

/*canasta*/

.panel-info > .panel-heading, .panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #0c612a;
    border-color: #0c4208;
}
.text-muted2 {
    color: #d0d0d0;
}
.color_price{color:#cccccc}
.panel-info {
    border-color: #dedede;
}

/*productos y menu*/
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff;
    background-color: #0c4208;background: rgb(12,66,8);
background: linear-gradient(180deg, rgba(12,66,8,1) 0%, rgba(12,97,42,1) 100%);
}
.nav-pills > li > a {
    border-radius: 2px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #0c4208;
    border-color: #0c612a;
}
.pagination > li > a, .pagination > li > span {
    color: #0c612a;}



.nav.nav-pills > li {
    border-bottom: 1px solid #d6d6d6;
}
ul.nav-stacked > li > a {
    padding: 7px 15px;
}
.nav-stacked > li + li {
	margin-top: 0px;}
@media(max-width:768px){.nav.navbar-nav > li {
	border-bottom: 1px solid #0c4208;
	border-top: 1px solid #3a754f;
}
	.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
	.nav.navbar-nav{margin-top: 0} 
	.nav.navbar-nav > li:first-child, .nav-navbar-nav > li.divider{border-top: none}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #0c4208;
}
	.navbar.navbar-static-top ul.nav > li.divider {
		margin-top: 0px;}
	.nav.navbar-nav > li:last-child {
		border-bottom: none;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #0c4208;
}
}

.s_text_block ul li {
  list-style-type:  square;
  list-style-image: url("https://campoclaro.mvdsimple.uy/web/image/819/vi%C3%B1eta.gif");
}

footer {
    background-color: #0c4208;
    color: #ffffff;
}

/*  WHATSAPP  */

	/* boton de chat por whatsapp */                                                                                                                                                                                   
 .whatsap{ position:fixed; bottom:21px; right:21px; z-index:500;}                                                                                                                                                   
 .whatsap:hover{ bottom:21px; right:21px;}                                                                                                                                                                          
  .web{ display:block } .mov { display:none} 


 @media (max-width: 768px) { .web{ display:none } .mov { display:block}

}