/* ---------->>> orasele: legaturile de pe prima pagina si pagina cu lista (pag/orase.php) <<<-----------*/
#orase-linkuri {
	clear:both;
	float:left;
	width:795px;
	margin:14px 0 10px 0;
	padding:14px 16px;
	box-sizing:border-box;
	background:#FFF5F9;
	border:solid 1px #F9C;
	border-radius:14px;}
#orase-linkuri h2 {
	margin:0 0 10px 0;
	font-size:17px;
	font-weight:bold;
	color:#069;}
#orase-linkuri ul.orase-butoane {
	flex-wrap:wrap;
	gap:8px;
	margin:0;
	padding:0;
	list-style:none;}
#orase-linkuri .orase-butoane li a {
	display:block;
	padding:6px 12px;
	font-size:13px;
	color:#069;
	background:#FFF;
	border:solid 1px #F9C;
	border-radius:16px;
	text-decoration:none;}
#orase-linkuri .orase-butoane li a:hover {
	color:#FFF;
	background:#F36;
	border-color:#F36;}
#orase-linkuri .orase-butoane li.toate a {
	font-weight:bold;
	color:#F36;}

/* pe desktop lista mare, pe mobil butoanele */
#orase-linkuri ul.orase-butoane {
	display:none;}
#orase-linkuri ul.orase-mari {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	-webkit-columns:3;
	columns:3;
	-webkit-column-gap:20px;
	column-gap:20px;}
#orase-linkuri ul.orase-mari li {
	padding:3px 0;
	font-size:13px;
	-webkit-column-break-inside:avoid;
	break-inside:avoid;}
#orase-linkuri ul.orase-mari a {
	color:#069;}
#orase-linkuri ul.orase-mari small {
	color:#888;}
#orase-linkuri .orase-toate {
	margin:0;
	font-size:14px;
	font-weight:bold;}
#orase-linkuri .orase-toate a {
	font-weight:bold;
	color:#F36;}

#orase-pagina {
	width:795px;
	font-size:13px;
	line-height:19px;
	color:#333;}
#orase-pagina h1 {
	margin:4px 0 10px 0;
	font-size:22px;
	line-height:28px;
	font-weight:normal;
	color:#F36;}
#orase-pagina h2 {
	margin:20px 0 10px 0;
	font-size:16px;
	font-weight:normal;
	color:#069;}
#orase-pagina p {
	margin:0 0 10px 0;}
#orase-pagina .orase-lista {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	-webkit-columns:3;
	columns:3;
	-webkit-column-gap:20px;
	column-gap:20px;}
#orase-pagina .orase-lista li {
	padding:3px 0;
	-webkit-column-break-inside:avoid;
	break-inside:avoid;}
#orase-pagina .orase-lista a {
	color:#069;}
#orase-pagina .orase-lista small {
	color:#888;}

@media only screen and (max-width: 768px) {
	#orase-linkuri {
		float:none;
		width:auto;
		order:5;
		margin:16px;}
	#orase-linkuri ul.orase-butoane {
		display:flex;}
	#orase-linkuri ul.orase-mari, #orase-linkuri .orase-toate {
		display:none;}
	#orase-pagina {
		width:auto;
		padding:0 16px;
		box-sizing:border-box;
		font-size:15px;}
	#orase-pagina .orase-lista {
		-webkit-columns:1;
		columns:1;}
	#orase-pagina .orase-lista li {
		display:flex;
		justify-content:space-between;
		padding:9px 0;
		border-bottom:1px solid #EEE6E8;}
}