body, html, ul, ol, li, dd, dl, dt, p, form, fieldset, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; list-style:none; border:none; }

.nap { min-height:1%; }
.nap:after { content:'.'; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; }

hr.hr { display:none; }
a img { border:0; }

html { background:url(img/html.jpg) center top repeat-x #fff; }
body { text-align:center; background:url(img/body.jpg) center top no-repeat; font-family:"trebuchet ms"; font-size:82%; color:#333; }

h1 {margin:0 0 15px 0;font-size:1.8em;font-variant: small-caps;}
h2 {margin:15px 0 15px 0;font-size:1.4em;font-variant: small-caps;}
h3 {margin:15px 0 15px 0;font-size:1.0em;font-variant: small-caps;font-style: italic;}


ul li {margin:8px}

a { text-decoration:none; outline:0; }
a:hover { text-decoration:underline; }

#container { background:url(img/body.jpg) center top no-repeat; width:900px; margin:0 auto; position:relative; text-align:left; }

#header { height:200px; width:800px; position:relative; left:50px; }
#header #logo-meteoview { position:absolute; left:0; top:81px; }
#header #logo-meteopress { position:absolute; right:0; top:61px; }

#buttony { height:660px; width:580px; position:relative; top:-5px ; left:18px; overflow: hidden; }

#buttony li,
#buttony li a { width:215px; height:127px; }
#buttony li { position:absolute; }
#buttony li a { position:relative; line-height:100px; background:#a4cfe7; text-align:center; color:white; font-size:1.8em; display:block; }
#buttony li a:hover { background:#8fbdde }
#buttony li a span,
#buttony li a em { position:absolute; left:0px; top:0; width:313px; height:127px; background:url(img/buttony.jpg) 0 0 no-repeat; z-index:1; cursor:pointer; }
#buttony li a em { display:none; z-index:5; }

#buttony li#vstup { left:0; top:0; }
#buttony li#demo { left:292px; top:0; }
#buttony li#facebook { left:584px; top:0; }
#buttony li#funguje-to { left:0; top:180px; }
#buttony li#videonavod { left:292px; top:180px; }
#buttony li#kontakty { left:0px; top:520px; }
#buttony li#napoveda { left:0px; top:360px; }
#buttony li#objednat { left:292px; top:360px; }

#buttony li#vstup span { z-index:1; }
#buttony li#demo span { background-position:0 -127px; z-index:5; }
#buttony li#facebook span { background-position:0 -254px; z-index:10; }
#buttony li#funguje-to span { background-position:0 -381px; z-index:1; }
#buttony li#videonavod span { background-position:0 -508px; z-index:5; }
#buttony li#kontakty span { background-position:0 -635px; z-index:10; }
#buttony li#napoveda span { background-position:0 -762px; z-index:1; }
#buttony li#objednat span { background-position:0 -889px; z-index:5; }

#buttony li#vstup em { background-position:-313px 0; z-index:2; }
#buttony li#demo em { background-position:-313px -127px; z-index:6; }
#buttony li#facebook em { background-position:-313px -254px; z-index:11; }
#buttony li#funguje-to em { background-position:-313px -381px; z-index:2; }
#buttony li#videonavod em { background-position:-313px -508px; z-index:6; }
#buttony li#kontakty em { background-position:-313px -635px; z-index:11; }
#buttony li#napoveda em { background-position:-313px -762px; z-index:2; }
#buttony li#objednat em { background-position:-313px -889px; z-index:6; }

#content { width:800px; position:relative; left:50px; height:550px; min-height:550px; }
#container > #content { height:auto; }
#content p { padding:0 0 1em; }
#content h1 { padding:0 0 1em; font-size:1.6em; }
#content h2 { padding:0 0 1em; font-size:1.3em; font-weight:normal; }
.nap { padding:0 0 20px; }
.nap div { width:390px; float:left; margin:0 20px 0 0; }
.nap img { float:left; }

iframe { height:550px; }

#video { position:relative; left:130px; }

.back { padding:20px 0 80px; text-align:center }
.back a { font-weight:bold; color:#f60; font-size:1.2em; }

#footer { clear:both; font-family:verdana; text-align:center; padding:30px 0 50px; font-size:80%; color:#a7bdc2; }
#footer a { color:#3e585e; }


.tab_bila {background: url('http://www.meteodat.cz/loginm/image/back.png') 0 0 ;border:1px solid #f9f9f9;text-align: justify;}

b.sms {border:1px solid #2f4b7c;padding:5px;margin:5px 0;display:block;color:#2f4b7c;text-align: center;font-style: italic;}