@charset "utf-8";
html {height: 100%; width: 100%; margin: 0; padding: 0}
body{color: #000; height: 100%; width: 100%; margin: 0; padding: 0;  background: #f9f9f9 url(images/Background.jpg) no-repeat fixed center center; background-size: cover; font-size:150%; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif}
:link,:visited {text-decoration:none}
a img,:link img,:visited img {border:none}
.clear, .clr {clear:both;}
.hidden {display:none;}
a:link, a:visited {color:green;text-decoration:underline;}
a:hover, a:focus {color:#1a1a1a;text-decoration:underline;}
a:hover{color:red;text-decoration:none}
a[href^="tel:"] {text-decoration: none; white-space: nowrap}
a img:hover {-khtml-opacity:0.8 !important;-moz-opacity:0.8 !important;filter:alpha(opacity=80) !important;opacity:0.8 !important}
header, article, footer {display:block}
#wrapper {width:80%;margin-right:auto;margin-left:auto}

header {text-align:center; padding:20px 0; background: rgba(255,255,255,0.50)}

article {padding:5px 1% 5px 2%; background:#FFF}

h1 {font-size:180%; color:#CC0033}
h2 {font-size:140%; color:#336666}
h3 {font-size:120%; color:#333399}
h4 {font-size:100%; color:#006633}

div.photo-right-500 {float:right; width:500px; display:block}

footer {background:rgba(255,255,255,0.50); color:#000; text-align:center; font-size:80%; padding:1px 0px}
@media (max-width: 1000px) {
div.photo-right-500 {float: none; width: auto !important; padding:0 0 0 10%}
div.photo-right-500 img {width:90%}
}
@media (max-width: 480px) {
#wrapper {width:95%;margin-right:auto;margin-left:auto;}
h1, h2, h3, h4 {font-size:1.2em}
div.photo-right-500 {float: none; width: auto !important; padding:0 0 0 0}
div.photo-right-500 img {width:100%}
}
@media print {
nav, div.pogoda, footer {display:none}
#page * {font: normal 14px "Times New Roman", Times, serif}
}