* { margin: 0; padding: 0; outline: 0; }
body, html {min-height: 100%; height:auto; margin: 0; padding: 0;}

body {
    font-size: 12px;
	font-weight: 300;
    line-height: 22px;
    font-family: 'Roboto', sans-serif;
    color: #727272;
    min-width: 100%;
    overflow-x: hidden;
}

html.map, body.map {
	margin:0px;
	padding:0px;
   width: 100%;
   height: 100%;
   background: none;
}

#wrapper {
    background: url(images/line-green_b.png) repeat-x 0 53px, url(images/pattern-grey.png) repeat-x 0 0px, url(images/pattern-green.png) repeat-x 0 bottom;
}

a {color: #00acef; cursor: pointer; }
a:hover { color: #00acef; }
a img { border: 0; }
p {line-height: 19px;}

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: 'Roboto', sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 1366px; margin: 0 auto; }
.container {}

#header {top:0px; position:relative; height:125px;}

.Social {top:2px; float:right; position:relative; text-align: right;}
.Social ul {list-style:none; list-style-position: outside;}
.Social ul li {float: left; padding-left:5px;}
.Social ul li a {font-size:0; display:inline;}

.Facebook { width:50px; height:50px; background:url(images/Facebook.png) no-repeat 0 0;}
#ColorFacebook {background:#52658C; padding:9px 25px 18px; z-index:-100; background-image:url(images/Facebook.png); opacity:0;}

.Tweeter { width:50px; height:50px; background:url(images/Tweeter.png) no-repeat 0 0; }
#ColorTweeter{background:#51A8B1; padding:9px 25px 18px; z-index:-100; background-image:url(images/Tweeter.png); opacity:0;}
a.twitter-timeline { border-radius: 0px; }

.Gplus { width:50px; height:50px; background:url(images/Google+.png) no-repeat 0 0;}
#ColorGplus {background:#F06277; padding:9px 25px 18px; z-index:-100; background-image:url(images/Google+.png); opacity:0;}

.Youtube{ width:50px; height:50px; background:url(images/Youtube.png) no-repeat 0 0;}
#ColorYoutube {background:#ED3237; padding:9px 25px 18px; z-index:-100; background-image:url(images/Youtube.png); opacity:0;}

.Email{ width:50px; height:50px; background:url(images/Email.png) no-repeat 0 0;}
#ColorEmail {background:#FFCC00; padding:9px 25px 18px; z-index:-100; background-image:url(images/Email.png); opacity:0;}

.Facebook:hover #ColorFacebook, .Tweeter:hover #ColorTweeter , .Gplus:hover #ColorGplus, .Youtube:hover #ColorYoutube , .Email:hover #ColorEmail  {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity .8s linear;
-moz-transition: opacity .8s linear;
-ms-transition: opacity .8s linear;
-o-transition: opacity .8s linear;
transition: opacity .8s linear;}

#logo { width: 270px; font-size: 0; line-height: 0; position:relative; top: 18px; left: 20px; margin-bottom: -29px; }
#logo a { height: 98px; display: block; background: url(images/Logo-lubnik.info.png) no-repeat 0 0; text-indent: -4000px; }

#paypal { display: inline-block; vertical-align: middle; }

#navigation {float: right; position: relative; }
#navigation ul { text-align: center; display: inline-block;}
#navigation ul li { display: inline-block; margin-right: -3px; padding: 9px 0px 6px 1px; background: url(images/line-white.png) no-repeat 0px 0px;}
#navigation ul li:first-child {background: none;}
#navigation ul li a { color: #FFFFFF; padding: 26px 25px 19px; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 300;}
#navigation ul li a.active { background-color: #606062;}
#navigation ul li a:hover { text-decoration: none; background-color: #606062; transition: background 0.8s ease-out 0s;}
#navigation a.nav-btn { display:none; }

.Lubnik {left:8px; width:100%; position: relative;  color: black;}
.Lubnik h3, .Introduction h3, .Instruction h3 { color:#086943; font-size: 13px; font-weight:400; line-height: 15px; margin-right:10px; margin-bottom:8px;}
.Lubnik h4, .Introduction h4, .Instruction h4{ color:#727272; font-size: 12px; font-weight:300; line-height: 16px;}
.data {color:#D94C4D; font-size: 12px; font-weight:500; padding-left:4px; padding-right:3px;}
.date {color:#D94C4D; font-size: 13px; font-weight:500;}
.UpArrow {color:#ED3237; font-weight:900;padding-right:20px; padding-left:3px;}
.DownArrow {color:#12AB55; font-weight:900;padding-left:3px;}
.Geo {float:left; width:384px; margin-top:2px; padding-left: 3px; padding-right: 4px;}
.Meter {float:right; margin-right:30px; height:70px; width:70px; background:url(images/Wind.png);}

#Geobottom { display: none; }

.main { top: 10px; /*padding-top:5px; border-top: 1px solid #086943;*/ position: relative;}
.main h3 { font-size: 13px; font-family: 'Roboto', sans-serif; color:#4a4a4a; font-weight: 500; padding-bottom: 0px; margin-bottom: 2px;}
.main h5 { font-size: 12px; padding-bottom: 10px; font-weight: 400;}

.main .row1 { padding: 0px; border-top: 1px solid #086943; margin-top: 1em; padding-top: 0.5em;}
.main .row1 .col { display: inline-block; width: 384px; padding: 6px 5px; }
.main .row1 .col-s { display: inline-block; width: 192px; padding: 6px 5px; }

.center { width: 100%; height: 100px; text-align: center; margin-bottom: 12px; margin-top: 12px; overflow: hidden;  }
.center ins { margin: 0 auto; }

.skyad {
   width: 160px; 
   min-height: 600px;
   float: right;
   /*background-color: #0e0;*/
   clear: right;
   display: block;
   margin: 6px 4px;
   border: 1px solid #eee;
}

.skyadsize {
   width: 160px; 
   height: 600px;
}

.warso-box {
	text-align: left;
}

.warso {
    display: inline-block;
    padding-right: 5em;
	font-weight: bold;
	min-width: 10em;
}

/**** History slider ****/

.timelapse-title {
	font-size: 12pt; 
	margin-top: 15px; 
	text-align: center;
	letter-spacing: 0.2em;
}

#slider {
	width: 95%;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 40px;
}

#slider-box {
	width: 1172px;
	border: solid 0.2em #8DC262;
	margin: 20px 5px;
   	background-color: #f0f0f0;
}

.ui-slider-pips .ui-slider-pip {
	font-size: 1em !important;
	font-weight: bold !important;
}

.ui-slider-handle {
	background-color: #8DC262		!important;
	border-bottom-color: #327E04!important;	
	border-top-color: #086943 !important;
	border-left-color: #327E04 !important;
	border-right-color: #086943 !important;
}
	
.ui-widget-content {
	border: 1px solid #327E04 !important;
}

.slick-slider
{
//    margin-bottom: 0px !important;
}

/**** History slider end ****/

.col p {
   text-align:center;
   padding-top: 0.3em;
}

#Overlay { background:rgba(255,255,255,.10); width:100%; height:100%; text-align:center; padding: 0; opacity:0;}
#Zoom { width:100%; height:100%; 
      background:url(images/white-zoom-in-2-256.png) no-repeat center; 
      background-size: 25%; 
      font-size:0;
      filter: alpha(opacity=15);
      opacity: 0.15;
}

#Kamera1 { width:384px; height:216px; background:url(//i.lubnik.info/img/lubnik3.jpg) no-repeat 0 0; }
#Kamera2 { width:384px; height:216px; background:url(//i.lubnik.info/img/lubnik2.jpg) no-repeat 0 0; }
#Kamera3 { width:384px; height:216px; background:url(//i.lubnik.info/img/lubnik1.jpg) no-repeat 0 0; }
#Kamera4 { width:384px; height:216px; background:url(//i.lubnik.info/img/lubnik6.jpg) no-repeat 0 0; }
#Kamera5 { width:384px; height:216px; background:url(//i.lubnik.info/img/lubnik5.jpg) no-repeat 0 0; }
#Kamera6 { width:384px; height:216px; background:url(//i.lubnik.info/img/lubnik4.jpg) no-repeat 0 0; }

#K1s { width:192px; height:108px; background:url(//i.lubnik.info/img/lubnik3.jpg) no-repeat 0 0; background-size: 192px 108px;}
#K2s { width:192px; height:108px; background:url(//i.lubnik.info/img/lubnik2.jpg) no-repeat 0 0; background-size: 192px 108px;}
#K3s { width:192px; height:108px; background:url(//i.lubnik.info/img/lubnik1.jpg) no-repeat 0 0; background-size: 192px 108px;}
#K4s { width:192px; height:108px; background:url(//i.lubnik.info/img/lubnik6.jpg) no-repeat 0 0; background-size: 192px 108px;}
#K5s { width:192px; height:108px; background:url(//i.lubnik.info/img/lubnik5.jpg) no-repeat 0 0; background-size: 192px 108px;}
#K6s { width:192px; height:108px; background:url(//i.lubnik.info/img/lubnik4.jpg) no-repeat 0 0; background-size: 192px 108px;}


/*#Kamera7 { width:384px; height:216px; background:url(images/Lubnik_03-sm.jpg) no-repeat 0 0; box-shadow:inset 1px 1px 20px 0 rgba(0,0,0,.20);}
#Kamera8 { width:384px; height:216px; background:url(images/Lubnik_04-sm.jpg) no-repeat 0 0px; box-shadow:inset 1px 1px 20px 0 rgba(0,0,0,.20);}
#Kamera9 { width:384px; height:216px; background:url(http://www.arso.gov.si/vreme/napovedi%20in%20podatki/radar.gif) no-repeat center -55px; background-size: 419px; box-shadow:inset 1px 1px 20px 0 rgba(0,0,0,.20);}*/

#Kamera1:hover #Overlay, #Kamera2:hover #Overlay, #Kamera3:hover #Overlay, #Kamera4:hover #Overlay, #Kamera5:hover #Overlay, #Kamera6:hover #Overlay, #Kamera7:hover #Overlay, #Kamera8:hover #Overlay, #Kamera9:hover #Overlay  {
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity .4s linear;
-moz-transition: opacity .4s linear;
-ms-transition: opacity .4s linear;
-o-transition: opacity .4s linear;
transition: opacity .4s linear;}

ul.about {padding-left: 40px;}

.entry-full { /*width: 100%;*/ float: none;  padding:6px; margin-top:5px; margin-bottom:10px;}

.main .entries { border-top: 1px solid #086943;  margin-top: 1em; padding-top: 0.5em;}
.main .entries .entry { width:380px; float:left; padding:6px; margin-top:5px; margin-bottom:10px;}
.main .entries .entry img { width:320px; padding: 20px 30px;}
.main .entries h3 { color:#086943; font-size:15px; font-weight:600;margin-bottom: 7px;}
.main .entries h5  {font-style:italic; line-height: 17px;}
.main .entries .entry.last { padding-right:0; }
.entry p {padding-left: 10px; padding-right: 10px;}
   
.panorama-a {
   margin: 0 auto;
   max-width: 100%;
   width: 1100px;
}

.panorama-img {
   width: 1100px; 
   /*margin: 0 auto;*/
   max-width: 100%; 
   height: 132px; 
   background: url(images/panorama-img.jpg) no-repeat center; 
   background-size: auto 152px;
   text-align: center;
   vertical-align: middle;
   }
   
.entry-full a:hover { text-decoration: none; }
.entry-full a 	    { text-decoration: none; }

.obv { 
   margin: 0 auto;
   width: 100%;
   text-align: center;
   font-size: 1.4em;
   font-weight: 600;
   color: #f00;
   }
.obv a {
   text-decoration: underline;
   color: #f05;
}
.obv a:hover {
   text-decoration: underline;
   color: #f5f;
}

.main .entries .panorama-img h3 {
   font-size: 140px;
   font-weight: 900;
   color: #fff;
   line-height: 120px;
   
   filter: alpha(opacity=30);
   opacity: 0.3;
}
   
   
/*.Panorama { margin-top:10px; margin-bottom:10px; height:501px; width:100%; background: url(images/Panorama.jpg) no-repeat 0 0px; background-size:100%; }
.Kamera1{margin-top:10px; margin-bottom:15px; height:546px; width:100%; background: url(images/Lubnik_01-bg.jpg) no-repeat center center; background-size:960; }
.ZorniKot1{margin-top:10px; margin-bottom:15px; height:546px; width:100%; background: url(images/ZorniKot1.jpg) no-repeat center center; background-size:960; }*/
.Introduction h3 {text-align: center;margin-top:8px; margin-bottom:11px; font-size:15px;}
.Instruction { margin-top:15px; margin-bottom:15px;}
.main .entries .Instruction h3 { color:#727272; font-size: 13px; font-weight:500; line-height: 14px; margin-right:10px; margin-bottom:4px;}

#footer {padding: 18px 15px 15px 10px; border-top: 1px solid #086943;}
.footer-nav { float: left; margin-left:-10px;}
.footer-nav ul { list-style:none; list-style-position: outside; }
.footer-nav ul li { float: left; border-right: 1px solid #afaca9;  padding:0 11px; font-size: 12px; line-height: 10px; }
.footer-nav ul li a { color: #086943; }
.footer-nav ul li a:hover { color: #878684; text-decoration: none; }
.footer-nav ul li.last { border-right: 0; }

#footer p.copy { font-size: 11px; color:#afaca9; line-height: 12px; float: right; }
#footer p.copy a { font-size: 11px; color:#00acef;  line-height: 12px; text-decoration: underline; }
#footer p.copy a:hover { text-decoration: none; }
#footer p.copy span { padding:0 7px; }


/* Scroll controls */
.control {
   width: 90%;
   max-width: 500px;
   position: fixed; 
   bottom: 20px; 
   left: 3%;
   border: 2px solid black;
   border-radius: 15px;
   padding-top: 12px; 
   padding-bottom: 12px;
   background: white;
   box-shadow: 10px 10px 20px rgba(0,0,0,0.5);;
   z-index: 9000;
}

.control p { 
   font-size: 1.5em;
   font-weight: 500;
   margin-left: 20px;
   /*margin-top: 5px;*/
   display: inline-block;
   vertical-align:middle;
   line-height: 1.5em;
}

.scroll-gpt {
   margin: auto 15px; 
   float: right; 
   display: none; /* inline-block; */
   width: 970px; 
   height: 70px;
   background-color: #f55;
}

.sharethis {
   margin: auto 15px; 
   float: right; 
   display: inline-block;
   width: auto; 
   height: auto;
   background-color: #fff;
}

.copirajt {
   margin: auto 15px;
   margin-bottom: -8px;
   float: right; 
   display: inline-block;
   width: auto; 
   height: auto;
   background-color: #fff;
   clear: both;
}

h6 {
   font-family: 'Helvetica';
   font-size: 0.75em;
   font-weight: 500;
}

#history_navi {
	width: 410px;
	/*display: inline-block;*/
	float: right;
}

#history_out {
	vertical-align: top;
	margin-top: 8px;
/*	margin-left: 400px;*/
	display: inline-block;
}

section.history_holder {
	width: 640px; 
	margin: 0 auto;
}



@media only screen and ( max-width: 1400px ) {
   .shell { width: 980px; margin: 0 auto; }

/*
#slider-box {
	width: 776px;
}*/

#footer {
	margin-bottom: 95px;
}

/**** History slider ****/
.timelapse-title {
	font-size: 10pt; 
	margin-top: 5px; 
	text-align: center;
}

#slider {
    margin: auto;
    margin-bottom: 35px;
    margin-top: 8px;
	width: 88%;
}

#slider-box {
    position: fixed;
    bottom: 0;
    left: 0px;
    margin: 0px;
    margin-bottom: 0px;
    width: 100%;
    box-sizing: border-box;
    z-index: 300;
    padding: 5px 7px;
    background: #fff;
    clear: both;
    border: none;
    border-top: solid 0.2em #8DC262;

}

/**** History slider end ****/

 
}


/* ipad portrait */
@media only screen and ( min-width: 830px) and ( max-width: 1200px ) {
	
	body { width: auto; }

	#wrapper { background: url(images/line-green_m.png) repeat-x 0 53px, url(images/pattern-grey.png) repeat-x 0 0px, url(images/pattern-green.png) repeat-x 0 bottom; }
	
	#header { position: relative; height: 118px;}
	
	.shell { width: auto; width: 785px; }
	
	#logo {width: 243px; top:21px; margin-bottom: -32px;}
	#logo a {background-size:243px;}
	
	#paypal { display: none; visibility: hidden;}
	
	#navigation ul li a {padding: 23px 19px 16px;}
   
   .row1 { text-align: right; }
   
   .main .row1 .col { padding: 6px 3px; }
   
	.main .entries h3 { font-size: 14px; }
	
	.Panorama  {height:400px;}
	.Kamera1, .ZorniKot1 {height:540px;background-size:960px;}
	
   #Geotop{ display: none; }
   #Geobottom { display: inline; }
   
	.footer-nav {display: block; padding-bottom: 12px; }
	#footer p.copy {display: block; padding-left: 10px;  }
   
   .scroll-gpt {
      width: 500px; 
      height: 70px;
   }

   #history_navi { width: 615px; margin: 0 auto; display: block; float: none;}

#history_out {
	display: block;
	margin: 0 auto;
}

   .skyad {
      float: none;
      width: 720px; 
      min-height: 190px;
      display: inline-block;
      text-align: center;
      margin: 6px 3px;
   }
   .skyadsize {
      width: 720px; 
      height: 190px;
   }

/**** History slider ****/
.timelapse-title {
	font-size: 11pt; 
	margin-top: 10px; 
	text-align: center;
}

#slider {
    margin: auto;
    margin-bottom: 35px;
    margin-top: 10px;
	width: 88%;
}

#slider-box {
    position: fixed;
    bottom: 0;
    left: 0px;
    margin: 0px;
    margin-bottom: 0px;
    width: 100%;
    box-sizing: border-box;
    z-index: 300;
    padding: 5px 7px;
    background: #fff;
    clear: both;
    border: none;
    border-top: solid 0.2em #8DC262;

}

/**** History slider end ****/

   
}

@media only screen and ( max-width: 830px ) {
	
	body { width: auto; }

	#wrapper {background: url(images/line-green_s.png) repeat-x 0 41px, url(images/pattern-grey.png) repeat-x 0 0px,  url(images/pattern-green.png) repeat-x 0 bottom;}
	
	#header { position: relative; height: 88px;}
		
	.shell { width: auto; width: 640px; }

	.Social {position:relative;}
	.Social ul li {padding-left:3px;}
	
	.Facebook { background-size:35px; width:35px; height:35px;}
	#ColorFacebook {padding:4px 17px 9px; background-size:35px;}

	.Tweeter { background-size:35px; width:35px; height:35px;}
	#ColorTweeter{padding:4px 17px 9px; background-size:35px;}

	.Gplus { background-size:35px; width:35px; height:35px; }
	#ColorGplus {padding:4px 17px 9px; background-size:35px;}

	.Youtube{ background-size:35px; width:35px; height:35px;}
	#ColorYoutube { padding:4px 17px 9px; background-size:35px;}

	.Email{ background-size:35px; width:35px; height:35px;}
	#ColorEmail {padding:4px 17px 9px; background-size:35px;}
	
	#logo {width:180px; left:13px; margin-bottom: -12px;}
	#logo a {background-size:180px; height:65px;}
	
	
	#navigation ul li { margin-right: -3px; padding: 3px 0px 0px 1px; background: url(images/line-white_s.png) no-repeat 0px 0px;}
	#navigation ul li a { padding: 18px 8px 10px; font-size: 12px; font-weight: 300;}

	/*.Lubnik {height: 55px;}*/
   .Lubnik {width: 100%; }
	.Lubnik h3 {font-size: 13px; font-weight:500; line-height: 13px; /*margin-right:-70px;*/ margin-bottom:7px; }
	.Lubnik h4 {font-size: 12px; font-weight:300; line-height: 13px;}
	.data {font-size: 10px; font-weight:500; padding-left:2px; padding-right:2px;}
	.date {font-size: 11px;}
	.UpArrow {padding-left:2px;}
	.DownArrow {padding-left:2px;}
	.Geo {width: 300px;}
	.Meter {float:right; margin-right:5px; height:55px; width:55px; background-size:55px;}
	
   #Geotop{ display: none; }
   #Geobottom { display: inline; }
   /*.main {margin-top:0; padding:10px 0px; }*/
   
	.main .row1 .col {width: 311px; padding: 6px 3px; }

	div.image > a > img { width: 100%; }

      
   /*
	#Overlay{padding:45px 0 27px 0;}
	#Zoom {margin-left:79px; background-size:53px; width:53px; height:45px;}
	#Kamera1, #Kamera2, #Kamera3, #Kamera4 , #Kamera5, #Kamera6, #Kamera7, #Kamera8, #Kamera9  {background-size:311px; width:311px; height:175px;} */

   .main .entries .entry { width: 306px; }
	.main .entries .entry img { width: 266px; padding: 20px}
   /*.main .entries .entry { width: 193px; font-size: 11px;}
	.main .entries .entry img { width: 193px;}*/
	.main .entries h3 { font-size: 13px; }
	.main .entries h5 { font-size: 11px; }
	
	.Panorama  {height:265px;}
	.Kamera1, .ZorniKot1 {height:360px; background-size:100%;}
	
	.footer-nav {float:none; display: block; padding-bottom: 12px; }
	#footer p.copy {float:none; font-size: 10px; text-align:center; display:block; }
	.footer-nav ul li a {font-size: 10px;}

   .control {
      width: 98%;
      left: 1%;
   }
   
   .scroll-gpt {
      width: 400px; 
      height: 70px;
   }
   
   .skyad { display: none; }
   .skyadsize {display: none; }

	   
}

/* mobile*/
@media only screen and ( max-width: 670px) { 
	body {width:auto; }

	#wrapper { background: url(images/line-green_b.png) repeat-x 0 53px, url(images/pattern-grey.png) repeat-x 0 0px, url(images/pattern-green.png) repeat-x 0 bottom; }

	#logo {position:relative; margin-bottom: 80px; top: 18px; left: 0px;}
	
	#header {background: transparent; height: 92px; }

	.Social {top:123px; }
	
	#navigation { float: none; position:relative; z-index: 100;}
	#navigation a.nav-btn { text-align: center; color: #fff; margin-bottom: 15px; text-decoration: none; padding-top: 6px; font-weight:300; display:block; background-color: #086943; height: 30px; position: relative; font-size:16px;}
	#navigation a.nav-btn span { background: url(images/dd-nav-arrs.png) no-repeat 0 bottom; width: 20px; height: 15px;  position:absolute; top: 8px; right: 12px;}
	#navigation a.nav-btn.active span {background-position:0 0; }

	#navigation ul { display:none; position: absolute; top: 36px; width: 100%;}	
	#navigation ul li { height: 33px; display: flex; padding:0 0 0 0; background-image: none; margin-right: 0px;}
	#navigation ul li a { color: #fff; height: 30px; display: block; font-size: 16px; padding:6px 0 0 0; width:100%; border-top: 1px solid #fff; background-color: #086943}	
	#navigation ul li a:last-child {height: 26px;}
	#navigation ul li a:hover { background-color: #606062; padding: 6px 0 0 0; position: relative; font-size:16px; height: 26px;}
	#navigation ul li.active span { background-color: #606062; height: 26px;}
	
	#paypal {
		display: none;
		visibility: hidden;
	}
	
	.shell {width: 400px;}
	.container { width: 400px;}

   .main .row1 .col {width: 100%; padding: 6px 0px; }
	
	/*.Lubnik {left:5px; width:100%; position: relative; top:127px; height:150px;}*/
   .Lubnik { display: none; left:5px; width:100%; position: relative; height: 0; }
	.Lubnik h3 { color:#086943; font-size: 13px; font-weight:500; line-height: 15px; margin-right:10px; margin-bottom:8px; }
	.Lubnik h4 { color:#727272; font-size: 12px; font-weight:300; line-height: 16px;}
	.data {color:#D94C4D; font-size: 12px; font-weight:500; padding-left:4px; padding-right:3px;}
	.date {color:#D94C4D; font-size: 13px; font-weight:500;}
	.UpArrow {color:#ED3237; font-weight:900;padding-right:20px; padding-left:3px;}
	.DownArrow {color:#12AB55; font-weight:900;padding-left:3px;}
	.Geo {float:left; width:320px; margin-bottom:5px;}
	.Meter {float:right; margin-right:30px; height:70px; width:70px; background:url(images/Wind.png);}
	
   #Geotop{ display: none; }
   #Geobottom { display: inline; }
   
	/*.main {margin-top:126px; padding:10px 0px; }*/
   .main {margin-top:130px; padding:10px 0px; }
	.main .row1,.main .row2,.main .row3  {padding:0 5px; text-align: center;}
   
	.main .entries .entry {width: 384px; font-size: 12px; padding:0 5px; margin-top: 15px; margin-bottom:10px;}
	.main .entries .entry img { width: 384px;}
	.main .entries h3 {font-size: 13px; }
	.main .entries h5 {font-size: 12px; }
	   
   .skyad { display: none; }
   .skyadsize {display: none; }
   
	.Panorama {height:140px;}
	.Kamera1, .ZorniKot1 {height:180px;background-size:100%;}
	.Introduction {top:125px; position:relative;}
	
	#footer { margin-top:-10px; padding-left: 0; padding-right:0;  }
	.footer-nav { float:none; display:block; height: 12px; margin:0 auto; width: 320px; padding-bottom: 8px; }
	.footer-nav ul li { font-size: 11px; padding:0 8px; }
	#footer p.copy { font-size: 10px; text-align:center; float:none; display:block; }

}


/* Match more or less all mobile devices */
@media only screen /*and ( min-width: 360px)*/ and ( max-width: 420px)  { 

	.shell {width: 360px;}
	.container { width: 100%;}

   .main .row1, .main .row2, .main .row3  {padding:0; text-align: center;}

   
   #Kamera1, #Kamera2, #Kamera3, #Kamera4 , #Kamera5, #Kamera6, #Kamera7, #Kamera8, #Kamera9 {background-size:360px; width:360px; height:200px;}
	.main .entries .entry {width: 350px; font-size: 12px; padding:0 5px; margin-top: 15px; margin-bottom:10px;}
	.main .entries .entry img { width: 266px;}
   section {padding: 0px; }
   .main .row1 .col {width: 100%; padding: 6px 0px; }

   .center { 
      min-height: 260px;
   }

   .skyad { display: none; }
   .skyadsize {display: none; }

   .Social {top:70px; }

   .image > a > img { 
	width: 100%; 
	max-width:100%;
   }

  
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}