body, html {
	margin: 0;
	padding:0;
	height:100%;
}
body {
	font-family: Verdana, sans-serif;
	color: #888;
	font-size:12px;
}
button, input[type=button] { *overflow: visible; }

a {
	color: #4E6F8C;
	text-decoration: none;
	cursor: pointer;
}
a img {
	border: none;
	text-decoration:none;
}

table {
	border-collapse:collapse;
}
a:hover {
	text-decoration: underline;
}

#getApp {
	position: fixed;
	right: 0;
	top: 50%;
	width: 45px;
	height: 80px;
	background: url(../images/vreme_pda.png);
	display: block;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	z-index: 101;
	margin-top: -46px;
}
#getApp:hover {
	width: 80px;
}

.wrap {
	min-height:100%;
	position:relative;
	background: url("../images/planeti.png") no-repeat scroll 78% -59px #FFFFFF;
}
.header {
	height: 115px;
}
.header .center {
	border-bottom: 1px solid #ccc;
	height: 115px;
}



.logo {
	padding: 10px 0 0 0px;
	float: left;
}
.logo a {
	display: block;
	float: left;
	clear: left;
}
.logo a.pravi {
	margin: 16px 0 0 68px;
}

.logos {
	width: 100%;
	text-align: center;
}
.logos a {
	display: inline-block;
	margin: 0 20px;
}
            .gfg { 
                width:auto; 
                text-align:center; 
                padding:10px; 
            } 
            img { 
                max-width:100%; 
                        height:auto; 
            } 
            .scrollup { width: 70px; height: 65px; position: fixed; z-index:1; bottom: 0px; right: -30px; display: none; color: #464646;

}
.watermark {

  position: relative;
        }
 
.first-txt {
  position: absolute;
  bottom: 1px;
  right: 9px;
  background-color: #4E6F8C;
  padding-bottom: 1px;
  padding-top: 1px;
  padding-left: 5px;
  padding-right: 3px;
  border-radius: 1px;
  color: white;
  opacity:0.7;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;

}
.imgcams {

width: 97%;
height: auto;

}


.nav {
	float: right;
	margin-top: 0px;
}
.nav ul { padding:0; margin:70px 0 0; border-right: 1px solid #ddd;display: table; }
.nav ul li {
	display: table-cell;
	*zoom: 1;
	*display: inline;
	text-align: right;
	list-style:none;
	border-left: 1px solid #ddd;
}
.nav ul li a {
	color: white;
	margin: 9px 0;
	font-size:14px;
	padding:10px 15px;
	display:inline-block;
}
.nav ul li:first-child a {
	margin-left: 0;
}
.nav ul li:hover a {
	text-decoration:none;
	color: #333;
}
.nav ul li.active a {
	background: white;
	color: #4E6F8C;
}


.main {
	margin-top: 30px;
	clear: both;
}

.uvod {
	width: 300px;
	height: 480px;
	padding: 0px;
	position:absolute;
	left: 0;
	top: 0;
	background: rgba(255,255,255,.8);
}
.uvod > div {
	padding: 15px;
	width: 270px;	
}
.blue {
	background: #4E6F8C;
	color: #fff;
	line-height:1.5em;
	font-size:1.1em;
}
.display {
	text-align: center;
}
.display b {
	margin-bottom: 10px;
	display: block;
}
.display table {
	margin: 20px auto 10px;
}
.display table td {
	font-size:14px;
	padding:0 0 10px;
	font-weight:bold;
}
.display img {
	margin: 0 15px;
}
.cold, .warm {
	font-size: 13px;
	background: #4E6F8C;
	padding: 3px 7px;
	text-shadow: 0 1px 0 #ccc;
	letter-spacing:-0.08em;
}
.warm {
	background: #f35b40;
	margin-left: 10px;
}

/*** common stuff ***/
h1, h2, h3 {
	margin-top: 0;
	margin-bottom:10px;
        margin-left: 35px;
	clear:both;
}
h1 {
	font-size: 18px;
	color: #4E6F8C;
}
h2 {
	font-size:15px;
	margin-top:10px;
	color: #4E6F8C;
}


p {
	line-height:1.5em;
}

input {
	border:1px solid #ccc;
	padding:3px;
	color: #777;
}
input:focus {
	border-color:#aaa;
	box-shadow: 0 0 3px #bbb;
	-webkit-box-shadow: 0 0 3px #bbb;
	-moz-box-shadow: 0 0 3px #bbb;
}


.center {
	max-width: 920px;
	margin:0 auto;
}

.fl-left {
	float: left;
}
.fl-right {
	float:right;
}
.cl-left {
	clear: left;
}
.cl-right {
	clear: right;
}
.block {
	display: block;
}

.rel { position: relative; }

.ozko {
	width: 300px;
}
.siroko {
	width: 600px;
}

.relative {
	position: relative;
}


.tab_arrow {
	margin: 2px 0 0 50px;
	padding: 0;
}
.tab_arrow li {
	*float: left;
	display: inline-block;
	list-style:none;
	margin-right: 15px;
}
.tab_arrow li a {
	color: #555;
	display: block;
    font-size: 16px;
    height: 27px;
    padding: 7px 13px;
    text-transform: uppercase;
}
.tab_arrow li a:hover {
	color: #4E6F8C;
	text-decoration:none;
}
.tab_arrow li.active a {
	color: #fff;
	background: url("../images/black.png") repeat-x scroll left bottom #4E6F8C;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
}

.map_content {
	clear: both;
	float: none;
	color: #777;
	margin-bottom: 10px;
}
.map_content b { float: left; margin: 0px 10px 0px 0; }


.beforeSlide {
	margin: 5px 10px 0 0;
}

.days {
	padding: 10px;
	float: left;
}
.days a {
	margin-right: 10px;
}
.days b {
	margin-right: 15px;
}

.img, .cestne > img {
	border: 1px solid #ccc;
	padding:3px;
	margin: 0 5px 5px 0;
	display: inline-block;
	zoom: 1;
	*display: inline;
	background: url(../images/loading2.gif) center center no-repeat;
}
.cams_list img {
	background: none !important;
}
img.img, .cestne > img { float: none; }
a.img:hover {
	border-color: #aaa;
	box-shadow: 0 0 3px #aaa;
	-webkit-box-shadow: 0 0 3px #aaa;
	-moz-box-shadow: 0 0 3px #aaa;
	text-decoration:none;
}

input[type="button"], .btn {
	background: #4E6F8C;
    color: #FFFFFF;
    display: block;
    padding: 3px 5px;
    text-shadow: 0 1px 0 #157c8e;
	text-transform:uppercase;
	cursor:pointer;
	border: none;
}
input[type="button"] {
	float: left;
	margin: 0 5px 0 0;
}

input[type="radio"], input[type="checkbox"] {
	border: none;
}
.btn:hover {
	text-decoration:none;
}
input[type="button"]:hover {
	text-decoration:underline;
}
input[type="button"]:focus { outline: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: }

.custombox {
	border: none;
	padding: 5px;
	background: #4E6F8C;
	color: #fff;
}

.mr15 { margin-right: 15px; }

.radio, .check, .days { 
	padding: 6px 10px; 
	background: #eee; 
	border:1px solid #ccc;
	margin-bottom: 10px;
}

.radio .btnOff, .radio .btnOn, .check .btnOff, .check .btnOn {
	background: none;
	padding: 0px 5px 0px 20px;
	*zoom: 1;
	*display: inline;
	white-space: nowrap;
	background: url(../images/radio_off.png) left center no-repeat;
	color: #555;
	margin-right: 8px;
}
.radio .btnOn { background: url(../images/radio_on.png) left center no-repeat; }
.check .btnOff { background: url(../images/check_off.png) left center no-repeat; }
.check .btnOn { background: url(../images/check_on.png) left center no-repeat; }
.btnOff.erase { background: url(../images/erase.png) left center no-repeat; }
.map_ctrl b, .days b {
    float: left;
    margin-right: 15px;
}
input.disabled {
	opacity: .7;
	filter: alpha(opacity=70);
	cursor: default;
}
input.disabled:hover {text-decoration: none; }
.map_ctrl { margin-top: -5px; }

.clearfix.check { display: block; }

.map_content a, .map_content input[type="button"] {
	font-size: 12px;
	color: #555;
	text-shadow: none;
}
.map_content.relative { padding-bottom: 25px; }

.w200 { width: 250px; }
.w600 { width: 605px; }
.w200 input {
	float: none;
	clear: left;
	margin-bottom: 1px;
}
.w200 b { margin-bottom: 5px !important; }

.map_content .ie7, .info.ie7 {
	margin-bottom: 10px;
}
.vir.ie7 { *width: 200px; }
.info.ie7 { *width: 400px; }

.nowrap {
	white-space:nowrap;
}

.drsnik {
	margin: 0px 0 10px 5px;
	text-align:left;
}
.drsnik.fixed {
	background: url(../images/black.png) left bottom repeat-x #4E6F8C;
    border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
    bottom: 0;
    left: 0;
    margin: 0 0 -10px 7px;
    padding: 5px;
    position: absolute;
    text-align: left;
    width: 540px;
}
.drsnik b {
	margin-right:10px;
}
.drsnik span {
	margin-bottom:4px;
}
.drsnik a:first-child { margin-left: 5px; }
.play_ctrl {
	background: #fff;
	display: inline-block;
	margin-right:5px;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	text-align:center;
}
.play_ctrl img {
	margin-top: 4px;
}
.play_ctrl:hover {
	background: #e0f1f4;
}

#play, #pause { float:right; margin-top:2px; *margin-top: -17px; }

.carpe_horizontal_slider_track {
	height: 12px;
	margin-right: 5px;
	margin-top: 4px;
	padding: 0;
	float: right;
	box-shadow: 0 1px 1px #999 inset;
	-webkit-box-shadow: 0 1px 1px #999 inset;
	-moz-box-shadow: 0 1px 1px #999 inset;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	width: 298px;
	*margin-top: -17px;
}
.carpe_horizontal_slider_track, .carpe_slider_display_holder, .carpe_slider {
	border: none;
	background: #fff;
	
}
.carpe_slider_display_holder {
	width: auto;
	margin-top: 5px;
}
.carpe_slider_display {
	width: 100px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background:transparent;
}
.carpe_slider_display:focus {
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}

.carpe_horizontal_slider_track .carpe_slider {
	border: none;
	background: url(../images/black.png) left bottom repeat-x #4E6F8C;
	height: 10px;
	border: 1px solid #0c7082;
	margin-top: 0px;
	cursor:pointer;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.carpe_slider:hover {
	background-color: #1DAB4C;
	box-shadow: 0 0px 3px #fff;
	-webkit-box-shadow: 0 0px 3px #fff;
	-moz-box-shadow: 0 0px 3px #fff;
}

.map_info {
	*width: 250px;
	margin-top: 1px;
	margin-right: 5px;
	background: #f4f4f4;
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 12px;
}

.legenda { width: 600px; }
.legenda, .t5 { margin-top: 5px; }
.legenda b {
	margin-right: 15px;
}
.legenda span img {
	margin: 0 4px -4px 10px;
	border:1px solid #777;
	*margin-top: 3px;
}

.legenda .info	 {
	padding-left: 20px;
	background: url(../images/info_mini.png) left 7px no-repeat;
	padding-top: 5px;
	border-top: 1px dotted #ddd;
	max-width: 590px;
	font-size: 12px;
}
.info_mini { 
	padding-left: 20px;
	background: url(../images/info_mini.png) left top no-repeat;
	min-height: 20px;
}
.subinfo {
	background-position: 5px 4px;
	background-color: #eee;
	padding: 4px 5px 3px 25px;
	margin-top: -5px;
	border: 1px solid #ccc;
	border-top: none;
	margin-right: 6px;
}

.longLeg {
	float: left;
	
}
.legenda .longLeg td {
	width: 24px;
	height: 15px;
	border: 1px solid #999;
	margin: 0 0 0 -4px;
}

.longLeg label {
	float: left;
	width: 27px;
	font-size: 10px;
	text-align:center;
	color: #333;
	white-space:nowrap;
}

#legenda_0 .longLeg { clear: left; margin-top:6px; }
#legenda_0 .longLeg td {
	width: 20px;
}
#legenda_0 label {
	width: 23px;
}

#cams { 
	width: 200px; 
	float: right; 
	margin-right: 10px;
    margin-top: -72px;
}

#pagination { position: absolute; right: 	0px; top: -28px; }
.nextpg { padding-right: 16px; background: url(../images/right.png) right center no-repeat; margin-left: 33px; }
.prevpg { 
	padding-left: 16px; 
	background: url(../images/left.png) left center no-repeat;
	margin-bottom: 10px; 
	display: inline-block;
}
	
a.img { zoom: 1; }
.crop {
    float: left;
    height: 152px;
    overflow: hidden;
    width: 171px;
    position: relative;
}
.crop img { 
	min-width: 100%;
	min-height: 100%;
	background: url(../images/loading2.gif) center center no-repeat;
}
.crop .title {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	background: #4E6F8C;
	padding: 5px;
	color: #fff;
	text-transform: uppercase;
}
#id1 > img {
	min-height: 300px;
}

h1.blue { padding: 2px 7px; font-size: 17px; margin: 5px 7px 5px 0;}
.vis { visibility: hidden; }

#toggle, #edit { margin: 0px 10px 0 0; color: #fff; padding-left: 20px;
	background: url(../images/cam.png) left top no-repeat;}
#toggle.cam { background-position: left -21px; }
#edit { background-position: left -45px; }
.sharebox { float: right; margin-top: -35px;}
#fb-root { display: none; }
.twitter-share-button, .fb_iframe_widget { float: left; }
iframe.fb_ltr { background: #fff\9; background: rgba(255,255,255,.8);}
.uvod iframe.fb_ltr {margin-top: 10px; }

/*** footer ***/
.footer-copyright {
    padding-top:50px;
    display: table;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.footer {
width: 100%;
height: 28px;
bottom: 0px; 
left: 0px; 
text-align: center; 
}
@media only screen and (max-width: 671px) {
	.footer .columns .column.footer-social, 
	.footer-container, 
	.footer-container .columns .column.footer-social {
	text-align: center;
	}
}
.hide {
	display: none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear { clear:both; }

.map_content { display: block; }


.luft {
	margin-right:15px;
}

table h3 {
	margin: 5px 0;
	font-size:14px;
}
.regular th {
	background: #4E6F8C;
	text-align:left;
	padding:3px 5px;
	color: #fff;
	border: 1px solid #fff;
}
.regular td {
	padding: 2px 5px;
	border-bottom: 1px solid #ddd;
	border-left: 1px dotted #eee;
	border-right: 1px dotted #ddd !important;
}
.regular tr:nth-child(2n+1) {
	background: #f4f4f4;
}
.regular tr:hover {
	background: #dee8f1;
}
.near tr:nth-child(2n+1) {
	background: #f4f4f4;
}
.near tr:nth-child(2n) {
	background: #fff;
}
.subhead th {
	background: #294a66;
	font-size: 12px;
	font-weight:normal;
	white-space:nowrap;
}
table p {
	margin-top: 0;
}

.vir {
	margin: 10px 0;
	text-align:right;
	*width: 150px;
}



.slovenia #lj { left: 300px; top: 190px; }
.slovenia #ng { left: 73px; top: 206px; }
.slovenia #mb { left: 515px; top: 80px; }
.slovenia #kp { left: 95px; top: 310px; }
.slovenia #ce { left: 465px; top: 135px; }
.slovenia #nm { left: 440px; top: 260px; }
.slovenia #po { left: 210px; top: 250px; }
.slovenia #kr { left: 245px; top: 145px; }
.slovenia #ms { left: 610px; top: 30px; }
.slovenia #je { left: 150px; top: 90px; }
.slovenia #ko { left: 330px; top: 285px; }
.slovenia #sg { left: 320px; top: 90px; }
.slovenia #tm { left: 90px; top: 145px; }

#hist span {
	display: block;
}
#hist a {
	display: block;
	text-shadow: 0 1px 0 #158a9f;
	background: #4E6F8C;
	padding: 5px;
	color: #fff;
	margin-top: 10px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.box {
	width: 279px;
	padding: 10px;
	float: left;
	margin: 20px 0;
	min-height: 160px;
}
.box2 { width: 590px;}
.box.border {
	border-right: 1px dotted #4E6F8C;
	margin-right: 10px;
}
.box h2 { margin-top: 0;}

ul.list { padding: 0; margin-left: 5px;}
ul.list li {
	list-style-type: none;
	margin: 3px 0;
	padding: 0;
}
ul.list li a {
	padding: 3px 5px;
	display: inline-block;
	color: #666;
}
ul.list li a:hover {
	text-decoration: none;
	background: #4E6F8C;
	color: #fff;
}

/**** LIGHTBOX ***/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; margin-bottom:30px;}
#lightbox img{ max-width: 900px; width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block !important; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: fixed;
	top: 50%;
	margin: -250px 0 0 -350px;
	left: 50%;
	width: 700px;
	height: 500px;
	padding: 16px;
	border: 15px solid #dc8c27;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	box-shadow: 0 4px 10px #111;
	-webkit-box-shadow: 0 4px 10px #111;
	-moz-box-shadow: 0 4px 10px #111;
	background-color: white;
	z-index:1002;
	overflow: visible;
}

.white_content .close {
	position: absolute;
	right: -25px;
	top: -25px;
	width: 34px;
	height: 34px;
	background:url(../images/popup_close.png) left top;
	cursor:pointer;
}

#overlay {
	background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
	color:#efefef;
	height:450px;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:441px;
	overflow-y:auto;
}

.nocamera {
	background: url(../images/nocamera.jpg) left top no-repeat;
	padding: 60px 0 60px 180px;
	color: #666;
	font-size: 16px;
	text-transform: uppercase;
	white-space: nowrap;
	min-height: 40px;
	margin: 20px;
}

/***** slider ***/
.weather_wid {
    position: relative;
    display: inline-block;
    margin-left: 30px;
    zoom: 1;
    *display: inline;
}
.weather_hourly { text-align: center;}
.weather_hourly > div {
	display: inline-block; *display: inline; zoom: 1; border: 2px solid #4E6F8C; padding: 5px;
	vertical-align: top; width: 405px;
}
.weather_hourly > div:first-child {
	margin-right: 40px;
}
.weather_hourly > div h3 {
	color: #555; text-align: center; margin: 5px 0 10px; font-size: 14px;
}
.weather_hourly > div table {
	text-align: left;
}
.weather_hourly table th {
    background: url("../images/black.png") repeat-x left bottom #4E6F8C;
    color: #FFF;
    padding: 5px 10px;
    border-bottom: 1px solid #355572;
	text-align: center;
}
.weather_hourly table td {
	border-bottom: 1px solid #ccc;
	padding: 3px 10px;
	text-align: center;
}
.weather_hourly .windSym {
	margin: 0px 5px -8px 0;
	display: inline-block;
}
.weather_hourly table b {
	display: inline-block;
	margin-right: 3px;
	font-size: 13px;
}

#slider {
    border: 1px solid #CCCCCC;
    overflow: hidden;
}
#slider ul {
    width: 840px;
    max-height: 200px;
    overflow: hidden;
}
#slider ul, #slider li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#slider li {
    overflow: hidden;
    text-align: center;
}
#slider li div {
    float: left;
}
#slider li div span {
    display: block;
    float: left;
    width: 84px;
}
.time {
    background: url("../images/black.png") repeat-x left bottom #4E6F8C;
    color: #FFF;
    padding: 5px 0;
    border-bottom: 1px solid #355572;
}
.rain, .wind, .temp, .press {
    border-bottom: 1px solid #DDDDDD;
    padding: 6px 0;
}
.temp {padding: 3px 0;}
.press { text-align: center; background: #f6f6f6;}

#slider span { font-size: 11px; }
#slider span b {
	font-size: 14px;
	margin-right: 3px;
}
.temp span {
	padding: 5px 0;
}
.temp img {
	display: block;
	width: 32px;
	margin: 0 auto;
}
.rain, .wind {
    border: medium none;
}

.color span {
    height: 10px;
}
.sun {
    background: none repeat scroll 0 0 transparent;
    height: 6px;
}
.raintxt {
    color: #888888;
    font-size: 10px;
    margin: 0;
}
.windSym {
    background: url("../images/wind_dir2.png") no-repeat scroll left top transparent;
    color: #555555;
    display: block;
    height: 24px;
    margin: 3px auto;
    width: 23px;
    cursor: default;
}
.J {
    background-position: -65px top;
}
.JV {
    background-position: -87px top;
}
.JZ {
    background-position: -109px top;
}
.SV {
    background-position: -131px top;
}
.S {
    background-position: -44px top;
}
.SZ {
    background-position: -155px top;
}
.Z {
    background-position: -21px top;
}
span.red {
    background: none repeat scroll 0 0 #FF0000;
}
span.yellow {
    background: none repeat scroll 0 0 #FFFF00;
}
span.green {
    background: none repeat scroll 0 0 #00CC00;
}
#prevBtn, #nextBtn {
    display: block;
    left: -30px;
    position: absolute;
    top: 87px;
}
#nextBtn {
    left: auto;
    right: -30px;
}
#prevBtn a, #nextBtn a {
    background: url("../images/left.png") no-repeat scroll center center transparent;
    display: block;
    height: 18px;
    overflow: hidden;
    text-indent: -1000px;
    width: 18px;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border: 1px solid #ccc;
}
#nextBtn a {
    background: url("../images/right.png") no-repeat scroll center center transparent;
}

table.near { margin-bottom: 20px; }
table.near td {border-right: 1px solid #ccc; text-align: center; padding: 5px 14px; } 
table.near tr:first-child th { text-align: center; letter-spacing: 0.05em;font-size: 13px; }
.empty {background: #fff; border: none !important;}

td.vir {
	font-size: 12px;
	
}
.vir .omp {
	color: #009232;
}
.vir .smp {
	color: #0291dd;
}
.vir .op {
	color: #31196d;
}


/********** TABS *********/
.ui-tabs-nav, .subnav { 
	background: url("../images/black.png") repeat-x scroll left bottom #4E6F8C;
	list-style: none outside none; 
	display: block; 
	padding: 6px 10px 0; 
	margin: 10px 0 0;
	font-size: 13px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.subnav { 
	height: 32px;
	margin-bottom: 10px;
    padding-top: 3px;
}
.ui-tabs .ui-tabs-nav li, .subnav li { 
	display: inline-block; zoom: 1; *display: inline; white-space: nowrap; padding: 5px;
	margin-right: 5px; 
/* 	border-radius: 4px 4px 0 0;  */
/* 	-moz-border-radius: 4px 4px 0 0;  */
/* 	-webkit-border-radius: 4px 4px 0 0; */
}
.ui-tabs .ui-tabs-nav li a, .subnav li a {
	color: #fff; padding-left: 20px; 
	background: url(../images/napoved.png) left top no-repeat; 
}

.ui-tabs .ui-tabs-nav li:hover, .subnav li:hover { background: #355572; }
.ui-tabs .ui-tabs-nav li:hover a, .subnav li:hover a {text-decoration: none; }
.ui-tabs .ui-tabs-selected,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected:hover,
.subnav li.active, .subnav li.active:hover { background: #fff; }
.ui-tabs .ui-tabs-nav .ui-tabs-selected a,
.subnav li.active a { 
	background: url(../images/napoved.png) left bottom no-repeat; color: #4E6F8C; 
}
.subnav li.active { margin-top: 3px; }
.subnav li a {
	background: none;
	padding: 1px 6px;
	font-size: 13px;
	display: inline-block;
}
.subnav li.active a {
	background: #fff;
}
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-tabs-panel { 
	padding: 10px; border: 1px solid #ccc; border-top: none; *width: 898px;
	display: block;
}

#tabs-5 .crop { width: 280px; height: 235px; }
#tabs-5 .img { margin: 0 11px 11px 0; }

li#t1, li#t2 { 
	float: right; margin-left: 10px; *margin-top: -27px !important; *margin: 0 5px; 
}

.temperatura {background-image: url(../images/temperatura.png) !important; }
.padavine {background-image: url(../images/padavine.png) !important; }
.veter {background-image: url(../images/veter.png) !important; }
.kamere {background-image: url(../images/kamere.png) !important; }
.blizina {background-image: url(../images/blizina.png) !important; }
.pritisk {background-image: url(../images/pritisk.png) !important; }
.sondaza {background-image: url(../images/sondaza.png) !important; }

.ui-tabs-panel a.iframe {
	display: inline-block;
	margin-left: 20px;
}
.ui-tabs-panel a.iframe:hover {
	box-shadow: 0 3px 5px #aaa;
	-moz-box-shadow: 0 3px 5px #aaa;
	-webkit-box-shadow: 0 3px 5px #aaa;
}

.slovenia .ac_loading, .slovenia .ac_loading:hover {
	background: url(../images/loading2.gif) 237px center no-repeat transparent;
}
.slovenia .error, .slovenia .error:hover {
	background: url(../images/warning.png) 237px center no-repeat transparent;
}

@media all and (min-width: 920px) {
	
	/******** ZEMLJEVID ******/
	.slovenia .locationSearch {
		float: left;
		margin: 29px 0 0 66px;
		padding: 5px 8px;
		color: #333;
	}
	.slovenia.small .locationSearch {
		margin: 7px 0 0 54px;
	}
	
	.slovenia input, .slovenia input:hover, .search_fix input, .search_fix input:hover {
		position: absolute;
		left: 61px;
		top: 34px;
		height: 18px;
		width: 250px;
		border:none;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		background: none;
	}
	.slovenia.small input, .slovenia.small input:hover {
		left: 48px;
		top: 12px;
	}
	
	.slovenia label {
		margin-top: 4px;
		display: block;
		margin-left: -9px;
		color: #888;
	}
	#hist {
		position: absolute;
	    right: 40px;
	    text-align: right;
	    top: 380px;
	    z-index: 1;
	}
	
	.slovenia {
		width:830px;
		height: 392px;
		background: url(../images/slo.png) right top no-repeat;
		margin: 10px 0 10px 50px;
		position: relative;
	}
	.slovenia.small {
		background-position: -15px -22px;
	    float: right;
	    height: 46px;
	    margin: 0 0 -10px;
	    width: 316px;
	}

	#slovenia {
		box-shadow: 0 0 15px #aaa;
		border: 1px solid #ccc\9;
		*margin-top: -1px;
	}
	#slovenia .ui-tabs-nav {
		background: none;
		padding: 0;
		float: left;
		width: 250px;
		margin: 0;
		*margin-top: 1px;
	}
	#slovenia .ui-tabs-nav li {
		display: block;
		padding: 0;
		margin: 0;
	}
	#slovenia .ui-tabs-nav li a {
		background: url("../images/black.png") repeat-x scroll left bottom #ddd;
		padding: 8px 10px;
		*padding: 7px 10px;
		color: #4E6F8C;
		display: block;
	}
	#slovenia .ui-tabs-nav li a:hover {
		background: url("../images/black.png") repeat-x scroll left bottom #4E6F8C;
		color: #fff;
	}
	#slovenia .ui-tabs-nav li.ui-tabs-selected a, #slovenia .ui-tabs-nav li.ui-tabs-selected a:hover {
		background: #fff;
		color: #4E6F8C;
	}
	#slovenia .ui-widget-content {
		width: 648px;
		float: left;
		height: 409px;
		border: none;
	}
	#slovenia .slopart, #slovenia .slowhole {
		width: 648px;
		height: 409px;
		margin: -1px 0 0 -1px;
		border: 1px solid #ccc;
		position: relative;
		box-shadow: 0 0 5px #ccc inset;
		background: url(../images/whole.png) left top;
	}
	#slovenia .slowhole {
		background: url(../images/slo_whole.png) left top;
	}
	#slovenia #go {
		background-position: -648px bottom;
	}
	#slovenia #pm {
		background-position: right -818px;
	}
	#slovenia #pd {
		background-position: -648px -818px;
	}
	#slovenia #ko {
		background-position: right bottom;
	}
	#slovenia #sa {
		background-position: left -818px;
	}
	#slovenia #za {
		background-position: left -409px;
	}
	#slovenia #sp {
		background-position: right -409px;
	}
	#slovenia #jv {
		background-position: right top;
	}
	/* #slovenia #os { */
	/* 	background-position: -350px -1050px; */
	/* } */
	#slovenia #gr {
		background-position: left bottom;
	}
	#slovenia #nk {
		background-position: -648px top;
	}
	#slovenia #ok {
		background-position: -648px -409px;
	}
	
	.slopart h1 {
		display: none;
	}
	.slopart a {
		position: absolute;
		background: #4E6F8C;
		padding: 3px 6px;
		color: #fff;
		margin-left: 30px; 
		text-shadow: 0 1px 0 #158a9f;
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}
	.slopart a:hover, #hist a:hover { text-decoration: none; background: #355572; }
	.slopart a span {
		height: 9px;
	    left: 4px;
	    margin-top: 17px;
	    position: absolute;
	    width: 7px;
		background: url(../images/location_arrow.png) left top no-repeat;
	}
	.slopart a:hover span {
		background-position: right top;	
	}
	.slopart a.right span {
		left: auto;
		right: 4px;
	}
	
	.firstpage.locationSearch {
		float: right;
		margin: 29px 0 0 66px;
		padding: 5px 8px;
		color: #333;
		position: relative;
		height: 27px;
	}
	.firstpage.locationSearch {
		margin: -37px 10px 0 0px;
	    width: 304px;
	    background: #fff;
	    border: 1px solid #ccc;
	    border-bottom: none;
	}
	
	.firstpage input, .firstpage input:hover {
		position: absolute;
		left: 61px;
		top: 34px;
		height: 18px;
		width: 250px;
		background: none;
		*padding: 7px 5px 1px;
		
	}
	.firstpage input, .firstpage input:hover {
		left: 6px;
		top: 6px;
		height: 22px;
		width: 300px;
	}
	.firstpage label {
		margin: 8px 3px;
		display: block;
		*margin-top: 15px;
	}
	
	#ddm li ul {
		position: absolute;
	}
}

.cameraInfo > * {
	display: inline-block;
	vertical-align: top;
}
.cameraLeft {
	width: 545px;
	margin-right: 10px;
}
.cameraRight {
	width: 300px;
}

/*** autocomplete ***/
.ac_results {
	padding: 0px;
	border: 1px solid #aaa;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	box-shadow: 0 3px 3px #aaa;
	-moz-box-shadow: 0 3px 3px #aaa;
	-webkit-box-shadow: 0 3px 3px #aaa;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0px;
	padding: 5px;
	display: block;
	font: menu;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
}
.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}
.ac_odd {
	background-color: #eee;
}
.ac_over {
	background-color: #4E6F8C;
	color: white;
	cursor: pointer;
}


/********** DROP DOWN MENU ***********/
#ddm {	
	margin: 0 10px 10px;
	padding: 0;
}
	
#ddm li {	
	float: left;
	list-style: none;
}

#ddm li h3 {
	display: block;
	background: #4E6F8C;
	padding: 5px 15px;
	text-decoration: none;
	border-right: 1px solid white;
	color: #fff;
	white-space: nowrap;
	text-transform: uppercase;
	font-size: 14px;
}

#ddm li h3:hover { 
	background: url("../images/black.png") repeat-x left bottom #4E6F8C; 
}
	
#ddm li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	display: none;
	border-top: 1px solid white;
	box-shadow: 0 2px 5px #777;
	-moz-box-shadow: 0 2px 5px #777;
	-webkit-box-shadow: 0 2px 5px #777;
}

#ddm li ul li {	
	float: none;
	display: inline;
}

#ddm li ul li a {	
	width: auto;
	background: #eee;
	border-bottom: 1px solid #fff;
	color: #555;
	padding: 5px 10px;
	display: block;
	text-transform: normal;
	font-size: 12px;
}

#ddm li ul li a:hover {	
	background: #fff;
}

.late_box {
	position: absolute;
	left: 0;
	top: 0;
	width: 43px;
	height: 37px;
	background: url(../images/kamera_img_late.png) left top;
	overflow: hidden;
}
.tog_cont .late_box {
	left: 3px;
	top: 3px;
}

#tooltip, #tooltip_date {
	opacity: 0;
	font-size: 11px;
	position: absolute;
	left: 14px;
	top: 28px;
	padding: 5px;
	width: 120px;
	color: #fff;
	background: #355572;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.cestne .crop #tooltip {
	top: auto;
	bottom: 30px;
	font-size: 12px;
	text-transform: uppercase;
}

#tooltip:before, #tooltip_date:before {
	content: "";
	position: absolute;
	display: block;
	left: 5px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 0;	
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #355572;
}
.cestne .crop #tooltip:before {
	right: 5px;
	left: auto;
	top: auto;
	bottom: -8px;
	border-bottom: none;
	border-top: 10px solid #355572;
}
.late_box:hover { overflow: visible;}
.late_box:hover #tooltip, .late_box:hover #tooltip_date, .crop:hover > #tooltip, .cestne .crop:hover #tooltip {
	display: block;
	opacity: 1;	
	margin-top: 8px;
}

.cameraLeft .vis {
	position: absolute;
	visible: hidden;
	left: -3000px;
	top: -3000px;
}

@media all and (max-width: 920px) {
	.logo {
		float: none;
	}
	.logo a {
		clear: none;
	}
	.logo > a:first-child {
		float: right;
	}
	.logo a.pravi {
		margin-top: 5px;
		margin-left: 10px;
	}
	.nav {
		clear: both;
		float: none;
		margin-top: 10px;
	}
	.nav ul {
		display: block;
		width: auto;
	}
	.nav ul li  {
		display: inline-block;
	}
	.nav ul li a {
		font-size: 12px;
		padding: 8px 10px;
	}
	.center {
		padding-left: 10px;
		padding-right: 10px;
	}
	#getApp { display: none; }
	
	.header, .header .center {
		height: auto;
		border: none;
	}
	.nav ul { margin: 10px 0 20px;}
	.nav ul li { text-align: center; }
	
	.info_mini {
		float: none !important;
		margin-top: 0 !important;
	}
	#hist {
		background: #F2F2F2;
	    border: 1px solid #CCCCCC;
	    display: block;
	    padding: 5px 10px;
	}
	#hist span, #hist a {
		display: inline-block;
		vertical-align: middle;
		margin-right: 5px;
		margin-top: 0;
	}
	.slopart h1 {
		display: block;
		border-bottom: 
	}
	.slopart a {
		display: block;
		padding: 5px 10px;
		border-bottom: 1px solid #ccc;
	}
	.slopart a br {
		display: none;
	}
	.firstpage.locationSearch {
		margin: -20px 0 20px;
	}
	.firstpage.locationSearch input {
		width: calc(100% - 30px);
		padding: 8px;
	}
	#slovenia > ul {
		display: none;
	}
	
	.radio .btnOff, .radio .btnOn, .check .btnOff, .check .btnOn {
		white-space: normal;
		display: block;
	}
	#slovenia > div[id] {
		display: inline-block;
		vertical-align:top;
		margin: 10px;
		width: calc(50% - 25px); 
	}
	.map_content {
		display: block;
		float: none;
	}
	.slovenia.small input {
		padding: 8px;
	    width: calc(100% - 30px);
	    border: 1px solid #CCCCCC;
	    color: #777777;
	}
	
	.weather_hourly > div {
		width: calc(100% - 25px) !important;
		margin: 5px 0px 15px !important;
	}
	.weather_hourly > div > table {
		width: 100%;
	}
	.w200, .w600 {
		width: auto;
		float: none;
	}
	input[type="button"],
	.map_content b {
		float: none;
		display: inline-block;
		vertical-align: middle;
	}
	
	.noMobile {
		display: none;
	}
	.footer .fl-right a {
		margin: 8px !important;
	}
	.subnav {
		height: auto;
	}
	
	.mobileScroll {
		max-width: 100%;
		overflow: auto;
	}
	
	.map_content.relative {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.carpe_horizontal_slider_track {
		float: none;
		margin-top: 15px;
	}
	.play_ctrl {
		width: auto;
		height: auto;
		min-width: 17px;
	}
	.play_ctrl img {
		display: inline-block;
		vertical-align: middle;
		margin: 4px;
	}
	.legenda {
		width: auto;
	}
	.drsnik.fixed {
		position: relative;
		width: auto;
		margin: 0;
		float: none;
	}
	#vsebina {
		float: none;
	}
	
	.map_content b {
		display: block;
	}
	
	
	.cameraInfo > * {
		display: block;
	}
	.cameraLeft {
		width: auto;
		margin-right: 0px;
	}
	.cameraLeft .fl-right {
		float: none;
		margin: -5px 7px 10px 0 !important;
		background: #4E6F8C;
		padding: 5px;
	}
	.cameraRight {
		width: auto;
	}
	.cameraLeft .tog_cont img {
		max-width: calc(100% - 10px);
	}
	.cestne > img {
		min-height: 0 !important;
		height: auto;
	}
}
@media all and (max-width: 640px) {
	.logo a {
		float: left !important;
		clear: both;
		margin-bottom: 10px;
	}
	.ui-tabs .ui-tabs-nav li, .subnav li,
	.subnav li a {
		display: block;
	}
	.subnav {
		padding-bottom: 6px;
	}
	li#t1, li#t2 {
		float: none;
		margin-left: 0;
	}
	#slovenia > div[id] {
		vertical-align:top;
		margin: 10px;
		display: block;
		width: auto; 
	}
	#legenda_0 label {
		width: 16px;
		 margin: 0 !important;
	}
	#legenda_0 label:nth-child(2n+1) {
		display: none;
	}
	.windSym {
		display: block;
	}
	.weather_hourly table b {
		font-size: 11px;
	}
	.mobileTempTH span {
		display: block;
		text-overflow: ellipsis;
		width: 50px;
		overflow: hidden;
		text-align: center;
		margin: 0 auto;
	}
	#cams {
		margin: 10px 0 45px;
		width: calc(100% - 20px);
		padding: 8px;
		float: none;
	}
	
	.weather_hourly table th:nth-of-type(4),
	.weather_hourly table td:nth-of-type(4) {
		display: none;
	}
	
	#vsebina,
	#ddm li,
	#ddm li a {
		display: block;
		float: none;
	} 
	#ddm li h3 {
		margin-bottom: 1px;
	}
	#ddm > li:first-child ul {
		display: block;
	}
	#ddm li ul {
		position: relative;
	}
	#ddm li ul {
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}
	#ddm li a.btnOn {
		background: #fff;
		 box-shadow: 0 2px 3px #ccc inset;
		 border: 1px solid #ccc;
	}
}

/********** FANCY BOX ********/
#fancybox-outer { padding-bottom: 15px; }
#fancybox-title-over { 
	background: #4E6F8C !important; text-shadow: 0 1px 0 #158a9f; font-weight: bold; font-size: 14px;
}

#fancybox-left {margin-left: -30px !important;}
#fancybox-right {margin-right: -30px !important;}