@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body.intro {
	margin: 0;
	padding: 0;
	background: #fff url(images/backintro.png) no-repeat top center;
}

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-image: url(images/bg-menus.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

.clear {
	clear: both;
	height: -1px;
}

#contender {
	width: 930px;
	margin: 0 auto;
}

#contender_intro {
	width: 930px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

#head {
	height: 100px;
}

div.logo {
	width: 300px;
	float: left;
	margin: 10px;
}

#head h1 {
	width: 600px;
	font: normal bold 1.3em/1.5em Trebuchet MS, Arial, Helvetica, sans-serif;
	float: right;
	color: #FFCC00;
	margin-top: 25px;
}

h1 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}

.solidblockmenu {
	margin: 0 auto;
	padding-left: 450px;
	font: bold 13px Arial;
	width: 680px;
	overflow: hidden;
	margin-bottom: 0;
	height: 29px;
}

.solidblockmenu li {
	display: inline;
}

.solidblockmenu li a {
	float: left;
	color: #000066;
	padding: 7px 20px 7px 11px;
	text-decoration: none;
	background: transparent url(images/li.png) left center no-repeat;
}

.solidblockmenu li a:hover {
	color: #FFF;
}

.solidblockmenu li a.current {
	color: #F2A513;
}

.menu {
	margin-top: 10px;
	padding: 0;
	font: bold 12px Arial;
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}

.menu li {
	display: inline;
}

.menu li a {
	float: left;
	color: #FFFFFF;
	padding: 0 5px;
	text-decoration: none;
	background: linear-gradient(to bottom, #00009D 20%, #1261D8 80%) !important;
	border-right-color: #FFFFFF 1px solid;
	width: 140px;
	text-align: center;
}

.menu li a:hover {
	color: #Fc0;
}

.menu li a.current {
	color: #F2A513;
}

/* Prebanners 2025 */
/* .banner {
	margin-bottom: 0px;
	height: auto;
	width: 930px;
} */

/* Banners 2025 */
.banner {
	margin-bottom: 0px;
	height: auto;
	width: 930px;
	display: flex;
	justify-content: space-between;
}

.menu-top-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.menu-top-wrapper .container-ig {
	gap: 2px;
}


.instagram-icon img {
	display: block;
	margin-left: 80px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.instagram-icon p {
	margin-bottom: 0;
	font-size: 13.5px;
	color: black;
	font-weight: bold;
}


.menu-top {
	border: 1px solid #fbd104;
}

p.pdf a {
	color: #CC0000;
}

p.pdf a:hover {
	text-decoration: none;
}

p.pdf img {
	vertical-align: middle;
}

#content {
	font: normal normal 0.75em/1.5em Veradna, Arial, Helvetica, sans-serif;
	background: linear-gradient(to bottom, #FFFF99 20%, #FFFFCA 80%) !important;
	padding: 10px;
}

ul.listado {
	margin: 5px 20px;
	list-style-image: url(images/li.png);
}

.der {
	width: 580px;
	float: left;
	text-align: justify;
	padding-left: 10px;
}

.der h2 {
	font: normal bold 1.6em/1.5em Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #2C3A95;
}

.der h3 {
	font: normal normal 1.3em/1.5em Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #2C3A95;
}

.der p {
	padding-bottom: 10px;
}

.izq {
	width: 300px;
	float: right;
}

#footer {
	font: normal normal 0.8em/1.5em Arial, Helvetica, sans-serif;
	clear: both;
	width: 900px;
	margin: 0 auto;
	padding: 15px;
	text-align: center;
}

#footer a {}

#footer a:hover {}

.cosmito {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align: center;
}

A.liga1:link {
	color: #000000;
	text-decoration: none;
}

A.liga1:visited {
	color: #000000;
	text-decoration: none;
}

A.liga1:active {
	color: #000000;
	text-decoration: none;
}

A.liga1:hover {
	color: #000000;
	text-decoration: underline;
}

#sonido {
	height: 30px;
	width: 50px;
	float: left;
}

table {
	margin: 0px;
}

.clear {
	padding: 5px;
}

.productos {
	padding: 5px 0px;
	/*background-image:url(images/bg-divisor.jpg); 
	background-repeat: no-repeat;*/
}

.menub {
	border-right: white solid 2px;
}

/**** POPUP **/

.modalContainer {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.5);
}

.modalContainer .modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid lightgray;
	border-top: 10px solid #FBD103;
	width: 50%;
}

@media (max-width: 990px) {
	.modalContainer .modal-content {
		background-color: #fefefe;
		margin: auto;
		padding: 20px;
		border: 1px solid lightgray;
		border-top: 10px solid #FBD103;
		width: 90%;
	}
}

.modalContainer .close {
	color: #333;
	text-align: right;
	font-size: 28px;
	font-weight: bold;
}

.modalContainer .close:hover,
.modalContainer .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

/* #content {
	font: normal normal 0.75em/1.5em Veradna, Arial, Helvetica, sans-serif;
	padding: 10px;
} */

.colDer {
	float: right;
	width: 45%;
}

.colIzq {
	float: left;
	width: 45%;
}

/* Banner Foro dulce de leche 2025 */

.content-wrapper {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	justify-content: center;
}

/* Banner lateral */
.banner-lateral {
	flex: 0 0 250px;
	position: sticky;
	top: 100px;
}

.banner-lateral img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}


/* Responsive: en móviles el banner pasa debajo */
@media (max-width: 768px) {
	.layout {
		flex-direction: column;
	}

	.banner-lateral {
		position: static;
		flex: none;
		width: 100%;
		margin-top: 20px;
	}
}