@charset "utf-8";
/* CSS Document */

body,p,form,img,table,tr,th,td,h1,h2,h3,div { border: 0 none; margin: 0; padding: 0; }
html { overflow-y: scroll; height: 100%;  }
body { background: #fff url(../img/left.jpg) left top no-repeat; 
       color: #000; font-family: Verdana, Arial, Tahoma, sans-serif; text-align: center; font-size: small; line-height: 1.5; }
#wrapper-out { background: transparent url(../img/right.jpg) right top no-repeat; width: 100%; height: 100%; }
#wrapper { width: 724px; margin: 0 auto; font-size: 110%; }

/*----- GENERAL -----*/
.noscreen { display: none }
.reseter { float: none; clear: both }
.clear { overflow:hidden; width:1px; height:1px; clear:both }
.left { text-align: left }
.right { text-align: right }
h1 { display: none }
h2 { display: none }
h3 { font-size: 170%; font-weight: normal; }
a { color: #004a8d; }

/*----- HEADER -----*/
#header { width: 724px; height: 114px; background: transparent url(../img/header_bg.jpg) left bottom no-repeat; position: relative; }
#header #home_email { position: absolute; top: 0; right: 0; width: 75px; height: 28px; background: transparent url(../img/home_email.gif) right top no-repeat; }
#header #home_email a { display: block; float: left; width: 20px; height: 20px; margin: 5px 0 0 0; }
#header #home_email #home { margin: 5px 15px 0 0; }
#header #homepage a { position: absolute; top: 40px; left: 0; width: 724px; height: 80px; }

/*----- CONTENT -----*/
#content { width: 724px; overflow: hidden; }
#content p { position: relative; }
#content h3 { position: relative; }

#content #republika-zizkov { margin: 26px auto 0 auto; width: 532px; height: 242px; position: relative; 
                             background: transparent url(../img/republika-zizkov.jpg) left bottom no-repeat; }
#content #republika-zizkov p { top: 180px; }
#content #republika-zizkov a { font-weight: bold; color: #000; text-decoration: none; }
#content #republika-zizkov a:hover { text-decoration: underline; }
#content #republika-zizkov #full { position: absolute; top: 0; left: 0; width: 532px; height: 242px; color: #fff; }

#content #music-agency { float: left; width: 361px; height: 387px; padding: 0 0 47px 0; 
                         background: transparent url(../img/music-agency.jpg) 0 38px no-repeat; 
                         border-right: 1px solid #e5edf3; }
#content #music-agency h3 { position: relative; top: 190px; right: 18px; }
#content #music-agency p { top: 190px; right: 18px; }
                         
#content #travel-agency { float: left; width: 361px; height: 387px; 
                         background: transparent url(../img/zizkaperk-travel-agency.jpg) right bottom no-repeat; }
#content #travel-agency h3 { position: relative; top: 190px; left: 18px; }
#content #travel-agency p { top: 190px; left: 18px; }

#content #suvenyry { margin: 0 auto; width: 324px; height: 213px; position: relative;  
                     background: transparent url(../img/zizkaperk-suvenyry.jpg) left bottom no-repeat; }
#content #suvenyry p { top: 140px; }
#content #suvenyry a { position: absolute; top: 0; left: 0; width: 324px; height: 213px; color: #fff; }

/*----- ORNAMENTS -----*/
#left { position: absolute; top: 0; left: 0; width: 301px; height: 646px; 
         }
#right { position: absolute; top: 0; right: 0; width: 339px; height: 646px; 
         }

/*----- FOOTER -----*/
#footer { width: 724px; height: 70px; border-top: 1px solid #e5edf3; margin: 30px 0 0 0; }
#footer p { margin: 15px 0 0 0; color: #004a8d; font-size: 80%; }
#footer a { color: #004a8d; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* End of CSS Document */