html, body, form, p, 
ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5   { margin:0; padding:0; }

html, body { height: 100%; }

/*- layout -*/
body        { background: #000; font:normal 0.75em/1.3em Trebuchet MS,Arial,Helvetica,sans-serif; color: #fff; }
#page       { background: url('../images/bg-all.jpg') 0 200px no-repeat; min-height: 100%; height: 100%; position: relative; width: 711px; margin: 0 0 0 241px; padding: 0; }
body>#page  {	height: auto; }
#flags      { width: 641px; height: 20px; margin-top: 5px; margin-left:34px; text-align: right;}
#header     { width: 641px; height: 200px; margin-left: 17px;}
#main       { }
#press-release-detail #main,
#press-release #main { &margin-bottom: 20px; _margin-bottom: 20px; }
#content    { width: 641px; margin-left: 33px; padding: 10px 0px 108px 0px; &padding-bottom: 85px; _padding-bottom: 85px; }
#footer     { background: url('../images/footer.jpg') no-repeat; width: 641px; position: absolute; margin-left: 35px; bottom: 0; left: 0; height: 109px; }

#flash-footer { position: fixed; bottom: 0; left: 0; /*margin-left: -121px;*/ width: 272px; height: 500px;  }
* html div#flash-footer { _position: absolute;
_top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) 
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight)); _left: 0; }

#rezervace { padding: 15px; }
#flash2 { padding-bottom: 40px; }  

.cols { }
.col1 { text-align: left; }
.col2 { padding-top: 15px; text-align: center; }
.bottom { clear: both; }

#press-release .col2  { padding-top: 0 !important; margin-right: 30px; }
#press-release-04 .col2 { padding-top: 130px; }
#press-release-02 .col2 { padding-top: 130px; }

.contact {padding-left: 75px; }
.contact1 { text-align: left; }
.contact2 { padding-top: 15px; padding-bottom: 60px; text-align: left; }
.bottom { clear: both; }
/*- obecne tridy -*/
#page:after, #header:after, #footer:after, #main:after, #content:after, #menu:after,
.box:after, .cols:after, .cols2:after, .cols3:after, .item:after, paging:after,
.clearfix:after   { content:'.'; display:block; height:0; overflow:hidden; clear:both; visibility:hidden; }
.clearfix {_height:1%; min-height: 1%;}

.fl      { float:left; }
.fr      { float:right; }
.hidden  { display:none !important; }
sup, sub,
.small   { font-size:85%; }
.smaller { font-size: 100%; line-height: 1.3em; }
.big     { font-size:1.2em; }
.center  { text-align:center !important; }
.right   { text-align:right !important; }
.left    { text-align:left !important; }
.strong  { font-weight:bold; }
.alt     { color:#ff8700; }
.light   { color:#666; }
.last    { margin-bottom: 0 !important; margin-right: 0 !important; }
.noTop   { margin-top: 0 !important; }

/*- html tagy -*/
dl dd,
ol li          { margin-left:2em; }
ul li          { list-style:none; }
input, select  { vertical-align:middle; }

h1       { font-size:190%; }
h2       { font-size:1.6em; margin-bottom: 20px; line-height: 1em; }
h3       { font-size:110%; }
#faq h3  { font-size: 1.5em; margin-bottom: 20px; line-height: 1em; }
h4       { font-size:100%; }

a        { text-decoration: underline; color: white; }
a:hover  { text-decoration: underline; }

a img { border:0; }
ul, p     { margin-bottom: 20px; }
p.sub-h2  { margin-bottom: 50px; }

hr    { height:1px; overflow:hidden; border:0; border-bottom:1px solid #000; margin:.75em 0 0; clear:both; }

/*- hlavicka -*/
#header .logo  { float: right; margin: 24px 15px 0 0; }


/*- menu -*/
#menu                { width: 480px; height: 35px; margin: 15px 0 0 115px; }
#menu ul li          { float: left; }
#menu ul li a        { font-size: 1.5em; margin-right: 20px; font-weight: bold; text-decoration: none; display: block; color: #666; padding-top: 8px; text-align: center; }
#menu ul li a:hover,
#menu ul li a.active { color: #fff; border-bottom: 2px solid #3D3D3D; padding-bottom: 10px; }


/*- obsah -*/
#video { margin-bottom: 15px; background: url('../images/video.png') no-repeat; width: 629px; height: 371px /*505 */; padding: 17px 0 0 14px; }
#basic .col1  { text-align: center; }
#basic #content h2  { text-align: center; }

.cols { margin-top: 20px; }
.cols .col1,
#press-release .cols .col2,
#kontakty .cols .col2 { font-size: 1.6em; line-height: 1.25em; }
#faq .cols .col2      { padding-top: 73px; }
.cols h2 { font-size:1.5em; line-height:1em; margin-top:40px; margin-bottom:20px;}
.cols #top { font-size:1.5em; line-height:1em; margin-bottom:20px; margin-top:0;}
.cols #pres_release #col1 {font-size:1.4em; line-height:1.25em; }
.cols #pres_release #col2 { margin-left:160px; font-size:1.6em; line-height:1.25em;}

.contact { margin-top: 20px; }
.contact .contact1,
#press-release .contact .contact2,
#kontakty .contact .contact2 { font-size: 1.6em; line-height: 1.25em; }
.contact h2 { font-size:1.5em; line-height:1em; margin-top:40px; margin-bottom:20px;}
.contact #top { font-size:1.5em; line-height:1em; margin-bottom:20px; margin-top:0;}
.contact #pres_release #contact1 {font-size:1.4em; line-height:1.25em; }
.contact #pres_release #contact2 { margin-left:160px; font-size:1.6em; line-height:1.25em;}


p.odsazeni { &padding-bottom: 20px; _padding-bottom: 20px; }

#klad { margin-bottom:40px;}
.reservation-button { margin-top: 9px; float: right; }

.back { position: relative; right: 20px; }

.new-one { border-bottom: 1px solid white; padding: 20px 0 5px 0; margin-bottom: 40px; &margin-bottom: 65px; _margin-bottom: 65px; }

#rezervace  { background: #000 url('../images/planeta.jpg') no-repeat left top; }

/*- formbox -*/
.formbox             { padding:10px; }
.formbox .clearfix   { line-height:2.2; width:540px; }
.formbox .lab        { float:left; display:block; width:200px; text-align:right; position:relative; }
.formbox .lab .alt   { position:absolute; top:0; right:-1em; display:block; width:.9em; text-align:left; }
.formbox .cont       { float:right; width:330px; position:relative; }
.formbox p           { line-height:1.3; padding-top:.2em; margin:0 !important; }
.formbox textarea    { width:98%; }
.formbox .fullcont   { padding-top:1em; }

/* Firefox hack - for rocket on left (16px down) 
#basic #flash-footer, x:-moz-any-link            { bottom: -16px; }
#faq #flash-footer, x:-moz-any-link              { bottom: -16px; }
#press-release #flash-footer, x:-moz-any-link    { bottom: -16px; }
#press-release-detail #flash-footer, x:-moz-any-link { bottom: -16px; }*/


#footer div.end { font-size: 11px;  margin-top:15px; margin-bottom: 30px; color: #999999; }
#footer div.end .col1 { width: 150px; float: left; margin-top: 15px; }
#footer div.end .col1 a { color: #999999; text-decoration: none; }
#footer div.end .col1 a:hover { color: #ffffff; text-decoration: none; }
#footer div.end .col1 img { position: absolute; margin-top: -5px; }

#footer div.end .col1_paticka { width: 150px; float: left; }
#footer div.end .col1_paticka img { position: absolute; margin-top: -5px; }
#footer div.end .col1_paticka a { color: #999999; text-decoration: none;}
#footer div.end .col1_paticka a:hover { color: #FFFFFF; text-decoration: none; }

#footer div.end .col2 { width: 641px; float: left; font-size: 11px; text-align: center; color: #646464; }
#footer div.end .col2 ul { width: 600px; margin: 0 auto; }
#footer div.end .col2 li { float:left; margin-left: 20px; list-style: none outside url(../images/menu.gif); padding-left: 5px; }
#footer div.end .col2 .first { margin-left: 0px; list-style: none; }
#footer div.end .col2 a { color: #464646; }
#footer div.end .col2 a:hover { color: #ffffff; }

#footer div.end .col2_paticka { width: 641px; float: left; font-size: 11px; text-align: center; color: #646464; }
#footer div.end .col2_paticka ul { width: 559px; margin: 0 auto; }
#footer div.end .col2_paticka li { float:left; margin-left: 20px; list-style: none outside url(../images/menu.gif); padding-left: 5px; }
#footer div.end .col2_paticka .first { margin-left: 0px; list-style: none; }
#footer div.end .col2_paticka a { color: #999999; }
#footer div.end .col2_paticka a:hover { color: #FFFFFF; }

#footer div.end .col3 { width: 210px; float: right; text-align: right;  margin-top: 15px; margin-right: 15px;  }
