/* Farmacoop AD Kać - osnovni stil, bez spoljnih fontova i skripti */

html {
	overflow-y: scroll; /* traka za skrolovanje uvek prisutna - stranica se ne pomera izmedju kratkih i dugih strana */
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #eef0ea;
	color: #222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.55;
}

.strana {
	max-width: 980px;
	margin: 0 auto;
	background: #fff;
}

/* Zaglavlje */

.zaglavlje img {
	display: block;
	width: 100%;
	height: auto;
	border: 0;
}

.traka {
	background: #2f5a24;
	color: #fff;
	padding: 10px 20px;
	overflow: hidden; /* zatvara float-ove */
}

.naziv {
	float: left;
	margin: 4px 0;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.3;
}

.naziv span {
	display: block;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0;
	color: #d6e4cc;
}

.meni {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

.meni li {
	display: inline;
}

.meni a {
	display: inline-block;
	margin: 6px 0 6px 6px;
	padding: 8px 14px;
	color: #fff;
	text-decoration: none;
	border: 1px solid #6f9460;
}

.meni a:hover,
.meni a.aktivan {
	background: #fff;
	color: #2f5a24;
}

/* Sadržaj */

.sadrzaj {
	padding: 10px 20px 30px;
}

h1 {
	margin: 18px 0 14px;
	font-size: 24px;
	color: #2f5a24;
	font-weight: bold;
}

.sadrzaj a {
	color: #1f5486;
}

.sadrzaj a:visited {
	color: #5a3d86;
}

.sadrzaj a:hover {
	color: #b3261e;
}

/* Osnovni podaci (index) */

.podaci {
	width: 100%;
	border-collapse: collapse;
}

.podaci th,
.podaci td {
	padding: 10px 12px;
	border-bottom: 1px solid #dde2d6;
	text-align: left;
	vertical-align: top;
}

.podaci th {
	width: 32%;
	color: #555;
	font-weight: normal;
	background: #f6f8f3;
}

/* Dokumenta po godinama */

.godina {
	margin: 0 0 12px;
	border: 1px solid #d4dacb;
}

.godina summary,
.godina .naslov-godine {
	display: block;
	padding: 10px 14px;
	background: #e4ebdc;
	color: #2f5a24;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}

.godina summary::-webkit-details-marker { display: none; }

.godina summary:before {
	content: "+";
	display: inline-block;
	width: 22px;
	font-weight: normal;
}

.godina[open] summary:before {
	content: "\2212";
}

.godina .unutra {
	padding: 4px 14px 6px;
}

.objava {
	margin: 12px 0;
	padding: 10px 14px;
	border-left: 4px solid #6f9460;
	background: #fafbf8;
}

.objava h3 {
	margin: 0 0 6px;
	font-size: 16px;
	color: #222;
}

.objava ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.objava li {
	padding: 5px 0;
	border-top: 1px dotted #d4dacb;
}

.objava li:first-child {
	border-top: 0;
}

.tip {
	display: inline-block;
	margin-left: 6px;
	padding: 0 5px;
	font-size: 11px;
	color: #666;
	border: 1px solid #ccc;
	white-space: nowrap;
}

/* Podnožje */

.podnozje {
	padding: 16px 20px;
	background: #2f5a24;
	color: #d6e4cc;
	font-size: 13px;
	line-height: 1.6;
}

/* Telefoni */

@media (max-width: 640px) {
	body { font-size: 16px; }
	.traka { padding: 8px 12px; }
	.naziv { float: none; font-size: 19px; }
	.meni { float: none; }
	.meni a { margin: 6px 6px 0 0; }
	.sadrzaj { padding: 6px 12px 24px; }
	h1 { font-size: 21px; }
	.godina .unutra { padding: 2px 8px 4px; }
	.objava { padding: 8px 10px; }
	.objava li { padding: 8px 0; }
	.podaci th, .podaci td { display: block; width: auto; border: 0; padding: 6px 10px; }
	.podaci th { margin-top: 8px; }
	.podnozje { padding: 14px 12px; }
}