body {
	font-family: Arial, Tahoma;
	color: #566573;
}

table {
	font-size: 17px;
	width: 100%;
	border-color: #566573;
}

td{
	border-color: #566573;
}

input {
  border: 1px solid silver;
  background-color: #f1f1f1;
  /*padding: 10px;*/
  font-size: 16px;
}

.td_display_1{
	vertical-align: top;
	padding-bottom: 10px;
	width: 110px;
}
.td_display_2{
	vertical-align: top;
	text-align: left;
	width: calc(100% - 110px);
}
.naslov_clan_img{
	width: unset;
	width: 100px;
}
.td_display_3{
	vertical-align: top;
	display: unset;;
}

.gornja_margina{
	display: unset;
	display: none;
	float: left;
}
.wrapper{
	/*width: 100%;*/	
	margin: 0 auto;
}

.content_div {
	text-align:left;
	margin:25px 10px 25px 10px;
	width: unset;
	width: calc(100% - 20px);
}
.content_div_home {
	text-align:left;
	margin: 0px 10px 25px 10px;
}

.content_div_klim_promj {
	width: calc(100% - 20px);
	text-align:left;
	margin: 0px 10px 25px 10px;
	float: left;
}

.content_div_rubrika {
	width: calc(100% - 20px);
	text-align:left;
	margin: 0px 10px 25px 10px;
	float: left;
}

.content_div_ocj_mjeseca {
	text-align:left;
	margin: 0px 0px 0px 0px;
	float: left;
	color: #566573;
}

.article_ocj_mjeseca {
	text-align:left;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 100%;
	color: #566573;
}

.content_div_akt_vrijeme{
	text-align:left;
	margin: 0px 10px 25px 0px;
	float: left;
	width: unset;
	width: 100%;
}

.sidebar_div {
	display: unset;
	display: none;
}

.sidebar_div_akt_vrijeme {
		display: none;
	}

.content-text {
	margin:0 0 15px;
	width: unset;
	width: 100%;
}

.p-text {
}

.lista_clanaka{	
	font-size: large;
}
.lista_clanaka_02{	
	font-size: large;
}

.razmaknica_01{
	display: unset;
	display: none;
}

.content_kategorija_mobitel{
	display: unset;
	width: unset;
	width: 100%;
	color: #566573;
	float: left;
}
.content_kategorija_racunalo{
	display: unset;
	display: none;
}

.izbornik_grada{
	width: 100%;
	padding: 10px;
}

.grad_racunalo{
	display: none;
}
.grad_mobitel{
	width: 100%;
}

.akt_vrijeme_racunalo{
	display: none;
}

.imagemap_hr{
	width: 100%;
}
.naslovni_imagemap{
	width: 100%;
	margin: 0px;
}
.footer{
	margin-top: 30px;
	float: left;
	background-color: silver;
	width: 100%;
}

.mobitel{
	display: unset;
}
.racunalo{
	display: unset;
	display: none;
}

.footer_tablica{
	width: unset;
	width: 100%;
}

/* oglasni stilovi */

.logo_header{
  width: 100%;	
	/*height: 60px;*/
	margin-bottom: 20px;
}
.logo_header_img_mob{
	display: unset;
  /*width: 90px;*/
	height: 50px;
	margin-top: 20px;
	float: right;
	border: 1px solid blue;
}
.logo_header_img{
	display: none;  
}
.nasl_banner_mob{
	margin: 0 auto;
	width: 100%;
}
.nasl_banner_468{
	display: none;
}
.nasl_banner_728{
	display: none;
}
.bilboard{
	display: unset;
	display: none;
}
.mario_300x300_grad_sidebar{
	width: 300px;
	height: 300px;
	margin-bottom: 30px;
}


/* kraj oglasnih stilova */

.naslovna_prognoza{
	width: 100%;
	margin-bottom: 30px;
}
.slika_dana{
	width: 100%;
}
.nasl_slika_naslovnica{
	width: 100%;
}
.radarska_slika{
	width: 100%;
}
.graf_grad{}
.astro_table{
	width: 100%;
}
.karte{
	margin-top: 30px;
}
.karte_mobitel{
	margin-top: 30px;
}
.karte_racunalo{
	display: none;
}
.table_pov_pod{
	border-collapse: collapse;
	margin-top: 30px;
	font-size: unset;
	width: 100%;
	border: 0px;
}
.div_article_slika{
  background-size: cover;
  width: 100% !important;
  height: 300px !important;
  background-position: center;
  background-repeat: no-repeat;
  /*color: #ffd500;*/
  color: #ffffff;
  font-size: 25px;
  vertical-align: bottom;
  display: table;
}
.div_slika{
  background-size: cover;
  width: 100% !important;
  height: 300px !important;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 10px;
}

.div_rubrika{
	width: 100%;
	margin: 0px 0px 0px 0px;
}


.article_right{
}

.article_ocj_mjes_right{
	margin-top: 20px;
	float: left;
}

.o_nama{
	width: 100%;
}

.naslovnica_clanci{
	width: unset;
	width: 100%;
	min-height: 300px;
	margin-top: 30px;
}

.uv_prognoza{
	width: unset;
	width: 100%;
	float: left;
}
.uv_prognoza_desno{
	width: unset;
	width: 100%;
	float: left;
	margin-top: 30px;
}
.uv_clanci{
}

.sidebar_izbornik_clanaka{
	margin: unset;
	float: left;
	margin-top: 2px;
	width: unset;
	width: calc(100% - 20px);
}

.sidebar_galerija{
	width: calc(100% - 20px);
	margin-top: unset;
	margin-top: 40px;
	float: right;
}

.listanje_stranica{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.popularizacija{
	padding-top: unset;
	margin: auto;
	width: 50%;
	padding-top: 10px;
}


@media only screen and (min-width: 768px) {
	table {
		font-size: unset;
		width: unset;
	}
	.td_display_2{
		vertical-align: top;
		text-align: left;
		padding-bottom: 10px;
		width: 20%;
	}
	.td_display_3{
		display: unset;
		width: unset;
		padding: unset;
		width: 30%;
		vertical-align: top;
		padding-left: 10px;
	}
	.grad_mobitel{
		display: none;
	}
	.grad_racunalo{
		display: inline;
		width: 100%;
	}
	.wrapper{
		width: 100%;
		margin: 0 auto;
	}
	.imagemap_hr{
		width: 100%;
	}
	.naslovni_imagemap{
		width: 500px;
		margin: 10px;		
	}
	.logo_header{
		width: 100%;
	}
	.logo_header_img{
		height: unset;
	}
	.nasl_banner_mob{
		display: none;
	}
	.nasl_banner_468{
		display: unset;
		width: 468px;
		height: 60px;
		float: right;
	}
	.nasl_banner_728{
		display: none;
	}
	.naslovna_prognoza{
		width: 100%;
		margin-bottom: 30px;
	}
	.slika_dana{}
	.karte_mobitel{
		display: none;
	}
	.karte_racunalo{
		display: unset;
		margin-top: 30px;
	}
	.table_pov_pod{		
		width: 400px;
	}
	.content_kategorija_mobitel{
		display: unset;
		display: none;
	}
	.content_kategorija_racunalo{
		display: unset;
		width: 100%;
	}
}

@media only screen and (min-width: 1000px) {
	body{
		width: 1300px;
		margin: 0 auto;
	}
	table {
		font-size: unset;
		width: unset;
	}
	.td_display_1{
		vertical-align: top;
	}
	.td_display_2{
		vertical-align: top;
		text-align: left;
		padding-bottom: 10px;
	}
	.td_display_3{
		display: unset;
		width: unset;
		padding: unset;
		vertical-align: top;
	}
	.naslov_clan_img{
		width: unset;
		width: 150px;
	}
	.gornja_margina{
		display: unset;
		width: 100%;
		height: 10px;
	}
	.wrapper{
		width: unset;
		width: 100%;		
		margin: 0 auto;
	}
	.grad_mobitel{
		display: none;
		float: left;
	}
	.grad_racunalo{
		/*width: 100%;*/
		float: left;
	}
	.akt_vrijeme_racunalo{
		display: unset;
		width: 100%;
		max-width: 650px;
		float: left;		
	}
	
	.imagemap_hr{
		float: left;
		width: 700px;
	}
	.naslovni_imagemap{
		width: 650px;
		margin: 0;			
	}
	.footer{
		float: left;
	}
	.logo_header{
		/*width: 100%;*/
		height: 90px;
	}
	.logo_header_img{
		display: unset;
		width: 150px;
		height: unset;
		margin-top: 15px;
		margin-right: 50px;
		float: left;
	}
	.logo_header_img_mob{
		display: none;
	}
	.nasl_banner_mob{
		display: none;
	}
	.nasl_banner_468{
		display: none;
	}
	.nasl_banner_728{
		display: unset;
		width: 728px;
		height: 90px;
		float: left;
	}
	.bilboard{
		display: unset;
		margin: 0 auto;
	}
	.naslovna_prognoza{
		width: 700px;
		margin-bottom: 30px;
	}
	.slika_dana{
		width: calc(100% - 770px);
		float: right;
		padding-left: 20px;
		vertical-align: top;		
	}
	.nasl_slika_naslovnica{
		width: 100%;
		max-width: 480px;
		height: auto;
	}
	.radarska_slika{
		width: calc(100% - 770px);
		float: right;
		padding-left: 20px;
	}
	.graf_grad{
		width: 100%;
		height: 350px;
		position: relative;
		/*border: 2px solid red;*/
	}
	.graph_container{
		width: 100%;
		max-width: 800px;
	}
	.izbornik_grada{
		width: 100%;
		padding: 10px;
		float: left;
	}
	.astro_table{
		width: 50%;
	}
	.karte_mobitel{
		display: none;
	}
	.karte_racunalo{
		display: unset;
		margin-top: 30px;
		float: left;
	}
	.table_pov_pod{		
		width: 400px;
	}
	.content_kategorija_mobitel{
		display: unset;
		display: none;
	}
	.content_kategorija_racunalo{
		float: left;
		display: unset;
		width: 100%;
		max-width: 800px;
		color: #566573;
	}
	.content_div_home {
		text-align:left;
		margin:25px 10px 25px 10px;
	}
	
	.content_div_klim_promj {
		text-align:left;
		margin: 0px 10px 25px 10px;
		float: left;
	}
	
	.content_div_rubrika {
		text-align:left;
		margin: 0px 10px 25px 10px;
		float: left;
	}
	
	.content_div_ocj_mjeseca {
		text-align:left;
		margin: 25px 10px 25px 10px;
		float: left;		
	}
	
	.article_ocj_mjeseca {
		text-align:left;
		margin: 0px 10px 25px 10px;
		float: left;
		width: 100%;
		max-width: calc(100% - 450px);		
	}
	.content_div {
		width: calc(100% - 500px);		
		text-align:left;
		margin: 0px 25px 25px 25px;
	}
	.content_div_akt_vrijeme{
		text-align:left;
		margin: 20px 0px 0px 0px;
		float: left;
	}
	.sidebar_div {
		display: unset;
		width: 400px;
		float: right;
		margin: 0px 25px 0px 15px;
	}	
	.sidebar_div_akt_vrijeme {
		display: unset;
		width: calc(100% - 700px);
		float: right;
		margin: 0px 0px 0px 0px;
	}
	.content-text {
		margin:0 0 15px;
		width: unset;
		width: calc(100% - 370px);
		float: left;
	}
	.p-text {
		width: unset;
		width: 100%;
		float: left;
	}
	.lista_clanaka{	
		font-size: x-large;
	}
	.lista_clanaka_02{	
		font-size: large;
	}
	.razmaknica_01{
		display: unset;
		width: 100%;
		height: unset;
		height: 20px;
	}
	.article_right{
		width: unset;
		width: 330px;
		float: right;
		margin-top: 60px;
	}
	.article_ocj_mjes_right{
		width: unset;
		width: 330px;
		float: right;
		margin-top: 30px;
	}	
	.div_rubrika{
		width: 30% !important;		
		margin: 10px 10px 10px 10px;
		float: left;
		border: 0;
	}
		.o_nama{
		width: 60%;
	}
	.mobitel{
		display: unset;
		display: none;
	}
	.racunalo{
		display: unset;		
	}
	.naslovnica_clanci{
		width: unset;
		height: unset;
		width: 100%;
		min-height: 500px;
	}
	.uv_prognoza{
		width: unset;
		width: 700px;
		float: left;
	}
	.uv_prognoza_desno{
		width: calc(100% - 850px);
		float: right;
		padding-left: 20px;
	}
	.uv_clanci{
		width: unset;
		width: 100%;
		margin: unset;
		margin: 0 auto;		
	}
	.izbornik_grada{
		width: unset;
		padding: unset;
		padding-top: 2px;
	}
	.footer_tablica{
		width: unset;
		width: 70%;
		margin: 0 auto;
	}
	.sidebar_izbornik_clanaka{
		float: right;
		max-width: 400px;
		width: 100%;
		margin: 2px 25px 0px 15px;
		border: none;
	}
	.sidebar_galerija{
		width: unset;
		margin-top: unset;
		margin-top: -110px;
		float: right;
	}
	.listanje_stranica{
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	.popularizacija{
		padding-top: unset;
		margin: auto;
		width: 50%;
		padding-top: 50px;
	}
}