.barcontenedor {
	  width: auto; /* Ancho del contenedor */
	  height: 1500px; /* Altura del contenedor */
	
	background: ##D7DBDD;
	}

	.barcontenido {
	  width: auto; /* Anchura del contenido, debe ser mayor que la del contenedor */
	  height: 100%; /* Altura del contenido */

	}


 /* checkbox ********************************************************************************************* */
	.grupo-checkboxes {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.grupo-checkboxes > div {
	width: auto;
	margin-bottom: 10px;

	padding: 20px; /* Añade espacio interno para que el borde no esté pegado al contenido */

}
 /* slash ********************************************************************************************* */
	.container {
	  width: 80%;
	  margin: 50px auto;
	}
	html, body {
    	color: #333;
	background: #7ABDAB;
  }
  html, body {
  	background: #7ABDAB;
  	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  	font-size: 13px;
  	line-height: 1.55;
  }

	canvas {
            border: 1px solid #ccc;
            margin-bottom: 10px;
            cursor: crosshair;
        }
/////////////////////////////////////////////////////////////////////////////////////////////////////////////


				/* divbackground ********************************************************************************************* */

				#miDivL {
						width: 340px;
						height: 90px;
						background-image: url('../../img/truckleft300.png');
						background-size: 340px 90px; /* ancho x alto */; /* Ajusta el tamaño de la imagen para cubrir el div */
						background-position: center; /* Centra la imagen dentro del div */

						box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
				}

				#miDivLC {
						width: 340px;
						height: 90px;
						background-image: url('../../img/truckleft300.png');
						background-size: 360px 90px; /* ancho x alto */; /* Ajusta el tamaño de la imagen para cubrir el div */
						background-position: center; /* Centra la imagen dentro del div */

						box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
				}

				#miDivR {
						width: 340px;
						height: 90px;
						background-image: url('../../img/truckright.png');
						background-size: 360px 90px; /* ancho x alto */; /* Ajusta el tamaño de la imagen para cubrir el div */
						background-position: center; /* Centra la imagen dentro del div */

						box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
				}

				#miDivRC {
						width: 340px;
						height: 90px;
						background-image: url('../../img/truckright.png');
						background-size: 360px 90px; /* ancho x alto */; /* Ajusta el tamaño de la imagen para cubrir el div */
						background-position: center; /* Centra la imagen dentro del div */

						box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
				}