/* The Modal (background) */



.modal {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

/*   z-index: 1; Sit on top */

  padding-top:50px; /* Location of the box */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}



/* Modal Content */

.modal-content {

  background-color: #fefefe;

  margin: auto;

  padding: 10px;

  border: 1px solid #888;

  width: 300px;

  height: 200px;

}



/* The Close Button */

.close {

  color: #aaaaaa;

  float: right;

  font-size: 28px;

  font-weight: bold;

}



.close:hover,

.close:focus {

  color: #000;

  text-decoration: none;

  cursor: pointer;

}



.select2 {

	display: none;

}



.potrawa {

	font-size: 24px;

	font-weight: bold;

	line-height: 1;
	
	margin-bottom: 10px;
	margin-top: 5px;

}



.potrawa-link {

	font-size: 24px;

	font-weight: bold;

	line-height: 1;

	text-decoration: underline;
	margin-top: 10px;
}

.bzamow 
{
	border: none;
	background-color: transparent;
	color: red;	
	
}

.linkdisabled 
{
	color: grey;	
	text-decoration: none;
}

.potrawa-opis {

	font-size: 18px;

	line-height: 1;

	margin-bottom: 10px;
	margin-top: 5px;


}



.column-photo {

	float: left;

	width: 30%;

	text-align: right;
	padding-right: 15px;

}



.column-opis-mm {

	float: left;

	text-align: left;

	padding-left: 15px;

	width: 70%;

}



.rowx:after {

  content: "";

  clear: both;

  border-bottom-style: solid;

  border-bottom-width: 1px;

  border-bottom-color: lightgray;

  display: table;

}

.rowx {

  border-bottom-style: solid;

  border-bottom-width: 1px;

  border-bottom-color: lightgray;

  padding-bottom: 10px;

  padding-top: 10px;

}


.rdodatek 
{
	margin-bottom: 0px;
}

.pdodatki
{
	margin-bottom: 0px;
	margin-top: 0px;
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */

@media screen and (max-width: 768px) {



	.tabletext {

		display: inline-table;

		text-align: center;

	}



	.column-photo {

		width: 100%;

		margin-bottom: 25px;
		text-align: center;
		padding-right: 0px;

	}



	.column-opis-mm {

		width: 100%;

		text-align: center;

		padding-left: 0px; 

	}

	

	.rowx {

		margin-bottom: 25px;

	}

	

	.potrawa-opis {

		margin-bottom: 10px;

	}

	.potrawa {

		margin-bottom: 10px;

	}	

	.divlink {

		margin-bottom: 10px;

	}

}