/* hlavni obrazovkovy styl
 * autor: Bc. Ondrej Hanak
 * http://ondrejhanak.cz */


body {background: #101216; color: #81C0CF; font-size: 100%; margin: 0; padding: 0; font-family: sans-serif;}
img {border: none;}
ul {margin: 0; padding: 0; list-style: none;}
a {outline: none;}


/* layout */
#page {background: #1d2127 url('../images/bgpage.png') 0 0px repeat-x; }
#main {width: 960px; margin: 0 auto; position: relative;}


/* header */
#header {height: 350px; text-transform: uppercase; position: relative; background: url('../images/header2.jpg') no-repeat;}
#header #headerbg {height: 350px; width: 100%; position: absolute;} /* element se prida pomoci JS */
#header h1 {position: absolute; margin: 0;}
#header #langs {background: url('../images/langs.png') -20px 0 no-repeat; width: 30px; height: 77px; 
position: absolute; top: 0; right: 0; color: white; text-align: center; padding: 32px 0 0 0;}
#header #langs a {}
#header #langs img {border: 2px solid #FF953F;}


/* content */
#content {padding: 80px 25px 30px 32px; line-height: 1.33;}
#content h2 {background: #1e2228; color: #53AABF; margin: -58px 0 0 -32px; padding: 10px 30px 7px 30px; float: left; 
font-size: 100%; text-transform: uppercase; letter-spacing: 1px;}
#content a {color: #ccc; outline: none;}
#content a:hover {color: #eee;}
#content p {margin: 0 0 1.2em 0; padding: 0;}
#content ul {margin: 0 0 1.2em 1.2em;}
#content li {background: url('../images/li.png') 0 65% no-repeat; padding: 0 0 0 10px; margin: 0 0 3px 0;}
#content p.contact {margin: 2em 0 0 0;}
#content p.contact strong {letter-spacing: 1px;}
dt, dd {height: 1.4em;}
#content dt {float: left; font-style: italic; color: #62A0AF; width: 11em;}
#content dd {height: 1.4em;}
#content #gmap {float: left; margin: 5px 0 0 310px; position: absolute; width: 385px; height: 275px; border: 0;}

/* navmenu */
ul#navmenu {position: absolute; left: 194px; background: url('../images/bgnav.png') repeat-x; font-size: 80%;}
ul#navmenu li {display: inline; text-transform:uppercase;}
ul#navmenu li a {padding: 33px 0 26px 0; float: left; display: block; text-decoration: none; width: 146px; 
text-align: center; color: #63bfd5; border-left: 1px solid #000; border-bottom: 1px solid #000;}
ul#navmenu li.last a {border-right: 1px solid #000;}
ul#navmenu li a:hover {color: #fff; background: url('../images/bgnava.png') repeat-x;}
ul#navmenu li a.active {text-decoration: underline; color: #fff;}


/* footer */
#footer {font-size: 80%;}
#footer p {color: #639ba8; text-align: center; padding: 15px 0;}
#footer a, #footer span {color: #6eaebd;}
#footer a:hover {color: #bbb;}