.responsive body {
	min-width: 240px;
}
.responsive img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.responsive .marina_punat-content-layout img, .responsive .marina_punat-content-layout video {
	max-width: 100%;
	height: auto !important;
}
.responsive.responsive-phone .marina_punat-content-layout img {
	margin: 1% !important;
}
.responsive.responsive-phone .marina_punat-collage, .responsive.responsive-tablet .marina_punat-collage {
	margin: 0 !important;
}
.responsive .marina_punat-content-layout .marina_punat-sidebar0, .responsive .marina_punat-content-layout .marina_punat-sidebar1, .responsive .marina_punat-content-layout .marina_punat-sidebar2 {
	width: auto !important;
}
.responsive .marina_punat-content-layout, .responsive .marina_punat-content-layout-row, .responsive .marina_punat-layout-cell {
	padding: 0;
	display: block;
}
.responsive .image-caption-wrapper {
	width: auto;
}
.responsive.responsive-tablet .marina_punat-vmenublock, .responsive.responsive-tablet .marina_punat-block {
	margin-left: 1%;
	margin-right: 1%;
	width: 48%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.responsive .marina_punat-responsive-embed {
	height: 0;
	padding-bottom: 56.25%;
	/* 16:9 */

	position: relative;
}
.responsive .marina_punat-responsive-embed iframe, .responsive .marina_punat-responsive-embed object, .responsive .marina_punat-responsive-embed embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.responsive .marina_punat-header {
	width: auto !important;
	max-width: none !important;
	min-height: 100px !important;
	min-width: 0 !important;
	text-align: center;
}
.default-responsive .marina_punat-header {
	height: auto;
}
.default-responsive .marina_punat-header * {
	position: relative;
	text-align: center;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-o-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
}
.default-responsive .marina_punat-header .marina_punat-headline, .default-responsive .marina_punat-header .marina_punat-slogan {
	display: block !important;
	top: 0 !important;
	left: 0 !important;
	margin: 2% !important;
	text-align: center !important;
}
.default-responsive .marina_punat-header .marina_punat-headline a, .default-responsive .marina_punat-header .marina_punat-slogan {
	white-space: normal !important;
}
.default-responsive .marina_punat-header .marina_punat-logo {
	display: inline-block;
	margin: auto !important;
	left: auto;
	top: auto !important;
	width: auto;
	height: auto;
}
.responsive .marina_punat-header .marina_punat-slidenavigator {
	position: absolute;
}
.default-responsive .marina_punat-header .marina_punat-positioncontrol {
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	width: auto;
	height: auto;
	margin: auto;
/*custom css emk*/
float: right;
}
.responsive .marina_punat-header #marina_punat-flash-area {
	display: none;
}
/* Search and other elements in header element directly */

.default-responsive .marina_punat-header>.marina_punat-textblock {
	position: relative !important;
	display: block !important;
	margin: 1% auto !important;
	width: 75% !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
}
.default-responsive .marina_punat-header .marina_punat-textblock {
	position: relative !important;
	display: block !important;
	margin: auto !important;
	left: 0 !important;
	right: 0 !important;
	top: auto !important;
	height: auto !important;
	width: auto;
	background-image: none;
}
/* '.marina_punat-header *' used noram align, but for '.marina_punat-textblock *' we must force align because of preview */

.responsive .marina_punat-header .marina_punat-textblock * {
	text-align: center !important;
/*custom emk css -hide search on mobile*/
	display: none;
}
.default-responsive .marina_punat-header .marina_punat-shapes > .marina_punat-textblock, .default-responsive .marina_punat-header .marina_punat-slide-item > .marina_punat-textblock {
	display: none !important;
}
.default-responsive .marina_punat-header .marina_punat-shapes > .marina_punat-textblock * {
	text-align: center !important;
	width: auto !important;
	height: auto !important;
	display: block;
}
.default-responsive .marina_punat-header .marina_punat-slider .marina_punat-textblock * {
	text-align: center !important;
	width: auto !important;
	height: auto !important;
	display: block;
}
/* For icons like facebook, rss, etc. */

.responsive .marina_punat-header>.marina_punat-textblock>div {
	width: 100%;
}
/* dynamic width nav */

.responsive nav.marina_punat-nav, .responsive .marina_punat-nav-inner {
	width: auto !important;
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	margin-top: 0;
	margin-bottom: 0;
	min-width: 0;
	text-align: right !important;
	background-color: #011423;
}
.responsive nav.marina_punat-nav {
	min-width: 1%;
	margin-top: 1%;
}
.responsive .marina_punat-nav {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 20px;
}
/* full width hmenu, instead of inline-block */

.responsive .marina_punat-nav ul.marina_punat-hmenu {
	float: none;
	text-align: center;
	display: none;
}
/* elements on different lines */

.responsive .marina_punat-nav ul.marina_punat-hmenu li, .responsive .marina_punat-hmenu-extra1, .responsive .marina_punat-hmenu-extra2 {
	float: none;
}
/* horizontal margins */

.responsive .marina_punat-nav ul.marina_punat-hmenu>li:first-child, .responsive .marina_punat-nav ul.marina_punat-hmenu>li:last-child, .responsive .marina_punat-nav ul.marina_punat-hmenu>li {
	/*margin-left: 0;
	margin-right: 0;*/
	margin-left: auto !important;
	margin-right: auto !important;
}
/* separator */ 

.responsive .marina_punat-nav ul.marina_punat-hmenu>li:before {
	display: none;
}
/* vertical distance between items */

.responsive .marina_punat-nav ul.marina_punat-hmenu a {
	margin-top: 1px !important;
	margin-bottom: 1px !important;
	height: auto;
	white-space: normal;
/*Custom css emk*/
	line-height: 50px;
}
.responsive .marina_punat-nav ul.marina_punat-hmenu>li:first-child>a {
	margin-top: 0 !important;
}
.responsive .marina_punat-nav ul.marina_punat-hmenu>li:last-child>a {
	margin-bottom: 0 !important;
}
/* fixes for extended menu */

.responsive .marina_punat-nav .ext, .responsive .marina_punat-nav ul.marina_punat-hmenu>li>ul, .responsive .marina_punat-nav ul.marina_punat-hmenu>li>ul>li, .responsive .marina_punat-nav ul.marina_punat-hmenu>li>ul>li a {
	width: auto !important;
}
/* submenu position on hover */

.responsive .marina_punat-nav ul.marina_punat-hmenu ul {
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	display: none !important;
	position: relative !important;
	visibility: visible !important;
}
.responsive .marina_punat-nav ul.marina_punat-hmenu li.active>ul {
	display: block !important;
}
.responsive .marina_punat-nav ul.marina_punat-hmenu ul li.active>a {
	font-weight: bold;
}
.marina_punat-nav .marina_punat-menu-btn {
	border: 1px solid #404040;
	border-radius: 3px;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
	display: none;
	-svg-background: linear-gradient(to bottom, #707070 0, #000 100%);
	background: -ms-linear-gradient(top, #707070 0, #000 100%);
	background: -moz-linear-gradient(top, #707070 0, #000 100%);
	background: -o-linear-gradient(top, #707070 0, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000));
	background: -webkit-linear-gradient(top, #707070 0, #000 100%);
	background: linear-gradient(to bottom, #707070 0, #000 100%);
	margin: 3px;
	outline: none;
	padding: 5px;
	position: relative;
	vertical-align: bottom;
	width: 20px;
}
.marina_punat-nav .marina_punat-menu-btn span {
	background: #E0E0E0;
	border-radius: 2px;
	display: block;
	height: 3px;
	margin: 3px 1px;
	position: relative;
	-moz-transition: background .2s;
	-o-transition: background .2s;
	-webkit-transition: background .2s;
	transition: background .2s;
}
.marina_punat-nav .marina_punat-menu-btn:hover span {
	background: #f3f3f3;
}
.responsive .marina_punat-nav .marina_punat-menu-btn {
	display: inline-block;
}
.responsive .marina_punat-nav .marina_punat-hmenu.visible {
	display: block;
}
.responsive .marina_punat-nav ul.marina_punat-hmenu>li>ul>li:first-child:after {
	display: none;
}
.responsive .marina_punat-nav ul.marina_punat-hmenu ul a {
	padding-left: 4% !important;
}
.responsive .marina_punat-nav ul.marina_punat-hmenu ul ul a {
	padding-left: 6% !important;
}
.responsive .marina_punat-nav ul.marina_punat-hmenu ul ul ul a {
	padding-left: 8% !important;
}
.responsive .marina_punat-nav ul.marina_punat-hmenu ul ul ul ul a {
	padding-left: 10% !important;
}
.responsive .marina_punat-nav ul.marina_punat-hmenu ul ul ul ul ul a {
	padding-left: 12% !important;
}
.responsive .marina_punat-nav ul.marina_punat-hmenu>li>ul {
	padding: 0;
}
.responsive .marina_punat-nav ul.marina_punat-hmenu>li>ul:before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.responsive .marina_punat-sheet {
	width: auto !important;
	min-width: 240px !important;
	max-width: none !important;
	margin-right: 1% !important;
	margin-left: 1% !important;
	margin-top: 1% !important;
}
#marina_punat-resp {
	display: none;
}
 @media all and (max-width: 999px) {
#marina_punat-resp, #marina_punat-resp-t {
	display: block;
}
#marina_punat-resp-m {
	display: none;
}
/* Custom CSS emk start*/
/* Custom CSS emk end*/

}
 @media all and (max-width: 480px) {
#marina_punat-resp, #marina_punat-resp-m {
	display: block;
}
#marina_punat-resp-t {
	display: none;
}
/* Custom CSS emk start*/
/* Custom CSS emk end*/

}
#marina_punat-resp-desktop {
	display: none;
}
#marina_punat-resp-tablet-landscape {
	display: none;
}
#marina_punat-resp-tablet-portrait {
	display: none;
}
#marina_punat-resp-phone-landscape {
	display: none;
}
#marina_punat-resp-phone-portrait {
	display: none;
}
 @media (min-width: 1200px) {
#marina_punat-resp-desktop {
    display: block;
}
/* Custom CSS emk start*/
/* .marina_punat-post {min-height: 380px;}*/
/* Custom CSS emk end*/

}
 @media (min-width: 980px) and (max-width: 1199px) {
#marina_punat-resp-tablet-landscape {
	display: block;
}
/* Custom CSS emk start*/
/* Custom CSS emk end*/

}
 @media (min-width: 768px) and (max-width: 979px) {
#marina_punat-resp-tablet-portrait {
	display: block;
}

/* Custom CSS emk start*/
.marina_punat-object2 {
	display: inline-block;
	/*right: 0pt;*/
	position: relative;
	padding: 7pt 0 7pt 0;
	font-size:10pt;
	text-transform:uppercase;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	
	
}
/* Custom CSS emk start-tablet portrait height,logo,search*/
/* .marina_punat-post {min-height: 570px;}*/
 .marina_punat-object1 {
	display: block;
	left: 0%;
	margin-left: 0px;
	position: absolute;
	top: 1px;
	width: 153px;
	height: 153px;
	background-image: url('../images/object0.png');
	background-size: 99% auto;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 100000;
	float: left;
}
default-responsive .marina_punat-object1270062298 {
    display: none !important;
	background-image: none;
}

/* Custom CSS emk end*/


}


 @media (min-width: 481px) and (max-width: 767px) {
#marina_punat-resp-phone-landscape {
	display: block;
}
/* Custom CSS emk start*/
/*.marina_punat-post {min-height: 470px;}*/
.responsive.responsive-tablet .marina_punat-header {
	width: auto !important;
	max-width: none !important;
	min-height: 3% !important;
	min-width: 0 !important;
	text-align: center;
}
 .marina_punat-object1 {
	display: block;
	left: 0%;
	margin-left: 0px;
	position: absolute;
	top: 1px;
	width: 95px;
	height: 95px;
	background-image: url('../images/object0.png');
	background-size: 99% auto;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 100000;
	float: left;
}
.default-responsive .marina_punat-object1270062298 {
    display: none !important;
	background-image: none;
}

 .marina_punat-object2 {
	display: inline-block;
	/*right: 0pt;*/
	position: relative;
	padding: 7pt 0 7pt 0;
	font-size:10pt;
	text-transform:uppercase;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	
	
}
/*Custom CSS emk end*/

}
 @media (max-width: 479px) {
#marina_punat-resp-phone-portrait {
	display: block;
}
.marina_punat-object2 {
	display: inline-block;
	/*right: 0pt;*/
	position: relative;
	padding: 7pt 0 7pt 0;
	font-size:10pt;
	text-transform:uppercase;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
}
/* Custom CSS emk start-phone portrait height,logo,search*/
/* .marina_punat-post {min-height: 170px;}*/

}
.responsive .marina_punat-content-layout, .responsive .marina_punat-content-layout-row, .responsive .marina_punat-layout-cell {
	display: block;
}
.responsive .marina_punat-layout-cell {
	width: auto !important;
	height: auto !important;
}
.responsive .marina_punat-content-layout:after, .responsive .marina_punat-content-layout-row:after, .responsive .marina_punat-layout-cell:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.responsive .marina_punat-post {
	border-radius: 0;
}
.responsive .marina_punat-footer-inner {
	width: auto;
	padding: 2% !important;
}
.responsive .responsive-tablet-layout-cell {
	width: 50% !important;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.responsive .responsive-layout-row-3 .responsive-tablet-layout-cell {
	width: 33.33% !important;
}
.responsive.responsive-tablet .items-row .item, .responsive.responsive-phone .items-row .item {
	width: auto;
}
/*Custom CSS phone portrait*/
.responsive.responsive-phone #responsiveimglink {
  margin-left: 50% !important;
}
}
.responsive.responsive-phone .marina_punat-footerabove {
	background-color: #000;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	font-size: 11px;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	text-align: left;
	color: #fff;
	margin-left: 1% !important;
	margin-right: 1% !important;
	/*	margin-top: 100% !important;*/
	max-width: none !important;
	min-width: 96% !important;
	width: auto !important;
	height: auto !important;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	border: 1px solid rgba(148, 148, 148, 0.8);
	border-bottom: none;/* bottom: 100px;*/
}
.responsive.responsive-phone #navribbon {
	border-left: none !important;
}
.responsive.responsive-phone #navribbon li > a {
	display: block;
	min-width: 240px !important;
	background-color: transparent;
	border-bottom: 1px solid #010101;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 25px;
	margin: 0 auto !important;
	min-height: 25px;
	padding: 10px 10px;
	text-decoration: none;
	text-transform: uppercase;
}
.responsive.responsive-phone .marina_punat-footerabove img {
	display: block;
	margin-left: 10% !important;
	margin-right: auto;
	min-width: 80% !important;
	max-width: 240px !important;
}
.responsive.responsive-phone #navribbon a {
	width: auto !important;
}
.responsive.responsive-phone #navribbon > ul#navriblist > li > h1 > a {
	font-size: 12pt !important;
	width: auto !important;
	min-width: 250px !important;
	line-height: 25px;
	padding: 10px;
}
.responsive.responsive-phone #customlink {
	min-width: 250px !important;/*min-height: 167px !important;*/
}
.responsive.responsive-phone #customlink > a > span#linkribbon {
	display: block;
	font-size: 14pt !important;
	margin-left: auto;
	margin-right: auto;
	padding-top: 14pt;
	padding-bottom: 14pt;
}
.responsive.responsive-phone .marina_punat-positioncontrol-1660523537 {
	top: 1% !important;
	float: right;
}
.responsive.responsive-phone div#sp103.slideshow {
	margin-left: -10% !important;
	min-width: 250px !important;
}
/*.responsive.responsive-phone div#sp103.slideshow > img
{

	min-width: 250px !important;
	height:auto !important;
}*/
.responsive.responsive-phone ul.marina_punat-hmenu > li > a {
	line-height: 50px;
}
/*custom menu items*/
.responsive.responsive-phone ul.marina_punat-hmenu>li.item-178 > a {
	display: block;
	min-width: 240px !important;
	background-color: transparent;
	border-bottom: 1px solid #010101;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 25px !important;
	margin: 0 auto !important;
	height: 25px;
	padding: 10px 10px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: normal;
}
.responsive.responsive-phone ul.marina_punat-hmenu>li.item-178>a:hover, .responsive.responsive-phone ul.marina_punat-hmenu>li.item-178:hover>a {
	/*color: #FFF !important;*/
	background: #195186;
	background: -webkit-linear-gradient(top, rgba(32, 107, 177, 0.3) 0, rgba(16, 52, 86, 0.3) 100%) no-repeat;
	background: -moz-linear-gradient(top, rgba(32, 107, 177, 0.3) 0, rgba(16, 52, 86, 0.3) 100%) no-repeat;
	background: -o-linear-gradient(top, rgba(32, 107, 177, 0.3) 0, rgba(16, 52, 86, 0.3) 100%) no-repeat;
	background: -ms-linear-gradient(top, rgba(32, 107, 177, 0.3) 0, rgba(16, 52, 86, 0.3) 100%) no-repeat;
	background: linear-gradient(to bottom, rgba(32, 107, 177, 0.3) 0, rgba(16, 52, 86, 0.3) 100%) no-repeat;
	-svg-background: linear-gradient(top, rgba(32, 107, 177, 0.3) 0, rgba(16, 52, 86, 0.3) 100%) no-repeat;
	padding: 10px 10px;
	margin: 0 auto;
}
.responsive.responsive-phone ul.marina_punat-hmenu>li.item-178 {
	margin-left: 2px !important;
	width: auto !important;
}
.responsive.responsive-phone ul.marina_punat-hmenu>li.item-178>a:before, .responsive.responsive-phone ul.marina_punat-hmenu>li.item-178>a:after {
	position: absolute;
	display: block;
	content: ' ';
	top: 0;
	bottom: 0;
	z-index: -1;
	/*background-image: url('../images/menuitem.png');*/
	background: linear-gradient(to bottom, rgba(32, 107, 177, 0.3) 0px, rgba(16, 52, 86, 0.3) 100%) no-repeat scroll 0% 0% transparent;
}

/*119*/

.responsive.responsive-phone ul.marina_punat-hmenu>li.item-119 > a {
	display: block;
	min-width: 240px !important;
	background-color: transparent;
	border-bottom: 1px solid #010101;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 25px !important;
	margin: 0 auto !important;
	height: 25px;
	padding: 10px 10px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: normal;
}
.responsive.responsive-phone ul.marina_punat-hmenu>li.item-119>a:hover, .responsive.responsive-phone ul.marina_punat-hmenu>li.item-119:hover>a {
	/*color: #FFF !important;*/
	background: #195186;
	background: -webkit-linear-gradient(top, rgba(32, 107, 177, 0.3) 0, rgba(16, 52, 86, 0.3) 100%) no-repeat;
	background: -moz-linear-gradient(top, rgba(32, 107, 177, 0.3) 0, rgba(16, 52, 86, 0.3) 100%) no-repeat;
	background: -o-linear-gradient(top, rgba(32, 107, 177, 0.3) 0, rgba(16, 52, 86, 0.3) 100%) no-repeat;
	background: -ms-linear-gradient(top, rgba(32, 107, 177, 0.3) 0, rgba(16, 52, 86, 0.3) 100%) no-repeat;
	background: linear-gradient(to bottom, rgba(32, 107, 177, 0.3) 0, rgba(16, 52, 86, 0.3) 100%) no-repeat;
	-svg-background: linear-gradient(top, rgba(32, 107, 177, 0.3) 0, rgba(16, 52, 86, 0.3) 100%) no-repeat;
	padding: 10px 10px;
	margin: 0 auto;
}
.responsive.responsive-phone ul.marina_punat-hmenu>li.item-119 {
	margin-left: 2px !important;
	width: auto !important;
}
.responsive.responsive-phone ul.marina_punat-hmenu>li.item-119>a:before, .responsive.responsive-phone ul.marina_punat-hmenu>li.item-119>a:after {
	position: absolute;
	display: block;
	content: ' ';
	top: 0;
	bottom: 0;
	z-index: -1;
	/*background-image: url('../images/menuitem.png');*/
	background: linear-gradient(to bottom, rgba(32, 107, 177, 0.3) 0px, rgba(16, 52, 86, 0.3) 100%) no-repeat scroll 0% 0% transparent;
}
/*119*/
/*end of custom menu items*/
.responsive.responsive-phone .marina_punat-header {
	width: auto !important;
	max-width: none !important;
	min-height: 3% !important;
	min-width: 0 !important;
	text-align: center;
}
.responsive.responsive-phone .marina_punat-object1 {
	display: block;
	left: 0%;
	margin-left: 0px;
	position: absolute;
	top: 1px;
	width: 90px;
	height: 90px;
	background-image: url('../images/object0.png');
	background-size: 99% auto;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 100000;
	float: left;
}
 
/*Custom CSS phone portrait meteo*/
table.glamor_table {
	background-image: none;
	background-color: transparent;
	color: white;
	width: 100%;
}

.responsive.responsive-phone td.station_name {
	font-size: 20px;
	font-weight: bold;
	color: white;
	white-space: nowrap;
	padding-left: 0px !important;
	margin: 0px;
	height: 30px;

}

.responsive.responsive-phone td.glamor_temp {
	font-size: 34pt;
	font-weight: bold;
	color: white;
	padding: 0px !important;
	margin: 0px;
	width: 25% !important;
	height: 112px;
	text-align: left !important;
}
.responsive.responsive-phone td.glamor_temp div {
	
	padding: 0px !important;
	margin: 0px;
	width: 25% !important;
	
	text-align: left !important;
}
.responsive.responsive-phone span.degrees {
	font-weight: normal;
}

.responsive.responsive-phone span.threequarter {
	font-size: 75%;
}

.responsive.responsive-phone td.glamor_variable {
	font-size: 14px;
	font-weight: bold;
	color: #c7c7c7;
	white-space: nowrap;
	height: 60px;
	text-align: left;
	vertical-align: middle;
	padding-left: 0px !important;
	width: 33% !important;
}

.responsive.responsive-phone td.glamor_timestamp {
	vertical-align: middle;
	font-style: italic;
	font-weight: bold;
	font-size: 15px;
	color: ivory;
	height: 60px;
}

.responsive.responsive-phone td.stale_timestamp {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	vertical-align: middle;
	font-style: italic;
	font-weight: bold;
	font-size: 15px;
	color: #ff5555;
	height: 60px;
}

.responsive.responsive-phone td.glamor_datatemp {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color: white;
	padding: 5px 0px 5px 10px;
	white-space: nowrap;
	width: 25% !important;
}

.responsive.responsive-phone td.glamor_detailtemp {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
	font-weight: normal;
	color: yellow;
	white-space: normal;
	width: 25% !important;
	padding-left: 5% !important;
}

.responsive.responsive-phone td.glamor_data {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color: white;
	width: 224px;
	height: 60px;
	padding: 0px 0px 0px 10px;
	white-space: nowrap;
}

.responsive.responsive-phone td.glamor_detail {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	text-align: left;
	vertical-align: middle;
	font-size: 18px;
	font-weight: normal;
	color: yellow;
	height: 60px;
	white-space: nowrap;
}

.responsive.responsive-phone a.weather:hover {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: #000000;
	background-image: url(/images/spacer.gif);
}

.responsive.responsive-phone td.summary_station_name {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	color: #000000;
}

.responsive.responsive-phone td.summary_timestamp {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	vertical-align: middle;
	text-align: center;
	font-style: italic;
	font-weight: bold;
	font-size: 13px;
	color: #666666;
}

.responsive.responsive-phone td.summary_header {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 15px;
	vertical-align: top;
	text-align: left;
	background: #cccccc;
	color: #000000;
	font-weight: bold;
}

.responsive.responsive-phone td.summary_header_label {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 15px;
	vertical-align: top;
	text-align: left;
	background: #cccccc;
	color: #000000;
	font-weight: bold;
	font-style: italic;
}

.responsive.responsive-phone td.summary_data {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 15px;
	vertical-align: top;
	text-align: left;
	color: #000000;
}

.responsive.responsive-phone td.summary_data_small {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
	color: #000000;
}

.responsive.responsive-phone .shadowTextBlack {
	position: absolute;
	color: black;
	top: 2px;
	left: 2px;
	white-space: nowrap;
}

.responsive.responsive-phone .shadowTextWhite {
	position: relative;
	color: white;
	white-space: nowrap;
}

.responsive.responsive-phone div.gmap {
	border: 1px solid #333399;
	width: 760px;
	height: 480px;
}

.responsive.responsive-phone div.MapLegendStart {
	width: 32px;
	height: 16px;
	border-top: solid #000000 1px;
	border-left: solid #000000 1px;
	border-bottom: solid #000000 1px;
	padding: 0px;
	text-align: center;
	font-weight: normal;
	font-size: 10px;
}

.responsive.responsive-phone div.MapLegend {
	width: 32px;
	height: 16px;
	border-top: solid #000000 1px;
	border-left: solid #000000 1px;
	border-bottom: solid #000000 1px;
	padding: 0px;
	text-align: center;
	font-weight: normal;
	font-size: 10px;
}

.responsive.responsive-phone div.MapLegendEnd {
	width: 32px;
	height: 16px;
	border-top: solid #000000 1px;
	border-right: solid #000000 1px;
	border-bottom: solid #000000 1px;
	padding: 0px;
	text-align: center;
	font-weight: normal;
	font-size: 10px;
}

.responsive.responsive-phone td.MapLegendTempStart {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	width: 32px;
	height: 16px;
	padding: 0px;
	text-align: right;
	font-weight: normal;
	font-size: 12px;
}

.responsive.responsive-phone td.MapLegendTemp {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	width: 32px;
	height: 16px;
	padding: 0px;
	text-align: left;
	font-weight: normal;
	font-size: 12px;
}

.responsive.responsive-phone td.MapLegendTempEnd {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	width: 32px;
	height: 16px;
	padding: 0px;
	text-align: left;
	font-weight: normal;
	font-size: 12px;
}
/*eprivacy style*/
.responsive.responsive-phone #system-message ul li {
	background-image: none;
}
.responsive.responsive-phone #system-message > .message > ul {
	background-color: #011629;
	-webkit-background-origin: border !important;
	-moz-background-origin: border !important;
	background-origin: border-box !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align:center;
}
.responsive.responsive-phone .marina_punat-postcontent ul#system-message > li:before,.responsive.responsive-phone .marina_punat-post ul#system-message > li:before, .responsive.responsive-phone .marina_punat-textblock ul#system-message  > li:before {
	content:"" !important;
	text-align:center;
		
}
.responsive.responsive-phone div.plg_system_eprivacy_message  ul > li:before,.responsive.responsive-phone #system-message > dd > ul > li:before {
	content:"" !important;
}
.responsive.responsive-phone button.plg_system_eprivacy_agreed, .responsive.responsive-phone button.plg_system_eprivacy_declined,.responsive.responsive-phone .plg_system_eprivacy_module div.plg_system_eprivacy_accepted button, .responsive.responsive-phone .plg_system_eprivacy_module div.plg_system_eprivacy_declined button, .responsive.responsive-phone button.plg_system_eprivacy_reconsider {
	color: #CCC !important;
	cursor:pointer;
	font-size:10px;
	border: 1px #fff;
	border-collapse: separate;
	-webkit-background-origin: border !important;
	-moz-background-origin: border !important;
	background-origin: border-box !important;
	background: #011D32;
	background: -webkit-linear-gradient(top, rgba(2, 55, 95, 0.5) 0, rgba(0, 3, 5, 0.5) 100%) no-repeat;
	background: -moz-linear-gradient(top, rgba(2, 55, 95, 0.5) 0, rgba(0, 3, 5, 0.5) 100%) no-repeat;
	background: -o-linear-gradient(top, rgba(2, 55, 95, 0.5) 0, rgba(0, 3, 5, 0.5) 100%) no-repeat;
	background: -ms-linear-gradient(top, rgba(2, 55, 95, 0.5) 0, rgba(0, 3, 5, 0.5) 100%) no-repeat;
	background: linear-gradient(to bottom, rgba(2, 55, 95, 0.5) 0, rgba(0, 3, 5, 0.5) 100%) no-repeat;
	-svg-background: linear-gradient(top, rgba(2, 55, 95, 0.5) 0, rgba(0, 3, 5, 0.5) 100%) no-repeat;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
	border-width: 0;
	padding: 0 5px;
	margin: 0 auto;
	height: 26px;
	
}
.responsive.responsive-phone div.plg_system_eprivacy_accepted {
	border: none !important;
}
.responsive.responsive-phone div.plg_system_eprivacy_message, .responsive.responsive-phone div.plg_system_eprivacy_message.marina_punat-postcontent li > h2, .responsive.responsive-phone div.plg_system_eprivacy_message.marina_punat-blockcontent li > h2, .responsive.responsive-phone div.plg_system_eprivacy_message li h2, .responsive.responsive-phone div.plg_system_eprivacy_message h2, .responsive.responsive-phone #system-message > dd > ul > li,.responsive.responsive-phone div.plg_system_eprivacy_message li h2, .responsive.responsive-phone h2.eprivacy_title {
	text-align:center;
}

/*eprivacy*/
/*Custom CSS phone portrait meteo*/
/*Custom CSS phone portrait*/
/*korekcija visina*/
/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  /* some CSS here */
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  /* some CSS here */
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  /* some CSS here */
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  /*.marina_punat-post {min-height: 570px;}*/
}

/* #### Desktops #### */
/*@media screen and (min-width: 1024px){
 .marina_punat-post {min-height: 380px;}
}*/