.cont{ width: 100%; text-align:center; padding-bottom: 150px !important; }


#contenedor{ display: flex; padding: 0; margin: 0; position:fixed; top: 82px; height: 100%; width:100% }
#menuCat{
	position: relative; width: 350px; top: 0px; left: 0px; padding: 0px; margin-left: 0px; background-color: rgb(0, 59, 73, 1); text-align: left; transition: all 0.3s;
}

#menuCat>ul{ list-style: none; padding: 0px; margin: 0px;}

#menuCat>ul>li>a{ color: rgb(250, 250, 250, 0.7); display: block; padding: 9px 20px; font-family: openSansR; }

#menuCat>ul>li>a:hover{ /*background-color: blue;*/ color: rgb(250, 250, 250, 1); text-decoration: none; }

#ul1{ text-align:center;  }
#ul1>li>a{ padding: 0px; font-size: 22px;}
#ul1>li>a:hover{ text-decoration: none; }
#ul1>li>a>img{ padding: 15px; opacity: 0.7 }
#ul1>li>a>:hover #ul1>li>a>img{ opacity: 1 }

#ul2{ height: 600px; overflow-y: scroll; }
#ul2>li:hover{ background-color: rgb(250, 250, 250, 0.10); }

/* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/

#ul2::-webkit-scrollbar {
    -webkit-appearance: none;
}

#ul2::-webkit-scrollbar:vertical {
    width:10px;
}

#ul2::-webkit-scrollbar-button:increment,.contenedor::-webkit-scrollbar-button {
    display: none;
} 

#ul2::-webkit-scrollbar:horizontal {
    height: 10px;
}

#ul2::-webkit-scrollbar-thumb {
	/*display: none;*/
	background-color: rgb(250, 250, 250, 0.05);
    border-radius: 0px;
    border: 2px solid rgb(250, 250, 250, 0.1);
}

#ul2::-webkit-scrollbar-thumb:hover{ display: inline; }

#ul2::-webkit-scrollbar-track {
    border-radius: 10px;  
}

#template{ width: 100%; overflow-y: scroll; }

/**** ESTILOS DE PAGINAS CENTRALES DE LAS MARCAS ****/

.sectionCatalogo{ margin: auto; text-align: center; }

#menuCatalogo li{
	list-style: none; display: inline-block; margin: 0px 30px; padding-top: 50px;
}

#menuCatalogo li a{ color: #003B49; font-family: openSansB; font-size: 18px; }

#menuCatalogo li a:hover{
	transition: all 0.3s; text-decoration: none; box-shadow: 0px 1px 0px #777;
}

#banner500{ display: none; }


/******* ESTILOS DE PAGINAS POR MARCAS ********/

/*******************************************************/
.banner1{ overflow: hidden; width: 100%; }

.cont{
	text-align: center !important; margin: auto !important;
	display: flex; position: relative; justify-content: center; flex-wrap: wrap;
	padding: 0px 2%; padding-top: 0px;
}

.titulos{ width:100%; margin-top:50px }
.sub-titulos{ width:100%; text-align:center; }
.sub-titulos2{ width:100%; text-align:center; margin-left:3%; margin-top:50px  }


.prod{ margin: 20px 15px; padding: 0px 0px; border-radius: 10px; }

.prod a:hover{ text-decoration: none; }

.imagen img{ padding: 10px; border: 1px solid rgb(217, 217, 214, 0.3); box-shadow: 1px 1px 8px rgb(217, 217, 214, 0.3); }

.imagen img:hover{ margin-top: -15px; }

.contenedor{ width: 250px; height: 370px; transition: width 0.3s, heiht 0.3s; }
.contenedorConfiteria{ width: 300px; height: 370px; transition: width 0.3s, heiht 0.3s; }

.contenedor img, .contenedorConfiteria img{
	width: 250px; height: 250px;
	transition: margin-top 0.2s, box-shadow 0.2s, width 0.3s, heiht 0.3s; border-radius: 15px;
}

.descrip1
{
	font-family: openSansSB; font-size: 18px; font-weight: bold; color: #862633;
	padding-top: 20px; line-height: 20px;
}

.descrip2{ font-family: openSansR; font-size: 14px; color: #003B49; line-height: 20px; }

.descrip3{
	font-family: openSansI; font-size: 14px; color: #744F28; line-height: 20px; font-weight: bold;
}

.subT_veg{
	width: 100%; padding-top: 40px; padding-bottom: 30px; color: #003B49; font-size: 20px;
}

/*------------------------*/

@media screen and (max-width: 1900px){
	#menuCatalogo{ max-width: 1070px; margin: auto;}
}

@media screen and (max-width: 768px){
	#banner1600{display: none;}
	#banner500{display: block;}

	#menuCat{ width: 0px; }
}

@media screen and (min-width: 768px){
	.cuadro-blanco{margin: 30px 30px}
}

@media screen and (max-width: 320px){
	.cuadro-blanco{margin: 20px 0px}
}