/* css reset body{line-height:1.625;} */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,

del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,

form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,

footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video

{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}

body{line-height:1;}

article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}

nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}

blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}

ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}

hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}

input[type=submit],input[type=button],button{margin:0;padding:0;}input,select,a img{vertical-align:middle;} 

table{border-collapse:collapse;border-spacing:0;width:100%; border-collapse:collapse;}



.left{float: left;} .right{float: right;} .center{text-align: center;} .clear{clear: both;}

a:link { color: #004b91; }

a:active { color: #ff9933;}

a:visited { color: #004b91;} 

/* 

a.noclick, a.noclick:visited { color: #000000;}

a:visited { color: #996633;} 

*/

.sprite{background-image: url("/i/sprite.png"); background-repeat: no-repeat; background-position: 0 1000px; }

body{ background-color: #f1f1f1; }

#wrapperWindow {font-size: 14px; font-family: Arial, sans-serif; position: relative; _zoom:1; max-width: 1330px; min-width: 310px; margin: 0 auto; }

#wrapperCenterRight {position:relative; _zoom: 1;}

#wrapperCenterRight.spaceForLeft{margin-left: 201px; _margin-left: 0;}

#colLeft {position: relative; width: 200px; margin-left: -100%; _margin-left: 0; float: left;  }

#colCenterRight{ position:relative; float: left; width: 100%;  }

#wrapperCenter{position:relative; float: left; width: 100%;}

#colCenter{position: relative; }

#colCenter.spaceForRight{margin-right: 303px;}

#colRight{ position:relative; width: 302px; margin-left: -302px; margin-top: 10px; float: left; text-align: center; background-color: #fff;}

#content{position: relative; margin: 10px; padding: 1px 10px 10px 10px; background-color: #fff; box-shadow: 0px 0px 20px 3px #D3D3D3; border-radius: 4px;}

#middle{margin: 0 10px;}

#header{  background-color: #3887c1; border-bottom: 2px solid #dddddd; }

#header a{text-decoration: none;}

#header a.home{display: block; float: left; font-weight: bold; color: #fff; margin: 5px 0 0 0; font-size: 14px; width: 182px; height: 16px; padding: 3px 0px 0px 16px; border-right: 2px solid #fff;}

#header a.home:hover{color: #fcf653; text-decoration:  underline;}

.tomenu{display: none; margin: 4px 10px 1px 5px; float: right; height: 20px; width: 20px; background-position: 0 0;}

.search{ float: right; width: 292px; margin: 0px 10px -4px 20px;}

.yahoo{margin: 7px 15px 0 0; display: inline-block; float: right;}

.languages{float: right; margin: 0 10px;}





div#colLeftContent{margin: 10px 0 0 0; padding: 10px 0; background-color: #fff; box-shadow: 0px 0px 20px 3px #D3D3D3; border-radius: 4px;}

div#colLeftContent ul li{  font-size: 13px; line-height: 16px; padding: 0 0 5px 15px; font-family: verdana, sans-serif; }

div#colLeftContent ul li a{text-decoration: none; color: #333;}

div#colLeftContent ul li a:hover{text-decoration: underline; color: #204aa5; }

div#colLeftContent ul li a.selected{ color: #433836; font-weight: bold; }

div#colLeftContent ul li a.selected:hover{text-decoration: none; color: #204aa5; cursor: default; }

.menu-title{font-family: Verdana, sans-serif; color: #3178ac; font-size: 16px; margin: 7px 0 2px 0; padding: 3px 0 3px 15px; text-align: left; }



#content img{max-width: 100%;}

#content table{max-width: 100%;}

#banner{position: relative; overflow: hidden; _display:none;}

#banner1,#banner2,#banner3{width:100%; display: block; position: absolute; top:0;}

#banner0{width:100%; display: block; position: relative;}

/*

.waterfall{height: 100%; position: absolute; top: 0; left: 0; }

*/

.paranormal img{position: absolute; right: -0.7%; bottom: -8%; width: 7%;}

#waterfall{	position: absolute;	width: 18%;	left: 0px; top: 0px; bottom: 0px;}

#waterfall img{height:100%; position: absolute;}

#waterfall div{	position: absolute;	left: 0px; top: 0px;	width: 100%;	height: 100%;}

#waterfall_loop {background: url("/i/banner/waterfall-loop.png") 0 0 repeat-y; background-size: 100%;}

#waterfall div.loop{

   -moz-animation: waterfallloop 20s infinite linear;

-webkit-animation: waterfallloop 20s infinite linear;

    -ms-animation: waterfallloop 20s infinite linear;

     -o-animation: waterfallloop 20s infinite linear;

        animation: waterfallloop 20s infinite linear;

}

 /* the end position y must equal bitmap's height */

@-moz-keyframes waterfallloop {0% { background-position:0 0; }100% { background-position: 0 1112px; }}

@-webkit-keyframes waterfallloop {0% { background-position:0 0; }100% { background-position: 0 1112px; }}

@-ms-keyframes waterfallloop {0% { background-position:0 0; }100% { background-position: 0 1112px; }}

@-o-keyframes waterfallloop {0% { background-position:0 0; }100% { background-position: 0 1112px; }}

@keyframes waterfallloop {0%   { background-position: 0 0; }100% { background-position: 0 1112px; }}

#waterfall .mask {background: url("/i/banner/waterfall-mask.png") 0px 0px no-repeat;}

#waterfall .mask, #waterfall .loop { display: none\9; }



h1{font-size: 20px; color: #47464f; margin: .67em 0 .67em 0; text-align: center;}

h2{font-size: 18px; color: #47464f; margin: .75em 0 0 0; text-align: center;}

h3{font-size: 16px; color: #47464f; margin: .83em 0 0 0; }

h4{font-size: 14px; color: #47464f; text-align: center; }

p{ font-size: 14px; margin: 1.12em 0; }



.content{line-height: 1.625;}

.content ul{margin: 10px 20px;}

.content ul li{ margin: 5px 0; line-height: 1.4;}

.img-left{ display: block; float: left; margin: 0 10px 0 0;}

.img-right{ display: block; float: right; margin: 0 0 0 10px; }

.content article table td, .content article table th{ border: 1px solid silver; padding: 2px;}

figure{ text-align: center; padding: 5px; }

figure figcaption{margin: 5px; font-size: 1.25em; color: #47464F;}



#content .photo-gallery{position: relative; }

#content .photo-gallery a{position: relative; display: block; float: left; width: 100px; height: 75px; padding: 1px; margin: 0 3px 3px 0; border: 1px solid #3887C1; text-align: center; }

#content .photo-gallery a img{ width: 100px; height:75px; display: block;}

#content .photo-gallery a:hover img{position: absolute; width: 200px; max-width: 200px; height: 150px; margin-top:-40px; margin-left:-50px; border: 4px ridge #3887C1; z-index: 2;}



/*  56.25% -> 16:9  */

.video { height: 0;  padding-bottom: 56.25%; margin: 10px 0; position: relative; width: 100%;}

.video iframe { height: 100%;  left: 0;  position: absolute; top: 0; width: 100%;}



div.webcam-double{  }

div.webcam-double a{width: 49%; display: inline-block; text-decoration: none; margin: 5px 0; }

div.webcam-double figure{display: inline-block; width: 98%; padding: 10px 0; vertical-align: top;}

div.webcam-double figure img {border: 2px solid #4a5378; width: 100%; }

div.webcam-double figure figcaption{ position: relative;  background-color: rgb(255, 255, 255);  background-color: rgba(255, 255, 255, 0.9); margin: -50px 5px 0 5px; padding: 5px 10px; border: 1px solid #004B91; font-size: 17px; text-align: center; box-shadow: 0px 2px 3px 3px #888; border-radius: 4px;}

div.webcam-double figure figcaption:hover{color: red; box-shadow: 0px 2px 10px 3px #555; text-decoration: underline;}



.group-links{padding: 10px 5px 10px 20px; }

.group-links h2, .group-links h3{margin: 0;}

.group-links ul{margin: 0; list-style: none; list-style-position: inside;}

.group-links ul li{ padding: 0.35ex 0; margin: 0;}

.group-links ul li a{ text-decoration: none; }

.group-links ul li a:hover{text-decoration: underline;}



.group-links ul.col2 { columns: 2; -webkit-columns: 2; -moz-columns: 2; }

.author{text-align: right;}

.author a{color: #000; text-decoration: none;}



#commentsTitle{ padding: 4px 0 3px 0; text-align: center; border: 1px solid silver; font-size: 16px; font-weight: bold; color: #333; background-color: #eee; }

#comments{   }

.userPost{margin: 10px 0 10px 0; }

.userPost strong{color: #333;}

.userPost time{font-size: 12px; font-family: monospace; background-color: #eee; color: #333;}

form#commentForm{margin: 10px 0 0 0 ;}

form#commentForm .fileld-info{white-space: nowrap;}

form#commentForm label{ display: inline-block; vertical-align: top; width: 60px; margin-bottom: 10px;}

#commentError{color: red; font-size: 16px; font-weight: bold; background-color: #fbedc8; margin: 5px 0 0 0;}

#commentSucces{color: #0b930e; font-size: 16px; font-weight: bold;  margin: 5px 0 0 0;}



.adaptive-ad{text-align: center; margin: 10px auto; width:320px; height: 100px; background-color: #ddd;}



footer, #footer{clear: both; line-height: 1.625; background-color: #3887C1; color: #fff; text-align: center; padding: 5px 10px; margin-bottom: 10px;}

#footer .menu{ float: left; }

#footer .menu a{color: #fff;}

#footer .copyright{ float: right;}

#footer .g-follow-wrapper{padding: 0 10px; margin: 3px auto -10px auto; overflow: auto;}

.cookie{text-align: center; margin: 10px; font-size: 11px; line-height: 16px;}

.cookie small{ }



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

section{*zoom: 1;}

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

* html .clearfix             { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/* Special purpuse */	

.vote{height: 200px; width: 286px; border: 2px solid silver; margin: 10px 0 10px 0; float: right;}

.meteo-widget{text-align: center; margin: 20px 0 10px 0;}	

.search-result{line-height: 1.4;}

.harta-cabane{position: relative;}

div.harta-cabane a{position: absolute; width: 3.5%; height: 2.5%; display: block; text-decoration: none; border-radius: 10px;}

div.harta-cabane a:hover{box-shadow: 0px 2px 10px 3px red; border: 1px solid red;}



ul.trasee > li{list-style: none;}

ul.trasee li ul li {list-style: disc;}



.weather .station:hover{background-color: #fefdea;}

.weather{text-align: center; font-size: 12px;}

.weather a{text-decoration: none; color: #555; }

.weather .subtitle{ color: #333; padding: 3px; border-bottom: 1px solid #57b7df;}

.weather .station{padding: 5px 0 5px 0; border-bottom: 1px solid #57b7df;}

.weather .station .row1{height: 50px; position: relative; }

.weather .station h3{ padding: 0 0 0 0; margin: 0; width: 30%; float: left; }

.weather .station .info{float: right; width: 30%; padding: 2px 0 0 0; }

.weather .station .symbol{float: left; width: 30%; }

.weather .station .temperature{float: left; width: 40%;}

.weather .station .temperature *{ }

.weather .station .temperature .row1 .data{  line-height: 50px; font-size: 30px; }

.weather .station .temperature .row1 .unit{  line-height: 37px; vertical-align: top; }

.weather .station .temperature .data,

.weather .station .temperature .unit{color: #57b7df;}

.weather .station .label{color: #555; }

.weather .station .wind{float: left; width: 30%;}

.weather .station .wind .row1{width: 50px; margin: 0 auto;}

.windCompass{position: absolute; position: absolute; top: 3px; left: 3px; right: 3px; bottom: 3px; display: block; }

.dial{ margin: auto; border-radius: 50%; width: 40px; height: 40px; border: 2px solid #818282; position: relative; box-sizing: content-box;}

.dial .arrow{width: 0px; height: 0px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 12px solid #1E2023;position: absolute; left: 16px; top: -6px;}

.spin{ position: absolute; width: 36px; height: 1px; top: 21px;  left: 2px; border-left: 2px solid red; border-right: 2px solid red;  background-color: #ddd;

  display: none; -webkit-animation: spin 0s linear infinite;  animation: spin 0s linear infinite;}

.weather:hover .spin{ display: block; }

@keyframes spin{ 100% { transform:rotate(360deg); } }

@-webkit-keyframes spin {100% { -webkit-transform: rotate(360deg); }}

.weather .station .wind .row1 .windN{padding: 10px 0 0 0; display: block; font-size: 10px;}

.weather .station .wind .row1 .data{font-size: 15px; color: #555; padding: 2px 0 0 0; display: block; position: relative;}

.weather .station .wind .row2 .unit{color: #555; font-size: 11px;}

.weather .station .various{clear: both; padding: 5px 5px 0 5px; font-size: 12px; }



.forecast-links{padding: 10px 5px; margin: 0 0 10px 0; line-height: 24px; border-bottom: 1px solid #57b7df;}

.forecast-links .title{color: #333; text-decoration: none;}

.forecast-links a:hover{color: red; text-decoration: underline;}



.forecast{border-top: 1px solid #57b7df;}

.forecast .forecastday{border-bottom: 1px solid #57b7df; background-color: rgba(255, 255, 255, 0.8);}

.forecast .forecastday .title{float: left; margin: 0;}

.forecast .forecastday .day-night{clear: both; background: transparent url(data:image/gif;base64,R0lGODlhAQABAIAAAN7X5QAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) repeat-y center top;}

.forecast .forecastday .day{ float: left; width: 50%; }

.forecast .forecastday .night{ float: left; width: 50%; }

.forecast .forecastday .info{font-size: 12px; padding: 0 5px;}

.forecast .forecastday .temps{ font-family: helvetica, sans-serif; font-size: 15px; text-align: center; margin: auto; width: 100px; }

.forecast .forecastday .temps .hi{color: #D5202A; width: 40px; display: inline-block; }

.forecast .forecastday .temps .lo{color: #008FBF; width: 40px; display: inline-block; }

.forecast .forecastday .temps .split{color: #D7D7D7; width: 10px; display: inline-block; }

.forecast .forecastday .varios{background-color: #eee; text-align: center;}

.forecast .forecastday .varios .param{display: inline-block; margin: 0 5px;}

.forecast .forecastday .varios .param .unit{font-size: 11px;}

.forecast .forecastday .varios .param .label{color: #555;}

.forecast .forecastday .varios .param .unit{vertical-align: 10%;}



article.forecastpage .shadow{background-color: rgba(255, 255, 255, 0.8);}



@media screen and (min-width:1320px) {

.adaptive-ad{text-align: center; margin: 10px auto; width:728px; height: 90px; background-color: #ddd;}

#middle{margin: 0; }

}

	

@media screen and (min-width:981px) {



}

/* 780 */

@media screen and (max-width:980px) {

#middle{margin-right: 0; }

#colCenter.spaceForRight{margin-right: 0px;}

#colRight{ width: 100%; margin-left: 0px;  }



}

/* 479 */

@media screen and (max-width:750px) {

#middle{margin-left: 0; }	

#wrapperCenterRight.spaceForLeft{margin-left: 0;}

#colLeft {width: auto; margin-left: 0; float: none; clear: both; }

.tomenu{display: block;)



}



@media screen and (max-width:500px) {

.search{float: none; clear: both; min-height: 29px; width: auto;  margin: 10px 10px 5px 10px;}

div.webcam-double a{width: 100%;}

#content{ margin: 5px 0; padding: 5px 0;}

.group-links{clear: both;}

h1,h2,h3,p,#comments{margin-left: 5px; margin-right: 5px; }

form#commentForm fieldset.comment-left{margin-left: 5px;}

form#commentForm fieldset.comment-center{text-align: center;}

form#commentForm input[type="button"]{margin: 10px 5px;}

form#commentForm #recaptcha_area{margin: auto;}

form#commentForm .fileld-info{white-space: nowrap; margin-left: 63px;}



#footer .menu{float: none; text-align: center;}

#footer .copyright{float: none; clear: both; text-align: center;}

#footer .g-follow-wrapper{clear: both; margin-bottom: -2px;}

}