/* CSS Document */
* { margin: 0px; padding: 0px; }
body { background-color: #403f41; color: #595a5c; font-family: Arial, Verdana, Tahoma; }
.clear_both { clear: both; }
a { outline: none; }
.right { text-align: right; }
.bold { font-weight:bold}
p { line-height: 1.6em; font-size: 0.75em; }
.postChange { vertical-align: bottom; padding-bottom: 5px; font-size: 0.75em; color: #ffffff; }
.postChange a:link { color: #ffffff; }

.bottomText { display: block; height: 15px; width: 240px; position: absolute; top: 550px; font-size: 0.75em; color: #ffffff; text-align: center;}
.bottomText a:link { color: #ffffff; }

#wrapper { width: 100%; height: auto; }
#header { width: 850px; margin: auto; height: 39px; }
#header #logo h1 a { display: block; background: url(http://www.janbrunclik.cz/img/logo-jan-brunclik.gif) bottom right no-repeat; width: 273px; height: 22px; text-indent: -999999px; padding: 15px 0 0 550px; }

#swfContent { text-align: center; vertical-align: middle; }
#swfContentNews { text-align: center; vertical-align: middle; width: 515px; height: 480px; }
#swfContentNews h1, #swfContent h1 { padding-top: 200px; }
#dateNews { font-size: 0.7em; color: Gray; }
#topMenu { background: url(http://www.janbrunclik.cz/img/header-bgr.gif) center top no-repeat #403f41; height: 47px; padding-top: 5px; margin-top: 10px; width: 850px; }
#topMenu #menuHolder { width: 850px; text-align: center; }
#topMenu #menuHolder #nav { list-style: none; top: 0px; height: 21px; padding: 13px 0 0 0px; font-size: 0.8em; }
#topMenu #menuHolder #nav li { display: inline; background: url(http://www.janbrunclik.cz/img/menu-separator.gif) right center no-repeat; padding: 0 10px 0 10px; height: 21px; font-size: 0.9em; letter-spacing: 0.07em; }
 #topMenu #menuHolder #nav li a.menuNews {color:#ccccca !important; font-weight:bold}
 #topMenu #menuHolder #nav li a.menuNews:hover {color:#ffffff !important; font-weight:bold}
#topMenu #menuHolder #nav li.last { display: inline; background-image: none; }
#topMenu #menuHolder #nav li a { display: inline; padding: 5px 0 5px 0; height: 21px; color: #4c4d4e; text-decoration: none; text-transform: uppercase; }
#topMenu #menuHolder #nav li a:hover { color: #b2b6b9; }
#topMenu #menuHolder #nav li a strong { color: #ffffff; font-weight: bold; padding: 5px 0 5px 0; text-transform: uppercase; }

#body { width: 850px; margin: auto; background: url(http://www.janbrunclik.cz/img/content-bgr.gif) center top repeat-y; margin-top: 55px; }
#body #content { }
#news-home-page {margin: 40px 0 0 15px}

/* galerie*/
.galerie { text-align: center; padding: 5px 0px 5px 0px; height: 480px; }

/*home*/
.home { text-align: center; padding: 5px 40px 5px 3px; height: 480px; }
.postproduction { text-align: center; padding: 5px 40px 5px 20px; height: 480px; }
.reference { text-align: center; padding: 15px 40px 15px 20px; height: 460px; }
.about-work { text-align: center; padding: 15px 20px 30px 20px; height: 445px; }
.news { text-align: center; padding: 15px 20px 30px 20px; height: 445px; }
.download { text-align: center; padding: 15px 20px 30px 20px; height: 445px; }


/*download*/
.download .box { width: 640px; float: left; padding-left: 90px; text-align: left; padding-top: 20px; }

/*about work*/
.about-work .box { width: 690px; float: left; padding-left: 90px; text-align: left; padding-top: 20px; }
.about-work .left-box { width: 300px; float: left; padding-left: 90px; text-align: justify; padding-top: 20px; }
.about-work .right-box { width: 300px; float: right; padding-right: 90px; text-align: justify; padding-top: 56px; }

/*news*/
.news .main { width: 450px; float: left; padding-left: 90px; text-align: left; padding-top: 20px; }
.news .content { width: 230px; float: right; text-align: left; }

/*reference*/
.reference .foto { width: 550px; float: left; text-align: center; }
.reference .flashcontent { width: 620px; float: left; text-align: center; }
.reference .text-reference { width: 230px; float: right; text-align: left; }

/*postroduction*/
#content .postproduction { }
#content h1 { font-size: 100%; color: #ffffff; }
#content strong { color: #ffffff; font-weight: bold; }
#content a { color: #ffffff; text-decoration: underline; }
#content a:hover { text-decoration: none; color: #ffffff; }

.postproduction .foto { width: 550px; float: left; text-align: center; }
.postproduction .flashcontent { width: 620px; float: left; text-align: center; }

.postproduction .text-postprodukce { width: 230px; float: right; text-align: justify; padding-top: 10px; height: 440px; }
.postproduction .text-postprodukce strong { color: #ffffff; }
.left-box span, .right-box strong { color: #ffffff; }

#body #footer { background: url(http://www.janbrunclik.cz/img/footer-bgr.gif) center top no-repeat #403f41; height: 85px; text-align: center; margin-top: 0px; }

#footer #navB { display: block; list-style: none; top: 0px; text-align: center; height: 21px; padding-top: 15px; font-size: 0.8em; }
#footer #navB li { display: inline; background: url(http://www.janbrunclik.cz/img/menu-separator.gif) right center no-repeat; padding: 0 10px 0 10px; height: 21px; font-size: 0.9em; }
#footer #navB li.last { display: inline; background-image: none; }
#footer #navB li a { display: inline; padding: 5px 0 5px 0; height: 21px; color: #4c4d4e; text-decoration: none; text-transform: uppercase; }
#footer #navB li a:hover { color: #b2b6b9; }
#footer #navB li a strong { color: #ffffff; font-weight: bold; text-transform: uppercase; height: 21px; }

#footer #bottomLeftMenuCont { height: 21px; padding-top: 20px; padding-left: 20px; }
#footer #bottomLeftMenuCont #en-on { background: url(http://www.janbrunclik.cz/img/en-on.gif) bottom left no-repeat; display: block; width: 23px; height: 14px; text-indent: -999999px; margin-top: 1px; border: 0; float: left; }
#footer #bottomLeftMenuCont #en-off { background: url(http://www.janbrunclik.cz/img/en-off.gif) bottom left no-repeat; display: block; width: 23px; height: 14px; text-indent: -999999px; margin-top: 1px; border: 0; float: left; }
#footer #bottomLeftMenuCont #cz-on { background: url(http://www.janbrunclik.cz/img/cz-on.gif) bottom left no-repeat; display: block; width: 20px; height: 14px; text-indent: -999999px; margin-top: 1px; border: 0; float: left; }
#footer #bottomLeftMenuCont #cz-off { background: url(http://www.janbrunclik.cz/img/cz-off.gif) bottom left no-repeat; display: block; width: 20px; height: 14px; text-indent: -999999px; margin-top: 1px; border: 0; float: left; }

.title-audio { background: url(http://www.janbrunclik.cz/img/audio.gif) bottom left no-repeat; display: block; width: 45px; height: 14px; text-indent: -999999px; margin-top: 1px; border: 0; float: left; margin-left: 15px; }
#footer #bottomLeftMenuCont #audio-on-on { background: url(http://www.janbrunclik.cz/img/on-on.gif) bottom left no-repeat; display: block; width: 23px; height: 14px; text-indent: -999999px; margin-top: 1px; border: 0; float: left; }
#footer #bottomLeftMenuCont #audio-on-off { background: url(http://www.janbrunclik.cz/img/on-off.gif) bottom left no-repeat; display: block; width: 23px; height: 14px; text-indent: -999999px; margin-top: 1px; border: 0; float: left; }
#footer #bottomLeftMenuCont #audio-off-on { background: url(http://www.janbrunclik.cz/img/off-on.gif) bottom left no-repeat; display: block; width: 30px; height: 14px; text-indent: -999999px; margin-top: 1px; border: 0; float: left; }
#footer #bottomLeftMenuCont #audio-off-off { background: url(http://www.janbrunclik.cz/img/off-off.gif) bottom left no-repeat; display: block; width: 30px; height: 14px; text-indent: -999999px; margin-top: 1px; border: 0; float: left; }

.title-slideshow { background: url(http://www.janbrunclik.cz/img/slideshow.gif) bottom left no-repeat; display: block; width: 80px; height: 14px; text-indent: -999999px; margin-top: 1px; border: 0; float: left; margin-left: 15px; }
#footer #bottomLeftMenuCont #slideshow-on-on { background: url(http://www.janbrunclik.cz/img/on-on.gif) bottom left no-repeat; display: block; width: 23px; height: 14px; text-indent: -999999px; margin-top: 1px; border: 0; float: left; }
#footer #bottomLeftMenuCont #slideshow-on-off { background: url(http://www.janbrunclik.cz/img/on-off.gif) bottom left no-repeat; display: block; width: 23px; height: 14px; text-indent: -999999px; margin-top: 1px; border: 0; float: left; }
#footer #bottomLeftMenuCont #slideshow-off-on { background: url(http://www.janbrunclik.cz/img/off-on.gif) bottom left no-repeat; display: block; width: 30px; height: 14px; text-indent: -999999px; margin-top: 1px; border: 0; float: left; }
#footer #bottomLeftMenuCont #slideshow-off-off { background: url(http://www.janbrunclik.cz/img/off-off.gif) bottom left no-repeat; display: block; width: 30px; height: 14px; text-indent: -999999px; margin-top: 1px; border: 0; float: left; }

#footer .copy { display: block; background: url(http://www.janbrunclik.cz/img/title-copy.gif); width: 96px; height: 15px; text-indent: -999999px; margin: 0px 0 0 710px; }