@charset "utf-8";

#back2Top {
	width: 40px;
	line-height: 40px;
	overflow: hidden;
	z-index: 999;
	display: none;
	cursor: pointer;
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	position: fixed;
	bottom: 45px;
	right: 5px;
	background-color: #0A1F5F;
	color: #DDF;
	text-align: center;
	font-size: 30px;
	text-decoration: none;
}
#back2Top:hover {
	background-color: #DDF;
	color: #000;
}

#mapid {height:150px; width:100%;}
.popupalign{text-align:center;}

@media only screen and (max-width: 500px) {
.container {  
	display: grid;
	grid-gap: 12px;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	grid-template-rows: repeat(auto, 185px);
	justify-items: center;
	text-align: center;
}
}

@media only screen and (min-width: 750px) {
.container {  
	display: grid;
	grid-gap: 12px;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	grid-template-rows: repeat(auto, 185px);
	justify-items: center;
	text-align: center;
}
}

@media only screen and (min-width: 1000px) {
.container {  
	display: grid;
	grid-gap: 12px;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	grid-template-rows: repeat(auto, 185px);
	justify-items: center;
	text-align: center;
}
}

.blok {
	width: 245px;
	background-color: #0A1F5F;
	color: #FFFFFF;
	border:1px solid #0A1F5F;
	border-radius: 10px;
	padding:5px;
	text-align:center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:small;
	color:#FFFFFF;
}

.stick {
	width: auto;
	background-color: #CCCCCC;
	border:1px solid #CCCCCC;
	border-radius: 10px;
	padding:5px;
	text-align:center;
}

h1{font-family: Exo, Tahoma, Helvetica, sans-serif; font-weight:bold; color:#0A1F5F; display:inline; text-align:center; line-height:35px;}
h2{font-family: Exo, Tahoma, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; display:inline; text-align:center; line-height:26px; padding: 0px; border: 0px none; border-spacing:0;}

#midtab {width: 100%; text-align:center;}

#podaci_met{background-color:#FFFFFF; border:1px solid #0A1F5F; border-radius: 0 0 18px 0; text-align:center; width:130px; float:left; clear:auto;}
#brojke{border-bottom-right-radius:10px; border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:#0A1F5F;border-right-style:dotted; border-right-width:1px; border-right-color:#0A1F5F;}

html, div, span, applet, object, iframe, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	padding: 0px;
	border: 0px none; border-spacing:0;
}

body {position: relative; margin: 0px; padding: 0px; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px;}

.hidden { display: none; }

#GrafPodaci {
	max-width: 1010px;
	min-width: 360px;
	height: 400px;
	margin: 0 auto;
}
#radio_v1, #radio_v2, #radio_v3, #radio_v4, #radio_v5 {vertical-align: middle; margin: 0px;}
.fontGraf{font-size:11px; font-weight:bold; color:#0A1F5F; font-family:tahoma, helvetica; line-height:13px; text-align:center;}

#reklama_lijevo {position: fixed; top: 1px; left: 2px; z-index: 1001; text-align:left;}
#reklama_desnodolje {position: fixed; bottom: 49px; right: 2px; z-index: 500; text-align:right;}

/* Main menu settings */
#centeredmenu {clear:both; float:center; margin:0; padding:0; width:100%; z-index:1000; text-align:center; background-color:#0A1F5F;}

/* Main menu settings */
#footermenu {height:40px; width:100%; background-color:#0A1F5F; clear:both; position: fixed; bottom: 0px; z-index: 1002; float:left; margin:0; padding:0;}

#footermenu img {opacity: 0.6; border:none; height: 40px; width: 40px;}
#footermenu img:hover {opacity: 1.0}
#footermenu img:active {opacity: 1.0}

#footermenu_ex7 {height:40px; width:100%; background-color:#FFFFFF; clear:both; position: fixed; bottom: 0px; z-index: 1000; float:left; margin:0; padding:0;}

/* Top menu items */
#footermenu ul {margin:0; padding:0; list-style:none; float:right; position:relative; right:50%;}
#footermenu ul li {margin:0 0 0 1px; padding:0; float:left; position:relative; left:50%; top:1px;}
#footermenu ul li a {background:#0A1F5F;}

/* Submenu items */
#footermenu ul ul {display:none; /* Sub menus are hiden by default */
	position:absolute; bottom:2.8em; left:0; right:auto; /*resets the right:50% on the parent ul */
	width:auto; /* width of the drop-down menus */
	background:#0A1F5F; opacity:0.9; border-radius:6px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; text-align:center;}

#footermenu ul ul li {left:auto;  /*resets the left:50% on the parent li */
	margin:0; /* Reset the 1px margin from the top menu */
	clear:left; width:100%;}
#footermenu ul ul li a,
#footermenu ul li.active li a,
#footermenu ul li:hover ul li a,
#footermenu ul li.hover ul li a { /* This line is required for IE 6 and below */
font-family:Tahoma, Geneva, sans-serif;
font-size:.8em; font-weight:normal; /* resets the bold set for the top level menu items */
color:#FFFFFF; line-height:1.3em; /* overwrite line-height value from top menu */
margin-left:0.8em; margin-right:0.8em;}
#footermenu ul ul li a:hover,
#footermenu ul li.active ul li a:hover,
#footermenu ul li:hover ul li a:hover,
#footermenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
background:#FFFFFF; /* Sub menu items background colour */
color:#0A1F5F;}

/* Make the sub menus appear on hover */
#footermenu ul li:hover ul,
#footermenu ul li.hover ul { /* This line is required for IE 6 and below */
display:block; /* Show the sub menus */}



#divcent {clear:both; float:center; margin:0; padding:0; width:100%; z-index:1000; text-align:center}

#warning{border-radius:8px; background-color:#FF0000; font-size:12px; color:#FFFF00; font-family:Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:#FFFFFF 3px solid;}
#prostorPrognoza {
	max-width: 950px;
	min-width: 380px;
	height: 310px;
	margin: 0 auto;
}

#loading {
	margin-top: 100px;
	text-align: center;
}

.highcharts-figure,
.highcharts-data-table table {
	min-width: 350px;
	max-width: 900px;
	margin: 1em auto;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #ebebeb;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}

.highcharts-data-table caption {
	padding: 1em 0;
	font-size: 1.2em;
	color: #555;
}

.highcharts-data-table th {
	font-weight: 600;
	padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
	padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
	background: #f8f8f8;
}

.highcharts-data-table tr:hover {
	background: #f1f7ff;
}