@font-face {
    font-family: 'Bree';
    src: url('../fonts/original_BreeLight.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/original_BreeLight.woff') format('woff');
    /* url('../fonts/original_BreeBold.ttf') format('truetype'),
    url('../fonts/original_BreeBold.svg') format('svg'); */
    font-weight: normal;
    font-style: normal;
}   

@font-face {
    font-family: 'Bree';
    src: url('../fonts/original_BreeRegular.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/original_BreeRegular.woff') format('woff');
    /* url('../fonts/original_BreeBold.ttf') format('truetype'),
    url('../fonts/original_BreeBold.svg') format('svg'); */
    font-weight: 500;
    font-style: normal;
}   

@font-face {
    font-family: 'Bree';
    src: url('../fonts/original_BreeBold.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/original_BreeBold.woff') format('woff');
    /* url('../fonts/original_BreeBold.ttf') format('truetype'),
    url('../fonts/original_BreeBold.svg') format('svg'); */
    font-weight: bold;
    font-style: normal;
}  

@font-face {
    font-family: 'SignPainter';
    src: url('../fonts/original_SignPainter-HouseScript_Regular.eot') format('embedded-opentype'), 
    url('../fonts/original_SignPainter-HouseScript_Regular.woff') format('woff');
    /* url('../fonts/original_BreeBold.ttf') format('truetype'),
    url('../fonts/original_BreeBold.svg') format('svg'); */
    font-weight: normal;
    font-style: normal;
}   
@font-face {
    font-family: 'SignPainter';
    src: url('../fonts/original_SignPainter-HouseScript_Bold.eot') format('embedded-opentype'), 
    url('../fonts/original_SignPainter-HouseScript_Bold.woff') format('woff');
    /* url('../fonts/original_BreeBold.ttf') format('truetype'),
    url('../fonts/original_BreeBold.svg') format('svg'); */
    font-weight: bold;
    font-style: normal;
}   
body{
    font-family: Bree;
    font-size: calc(10px + 0.55vw);
}

#inicio{
    padding-top: 5rem;
}

#detalle-productos{
    /* padding: 2em 0; */
}

#detalle-productos .mix .subtitulo, #detalle-productos .mix > div.row:not(.titulo-subcat) {
    padding: 0 2em;
}

#quesos div.titulo-subcat{
    display: flex;
    flex-direction: row;
    align-items: center;
    /* margin-top: 3em;
    margin-bottom: 1em; */
}
#quesos div.subtitulo{
    display: flex;
    flex-direction: row;
    align-items: center;
    /* margin-top: 3em;
    margin-bottom: 1em; */
}

#quesos .subtitulo img{
    height: 4em;
    margin-bottom: 0.7em;
}

h3 span:nth-child(1) {
    margin-right: 0.5em;
}
h3 span:nth-child(2) {
    margin-left: 0.5em;
}

#empresa{
    /*background:url(../images/fabrica1.jpg) no-repeat center center;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#empresa .container{
    height: 100%;
}

#distri p{
	font-family:Lato;
	border-bottom: 1px dotted #D6C37E;
}

.menu-manus{
    /*font-family: Norican;*/
    font-family: Satisfy;
    text-transform: none;
    /*color:#0daaff;*/
    color:#164289;
    font-size: 18px;
}

hr{
    margin-top: 0px;
}

h1{
    font-size: 55px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.h1-manus{
    font-family: Satisfy;
    text-transform: none;
    /*color:#0daaff;*/
    color:#164289;
    font-weight: normal;
}

.h1-normal{
    text-transform: uppercase;
    font-weight: normal;
    /*color:#002F82*/
    color:#D6C37E
}

/* Logra el fade-out del color activo */
/* .navbar-nav > li > a {    
    transition:color 2000ms;
}
.navbar-nav > li > a.active {    
    transition:none;
} */

.navbar-nav > li {
    float: none;
    vertical-align: middle;
    display: inline-block;
}

/* fin */

/* .toggleDiv {
	border:1px solid #D6C37E;
	background-color:#fff;
	border-radius: 10px;
	padding-left:0px;
	padding-right:0px;
} */

/* .toggleDiv .img-producto {
	padding-left:0px;
	padding-right:0px;
} */

.thumbnail{
    border:0px;
}

.thumbnail .more {
    display: none;
    z-index:4;
    position:absolute;
    top:-150px;
    left:50%;
    margin:0 auto;
    margin-left:-41px;
	padding:5px;
	background-color:#d6c37e;
	border-radius: 5px;
    width:80px;
    height:80px;
    font-size:40px;
    color:#164289;
    text-decoration:none;
	line-height: 70px;
    text-align: center;
}

.thumbnail:hover .more {
    display: block;
    top:55%;
    margin-top:-40px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3 s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


.thumbnail .mask {
    display: none;
    opacity:0.30;
    filter: alpha(opacity=25);
    top:100%;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    position:absolute;
    border-radius: 15px;
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2 s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.thumbnail:hover .mask {
    top:0;
    display: block;
}

.sintacc{
    position:absolute;
    top:0;
    left:0;
    padding:10px;
    z-index:1
}
.sintacc img{
    /*width:60px !important;*/
}
/* .single-project {
    margin-bottom:30px;
} */

.info-producto-datos {
    padding-right:20px;
}
.info-producto-datos p {
    padding-left:0;
	border-bottom:1px solid #D6C37E;
}
.presentacion{
    font-size: 15px;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    line-height: 1.1;
}
.presentacion p{
	border-bottom:1px solid #D6C37E;
	text-decoration:underline;
	
}
#titulos-detalles {
    margin-top:5px;
    margin-bottom:0px;
    /* border-bottom:1px solid #D6C37E; */
}
#titulos-detalles h3 {
    /* margin-top:0;
    padding:0;
    font-family: 'Bree';
    font-size: 3em;
    color: #28559e; */
}
#titulos-detalles .close {
    /*color:#0093D0;*/
    color:#D6C37E;
    margin-top:0px;
    font-size:30px;
    font-weight:800;
}
.project-info b, #titulos-detalles h3 {
    /* color:#D6C37E;
    margin-bottom: 0px; */
}
.project-info {
	font-weight:100;
    padding:10px 0;
}
.project-info span {
	width: 80px;
    display: inline-block;
}
.project-info div {
    margin-bottom:5px;
}
.close {
    float: right;
    width: 40px;
    height: 40px;
    text-align: center;
}
#carousel-prod img{
    max-height: 450px;
    width: auto;
}
.carousel .item img{
    min-width: auto;
}

#ingredientes{
    font-size: 0.95em;
    padding: 0.7em 0;
    border-bottom: 1px solid #D6C37E;
}

#info_nutri{
    padding: 0.6em 0;
}
#cant_cons{
    margin-bottom: 5px;
}
.tabla-info{
    font-family: Lato;
    font-size: 0.7em;
    color: #164289;
}
.tabla-info td{
    padding:2px;
    border-bottom: 1px solid #D6C37E;
}

/**** Navbars ****/
.navbar {
    background-color: #FFF;
    border-bottom: 2px solid #D6C37E;
    /* min-height: 83px; */
}
.nav-pad-right{
    padding-right: 3vw;
}
.brand-logo{
    padding-top: 0px;
    float:left;
    height: 3.6em;
    padding-left: 6vw;
    outline: none;
    position: relative;
    z-index: 1031;
}
.brand-logo:focus, .brand-logo:active{ outline: none; }
.brand-logo > img{
    max-height: 5.6em;
}

.sello-sabor img{
    max-height: 3.5em;
}
.navbar .container{
    padding-right:35px;
}

/* .navbar-default .navbar-nav > li {
    padding-top:17px;
} */

.navbar-nav li a{
    /* color: #D6C37E; */
    color: #164289;
    /* text-transform: uppercase; */
    font-weight: bold;
    font-size: 1.4em;
    /* margin-top: 0.2em; */
    padding: 0.1em 0.8em;
    line-height: initial;
    text-decoration: none;
}
.navbar-nav li a:hover{
    color: #0093D0;
    text-decoration: none;
    transition: none;
}

#menu-quesos{
    padding-right: 2em;
}
a.menu-subitem:hover{
    color: rgb(205,151,0);
}
.navbar-nav li a.active{
    /* color: #0093D0; */
    color: rgb(205,151,0);
}

@media (min-width: 768px){
    .navbar-nav > li.border-ri {
        border-right: #009fe3 solid 1px;   
    }
}
.navbar-fixed-top{
    background-color: #FFF;
    border-bottom: #E9E9E9 1px solid;
}
.navbar-toggle:before{
    color: #0093D0;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #FFF;
}
/**** Controls ****/
.controls .btn {
	/* border:1px solid #D6C37E;
    background-color: #fff; */
    background-color: transparent;
    text-transform: uppercase;
    font-size: 1em;
}
.controls .btn:hover {
	/* background-color: #D6C37E; */
}
.controls .active{
	background-color: #28559e;
    border-radius: 0.5em;
    /* color: #f3bf2c; */
}
.controls .btn:active{
    /* background:#D6C37E; */
}
.controls button:focus{
    /* background-color: #D6C37E; */
    outline-style: none;
}
/**** End Controls ****/

/**** Listado Productos ****/
.title-cat{
    text-align: center;
    background-image:linear-gradient(to right,#D6C37E,#EFE7CE,#D6C37E);
    margin-bottom: 10px;
}

/**** End Listado Productos ****/

/**** Contacto ****/

.contacto {
    background: #c9e8fb;
}

.form-contacto {
    /*position:absolute;
    z-index:10;*/
    background-color:rgba(255,255,255,.8);
    padding:20px;
    margin-left:30px;
    margin-top:5px;
    border-radius:10px;
    border:1px solid #D6C37E;
}
#formContacto .btn-primary{
    background-color: #164289;
}
#formContacto .btn-primary:hover, .btn-primary.hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary{
    color: #ffffff;
    background-color: #337cbb !important;
    border-color: #337cbb !important;
}

#detalle-productos div.mix {
    padding-top: 2em;
    padding-bottom: 2em;
}

/****  Flexslider  ****/
.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 55px;
    content: '\f001';
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    line-height: 40px;
}
.flexslider .slides > li {
    background-position: center;
    height: 100%;
    width: 100%;
    display: none; 
    -webkit-backface-visibility: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.flexslider-container, 
.flexslider .slides, 
.flex-viewport {
    height: 100%;
}
.flexslider {
    margin: 0; 
    padding: 0; 
    width: 100%; 
    border: 0px; 
    overflow: hidden;
}


/**** Footer ***/
.logo-footer {
    width:250px;
}
.flex-footer{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.mr-auto{
    margin-right: auto;
}

.flex-footer p span{
    margin-right: 0.5em;    
}

.flex-footer a{
    color: #fff;    
}
.dt-logo a{
    margin-top: 3rem;
    margin-right: 0.8em;
    display: block;
}
.dt-logo img{
    opacity: 0.85;
    width: 23rem;
}
@media(max-width: 767px){
    .dt-logo img{
        opacity: 0.95;
        width: 17rem;
    }
}
.dt-logo img:hover{
    opacity: 1;
}
div.flex-footer p.mr-auto span:before {
    content: "";
    display: block;
    background: url('../images/secure.png') no-repeat;
    width: 34px;
    height: 34px;
    float: left;
    margin: -0.25em 0.2em 0 0; 
}

footer.section-primary{
    background-color:#fff !important;
    color:#164289;
}

.text-inverse{
    color:#164289 !important;
}

.datos-contacto{
    font-family: Lato;
}
.datos-contacto b{
    font-family: Baloo Thambi;
}


/*** Listado de prductos movil ***/
.dl-menuwrapper ul {
    background: #164289;
}

.dl-submenu li {
	background: #0093D0;
}

.dl-submenu .dl-back {
	background: #164289;
}

.dl-menu li {
	border-bottom:1px solid #fff;
}

.dl-menu.dl-animate-out-1 {
	animation: MenuAnimOut1 0.4s linear forwards;
}

.jingle{
    width: 80%
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
    animation: MenuAnimIn1 0.3s linear forwards;
}

@keyframes MenuAnimIn1 {
    0% {
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}





/*** MEGA MENU ***/
.mega-dropdown 
.nav-tabs > li > a, 
.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus, 
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-radius: 0;
    border:none;
    font-family: 'Bree Serif';
}

.minim-dropdown-menu .nav > li > a{	    
    padding:10px 10px;
}

#navbar-menu-ppal > li > a{
    color:#D6C37E;
    
}
#navbar-menu-ppal > li.active > a{
    background-image:url(../images/bg_menu.png);
    color:#FFF;
}
#navbar-menu-ppal > li > a:hover{
    background-color: #D6C37E;
    color:#FFF;
}
.mega-dropdown .nav-list > li { 
    padding: 0px 15px 15px;
    /*border-left: 1px solid #eee; */
    margin-bottom:0px;
    vertical-align: top;
    list-style: none;
}
.mega-dropdown .nav-list > li:last-child { 
    /*border-right: 1px solid #eee; */
}
.mega-dropdown .nav-list > li:first-child { 
    border-left:none; 
}

.navbar-nav > .dropdown > a .caret{
    border-top-color:#D6C37E;
    border-bottom-color:#D6C37E;
}

.navbar-nav > .dropdown > a:hover .caret, .navbar-nav > .dropdown > a:focus .caret{
    border-top-color:#0093D0;
    border-bottom-color:#0093D0;
}

/** Submenu de productos**/
.mega-dropdown .tab-pane{
    margin-left:0px;
    padding-top: 10px;
	font-family: 'Bree Serif';
}

.tab-pane{
    background-image:url(../images/bg_menu.png);
	border-radius: 0 0 5px 5px;
    background-color: rgb(1,23,64);
}


.mega-dropdown .subnav-list{
    padding-left: 0px;
}
.mega-dropdown .subnav-list u{
    font-weight: 600;
}
.mega-dropdown .subnav-list > li{
    list-style: inside url(../images/list-item.png);
    text-align: left;
    color:#164289;
	border-bottom: 1px dotted #D6C37E;
}
.mega-dropdown .subnav-list > li > a{
    color:#D6C37E;
}
.mega-dropdown .subnav-list > li.active > a{
    color:#D6C37E;
}
.mega-dropdown .subnav-list > li > a:hover { 
    text-decoration: none;
    color:#FFF;
    /*padding:3px;*/
    
}
.mega-dropdown .nav-list > li > a > span {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}



.mega-dropdown { 
    /* position: static !important;  */
}

.dropdown-menu{
    background-color: #fff;
    border: none;
    font-size: 1em;
}
.navbar-nav > li > .dropdown-menu{
    min-width: 9em;
    /* margin-top: 2px; */
    /* padding-right: 2px; */
    border-radius: 2px;
    opacity: 0.93;
}

.subnav-list li{
	padding:3px 2tap-pane
	px;
}

.subnav-list span {
	color: rgb(1,23,64);
	background: #D6C37E;
	border-radius: 2px;
	padding:0 5px 2px 5px;
}

/*** Desplegable Producto ***/
.panel-title a{
    list-style: none;
    text-align: left;
    color: #164289;
}
.panel-title a:hover{
    background-color: #D6C37E;
    color: #164289;
}
.panel-group .panel-default > .panel-heading{
    background-color:#D6C37E;
}


/*** REDES SOCIALES CONTACTO ***/
.social-cto-container {
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 28px;
    color:#fff;
}

.social-cto-container a{
    text-decoration: none;
    color:#fff;
}

.social-cto-container a:hover, a:focus{
    color:#fff;
}

/*** REDES SOCIALES TOP ***/
.social-top-container {
    position:absolute;
    top:0;
    right:0;
    height:100%;
    padding:0;
    width:90px
}

.social-top-container a {
    text-decoration: none;
    color: #164289;
}

.social-top-icon-left{
    float:left;
    height:100%;
    padding:0;
    width: 44px;
    background-color: #D6C37E;
    border-right: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center; 
}

.social-top-icon-right {
    float:left;
    height:100%;
    padding:0;
    width: 45px;
    background-color: #D6C37E;
    display: flex;
    align-items: center;
    justify-content: center; 
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.3) 100%);
    background-image: -o-linear-gradient(left, rgba(255,255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.3) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.3) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.descarga{
    color:#164289;
    border: 1px solid #D6C37E;
    background-color: #fff;
}
.descarga:hover{
    background-color: #D6C37E;
}
.descarga:focus{
    color:#164289;
}


.catalogo{
    position: relative
}
/*.catalogo-button{
    width: 100%;
    position: absolute;
    top: 45%;
    left: 0;
}
.catalogo-button a{
    color:#002F82;
    border: 1px solid #D6C37E;
    background-color: #fff;
}
.catalogo-button a:hover{
    background-color: #D6C37E;
}
.catalogo-button a:focus{
    color:#002F82;
}*/


/* Rolo adds */
img.fb-icon{
    height: 1.3em;
}
.no-gutter > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dropdown-menu{
    left: auto;
}

.header-spacer {
    flex: 1 1 auto;
}

.list-group-item-custom {
    position: relative;
    display: block;
    /* padding: 10px 15px; */
    /* margin-bottom: -1px;
    background-color: #ffffff; */
}
.navbar-nav li a.menu-subitem{
    padding-left: 2em;
    padding-right: 0;
    position: relative;
    display: block;
}

p{
    font-family: Lato;
    font-size: 1.25em;
    color:#333;
}


.bg-alterna{
    /* background-color:rgb(240, 240, 240); */
    background-image: linear-gradient(to right,#fff,#eee);
}

.bg-calidad{
    /* background-color:rgb(240, 240, 240); */
    background: url(../images/bg_calidad.jpg) no-repeat;
}

h5{
    font-weight: normal;
}
.white{
    color: #FFF;
}

p.cabecera-mes {
    font-size: 1em;
    color: #333;
}

/* Padding de las filas */
.pad-side-2{
    padding: 3em 5%;    
}

/* Padding de las columnas */
.pad-side-2  > [class*="col-"]{
    padding: 0 3%;    
}

div.header{
    height: calc(150px + 7.5vw);    
   background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}
.bg-novedades
{
    background:url(../images/bg_novedades.jpg) no-repeat;
}
.bg-nosotros
{
    background:url(../images/bg_nosotros.jpg) no-repeat;
}
.bg-interesado
{
    height: 200px;
    background-image:url(../images/bg-interesado.jpg);
    background-size: 100% 100%;
    padding-top: 15px;
}

/* button.flat, a.flat, div.flat{ */
.flat{
    
    text-align: center;
    background-color: #FFF;
    border: 0.12em solid #009fe3;
    border-radius: 0.3em;
    padding: 0.3em 0.5em 0.15em;
    margin-top: 2em;
    min-width: 6em;
}
button.flat, a.flat, div.flat p{
    font-family: Bree;
    font-size: 1.4em;
    font-weight: 500;    
    color: #009fe3;
}
div.flat{
    margin: 0;
    height: 5rem;
    width: 17rem;
}
div.flat-infop > a{
    font-family: Bree;
    font-size: 1.4em;
    font-weight: 500;
    text-align: center;
    color: #009fe3;
    
}
div.flat-infop{
    display: inline-block;
    background-color: #FFF;
    border: 0.12em solid #009fe3;
    border-radius: 0.3em;
    padding: 0.3em 0.5em 0.15em;
    margin-top: 2em;
    min-width: 6em;
}


.descubrir a.flat, #formContacto a.flat{
    margin: 0 1em;
}
#formContacto a.flat{
    min-width: 11em;;
}

a.flat:hover, a.flat:active, a.flat:focus,
div.flat-infop a:hover,div.flat-infop a:active,div.flat-infop a:focus
{
    text-decoration: none;
}
.marco-boton img{
    height: 2.5em;
}
div.custom-container{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

/* span.arab-izq{
    background:url(../images/arabesco-producto.png);
    max-width: 20 px; 
    display: block;
}
span.arab-der{
    background:url(../images/arabesco-producto-der.png) left top; 
    max-width: 20 px;
    display: block;
} */

.estirar{
    width: 100%;
}

.descubrir{
    height: calc(150px + 23.4vw);
    /* background-size: 100%; */
    display: flex;
    align-items: center;
}
@media(min-width:1700px){
    .descubrir{
        background-size: cover;
    }
}

#resumen-novedades{
    background-position: center center;
    background-image: url(../images/slide-quesocrema.jpg);
    padding-left: 6vw;
    background-size: cover;
    height: calc(150px + 35vw);
}
@media(max-width:767px){
    #resumen-novedades{
        background-position: center top;
    }    
    #resumen-novedades h2{
        font-size: 2.1rem;
    }    
}

#resumen-novedades h2{
    margin-top: 0;
}


.col-centered {
    display: inline-block;
    float: none;
}
@media (max-width: 767px) {
    .col-centered-xs {
        display: inline-block;
        float: none;
    }
}
@media (min-width: 768px) {
    .col-centered-sm {
        display: inline-block;
        float: none;
    }
}



#conocenos{
    background-position: center center;
    background-image:url(../images/bg_conocenos.jpg);
    padding-left: 6vw;
}

#pais-entero{
    justify-content: flex-end;
    background-position: left center;
    background-image:url(../images/bg_pais.jpg);
    padding-right: 6vw;
}
@media (max-width: 1023px) {
    #pais-entero{
    background-position: center center;
    }
}

.marco-boton{
    display: inline-flex;
    align-items: center;
    margin-top: 1em;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Bree';
    font-weight: bold;
    color: #164289;
}

h3{
    font-size: 2em;
}
h2{
    font-size: 2.25em;
}

#productos h3{
    font-family: SignPainter;
    margin-bottom: 0;
    margin-top: 10px;
    /* font-size: calc(2px + 6.7vw); */
}
#productos h4, #novedades h4{
    font-family: Bree;
    font-size: 2em; /*calc(3px + 2.9vw);*/
    font-weight: bold;
    color: rgb(205,151,0);
    display: flex;
    flex: auto;
}

#productos h3 span
{ 
    /* width: 4.1em; */
    height: 0.52em;
    width: 1.2em;
    display: inline-block;
    /* float: left; */
}


.puntero-cat{
    height: 1.4em;
    width: 100%;
    background:url(../images/puntero-producto-cat.svg) center top no-repeat; 
    background-size: 1.4em;
}

#productos h4 span{
    display: flex;
    align-items: center;
    flex: auto ;
    margin-left: 0.5em;
    margin-right: 0.5em;
    /* background:url(../images/punto.svg) left center repeat-x; 
    background-size: 0.22em; */
}
.separador h4 span{
    /* ver */
} 

div.linea{
    height: 3px;
    flex: auto;
    border-top:1px solid #bd8702;
    border-bottom:1px solid #ffffff;
}

#productos .item span{
    font-size: 1.2em;
    color: #0093D0;
}
#productos .item span:not(.reg)::before, #productos .item span:not(.reg)::after{
    content: " · ";
    color: #cb9700;
    font-weight: bold;
}
#productos .item img{
    margin: 0 auto;
}
#productos .row{
    /* margin-top: 1em; */
    /* margin-bottom: 2em; */
}
#productos .item span.light{
    /* padding: 0.1em 0.3em 0;
    color: white; 
    background-color: #96b159;*/
    color: #84b151;
}
#productos .item span.clasico{
    color: #28559e;
}
#productos .item span.entero{
    color: #333;
}
#productos .item span.leche-azul{
    color: #0097cb;
}
#productos .item span.leche-verde{
    color: #84b151;
}
#productos .item span.especias{
    color: rgb(203,151,0);
}
#productos .item span.reg{
    font-weight: 600;
}

#novedades .separador h4{
    display: flex;
}
#novedades .separador h4 img{
    width: 3.5em;
    margin: 0 1em;
}
.header-productos .controls{
    color: white;
    padding: 0 5%;
    height: 100%;
}
.fondo-menu{
    background-color: #04aad8;
    width: 100%;
    /* height: calc(18.75px + 3.75vw); */
    height: 3.2em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scrolling-wrapper {
    /* overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; */
    
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    /* overflow-y: hidden; */
}

.controls button{
    /* align-items: flex-start; */
    /* display: inline-block; */
    flex: 0 0 auto;
    text-align: center;
    cursor: default;
    color: white;
    background-color: transparent;
    box-sizing: border-box;
    border-style: none;
    text-transform: uppercase;
    /* font-weight: 500; */
    font-size: 1.2em;
    padding: 0 0.8em;
    margin: 0.32em 0;
    
}
.controls button.active{   
    /* background:url(../images/puntero-producto.svg) center bottom no-repeat; 
    background-size: 1.4em; */
}
div.controls{
    /* width: 100%; */
    /* height: 3em; */
}
div.header-productos{
    height: calc(100px + 20vw);
    /* background-size: 100%; */
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /* background:url(../images/header-quesos.jpg) left center; */
    background-image: url(../images/header-quesos.jpg);
    background-position-x: left;
    background-position-y: center;
    background-size: cover; 
}

.header-productos h1{
    color: #FFF;
    /* font-family: SignPainter; */
    font-size: 5em;
}
.header-productos .cabecera-productos{
    margin: auto;
}

#productos .apto{
    margin-top: 2em;
    display: flex;
    justify-content: center;
}
#productos .apto img{
    width: 100%;
}

.oro{
    /* color: #ffc000; */
    color: rgb(205,151,0);
}

.check{
    width: 2.6em;
    float: left;
    margin-right: 0.8em;
}
.mt1{
    margin-top: 1em;
}
.mt2{
    margin-top: 2em;
}

.p0{
    padding: 0;
}
/* Arabesco titulo izquierda */
#quesos h3 span:nth-child(1) {
    margin-left: 0.2em;
    margin-right: 0.3em;
    background:url(../images/arabesco-h.svg) left top no-repeat; 
    background-size: contain;
}

/* Arabesco titulo derecha */
#quesos h3 span:nth-child(2), #titulos-detalles h3 span {
    margin-left: 0.3em;
    margin-right: 0.2em;
    background:url(../images/arabesco-h-der.svg) right top no-repeat; 
    background-size: contain;
}

/* VER */
h3 > span > img{
    height: 0.85em;
    margin-top: -0.15em;
}


.footer
{	
    padding: 3rem 2rem 1rem;
    background-image: linear-gradient(to bottom,#2855a3,#147dbc);
    color:white;
}	

.footer p
{			
    color:white;
    font-size:1em;	
    line-height: 1.6em;
}	

.footer ul
{	
    list-style-type: none;
    list-style-position: outside;
    /* color:rgb(119,119,119); */
    font-size:1em;
    padding-left: 0.5em;
}		

.footer li a
{			
    font-family: Lato;
    font-size: 1em;/*  calc(14px + 0.27vw);     */
    text-decoration: none;
    color:white;
    line-height: 2em;
}	

.footer li a:hover
{			
    /* color: rgb(22,66,137);	 */
}				

.footer-top
{	
    background-image: linear-gradient(to right, rgb(25,81,160),rgb(20,31,54));
    padding:20px;
    display: flex;
    justify-content: center;
}	

.dorado
{
    background-image:url(../images/dorado.jpg); 
    background-size:cover;
    height: 0.3em;
    flex: auto;
}
.dorado-x2
{
    height: 0.6em;		
}
#quesos .titulo-subcat .dorado
{
    height: 0.45em;		
}

.blue
{
    color: #9db9df;		
}


/* MODAL WINDOW: DESCRIPCION DE PRODUCTO */
.modal {
    will-change: visibility, opacity;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1050;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition-delay: 400;
  }
  .modal--active {
    visibility: visible;
    opacity: 1;
  }
  .modal--align-top {
    align-items: flex-start;
  }
  .modal__bg {
    background: transparent;
  }
  .modal__dialog {
    max-width: 80vw;
    padding: 1.2rem;
  }
  .modal__content {
    will-change: transform, opacity;
    position: relative;
    padding-bottom: 1rem;
    background: #FFF;
    background-clip: padding-box;
    box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);
    opacity: 0;
    transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .modal__content--active {
    opacity: 1;
  }
  .modal__close {
    z-index: 1100;
    cursor: pointer;
  }
  .modal__trigger {
    /* position: relative; */
    display: inline-block;
    /* padding: 1.2rem 2.4rem; */
    /* color: rgba(0,0,0,0.7); */
    /* line-height: 1; */
    /* cursor: pointer; */
    /* background: #ffebee; */
    /* box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); */
    /* -webkit-tap-highlight-color: rgba(0,0,0,0); */
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
    user-select: none;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .modal__trigger--active {
     z-index: 10; /* 10 */
  }
  /* .modal__trigger:hover {
    background: #e5d3d6;
  } */
  #modal__temp {
    will-change: transform, opacity;
    position: absolute;
    z-index: 2000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFF;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
    transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /**
   * Demo specific CSS
   */
  /* .demo-btns header {
    padding: 7vh 10vw;
    background: #FFF;
    display: flex;
    align-items: center;
  }
  .demo-btns header h1 {
    margin: 0;
    color: rgba(0,0,0,0.54);
    font-weight: 300;
  }
  .demo-btns .info {
    background: #f44336;
    padding: 3vh 10vw;
    height: 70vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column wrap;
  }
  .demo-btns p {
    text-align: center;
    color: #fff;
  }
  .demo-btns .link {
    font-size: 20px;
  } 
  .demo-btns .modal__trigger {
    margin-right: 3px;
  }
  @media (max-width: 640px) {
    .demo-btns .modal__trigger {
      margin-bottom: 0.8rem;
    }
  }*/
  .demo-close {
    position: absolute;
    top: 0;
    right: 15px;
    margin: 1.2rem;
    padding: 0.6rem;
    background: rgba(0,0,0,0.3);
    border-radius: 50%;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .demo-close svg {
    width: 24px;
    fill: #fff;
    pointer-events: none;
    vertical-align: top;
  }
  .demo-close:hover {
    background: rgba(0,0,0,0.6);
  }
  /* .logo {
    position: fixed;
    bottom: 3vh;
    right: 3vw;
    z-index: 2;
  }
  .logo img {
    width: 45px;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  } */
  .logo img:hover {
    -webkit-transform: rotate(180deg) scale(1.1);
            transform: rotate(180deg) scale(1.1);
  }

  /* FIN MODAL WINDOW */

/* s
.sidebar-nav {
    background: #212529;
}
.sidebar-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    background: #343a40;
}

.sidebar-nav .metismenu {
    background: #212529;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.sidebar-nav .metismenu li + li {
    margin-top: 5px;
}

.sidebar-nav .metismenu li:first-child {
    margin-top: 5px;
}
.sidebar-nav .metismenu li:last-child {
    margin-bottom: 5px;
}


.sidebar-nav .metismenu > li {
    /*-webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;*/
    /*
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}
.sidebar-nav .metismenu a {
    position: relative;
    display: block;
    padding: 13px 15px;
    color: #adb5bd;
    outline-width: 0;
    transition: all .3s ease-out;
}

.sidebar-nav .metismenu ul a {
    padding: 10px 15px 10px 30px;
}

.sidebar-nav .metismenu ul ul a {
    padding: 10px 15px 10px 45px;
}

.sidebar-nav .metismenu a:hover,
.sidebar-nav .metismenu a:focus,
.sidebar-nav .metismenu a:active {
    color: #f8f9fa;
    text-decoration: none;
    background: #0b7285;
}
*/

.next-menu{
    left: 100%;
    top: 0;
    height: 100%;
    background-color: #dedacf;    
    margin-top: 0;
    border: none;
    /* visibility: hidden; */
    
    /* from bootstrap dropdown-menu class */
    position: absolute;   
    z-index: 1000;
    display: none;
    float: left;
    min-width: 9em;
    padding: 0.5em 0;
    list-style: none;
    text-align: left;
    /* border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15); */
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}
.next-menu.active{
    display: block;
}


div.next-menu ul{
    list-style: none;
    padding-left: 0;
}
.panel{
    margin-bottom: 0;
}

div.expandible{
    display: none;
}

#main-menu{    
    white-space: nowrap;
    padding: 0.2em;
    /* width: 12em; */
    margin-top: 0.85em;
}

#main-menu a{
    font-weight: 500;
    font-size: 0.9em;
    margin-top: 0.3em;
}

div.flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: initial;
    border-color: initial;
}



@media (min-width: 1024px){
    .brand-logo > img{
        max-height: 9em;
        -webkit-transition: max-height 0.4s ease;
        -moz-transition: max-height 0.4s ease;
        -o-transition: max-height 0.4s ease;
        transition: max-height 0.4s ease;
    }
    .brand-logo > img.minimo{
        max-height: 3.7em; 
    }
}

@media (min-width: 1440px){
    div.flex{
        font-size: 1.3em;
    }
}

@media (max-width: 1440px){
    .container-full-height {
        min-height: 535px;
    }
}

/* @media only screen 
and (min-width : 768px) 
and (max-width : 1023px){
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
        padding-top: 15px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    } 
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
} */
/* 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1023px) 
and (orientation : landscape) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
        padding-top: 15px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    
    .social-top-container{
        display: none;
    }
} */

/* @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1023px) 
and (orientation : portrait) { 
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
        padding-top: 15px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    
    .social-top-container{
        display: none;
    }
} */

@media (max-width: 767px){
    #detalle-productos{
        /* padding: 0 0.5em; */
    }
    #formContacto a.flat{
        min-width: 7em;
    }
    
    .form-contacto {
        /*position:absolute;
        z-index:10;*/
        margin-left:0px;
        margin-top:10px
    }
    
    .flexslider{
        height: 640px;
    }
    
    .logo-footer {
        width:100%;
    }
    
    .datos-contacto {
        padding-top:20px;
        text-align:center;
    }
    
    .datos-contacto  b{
        text-decoration:underline;
    }
    .navbar-fixed-top{
        opacity: 0.92;
    }
    .modal__dialog {
        max-width: 100vw;
        padding: 1rem;
    }

    div.header {
        height: calc(85px + 7.5vw);

    }    
    #contacto div.header {
        background-position: center right;
    }
    .navbar-collapse {
        padding: 0;
    }
}

@media (max-width: 640px){
    .container-full-height{
        min-height: 355px;
    }
    
    .flexslider{
        height: 355px;
    }
    
    .form-contacto {
        position:static;
        z-index:1;
        margin-left:0px;
        margin-top:0px;
        width: 100%;
    }
    
   /*.datos-contacto {
        padding-top:20px;
        text-align:center;
    }
    .datos-contacto  b{
        text-decoration:underline;
    }*/
}

@media (max-width: 320px){
    .form-contacto {
        position:static;
        z-index:1;
        margin-left:0px;
        margin-top:0px
    }
    
    .logo-footer {
        width:100%;
    }
    
    .datos-contacto {
        padding-top:20px;
        text-align:center;
    }
    
    .datos-contacto  b{
        text-decoration:underline;
    }
    .jingle{
        width: 100%
    }
}

@media (max-width: 767px) {
    h2{
        font-size: 2.6em;
    }
    
    #productos h3 {
        font-size: calc(2px + 10vw);
    }
    /* #productos h3 span
    { 
        width: 2.05em;
    } */
    /* #quesos h3 span:nth-child(1) {
        background:url(../images/arabesco-h-simple.svg) left top no-repeat; 
        background-size: contain;
    }
    #quesos h3 span:nth-child(2) {
        background:url(../images/arabesco-h-simple-der.svg) right top no-repeat; 
        background-size: contain;
    } */
    
    .header-productos h1{
        font-size: 3.5em;
    }    
}
@media (min-width: 768px) {
    h2{
        font-size: 2.9em;
    }
    #productos h3 {
        font-size: calc(2px + 6.7vw);
    }
    /* #productos h3 span
    { 
        width: 2.05em;
    } */
    
}


.border{
    border-style: solid;
    border-width: 2em;
    border-color: lightskyblue;
}

/* Cuadros de productos */

@media (max-width: 767px){
    #cuadros-productos .col-xs-6{
        height: calc(39.68253968vw);    
    }
    #cuadros-productos{
        font-size: 0.8em;
    }
}
@media (max-width: 350px){
    #cuadros-productos{
        font-size: 0.7em;
    }
}

@media (min-width: 768px){
    #cuadros-productos .col-sm-4{
        height: calc(23vw);    
    }
}

#cuadros-productos h2{
    color: #FFF;
    font-family: SignPainter;
    font-size: 4em;
    margin-top: 0em;
}
@media (min-width: 1240px){
    #cuadros-productos h2{
        margin: 0.4em 0;
    }
}


#cuadros-productos div#cp-chocos h2{
    font-size: 3.8em;
}
.flat.white{
    color: #FFF;
    border-color: #FFF;
    background: transparent;
    margin-top: 0;
    font-size: 1.2em;
}

#cuadros-productos > div > div{
    /* background-size: contain; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.3);
}

#cuadros-productos > div:hover > div, 
#cuadros-productos > div:focus > div,
#cuadros-productos > div.active > div{
    display: flex;
}

#cuadros-productos #cp-quesos{
    background:url(../images/prod-1.jpg) center center no-repeat; 
    background-size: cover;
}
#cuadros-productos #cp-untables{
    background:url(../images/prod-2.jpg) center center no-repeat; 
    background-size: cover;
}
#cuadros-productos #cp-rallados{
    background:url(../images/prod-3.jpg) center center no-repeat; 
    background-size: cover;
}
#cuadros-productos #cp-chocos{
    background:url(../images/prod-4.jpg) center center no-repeat; 
    background-size: cover;
}
#cuadros-productos #cp-mantecas{
    background:url(../images/prod-5.jpg) center center no-repeat; 
    background-size: cover;
}
#cuadros-productos #cp-leches{
    background:url(../images/prod-6.jpg) center center no-repeat; 
    background-size: cover;
}

#detalle-productos #quesos {
    /* height: 200px; */
    background-color: #f2edd9; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #e2cf9c, #f2edd9, #f2edd9, #e2cf9c); /* Standard syntax (must be last) */
}

#detalle-productos #leches {
    /* height: 200px; */
    background:url(../images/bg_leche.jpg) left top no-repeat; 
    background-size: cover;
}

#detalle-productos #untables {
    /* height: 200px; */
    background:url(../images/bg_prod-untable.png) left top no-repeat; 
    background-size: cover;
}

#detalle-productos #rallados {
    /* height: 200px; */
    background:url(../images/bg_prod-rallados.jpg) left top no-repeat; 
    background-size: cover;
}

#detalle-productos #cremas {
    /* height: 200px; */
    background:url(../images/bg_prod-cremas.jpg) left top no-repeat; 
    background-size: cover;
}

#detalle-productos #dulces {
    /* height: 200px; */
    background:url(../images/bg_prod-dulces.jpg) left top no-repeat; 
    background-size: cover;
}

#detalle-productos #yogures {
    /* height: 200px; */
    background:url(../images/bg_prod-yogures.jpg) left top no-repeat; 
    background-size: cover;
}

#detalle-productos #mantecas {
    /* height: 200px; */
    background:url(../images/bg_prod-manteca.jpg) left top no-repeat; 
    background-size: cover;
}

#cuadros-productos img{
    height: 2.2em;
}


/* Contactos */
#contacto img.clip-chat{
    width: 4em;
    margin-right: 0.5em;
}
.clip-chat h3{
    font-size: 1.125em;
    font-weight: bold;
    color: #0698de;
}
img.separador{
    width: 9em;
    margin: 2em 0 1em;
}
#contacto a.mail{
    font-size: 1.5em;
    font-weight: 500;
    color: #0698de;
}

#contacto a:hover .mail{
    font-size: 2.1em;
    font-weight: 500;
    color: #164289;
    text-decoration: none;
}
#contacto div.locaciones p {
    color: #575757;
}

#contacto div.locaciones{
    font-size: 0.75em;
     
}
#contacto div.locaciones h3{
    font-weight: bold;
    color: #164289;
    margin-bottom: 0;
}

@media (min-width: 768px){
    #formContacto{
        max-width: 90%;
    }
}

#contacto .form-control{
    font-size: 1em;
    font-family: Lato;
}

div.sello-flotante{
    position: relative;
    top: 60%;
    left: 12vw;
    z-index: 100;
}

div.sello-flotante img{
    width: 10em;
}

.titulo-container{
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}
div.almanaque{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 5em;
    width: 5em;
    padding: 0 1.6em;
    background: url(../images/contenedor-fecha.png) center center no-repeat;
    background-size: contain;
}

div.almanaque > p{
    font-family: Bree;
    line-height: 1.4em;
    font-weight: 500;
    color: white;
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 0.35em;
}
div.almanaque > p span{
    font-size: 2em
}

#novedades .noticia {
    background-color: #f2f1e7;
    padding-top: 3.2em;
    padding-bottom: 4em;
}
#novedades .noticia .flat {
    font-size: 1.1em;
}

#novedades .noticia-ampliada {
    margin-bottom: 3em;  
}

#novedades .noticia-ampliada > p{
    margin: 0 0 3em 0;
}
.distribucion{
    background-color: #bce4fa;
    background-image: linear-gradient(to right, #bce4fa, #d1ecfc); /* Standard syntax (must be last) */
}

.distribucion .recuadro {
    text-align: center;
    margin-bottom: 2.5em;
}
.distribucion .flex-top{
    padding-right: 3.5em;
}
.distribucion .recuadro h3{
    border-radius: 0.5em;
    background-color: white;
    display: inline-block;
    padding: 0.5em 0.8em;
    /* font-size: 1.8em; */
}

.distribucion .linea-azul{
    height: 3px;
    flex: auto;
    border-top:1px solid #04aad8;
    border-bottom:1px solid #ffffff;
    width: 70%;
    margin: 1em 0;
}

/* #leches  */
.imagen-final{
    margin-top: 3em;
    width: 40em;
    max-width: 100%;
    padding: 1em 0 2em 0;
    background: url(../images/bg_img-final.png) top repeat-x;
}
.imagen-final img{
    align-content: center;
    width: 100%;
    /* max-width: 100%; */
}

.flex-center{
    display: flex;
    justify-content: center;
}

.flex-top{
    display: flex;
    justify-content:space-between;
    align-items: flex-start;
}
.distribucion img.itemlogo {
    display: block;
    max-width: 100%;
    width: 5em;
    height: auto;
    margin-right: 1.3em;
}
.distribucion h4{
    font-size: 1.7em;
    font-style: italic;
}

h3 span.normal{
    font-weight: 500;
}

.cinta3d{
    position: relative;
    margin: 3em 0 2em;
    /* background-color: white;
    padding: 2em 0; */
}

.sombrita img {
    width:100%;
}

.staff{
    display: flex;
    flex-direction: row;
}
@media (max-width: 767px){
    .staff{
        flex-direction: column-reverse;
    }
}

.staff-izq{
    padding: 3em 2em 4em 4em;
    background: url(../images/bg_staff_i.jpg) right top no-repeat;
    background-size: cover;
}
.staff-der{
    padding: 2.2em 2em 2em 2em;
    background: url(../images/bg_staff_d.jpg) left top no-repeat;
    background-size: cover;
}
.staff p{
    color: #FFF;
}

.staff h3{
    color: #cb9700;
}

p.italic{
    /* font-family: Lato;*/
    font-size: 1.25em;    
    font-style: italic; 
    color: #04aad8;
    padding-right: 2em;
}
.staff-izq td{
    padding: 0.3em;
}
.staff-izq table{
    width: 27em;
}

#quienes-somos p{
    padding-top: 0.3em;
    padding-bottom: 0.7em;
}

.navbar-nav{
    padding-right: 1.5em;
    margin: 0.25em 0;
}
@media (min-width: 768px) and (max-width: 1023px){
    .navbar-nav{
        padding-right: 0.8em;
        margin: 0.4em 0;
    }
    .navbar-nav li a {
        font-size: 1.22em;
    }
}

.navbar-fixed-top .flex{
    height: 4em;
}
.body-home{
    margin-top: 4em;
}

.marco-boton-cat {
	margin-top: 1em;
    
}

.marco-boton-cat .flat {
    margin-top: 2em;
	margin-left:1.5em;
	margin-right:1.5em;
	padding: 0.55em;
	position:relative;
	bottom: -0.5em;
}

#detalle-productos #chocos {
    /* height: 200px; */
    background:url(../images/bg_choco.jpg) left top no-repeat; 
    background-size: cover;
}

#detalle-productos #crema {
    /* height: 200px; */
    background:url(../images/bg_prod-cremas.png) left top no-repeat; 
    background-size: cover;
}
.bg-contacto
{
    background:url(../images/bg_contacto.jpg) no-repeat;
}

.marco-boton-cat img {
    height: 3em;
}

.contenedor-catalogo{
    position: relative;
    margin: -1em -0 ;
    padding: 0!important;
}
@media(max-width: 767px){
    .contenedor-descubri{
    font-size: 0.85em;
    }
}


div.faja-cat {
	background:white;
    padding-top:1em; 
    padding-bottom:1em;
    height: 14em;
    justify-content: center;
    display: flex;
    align-items: center;
}

.catalogo {
	top: -2em; 
    margin-right: 2.25em;
    height: 100%;
    align-self: flex-start;
}
.catalogo img{
    height: 120%;
}


#titulos-detalles h3{
    font-size: 2.3em;
    margin-bottom: 0;
}
#titulos-detalles h4{
    color: #164289;
    font-size: 2.8em;
    margin-top: 0;
    margin-bottom: 0.7em;
}
.info-producto-datos h5{
    font-size: 1.3em;
    margin-bottom: 0;
    padding-bottom: 0.2em;
    color: rgb(205,151,0);
    border-bottom: 1px solid #D6C37E;
}

.info-producto-datos .valor{
    font-family: Lato;
    font-size: 1.5rem;
    font-weight: normal;
    color: #333;
}
#titulos-detalles h3 span{
    height: 0.62em;
    width: 1.6em;
}
.presentacion img{
    width: 100%;
}

.presentacion span.pres{
    text-align: center;
    font-family: 'Bree';
    font-weight: bold;
    font-size: 1.4em;
    color: #164289;
}
.presentacion span.caja{
    font-family: 'Lato';
    font-size: 0.9em;
    color: #164289;
}
.flex-col{
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
}
.social-media{
    margin-top: 2em;
}

.social-media ul{
    list-style: none;
    padding-left: 0;
}
.social-media ul > li{
    display: inline-block;
}

.faja-contacto {
    background:white;
    align-items: center;
	   height: 11.5em;
}
.marco-boton-cv {
	margin-top: 1.5em;
    
}
.marco-boton-cv .flat {
    /* margin-top: 4em; */
	margin-left:1.5em;
	margin-right:1.5em;
	padding: 0.55em;
	position:relative;
	bottom: -0.5em;
}
.marco-boton-cv img {
    height: 3.5em;
}

.info-producto #descripcion{
    font-family: Bree;
    color: #04aad8;
    margin-bottom: 2em;
}

.info-producto-panel1{
    padding: 0 2em;
}

.info-producto-panel1 .oro{
    font-weight: bold;
}

.center-by-margin{
    margin: 0 auto;
}
#apto-celiacos{
    width: 27rem;
}

/*Padding both Sides*/
.ps-2{
    padding: 0 2rem;
}
@media (max-width: 767px){
    .ps-2{
        padding: 0 1rem;
    }
}

/*margin abajo productos con TACC*/
.margin-ab{
    margin-bottom: 3em;
}

p.send-result{
    color: #164289;
    font-size: 2rem;
}
p.red{
    color:red;
}

p#uploaded-file{
    display: inline;
}

#file_cv{
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    opacity: 0;
    /* filter: alpha(opacity=0); */
    height: 100%;
}
form#formRrhh{
    display: inline-block;
}

/* MENU EN MOBILE */
@media (max-width: 767px){
    .navbar-collapse {
        height: 35rem;

    }
    .navbar-nav{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    /* .navbar-default .navbar-toggle:before {
        color: #0093D0;
    } */

    .navbar-toggle img{
        width: 4rem;
    }
    .navbar-toggle{
        padding: 0;
        margin-top: .7rem;
        margin-bottom: 0;
    }
    .navbar-collapse.in {
        overflow-y: initial;
    }
    .navbar-nav li a {
        font-size: 1.9em;
        padding-left: 0.2em;
    }
    div.faja-cat {
        height: 11em;
    }
}


.accesos{display:flex;flex-direction:column;gap:10px}
.accesos-tit{color:rgba(255,255,255,.8);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.accesos-grid{display:flex;flex-wrap:wrap;gap:10px}
.acceso{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);border-radius:11px;padding:8px 14px;text-decoration:none;color:#fff;transition:.15s}
.acceso:hover{background:#fff;border-color:#fff;color:#164289;text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.22)}
.acceso .acceso-ic{display:flex;align-items:center}
.acceso .acceso-tx{display:flex;flex-direction:column;line-height:1.12;text-align:left}
.acceso .acceso-tx b{font-size:14px;font-weight:700;color:inherit}
.acceso .acceso-tx i{font-size:10.5px;font-style:normal;opacity:.72;letter-spacing:.02em}
.acceso-cli{background:#D6C37E;border-color:#D6C37E;color:#3c310f}
.acceso-cli:hover{background:#fff;color:#164289}

/* ===== Banda de video del banner (arriba del hero, más baja) — editable: Admin > Portada ===== */
.hero-video-band{position:relative;width:auto;margin-left:-15px;margin-right:-15px;height:clamp(220px,42vw,600px);overflow:hidden;background:#000;line-height:0}
.hero-video-band .hero-media-wrap{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background:#000}
.hero-video-band video.hero-media{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover}
.hero-video-band .is-embed iframe.hero-media{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:56.25vw;min-height:100%;border:0}