html, body, div, span, iframe, h3, h4, h6, p, a, small, ul, li, nav {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font: 16px/21px Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-stretch: condensed;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGgCAIAAADkQJohAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QcYCiME8aownwAAAGBJREFUOMtjuH3nARMDAwNOzMjISJE8IUyOflL0kGo+tdUP9fBhZPxPwAwmivQTdisTAfX/BjT8h3v6Zfj/H6s6ou0hFH4E3fSPgPnMBMz/R9Pw+U9h+Az39IMjfBig4gA9MRY0oBuSZQAAAABJRU5ErkJggg==') 0 0 repeat-x;
}

#container {
	width: 940px;
	margin: 0 auto;
	padding-top: 10px;
}

article div {word-wrap: break-word; }

.logo {
	padding-bottom: 5px;
}

.alt_nav {
	float: right;
}

.alt_nav2 {
	border-bottom: 1px solid black;
	color: black;
}

#rss_nav {
	display:inline;
	text-decoration: none;
	border-bottom: none;
}

.banner {
	background: url(/images/banner_1.jpg) 0 0 no-repeat;
	width: 100%;
	height: 145px;
}


.main_nav {
	display: block;
	width: 100%;
	height: 45px;
	margin-top: 1px;
	background: #99cc00;
	background: linear-gradient(to bottom, #65aad4 0,#99cc00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#65aad4), color-stop(100%,#99cc00));
}

.main_nav ul {
	float: right;
	padding-top: 11px;
	padding-right: 10px;
}

.main_nav ul li {
	display: inline;
	margin: 0 20px;
}

.main_nav li + li:before {
	color: #1B465F;
	content: " | ";
	padding-right: 20px;
}

.main_nav ul li a {
	font-size: 18px;
	color: #fff;
}


.main p {
	margin: 0 0 10px;
}

h4 a {
	font-weight: inherit;
}

h3 {
	font-size: 28px;
	line-height: 34px;
}

h4, .page_navigation nav {
	font-size: 21px;
	line-height: 30px;
	margin-bottom: 4px;
}

h6 {
	font-size: 14px;
	line-height: 21px;
}


small {
	font-size: 80%;
}

a, a:visited {
	color: #1B465F;
	text-decoration: none;
	outline: 0;
}

a:hover, a:focus, h3, h4, h6 {
	color: #1B465F;
}

ul {
	margin-bottom: 20px;
	list-style: none outside;
}

li, tr.element {
	line-height: 18px;
	margin-bottom: 8px;
}



.page_navigation {
	color: #1B465F;
	width: 100%;
	white-space: nowrap;
}

.page_navigation h3 {
	padding-top: 9px;
	padding-right: 30px;
	display: inline;
}

.page_navigation nav {
	padding-top: 9px;
}



.header {
	background-color: #90C625;
	text-align: center;
	color: #fff;
	font-size: 12px;
}

table {
	border-collapse:separate;
	table-layout:fixed;
	width: 100%;
}


.list li {
	display: inline;
	float: left;
	width: 100%;
}

.list li table {
	border-spacing:0px 8px;
}

.list li a {
	text-decoration: underline;
	display: block;
	width: 100%;
	height: 100%;
}

.list .element {
	font-size: 16px;
	height: 50px;
	padding: 4px 0;
	background: #e0e0e0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#dadce0));
	background: linear-gradient(to bottom, #fff 1%,#dadce0 100%);
}

.list .element .date_box {
	padding: 3px 0 6px 5px;
	margin: 8px 9px;
	color: white;
	background: #2c6c94;
	background: linear-gradient(to bottom, #2c6c94 1%,#122e3f 100%);
}

.list .element td {
	color: #1B465F;
	border-right: 1px solid #fff;
	border-left: 1px solid #bbb;
}

.list .element td:first-child {
	border-left: none;
}

.list .element td:not(:first-child) {
	padding: 0px 0px 0px 10px;
}

.list .element td:last-child {
	border-right: none;
}

.list .element td.cijena, .list .element td.km {
	text-align: center;
	padding: 0;
}

.list .footer {
	height: 50px;
	padding: 10px;
	background: #90c625;
	background: linear-gradient(to bottom, #90c625 0,#5f8318 100%);
}



.single_description {
	position: relative;
	float: left;
	width: 100%;
}

.single_description .organizer {
	float: left;
	margin: 15px 10px;
	line-height: 10px;
	font-weight: 700;
}

.single_description .organizer h4, .single_header h4 {
	line-height: 13px;
}

.single_description a, .page_navigation a, .detalji_content a, .map a, .biciklijada_webovi a, .alt_nav a {
	border-bottom: 2px solid #1B465F;
}

.single_description .date_box_large {
	font-size: 30px;
	float: left;
	height: 40px;
	padding: 12px 6px 6px 6px;
	margin: 15px 0;
	color: white;
	background: #2c6c94;
	background: linear-gradient(to bottom, #2c6c94 1%,#122e3f 100%);
}

.single_description .time_box_large {
	font-size: 30px;
	float: left;
	width: 90px;
	height: 40px;
	padding: 12px 0 6px 6px;
	margin: 15px 2px;
	color: white;
	background: #2c6c94;
	background: linear-gradient(to bottom, #2c6c94 1%,#122e3f 100%);
}






.single_header {
	color: #fff;
	position: relative;
	float: left;
	width: 100%;
	display: table-row;
}

.single_header_left {
	padding: 5px 10px;
	font-size: 30px;
	width: 752px;
	border-right: 1px solid #fff;
	background-color: #A5D150;
	display: table-cell;
	vertical-align: middle;
}

.single_header_right {
	padding: 5px 10px;
	text-align: center;
	width: 188px;
	background-color: #1C4660;
	display: table-cell;
	vertical-align: middle;
}

.single_header_both {
	padding: 5px 10px;
	font-size: 30px;
	float: left;
	width: 100%;
	height: 100%;
	border-right: 1px solid #fff;
	background-color: #A5D150;
	white-space: nowrap;
}



.detalji_content {
	margin-top: 10px;
	position: relative;
	float: left;
	width: 100%;
}

.detalji_content h3, .single_footer h6, .single_header h3, .single_header h4, .single_header h6, .list .footer h4, nav ul li a:visited {
	color: #fff;
}




.single_content {
	margin-top: 10px;
	position: relative;
	float: left;
	width: 100%;
}

.single_content_title {
	position: relative;
	float: left;
	width: 100%;
	padding: 10px;
}

.single_content_left {
	float: left;
	width: 610px;
	padding: 10px 20px;
}

.single_content_left p {
	font-size: 16px;
}

.single_content_right {
	float: left;
	width: 330px;
}



.single_footer {
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #fff;
}

.single_footer p {
	text-align: right;
	padding-top: 20px;
	font-size: x-small;
}

.single_footer_left {
	float: left;
	width: 25%;
	border-right: 1px solid #fff;
	background-color: #A5D150;
	height: 100%;
	text-align: right;
	padding: 0 1em;
	line-height:49px;
	height:49px;
}

.single_footer_left h6 {
	 display: inline;
	 padding: 0 1em;
}

.single_footer_left img {
	vertical-align:middle;
}

.single_footer_right {
	float: left;
	width: 75%;
	background-color: #A5D150;
	height: 100%;
	padding: 17px 10px;
}





.map {
	padding-top: 0;
	margin-bottom: 12px;
}

.map small {
	white-space: nowrap;
}

.map_img {
	border: 1px solid black;
}

#map {height:300px; height:50vh; width:100%; margin-left:2px;}


table.lista_biciklijadi .datum {
	width: 12.5%;
}

table.lista_biciklijadi .start {
	width: 15%;
}

table.lista_biciklijadi .naziv {
	width: 58%;
}

table.lista_biciklijadi .km {
	width: 6%;
}

table.lista_biciklijadi .cijena {
	width: 8.5%;
}



table.organizator_detalji, table.biciklijada_webovi {
	background-color: #A5D150;
	height: 50px;
	border-collapse:collapse;
	width: 100%;
	clear:both;
}

table.organizator_detalji th, table.biciklijada_webovi th {
	color: #fff;
	padding: 15px;
	text-align: left;
	font-weight: normal;
	border: 1px solid #fff;
	width: 25%;
}

table.organizator_detalji td, table.biciklijada_webovi td {
	color: #fff;
	padding: 10px;
	border: 1px solid #fff;
	width: 75%;
	vertical-align: middle;
}

table.organizator_detalji td {
	font-size: 120%;
}

table.biciklijada_statistika {
	height: 50px;
	border-collapse:collapse;
}

table.biciklijada_statistika th {
	padding: 5px;
	text-align: left;
	font-weight: normal;
	width: 33%;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: #A5D150;
	color: #fff;
}

table.biciklijada_statistika td {
	padding: 5px;
	text-align: right;
	width: 67%;
	border-bottom: 1px solid #fff;
	background-color: #E9EAEC;
}

table.biciklijada_statistika .big_counter {
	font-size: 28px;
	line-height: 34px;
}

.i0 { }
.i1 { margin-left: 1em; }
.i2 { margin-left: 2em; }
.i3 { margin-left: 3em; }
.i4 { margin-left: 4em; }
.i5 { margin-left: 5em; }

.filter_list {
	width: 100%;
	display: table;
}

.filter_list > div {
	display: table-row;
}

.filter_list > div > div {
	display: table-cell;
	white-space: nowrap;
	padding-right: .5em;
}

.f_left { }
.f_mid { text-align: right; }
.f_right { width: 100%; }

.otkazano, .otkazano a, .otkazano a:visited {
	color: #ff0000 !important;
}

.ical li {
	display: inline;
}

form.kontakt fieldset ol {
  margin: 0;
  padding: 0;
  display: table;
}
form.kontakt fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
  display: table-row;
}
form.kontakt label, form.kontakt input {
  display: table-cell;
  vertical-align: middle;
  margin-bottom: 0.5em;
}
form.kontakt input[type="text"] {
  width: 90%;
}
form.kontakt input[type="submit"] {
  margin-top: 1em;
}
form.kontakt input[size] {
  width: initial;
}
form.kontakt li.sakrij {
  display: none;
}
label.req:before {
  color:red;
  content: " * ";
}

.error { color: red; }

.vazno {
	background-color: #E03030;
	color: black;
}

.vazno a, .org_privola a {
	border-bottom: 1px solid black;
}

#subform {
	display: none;
}

#privola:checked ~ #subform {
	display: none;
}
#izmjena:checked ~ #subform {
	display: block;
}
#povuci:checked ~ #subform {
	display: none;
}

.alert {
	background-color: #ff3c00;
	border: medium solid black;
	padding: 0.5em;
	margin-top: 0.5em;
}

.alert a {
	text-decoration: underline;
	color: black;
}

.small {
	font-size: small;
	display: block;
	margin: 0.5em;
}